@agent-native/core 0.176.1 → 0.176.2-nightly-20260831184159

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

@@ -11,17 +11,19 @@
  */
 
 import { defineAction } from "@agent-native/core/action";
+import { accessFilter } from "@agent-native/core/sharing";
 import { getUserProfiles } from "@agent-native/core/user-profile/server";
-import { and, desc, gte, inArray } from "drizzle-orm";
+import { and, desc, gte, inArray, or, sql } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
+import { canReceiveRecordingActivity } from "../server/lib/recording-page-access.js";
 import {
   getCurrentOwnerEmail,
-  ownerEmailMatches,
   sameOwnerEmail,
 } from "../server/lib/recordings.js";
 import { profileNameFor } from "../server/lib/user-identities.js";
+import { parseCommentMentions } from "../shared/comment-mentions.js";
 
 export default defineAction({
   description:
@@ -35,27 +37,52 @@ export default defineAction({
     const db = getDb();
     const me = getCurrentOwnerEmail();
 
-    // Recordings I own — notifications are about activity ON these.
-    const myRecordings = await db
+    // Activity on recordings I own plus mentions on recordings I can open.
+    const visibleRecordings = await db
       .select({
         id: schema.recordings.id,
         title: schema.recordings.title,
+        ownerEmail: schema.recordings.ownerEmail,
+        password: schema.recordings.password,
+        expiresAt: schema.recordings.expiresAt,
       })
       .from(schema.recordings)
-      .where(ownerEmailMatches(schema.recordings.ownerEmail, me));
-    if (myRecordings.length === 0) {
+      .where(accessFilter(schema.recordings, schema.recordingShares));
+    const accessibleRecordings = visibleRecordings.filter((recording) =>
+      canReceiveRecordingActivity({
+        ownerEmail: recording.ownerEmail,
+        recipientEmail: me,
+        hasPassword: Boolean(recording.password),
+        expiresAt: recording.expiresAt,
+      }),
+    );
+    if (accessibleRecordings.length === 0) {
       return { items: [], count: 0 };
     }
 
-    const ids = myRecordings.map((r) => r.id);
+    const myRecordingIds = accessibleRecordings
+      .filter((recording) => sameOwnerEmail(recording.ownerEmail, me))
+      .map((recording) => recording.id);
+    const myRecordingIdSet = new Set(myRecordingIds);
+    const ids = accessibleRecordings.map((recording) => recording.id);
     const titleById = new Map(
-      myRecordings.map((r) => [r.id, r.title] as const),
+      accessibleRecordings.map(
+        (recording) => [recording.id, recording.title] as const,
+      ),
     );
 
     const cutoff = new Date(
       Date.now() - args.days * 24 * 60 * 60 * 1000,
     ).toISOString();
 
+    const mentionPattern = `%"email":"${me.toLowerCase()}"%`;
+    const commentScope = myRecordingIds.length
+      ? or(
+          inArray(schema.recordingComments.recordingId, myRecordingIds),
+          sql`lower(${schema.recordingComments.mentionsJson}) LIKE ${mentionPattern}`,
+        )
+      : sql`lower(${schema.recordingComments.mentionsJson}) LIKE ${mentionPattern}`;
+
     const [comments, reactions] = await Promise.all([
       db
         .select()
@@ -64,30 +91,33 @@ export default defineAction({
           and(
             inArray(schema.recordingComments.recordingId, ids),
             gte(schema.recordingComments.createdAt, cutoff),
+            commentScope,
           ),
         )
         .orderBy(desc(schema.recordingComments.createdAt))
         .limit(args.limit),
-      db
-        .select()
-        .from(schema.recordingReactions)
-        .where(
-          and(
-            inArray(schema.recordingReactions.recordingId, ids),
-            gte(schema.recordingReactions.createdAt, cutoff),
-          ),
-        )
-        .orderBy(desc(schema.recordingReactions.createdAt))
-        .limit(args.limit),
+      myRecordingIds.length
+        ? db
+            .select()
+            .from(schema.recordingReactions)
+            .where(
+              and(
+                inArray(schema.recordingReactions.recordingId, myRecordingIds),
+                gte(schema.recordingReactions.createdAt, cutoff),
+              ),
+            )
+            .orderBy(desc(schema.recordingReactions.createdAt))
+            .limit(args.limit)
+        : Promise.resolve([]),
     ]);
 
-    const mentionRegex = new RegExp(
-      `@${me.replace(/[.+?^${}()|[\]\\]/g, "\\$&")}\\b`,
-      "i",
-    );
-
     const commentRows = comments.filter(
-      (c) => !sameOwnerEmail(c.authorEmail, me),
+      (comment) =>
+        !sameOwnerEmail(comment.authorEmail, me) &&
+        (myRecordingIdSet.has(comment.recordingId) ||
+          parseCommentMentions(comment.mentionsJson).some(
+            (mention) => mention.email === me.toLowerCase(),
+          )),
     );
     const reactionRows = reactions.filter(
       (r) => !sameOwnerEmail(r.viewerEmail, me),
@@ -100,9 +130,11 @@ export default defineAction({
     const items = [
       ...commentRows.map((c) => ({
         id: `c:${c.id}`,
-        kind: (mentionRegex.test(c.content) ? "mention" : "comment") as
-          | "mention"
-          | "comment",
+        kind: (parseCommentMentions(c.mentionsJson).some(
+          (mention) => mention.email === me.toLowerCase(),
+        )
+          ? "mention"
+          : "comment") as "mention" | "comment",
         recordingId: c.recordingId,
         recordingTitle: titleById.get(c.recordingId) ?? "Untitled",
         authorEmail: c.authorEmail,

package/corpus/templates/clips/actions/list-recording-mention-members.ts

@@ -0,0 +1,64 @@
+/**
+ * Return the org members for a recording's organization so comment composers
+ * can autocomplete @mentions against the right roster.
+ *
+ * Usage:
+ *   pnpm action list-recording-mention-members --recordingId=<id>
+ */
+
+import { defineAction } from "@agent-native/core/action";
+import { orgMembers } from "@agent-native/core/org";
+import { resolveAccess, ForbiddenError } from "@agent-native/core/sharing";
+import { isEmailDerivedName } from "@agent-native/core/user-profile";
+import { getUserProfiles } from "@agent-native/core/user-profile/server";
+import { asc, eq } from "drizzle-orm";
+import { z } from "zod";
+
+import { getDb } from "../server/db/index.js";
+import { isRecordingExpired } from "../server/lib/recording-page-access.js";
+
+export default defineAction({
+  description:
+    "Return the organization members for a recording so comment composers can autocomplete mentions against the recording's org roster.",
+  schema: z.object({
+    recordingId: z.string().describe("Recording ID"),
+  }),
+  http: { method: "GET" },
+  run: async (args) => {
+    const access = await resolveAccess("recording", args.recordingId);
+    if (!access) {
+      throw new ForbiddenError(`No access to recording ${args.recordingId}`);
+    }
+
+    const rec = access.resource as {
+      expiresAt?: string | null;
+      organizationId: string;
+    };
+
+    if (isRecordingExpired(rec.expiresAt)) {
+      throw new ForbiddenError("Recording has expired");
+    }
+
+    const db = getDb();
+    const memberRows = await db
+      .select({
+        email: orgMembers.email,
+      })
+      .from(orgMembers)
+      .where(eq(orgMembers.orgId, rec.organizationId))
+      .orderBy(asc(orgMembers.email));
+
+    const profiles = await getUserProfiles(
+      memberRows.map((member) => member.email),
+    );
+    const members = memberRows.map((member) => {
+      const name = profiles.get(member.email.toLowerCase())?.name;
+      return {
+        email: member.email,
+        ...(name && !isEmailDerivedName(name, member.email) ? { name } : {}),
+      };
+    });
+
+    return { members };
+  },
+});

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

@@ -201,7 +201,7 @@ export default defineAction({
       // the proxy throws rather than silently building wrong SQL. The subquery
       // filters out NULLs so NOT IN doesn't collapse to an empty result under
       // SQL NULL semantics.
-      const resolvedDb = db;
+      const resolvedDb = await Promise.resolve(db);
       const meetingRecordingIds = resolvedDb
         .select({ id: schema.meetings.recordingId })
         .from(schema.meetings)

package/corpus/templates/clips/actions/reply-to-comment.ts

@@ -19,12 +19,18 @@ import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
 import { notifyRecordingComment } from "../server/lib/activity-notifications.js";
+import { resolveCommentMentions } from "../server/lib/comment-mentions.js";
 import { isRecordingExpired } from "../server/lib/recording-page-access.js";
 import { nanoid } from "../server/lib/recordings.js";
 
+const mentionSchema = z.object({
+  email: z.string().email(),
+  name: z.string().trim().min(1),
+});
+
 export default defineAction({
   description:
-    "Reply to an existing comment with inline Markdown text (without headings). Looks up the thread and parent and delegates to add-comment.",
+    "Reply to an existing comment with inline Markdown text (without headings). Organization members can be mentioned with @. Looks up the thread and parent and delegates to add-comment.",
   schema: z.object({
     commentId: z.string().describe("Comment ID to reply to"),
     content: z
@@ -32,6 +38,10 @@ export default defineAction({
       .min(1)
       .describe("Reply text; inline Markdown is supported, without headings"),
     authorName: z.string().optional(),
+    mentions: z
+      .union([z.string(), z.array(mentionSchema).max(20)])
+      .optional()
+      .describe("Organization members mentioned in the reply"),
   }),
   run: async (args) => {
     const db = getDb();
@@ -62,6 +72,10 @@ export default defineAction({
     }
     const authorName =
       getRequestUserName()?.trim() || args.authorName?.trim() || null;
+    const mentions = await resolveCommentMentions(
+      args.mentions,
+      parent.organizationId,
+    );
 
     const id = nanoid();
     const now = new Date().toISOString();
@@ -75,6 +89,7 @@ export default defineAction({
       authorEmail,
       authorName,
       content: args.content,
+      mentionsJson: mentions.length > 0 ? JSON.stringify(mentions) : null,
       videoTimestampMs: parent.videoTimestampMs,
       createdAt: now,
       updatedAt: now,
@@ -86,6 +101,7 @@ export default defineAction({
       authorEmail,
       authorName: authorName ?? undefined,
       content: args.content,
+      mentions,
       videoTimestampMs: parent.videoTimestampMs,
       isReply: true,
     });

package/corpus/templates/clips/actions/update-comment.ts

@@ -13,8 +13,19 @@ import { and, eq } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
+import { resolveCommentMentions } from "../server/lib/comment-mentions.js";
 import { isRecordingExpired } from "../server/lib/recording-page-access.js";
 import { sameOwnerEmail } from "../server/lib/recordings.js";
+import {
+  displayCommentMentions,
+  mentionsForCommentText,
+  parseCommentMentions,
+} from "../shared/comment-mentions.js";
+
+const mentionSchema = z.object({
+  email: z.string().email(),
+  name: z.string().trim().min(1),
+});
 
 export default defineAction({
   description:
@@ -28,6 +39,10 @@ export default defineAction({
       .describe(
         "Updated comment text; inline Markdown is supported, without headings",
       ),
+    mentions: z
+      .union([z.string(), z.array(mentionSchema).max(20)])
+      .optional()
+      .describe("Organization members mentioned in the updated comment"),
   }),
   run: async (args) => {
     const userEmail = getRequestUserEmail();
@@ -62,10 +77,24 @@ export default defineAction({
       );
     }
 
+    const mentions = await resolveCommentMentions(
+      args.mentions === undefined
+        ? mentionsForCommentText(
+            args.content,
+            parseCommentMentions(existing.mentionsJson),
+          )
+        : args.mentions,
+      existing.organizationId,
+    );
+
     const updatedAt = new Date().toISOString();
     const updated = await db
       .update(schema.recordingComments)
-      .set({ content: args.content, updatedAt })
+      .set({
+        content: args.content,
+        mentionsJson: mentions.length > 0 ? JSON.stringify(mentions) : null,
+        updatedAt,
+      })
       .where(
         and(
           eq(schema.recordingComments.id, args.id),
@@ -82,6 +111,11 @@ export default defineAction({
 
     await writeAppState("refresh-signal", { ts: Date.now() });
 
-    return { id: args.id, content: args.content, updatedAt };
+    return {
+      id: args.id,
+      content: args.content,
+      mentions: displayCommentMentions(mentions),
+      updatedAt,
+    };
   },
 });

package/corpus/templates/clips/app/components/library/empty-state.tsx

@@ -63,9 +63,7 @@ export function EmptyState({
 
   return (
     <div className="flex flex-1 flex-col items-center justify-center py-20 px-8 text-center">
-      <div className="relative mb-6 flex h-20 w-20 items-center justify-center rounded-2xl bg-gradient-to-br from-primary/15 to-primary/5 shadow-md">
-        <Icon className="h-10 w-10 text-primary" />
-      </div>
+      <Icon className="mb-6 h-10 w-10 text-primary" />
       <h2 className="text-base font-semibold text-foreground mb-1">
         {t(`empty.${kind}.title`)}
       </h2>

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

@@ -28,6 +28,7 @@ import {
   type ListRecordingsArgs,
   type RecordingSummary,
 } from "@/hooks/use-library";
+import { retryRecordingUploadFromBackup } from "@/lib/recording-retry";
 import { cn } from "@/lib/utils";
 
 import { BulkActionToolbar, type BulkMoveTarget } from "./bulk-action-toolbar";
@@ -369,6 +370,16 @@ export function LibraryGrid({
     }
   };
 
+  const handleRetry = async (rec: RecordingSummary) => {
+    try {
+      await retryRecordingUploadFromBackup(rec.id);
+    } catch (err: any) {
+      toast.error(err?.message ?? t("clipsFinalRaw.retryFailed"));
+    } finally {
+      void refetch();
+    }
+  };
+
   const chips: FilterChip[] = [];
   if (tagFilter) {
     chips.push({
@@ -426,19 +437,19 @@ export function LibraryGrid({
 
       {/* Page header — rendered into the top app bar */}
       <PageHeader>
-        <div className="min-w-0 shrink-0">
+        <div className="min-w-0">
           {title && (
             <h1 className="text-base font-semibold text-foreground truncate">
               {title}
             </h1>
           )}
         </div>
-        <SearchBar
-          side="bottom"
-          className="hidden min-w-52 max-w-xl flex-1 md:block"
-        />
-        <div className="ms-auto flex shrink-0 items-center gap-2">
+        <div className="ms-auto flex min-w-0 items-center gap-2">
           {extraActions}
+          <SearchBar
+            side="bottom"
+            className="hidden min-w-0 max-w-64 flex-1 md:block"
+          />
           <SortMenu value={sort} onChange={setSort} />
         </div>
       </PageHeader>
@@ -506,6 +517,7 @@ export function LibraryGrid({
                     moveTargets={moveTargets}
                     onMove={canMoveSelection ? moveSingle : undefined}
                     isMovePending={moveRecording.isPending}
+                    onRetry={canManageRecordings ? handleRetry : undefined}
                     onCreateFolder={() => {
                       setCreateFolderTarget({ kind: "single", recording: r });
                     }}

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

@@ -2,7 +2,6 @@ import {
   AgentSidebar,
   AgentToggleButton,
 } from "@agent-native/core/client/agent-chat";
-import { appPath } from "@agent-native/core/client/api-path";
 import { DevDatabaseLink } from "@agent-native/core/client/db-admin";
 import { getBrowserTabId } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
@@ -12,7 +11,7 @@ import {
   OrgSwitcher,
   useOrgRole,
 } from "@agent-native/core/client/org";
-import { FeedbackButton } from "@agent-native/core/client/ui";
+import { AgentNativeIcon, FeedbackButton } from "@agent-native/core/client/ui";
 import { SidebarFooterActions } from "@agent-native/toolkit/app-shell";
 import {
   IconInbox,
@@ -24,7 +23,6 @@ import {
   IconFolderPlus,
   IconPlayerRecord,
   IconAppWindow,
-  IconX,
   IconMenu2,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
@@ -39,10 +37,7 @@ import { ReactNode, useEffect, useMemo, useState } from "react";
 import { NavLink, useLocation, useNavigate, useParams } from "react-router";
 import { toast } from "sonner";
 
-import {
-  CaptureInstallButton,
-  CaptureInstallInlineLink,
-} from "@/components/capture-install-options";
+import { CaptureInstallInlineLink } from "@/components/capture-install-options";
 import { ImportMenu } from "@/components/import-menu";
 import {
   AlertDialog,
@@ -124,7 +119,7 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
     spaceId?: string;
   }>();
 
-  const { shouldShowPromo, shouldShowSidebarLink, dismiss } = useDesktopPromo();
+  const { shouldShowSidebarLink } = useDesktopPromo();
   usePrefetchVideoStorageStatus();
 
   const { org, canManageOrg } = useOrgRole();
@@ -372,21 +367,9 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
             )}
             data-sidebar-brand-toggle
           >
-            <img
-              src={appPath("/agent-native-icon-light.svg")}
-              alt=""
-              aria-hidden="true"
-              width={28}
-              height={16}
-              className="block h-4 w-7 shrink-0 object-contain object-center dark:hidden"
-            />
-            <img
-              src={appPath("/agent-native-icon-dark.svg")}
-              alt=""
+            <AgentNativeIcon
               aria-hidden="true"
-              width={28}
-              height={16}
-              className="hidden h-4 w-7 shrink-0 object-contain object-center dark:block"
+              className="h-3.5 w-6 shrink-0 text-foreground"
             />
             {!showCollapsedSidebar && (
               <span className="truncate text-sm font-semibold text-foreground">
@@ -699,7 +682,7 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
               {(isMobile || !pageHasHeaderSearch) && <SearchBar />}
             </div>
 
-            <div className="shrink-0 space-y-2 px-3 py-2">
+            <div className="shrink-0 space-y-2 px-3 py-2 empty:hidden">
               <OrgSwitcher settingsPath="/settings/organization" />
               <DevDatabaseLink />
             </div>
@@ -746,41 +729,6 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
             </header>
           )}
           <InvitationBanner />
-          {shouldShowPromo && (
-            <div className="flex items-center gap-3 border-b border-border bg-primary/5 px-5 py-2.5 text-sm">
-              <IconAppWindow className="h-4 w-4 shrink-0 text-primary" />
-              <div className="min-w-0 flex-1">
-                <span className="font-medium">
-                  {t("navigation.desktopTitle")}
-                </span>{" "}
-                <span className="text-muted-foreground">
-                  {t("navigation.desktopBody")}
-                </span>
-              </div>
-              <CaptureInstallButton
-                variant="outline"
-                size="sm"
-                className="shrink-0"
-              >
-                Download
-              </CaptureInstallButton>
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <Button
-                    variant="ghost"
-                    size="icon"
-                    className="h-7 w-7 shrink-0 text-muted-foreground hover:text-foreground"
-                    onClick={dismiss}
-                  >
-                    <IconX className="h-4 w-4" />
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent>
-                  {t("clipsFinalRaw.alreadyHaveIt")}
-                </TooltipContent>
-              </Tooltip>
-            </div>
-          )}
           <main className="agent-native-app-main flex min-h-0 flex-1 flex-col overflow-y-auto">
             <PageHeaderSlotProvider
               slot={headerSlot}