@agent-native/core 0.178.0 → 0.178.1-nightly-20260909221943

package/corpus/README.md

@@ -31,4 +31,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core/corpus
 
 ## Generated Counts
 
-- template files: 9088
+- template files: 9110

package/corpus/templates/clips/.agents/skills/dictate/SKILL.md

@@ -40,6 +40,7 @@ Dictate captures **mic only** — system audio is never recorded for dictations.
 | Action               | What it does                                                                                |
 | -------------------- | ------------------------------------------------------------------------------------------- |
 | `list-dictations`    | Past dictations, scoped via `accessFilter`                                                  |
+| `search-dictations`  | Search native or cleaned dictation text, with matching snippets                            |
 | `cleanup-dictation`  | Polish a single dictation's text (writes `cleanedText`)                                     |
 | `cleanup-transcript` | Shared cleanup pipeline (also used by Clips + Meetings); resolves credentials per the order below |
 

package/corpus/templates/clips/DESIGN.md

@@ -54,10 +54,11 @@ transcript, agent, insights, and settings.
 
 ## Progressive disclosure
 
-The viewer presents jobs, not inventories. Sharing starts with one header-level
-copy-link action, invitations, and current access. Social destinations and
-embed publishing replace the body as focused secondary views; embed
-configuration and agent context links stay collapsed until requested. The
+The viewer presents jobs, not inventories. Human sharing and agent continuity
+are separate jobs: Share owns invitations, durable access policy, password,
+expiry, social destinations, and embed publishing; a quiet adjacent Send to
+agent action owns ephemeral handoff to an agent destination. Secondary sharing
+destinations replace the Share body as focused views. The
 overflow leads with recording cleanup actions, while maintenance and
 document-generation commands live in named submenus. A generic AI-tools
 launcher does not compete with Share. The editor opens in transcript mode and
@@ -65,9 +66,11 @@ reveals the precision timeline as a peer mode instead of stacking both
 workspaces under the player.
 
 Share is the viewer toolbar's sole labeled primary action and the product-led
-growth entry point. Copy link is the first action inside Share, never a competing
-toolbar button. Edit, download, and overflow use equal compact icon controls
-with accessible names and tooltips; their visual weight must not rival Share.
+growth entry point. Send to agent is an accessible secondary icon action that
+opens one compact handoff menu; it must not become a second sharing/settings dialog. Copy
+link stays inside Share, never as a competing toolbar button. Edit, download,
+and overflow use equal compact icon controls with accessible names and tooltips;
+their visual weight must not rival Share.
 
 Viewer identity uses one avatar grammar everywhere. People use profile images or
 initials; agents use the same circular avatar shape with the assistant mark.

package/corpus/templates/clips/actions/list-organization-state.ts

@@ -16,10 +16,24 @@ import {
 } from "@agent-native/core/org";
 import { isEmailDerivedName } from "@agent-native/core/user-profile";
 import { getUserProfiles } from "@agent-native/core/user-profile/server";
-import { and, asc, desc, eq, isNotNull, or } from "drizzle-orm";
+import {
+  and,
+  asc,
+  desc,
+  eq,
+  isNotNull,
+  isNull,
+  notInArray,
+  or,
+  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 {
   getCurrentOwnerEmail,
   ownerEmailMatches,
@@ -38,7 +52,7 @@ export default defineAction({
       ),
   }),
   http: { method: "GET" },
-  run: async (args) => {
+  run: async (args, ctx) => {
     const db = getDb();
     const ownerEmail = getCurrentOwnerEmail();
 
@@ -127,7 +141,12 @@ export default defineAction({
       createdAt: Number(i.createdAt),
     }));
 
-    const [spaces, folders] = await Promise.all([
+    const resolvedDb = await Promise.resolve(db);
+    const meetingRecordingIds = resolvedDb
+      .select({ id: schema.meetings.recordingId })
+      .from(schema.meetings)
+      .where(isNotNull(schema.meetings.recordingId));
+    const [spaces, folders, folderRecordingCountRows] = await Promise.all([
       db
         .select()
         .from(schema.spaces)
@@ -146,7 +165,39 @@ export default defineAction({
           ),
         )
         .orderBy(asc(schema.folders.position)),
+      resolvedDb
+        .select({
+          folderId: schema.recordings.folderId,
+          recordingCount: sql<number>`COUNT(1)`,
+        })
+        .from(schema.recordings)
+        .where(
+          and(
+            agentRecordingAccessFilter(
+              schema.recordings,
+              schema.recordingShares,
+              schema.recordingViewers,
+              {
+                agentOnly: isAgentRecordingCaller(ctx?.caller),
+                userEmail: ctx?.userEmail,
+              },
+            ),
+            eq(schema.recordings.organizationId, organizationId),
+            isNotNull(schema.recordings.folderId),
+            isNull(schema.recordings.archivedAt),
+            isNull(schema.recordings.trashedAt),
+            notInArray(schema.recordings.id, meetingRecordingIds),
+          ),
+        )
+        .groupBy(schema.recordings.folderId),
     ]);
+    const recordingCountByFolder = new Map(
+      folderRecordingCountRows.flatMap((row) =>
+        row.folderId
+          ? [[row.folderId, Number(row.recordingCount ?? 0)] as const]
+          : [],
+      ),
+    );
 
     return {
       currentUserEmail: ownerEmail,
@@ -173,6 +224,7 @@ export default defineAction({
         spaceId: f.spaceId,
         ownerEmail: f.ownerEmail,
         position: f.position,
+        recordingCount: recordingCountByFolder.get(f.id) ?? 0,
       })),
       personalFolders: folders
         .filter((f) => f.spaceId === null)
@@ -180,6 +232,7 @@ export default defineAction({
           id: f.id,
           name: f.name,
           parentId: f.parentId,
+          recordingCount: recordingCountByFolder.get(f.id) ?? 0,
         })),
       invitations,
     };

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

@@ -228,6 +228,8 @@ export default defineAction({
     if (args.view === "library" || args.view === "space") {
       if (args.folderId !== undefined && args.folderId !== null) {
         whereClauses.push(eq(schema.recordings.folderId, args.folderId));
+      } else {
+        whereClauses.push(isNull(schema.recordings.folderId));
       }
     }
 

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

@@ -0,0 +1,81 @@
+/** Search dictation history by its native or cleaned transcript text. */
+
+import { defineAction } from "@agent-native/core/action";
+import { buildDeepLink } from "@agent-native/core/server";
+import { accessFilter } from "@agent-native/core/sharing";
+import { and, desc, sql } from "drizzle-orm";
+import { z } from "zod";
+
+import { getDb, schema } from "../server/db/index.js";
+import { buildCaseInsensitiveSearchPattern } from "./search-recordings-utils.js";
+
+const SNIPPET_RADIUS = 80;
+
+function buildSnippet(text: string, query: string): string | null {
+  const index = text.toLowerCase().indexOf(query.toLowerCase());
+  if (index === -1) return null;
+  const start = Math.max(0, index - SNIPPET_RADIUS);
+  const end = Math.min(text.length, index + query.length + SNIPPET_RADIUS);
+  return `${start > 0 ? "…" : ""}${text.slice(start, end).replace(/\s+/g, " ").trim()}${end < text.length ? "…" : ""}`;
+}
+
+export default defineAction({
+  description:
+    "Search dictations by their native or cleaned transcript text. Results are scoped to dictations the current user can access and include a short matching snippet.",
+  schema: z.object({
+    query: z.string().min(1).describe("Search text"),
+    limit: z.coerce.number().int().min(1).max(100).default(30),
+  }),
+  http: { method: "GET" },
+  run: async (args) => {
+    const db = getDb();
+    const pattern = buildCaseInsensitiveSearchPattern(args.query);
+    const rows = await db
+      .select({
+        id: schema.dictations.id,
+        fullText: schema.dictations.fullText,
+        cleanedText: schema.dictations.cleanedText,
+        durationMs: schema.dictations.durationMs,
+        source: schema.dictations.source,
+        targetApp: schema.dictations.targetApp,
+        startedAt: schema.dictations.startedAt,
+        createdAt: schema.dictations.createdAt,
+      })
+      .from(schema.dictations)
+      .where(
+        and(
+          accessFilter(schema.dictations, schema.dictationShares),
+          sql`(lower(${schema.dictations.fullText}) LIKE ${pattern} ESCAPE '\\' OR lower(coalesce(${schema.dictations.cleanedText}, '')) LIKE ${pattern} ESCAPE '\\')`,
+        ),
+      )
+      .orderBy(desc(schema.dictations.startedAt))
+      .limit(args.limit);
+
+    return {
+      query: args.query,
+      dictations: rows.map((dictation) => ({
+        ...dictation,
+        snippet:
+          buildSnippet(dictation.cleanedText ?? "", args.query) ??
+          buildSnippet(dictation.fullText, args.query),
+      })),
+    };
+  },
+  link: ({ result }) => {
+    if (!result || typeof result !== "object") return null;
+    const dictations = (result as { dictations?: unknown }).dictations;
+    if (!Array.isArray(dictations) || dictations.length === 0) return null;
+    const first = dictations[0] as { id?: string };
+    if (!first.id) return null;
+    return {
+      url: buildDeepLink({
+        app: "clips",
+        view: "dictate",
+        params: { dictationId: first.id },
+        to: "/dictate",
+      }),
+      label: "Open Dictate in Clips",
+      view: "dictate",
+    };
+  },
+});

package/corpus/templates/clips/app/components/agent-destination-logos.tsx

@@ -0,0 +1,50 @@
+import { IconBrandOpenai } from "@tabler/icons-react";
+
+import { cn } from "@/lib/utils";
+
+interface AgentDestinationLogoProps {
+  className?: string;
+}
+
+export function ClaudeLogo({ className }: AgentDestinationLogoProps) {
+  return (
+    <svg
+      aria-hidden="true"
+      className={cn("shrink-0", className)}
+      fill="currentColor"
+      viewBox="0 0 100 100"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="m19.6 66.5 19.7-11 .3-1-.3-.5h-1l-3.3-.2-11.2-.3L14 53l-9.5-.5-2.4-.5L0 49l.2-1.5 2-1.3 2.9.2 6.3.5 9.5.6 6.9.4L38 49.1h1.6l.2-.7-.5-.4-.4-.4L29 41l-10.6-7-5.6-4.1-3-2-1.5-2-.6-4.2 2.7-3 3.7.3.9.2 3.7 2.9 8 6.1L37 36l1.5 1.2.6-.4.1-.3-.7-1.1L33 25l-6-10.4-2.7-4.3-.7-2.6c-.3-1-.4-2-.4-3l3-4.2L28 0l4.2.6L33.8 2l2.6 6 4.1 9.3L47 29.9l2 3.8 1 3.4.3 1h.7v-.5l.5-7.2 1-8.7 1-11.2.3-3.2 1.6-3.8 3-2L61 2.6l2 2.9-.3 1.8-1.1 7.7L59 27.1l-1.5 8.2h.9l1-1.1 4.1-5.4 6.9-8.6 3-3.5L77 13l2.3-1.8h4.3l3.1 4.7-1.4 4.9-4.4 5.6-3.7 4.7-5.3 7.1-3.2 5.7.3.4h.7l12-2.6 6.4-1.1 7.6-1.3 3.5 1.6.4 1.6-1.4 3.4-8.2 2-9.6 2-14.3 3.3-.2.1.2.3 6.4.6 2.8.2h6.8l12.6 1 3.3 2 1.9 2.7-.3 2-5.1 2.6-6.8-1.6-16-3.8-5.4-1.3h-.8v.4l4.6 4.5 8.3 7.5L89 80.1l.5 2.4-1.3 2-1.4-.2-9.2-7-3.6-3-8-6.8h-.5v.7l1.8 2.7 9.8 14.7.5 4.5-.7 1.4-2.6 1-2.7-.6-5.8-8-6-9-4.7-8.2-.5.4-2.9 30.2-1.3 1.5-3 1.2-2.5-2-1.4-3 1.4-6.2 1.6-8 1.3-6.4 1.2-7.9.7-2.6v-.2H49L43 72l-9 12.3-7.2 7.6-1.7.7-3-1.5.3-2.8L24 86l10-12.8 6-7.9 4-4.6-.1-.5h-.3L17.2 77.4l-4.7.6-2-2 .2-3 1-1 8-5.5Z" />
+    </svg>
+  );
+}
+
+export function ClaudeCodeLogo({ className }: AgentDestinationLogoProps) {
+  return (
+    <svg
+      aria-hidden="true"
+      className={cn("shrink-0", className)}
+      fill="none"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.2"
+      >
+        <path d="m13.75 13.5 3.5-3.5-3.5-3.5" />
+        <path d="M9 16 11 4" />
+        <path d="m6.25 13.5-3.5-3.5 3.5-3.5" />
+      </g>
+    </svg>
+  );
+}
+
+export function CodexLogo({ className }: AgentDestinationLogoProps) {
+  return (
+    <IconBrandOpenai aria-hidden="true" className={cn("shrink-0", className)} />
+  );
+}

package/corpus/templates/clips/app/components/bug-report/bug-report-dialog.tsx

@@ -0,0 +1,60 @@
+import { useT } from "@agent-native/core/client/i18n";
+import type { BugReportContext } from "@shared/bug-report";
+import { useEffect, useState } from "react";
+
+import { BugReportForm } from "@/components/bug-report/bug-report-form";
+import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
+import { OPEN_BUG_REPORT_EVENT } from "@/lib/command-events";
+
+function currentBugReportContext(): BugReportContext {
+  return {
+    projectId: null,
+    title: null,
+    description: null,
+    severity: "normal",
+    sourceUrl: window.location.href,
+    pageTitle: document.title || null,
+    appVersion: null,
+    environment: null,
+    reporterEmail: null,
+    reporterName: null,
+    reporterId: null,
+    metadata: null,
+    returnUrl: window.location.href,
+  };
+}
+
+export function BugReportDialog() {
+  const t = useT();
+  const [open, setOpen] = useState(false);
+  const [initialContext, setInitialContext] = useState<BugReportContext | null>(
+    null,
+  );
+
+  useEffect(() => {
+    const handleOpen = () => {
+      setInitialContext(currentBugReportContext());
+      setOpen(true);
+    };
+    window.addEventListener(OPEN_BUG_REPORT_EVENT, handleOpen);
+    return () => window.removeEventListener(OPEN_BUG_REPORT_EVENT, handleOpen);
+  }, []);
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent className="w-[calc(100%-2rem)] max-w-2xl gap-0 p-0">
+        <DialogTitle className="sr-only">
+          {t("bugReportRoute.title")}
+        </DialogTitle>
+        {open ? (
+          <div className="max-h-[min(760px,calc(100vh-2rem))] overflow-y-auto p-5 sm:p-6">
+            <BugReportForm
+              initialContext={initialContext}
+              onRecordingStarted={() => setOpen(false)}
+            />
+          </div>
+        ) : null}
+      </DialogContent>
+    </Dialog>
+  );
+}

package/corpus/templates/clips/app/components/bug-report/bug-report-form.tsx

@@ -0,0 +1,206 @@
+import { appBasePath } from "@agent-native/core/client/api-path";
+import { useT } from "@agent-native/core/client/i18n";
+import {
+  bugReportContextToSearchParams,
+  type BugReportContext,
+  type BugReportSeverity,
+} from "@shared/bug-report";
+import { IconBug, IconShieldCheck } from "@tabler/icons-react";
+import { useEffect, useState } from "react";
+
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+import { cn } from "@/lib/utils";
+
+interface BugReportFormProps {
+  className?: string;
+  initialContext?: BugReportContext | null;
+  onRecorderOpened?: (recorderWindow: Window | null) => void;
+  onRecordingStarted?: () => void;
+}
+
+function openRecorder(url: string): Window | null {
+  const opened = window.open(
+    url,
+    "agent-native-clips-bug-report",
+    "popup,width=1120,height=820",
+  );
+  if (!opened) {
+    window.location.href = url;
+    return null;
+  }
+  opened.focus();
+  return opened;
+}
+
+export function BugReportForm({
+  className,
+  initialContext,
+  onRecorderOpened,
+  onRecordingStarted,
+}: BugReportFormProps) {
+  const t = useT();
+  const [title, setTitle] = useState(initialContext?.title ?? "");
+  const [description, setDescription] = useState(
+    initialContext?.description ?? "",
+  );
+  const [reporterEmail, setReporterEmail] = useState(
+    initialContext?.reporterEmail ?? "",
+  );
+  const [severity, setSeverity] = useState<BugReportSeverity>(
+    initialContext?.severity ?? "normal",
+  );
+  const [referrer, setReferrer] = useState<string | null>(null);
+
+  useEffect(() => {
+    setReferrer(document.referrer || null);
+  }, []);
+
+  const sourceUrl = initialContext?.sourceUrl ?? referrer;
+  const pageTitle = initialContext?.pageTitle ?? null;
+  const sourceLabel =
+    pageTitle || sourceUrl || t("bugReportRoute.sourceUnknown");
+
+  const startRecording = () => {
+    const context: BugReportContext = {
+      projectId: initialContext?.projectId ?? null,
+      title: title.trim() || initialContext?.title || null,
+      description: description.trim() || initialContext?.description || null,
+      severity,
+      sourceUrl,
+      pageTitle,
+      appVersion: initialContext?.appVersion ?? null,
+      environment: initialContext?.environment ?? null,
+      reporterEmail:
+        reporterEmail.trim() || initialContext?.reporterEmail || null,
+      reporterName: initialContext?.reporterName ?? null,
+      reporterId: initialContext?.reporterId ?? null,
+      metadata: initialContext?.metadata ?? null,
+      returnUrl: initialContext?.returnUrl ?? sourceUrl,
+    };
+    const params = bugReportContextToSearchParams(context);
+    params.set("intent", "bug-report");
+    params.set("mode", "screen");
+    params.set("surface", "browser");
+    const recorderWindow = openRecorder(
+      `${appBasePath()}/record?${params.toString()}`,
+    );
+    onRecorderOpened?.(recorderWindow);
+    onRecordingStarted?.();
+  };
+
+  return (
+    <div className={cn("space-y-4", className)}>
+      <div className="mb-5 flex items-start gap-3">
+        <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground">
+          <IconBug size={20} />
+        </div>
+        <div className="min-w-0">
+          <h2 className="text-xl font-semibold leading-tight">
+            {t("bugReportRoute.title")}
+          </h2>
+          <p className="mt-2 text-sm leading-6 text-muted-foreground">
+            {t("bugReportRoute.description")}
+          </p>
+        </div>
+      </div>
+
+      <div className="space-y-4">
+        <div className="space-y-2">
+          <Label htmlFor="bug-title">
+            {t("bugReportRoute.issueTitleLabel")}
+          </Label>
+          <Input
+            id="bug-title"
+            value={title}
+            onChange={(event) => setTitle(event.target.value)}
+            placeholder={t("bugReportRoute.issueTitlePlaceholder")}
+          />
+        </div>
+
+        <div className="space-y-2">
+          <Label htmlFor="bug-details">
+            {t("bugReportRoute.detailsLabel")}
+          </Label>
+          <Textarea
+            id="bug-details"
+            value={description}
+            onChange={(event) => setDescription(event.target.value)}
+            placeholder={t("bugReportRoute.detailsPlaceholder")}
+            className="min-h-24 resize-none"
+          />
+        </div>
+
+        <div className="grid gap-4 sm:grid-cols-[1fr_180px]">
+          <div className="space-y-2">
+            <Label htmlFor="bug-email">{t("bugReportRoute.emailLabel")}</Label>
+            <Input
+              id="bug-email"
+              type="email"
+              value={reporterEmail}
+              onChange={(event) => setReporterEmail(event.target.value)}
+              placeholder={t("bugReportRoute.emailPlaceholder")}
+            />
+          </div>
+          <div className="space-y-2">
+            <Label>{t("bugReportRoute.severityLabel")}</Label>
+            <Select
+              value={severity}
+              onValueChange={(value) => setSeverity(value as BugReportSeverity)}
+            >
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="low">
+                  {t("bugReportRoute.severityLow")}
+                </SelectItem>
+                <SelectItem value="normal">
+                  {t("bugReportRoute.severityNormal")}
+                </SelectItem>
+                <SelectItem value="high">
+                  {t("bugReportRoute.severityHigh")}
+                </SelectItem>
+                <SelectItem value="urgent">
+                  {t("bugReportRoute.severityUrgent")}
+                </SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+
+        <div className="rounded-md border bg-muted/40 px-3 py-2">
+          <p className="text-xs font-medium text-muted-foreground">
+            {t("bugReportRoute.sourceLabel")}
+          </p>
+          <p
+            className={cn(
+              "mt-1 truncate text-sm",
+              !sourceUrl && "text-muted-foreground",
+            )}
+          >
+            {sourceLabel}
+          </p>
+        </div>
+
+        <Button className="h-11 w-full" onClick={startRecording}>
+          {t("bugReportRoute.startRecording")}
+        </Button>
+      </div>
+
+      <div className="mt-5 flex items-start gap-2 rounded-md bg-muted/50 p-3 text-xs leading-5 text-muted-foreground">
+        <IconShieldCheck size={16} className="mt-0.5 shrink-0" />
+        <p>{t("bugReportRoute.privacyNote")}</p>
+      </div>
+    </div>
+  );
+}