@agent-native/core-corpus 0.222.2 → 0.222.3-nightly-20261029212408

package/corpus/README.md

@@ -32,4 +32,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core-corpus/corpu
 
 ## Generated Counts
 
-- template files: 15090
+- template files: 15156

package/corpus/templates/analytics/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","analytics-alert-jobs","analytics-rollup-backfill-jobs","auth","collab","config","content-metrics-collection-jobs","core-routes","creative-context","dashboard-report-jobs","db","feature-flags","labs","onboarding","otel","session-replay-retention-jobs","transactional-emails","uptime-monitor-jobs"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/assets/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","auth","creative-context","db","labs","onboarding","otel"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/brain/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","auth","brain-jobs","core-routes","db","otel"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/calendar/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","auth","core-routes","db","event-rules","oauth-refresh","otel","transactional-emails"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/chat/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","auth","otel"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/clips/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","auth","calendar-jobs","config","core-routes","db","feature-flags","labs","onboarding","onboarding-calendar","otel","transactional-email-catalog"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/clips/app/components/editor/editor-layout.tsx

@@ -480,6 +480,9 @@ export function EditorLayout({
     viewportX: number;
   } | null>(null);
 
+  // The container only mounts once the loading skeleton is gone.
+  const editorReady = !playerDataQuery.isLoading && resumeState !== "waiting";
+
   useEffect(() => {
     if (!containerRef.current) return;
     const el = containerRef.current;
@@ -490,7 +493,7 @@ export function EditorLayout({
     ro.observe(el);
     setViewportWidth(Math.max(1, Math.floor(contentWidthOf(el))));
     return () => ro.disconnect();
-  }, [activeSurface]);
+  }, [activeSurface, editorReady]);
 
   const totalWidth = useMemo(
     () => getTimelineTotalWidth(viewportWidth, zoom),
@@ -656,7 +659,7 @@ export function EditorLayout({
       el.removeEventListener("gesturechange", handleGestureChange);
       el.removeEventListener("gestureend", handleGestureEnd);
     };
-  }, [scrollLeft, setAnchoredZoom, viewportWidth, zoom]);
+  }, [editorReady, scrollLeft, setAnchoredZoom, viewportWidth, zoom]);
 
   useEffect(() => {
     const v = videoRef.current;

package/corpus/templates/clips/app/components/editor/timeline-track.tsx

@@ -1,6 +1,6 @@
 import { useT } from "@agent-native/core/client/i18n";
 import { IconArrowBackUp } from "@tabler/icons-react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 
 import {
   addCut,
@@ -40,6 +40,7 @@ export const MIN_PIECE_MS = 80;
 const DRAG_THRESHOLD_PX = 3;
 const EDGE_HANDLE_PX = 13;
 const RESTORE_BUTTON_MIN_PX = 26;
+const RANGE_EDGE_PX = 6;
 
 export type EdgeSide = "clip-start" | "clip-end";
 
@@ -74,7 +75,14 @@ interface RangeDragState {
   kind: "range";
   pointerId: number;
   startClientX: number;
+  /** "new" and "resize" grow from `startMs`; "move" slides `from` by the pointer delta. */
+  mode: "new" | "resize" | "move";
   startMs: number;
+  /** Where the pointer went down; `startMs` is the far edge when resizing. */
+  pressMs: number;
+  from: { startMs: number; endMs: number } | null;
+  /** Set when the drag began on a removed section, so a plain click selects it. */
+  gapCutId: string | null;
   moved: boolean;
 }
 
@@ -84,6 +92,32 @@ function clamp(value: number, min: number, max: number): number {
   return Math.max(min, Math.min(max, value));
 }
 
+function dragRange(drag: RangeDragState, ms: number, durationMs: number) {
+  if (drag.mode !== "move" || !drag.from) {
+    return selectionRange(drag.startMs, ms);
+  }
+  const length = drag.from.endMs - drag.from.startMs;
+  const startMs = clamp(
+    drag.from.startMs + ms - drag.startMs,
+    0,
+    Math.max(0, durationMs - length),
+  );
+  return selectionRange(startMs, startMs + length);
+}
+
+function rangeZone(
+  range: { startMs: number; endMs: number },
+  atMs: number,
+  toX: (ms: number) => number,
+): "edge" | "inside" | "outside" {
+  const x = toX(atMs);
+  const left = toX(range.startMs);
+  const right = toX(range.endMs);
+  const edge = Math.min(RANGE_EDGE_PX, (right - left) / 3);
+  if (Math.abs(x - left) <= edge || Math.abs(x - right) <= edge) return "edge";
+  return x > left && x < right ? "inside" : "outside";
+}
+
 function selectionRange(startMs: number, endMs: number): TrackSelection {
   return {
     kind: "range",
@@ -218,38 +252,7 @@ export function TimelineTrack({
   const rootRef = useRef<HTMLDivElement | null>(null);
   const dragRef = useRef<DragState | null>(null);
   const [dragging, setDragging] = useState(false);
-  const [rangeMode, setRangeMode] = useState(false);
-
-  useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      const target = e.target as HTMLElement | null;
-      const tag = target?.tagName?.toLowerCase();
-      if (
-        e.code !== "KeyR" ||
-        e.metaKey ||
-        e.ctrlKey ||
-        e.altKey ||
-        tag === "input" ||
-        tag === "textarea" ||
-        target?.isContentEditable
-      ) {
-        return;
-      }
-      setRangeMode(true);
-    };
-    const handleKeyUp = (e: KeyboardEvent) => {
-      if (e.code === "KeyR") setRangeMode(false);
-    };
-    const clearRangeMode = () => setRangeMode(false);
-    window.addEventListener("keydown", handleKeyDown);
-    window.addEventListener("keyup", handleKeyUp);
-    window.addEventListener("blur", clearRangeMode);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-      window.removeEventListener("keyup", handleKeyUp);
-      window.removeEventListener("blur", clearRangeMode);
-    };
-  }, []);
+  const [rangeCursor, setRangeCursor] = useState<string | null>(null);
 
   const pieces = useMemo(
     () => buildTimelinePieces(durationMs, edits),
@@ -295,21 +298,32 @@ export function TimelineTrack({
   const handleMove = useCallback(
     (e: React.PointerEvent) => {
       const drag = dragRef.current;
-      if (!drag || drag.pointerId !== e.pointerId) return;
+      if (!drag) {
+        if (selection?.kind !== "range" || disabled) {
+          setRangeCursor(null);
+          return;
+        }
+        const zone = rangeZone(selection, toMs(e.clientX), toX);
+        setRangeCursor(
+          zone === "edge" ? "ew-resize" : zone === "inside" ? "grab" : null,
+        );
+        return;
+      }
+      if (drag.pointerId !== e.pointerId) return;
       if (!drag.moved) {
         if (Math.abs(e.clientX - drag.startClientX) < DRAG_THRESHOLD_PX) return;
         drag.moved = true;
         setDragging(true);
       }
       if (drag.kind === "range") {
-        onSelectionChange(selectionRange(drag.startMs, toMs(e.clientX)));
+        onSelectionChange(dragRange(drag, toMs(e.clientX), durationMs));
       } else {
         onPreview(
           applyDrag(drag.base, durationMs, drag.target, toMs(e.clientX)),
         );
       }
     },
-    [durationMs, onPreview, onSelectionChange, toMs],
+    [disabled, durationMs, onPreview, onSelectionChange, selection, toMs, toX],
   );
 
   const endDrag = useCallback(
@@ -322,10 +336,12 @@ export function TimelineTrack({
       if (!commit) return;
       if (drag.kind === "range") {
         if (drag.moved) {
-          onSelectionChange(selectionRange(drag.startMs, toMs(e.clientX)));
+          onSelectionChange(dragRange(drag, toMs(e.clientX), durationMs));
+        } else if (drag.gapCutId) {
+          onSelectionChange({ kind: "gap", cutId: drag.gapCutId });
         } else {
-          onSelectionChange({ kind: "clip", anchorMs: drag.startMs });
-          onSeek?.(drag.startMs);
+          onSelectionChange({ kind: "clip", anchorMs: drag.pressMs });
+          onSeek?.(drag.pressMs);
         }
         return;
       }
@@ -340,13 +356,38 @@ export function TimelineTrack({
     [durationMs, onCommit, onPreview, onSeek, onSelectionChange, toMs],
   );
 
-  const beginRangeDrag = (e: React.PointerEvent, startMs: number) => {
+  const beginRangeDrag = (
+    e: React.PointerEvent,
+    at: number,
+    gapCutId: string | null,
+  ) => {
     rootRef.current?.setPointerCapture?.(e.pointerId);
+    let mode: RangeDragState["mode"] = "new";
+    let startMs = at;
+    let from: RangeDragState["from"] = null;
+    if (selection?.kind === "range") {
+      const zone = rangeZone(selection, at, toX);
+      if (zone === "edge") {
+        mode = "resize";
+        startMs =
+          Math.abs(toX(at) - toX(selection.startMs)) <=
+          Math.abs(toX(at) - toX(selection.endMs))
+            ? selection.endMs
+            : selection.startMs;
+      } else if (zone === "inside") {
+        mode = "move";
+        from = { startMs: selection.startMs, endMs: selection.endMs };
+      }
+    }
     dragRef.current = {
       kind: "range",
       pointerId: e.pointerId,
       startClientX: e.clientX,
+      mode,
       startMs,
+      pressMs: at,
+      from,
+      gapCutId,
       moved: false,
     };
   };
@@ -372,7 +413,11 @@ export function TimelineTrack({
     <div
       ref={rootRef}
       className={cn("relative select-none", className)}
-      style={{ width, height }}
+      style={{
+        width,
+        height,
+        cursor: dragging ? undefined : (rangeCursor ?? undefined),
+      }}
       onPointerMove={handleMove}
       onPointerUp={(e) => endDrag(e, true)}
       onPointerCancel={(e) => endDrag(e, false)}
@@ -406,15 +451,15 @@ export function TimelineTrack({
                   : "cursor-pointer hover:bg-rose-500/15",
                 selected && "bg-rose-500/20 ring-2 ring-inset ring-rose-400",
               )}
-              style={{ left, width: pieceWidth }}
+              style={{
+                left,
+                width: pieceWidth,
+                cursor: rangeCursor ?? undefined,
+              }}
               onPointerDown={(e) => {
                 if (disabled || e.button !== 0) return;
                 e.preventDefault();
-                if (rangeMode) {
-                  beginRangeDrag(e, toMs(e.clientX));
-                  return;
-                }
-                onSelectionChange({ kind: "gap", cutId: piece.cutId });
+                beginRangeDrag(e, toMs(e.clientX), piece.cutId);
               }}
             >
               {pieceWidth >= RESTORE_BUTTON_MIN_PX ? (
@@ -456,17 +501,15 @@ export function TimelineTrack({
                 ? "border-primary bg-primary/15 ring-2 ring-inset ring-primary"
                 : "border-transparent hover:border-primary/50 hover:bg-primary/5",
             )}
-            style={{ left, width: pieceWidth }}
+            style={{
+              left,
+              width: pieceWidth,
+              cursor: rangeCursor ?? undefined,
+            }}
             onPointerDown={(e) => {
               if (disabled || e.button !== 0) return;
               e.preventDefault();
-              const at = toMs(e.clientX);
-              if (rangeMode) {
-                beginRangeDrag(e, at);
-                return;
-              }
-              onSelectionChange({ kind: "clip", anchorMs: at });
-              onSeek?.(at);
+              beginRangeDrag(e, toMs(e.clientX), null);
             }}
           />
         );

package/corpus/templates/clips/app/components/editor/waveform.tsx

@@ -45,9 +45,6 @@ const getQuietColor = (overImagery = false) =>
   // guard:allow-raw-color — as above: read against the frames, not the theme.
   overImagery ? "rgba(226, 232, 240, 0.45)" : getBrandColorAlpha(0.2);
 const getWaveBg = () => getBrandColorAlpha(0.08);
-/** Darkens the band behind the bars when they sit over filmstrip frames. */
-// guard:allow-raw-color — a scrim over video frames, which are whatever the recording holds; it has to darken them in either theme.
-const WAVE_SCRIM = "rgba(2, 6, 23, 0.46)";
 const EXCLUDED_FILL = "rgba(15, 23, 42, 0.65)";
 const EXCLUDED_STROKE = "rgba(148, 163, 184, 0.4)";
 const EMPTY_FRAMES: FilmstripFrame[] = [];
@@ -175,11 +172,7 @@ export function Waveform({
     );
 
     ctx.clearRect(0, 0, totalWidth, height);
-    if (hasImagery) {
-      const bandHeight = Math.min(height, Math.max(28, height * 0.62));
-      ctx.fillStyle = WAVE_SCRIM;
-      ctx.fillRect(0, (height - bandHeight) / 2, totalWidth, bandHeight);
-    } else {
+    if (!hasImagery) {
       ctx.fillStyle = getWaveBg();
       ctx.fillRect(0, 0, totalWidth, height);
     }

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

@@ -709,7 +709,17 @@ export default function RecordingPage() {
       storageKey: "clips:share-sidebar-collapsed",
     });
   const [theaterMode, setTheaterMode] = useState(false);
-  const [editing, setEditing] = useState(false);
+  // Lives in the URL so the editor can be linked to and survives a reload.
+  const editing = searchParams.get("edit") === "1";
+  const setEditing = useCallback(
+    (next: boolean) => {
+      const nextParams = new URLSearchParams(searchParams);
+      if (next) nextParams.set("edit", "1");
+      else nextParams.delete("edit");
+      setSearchParams(nextParams, { replace: true });
+    },
+    [searchParams, setSearchParams],
+  );
   const [chapterEditRequest, setChapterEditRequest] = useState(0);
   const [tagEditRequest, setTagEditRequest] = useState(0);
   const openingMetadataEditor = useRef(false);
@@ -741,7 +751,7 @@ export default function RecordingPage() {
   const [editorRedactions, setEditorRedactions] = useState(0);
   const isCompactLayout = useIsCompactRecordingLayout();
   const openSidePanel = useCallback(
-    (next: ToolbarPanel) => {
+    (next: ToolbarPanel, options?: { leaveEditor?: boolean }) => {
       if (panel !== next) {
         trackEvent("clip_panel_opened", {
           app_name: "clips",
@@ -754,6 +764,9 @@ export default function RecordingPage() {
       setSidePanelCollapsed(false);
       const nextParams = new URLSearchParams(searchParams);
       nextParams.set("panel", next);
+      // One write: a separate setEditing(false) would copy the same params
+      // snapshot and this write would put `edit` back.
+      if (options?.leaveEditor) nextParams.delete("edit");
       setSearchParams(nextParams, { replace: true });
       if (!isCompactLayout) return;
       requestAnimationFrame(() => {
@@ -799,19 +812,22 @@ export default function RecordingPage() {
     setSearchParams,
     setSidePanelCollapsed,
   ]);
-  const openAgentPanel = useCallback(() => {
-    if (recordingId) {
-      trackEvent("builtin_agent_used", {
-        app_name: "clips",
-        template_name: "clips",
-        output_id: recordingId,
-        output_type: "clip",
-        query_type: "clip",
-        surface: "recording_page",
-      });
-    }
-    openSidePanel("agent");
-  }, [openSidePanel, recordingId]);
+  const openAgentPanel = useCallback(
+    (options?: { leaveEditor?: boolean }) => {
+      if (recordingId) {
+        trackEvent("builtin_agent_used", {
+          app_name: "clips",
+          template_name: "clips",
+          output_id: recordingId,
+          output_type: "clip",
+          query_type: "clip",
+          surface: "recording_page",
+        });
+      }
+      openSidePanel("agent", options);
+    },
+    [openSidePanel, recordingId],
+  );
   const transcriptKickedRef = useRef<string | null>(null);
   const [processingTimeout, setProcessingTimeout] = useState(false);
   const [retryingFinalize, setRetryingFinalize] = useState(false);
@@ -2515,8 +2531,7 @@ export default function RecordingPage() {
   function handleGenerateWorkflow(kind: WorkflowKind) {
     if (!recording) return;
     if (aiRequestBusy || isRecentWorkflowGeneration(generatedWorkflow)) return;
-    setEditing(false);
-    openAgentPanel();
+    openAgentPanel({ leaveEditor: true });
     workflowLifecycleActiveRef.current = true;
     primeCompletionCue();
     startWorkflowToast(t("recordingPage.workflowQueued"));
@@ -2536,8 +2551,8 @@ export default function RecordingPage() {
   }, [canEdit, panel, recording]);
 
   useEffect(() => {
-    if (!canUseNativeEditor && editing) setEditing(false);
-  }, [canUseNativeEditor, editing]);
+    if (recording && !canUseNativeEditor && editing) setEditing(false);
+  }, [canUseNativeEditor, editing, recording, setEditing]);
 
   useEffect(() => {
     if (!recording) return;
@@ -3304,7 +3319,7 @@ export default function RecordingPage() {
                 none of those, so those actions are hidden. */}
             {isImage ? null : (
               <>
-                <DropdownMenuItem onSelect={openAgentPanel}>
+                <DropdownMenuItem onSelect={() => openAgentPanel()}>
                   {t("recordingPage.askAboutClip")}
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />

package/corpus/templates/content/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","auth","builder-private-payload-cleanup","collab","content-webhooks","core-routes","creative-context","db","feature-flags","github-source-sync","labs","live-body-backfill","onboarding","otel","suggested-edits","transactional-emails"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/crm/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","auth","core-routes","db","otel"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/design/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","assets-mcp","auth","builder-host-embed-headers","collab","config","core-routes","creative-context","db","e2e-attachment-storage","feature-flags","getting-started","journey-canvas-stage-cleanup","labs","local-import-asset-upload","otel","review"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}