@agent-native/core-corpus 0.210.2 → 0.211.0

package/corpus/templates/chat/.agents/skills/actions/references/action-fields.md

@@ -95,9 +95,9 @@ MCP clients see no `outputSchema` by default. Set `mcpOutputSchema: true` (requi
 
 `authorize` decides whether the caller may run the action at all. It wraps
 `run`, so it holds at **all six dispatch sites** — agent tool, HTTP, frontend
-hook, MCP, A2A, CLI — unlike `needsApproval`, which is honoured only in the
-agent loop. Use `authorize` for "not everyone may do this"; use `needsApproval`
-to ask a human to bless one call a permitted caller is already allowed to make.
+hook, MCP, A2A, CLI. Use `authorize` for "not everyone may do this"; use
+`needsApproval` to ask a human to bless one call a permitted caller is already
+allowed to make.
 
 ```ts
 import { coachAccess } from "../lib/access.js"; // defineAppRoles(...)
@@ -140,4 +140,6 @@ export default defineAction({
 
 When the gate is truthy and the call isn't yet approved, the loop emits an `approval_required` event and **stops the turn — `run()` never executes**. A predicate gates conditionally (e.g. only external recipients) and **fails closed**: a throw is treated as "approval required". It receives its own copy of the prepared snapshot of the validated arguments, defaults applied, and the approval binds to the snapshot's hash, so an approved call runs only with the arguments that were approved (a Date binds by its time). The human approves via the chat UI's Approve affordance, which re-issues the turn with the call's `approvalKey`, and only then does the action run.
 
+Approval is given in the app, so HTTP never grants it. The HTTP action route and the generated Workers entry run a gated call only for the proven app UI (a frontend call from the signed-in user, same origin, holding the short-lived UI capability; `isProvenUiRequest`, the proof `uiOnly` uses) or the app's MCP directory widget. Every other HTTP caller (bearer or API key, MCP OAuth token, org service token, A2A, extension iframe, mobile app) gets `409 approval_required`, and a service identity can never approve. The shared client presents the capability with every write from a signed-in session (minted once per user, reused for nine minutes, never for reads or public pages), so a gated button works on its first request. A call without proof gets `403 ui_capability_required`; the client then re-mints and retries once, which is only the fallback for an expired or rejected capability. Every surface evaluates the gate through `preparedCallNeedsApproval`, so a throwing predicate asks there too. A caller that must run unattended needs a different action, never a bypass of the gate.
+
 **Keep approvals rare** — the default is off and almost every action should leave it off. The canonical example is Mail's `send-email` (`needsApproval: true`). See the `security` skill and the Human Approval doc.

package/corpus/templates/clips/.agents/skills/actions/references/action-fields.md

@@ -95,9 +95,9 @@ MCP clients see no `outputSchema` by default. Set `mcpOutputSchema: true` (requi
 
 `authorize` decides whether the caller may run the action at all. It wraps
 `run`, so it holds at **all six dispatch sites** — agent tool, HTTP, frontend
-hook, MCP, A2A, CLI — unlike `needsApproval`, which is honoured only in the
-agent loop. Use `authorize` for "not everyone may do this"; use `needsApproval`
-to ask a human to bless one call a permitted caller is already allowed to make.
+hook, MCP, A2A, CLI. Use `authorize` for "not everyone may do this"; use
+`needsApproval` to ask a human to bless one call a permitted caller is already
+allowed to make.
 
 ```ts
 import { coachAccess } from "../lib/access.js"; // defineAppRoles(...)
@@ -140,4 +140,6 @@ export default defineAction({
 
 When the gate is truthy and the call isn't yet approved, the loop emits an `approval_required` event and **stops the turn — `run()` never executes**. A predicate gates conditionally (e.g. only external recipients) and **fails closed**: a throw is treated as "approval required". It receives its own copy of the prepared snapshot of the validated arguments, defaults applied, and the approval binds to the snapshot's hash, so an approved call runs only with the arguments that were approved (a Date binds by its time). The human approves via the chat UI's Approve affordance, which re-issues the turn with the call's `approvalKey`, and only then does the action run.
 
+Approval is given in the app, so HTTP never grants it. The HTTP action route and the generated Workers entry run a gated call only for the proven app UI (a frontend call from the signed-in user, same origin, holding the short-lived UI capability; `isProvenUiRequest`, the proof `uiOnly` uses) or the app's MCP directory widget. Every other HTTP caller (bearer or API key, MCP OAuth token, org service token, A2A, extension iframe, mobile app) gets `409 approval_required`, and a service identity can never approve. The shared client presents the capability with every write from a signed-in session (minted once per user, reused for nine minutes, never for reads or public pages), so a gated button works on its first request. A call without proof gets `403 ui_capability_required`; the client then re-mints and retries once, which is only the fallback for an expired or rejected capability. Every surface evaluates the gate through `preparedCallNeedsApproval`, so a throwing predicate asks there too. A caller that must run unattended needs a different action, never a bypass of the gate.
+
 **Keep approvals rare** — the default is off and almost every action should leave it off. The canonical example is Mail's `send-email` (`needsApproval: true`). See the `security` skill and the Human Approval doc.

package/corpus/templates/clips/CHANGELOG.md

@@ -3,10 +3,20 @@
 All notable user-facing changes to Clips are documented here. Open it any time
 from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-10-20
+
+### Fixed
+
+- Locally saved desktop recordings now appear in the recovery list with upload and storage setup actions.
+
 ## 2026-10-19
 
 ### Fixed
 
+- Agents see a clip's frames as soon as it finishes processing instead of a cached "still processing" answer.
+- Chapter list times now match the player's clock, and each chapter shows a focus ring when you tab to it.
+- Editing a comment puts the cursor after its text, and Reply on another notification moves the cursor to its reply box.
+- Video imports use clearer labels, YouTube links work without connected storage, and embedded players stay clear of timeline hover previews.
 - Screen Memory can transcribe desktop recordings without a separate FFmpeg install.
 
 ### Changed
@@ -57,6 +67,7 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ### Fixed
 
+- Recordings uploaded by a connected agent can now use free Clips storage, like recordings made in the app.
 - An agent upload too large for free hosted storage is now refused before it starts, with the size limit that applies.
 - Agents connected to Clips over MCP can now import a transcript file, instead of getting an unknown-tool error.
 - Clips keeps meeting transcripts recoverable while a save or notes finalization is still in progress.
@@ -1616,28 +1627,4 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 - Fixed the Mac menu bar popover so it opens reliably after launch at login.
 - Localized Clips Settings changelog and extension sidebar labels in every supported interface language.
 
-## 2026-06-24
-
-### Added
-
-- Added a language picker and localized app chrome for supported languages.
-- Clips now includes a language picker with Simplified Chinese support for core navigation, empty states, and settings.
-
-### Improved
-
-- Chrome extension setup now shows a clear all-done confirmation when permissions are ready.
-- Settings now link directly to Agent settings for model, API key, automation, and voice preferences.
-- Settings now puts What's new in a compact sidebar, prioritizes Builder.io setup, and lets you manage S3 storage and AI provider keys in place.
-- Shared clips now expose their full console log stream (all levels, redacted) to connected agents, not just warnings and errors
-- Shared clips now expose their full fetch/XHR network request stream (method, sanitized URL, status, duration) to connected agents, not just failed requests
-
-### Fixed
-
-- Archive and spaces navigation is more resilient when sidebar count loading fails.
-- Inline Slack playback controls no longer shift when adjusting volume, and compact clip times stay on one line.
-
-### Changed
-
-- The Chrome extension option now only appears on supported Clips hosts unless a custom deployment explicitly enables it.
-
 For the full list of updates, see the [changelog folder](./changelog/).

package/corpus/templates/clips/actions/create-recording-upload.ts

@@ -82,7 +82,11 @@ export default defineAction({
     // The ticket comes first: if it is refused or fails to save, no recording
     // is left stranded in "uploading" with nothing able to finish it.
     const recordingId = nanoid();
-    const ticket = await createRecordingUploadTicket(ownerEmail, recordingId);
+    const ticket = await createRecordingUploadTicket(
+      ownerEmail,
+      recordingId,
+      getRequestContext()?.authUserId,
+    );
     let created: Awaited<ReturnType<typeof createRecording.run>>;
     try {
       created = await createRecording.run(

package/corpus/templates/clips/app/components/player/chapter-list.tsx

@@ -45,7 +45,6 @@ import {
   editedMarkerMs,
   editedToOriginal,
   effectiveDuration,
-  formatMs,
   cutRangesOf,
   isExcluded,
   parseEdits,
@@ -54,6 +53,8 @@ import {
 } from "@/lib/timestamp-mapping";
 import { cn } from "@/lib/utils";
 
+import { msToClock } from "./scrubber";
+
 /**
  * Parse "m:ss" or "h:mm:ss" into milliseconds. A bare number is refused, so
  * a numbered list ("1 Introduction") or a title starting with a number
@@ -300,11 +301,11 @@ function ChapterRows({
           <button
             type="button"
             onClick={() => onSeek(chapter.startMs)}
-            className="group text-start"
+            className="group rounded-sm text-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
           >
-            <span className="me-2 font-mono text-primary group-hover:underline">
-              {formatMs(editedMs)}
-            </span>
+            <span className="me-1 font-mono text-primary group-hover:underline">
+              {msToClock(editedMs)}
+            </span>{" "}
             <span className="break-words text-foreground">{chapter.title}</span>
           </button>
         </li>
@@ -432,7 +433,7 @@ function EditableChapterList({
     const fresh = visible
       .map(
         ({ chapter, editedMs }) =>
-          `${formatMs(editedMs)} ${oneLine(chapter.title)}`,
+          `${msToClock(editedMs)} ${oneLine(chapter.title)}`,
       )
       .join("\n");
     setDraft(failedSave?.draft ?? fresh);

package/corpus/templates/clips/app/components/player/comment-composer.tsx

@@ -112,7 +112,11 @@ export const CommentComposer = forwardRef<
   };
 
   useEffect(() => {
-    if (autoFocus) innerRef.current?.focus();
+    const textarea = innerRef.current;
+    if (!autoFocus || !textarea) return;
+    textarea.focus();
+    // Editing opens with the comment's text; keep typing after it.
+    textarea.setSelectionRange(textarea.value.length, textarea.value.length);
   }, [autoFocus]);
 
   useAutoResizeCommentTextarea(innerRef, value, rows);

package/corpus/templates/clips/app/components/player/player-controls.tsx

@@ -157,6 +157,7 @@ export function PlayerControls(props: PlayerControlsProps) {
       }
     >
       <Scrubber
+        hoverPreviews={!docked}
         currentMs={currentMs}
         durationMs={durationMs}
         onSeek={onSeek}

package/corpus/templates/clips/app/components/player/scrubber.tsx

@@ -17,6 +17,7 @@ import {
 } from "./scrubber-position";
 
 export interface ScrubberProps {
+  hoverPreviews?: boolean;
   currentMs: number;
   durationMs: number;
   onSeek: (ms: number) => void;
@@ -33,6 +34,7 @@ const MARKER_GAP_PX = 2;
 
 export function Scrubber(props: ScrubberProps) {
   const {
+    hoverPreviews = true,
     currentMs,
     durationMs,
     onSeek,
@@ -235,7 +237,7 @@ export function Scrubber(props: ScrubberProps) {
       }}
     >
       {/* Hover bubble */}
-      {hoverMs !== null && !tooltip ? (
+      {hoverPreviews && hoverMs !== null && !tooltip ? (
         <div
           className="absolute -top-8 -translate-x-1/2 rounded bg-black/90 px-2 py-1 text-[11px] text-white pointer-events-none"
           style={{ left: hoverX }}
@@ -245,7 +247,7 @@ export function Scrubber(props: ScrubberProps) {
       ) : null}
 
       {/* Tooltip (comment / chapter) */}
-      {tooltip ? (
+      {hoverPreviews && tooltip ? (
         <div
           data-player-comment-hover
           className={cn(

package/corpus/templates/clips/app/i18n/en-US.ts

@@ -1810,7 +1810,7 @@ const messages = {
     unmuteMicrophone: "Unmute",
     uploadVideo: "Upload video",
     takeScreenshot: "Take screenshot",
-    importLoom: "Import Loom",
+    importLoom: "Import video",
     importing: "Importing...",
     import: "Import",
     recordNew: "Record new",
@@ -2057,8 +2057,8 @@ const messages = {
       "This recording is still processing, so Clips kept your copy here. Wait for it, or upload it again.",
   },
   importRoute: {
-    pageTitle: "Import Loom — Clips",
-    title: "Import Loom",
+    pageTitle: "Import video — Clips",
+    title: "Import video",
     urlPlaceholder: "https://www.loom.com/share/...",
     cta: "Import",
     helperText:

package/corpus/templates/clips/app/lib/extension-auth.ts

@@ -1,3 +1,7 @@
+export type ClipsExtensionSession = { email: string; token: string };
+
+const SESSION_RETRY_DELAYS_MS = [250, 750] as const;
+
 export function buildClipsExtensionBaseUrl(
   origin: string,
   appRootPath: string,
@@ -7,3 +11,69 @@ export function buildClipsExtensionBaseUrl(
   url.hash = "";
   return url.toString().replace(/\/+$/, "");
 }
+
+export async function fetchClipsExtensionSession(
+  fetchSession: () => Promise<Response>,
+  shouldContinue: () => boolean,
+  pause: (ms: number) => Promise<void> = (ms) =>
+    new Promise((resolve) => setTimeout(resolve, ms)),
+): Promise<ClipsExtensionSession | null> {
+  let lastError: unknown;
+  for (let attempt = 0; ; attempt += 1) {
+    if (!shouldContinue()) return null;
+
+    let response: Response | undefined;
+    try {
+      response = await fetchSession();
+    } catch (error) {
+      lastError = error;
+    }
+    if (!shouldContinue()) return null;
+
+    if (response?.ok) {
+      const session: unknown = await response.json();
+      if (
+        session &&
+        typeof session === "object" &&
+        "error" in session &&
+        session.error === "Not authenticated"
+      ) {
+        return null;
+      }
+      if (
+        !session ||
+        typeof session !== "object" ||
+        !("email" in session) ||
+        typeof session.email !== "string" ||
+        !session.email ||
+        !("token" in session) ||
+        typeof session.token !== "string" ||
+        !session.token
+      ) {
+        throw new Error(
+          "The Clips session endpoint returned an invalid session.",
+        );
+      }
+      return { email: session.email, token: session.token };
+    }
+    if (response && response.status < 500) {
+      if (response.status === 401 || response.status === 403) return null;
+      throw new Error(
+        `The Clips session endpoint failed with HTTP ${response.status}.`,
+      );
+    }
+    if (response) {
+      lastError = new Error(
+        `The Clips session endpoint failed with HTTP ${response.status}.`,
+      );
+    }
+
+    if (!shouldContinue()) return null;
+    if (attempt >= SESSION_RETRY_DELAYS_MS.length) {
+      throw (
+        lastError ?? new Error("The Clips session endpoint is unavailable.")
+      );
+    }
+    await pause(SESSION_RETRY_DELAYS_MS[attempt]);
+  }
+}

package/corpus/templates/clips/app/root.tsx

@@ -31,6 +31,7 @@ import {
   useRouteLoaderData,
 } from "react-router";
 import type { LinksFunction, LoaderFunctionArgs } from "react-router";
+import { toast } from "sonner";
 
 import { BugReportDialog } from "@/components/bug-report/bug-report-dialog";
 import { ClipsCommandMenu } from "@/components/clips-command-menu";
@@ -47,7 +48,11 @@ import {
 import { Toaster } from "@/components/ui/sonner";
 import { AppToolkitProvider } from "@/components/ui/toolkit-provider";
 import { useNavigationState } from "@/hooks/use-navigation-state";
-import { buildClipsExtensionBaseUrl } from "@/lib/extension-auth";
+import {
+  buildClipsExtensionBaseUrl,
+  fetchClipsExtensionSession,
+  type ClipsExtensionSession,
+} from "@/lib/extension-auth";
 import {
   isLegacyRecordingPath,
   isRecordingSharePath,
@@ -238,17 +243,24 @@ function ClipsExtensionAuthBridge() {
         }
       ).chrome?.runtime;
 
-      const response = await fetch(appPath("/_agent-native/auth/session"), {
-        credentials: "include",
-        cache: "no-store",
-      });
-      const session = (await response.json().catch(() => null)) as {
-        email?: string;
-        token?: string;
-      } | null;
-      if (cancelled || !response.ok || !session?.email || !session.token) {
+      let session: ClipsExtensionSession | null;
+      try {
+        session = await fetchClipsExtensionSession(
+          () =>
+            fetch(appPath("/_agent-native/auth/session"), {
+              credentials: "include",
+              cache: "no-store",
+            }),
+          () => !cancelled,
+        );
+      } catch (error) {
+        if (!cancelled) {
+          console.error("Could not complete Clips extension sign-in.", error);
+          toast.error(t("recordingPage.tryAgainMoment"));
+        }
         return;
       }
+      if (cancelled || !session) return;
 
       const message = {
         source: "clips-auth-bridge",

package/corpus/templates/clips/app/routes/_app.notifications.tsx

@@ -193,6 +193,9 @@ export default function NotificationsRoute() {
             </div>
             <div className="flex items-end gap-2">
               <CommentComposer
+                // A reply to another notification gets its own composer, so
+                // the cursor moves to it.
+                key={replyFor.id}
                 value={replyText}
                 onChange={setReplyText}
                 onMentionAdd={(mention) =>

package/corpus/templates/clips/app/routes/import.tsx

@@ -129,6 +129,9 @@ export default function ImportRoute() {
   const timeoutsRef = useRef<ReturnType<typeof setTimeout>[]>([]);
 
   const busy = phase !== "form";
+  const requiresStorage = !isYouTubeUrl(loomUrl);
+  const storageBlocked =
+    requiresStorage && (storageQuery.isError || storageConfigured !== true);
 
   const importStages = useMemo(
     () => [
@@ -173,7 +176,7 @@ export default function ImportRoute() {
     async (event: FormEvent<HTMLFormElement>) => {
       event.preventDefault();
       const url = loomUrl.trim();
-      if (!url || busy) return;
+      if (!url || busy || storageBlocked) return;
       const failureTitle = isYouTubeUrl(url)
         ? t("recordRoute.couldNotImportVideo")
         : t("recordRoute.couldNotImportLoom");
@@ -264,6 +267,7 @@ export default function ImportRoute() {
       loomUrl,
       navigate,
       spaceIdFromUrl,
+      storageBlocked,
       t,
     ],
   );
@@ -304,120 +308,121 @@ export default function ImportRoute() {
         </p>
 
         <div className="mx-auto w-full max-w-lg">
-          {storageQuery.isError ? (
-            <StorageStatusRetry onRetry={() => void storageQuery.refetch()} />
-          ) : storageConfigured === null ? (
-            <ImportPanelSkeleton />
-          ) : storageConfigured ? (
-            <div
-              className={cn(
-                "overflow-hidden rounded-2xl border border-border bg-card shadow-lg transition-opacity duration-300",
-                phase === "leaving" && "opacity-0",
-              )}
-            >
-              {busy ? (
-                <div className="h-1 w-full overflow-hidden bg-muted">
-                  <div
-                    className="h-full bg-primary transition-[width] duration-200 ease-out"
-                    style={{ width: `${Math.min(100, progress)}%` }}
-                  />
+          <div
+            className={cn(
+              "overflow-hidden rounded-2xl border border-border bg-card shadow-lg transition-opacity duration-300",
+              phase === "leaving" && "opacity-0",
+            )}
+          >
+            {busy ? (
+              <div className="h-1 w-full overflow-hidden bg-muted">
+                <div
+                  className="h-full bg-primary transition-[width] duration-200 ease-out"
+                  style={{ width: `${Math.min(100, progress)}%` }}
+                />
+              </div>
+            ) : null}
+            <div className="p-6">
+              {phase === "importing" ? (
+                <div className="flex flex-col items-center gap-2 py-8 text-center">
+                  <AgentMark className="h-6 w-6 animate-pulse text-primary" />
+                  <p
+                    key={stageIndex}
+                    className="text-base font-semibold text-foreground"
+                    style={{ animation: "clips-benefit-in 260ms ease-out" }}
+                  >
+                    {importStages[stageIndex]}
+                  </p>
+                  <p className="max-w-xs text-xs text-muted-foreground">
+                    {t("importRoute.importingSubtitle")}
+                  </p>
                 </div>
-              ) : null}
-              <div className="p-6">
-                {phase === "importing" ? (
-                  <div className="flex flex-col items-center gap-2 py-8 text-center">
-                    <AgentMark className="h-6 w-6 animate-pulse text-primary" />
-                    <p
-                      key={stageIndex}
-                      className="text-base font-semibold text-foreground"
-                      style={{ animation: "clips-benefit-in 260ms ease-out" }}
-                    >
-                      {importStages[stageIndex]}
+              ) : phase === "done" || phase === "leaving" ? (
+                <div className="flex flex-col items-center gap-4 py-6 text-center">
+                  <div className="flex items-center gap-2 text-primary">
+                    <AgentMark className="h-6 w-6" />
+                    <p className="text-base font-semibold text-foreground">
+                      {t("importRoute.doneHeading")}
                     </p>
-                    <p className="max-w-xs text-xs text-muted-foreground">
-                      {t("importRoute.importingSubtitle")}
-                    </p>
-                  </div>
-                ) : phase === "done" || phase === "leaving" ? (
-                  <div className="flex flex-col items-center gap-4 py-6 text-center">
-                    <div className="flex items-center gap-2 text-primary">
-                      <AgentMark className="h-6 w-6" />
-                      <p className="text-base font-semibold text-foreground">
-                        {t("importRoute.doneHeading")}
-                      </p>
-                    </div>
-                    <ul className="flex flex-col items-start gap-2 text-start">
-                      {benefits.map((benefit, index) => (
-                        <li
-                          key={benefit}
-                          className="flex items-center gap-2 text-sm font-medium text-foreground"
-                          style={{
-                            animation: "clips-benefit-in 220ms ease-out both",
-                            animationDelay: `${index * 110}ms`,
-                          }}
-                        >
-                          <IconCheck className="h-4 w-4 shrink-0 text-primary" />
-                          {benefit}
-                        </li>
-                      ))}
-                    </ul>
                   </div>
-                ) : (
-                  <form onSubmit={handleSubmit} className="flex flex-col gap-3">
-                    <Input
-                      autoFocus
-                      value={loomUrl}
-                      onChange={(event) => {
-                        setLoomUrl(event.target.value);
-                        setLoomError(null);
-                      }}
-                      placeholder={t("importRoute.urlPlaceholder")}
-                      className="h-12 text-base"
-                      inputMode="url"
-                    />
-                    <Button
-                      type="submit"
-                      className="h-12 w-full gap-2"
-                      disabled={!loomUrl.trim()}
-                    >
-                      <IconLink className="h-4 w-4" />
-                      {t("importRoute.cta")}
-                    </Button>
-                    {loomError ? (
-                      <p className="text-xs leading-relaxed text-destructive">
-                        {loomError}
-                      </p>
-                    ) : null}
-                  </form>
-                )}
-              </div>
-
-              {!busy ? (
-                <div className="flex items-center justify-center gap-4 border-t border-border px-6 py-4">
-                  <button
-                    type="button"
-                    onClick={() => openUploadPicker(recordHref)}
-                    className="inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground"
-                  >
-                    <IconUpload className="h-3.5 w-3.5" />
-                    {t("preRecord.uploadVideo")}
-                  </button>
-                  <Link
-                    to={recordHref}
-                    className="text-xs font-medium text-muted-foreground hover:text-foreground"
-                  >
-                    {t("preRecord.recordNew")}
-                  </Link>
+                  <ul className="flex flex-col items-start gap-2 text-start">
+                    {benefits.map((benefit, index) => (
+                      <li
+                        key={benefit}
+                        className="flex items-center gap-2 text-sm font-medium text-foreground"
+                        style={{
+                          animation: "clips-benefit-in 220ms ease-out both",
+                          animationDelay: `${index * 110}ms`,
+                        }}
+                      >
+                        <IconCheck className="h-4 w-4 shrink-0 text-primary" />
+                        {benefit}
+                      </li>
+                    ))}
+                  </ul>
                 </div>
-              ) : null}
+              ) : (
+                <form onSubmit={handleSubmit} className="flex flex-col gap-3">
+                  <Input
+                    autoFocus
+                    value={loomUrl}
+                    onChange={(event) => {
+                      setLoomUrl(event.target.value);
+                      setLoomError(null);
+                    }}
+                    placeholder={t("importRoute.urlPlaceholder")}
+                    className="h-12 text-base"
+                    inputMode="url"
+                  />
+                  <Button
+                    type="submit"
+                    className="h-12 w-full gap-2"
+                    disabled={!loomUrl.trim() || storageBlocked}
+                  >
+                    <IconLink className="h-4 w-4" />
+                    {t("importRoute.cta")}
+                  </Button>
+                  {loomError ? (
+                    <p className="text-xs leading-relaxed text-destructive">
+                      {loomError}
+                    </p>
+                  ) : null}
+                </form>
+              )}
             </div>
-          ) : (
-            <StorageSetupCard
-              onConfigured={markStorageConfigured}
-              connectSource="clips_import_storage_setup_card"
-              connectFlow="import"
-            />
-          )}
+
+            {!busy ? (
+              <div className="flex items-center justify-center gap-4 border-t border-border px-6 py-4">
+                <button
+                  type="button"
+                  onClick={() => openUploadPicker(recordHref)}
+                  className="inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground"
+                >
+                  <IconUpload className="h-3.5 w-3.5" />
+                  {t("preRecord.uploadVideo")}
+                </button>
+                <Link
+                  to={recordHref}
+                  className="text-xs font-medium text-muted-foreground hover:text-foreground"
+                >
+                  {t("preRecord.recordNew")}
+                </Link>
+              </div>
+            ) : null}
+          </div>
+          {loomUrl.trim() && requiresStorage ? (
+            storageQuery.isError ? (
+              <StorageStatusRetry onRetry={() => void storageQuery.refetch()} />
+            ) : storageConfigured === null ? (
+              <ImportPanelSkeleton />
+            ) : !storageConfigured ? (
+              <StorageSetupCard
+                onConfigured={markStorageConfigured}
+                connectSource="clips_import_storage_setup_card"
+                connectFlow="import"
+              />
+            ) : null
+          ) : null}
         </div>
       </div>
       {uploadInput}

package/corpus/templates/clips/changelog/2026-10-16-agent-uploads-can-use-free-clips-storage.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-10-16
+---
+
+Recordings uploaded by a connected agent can now use free Clips storage, like recordings made in the app.

package/corpus/templates/clips/changelog/2026-10-19-agents-see-a-clip-s-frames-as-soon-as-it-finishes-processing.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-10-19
+---
+
+Agents see a clip's frames as soon as it finishes processing instead of a cached "still processing" answer.