@agent-native/core 0.122.4 → 0.123.0

package/corpus/templates/assets/app/components/library/CreateLibraryDialog.tsx

@@ -1,156 +0,0 @@
-import {
-  useActionMutation,
-  useActionQuery,
-} from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import { useState } from "react";
-import { toast } from "sonner";
-
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Separator } from "@/components/ui/separator";
-import { Textarea } from "@/components/ui/textarea";
-
-import type { LibraryPreset } from "../../../shared/library-presets";
-import { LibraryPresetGrid } from "./LibraryPresetGrid";
-
-export function CreateLibraryDialog({
-  open,
-  onOpenChange,
-  onCreated,
-}: {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onCreated?: (library: any) => void;
-}) {
-  const t = useT();
-  const createLibrary = useActionMutation("create-library");
-  const createFromPreset = useActionMutation("create-library-from-preset");
-  const { data: presetData } = useActionQuery("list-library-presets", {});
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [customInstructions, setCustomInstructions] = useState("");
-  const [creatingPresetId, setCreatingPresetId] = useState<string | null>(null);
-  const presets = ((presetData as any)?.presets ?? []) as LibraryPreset[];
-
-  function submit() {
-    if (!title.trim()) return;
-    createLibrary.mutate(
-      {
-        title: title.trim(),
-        description: description.trim() || undefined,
-        customInstructions: customInstructions.trim() || undefined,
-      },
-      {
-        onSuccess: (library: any) => {
-          onOpenChange(false);
-          setTitle("");
-          setDescription("");
-          setCustomInstructions("");
-          onCreated?.(library);
-        },
-      },
-    );
-  }
-
-  function createPresetLibrary(presetId: string) {
-    setCreatingPresetId(presetId);
-    createFromPreset.mutate(
-      { presetId },
-      {
-        onSuccess: (library: any) => {
-          setCreatingPresetId(null);
-          onOpenChange(false);
-          onCreated?.(library);
-        },
-        onError: (error: Error) => {
-          setCreatingPresetId(null);
-          toast.error(error.message || t("brandKits.presetCreateFailed"));
-        },
-      },
-    );
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-h-[calc(100vh-2rem)] overflow-y-auto sm:max-w-3xl">
-        <DialogHeader>
-          <DialogTitle>{t("brandKits.createDialogTitle")}</DialogTitle>
-          <DialogDescription>
-            {t("brandKits.createDialogDescription")}
-          </DialogDescription>
-        </DialogHeader>
-        <div className="space-y-5">
-          <div className="space-y-3">
-            <div>
-              <h3 className="text-sm font-medium">
-                {t("brandKits.startFromPreset")}
-              </h3>
-              <p className="mt-1 text-xs leading-relaxed text-muted-foreground">
-                {t("brandKits.startFromPresetDescription")}
-              </p>
-            </div>
-            <LibraryPresetGrid
-              presets={presets}
-              creatingId={creatingPresetId}
-              onCreate={createPresetLibrary}
-              compact
-            />
-          </div>
-
-          <Separator />
-
-          <div className="space-y-2">
-            <Label htmlFor="library-title">{t("brandKitDetail.name")}</Label>
-            <Input
-              id="library-title"
-              value={title}
-              onChange={(event) => setTitle(event.target.value)}
-              placeholder={t("brandKits.titlePlaceholder")}
-            />
-          </div>
-          <div className="space-y-2">
-            <Label htmlFor="library-description">
-              {t("assetDetail.description")}
-            </Label>
-            <Textarea
-              id="library-description"
-              value={description}
-              onChange={(event) => setDescription(event.target.value)}
-              placeholder={t("brandKits.descriptionPlaceholder")}
-            />
-          </div>
-          <div className="space-y-2">
-            <Label htmlFor="library-instructions">
-              {t("brandKitDetail.customInstructions")}
-            </Label>
-            <Textarea
-              id="library-instructions"
-              value={customInstructions}
-              onChange={(event) => setCustomInstructions(event.target.value)}
-              placeholder={t("brandKits.instructionsPlaceholder")}
-              className="min-h-24"
-            />
-          </div>
-        </div>
-        <DialogFooter>
-          <Button variant="outline" onClick={() => onOpenChange(false)}>
-            {t("brandKitDetail.cancel")}
-          </Button>
-          <Button onClick={submit} disabled={!title.trim()}>
-            {t("brandKitDetail.create")}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/corpus/templates/assets/app/components/library/LibraryCard.tsx

@@ -1,213 +0,0 @@
-import { useT } from "@agent-native/core/client/i18n";
-import {
-  IconCopy,
-  IconDots,
-  IconLibraryPhoto,
-  IconPencil,
-} from "@tabler/icons-react";
-import { Link } from "react-router";
-
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { assetMediaUrl } from "@/lib/asset-urls";
-import {
-  getLibraryCustomInstructions,
-  type ImageLibrarySummary,
-} from "@/lib/libraries";
-import { cn } from "@/lib/utils";
-
-export function LibraryCard({
-  library,
-  to,
-  selected,
-  onClick,
-  onEdit,
-  onDuplicate,
-  duplicatePending = false,
-  compact = false,
-  showInstructions = !compact,
-}: {
-  library: ImageLibrarySummary;
-  to?: string;
-  selected?: boolean;
-  onClick?: () => void;
-  onEdit?: () => void;
-  onDuplicate?: () => void;
-  duplicatePending?: boolean;
-  compact?: boolean;
-  showInstructions?: boolean;
-}) {
-  const t = useT();
-  const instructions = getLibraryCustomInstructions(library);
-  const previewAssets = (
-    library.previewAssets?.length
-      ? library.previewAssets
-      : library.coverAsset
-        ? [library.coverAsset]
-        : []
-  )
-    .slice(0, 4)
-    .map((asset) => ({
-      ...asset,
-      src: assetMediaUrl(asset.thumbnailUrl ?? asset.previewUrl),
-    }))
-    .filter((asset) => Boolean(asset.src));
-  const className = cn(
-    "group flex h-full w-full min-w-0 flex-col overflow-hidden rounded-lg border bg-card text-left text-card-foreground transition hover:border-foreground/30",
-    compact ? "min-h-0" : "min-h-32",
-    selected && "border-foreground/40 ring-2 ring-ring/20",
-  );
-
-  const body = (
-    <>
-      <div
-        className={cn(
-          "relative flex items-center justify-center overflow-hidden bg-muted",
-          compact ? "aspect-[16/8]" : "aspect-[16/9]",
-        )}
-      >
-        {previewAssets.length ? (
-          <div
-            className={cn(
-              "absolute inset-0 grid gap-px bg-border",
-              previewAssets.length === 1 ? "grid-cols-1" : "grid-cols-2",
-              previewAssets.length <= 2 ? "grid-rows-1" : "grid-rows-2",
-            )}
-          >
-            {previewAssets.map((asset, index) => (
-              <div
-                key={asset.id}
-                className={cn(
-                  "min-h-0 min-w-0 overflow-hidden",
-                  previewAssets.length === 3 && index === 0 && "row-span-2",
-                )}
-              >
-                <img
-                  src={asset.src}
-                  alt={asset.altText ?? asset.title ?? ""}
-                  onError={(event) => {
-                    event.currentTarget.hidden = true;
-                  }}
-                  className="h-full w-full object-cover transition group-hover:scale-[1.02]"
-                />
-              </div>
-            ))}
-          </div>
-        ) : (
-          <IconLibraryPhoto className="h-8 w-8 text-muted-foreground" />
-        )}
-      </div>
-      <div
-        className={cn(
-          "flex min-w-0 flex-1 flex-col",
-          compact ? "gap-2 p-3" : "gap-3 p-4",
-        )}
-      >
-        <div className="min-w-0">
-          <div className="truncate text-sm font-semibold text-foreground">
-            {library.title}
-          </div>
-          {!compact ? (
-            <p className="mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground">
-              {library.description || t("brandKits.noDescriptionYet")}
-            </p>
-          ) : null}
-        </div>
-        {showInstructions && instructions ? (
-          <div className="rounded-md border bg-muted/30 px-3 py-2">
-            <div className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
-              {t("brandKits.instructions")}
-            </div>
-            <p className="mt-1 line-clamp-2 text-xs leading-relaxed text-muted-foreground">
-              {instructions}
-            </p>
-          </div>
-        ) : null}
-        <div className="mt-auto flex flex-wrap items-center gap-2">
-          <Badge variant="secondary">
-            {t("brandKits.refsCount", { count: library.referenceCount ?? 0 })}
-          </Badge>
-          <Badge variant="outline">
-            {t("brandKits.assetsCount", {
-              count: library.generatedCount ?? 0,
-            })}
-          </Badge>
-          {(library as any).videoCount ? (
-            <Badge variant="outline">
-              {t("brandKits.videosCount", {
-                count: (library as any).videoCount,
-              })}
-            </Badge>
-          ) : null}
-        </div>
-      </div>
-    </>
-  );
-
-  const editAffordance =
-    onEdit || onDuplicate ? (
-      <div className="absolute right-2 top-2 z-10">
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button
-              type="button"
-              variant="secondary"
-              size="icon"
-              className="h-8 w-8 shadow-sm opacity-100 sm:opacity-0 sm:group-hover:opacity-100 sm:focus-visible:opacity-100 data-[state=open]:opacity-100"
-              aria-label={t("brandKitDetail.brandKitActions")}
-            >
-              <IconDots className="h-4 w-4" />
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end">
-            {onEdit ? (
-              <DropdownMenuItem onSelect={() => onEdit()}>
-                <IconPencil className="mr-2 h-4 w-4 shrink-0" />
-                {t("brandKitDetail.editBrandKit")}
-              </DropdownMenuItem>
-            ) : null}
-            {onDuplicate ? (
-              <DropdownMenuItem
-                disabled={duplicatePending}
-                onSelect={(event) => {
-                  event.preventDefault();
-                  onDuplicate();
-                }}
-              >
-                <IconCopy className="mr-2 h-4 w-4 shrink-0" />
-                {duplicatePending
-                  ? t("brandKitDetail.duplicating")
-                  : t("brandKitDetail.duplicate")}
-              </DropdownMenuItem>
-            ) : null}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </div>
-    ) : null;
-
-  if (to) {
-    return (
-      <div className="relative h-full w-full min-w-0">
-        <Link to={to} className={className}>
-          {body}
-        </Link>
-        {editAffordance}
-      </div>
-    );
-  }
-
-  return (
-    <div className="relative h-full w-full min-w-0">
-      <button type="button" onClick={onClick} className={className}>
-        {body}
-      </button>
-      {editAffordance}
-    </div>
-  );
-}

package/corpus/templates/calendar/app/components/calendar/GoogleSyncButton.tsx

@@ -1,49 +0,0 @@
-import { useT } from "@agent-native/core/client/i18n";
-import { IconRefresh } from "@tabler/icons-react";
-import { useState } from "react";
-import { toast } from "sonner";
-
-import { Button } from "@/components/ui/button";
-import { useSyncGoogle } from "@/hooks/use-google-auth";
-import { cn } from "@/lib/utils";
-
-export function GoogleSyncButton() {
-  const t = useT();
-  const syncGoogle = useSyncGoogle();
-  const [lastResult, setLastResult] = useState<string | null>(null);
-
-  function handleSync() {
-    syncGoogle.mutate(undefined, {
-      onSuccess: (data: any) => {
-        const count = data?.synced ?? 0;
-        setLastResult(t("googleSync.syncedCount", { count }));
-        toast.success(t("googleSync.syncedFromGoogleCalendar", { count }));
-      },
-      onError: () => {
-        toast.error(t("googleSync.failed"));
-      },
-    });
-  }
-
-  return (
-    <div className="flex items-center gap-2">
-      <Button
-        variant="outline"
-        size="sm"
-        onClick={handleSync}
-        disabled={syncGoogle.isPending}
-      >
-        <IconRefresh
-          className={cn(
-            "mr-1.5 h-3.5 w-3.5",
-            syncGoogle.isPending && "animate-spin",
-          )}
-        />
-        {t("googleSync.syncGoogle")}
-      </Button>
-      {lastResult && (
-        <span className="text-xs text-muted-foreground">{lastResult}</span>
-      )}
-    </div>
-  );
-}

package/corpus/templates/calendar/server/routes/api/events/[id].delete.ts

@@ -1 +0,0 @@
-export { deleteEvent as default } from "../../../handlers/events";

package/corpus/templates/calendar/server/routes/api/events/[id].get.ts

@@ -1 +0,0 @@
-export { getEvent as default } from "../../../handlers/events";

package/corpus/templates/calendar/server/routes/api/events/[id].put.ts

@@ -1 +0,0 @@
-export { updateEvent as default } from "../../../handlers/events";

package/corpus/templates/content/app/components/layout/AppLayout.tsx

@@ -1,9 +0,0 @@
-import { Layout } from "./Layout";
-
-/**
- * Backwards-compatible alias. The canonical layout is now `Layout` —
- * AppLayout re-exports it so older imports keep working.
- */
-export function AppLayout({ children }: { children: React.ReactNode }) {
-  return <Layout>{children}</Layout>;
-}

package/corpus/templates/content/server/routes/api/comments/[id].delete.ts

@@ -1,69 +0,0 @@
-import { getSession, runWithRequestContext } from "@agent-native/core/server";
-import { assertAccess, ForbiddenError } from "@agent-native/core/sharing";
-import { and, eq } from "drizzle-orm";
-import { defineEventHandler, setResponseStatus, getRouterParam } from "h3";
-
-import { getDb, schema } from "../../../db/index.js";
-
-/**
- * DELETE /api/comments/:id
- * Delete a single comment.
- */
-export default defineEventHandler(async (event) => {
-  const id = getRouterParam(event, "id");
-  if (!id) {
-    setResponseStatus(event, 400);
-    return { error: "id required" };
-  }
-
-  const session = await getSession(event).catch(() => null);
-  if (!session?.email) {
-    setResponseStatus(event, 401);
-    return { error: "Unauthenticated" };
-  }
-
-  return runWithRequestContext(
-    { userEmail: session.email, orgId: session.orgId },
-    async () => {
-      const db = getDb();
-      const [comment] = await db
-        .select({
-          documentId: schema.documentComments.documentId,
-          authorEmail: schema.documentComments.authorEmail,
-        })
-        .from(schema.documentComments)
-        .where(eq(schema.documentComments.id, id))
-        .limit(1);
-
-      if (!comment) {
-        setResponseStatus(event, 404);
-        return { error: "Comment not found" };
-      }
-
-      try {
-        if (comment.authorEmail === session.email) {
-          await assertAccess("document", comment.documentId, "viewer");
-        } else {
-          await assertAccess("document", comment.documentId, "editor");
-        }
-      } catch (err) {
-        if (err instanceof ForbiddenError) {
-          setResponseStatus(event, 404);
-          return { error: "Comment not found" };
-        }
-        throw err;
-      }
-
-      await db
-        .delete(schema.documentComments)
-        .where(
-          and(
-            eq(schema.documentComments.id, id),
-            eq(schema.documentComments.documentId, comment.documentId),
-          ),
-        );
-
-      return { ok: true };
-    },
-  );
-});

package/corpus/templates/content/server/routes/api/comments/[id].patch.ts

@@ -1,109 +0,0 @@
-import {
-  getSession,
-  readBody,
-  runWithRequestContext,
-} from "@agent-native/core/server";
-import { assertAccess, ForbiddenError } from "@agent-native/core/sharing";
-import { and, eq } from "drizzle-orm";
-import { defineEventHandler, setResponseStatus, getRouterParam } from "h3";
-
-import { getDb, schema } from "../../../db/index.js";
-
-/**
- * PATCH /api/comments/:id
- * Update a comment (resolve, edit content).
- */
-export default defineEventHandler(async (event) => {
-  const id = getRouterParam(event, "id");
-  if (!id) {
-    setResponseStatus(event, 400);
-    return { error: "id required" };
-  }
-
-  const body = await readBody(event);
-  const { content, resolved } = body as {
-    content?: string;
-    resolved?: boolean;
-  };
-
-  const session = await getSession(event).catch(() => null);
-  if (!session?.email) {
-    setResponseStatus(event, 401);
-    return { error: "Unauthenticated" };
-  }
-
-  return runWithRequestContext(
-    { userEmail: session.email, orgId: session.orgId },
-    async () => {
-      const db = getDb();
-      const [comment] = await db
-        .select({
-          documentId: schema.documentComments.documentId,
-          threadId: schema.documentComments.threadId,
-          authorEmail: schema.documentComments.authorEmail,
-        })
-        .from(schema.documentComments)
-        .where(eq(schema.documentComments.id, id))
-        .limit(1);
-
-      if (!comment) {
-        setResponseStatus(event, 404);
-        return { error: "Comment not found" };
-      }
-
-      try {
-        // Resolving or reopening changes state for the whole thread (every
-        // author's comments), not just the caller's own row, so it always
-        // requires editor access — matching the update-comment action.
-        if (
-          resolved === true ||
-          resolved === false ||
-          comment.authorEmail !== session.email
-        ) {
-          await assertAccess("document", comment.documentId, "editor");
-        } else {
-          await assertAccess("document", comment.documentId, "viewer");
-        }
-      } catch (err) {
-        if (err instanceof ForbiddenError) {
-          setResponseStatus(event, 404);
-          return { error: "Comment not found" };
-        }
-        throw err;
-      }
-
-      const updatedAt = new Date().toISOString();
-
-      if (resolved === true || resolved === false) {
-        // Resolving or reopening applies to every comment in the thread, not
-        // just the target row — matching the update-comment action.
-        await db
-          .update(schema.documentComments)
-          .set({ resolved: resolved ? 1 : 0, updatedAt })
-          .where(
-            and(
-              eq(schema.documentComments.documentId, comment.documentId),
-              eq(schema.documentComments.threadId, comment.threadId),
-            ),
-          );
-        return { ok: true, resolved };
-      }
-
-      if (content === undefined) {
-        return { ok: true };
-      }
-
-      await db
-        .update(schema.documentComments)
-        .set({ content, updatedAt })
-        .where(
-          and(
-            eq(schema.documentComments.id, id),
-            eq(schema.documentComments.documentId, comment.documentId),
-          ),
-        );
-
-      return { ok: true };
-    },
-  );
-});

package/corpus/templates/content/server/routes/api/documents/[id]/versions.get.ts

@@ -1,53 +0,0 @@
-import { getSession, runWithRequestContext } from "@agent-native/core/server";
-import { assertAccess } from "@agent-native/core/sharing";
-import { and, desc, eq } from "drizzle-orm";
-import { defineEventHandler, createError } from "h3";
-
-import { getDb } from "../../../../db/index.js";
-import { schema } from "../../../../db/index.js";
-
-export default defineEventHandler(async (event) => {
-  const id = event.context.params!.id;
-  const session = await getSession(event).catch(() => null);
-  if (!session?.email) {
-    throw createError({ statusCode: 401, statusMessage: "Unauthenticated" });
-  }
-
-  return runWithRequestContext(
-    { userEmail: session.email, orgId: session.orgId },
-    async () => {
-      const access = await assertAccess("document", id, "viewer").catch(
-        () => null,
-      );
-      if (!access) {
-        throw createError({
-          statusCode: 404,
-          statusMessage: "Document not found",
-        });
-      }
-      const ownerEmail = access.resource.ownerEmail as string;
-      const db = getDb();
-
-      const versions = await db
-        .select()
-        .from(schema.documentVersions)
-        .where(
-          and(
-            eq(schema.documentVersions.documentId, id),
-            eq(schema.documentVersions.ownerEmail, ownerEmail),
-          ),
-        )
-        .orderBy(desc(schema.documentVersions.createdAt));
-
-      return {
-        versions: versions.map((v) => ({
-          id: v.id,
-          documentId: v.documentId,
-          title: v.title,
-          content: v.content,
-          createdAt: v.createdAt,
-        })),
-      };
-    },
-  );
-});