@agent-native/core 0.129.2 → 0.130.0

package/corpus/templates/brain/server/routes/api/brain/queue/run.post.ts

@@ -10,6 +10,8 @@ declare global {
   var __AGENT_NATIVE_BRAIN_SCHEDULED_RUNTIME__: boolean | undefined;
 }
 
+export const BRAIN_QUEUE_SWEEP_LIMIT = 10;
+
 function productionLike() {
   return (
     process.env.NODE_ENV === "production" || process.env.NETLIFY === "true"
@@ -48,7 +50,11 @@ export default defineEventHandler(async (event) => {
 
   const [sync, queue, expiredSensitivityQuarantines] = await Promise.all([
     syncDueBrainSourcesOnce({ system: true, limit: 5 }),
-    processBrainIngestQueueOnce({ limit: 1, runDistillation: true }),
+    processBrainIngestQueueOnce({
+      limit: BRAIN_QUEUE_SWEEP_LIMIT,
+      runDistillation: true,
+      maxDistillations: 1,
+    }),
     expireSensitivityQuarantines(),
   ]);
   return { ok: true, sync, queue, expiredSensitivityQuarantines };

package/corpus/templates/clips/AGENTS.md

@@ -97,7 +97,7 @@ Read the matching skill before deeper work in that area:
 | `trim-`, `split-recording`, `remove-silences`, `remove-filler-words` | Edits |
 | `list-meetings`, `get-`, `update-`, `finalize-meeting` | Meetings |
 | `list-dictations`, `cleanup-dictation` | Dictation history |
-| `add-comment`, `create-folder`, `create-space` | Comments, folders |
+| `add-comment`, `update-comment`, `create-folder`, `create-space` | Comments, folders |
 | `share-resource`, `set-resource-visibility`, `build-embed-url` | Share, embed |
 | `create-recording-agent-link` | Two-hour `agent_access` share URL |
 | `prepare-crm-call-evidence` | Opaque clip id plus `/r/<id>` for CRM |

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

@@ -16,6 +16,7 @@ import {
   buildAgentApiUrls,
   CLIP_AGENT_ACCESS_TOKEN_PREFIX,
 } from "../shared/agent-context.js";
+import { BUG_REPORT_AGENT_ACCESS_TTL_SECONDS } from "../shared/bug-report.js";
 
 function appOrigin(): string {
   const origin =
@@ -35,6 +36,15 @@ export default defineAction({
     "Create a temporary private agent-readable link for one Clips recording. The URL is scoped to that recording and expires after two hours.",
   schema: z.object({
     recordingId: z.string().describe("Recording ID"),
+    ttlSeconds: z
+      .number()
+      .int()
+      .positive()
+      .max(BUG_REPORT_AGENT_ACCESS_TTL_SECONDS)
+      .optional()
+      .describe(
+        "Optional scoped-link lifetime in seconds, capped at seven days. Defaults to two hours.",
+      ),
   }),
   readOnly: true,
   run: async (args) => {
@@ -58,7 +68,7 @@ export default defineAction({
       resourceKind: CLIP_AGENT_ACCESS_TOKEN_PREFIX,
       resourceId: recording.id,
       viewerEmail: getRequestUserEmail() || undefined,
-      ttlSeconds: CLIPS_AGENT_ACCESS_TTL_SECONDS,
+      ttlSeconds: args.ttlSeconds ?? CLIPS_AGENT_ACCESS_TTL_SECONDS,
     });
     const origin = appOrigin();
     const basePath = getServerAppBasePath();

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

@@ -0,0 +1,68 @@
+/**
+ * Update the text of a comment.
+ *
+ * Usage:
+ *   pnpm action update-comment --id=<id> --content="Updated text"
+ */
+
+import { defineAction } from "@agent-native/core";
+import { writeAppState } from "@agent-native/core/application-state";
+import { getRequestUserEmail } from "@agent-native/core/server/request-context";
+import { assertAccess, ForbiddenError } from "@agent-native/core/sharing";
+import { and, eq } from "drizzle-orm";
+import { z } from "zod";
+
+import { getDb, schema } from "../server/db/index.js";
+import { sameOwnerEmail } from "../server/lib/recordings.js";
+
+export default defineAction({
+  description: "Update a comment's text. Only the comment author can edit it.",
+  schema: z.object({
+    id: z.string().describe("Comment ID"),
+    content: z.string().trim().min(1).describe("Updated comment text"),
+  }),
+  run: async (args) => {
+    const userEmail = getRequestUserEmail();
+    if (!userEmail) {
+      throw new Error("Sign in required to edit comments.");
+    }
+
+    const db = getDb();
+    const [existing] = await db
+      .select()
+      .from(schema.recordingComments)
+      .where(eq(schema.recordingComments.id, args.id))
+      .limit(1);
+    if (!existing) throw new Error(`Comment not found: ${args.id}`);
+
+    await assertAccess("recording", existing.recordingId, "viewer");
+
+    if (!sameOwnerEmail(existing.authorEmail, userEmail)) {
+      throw new ForbiddenError(
+        "Only the comment author can edit this comment.",
+      );
+    }
+
+    const updatedAt = new Date().toISOString();
+    const updated = await db
+      .update(schema.recordingComments)
+      .set({ content: args.content, updatedAt })
+      .where(
+        and(
+          eq(schema.recordingComments.id, args.id),
+          eq(schema.recordingComments.content, existing.content),
+        ),
+      )
+      .returning({ id: schema.recordingComments.id });
+
+    if (updated.length === 0) {
+      throw new Error(
+        `Comment ${args.id} changed before this edit could be saved. Refresh and try again.`,
+      );
+    }
+
+    await writeAppState("refresh-signal", { ts: Date.now() });
+
+    return { id: args.id, content: args.content, updatedAt };
+  },
+});

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

@@ -666,7 +666,6 @@ export function EditorLayout({ recordingId, className }: EditorLayoutProps) {
                 onPlay={() => setPlaying(true)}
                 onPause={() => setPlaying(false)}
                 controls={false}
-                crossOrigin="anonymous"
               />
             ) : (
               <div className="text-sm text-muted-foreground">

package/corpus/templates/clips/app/components/player/comments-panel.tsx

@@ -127,6 +127,8 @@ export function CommentsPanel(props: CommentsPanelProps) {
   const [draft, setDraft] = useState("");
   const [replyDraft, setReplyDraft] = useState("");
   const [replyTo, setReplyTo] = useState<Comment | null>(null);
+  const [editingId, setEditingId] = useState<string | null>(null);
+  const [editDraft, setEditDraft] = useState("");
   const replyComposerRef = useRef<HTMLTextAreaElement>(null);
 
   const queryClient = useQueryClient();
@@ -275,6 +277,41 @@ export function CommentsPanel(props: CommentsPanelProps) {
     },
   });
 
+  const updateComment = useActionMutation("update-comment", {
+    onMutate: async (vars: any) => {
+      await queryClient.cancelQueries({ queryKey });
+      const prev = queryClient.getQueryData(queryKey);
+      const updatedAt = new Date().toISOString();
+      patchComments((list) =>
+        list.map((comment) =>
+          comment.id === vars.id
+            ? { ...comment, content: vars.content, updatedAt }
+            : comment,
+        ),
+      );
+      return { prev };
+    },
+    onError: (_err, vars: any, ctx: any) => {
+      if (ctx?.prev) queryClient.setQueryData(queryKey, ctx.prev);
+      setEditingId(vars.id);
+      setEditDraft(vars.content);
+    },
+    onSuccess: (data: any) => {
+      if (!data?.id || !data?.content || !data?.updatedAt) return;
+      patchComments((list) =>
+        list.map((comment) =>
+          comment.id === data.id
+            ? {
+                ...comment,
+                content: data.content,
+                updatedAt: data.updatedAt,
+              }
+            : comment,
+        ),
+      );
+    },
+  });
+
   // Group by thread
   const threads = useMemo(() => {
     const map = new Map<string, Comment[]>();
@@ -334,6 +371,27 @@ export function CommentsPanel(props: CommentsPanelProps) {
     setTimeout(() => replyComposerRef.current?.focus(), 0);
   }
 
+  function startEditing(comment: Comment) {
+    setEditingId(comment.id);
+    setEditDraft(comment.content);
+  }
+
+  function cancelEditing() {
+    setEditingId(null);
+    setEditDraft("");
+  }
+
+  function submitEdit(comment: Comment) {
+    const content = editDraft.trim();
+    if (!content) return;
+    if (content === comment.content) {
+      cancelEditing();
+      return;
+    }
+    cancelEditing();
+    updateComment.mutate({ id: comment.id, content });
+  }
+
   const composer = (
     <CommentComposer
       draft={draft}
@@ -377,6 +435,12 @@ export function CommentsPanel(props: CommentsPanelProps) {
                       resolve.mutate({ id, resolved })
                     }
                     onDelete={(id) => remove.mutate({ id })}
+                    isEditing={editingId === root.id}
+                    editDraft={editDraft}
+                    onEditDraftChange={setEditDraft}
+                    onStartEdit={() => startEditing(root)}
+                    onCancelEdit={cancelEditing}
+                    onSaveEdit={() => submitEdit(root)}
                     onReact={(commentId, emoji) =>
                       reactToComment.mutate({ commentId, emoji })
                     }
@@ -395,6 +459,12 @@ export function CommentsPanel(props: CommentsPanelProps) {
                               resolve.mutate({ id, resolved })
                             }
                             onDelete={(id) => remove.mutate({ id })}
+                            isEditing={editingId === r.id}
+                            editDraft={editDraft}
+                            onEditDraftChange={setEditDraft}
+                            onStartEdit={() => startEditing(r)}
+                            onCancelEdit={cancelEditing}
+                            onSaveEdit={() => submitEdit(r)}
                             onReact={(commentId, emoji) =>
                               reactToComment.mutate({ commentId, emoji })
                             }
@@ -665,27 +735,95 @@ function InlineReplyComposer({
   );
 }
 
+function InlineEditComposer({
+  draft,
+  originalContent,
+  onDraftChange,
+  onCancel,
+  onSubmit,
+}: {
+  draft: string;
+  originalContent: string;
+  onDraftChange: (value: string) => void;
+  onCancel: () => void;
+  onSubmit: () => void;
+}) {
+  const t = useT();
+  const normalizedDraft = draft.trim();
+
+  return (
+    <div className="mt-2 rounded-lg border border-border bg-muted/20 p-2">
+      <Textarea
+        autoFocus
+        value={draft}
+        onChange={(event) => onDraftChange(event.target.value)}
+        aria-label={t("commentsPanel.editComment")}
+        className="min-h-16 resize-none bg-background text-sm"
+        onKeyDown={(event) => {
+          if (event.key === "Escape") {
+            event.preventDefault();
+            onCancel();
+          } else if (
+            event.key === "Enter" &&
+            (event.metaKey || event.ctrlKey)
+          ) {
+            event.preventDefault();
+            onSubmit();
+          }
+        }}
+      />
+      <div className="mt-2 flex justify-end gap-2">
+        <Button variant="ghost" size="sm" onClick={onCancel}>
+          {t("common.cancel")}
+        </Button>
+        <Button
+          size="sm"
+          onClick={onSubmit}
+          disabled={
+            !normalizedDraft || normalizedDraft === originalContent.trim()
+          }
+        >
+          {t("common.save")}
+        </Button>
+      </div>
+    </div>
+  );
+}
+
 function CommentCard({
   comment,
   currentUserEmail,
+  editDraft,
+  isEditing,
   onSeek,
   onReply,
   onResolve,
   onDelete,
+  onEditDraftChange,
+  onStartEdit,
+  onCancelEdit,
+  onSaveEdit,
   onReact,
   onUnauthenticated,
   isReply,
 }: {
   comment: Comment;
   currentUserEmail?: string;
+  editDraft: string;
+  isEditing: boolean;
   onSeek: (ms: number) => void;
   onReply: () => void;
   onResolve: (id: string, resolved: boolean) => void;
   onDelete: (id: string) => void;
+  onEditDraftChange: (value: string) => void;
+  onStartEdit: () => void;
+  onCancelEdit: () => void;
+  onSaveEdit: () => void;
   onReact: (commentId: string, emoji: string) => void;
   onUnauthenticated?: (intent: "comment" | "react") => void;
   isReply?: boolean;
 }) {
+  const t = useT();
   // Local override forces a synchronous re-render the instant the user clicks
   // an emoji — independent of React Query cache propagation. It's cleared as
   // soon as the prop (server-confirmed) catches up to whatever we showed.
@@ -695,7 +833,10 @@ function CommentCard({
   }, [comment.emojiReactionsJson]);
 
   const reactions = parseReactions(localJson ?? comment.emojiReactionsJson);
-  const isOwner = currentUserEmail && comment.authorEmail === currentUserEmail;
+  const isOwner =
+    !!currentUserEmail &&
+    comment.authorEmail.trim().toLowerCase() ===
+      currentUserEmail.trim().toLowerCase();
 
   function toggleEmoji(emoji: string) {
     if (!currentUserEmail) return reactions;
@@ -749,74 +890,89 @@ function CommentCard({
             </span>
           ) : null}
         </div>
-        <p className="text-sm text-foreground whitespace-pre-wrap break-words mt-0.5">
-          {commentContent}
-        </p>
-
-        <div className="flex items-center gap-2 mt-1.5 text-xs text-muted-foreground">
-          <button
-            onClick={onReply}
-            className="hover:text-foreground flex items-center gap-1"
-          >
-            <IconCornerDownRight className="h-3 w-3" />
-            Reply
-          </button>
-
-          <Popover>
-            <PopoverTrigger asChild>
-              <button className="hover:text-foreground flex items-center gap-1">
-                <IconMoodSmile className="h-3 w-3" /> React
+        {isEditing ? (
+          <InlineEditComposer
+            draft={editDraft}
+            originalContent={comment.content}
+            onDraftChange={onEditDraftChange}
+            onCancel={onCancelEdit}
+            onSubmit={onSaveEdit}
+          />
+        ) : (
+          <>
+            <p className="text-sm text-foreground whitespace-pre-wrap break-words mt-0.5">
+              {commentContent}
+            </p>
+
+            <div className="flex items-center gap-2 mt-1.5 text-xs text-muted-foreground">
+              <button
+                onClick={onReply}
+                className="hover:text-foreground flex items-center gap-1"
+              >
+                <IconCornerDownRight className="h-3 w-3" />
+                Reply
               </button>
-            </PopoverTrigger>
-            <PopoverContent side="top" align="start" className="p-1 w-auto">
-              <div className="flex gap-0.5">
-                {COMMENT_EMOJIS.map((e) => (
-                  <button
-                    key={e}
-                    onClick={() => {
-                      if (!currentUserEmail) {
-                        onUnauthenticated?.("react");
-                        return;
-                      }
-                      setLocalJson(JSON.stringify(toggleEmoji(e)));
-                      onReact(comment.id, e);
-                    }}
-                    className="text-lg h-8 w-8 rounded hover:bg-accent flex items-center justify-center"
-                  >
-                    {e}
-                  </button>
-                ))}
-              </div>
-            </PopoverContent>
-          </Popover>
 
-          {currentUserEmail ? (
-            <button
-              onClick={() => onResolve(comment.id, !comment.resolved)}
-              className="hover:text-foreground"
-            >
-              {comment.resolved ? "Unresolve" : "Resolve"}
-            </button>
-          ) : null}
+              <Popover>
+                <PopoverTrigger asChild>
+                  <button className="hover:text-foreground flex items-center gap-1">
+                    <IconMoodSmile className="h-3 w-3" /> React
+                  </button>
+                </PopoverTrigger>
+                <PopoverContent side="top" align="start" className="p-1 w-auto">
+                  <div className="flex gap-0.5">
+                    {COMMENT_EMOJIS.map((e) => (
+                      <button
+                        key={e}
+                        onClick={() => {
+                          if (!currentUserEmail) {
+                            onUnauthenticated?.("react");
+                            return;
+                          }
+                          setLocalJson(JSON.stringify(toggleEmoji(e)));
+                          onReact(comment.id, e);
+                        }}
+                        className="text-lg h-8 w-8 rounded hover:bg-accent flex items-center justify-center"
+                      >
+                        {e}
+                      </button>
+                    ))}
+                  </div>
+                </PopoverContent>
+              </Popover>
 
-          {isOwner ? (
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <button className="ml-auto hover:text-foreground">
-                  <IconDots className="h-3 w-3" />
-                </button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end">
-                <DropdownMenuItem
-                  className="text-red-600"
-                  onSelect={() => onDelete(comment.id)}
+              {currentUserEmail ? (
+                <button
+                  onClick={() => onResolve(comment.id, !comment.resolved)}
+                  className="hover:text-foreground"
                 >
-                  Delete
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
-          ) : null}
-        </div>
+                  {comment.resolved ? "Unresolve" : "Resolve"}
+                </button>
+              ) : null}
+
+              {isOwner ? (
+                <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                    <button className="ml-auto hover:text-foreground">
+                      <IconDots className="h-3 w-3" />
+                    </button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                    <DropdownMenuItem onSelect={onStartEdit}>
+                      {t("commentsPanel.editComment")}
+                    </DropdownMenuItem>
+                    <DropdownMenuItem
+                      className="text-red-600"
+                      onSelect={() => onDelete(comment.id)}
+                    >
+                      Delete
+                    </DropdownMenuItem>
+                  </DropdownMenuContent>
+                </DropdownMenu>
+              ) : null}
+            </div>
+          </>
+        )}
 
         {Object.keys(reactions).length > 0 ? (
           <div className="flex flex-wrap gap-1 mt-1.5">