@agent-native/core 0.114.9 → 0.114.10

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

@@ -14,6 +14,8 @@ import { writeAppState } from "@agent-native/core/application-state";
 import { getActiveFileUploadProviderForRequest } from "@agent-native/core/file-upload";
 import type { UploadMode } from "@shared/recording-core.js";
 import { MAX_UPLOAD_BYTES } from "@shared/upload-limits.js";
+import { eq } from "drizzle-orm";
+import { createError } from "h3";
 
 import { getDb, schema } from "../server/db/index.js";
 import {
@@ -25,7 +27,10 @@ import {
 } from "../server/lib/recordings.js";
 import { setResumableSession } from "../server/lib/resumable-session.js";
 import { shouldEnableStreamingUpload } from "../server/lib/streaming-upload-mode.js";
-import { allowsSqlRecordingChunkScratch } from "../server/lib/video-storage.js";
+import {
+  allowsSqlRecordingChunkScratch,
+  STORAGE_SETUP_REQUIRED_REASON,
+} from "../server/lib/video-storage.js";
 import { createRecordingSchema } from "./lib/create-recording-schema.js";
 import { DEFAULT_RECORDING_TITLE } from "./lib/title-source.js";
 
@@ -86,18 +91,49 @@ export default defineAction({
     console.log(`Created recording "${title}" (${id})`);
 
     // Initialize a resumable upload session so chunks are streamed to the
-    // provider during recording (no post-stop assembly). Falls back gracefully
-    // to the SQL chunk path when no provider supports resumable uploads or the
-    // init fails.
+    // provider during recording (no post-stop assembly). Hosted deployments
+    // have no SQL chunk fallback, so never return a buffered target there.
     let uploadMode: UploadMode = "buffered";
     const uploadProvider = await getActiveFileUploadProviderForRequest();
+    const bufferedFallbackAvailable = allowsSqlRecordingChunkScratch();
+    const streamingEnabled = shouldEnableStreamingUpload({
+      client: args.streamingUploadClient,
+      mimeType: args.mimeType,
+      bufferedFallbackAvailable,
+    });
+    const streamingRequired = !bufferedFallbackAvailable;
+
+    const failUploadSetup = async (reason: string): Promise<never> => {
+      const failedAt = new Date().toISOString();
+      await db
+        .update(schema.recordings)
+        .set({ status: "failed", failureReason: reason, updatedAt: failedAt })
+        .where(eq(schema.recordings.id, id));
+      await writeAppState(`recording-upload-${id}`, {
+        recordingId: id,
+        status: "failed",
+        progress: 0,
+        failureReason: reason,
+        storageSetupRequired: reason === STORAGE_SETUP_REQUIRED_REASON,
+        updatedAt: failedAt,
+      });
+      throw createError({
+        statusCode: 503,
+        statusMessage: reason,
+        data: { retryable: true },
+      });
+    };
+
+    if (
+      streamingRequired &&
+      (!streamingEnabled || !uploadProvider?.resumable)
+    ) {
+      await failUploadSetup(STORAGE_SETUP_REQUIRED_REASON);
+    }
+
     if (
-      args.requestStreaming === true &&
-      shouldEnableStreamingUpload({
-        client: args.streamingUploadClient,
-        mimeType: args.mimeType,
-        bufferedFallbackAvailable: allowsSqlRecordingChunkScratch(),
-      }) &&
+      streamingEnabled &&
+      (args.requestStreaming === true || streamingRequired) &&
       uploadProvider?.resumable
     ) {
       try {
@@ -129,6 +165,11 @@ export default defineAction({
           `[create-recording] resumable session ready for ${id}: provider=${uploadProvider.id}`,
         );
       } catch (err) {
+        if (streamingRequired) {
+          await failUploadSetup(
+            "Video storage could not start a resumable upload session. Refresh and try again.",
+          );
+        }
         console.warn(
           `[create-recording] resumable session init failed, falling back to buffered:`,
           err instanceof Error ? err.message : String(err),

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

@@ -29,6 +29,7 @@ import { and, asc, eq, or, sql } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
+import { isAgentRecordingCaller } from "../server/lib/agent-recording-access.js";
 import { isMediaVerificationPending } from "../server/lib/media-verification-state.js";
 import { resolvePlayerVideoUrl } from "../server/lib/player-video-url.js";
 import {
@@ -46,6 +47,7 @@ import {
   parseTranscriptSegments,
 } from "../shared/transcript-segments.js";
 import { resolveTranscriptPresentation } from "../shared/transcript-status.js";
+import { boundTranscriptForAgent } from "./lib/transcript-preview.js";
 
 function safeJsonObject(raw: string | null | undefined) {
   if (!raw) return {};
@@ -91,7 +93,7 @@ function recordingDeepLink(recordingId: string): string {
 
 export default defineAction({
   description:
-    "Fetch everything the player page needs for a recording: metadata, transcript, comments, reactions, chapters, CTAs, and the caller's effective role.",
+    "Fetch everything the player page needs for a recording: metadata, transcript, comments, reactions, chapters, CTAs, and the caller's effective role. Agent calls receive a bounded transcript payload; browser player calls receive the full transcript.",
   schema: z.object({
     recordingId: z.string().describe("Recording ID"),
   }),
@@ -106,7 +108,7 @@ export default defineAction({
     }),
   },
   http: { method: "GET" },
-  run: async (args) => {
+  run: async (args, ctx) => {
     const access = await resolveAccess("recording", args.recordingId);
     if (!access) {
       throw new ForbiddenError(`No access to recording ${args.recordingId}`);
@@ -120,7 +122,19 @@ export default defineAction({
     }
 
     let hasExplicitShare = access.role === "owner";
-    if (rec.visibility === "public" && access.role !== "owner") {
+    if (
+      rec.visibility === "public" &&
+      access.role !== "owner" &&
+      !rec.password &&
+      isAgentRecordingCaller(ctx?.caller)
+    ) {
+      hasExplicitShare = true;
+    }
+    if (
+      rec.visibility === "public" &&
+      access.role !== "owner" &&
+      !hasExplicitShare
+    ) {
       const userEmail = getRequestUserEmail()?.trim().toLowerCase();
       const orgId = getRequestOrgId();
       const principals = [];
@@ -289,6 +303,13 @@ export default defineAction({
       !transcript.fullText?.trim() &&
       transcriptSegments.length === 0;
     const transcriptPresentation = resolveTranscriptPresentation(transcript);
+    const agentTranscript =
+      ctx?.caller === "tool" || ctx?.caller === "mcp" || ctx?.caller === "a2a"
+        ? boundTranscriptForAgent({
+            fullText: transcript?.fullText,
+            segments: transcriptSegments,
+          })
+        : null;
 
     // Normalize the dev-fallback videoUrl:
     //   1. Rewrite legacy `/api/uploads/:id/blob` to `/api/video/:id` so old
@@ -362,11 +383,19 @@ export default defineAction({
               ? "failed"
               : transcriptPresentation.status,
             language: transcript.language,
-            fullText: transcript.fullText,
+            fullText: agentTranscript?.fullText ?? transcript.fullText,
+            ...(agentTranscript
+              ? {
+                  fullTextLength: agentTranscript.fullTextLength,
+                  segmentCount: agentTranscript.segmentCount,
+                  previewTruncated: agentTranscript.previewTruncated,
+                  note: agentTranscript.note,
+                }
+              : {}),
             failureReason: transcriptReadyButEmpty
               ? "No speech was detected by transcription. Check microphone and speech permissions, then retry transcription."
               : transcriptPresentation.failureReason,
-            segments: transcriptSegments,
+            segments: agentTranscript?.segments ?? transcriptSegments,
             cleanup: cleanupState
               ? {
                   status:

package/corpus/templates/clips/actions/lib/transcript-preview.ts

@@ -1,4 +1,6 @@
 export const TRANSCRIPT_PREVIEW_CHARS = 2_000;
+export const AGENT_TRANSCRIPT_MAX_CHARS = 12_000;
+export const AGENT_TRANSCRIPT_SEGMENT_MAX_CHARS = 12_000;
 
 export interface TranscriptPreview {
   recordingId: string;
@@ -46,3 +48,49 @@ export function buildTranscriptPreview({
       : "The complete transcript fits in this snapshot.",
   };
 }
+
+export interface BoundedAgentTranscript<T> {
+  fullText: string | null;
+  segments: T[];
+  fullTextLength: number;
+  segmentCount: number;
+  previewTruncated: boolean;
+  note: string;
+}
+
+export function boundTranscriptForAgent<T>({
+  fullText,
+  segments,
+}: {
+  fullText: string | null | undefined;
+  segments: T[];
+}): BoundedAgentTranscript<T> {
+  const text = fullText ?? "";
+  const boundedSegments: T[] = [];
+  let segmentChars = 0;
+
+  for (const segment of segments) {
+    const nextChars = JSON.stringify(segment)?.length ?? 0;
+    if (segmentChars + nextChars > AGENT_TRANSCRIPT_SEGMENT_MAX_CHARS) {
+      break;
+    }
+    boundedSegments.push(segment);
+    segmentChars += nextChars;
+  }
+
+  const previewTruncated =
+    text.length > AGENT_TRANSCRIPT_MAX_CHARS ||
+    boundedSegments.length < segments.length;
+
+  return {
+    fullText:
+      fullText == null ? null : text.slice(0, AGENT_TRANSCRIPT_MAX_CHARS),
+    segments: boundedSegments,
+    fullTextLength: text.length,
+    segmentCount: segments.length,
+    previewTruncated,
+    note: previewTruncated
+      ? `Agent transcript payload is bounded to ${AGENT_TRANSCRIPT_MAX_CHARS.toLocaleString()} text characters and ${AGENT_TRANSCRIPT_SEGMENT_MAX_CHARS.toLocaleString()} serialized segment characters. It may end mid-sentence; do not infer that transcription stopped early.`
+      : "The complete transcript fits in this agent payload.",
+  };
+}

package/corpus/templates/clips/actions/list-recordings.ts

@@ -1,6 +1,5 @@
 import { defineAction } from "@agent-native/core";
 import { getRequestUserEmail } from "@agent-native/core/server/request-context";
-import { accessFilter } from "@agent-native/core/sharing";
 import {
   and,
   asc,
@@ -16,6 +15,10 @@ import {
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
+import {
+  agentRecordingAccessFilter,
+  isAgentRecordingCaller,
+} from "../server/lib/agent-recording-access.js";
 import { resolvePlayerVideoUrl } from "../server/lib/player-video-url.js";
 import {
   getActiveOrganizationId,
@@ -62,7 +65,7 @@ export function resolveListRecordingMedia(
 
 export default defineAction({
   description:
-    "List recordings visible to the current user. Supports filtering by view (library/shared/space/archive/trash/all), folder, space, tag, free-text, and sort. The shared view returns accessible recordings owned by someone else.",
+    "List recordings visible to the current user. Supports filtering by view (library/shared/space/archive/trash/all), folder, space, tag, free-text, and sort. Public/unlisted recordings are discoverable only when owned by or previously viewed by the current user; the shared view returns accessible recordings owned by someone else.",
   schema: z.object({
     view: z
       .enum(["library", "shared", "space", "archive", "trash", "all"])
@@ -110,11 +113,19 @@ export default defineAction({
       .describe("Include playable media fields for editor workflows"),
   }),
   http: { method: "GET" },
-  run: async (args) => {
+  run: async (args, ctx) => {
     const db = getDb();
 
     const whereClauses = [
-      accessFilter(schema.recordings, schema.recordingShares),
+      agentRecordingAccessFilter(
+        schema.recordings,
+        schema.recordingShares,
+        schema.recordingViewers,
+        {
+          agentOnly: isAgentRecordingCaller(ctx?.caller),
+          userEmail: ctx?.userEmail,
+        },
+      ),
     ];
 
     const orgId = await getActiveOrganizationId();

package/corpus/templates/clips/actions/regenerate-summary.ts

@@ -15,6 +15,7 @@ import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
 import { withFullVideoAiInstructions } from "../shared/clips-ai-prefs.js";
+import cleanupTranscript from "./cleanup-transcript.js";
 import { readIncludeFullVideoInAi } from "./lib/clips-ai-prefs.js";
 
 export default defineAction({
@@ -65,6 +66,37 @@ export default defineAction({
       };
     }
 
+    if (!includeFullVideoInAi) {
+      const result = await cleanupTranscript.run({
+        transcript: transcript?.fullText ?? "",
+        task: "summary",
+        context: `Clip title: ${rec.title}`,
+      });
+      const description = result.summaryMd?.trim();
+      if (!description) {
+        return {
+          updated: false,
+          skipped: true,
+          reason: "summary_empty",
+          recordingId: args.recordingId,
+          provider: result.provider,
+        };
+      }
+
+      await db
+        .update(schema.recordings)
+        .set({ description, updatedAt: new Date().toISOString() })
+        .where(eq(schema.recordings.id, args.recordingId));
+      await writeAppState("refresh-signal", { ts: Date.now() });
+
+      return {
+        updated: true,
+        recordingId: args.recordingId,
+        description,
+        provider: result.provider,
+      };
+    }
+
     const baseMessage =
       `Regenerate the description for recording ${args.recordingId}. ` +
       `Read the transcript in this request's context and call ` +

package/corpus/templates/clips/actions/search-recordings.ts

@@ -1,10 +1,13 @@
 import { defineAction, embedApp } from "@agent-native/core";
 import { buildDeepLink } from "@agent-native/core/server";
-import { accessFilter } from "@agent-native/core/sharing";
 import { and, eq, sql } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
+import {
+  agentRecordingAccessFilter,
+  isAgentRecordingCaller,
+} from "../server/lib/agent-recording-access.js";
 import { buildCaseInsensitiveSearchPattern } from "./search-recordings-utils.js";
 
 const SNIPPET_RADIUS = 80;
@@ -92,7 +95,7 @@ function transcriptMatch(
 
 export default defineAction({
   description:
-    "Search recordings by title, description, transcript text, or comments. Transcript and comment matches include timestamps for jumping to the matching moment.",
+    "Search recordings by title, description, transcript text, or comments. Transcript and comment matches include timestamps for jumping to the matching moment. Public/unlisted recordings are searchable only when owned by or previously viewed by the current user.",
   schema: z.object({
     query: z.string().min(1).describe("Search text"),
     limit: z.coerce.number().int().min(1).max(100).default(30),
@@ -108,9 +111,13 @@ export default defineAction({
     }),
   },
   http: { method: "GET" },
-  run: async (args) => {
+  run: async (args, ctx) => {
     const db = getDb();
     const pattern = buildCaseInsensitiveSearchPattern(args.query);
+    const recordingAccess = {
+      agentOnly: isAgentRecordingCaller(ctx?.caller),
+      userEmail: ctx?.userEmail,
+    };
 
     // Title/description matches on the recordings table
     const recMatches = await db
@@ -128,7 +135,12 @@ export default defineAction({
       .from(schema.recordings)
       .where(
         and(
-          accessFilter(schema.recordings, schema.recordingShares),
+          agentRecordingAccessFilter(
+            schema.recordings,
+            schema.recordingShares,
+            schema.recordingViewers,
+            recordingAccess,
+          ),
           sql`(lower(${schema.recordings.title}) LIKE ${pattern} ESCAPE '\\' OR lower(${schema.recordings.description}) LIKE ${pattern} ESCAPE '\\')`,
         ),
       )
@@ -158,7 +170,12 @@ export default defineAction({
       )
       .where(
         and(
-          accessFilter(schema.recordings, schema.recordingShares),
+          agentRecordingAccessFilter(
+            schema.recordings,
+            schema.recordingShares,
+            schema.recordingViewers,
+            recordingAccess,
+          ),
           sql`lower(${schema.recordingTranscripts.fullText}) LIKE ${pattern} ESCAPE '\\'`,
         ),
       )
@@ -186,7 +203,12 @@ export default defineAction({
       )
       .where(
         and(
-          accessFilter(schema.recordings, schema.recordingShares),
+          agentRecordingAccessFilter(
+            schema.recordings,
+            schema.recordingShares,
+            schema.recordingViewers,
+            recordingAccess,
+          ),
           sql`lower(${schema.recordingComments.content}) LIKE ${pattern} ESCAPE '\\'`,
         ),
       )

package/corpus/templates/clips/actions/view-screen.ts

@@ -32,6 +32,7 @@ import {
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
+import { agentRecordingAccessFilter } from "../server/lib/agent-recording-access.js";
 import {
   getActiveOrganizationId,
   ownerEmailMatches,
@@ -87,7 +88,12 @@ async function fetchRecording(id: string) {
     .where(
       and(
         eq(schema.recordings.id, id),
-        accessFilter(schema.recordings, schema.recordingShares),
+        agentRecordingAccessFilter(
+          schema.recordings,
+          schema.recordingShares,
+          schema.recordingViewers,
+          { agentOnly: true },
+        ),
       ),
     );
   return row ? mapRecording(row) : null;
@@ -183,7 +189,12 @@ async function fetchLibrary({
   const ownerEmail = getRequestUserEmail();
   if (!ownerEmail) return [];
   const conditions = [
-    accessFilter(schema.recordings, schema.recordingShares),
+    agentRecordingAccessFilter(
+      schema.recordings,
+      schema.recordingShares,
+      schema.recordingViewers,
+      { agentOnly: true },
+    ),
     isNull(schema.recordings.archivedAt),
     isNull(schema.recordings.trashedAt),
   ];
@@ -480,13 +491,47 @@ async function fetchDictationDetail(dictationId: string) {
   };
 }
 
+async function addRecordingContext(
+  screen: Record<string, unknown>,
+  recordingId: string,
+) {
+  const recording = await fetchRecording(recordingId);
+  if (!recording) return;
+
+  const [transcript, comments, browserDiagnosticsSummary, bugReportSummary] =
+    await Promise.all([
+      fetchTranscript(recordingId),
+      fetchComments(recordingId),
+      fetchBrowserDiagnosticsSummary(recordingId),
+      fetchBugReportSummary(recordingId),
+    ]);
+  screen.recording = recording;
+  if (transcript) {
+    screen.transcript = buildTranscriptPreview({
+      recordingId: transcript.recordingId,
+      language: transcript.language,
+      status: transcript.status,
+      fullText: transcript.fullText,
+      segments: transcript.segments,
+    });
+  }
+  screen.comments = comments.slice(0, 50);
+  if (browserDiagnosticsSummary) {
+    screen.browserDiagnostics = {
+      summary: browserDiagnosticsSummary,
+      note: "Summary only. Call get-recording-player-data for full redacted diagnostics when you have editor access.",
+    };
+  }
+  if (bugReportSummary) screen.bugReport = bugReportSummary;
+}
+
 async function fetchShare(shareId: string) {
   const db = getDb();
-  const [row] = await db
+  const [share] = await db
     .select()
     .from(schema.recordingShares)
     .where(eq(schema.recordingShares.id, shareId));
-  return row ?? null;
+  return share ?? null;
 }
 
 export default defineAction({
@@ -520,48 +565,7 @@ export default defineAction({
     switch (nav.view) {
       case "recording":
       case "insights": {
-        if (nav.recordingId) {
-          const recording = await fetchRecording(nav.recordingId);
-          if (recording) {
-            const [
-              transcript,
-              comments,
-              browserDiagnosticsSummary,
-              bugReportSummary,
-            ] = await Promise.all([
-              fetchTranscript(nav.recordingId),
-              fetchComments(nav.recordingId),
-              fetchBrowserDiagnosticsSummary(nav.recordingId),
-              fetchBugReportSummary(nav.recordingId),
-            ]);
-            screen.recording = recording;
-            if (transcript) {
-              // Ambient snapshot only — embed a short fullText snippet and the
-              // segment count, NOT the entire transcript + every word-level
-              // segment. The full transcript can be tens of thousands of tokens
-              // and is injected into <current-screen> on EVERY message, which
-              // can blow the model's context window. The agent calls
-              // get-recording-player-data for the complete transcript/segments.
-              screen.transcript = buildTranscriptPreview({
-                recordingId: transcript.recordingId,
-                language: transcript.language,
-                status: transcript.status,
-                fullText: transcript.fullText,
-                segments: transcript.segments,
-              });
-            }
-            screen.comments = comments.slice(0, 50);
-            if (browserDiagnosticsSummary) {
-              screen.browserDiagnostics = {
-                summary: browserDiagnosticsSummary,
-                note: "Summary only. Call get-recording-player-data for full redacted diagnostics when you have editor access.",
-              };
-            }
-            if (bugReportSummary) {
-              screen.bugReport = bugReportSummary;
-            }
-          }
-        }
+        if (nav.recordingId) await addRecordingContext(screen, nav.recordingId);
         break;
       }
       case "library": {
@@ -611,7 +615,10 @@ export default defineAction({
       case "embed": {
         if (nav.shareId) {
           const share = await fetchShare(nav.shareId);
-          if (share) screen.share = share;
+          if (share) {
+            screen.share = share;
+            await addRecordingContext(screen, share.resourceId);
+          }
         }
         break;
       }

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

@@ -373,11 +373,7 @@ export function LibraryGrid({
                     onToggleSelect={
                       canManageRecordings ? toggleSelect : undefined
                     }
-                    onShare={
-                      canManageRecordings
-                        ? (rec) => setSharingRec(rec)
-                        : undefined
-                    }
+                    onShare={(rec) => setSharingRec(rec)}
                     moveTargets={moveTargets}
                     onMove={canMoveSelection ? moveSingle : undefined}
                     isMovePending={moveRecording.isPending}

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

@@ -125,8 +125,7 @@ export function RecordingCard({
     );
   const canMove = Boolean(onMove && moveTargets.length > 0);
   const canSelect = Boolean(onToggleSelect) && !readOnly;
-  const showActions =
-    !readOnly && Boolean(onShare || onMove || onArchive || onTrash);
+  const showActions = Boolean(onShare || onMove || onArchive || onTrash);
   const hasDefaultTitle = isDefaultTitle(recording.title);
   const displayTitle = hasDefaultTitle
     ? t("editableTitle.untitled")
@@ -330,6 +329,17 @@ export function RecordingCard({
                 {displayTitle}
               </div>
             )}
+            <div className="mt-1 flex min-w-0 items-center gap-1.5 text-[11px] text-muted-foreground">
+              <Avatar className="h-4 w-4 shrink-0">
+                <AvatarImage src="" alt={recording.ownerEmail} />
+                <AvatarFallback className="bg-primary/15 text-[8px] text-primary">
+                  {ownerInitials}
+                </AvatarFallback>
+              </Avatar>
+              <span className="min-w-0 truncate">{recording.ownerEmail}</span>
+              <span aria-hidden>•</span>
+              <span className="shrink-0">{relative}</span>
+            </div>
             <div className="mt-0.5 flex items-center gap-1.5 text-[11px] text-muted-foreground">
               <PrivacyIcon
                 visibility={recording.visibility}
@@ -353,8 +363,6 @@ export function RecordingCard({
                   })}
                 </span>
               )}
-              <span>•</span>
-              <span>{relative}</span>
             </div>
           </div>
 
@@ -446,34 +454,23 @@ export function RecordingCard({
           )}
         </div>
 
-        <div className="flex items-center gap-2">
-          <Avatar className="h-5 w-5">
-            <AvatarImage src="" alt={recording.ownerEmail} />
-            <AvatarFallback className="text-[9px] bg-primary/15 text-primary">
-              {ownerInitials}
-            </AvatarFallback>
-          </Avatar>
-          <span className="text-xs text-muted-foreground truncate">
-            {recording.ownerEmail}
-          </span>
-          {recording.tags.length > 0 && (
-            <div className="ms-auto flex items-center gap-1 truncate">
-              {recording.tags.slice(0, 2).map((t) => (
-                <span
-                  key={t}
-                  className="rounded-full bg-primary/10 text-primary text-[10px] px-1.5 py-0.5"
-                >
-                  {t}
-                </span>
-              ))}
-              {recording.tags.length > 2 && (
-                <span className="text-[10px] text-muted-foreground">
-                  +{recording.tags.length - 2}
-                </span>
-              )}
-            </div>
-          )}
-        </div>
+        {recording.tags.length > 0 && (
+          <div className="flex items-center gap-1 truncate">
+            {recording.tags.slice(0, 2).map((t) => (
+              <span
+                key={t}
+                className="rounded-full bg-primary/10 text-primary text-[10px] px-1.5 py-0.5"
+              >
+                {t}
+              </span>
+            ))}
+            {recording.tags.length > 2 && (
+              <span className="text-[10px] text-muted-foreground">
+                +{recording.tags.length - 2}
+              </span>
+            )}
+          </div>
+        )}
       </div>
     </div>
   );

package/corpus/templates/clips/app/components/meetings/quick-ask-sidebar.tsx

@@ -94,6 +94,19 @@ export function QuickAskSidebar({
     return () => window.removeEventListener("keydown", onKeyDown);
   }, []);
 
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    if (params.get("chat") !== "1") return;
+    setOpen(true);
+    params.delete("chat");
+    const nextQuery = params.toString();
+    window.history.replaceState(
+      window.history.state,
+      "",
+      `${window.location.pathname}${nextQuery ? `?${nextQuery}` : ""}${window.location.hash}`,
+    );
+  }, []);
+
   // Focus the composer whenever the sheet opens.
   useEffect(() => {
     if (open) {