@agent-native/core 0.122.3 → 0.123.0

package/corpus/templates/design/app/components/design/code-workbench/ActivityBar.tsx

@@ -1,85 +0,0 @@
-import { IconFiles, IconSearch } from "@tabler/icons-react";
-
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { cn } from "@/lib/utils";
-
-import { formatKeybinding } from "./commands";
-import { useWorkbench, type SideView } from "./store";
-
-interface ActivityBarItem {
-  view: SideView;
-  icon: typeof IconFiles;
-  label: string;
-  keybinding: string;
-}
-
-const ITEMS: ActivityBarItem[] = [
-  {
-    view: "explorer",
-    icon: IconFiles,
-    label: "Explorer" /* i18n-ignore */,
-    keybinding: "$mod+shift+e",
-  },
-  {
-    view: "search",
-    icon: IconSearch,
-    label: "Search" /* i18n-ignore */,
-    keybinding: "$mod+shift+f",
-  },
-];
-
-/**
- * 40px vertical activity rail. Clicking the active view's icon toggles the
- * sidebar closed (VS Code behavior); clicking an inactive view switches to
- * it and ensures the sidebar is visible.
- */
-export function ActivityBar() {
-  const { state, api } = useWorkbench();
-
-  return (
-    <div
-      data-testid="workbench-activity-bar"
-      className="flex w-10 shrink-0 flex-col items-center gap-1 border-r border-[var(--workbench-border)] bg-[var(--workbench-activitybar-bg,var(--workbench-surface-bg))] py-1.5"
-    >
-      {ITEMS.map((item) => {
-        const isActive = state.sideView === item.view && state.sidebarVisible;
-        const Icon = item.icon;
-        return (
-          <Tooltip key={item.view}>
-            <TooltipTrigger asChild>
-              <button
-                type="button"
-                aria-label={item.label}
-                aria-pressed={isActive}
-                className={cn(
-                  "relative flex h-9 w-9 cursor-pointer items-center justify-center rounded-[5px] text-[var(--workbench-muted-fg)] outline-none transition-colors",
-                  "hover:text-[var(--workbench-fg)] focus-visible:ring-1 focus-visible:ring-[var(--workbench-accent)]",
-                  isActive && "text-[var(--workbench-accent)]",
-                )}
-                onClick={() => {
-                  if (state.sideView === item.view && state.sidebarVisible) {
-                    api.toggleSidebar();
-                    return;
-                  }
-                  api.setSideView(item.view);
-                }}
-              >
-                {isActive ? (
-                  <span className="absolute left-0 top-1/2 h-5 w-[2px] -translate-y-1/2 rounded-full bg-[var(--workbench-accent)]" />
-                ) : null}
-                <Icon className="size-[18px]" />
-              </button>
-            </TooltipTrigger>
-            <TooltipContent side="right">
-              {item.label} {formatKeybinding(item.keybinding)}
-            </TooltipContent>
-          </Tooltip>
-        );
-      })}
-    </div>
-  );
-}

package/corpus/templates/design/app/components/design-system/DesignSystemCard.tsx

@@ -1,129 +0,0 @@
-import { IconPalette, IconStar, IconStarFilled } from "@tabler/icons-react";
-
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-
-import type { DesignSystemData } from "../../../shared/api";
-
-interface DesignSystemCardProps {
-  id: string;
-  title: string;
-  data: DesignSystemData;
-  isDefault: boolean;
-  onClick: () => void;
-  onSetDefault: () => void;
-}
-
-export function DesignSystemCard({
-  id,
-  title,
-  data,
-  isDefault,
-  onClick,
-  onSetDefault,
-}: DesignSystemCardProps) {
-  const swatchColors = [
-    { label: "Primary", color: data.colors.primary },
-    { label: "Secondary", color: data.colors.secondary },
-    { label: "Accent", color: data.colors.accent },
-    { label: "Background", color: data.colors.background },
-    { label: "Text", color: data.colors.text },
-  ];
-
-  return (
-    <div
-      className="group relative rounded-xl border border-border bg-card hover:border-border overflow-hidden cursor-pointer"
-      onClick={onClick}
-    >
-      <div
-        className="aspect-video p-5 flex flex-col justify-between"
-        style={{ background: data.colors.background }}
-      >
-        <div className="flex items-center gap-2">
-          {swatchColors.map((s) => (
-            <div
-              key={s.label}
-              className="w-6 h-6 rounded-full border border-border shrink-0"
-              style={{ background: s.color }}
-              title={s.label}
-            />
-          ))}
-        </div>
-
-        <div className="mt-auto">
-          <div
-            style={{
-              fontFamily: `'${data.typography.headingFont}', sans-serif`,
-              fontWeight: data.typography.headingWeight,
-              fontSize: "18px",
-              color: data.colors.text,
-              lineHeight: 1.2,
-            }}
-          >
-            Heading
-          </div>
-          <div
-            style={{
-              fontFamily: `'${data.typography.bodyFont}', sans-serif`,
-              fontWeight: data.typography.bodyWeight,
-              fontSize: "12px",
-              color: data.colors.textMuted,
-              marginTop: "4px",
-            }}
-          >
-            Body text in {data.typography.bodyFont}
-          </div>
-        </div>
-      </div>
-
-      <div className="p-4 flex items-start justify-between gap-2">
-        <div className="min-w-0">
-          <div className="flex items-center gap-2">
-            <IconPalette className="w-3.5 h-3.5 text-muted-foreground/70 shrink-0" />
-            <h3 className="font-medium text-sm text-foreground truncate">
-              {title}
-            </h3>
-          </div>
-          <div className="text-xs text-muted-foreground/70 mt-1 flex items-center gap-2">
-            <span>{data.typography.headingFont}</span>
-            {data.typography.headingFont !== data.typography.bodyFont && (
-              <>
-                <span className="text-muted-foreground/40">|</span>
-                <span>{data.typography.bodyFont}</span>
-              </>
-            )}
-          </div>
-          {isDefault && (
-            <span className="inline-block mt-2 text-[10px] font-medium uppercase tracking-wider text-[#609FF8] bg-[#609FF8]/10 px-2 py-0.5 rounded">
-              Default
-            </span>
-          )}
-        </div>
-
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <button
-              onClick={(e) => {
-                e.stopPropagation();
-                onSetDefault();
-              }}
-              className="shrink-0 p-1 rounded hover:bg-accent cursor-pointer"
-            >
-              {isDefault ? (
-                <IconStarFilled className="w-4 h-4 text-[#609FF8]" />
-              ) : (
-                <IconStar className="w-4 h-4 text-muted-foreground/60 group-hover:text-muted-foreground" />
-              )}
-            </button>
-          </TooltipTrigger>
-          <TooltipContent>
-            {isDefault ? "Default design system" : "Set as default"}
-          </TooltipContent>
-        </Tooltip>
-      </div>
-    </div>
-  );
-}

package/corpus/templates/forms/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/mail/app/components/email/SnoozePopover.tsx

@@ -1,213 +0,0 @@
-import { useT } from "@agent-native/core/client/i18n";
-import { IconAlarm } from "@tabler/icons-react";
-import { useState, useEffect, useRef } from "react";
-import { toast } from "sonner";
-
-import { Button } from "@/components/ui/button";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { useParseDate, useSnoozeEmail } from "@/hooks/use-scheduled-jobs";
-import { cn } from "@/lib/utils";
-
-interface SnoozePopoverProps {
-  emailId: string;
-  onSnoozed?: () => void;
-  onArchive?: (emailId: string) => void;
-  children: React.ReactNode; // trigger element
-}
-
-// Compute preset snooze times
-function getPresets(): Array<{ labelKey: string; date: Date }> {
-  const now = new Date();
-  const presets: Array<{ labelKey: string; date: Date }> = [];
-
-  // Later today: now + 4 hours, or 6pm if past that
-  const laterToday = new Date(now);
-  laterToday.setHours(Math.max(now.getHours() + 4, 18), 0, 0, 0);
-  if (laterToday.getDate() === now.getDate()) {
-    presets.push({ labelKey: "mail.snooze.laterToday", date: laterToday });
-  }
-
-  // Tomorrow morning: 8am
-  const tomorrow = new Date(now);
-  tomorrow.setDate(tomorrow.getDate() + 1);
-  tomorrow.setHours(8, 0, 0, 0);
-  presets.push({ labelKey: "mail.snooze.tomorrow", date: tomorrow });
-
-  // This weekend: Saturday 8am (or next Saturday)
-  const weekend = new Date(now);
-  const daysUntilSat = (6 - now.getDay() + 7) % 7 || 7;
-  weekend.setDate(now.getDate() + daysUntilSat);
-  weekend.setHours(8, 0, 0, 0);
-  presets.push({ labelKey: "mail.snooze.thisWeekend", date: weekend });
-
-  // Next week: Monday 8am
-  const nextWeek = new Date(now);
-  const daysUntilMon = (1 - now.getDay() + 7) % 7 || 7;
-  nextWeek.setDate(now.getDate() + daysUntilMon);
-  nextWeek.setHours(8, 0, 0, 0);
-  presets.push({ labelKey: "mail.snooze.nextWeek", date: nextWeek });
-
-  return presets;
-}
-
-function formatDate(date: Date): string {
-  return date.toLocaleString("en-US", {
-    weekday: "short",
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-  });
-}
-
-export function SnoozePopover({
-  emailId,
-  onSnoozed,
-  onArchive,
-  children,
-}: SnoozePopoverProps) {
-  const t = useT();
-  const [open, setOpen] = useState(false);
-  const [nlInput, setNlInput] = useState("");
-  const [selectedDate, setSelectedDate] = useState<Date | null>(null);
-  const [parsedFormatted, setParsedFormatted] = useState<string | null>(null);
-  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-
-  const snoozeEmail = useSnoozeEmail();
-  const parseDate = useParseDate();
-  const presets = getPresets();
-
-  // Debounce NL date parsing
-  useEffect(() => {
-    if (!nlInput.trim()) {
-      setSelectedDate(null);
-      setParsedFormatted(null);
-
-      return;
-    }
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(async () => {
-      const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
-      const result = await parseDate
-        .mutateAsync({ nlInput, timezone: tz })
-        .catch(() => null);
-      if (!result || !result.timestamp) {
-        setSelectedDate(null);
-        setParsedFormatted(null);
-      } else {
-        setSelectedDate(new Date(result.timestamp));
-        setParsedFormatted(result.formatted);
-      }
-    }, 200);
-    return () => {
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-    };
-  }, [nlInput]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  const handlePreset = (date: Date) => {
-    setSelectedDate(date);
-    setParsedFormatted(null);
-    setNlInput("");
-  };
-
-  const handleSnooze = () => {
-    if (!selectedDate) return;
-    const runAt = selectedDate.getTime();
-
-    // Optimistic: close immediately
-    onArchive?.(emailId);
-    onSnoozed?.();
-    setOpen(false);
-    setNlInput("");
-    setSelectedDate(null);
-
-    // Fire API in background
-    snoozeEmail
-      .mutateAsync({ emailId, runAt })
-      .catch((err: any) =>
-        toast.error(err?.message || t("mail.toasts.couldNotSnooze")),
-      );
-  };
-
-  const displayDate = selectedDate
-    ? parsedFormatted || formatDate(selectedDate)
-    : null;
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>{children}</PopoverTrigger>
-      <PopoverContent className="w-72 p-3" align="end">
-        <div className="space-y-3">
-          <div className="text-xs font-medium text-muted-foreground uppercase tracking-wide">
-            {t("mail.snooze.snoozeUntil")}
-          </div>
-
-          {/* Preset chips */}
-          <div className="grid grid-cols-2 gap-1.5">
-            {presets.map((preset) => (
-              <button
-                key={preset.labelKey}
-                onClick={() => handlePreset(preset.date)}
-                className={cn(
-                  "text-left px-2.5 py-1.5 rounded-md text-xs transition-colors",
-                  "hover:bg-accent hover:text-accent-foreground",
-                  selectedDate?.getTime() === preset.date.getTime() && !nlInput
-                    ? "bg-accent text-accent-foreground font-medium"
-                    : "text-foreground/80",
-                )}
-              >
-                <div className="font-medium">{t(preset.labelKey)}</div>
-                <div className="text-muted-foreground text-[10px]">
-                  {formatDate(preset.date)}
-                </div>
-              </button>
-            ))}
-          </div>
-
-          {/* NL input */}
-          <div className="space-y-1">
-            <input
-              type="text"
-              value={nlInput}
-              onChange={(e) => setNlInput(e.target.value)}
-              placeholder={t("mail.snooze.tryPlaceholder")}
-              className="w-full text-xs px-2.5 py-1.5 rounded-md border border-input bg-background placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring/30"
-            />
-            {nlInput && displayDate && (
-              <div className="text-[11px] px-1 text-muted-foreground">
-                {t("mail.snooze.snoozeUntilDate", { date: displayDate })}
-              </div>
-            )}
-            {nlInput && !displayDate && parseDate.isPending && (
-              <div className="text-[11px] px-1 text-muted-foreground">
-                {t("mail.snooze.parsing")}
-              </div>
-            )}
-          </div>
-
-          {/* Confirm button */}
-          <Button
-            size="sm"
-            className="w-full"
-            disabled={!selectedDate || snoozeEmail.isPending}
-            onClick={handleSnooze}
-          >
-            <IconAlarm className="h-3.5 w-3.5 mr-1.5" />
-            {snoozeEmail.isPending
-              ? t("mail.snooze.snoozing")
-              : t("mail.snooze.snooze")}
-            {displayDate && !snoozeEmail.isPending && (
-              <span className="ml-1 opacity-60 truncate max-w-[120px]">
-                · {displayDate}
-              </span>
-            )}
-          </Button>
-        </div>
-      </PopoverContent>
-    </Popover>
-  );
-}

package/corpus/templates/mail/server/handlers/aliases.ts

@@ -1,98 +0,0 @@
-import { readBody, getSession } from "@agent-native/core/server";
-import { getUserSetting, putUserSetting } from "@agent-native/core/settings";
-import type { Alias } from "@shared/types.js";
-import {
-  defineEventHandler,
-  getRouterParam,
-  setResponseStatus,
-  type H3Event,
-} from "h3";
-import { nanoid } from "nanoid";
-
-async function uEmail(event: H3Event): Promise<string> {
-  const session = await getSession(event);
-  if (!session?.email) {
-    const { createError } = await import("h3");
-    throw createError({ statusCode: 401, statusMessage: "Unauthenticated" });
-  }
-  return session.email;
-}
-
-async function readAliases(email: string): Promise<Alias[]> {
-  const data = await getUserSetting(email, "aliases");
-  if (data && Array.isArray((data as any).aliases)) {
-    return (data as any).aliases;
-  }
-  return [];
-}
-
-async function writeAliases(email: string, aliases: Alias[]): Promise<void> {
-  await putUserSetting(email, "aliases", { aliases });
-}
-
-export const listAliases = defineEventHandler(async (event: H3Event) => {
-  const email = await uEmail(event);
-  return readAliases(email);
-});
-
-export const createAlias = defineEventHandler(async (event: H3Event) => {
-  const email = await uEmail(event);
-  const { name, emails } = (await readBody(event)) as {
-    name: string;
-    emails: string[];
-  };
-  if (!name?.trim() || !Array.isArray(emails) || emails.length === 0) {
-    setResponseStatus(event, 400);
-    return { error: "name and emails are required" };
-  }
-  const aliases = await readAliases(email);
-  const now = new Date().toISOString();
-  const alias: Alias = {
-    id: nanoid(10),
-    name: name.trim(),
-    emails,
-    createdAt: now,
-    updatedAt: now,
-  };
-  aliases.push(alias);
-  await writeAliases(email, aliases);
-  setResponseStatus(event, 201);
-  return alias;
-});
-
-export const updateAlias = defineEventHandler(async (event: H3Event) => {
-  const email = await uEmail(event);
-  const id = getRouterParam(event, "id");
-  const { name, emails } = (await readBody(event)) as {
-    name?: string;
-    emails?: string[];
-  };
-  const aliases = await readAliases(email);
-  const idx = aliases.findIndex((a) => a.id === id);
-  if (idx === -1) {
-    setResponseStatus(event, 404);
-    return { error: "Alias not found" };
-  }
-  aliases[idx] = {
-    ...aliases[idx],
-    ...(name !== undefined ? { name: name.trim() } : {}),
-    ...(emails !== undefined ? { emails } : {}),
-    updatedAt: new Date().toISOString(),
-  };
-  await writeAliases(email, aliases);
-  return aliases[idx];
-});
-
-export const deleteAlias = defineEventHandler(async (event: H3Event) => {
-  const email = await uEmail(event);
-  const id = getRouterParam(event, "id");
-  const aliases = await readAliases(email);
-  const filtered = aliases.filter((a) => a.id !== id);
-  if (filtered.length === aliases.length) {
-    setResponseStatus(event, 404);
-    return { error: "Alias not found" };
-  }
-  await writeAliases(email, filtered);
-  setResponseStatus(event, 204);
-  return null;
-});

package/corpus/templates/mail/server/routes/api/aliases/[id].delete.ts

@@ -1 +0,0 @@
-export { deleteAlias as default } from "../../../handlers/aliases.js";

package/corpus/templates/mail/server/routes/api/aliases/[id].patch.ts

@@ -1 +0,0 @@
-export { updateAlias as default } from "../../../handlers/aliases.js";

package/corpus/templates/mail/server/routes/api/aliases/index.get.ts

@@ -1 +0,0 @@
-export { listAliases as default } from "../../../handlers/aliases.js";

package/corpus/templates/mail/server/routes/api/aliases/index.post.ts

@@ -1 +0,0 @@
-export { createAlias as default } from "../../../handlers/aliases.js";

package/corpus/templates/mail/server/routes/api/automations/[id].delete.ts

@@ -1 +0,0 @@
-export { deleteAutomation as default } from "../../../handlers/automations.js";

package/corpus/templates/mail/server/routes/api/automations/[id].patch.ts

@@ -1 +0,0 @@
-export { updateAutomation as default } from "../../../handlers/automations.js";

package/corpus/templates/mail/server/routes/api/automations/index.get.ts

@@ -1 +0,0 @@
-export { listAutomations as default } from "../../../handlers/automations.js";

package/corpus/templates/mail/server/routes/api/automations/index.post.ts

@@ -1 +0,0 @@
-export { createAutomation as default } from "../../../handlers/automations.js";

package/corpus/templates/mail/server/routes/api/automations/settings.get.ts

@@ -1,22 +0,0 @@
-import { getSession } from "@agent-native/core/server";
-import { getSetting, getUserSetting } from "@agent-native/core/settings";
-import { defineEventHandler } from "h3";
-
-export default defineEventHandler(async (event) => {
-  const session = await getSession(event);
-  if (!session?.email) {
-    const { createError } = await import("h3");
-    throw createError({ statusCode: 401, statusMessage: "Unauthenticated" });
-  }
-  const email = session.email;
-  const data = await getUserSetting(email, "automation-settings");
-  const agentEngine = (await getSetting("agent-engine").catch(() => null)) as {
-    engine?: string;
-    model?: string;
-  } | null;
-  return {
-    engine: (data as any)?.engine || agentEngine?.engine || "anthropic",
-    model:
-      (data as any)?.model || agentEngine?.model || "claude-haiku-4-5-20251001",
-  };
-});

package/corpus/templates/mail/server/routes/api/automations/settings.put.ts

@@ -1,25 +0,0 @@
-import { readBody } from "@agent-native/core/server";
-import { getSession } from "@agent-native/core/server";
-import { getUserSetting, putUserSetting } from "@agent-native/core/settings";
-import { defineEventHandler } from "h3";
-
-export default defineEventHandler(async (event) => {
-  const session = await getSession(event);
-  if (!session?.email) {
-    const { createError } = await import("h3");
-    throw createError({ statusCode: 401, statusMessage: "Unauthenticated" });
-  }
-  const email = session.email;
-  const body = (await readBody(event)) as { engine?: string; model?: string };
-
-  const existing =
-    ((await getUserSetting(email, "automation-settings")) as any) || {};
-  const updated = {
-    ...existing,
-    ...(body.engine ? { engine: body.engine } : {}),
-    ...(body.model ? { model: body.model } : {}),
-  };
-  await putUserSetting(email, "automation-settings", updated as any);
-
-  return { success: true, engine: updated.engine, model: updated.model };
-});

package/corpus/templates/mail/server/routes/api/scheduled-jobs/[id].delete.ts

@@ -1 +0,0 @@
-export { deleteScheduledJob as default } from "../../../handlers/scheduled-jobs.js";

package/corpus/templates/mail/server/routes/api/scheduled-jobs/[id].patch.ts

@@ -1 +0,0 @@
-export { updateScheduledJob as default } from "../../../handlers/scheduled-jobs.js";

package/corpus/templates/mail/server/routes/api/scheduled-jobs/index.get.ts

@@ -1 +0,0 @@
-export { listScheduledJobs as default } from "../../../handlers/scheduled-jobs.js";

package/corpus/templates/mail/server/routes/api/scheduled-jobs/index.post.ts

@@ -1 +0,0 @@
-export { createScheduledJob as default } from "../../../handlers/scheduled-jobs.js";

package/corpus/templates/mail/server/routes/api/settings.get.ts

@@ -1 +0,0 @@
-export { getSettings as default } from "../../handlers/emails.js";

package/corpus/templates/mail/server/routes/api/settings.patch.ts

@@ -1 +0,0 @@
-export { updateSettings as default } from "../../handlers/emails.js";

package/corpus/templates/slides/app/components/deck/BuilderLogo.tsx

@@ -1,22 +0,0 @@
-interface BuilderLogoProps {
-  className?: string;
-}
-
-/** Builder.io "B" logo extracted from the official builder-logo-white.svg */
-export default function BuilderLogo({
-  className = "w-7 h-7",
-}: BuilderLogoProps) {
-  return (
-    <svg
-      viewBox="0 0 71 80"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path
-        d="M70.86 24C70.86 10.69 60.06 0 46.86 0H6.32C2.82 0 0 2.84 0 6.32C0 12.8 13.71 17.71 13.71 40C13.71 62.29 0 67.21 0 73.68C0 77.16 2.82 80 6.32 80H46.86C60.06 80 70.86 69.31 70.86 56C70.86 46.22 64.98 40.25 64.75 40C64.98 39.75 70.86 33.78 70.86 24ZM8.37 6.86H46.87C51.45 6.86 55.75 8.64 58.99 11.88C62.23 15.12 64.01 19.42 64.01 24C64.01 28.58 62.32 32.62 59.32 35.79L8.37 6.86ZM58.99 68.13C55.75 71.37 51.45 73.15 46.87 73.15H8.37L59.32 44.22C62.32 47.39 64.01 51.57 64.01 56.01C64.01 60.45 62.23 64.89 58.99 68.13ZM15.83 61.02C16.24 60.17 20.58 51.74 20.58 40C20.58 28.26 16.24 19.83 15.83 18.98L52.85 40L15.83 61.02Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}