@agent-native/core 0.84.20 → 0.84.22

package/corpus/templates/calendar/app/pages/BookingPage.tsx

@@ -1,6 +1,7 @@
 import {
   OpenSourceBadge,
   PoweredByBadge,
+  LanguagePicker,
   StarfieldBackground,
   useT,
 } from "@agent-native/core/client";
@@ -53,13 +54,23 @@ function BookingPageShell({
   return (
     <div
       className={cn(
-        "relative min-h-screen overflow-x-hidden bg-background p-4",
+        "relative min-h-screen bg-background dark:bg-black",
         className,
       )}
     >
       <StarfieldBackground className="fixed inset-0 opacity-25 dark:opacity-60" />
-      <div className="pointer-events-none fixed inset-0 bg-[radial-gradient(ellipse_at_center,hsl(var(--background)/0.35)_0%,hsl(var(--background)/0.88)_72%)]" />
-      <div className="relative z-10 flow-root">{children}</div>
+      <div className="pointer-events-none fixed inset-0 bg-[radial-gradient(ellipse_at_center,hsl(var(--background)/0.35)_0%,hsl(var(--background)/0.88)_72%)] dark:bg-[radial-gradient(ellipse_at_center,hsl(var(--background)/0.35)_0%,#000000_100%)]" />
+      <div className="fixed top-4 right-4 z-50 flex items-center gap-1">
+        <LanguagePicker variant="ghost-icon" />
+        <ThemeToggle />
+      </div>
+      <div className="fixed bottom-[21px] left-4 z-50 flex flex-col items-start gap-2 max-sm:static max-sm:mx-auto max-sm:mt-8">
+        <PoweredByBadge variant="plain" embedded />
+        <OpenSourceBadge embedded />
+      </div>
+      <div className="relative z-10 min-h-screen overflow-x-hidden p-4">
+        {children}
+      </div>
     </div>
   );
 }
@@ -281,9 +292,6 @@ export default function BookingPage() {
 
   return (
     <BookingPageShell className="pb-20">
-      <div className="absolute top-4 right-4 z-20">
-        <ThemeToggle />
-      </div>
       <div className="mx-auto mt-[7.5vh] w-full max-w-lg">
         {/* Header */}
         <div className="mb-8 text-center">
@@ -509,8 +517,6 @@ export default function BookingPage() {
           )}
         </div>
       </div>
-      <OpenSourceBadge />
-      <PoweredByBadge />
     </BookingPageShell>
   );
 }

package/corpus/templates/calendar/changelog/2026-07-01-meeting-invite-pages-have-cleaner-branding-a-black-dark-mo.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-01
+---
+
+Meeting invite pages have cleaner branding, a black dark-mode backdrop, and a language picker.

package/corpus/templates/chat/README.md

@@ -0,0 +1,32 @@
+# Chat
+
+The minimal agent-native starter app — a clean, ChatGPT-style shell with chat at
+the center, durable threads, standard app navigation, auth, live sync, and
+actions. Start here when you want a real browser app to build on without
+committing to a domain template.
+
+**Live app: [chat.agent-native.com](https://chat.agent-native.com)**
+
+Chat is the basic agent-native app starting point. It gives you the app-agent
+loop wired end to end and one example action, so you can add your own UI, data,
+and actions on top.
+
+## Features
+
+- ChatGPT-style shell with a threads list and durable chat history.
+- Auth, live sync, and application state wired out of the box.
+- The action surface the agent and UI share, plus one example action to copy.
+- A minimal, brandable base for any domain app.
+
+## Develop locally
+
+Scaffold your own copy and run it:
+
+```bash
+npx @agent-native/core@latest create my-app --standalone --template chat
+cd my-app
+pnpm install
+pnpm dev
+```
+
+Full docs: [agent-native.com/docs/template-chat](https://agent-native.com/docs/template-chat).

package/corpus/templates/clips/README.md

@@ -0,0 +1,37 @@
+# Clips
+
+An open-source, agent-native alternative to Loom, Granola, and Wispr Flow rolled
+into one app. Screen recording, calendar-synced meeting notes, and push-to-talk
+voice dictation — all transcribed, searchable, and yours to own.
+
+**Live app: [clips.agent-native.com](https://clips.agent-native.com)**
+
+The agent transcribes, titles, summarizes, and indexes everything you capture,
+then lets you ask "find the clip where we discussed the rollout plan" across every
+transcript. Shared clips are agent-readable: paste a share link into an agent and
+it can read the transcript and see timestamped frames without the raw video.
+
+## Features
+
+- Screen recording with webcam overlay, audio capture, and pause/trim.
+- Calendar-synced meeting recordings with AI summary, notes, and action items.
+- Push-to-talk (Fn-hold) dictation with searchable history and vocabulary biasing.
+- Auto-generated titles, summaries, and chapter markers for every recording.
+- Full-text search across recordings, meetings, and dictations in one library.
+- Sharing with per-clip permissions, agent-readable links, and Slack unfurls.
+- Chrome extension for capturing browser logs with a recording.
+
+## Develop locally
+
+Scaffold your own copy and run it:
+
+```bash
+npx @agent-native/core@latest create my-clips --standalone --template clips
+cd my-clips
+pnpm install
+pnpm dev
+```
+
+Clips needs a video storage backend (Builder.io or an S3-compatible bucket)
+before recordings can upload — see the docs for setup.
+Full docs: [agent-native.com/docs/template-clips](https://agent-native.com/docs/template-clips).

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

@@ -23,6 +23,7 @@ import {
   stringifySpaceIds,
 } from "../server/lib/recordings.js";
 import { setResumableSession } from "../server/lib/resumable-session.js";
+import { isStreamingUploadDisabled } from "../server/lib/streaming-upload-mode.js";
 import { createRecordingSchema } from "./lib/create-recording-schema.js";
 import { DEFAULT_RECORDING_TITLE } from "./lib/title-source.js";
 
@@ -86,7 +87,11 @@ export default defineAction({
     // init fails.
     let uploadMode: UploadMode = "buffered";
     const uploadProvider = await getActiveFileUploadProviderForRequest();
-    if (args.requestStreaming && uploadProvider?.resumable) {
+    if (
+      args.requestStreaming &&
+      !isStreamingUploadDisabled() &&
+      uploadProvider?.resumable
+    ) {
       try {
         const recordingMimeType =
           args.mimeType?.split(";")[0]?.trim() || "video/webm";
@@ -103,7 +108,7 @@ export default defineAction({
         await setResumableSession(id, {
           providerId: uploadProvider.id,
           sessionId: session.sessionId,
-          meta: session.meta,
+          meta: { ...session.meta, skipCompressionWait: true },
           bytesUploaded: 0,
           lastCommittedIndex: -1,
         });

package/corpus/templates/clips/actions/finalize-recording.ts

@@ -39,6 +39,7 @@ import {
   deleteResumableSession,
   getResumableSession,
 } from "../server/lib/resumable-session.js";
+import { isStreamingUploadDisabled } from "../server/lib/streaming-upload-mode.js";
 import {
   requiresConfiguredVideoStorage,
   STORAGE_SETUP_REQUIRED_REASON,
@@ -341,6 +342,11 @@ export default defineAction({
       // Resumable path: create-recording initialized a session and chunk.post.ts
       // forwarded all chunks to the provider. Complete the session to get the CDN URL.
       const resumableSession = await getResumableSession(id);
+      if (resumableSession && isStreamingUploadDisabled()) {
+        console.warn(
+          `[finalize] streaming uploads are disabled, but completing existing resumable session for in-flight recording: ${id}`,
+        );
+      }
       if (resumableSession) {
         debugLog("[finalize] resumable session found, completing upload", {
           id,
@@ -351,6 +357,9 @@ export default defineAction({
           if (!uploadProvider?.resumable) {
             throw new Error("No resumable upload provider configured");
           }
+          if (resumableSession.bytesUploaded <= 0) {
+            throw new Error("Recording upload contained no video bytes");
+          }
           const videoUrl = await uploadProvider.resumable.completeSession(
             {
               sessionId: resumableSession.sessionId,
@@ -359,6 +368,7 @@ export default defineAction({
             typeof resumableSession.meta.filename === "string"
               ? resumableSession.meta.filename
               : "",
+            { skipCompressionWait: true },
           );
           debugLog("[finalize] resumable upload completed", { id, videoUrl });
           const result = await markRecordingReady({
@@ -560,6 +570,7 @@ export default defineAction({
           filename: `${id}.${videoFormat}`,
           mimeType,
           ownerEmail,
+          skipCompressionWait: true,
         });
       } catch (err) {
         // Capture structured context so a "Builder.io upload failed (500)" can

package/corpus/templates/clips/actions/get-recording-player-data.ts

@@ -233,10 +233,12 @@ export default defineAction({
     //      `?password=<pw>` (legacy fallback) so old share pages keep
     //      working during rollout. (audit 11 F-07)
     //      Owners are skipped — the blob route bypasses the password gate
-    //      for them, so they don't need the token. Non-Loom provider URLs
-    //      (R2/S3/Builder) are left untouched; those are already signed.
+    //      for them, so they don't need the token. Remote provider URLs are
+    //      still proxied through same-origin media serving so CORS, range
+    //      requests, and signed URL quirks match public share playback.
     const resolvedVideoUrl = resolvePlayerVideoUrl(rec, {
       addPasswordToken: access.role !== "owner",
+      proxyRemoteMedia: true,
     });
 
     return {

package/corpus/templates/clips/actions/import-loom-recording.ts

@@ -295,6 +295,7 @@ export default defineAction({
       filename: `${id}.mp4`,
       mimeType: media.mimeType,
       ownerEmail,
+      skipCompressionWait: true,
     });
 
     const recordingValues = buildRecordingValues(media.sizeBytes);

package/corpus/templates/clips/actions/lib/loom-video.ts

@@ -17,6 +17,18 @@ export type LoomVideoDownload = {
   sourceUrl: string;
 };
 
+const LOOM_VIDEO_UNAVAILABLE_MESSAGE =
+  "Loom did not provide a downloadable MP4 for this video. Download the original from Loom and use Upload video in Clips.";
+
+export class LoomVideoUnavailableError extends Error {
+  statusCode = 422;
+
+  constructor(message = LOOM_VIDEO_UNAVAILABLE_MESSAGE) {
+    super(message);
+    this.name = "LoomVideoUnavailableError";
+  }
+}
+
 function formatBytes(bytes: number): string {
   if (bytes >= 1024 * 1024) {
     return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
@@ -129,6 +141,10 @@ async function fetchTranscodedVideoUrl({
     { maxRedirects: 2 },
   );
 
+  if (response.status === 204) {
+    throw new LoomVideoUnavailableError();
+  }
+
   if (!response.ok) {
     throw new Error(
       `Loom did not provide a downloadable MP4 (${response.status} ${response.statusText}). Make sure the link is public and allows playback.`,

package/corpus/templates/clips/app/components/library/library-grid.tsx

@@ -1,6 +1,5 @@
 import {
   getBrowserTabId,
-  sendToAgentChat,
   setClientAppState,
   useSession,
   useT,
@@ -225,6 +224,21 @@ export function LibraryGrid({
     }
   };
 
+  const moveSingle = async (
+    rec: RecordingSummary,
+    targetFolderId: string | null,
+  ) => {
+    try {
+      await moveRecording.mutateAsync({
+        id: rec.id,
+        folderId: targetFolderId,
+      });
+      toast.success(t("libraryGrid.clipsMoved", { count: 1 }));
+    } catch (err: any) {
+      toast.error(err?.message ?? t("libraryGrid.moveFailed"));
+    }
+  };
+
   const openRenameDialog = (rec: RecordingSummary) => {
     setRenamingRec(rec);
     setRenameValue(isDefaultTitle(rec.title) ? "" : (rec.title ?? ""));
@@ -385,12 +399,9 @@ export function LibraryGrid({
                       ? openRenameDialog
                       : undefined
                   }
-                  onMove={(rec) => {
-                    sendToAgentChat({
-                      message: `Move the clip "${rec.title}" (id: ${rec.id}) to a folder. Ask me which folder to move it to, or list available folders.`,
-                      background: false,
-                    });
-                  }}
+                  moveTargets={moveTargets}
+                  onMove={canMoveSelection ? moveSingle : undefined}
+                  isMovePending={moveRecording.isPending}
                   onTrash={(rec) => {
                     trashRecording.mutate(
                       { id: rec.id },

package/corpus/templates/clips/app/components/library/recording-card.tsx

@@ -24,6 +24,9 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { isDefaultTitle } from "@/hooks/use-auto-title";
@@ -32,6 +35,8 @@ import { isStaleRecordingUpload } from "@/lib/recording-status";
 import { isStorageSetupFailureReason } from "@/lib/storage-failures";
 import { cn } from "@/lib/utils";
 
+import type { BulkMoveTarget } from "./bulk-action-toolbar";
+
 function formatDuration(ms: number): string {
   const totalSeconds = Math.max(0, Math.floor(ms / 1000));
   const m = Math.floor(totalSeconds / 60);
@@ -59,7 +64,9 @@ interface RecordingCardProps {
   selectionMode?: boolean;
   onToggleSelect?: (id: string) => void;
   onShare?: (rec: RecordingSummary) => void;
-  onMove?: (rec: RecordingSummary) => void;
+  onMove?: (rec: RecordingSummary, folderId: string | null) => void;
+  moveTargets?: BulkMoveTarget[];
+  isMovePending?: boolean;
   onRename?: (rec: RecordingSummary) => void;
   onArchive?: (rec: RecordingSummary) => void;
   onTrash?: (rec: RecordingSummary) => void;
@@ -73,6 +80,8 @@ export function RecordingCard({
   onToggleSelect,
   onShare,
   onMove,
+  moveTargets = [],
+  isMovePending = false,
   onRename,
   onArchive,
   onTrash,
@@ -112,6 +121,7 @@ export function RecordingCard({
     /native recording|native fullscreen|screencapture|avconvert/i.test(
       recording.failureReason ?? "",
     );
+  const canMove = Boolean(onMove && moveTargets.length > 0);
 
   const displayThumbnail = useMemo(() => {
     if (hovered && recording.animatedThumbnailUrl)
@@ -332,10 +342,37 @@ export function RecordingCard({
                 <IconShare className="h-4 w-4 me-2" />{" "}
                 {t("recordingPage.share")}
               </DropdownMenuItem>
-              <DropdownMenuItem onSelect={() => onMove?.(recording)}>
-                <IconFolder className="h-4 w-4 me-2" />{" "}
-                {t("clipsFinalRaw.moveToFolder")}
-              </DropdownMenuItem>
+              {canMove ? (
+                <DropdownMenuSub>
+                  <DropdownMenuSubTrigger>
+                    <IconFolder className="h-4 w-4 me-2" />{" "}
+                    {t("clipsFinalRaw.moveToFolder")}
+                  </DropdownMenuSubTrigger>
+                  <DropdownMenuSubContent className="w-64">
+                    {moveTargets.map((target, index) => (
+                      <DropdownMenuItem
+                        key={target.id ?? `root-${index}`}
+                        disabled={target.disabled || isMovePending}
+                        onSelect={() => onMove?.(recording, target.id)}
+                      >
+                        <span
+                          className="truncate"
+                          style={{
+                            paddingInlineStart: (target.depth ?? 0) * 12,
+                          }}
+                        >
+                          {target.name}
+                        </span>
+                        {target.disabled && (
+                          <span className="ms-auto text-xs text-muted-foreground">
+                            {t("clipsFinalRaw.current")}
+                          </span>
+                        )}
+                      </DropdownMenuItem>
+                    ))}
+                  </DropdownMenuSubContent>
+                </DropdownMenuSub>
+              ) : null}
               {onRename ? (
                 <>
                   <DropdownMenuSeparator />

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

@@ -153,11 +153,11 @@ export function Scrubber(props: ScrubberProps) {
       <div
         ref={barRef}
         data-player-scrubber-bar
-        className="relative w-full h-1.5 bg-white/20 rounded-full cursor-pointer group/bar"
+        className="relative w-full h-1.5 bg-white/35 rounded-full cursor-pointer group/bar shadow-[0_0_0_1px_rgba(0,0,0,0.16)]"
       >
         {/* Filled portion */}
         <div
-          className="absolute inset-y-0 left-0 bg-primary rounded-full"
+          className="absolute inset-y-0 left-0 bg-white rounded-full shadow-[0_0_10px_rgba(255,255,255,0.45)]"
           style={{ width: pct + "%" }}
         />
 

package/corpus/templates/clips/app/components/recorder/countdown-overlay.tsx

@@ -95,10 +95,11 @@ export function CountdownOverlay({
 
         <div
           key={remaining}
-          className="flex h-44 w-44 items-center justify-center rounded-full text-[112px] font-bold leading-none text-white shadow-2xl duration-200 animate-in zoom-in-75 fade-in"
+          className="flex min-w-32 items-center justify-center text-[clamp(96px,22vmin,240px)] font-extrabold leading-none text-white duration-200 animate-in zoom-in-75 fade-in"
           style={{
-            background:
-              "radial-gradient(circle at 30% 30%, rgba(255,255,255,0.18), transparent 60%), hsl(var(--primary))",
+            fontVariantNumeric: "tabular-nums",
+            textShadow:
+              "1px 0 1px rgba(17,24,39,0.22), -1px 0 1px rgba(17,24,39,0.22), 0 1px 1px rgba(17,24,39,0.22), 0 -1px 1px rgba(17,24,39,0.22), 0 2px 4px rgba(0,0,0,0.48), 0 12px 34px rgba(0,0,0,0.36), 0 0 2px rgba(0,0,0,0.72)",
           }}
         >
           {remaining > 0 ? remaining : "Go"}

package/corpus/templates/clips/app/components/recorder/pre-record-panel.tsx

@@ -58,6 +58,8 @@ import {
 import {
   NO_CAMERA_DEVICE_ID,
   NO_MIC_DEVICE_ID,
+  normalizeDisplaySurfaceForRuntime,
+  supportsBrowserTabCapture,
   type DisplaySurface,
   type RecordingMode,
 } from "./recorder-engine";
@@ -157,14 +159,20 @@ export function PreRecordPanel({
   const t = useT();
   const fileInputRef = useRef<HTMLInputElement>(null);
   const loomInputRef = useRef<HTMLInputElement>(null);
+  const browserTabCaptureSupported = useMemo(
+    () => supportsBrowserTabCapture(),
+    [],
+  );
   // Saved selections from the last visit. A `?mode=`/`?surface=` deep link
   // (initialMode/initialDisplaySurface) still takes precedence over them.
   const savedPrefs = useMemo(() => loadRecorderPreferences(), []);
   const [mode, setMode] = useState<RecordingMode>(
     () => initialMode ?? savedPrefs.mode ?? "screen+camera",
   );
-  const [displaySurface, setDisplaySurface] = useState<DisplaySurface>(
-    () => initialDisplaySurface ?? savedPrefs.displaySurface ?? "window",
+  const [displaySurface, setDisplaySurface] = useState<DisplaySurface>(() =>
+    normalizeDisplaySurfaceForRuntime(
+      initialDisplaySurface ?? savedPrefs.displaySurface ?? "window",
+    ),
   );
   const [sourceOpen, setSourceOpen] = useState(false);
   const [deviceSettingsOpen, setDeviceSettingsOpen] = useState(false);
@@ -223,8 +231,8 @@ export function PreRecordPanel({
     [isMobile, modeOptions],
   );
 
-  const surfaceOptions = useMemo<SurfaceOption[]>(
-    () => [
+  const surfaceOptions = useMemo<SurfaceOption[]>(() => {
+    const options: SurfaceOption[] = [
       {
         value: "window",
         label: t("preRecord.surfaceWindow"),
@@ -243,9 +251,11 @@ export function PreRecordPanel({
         icon: IconDeviceScreen,
         sub: t("preRecord.surfaceScreenDescription"),
       },
-    ],
-    [t],
-  );
+    ];
+    return browserTabCaptureSupported
+      ? options
+      : options.filter((option) => option.value !== "browser");
+  }, [browserTabCaptureSupported, t]);
 
   useEffect(() => {
     if (isMobile) {
@@ -258,9 +268,19 @@ export function PreRecordPanel({
   }, [initialMode, isMobile]);
 
   useEffect(() => {
-    if (initialDisplaySurface) setDisplaySurface(initialDisplaySurface);
+    if (initialDisplaySurface) {
+      setDisplaySurface(
+        normalizeDisplaySurfaceForRuntime(initialDisplaySurface),
+      );
+    }
   }, [initialDisplaySurface]);
 
+  useEffect(() => {
+    if (displaySurface !== "browser" || browserTabCaptureSupported) return;
+    setDisplaySurface("window");
+    saveRecorderPreferences({ displaySurface: "window" });
+  }, [browserTabCaptureSupported, displaySurface]);
+
   const enumerateDevices = useCallback(async () => {
     try {
       if (!navigator.mediaDevices?.enumerateDevices) {
@@ -350,8 +370,9 @@ export function PreRecordPanel({
     saveRecorderPreferences({ mode: value });
   }, []);
   const chooseDisplaySurface = useCallback((value: DisplaySurface) => {
-    setDisplaySurface(value);
-    saveRecorderPreferences({ displaySurface: value });
+    const next = normalizeDisplaySurfaceForRuntime(value);
+    setDisplaySurface(next);
+    saveRecorderPreferences({ displaySurface: next });
   }, []);
   const chooseMic = useCallback((value: string) => {
     setMicId(value);
@@ -676,7 +697,12 @@ export function PreRecordPanel({
             </button>
           </CollapsibleTrigger>
           <CollapsibleContent>
-            <div className="grid grid-cols-3 gap-2 px-6 pb-5">
+            <div
+              className={cn(
+                "grid gap-2 px-6 pb-5",
+                surfaceOptions.length === 2 ? "grid-cols-2" : "grid-cols-3",
+              )}
+            >
               {surfaceOptions.map((opt) => {
                 const Icon = opt.icon;
                 const active = opt.value === displaySurface;
@@ -913,7 +939,8 @@ export function PreRecordPanel({
                 // to acquire a webcam stream.
                 mode:
                   mode === "screen+camera" && !needsCamera ? "screen" : mode,
-                displaySurface,
+                displaySurface:
+                  normalizeDisplaySurfaceForRuntime(displaySurface),
                 micDeviceId: micId === "default" ? null : micId,
                 cameraDeviceId:
                   needsCamera && cameraId !== "default" ? cameraId : null,