@agent-native/core 0.183.0-nightly-20260921181954 → 0.183.0

package/corpus/README.md

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

package/corpus/templates/calendar/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable user-facing changes to Agent-Native Calendar are documented here. Open it any
 time from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-18
+
+### Fixed
+
+- Calendar now preserves grouped guest counts and keeps the event detail panel keyboard accessible.
+
 ## 2026-09-16
 
 ### Fixed

package/corpus/templates/clips/CHANGELOG.md

@@ -3,17 +3,76 @@
 All notable user-facing changes to Clips are documented here. Open it any time
 from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-21
+
+### Fixed
+
+- Clips keeps the menu-bar popover open, restarts cleanly after updates, and waits for Google sign-in without a loading indicator.
+
+## 2026-09-19
+
+### Fixed
+
+- Clips library loads on older browsers that lack modern object helpers
+- After cutting a selected range from the editor toolbar, the selection follows the playhead again.
+
+## 2026-09-18
+
+### Improved
+
+- Clips loads recording and organization lists faster
+- Desktop recording alerts use matching warning and error highlights in the recorder and recovery list
+- Desktop recording failures notify you and stay available in Clips with upload retry and local recovery options.
+- Desktop recording recovery opens in a compact page, and completion cards close after Open or Copy succeeds
+- Dictation now shows listening, finalizing, pasting, and success states so release-to-paste never feels stalled.
+- Dictation keeps a quiet waveform pill, reveals controls on hover, and falls back to the clipboard when no text field is focused.
+- Recording shortcuts now start, stop, cancel, and pause recordings with editable platform defaults.
+- Use Fn as the default desktop dictation shortcut and keep its live waveform responsive during capture.
+
+### Fixed
+
+- Desktop recorder popover dismissal now works from outside clicks, the menu-bar icon, and Escape after native capture setup.
+- Desktop recording setup recovers cleanly from cancellation and no longer stalls on a hidden microphone request.
+- Fix Google sign-in popups when replying while signed out
+- Clips extension sign-in now works for self-hosted apps mounted under a path.
+- Hide recording recovery alerts from the sign-in screen
+- Large recordings now support on-demand frame extraction.
+- Refresh the desktop Dictate status surface and prevent shortcut-triggered native speech crashes.
+- Reply controls stay clickable near the bottom of a recording's comments.
+- Recordings with different frame sizes can now be stitched together.
+
 ## 2026-09-17
 
+### Improved
+
+- Hardened macOS Window recording handoff and simplified the web recorder desktop menu.
+- Recordings keep capturing through brief connection losses and resume uploading when the open tab reconnects.
+- Refresh the Chrome extension recorder UI to match the current Desktop shell.
+- Screen and region recording controls are clearer and more reliable.
+
 ### Fixed
 
+- The desktop popover now closes when you click away from it.
+- Escape now cancels native window selection regardless of pointer position.
+- Full screen, Region, and Window now appear together in the capture menu
+- macOS Window recording now uses the native single-window picker without the WebKit sharing-controls stall
+- Self-hosted Clips extensions now finish sign-in reliably.
+- Window picker cancellation responds to Escape immediately
+- Window picker launch no longer waits on Screen Memory or exposes a parked popover artifact
+- Window recording starts without interrupting Screen Memory or leaving the recorder stuck in finalization
 - Clips waits for authentication before showing the recording action
 - The Clips sort control keeps its keyboard focus ring visible
 
+### Changed
+
+- Chrome extension recorder labels now match the Web and Desktop capture controls.
+- Web recording labels full-screen capture as Full screen.
+
 ## 2026-09-16
 
 ### Improved
 
+- Folder breadcrumbs now collapse to fit and show a back button to the parent folder
 - Agents can continue through long recording transcripts without losing later sections.
 
 ### Fixed

package/corpus/templates/design/CHANGELOG.md

@@ -3,6 +3,80 @@
 All notable user-facing changes to Design are documented here. Open it any time
 from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-21
+
+### Added
+
+- Design includes more Google Fonts and supports custom font uploads
+
+### Fixed
+
+- Keep guided design choices readable in narrow panels
+- Live visual-edit screens stay selectable and editable while running
+- Live visual-edit screens support direct hover, selection, movement, resizing, and safe undo/redo.
+- Show the generation loader as soon as design questions are submitted
+
+## 2026-09-20
+
+### Improved
+
+- Public visual-edit links make localhost screens selectable and editable in the browser.
+
+### Fixed
+
+- Deleted Design screens can be recovered with Undo and History after reload
+- Design cross-screen moves now retain undo history after persisted saves
+- Design cross-screen moves preserve undo history after retryable and conflicting saves
+- Design layer drags now preview Figma-style hierarchy changes and preserve cancel and undo behavior
+- Grouped Design drops stay atomic through Apply, undo, and reload
+- Show a precise insertion line when dragging into an occupied grid cell
+
+## 2026-09-19
+
+### Improved
+
+- Drag and drop keeps placements and ordering across screens and freeform layouts
+- URL-based React editing keeps focused changes visible through hot reload
+
+### Fixed
+
+- Component variant overrides persist when the main component changes
+- Grouped grid layers preview their final cells and move as one undoable change
+
+## 2026-09-18
+
+### Added
+
+- Auto Layout inspectors now show F, H, and A keyboard shortcuts
+- Lines and arrows support independent endpoint styles in the inspector
+
+### Improved
+
+- Canvas panning avoids unnecessary redraws, and zoomed-out board previews use less rendering memory
+- Design system lists load faster
+- Private design links now offer access requests and sign-in or sign-up CTAs.
+- Start visual editing with the /visual-edit skill install command
+- Visual edit opens signed-out local previews in hosted Design and keeps live edits connected
+
+### Fixed
+
+- Auto-layout drops preserve Screen-root flow, responsive sizing, and grid track order.
+- Cross-screen moves recover cleanly when a save conflict interrupts either file
+- Design auto-layout drag and drop keeps wrapped rows and grid placement previews aligned
+- Design auto-layout drag previews preserve wrapped rows and grid cells
+- Design imports large Figma files with hundreds of frames
+- Design keeps URL-backed auto-layout moves through source handoff and reload
+- Editor panels stay visible while panning zoomed-out designs with background blur, and frame labels keep a consistent size when changing zoom.
+- Fix Selection colors scanning and matching-layer targeting
+- Imported screens stay separated from their responsive previews on the canvas
+- Keep large imported canvases stable while fitting, panning, and selecting.
+- Large Design canvases stay stable while panning and zooming
+- Large imported frames keep panning and zooming stable without dropping the canvas UI.
+- Responsive interaction mode now exits without leaving stale canvas state
+- Signed-out visual editing can read and write local source from hosted Design
+- Signed-out visual editing loads localhost screens reliably
+- The breakpoint add control sits closer to the last frame
+
 ## 2026-09-17
 
 ### Added
@@ -11,16 +85,33 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ### Improved
 
+- Design explains how to select inner layers with Cmd/Ctrl-click
+- Design preserves reusable component identity and props across inline and React screens
+- Signed-out users can open and visually edit a local Design canvas
+- Visual edit opens local apps from a signed-out Design tab
 - Design loads faster and large .fig imports can target selected frames
 
 ### Fixed
 
+- Canvas zoom now paints large previews without rerendering the iframe on every gesture frame.
+- Cross-screen dragging now preserves element placement between screens and the board.
+- Cross-screen drags preserve their target and persist correctly
+- Design arrange shortcuts reliably move layers forward, backward, to front, and to back
+- Cross-screen dragging reliably moves elements and rolls back refused saves.
+- Design drag-and-drop keeps auto-layout ordering and Cmd/Ctrl free placement
+- Design drag-and-drop keeps duplicates, cross-screen moves, and undo history in sync.
+- Design keeps component source and live edits consistent during indexing and updates
+- Design preserves animated styles when copying or moving layers
+- Open vector paths no longer show fills, and Interact dimensions stay clear of the exit control.
+- Option-drag duplication keeps board objects and root screens addressable at every zoom.
+- Screen deletion is immediate and undoable, with history that survives reloads.
 - Large .fig files import directly in the browser without the old upload ceiling
 
 ## 2026-09-16
 
 ### Improved
 
+- Design components retain linked identities when edited and duplicated
 - Design files avoid cold-start scans and open faster after idle periods
 - Design marquee selections stay responsive on large screens
 - Design editor agent chat uses shared conversation tabs and stays usable at narrow widths
@@ -28,6 +119,7 @@ from the command menu (Cmd+K → "What's new") or from Settings.
 
 ### Fixed
 
+- Fix Design nested layer dragging and screen duplication parity
 - Design comments keep keyboard mentions and selected recipients through drafts and replies
 - Design Fill editing uses the visible background paint on text-bearing controls
 - Design inspector controls match compact Figma spacing

package/corpus/templates/design/app/components/design/EditPanel.tsx

@@ -55,6 +55,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import type { UploadedFont } from "@/lib/font-upload";
 import { cn } from "@/lib/utils";
 import type { EditorMode } from "@/pages/design-editor/types";
 
@@ -386,6 +387,7 @@ interface EditPanelProps {
   onRequestTweaks?: (anchor: HTMLElement) => void;
   onStyleChange: StyleChangeHandler;
   onStylesChange?: StylesChangeHandler;
+  onFontUploaded?: (font: UploadedFont) => void | Promise<void>;
   onExport?: (settings: ExportSettingsValue[]) => void;
   /** Rasterizes the current selection for the export preview. Must go through
    *  the same renderer as `onExport`, or the preview lies about the output. */
@@ -1863,7 +1865,11 @@ function PageProperties({
   const baseFontFamilyOptions = sortFontFamilyOptions(
     FONT_FAMILY_OPTIONS.map((option) => ({
       value: option.value,
-      label: t(`editPanel.fontFamilies.${option.key}`),
+      label:
+        option.label ??
+        (option.key
+          ? t(`editPanel.fontFamilies.${option.key}`)
+          : displayFontFamilyName(option.value)),
     })),
   );
   const fontFamily = resolveFontFamilySelectValue(styles.fontFamily);
@@ -2478,6 +2484,7 @@ export const EditPanel = memo(function EditPanel({
   designId,
   onComponentPropApplied,
   onShaderSourceApplied,
+  onFontUploaded,
   reviewPanelProps,
   reviewCommentsPanelProps,
   reviewCommentsCount = 0,
@@ -3324,6 +3331,8 @@ export const EditPanel = memo(function EditPanel({
                       onStylesChange={
                         onStylesChangeProp ? onStylesChange : undefined
                       }
+                      designId={designId}
+                      onFontUploaded={onFontUploaded}
                     />
                   ) : null}
                   {selectionIsGroup ? (

package/corpus/templates/design/app/components/design/edit-panel/typography-properties.tsx

@@ -18,9 +18,10 @@ import {
   IconSquare,
   IconStrikethrough,
   IconTextSize,
+  IconUpload,
   IconUnderline,
 } from "@tabler/icons-react";
-import { useId, useState } from "react";
+import { useId, useRef, useState } from "react";
 import { toast } from "sonner";
 
 import { formatShortcutLabel } from "@/components/design/keyboard-shortcuts";
@@ -45,6 +46,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { useApplePlatform } from "@/hooks/use-shortcut-label";
+import { uploadFont, type UploadedFont } from "@/lib/font-upload";
 import { cn } from "@/lib/utils";
 
 import { ScrubInput } from "../inspector";
@@ -89,11 +91,6 @@ import {
   type TextResizeMode,
 } from "./typography-helpers";
 
-const LATO_FONT_FAMILY_OPTION = {
-  value: "'Lato', sans-serif",
-  label: "Lato",
-} as const;
-
 function TextResizeControls({
   resizeMode,
   onResizeModeChange,
@@ -386,19 +383,28 @@ export function TypographyProperties({
   element,
   onStyleChange,
   onStylesChange,
+  designId,
+  onFontUploaded,
 }: {
   element: ElementInfo;
   onStyleChange: StyleChangeHandler;
   onStylesChange?: StylesChangeHandler;
+  designId?: string;
+  onFontUploaded?: (font: UploadedFont) => void | Promise<void>;
 }) {
   const t = useT();
+  const fontUploadInputRef = useRef<HTMLInputElement>(null);
+  const [fontUploading, setFontUploading] = useState(false);
   const styles = element.computedStyles;
   const baseFontFamilyOptions = sortFontFamilyOptions([
     ...FONT_FAMILY_OPTIONS.map((option) => ({
       value: option.value,
-      label: t(`editPanel.fontFamilies.${option.key}`),
+      label:
+        option.label ??
+        (option.key
+          ? t(`editPanel.fontFamilies.${option.key}`)
+          : displayFontFamilyName(option.value)),
     })),
-    LATO_FONT_FAMILY_OPTION,
   ]);
   // Mixed-selection guards: a multi-selection with differing values injects
   // the MIXED_VALUE sentinel string into these computedStyles fields (see
@@ -494,6 +500,22 @@ export function TypographyProperties({
             ...baseFontFamilyOptions,
           ],
   );
+  const handleFontUpload = async (file: File) => {
+    if (!designId || !onFontUploaded) return;
+    setFontUploading(true);
+    try {
+      const uploaded = await uploadFont(file, designId);
+      await onFontUploaded(uploaded);
+    } catch (error) {
+      toast.error(
+        error instanceof Error
+          ? error.message
+          : t("promptDialog.failedToUploadFile"),
+      );
+    } finally {
+      setFontUploading(false);
+    }
+  };
   const baseFontWeightOptions = FONT_WEIGHT_OPTIONS.map((option) => ({
     value: option.value,
     label: t(`editPanel.fontWeights.${option.key}`),
@@ -625,20 +647,58 @@ export function TypographyProperties({
           dropdown instead). */}
       <InspectorGrid layout="field-action">
         <InspectorGridCell span={28} className="h-6 overflow-hidden">
-          <VisualFontFamilyPicker
-            label={t("editPanel.labels.font")}
-            value={fontFamily}
-            options={fontFamilyOptions}
-            mixed={fontFamilyIsMixed}
-            mixedLabel={MIXED_VALUE}
-            searchable
-            searchPlaceholder={t("root.commandSearch")}
-            contentProps={{
-              "data-design-chrome-region": "right-panel",
-            }}
-            className="h-6 w-full rounded-md border-[var(--design-editor-control-border)] bg-[var(--design-editor-control-bg)] px-1.5 !text-[11px] shadow-none focus:ring-1 focus:ring-[var(--design-editor-accent-color)]"
-            onChange={(value) => onStyleChange("fontFamily", value)}
-          />
+          <div className="flex min-w-0 items-center gap-1">
+            <div className="min-w-0 flex-1">
+              <VisualFontFamilyPicker
+                label={t("editPanel.labels.font")}
+                value={fontFamily}
+                options={fontFamilyOptions}
+                mixed={fontFamilyIsMixed}
+                mixedLabel={MIXED_VALUE}
+                searchable
+                searchPlaceholder={t("root.commandSearch")}
+                contentProps={{
+                  "data-design-chrome-region": "right-panel",
+                }}
+                className="h-6 w-full rounded-md border-[var(--design-editor-control-border)] bg-[var(--design-editor-control-bg)] px-1.5 !text-[11px] shadow-none focus:ring-1 focus:ring-[var(--design-editor-accent-color)]"
+                onChange={(value) => onStyleChange("fontFamily", value)}
+              />
+            </div>
+            {designId && onFontUploaded ? (
+              <>
+                <input
+                  ref={fontUploadInputRef}
+                  type="file"
+                  accept=".woff2,.woff,.ttf,.otf,font/woff2,font/woff,font/ttf,font/otf"
+                  className="sr-only"
+                  aria-label={t("promptDialog.uploadFile")}
+                  onChange={(event) => {
+                    const file = event.target.files?.[0];
+                    event.target.value = "";
+                    if (file) void handleFontUpload(file);
+                  }}
+                />
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <Button
+                      type="button"
+                      variant="ghost"
+                      size="icon"
+                      disabled={fontUploading}
+                      aria-label={t("promptDialog.uploadFile")}
+                      className="size-6 shrink-0"
+                      onClick={() => fontUploadInputRef.current?.click()}
+                    >
+                      <IconUpload className="size-3.5" />
+                    </Button>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    {t("promptDialog.uploadFile")}
+                  </TooltipContent>
+                </Tooltip>
+              </>
+            ) : null}
+          </div>
         </InspectorGridCell>
       </InspectorGrid>
 

package/corpus/templates/design/app/lib/font-upload.ts

@@ -0,0 +1,90 @@
+import { appBasePath } from "@agent-native/core/client/api-path";
+
+export interface UploadedFont {
+  family: string;
+  url: string;
+  weight: string;
+  style: "normal" | "italic";
+  format: "woff2" | "woff" | "truetype" | "opentype";
+}
+
+const FONT_WEIGHT_SUFFIX =
+  /\s+(?:thin|extra ?light|ultra ?light|light|book|regular|normal|medium|semi ?bold|demi ?bold|bold|extra ?bold|ultra ?bold|black|heavy)$/i;
+
+export function inferFontUploadMetadata(filename: string): {
+  family: string;
+  weight: string;
+  style: "normal" | "italic";
+} {
+  const basename = filename.replace(/\.[^.]+$/, "");
+  const normalized = basename
+    .replace(/[_-]+/g, " ")
+    .replace(/\s+/g, " ")
+    .trim();
+  const style = /(?:italic|oblique)/i.test(normalized) ? "italic" : "normal";
+  const familyAndWeight = normalized
+    .replace(/\s+(?:italic|oblique)$/i, "")
+    .trim();
+  const weightMatch = familyAndWeight.match(
+    /\s+(thin|extra ?light|ultra ?light|light|book|regular|normal|medium|semi ?bold|demi ?bold|bold|extra ?bold|ultra ?bold|black|heavy)$/i,
+  );
+  const weight =
+    {
+      thin: "100",
+      extralight: "200",
+      ultralight: "200",
+      light: "300",
+      book: "400",
+      regular: "400",
+      normal: "400",
+      medium: "500",
+      semibold: "600",
+      demibold: "600",
+      bold: "700",
+      extrabold: "800",
+      ultrabold: "800",
+      black: "900",
+      heavy: "900",
+    }[weightMatch?.[1]?.replace(/\s+/g, "").toLowerCase() ?? ""] ?? "400";
+  const family = familyAndWeight
+    .replace(FONT_WEIGHT_SUFFIX, "")
+    .replace(/\s+/g, " ")
+    .trim();
+  return { family: family || "Uploaded Font", weight, style };
+}
+
+export async function uploadFont(
+  file: File,
+  designId: string,
+): Promise<UploadedFont> {
+  const metadata = inferFontUploadMetadata(file.name);
+  const form = new FormData();
+  form.append("designId", designId);
+  form.append("family", metadata.family);
+  form.append("weight", metadata.weight);
+  form.append("style", metadata.style);
+  form.append("file", file, file.name);
+
+  const response = await fetch(`${appBasePath()}/api/fonts`, {
+    method: "POST",
+    credentials: "include",
+    body: form,
+  });
+  let payload: (UploadedFont & { error?: never }) | { error?: string } | null;
+  try {
+    payload = (await response.json()) as
+      | (UploadedFont & { error?: never })
+      | { error?: string }
+      | null;
+  } catch {
+    throw new Error("Font upload failed");
+  }
+  if (!response.ok || !payload || !("url" in payload)) {
+    throw new Error(
+      payload && "error" in payload && payload.error
+        ? payload.error
+        : "Font upload failed",
+    );
+  }
+  return payload;
+}

package/corpus/templates/design/app/pages/design-editor/code-layer-state.ts

@@ -21,8 +21,11 @@ export {
   replaceDataScreenReferences,
 } from "@shared/screen-rename";
 
+import { GOOGLE_FONT_QUERIES } from "@agent-native/toolkit/design-tweaks";
+
 import type { LayersPanelNode } from "@/components/design/LayersPanel";
 import type { ElementInfo } from "@/components/design/types";
+import type { UploadedFont } from "@/lib/font-upload";
 
 import { queryUniqueSelector } from "./dom-utils";
 
@@ -1272,16 +1275,9 @@ export function codeLayerPatchMessage(
     : message;
 }
 
-// Known Google Font families offered by the inspector's font-family picker.
 // Lato's weight 500 comes from the pinned OFL face below because the CSS2 API
 // currently serves only its 400 and 700 files.
-export const KNOWN_GOOGLE_FONTS: Record<string, string> = {
-  Inter: "Inter:wght@400;500;600;700",
-  Poppins: "Poppins:wght@400;500;600;700",
-  "Playfair Display": "Playfair+Display:wght@400;500;600;700",
-  "JetBrains Mono": "JetBrains+Mono:wght@400;500;600;700",
-  Lato: "Lato:wght@400;700",
-};
+export const KNOWN_GOOGLE_FONTS = GOOGLE_FONT_QUERIES;
 
 const LATO_MEDIUM_FACE_URL =
   "https://raw.githubusercontent.com/google/fonts/809e4d8b8d7e9364a914909bb777679606c178b8/ofl/lato/Lato-Medium.ttf";
@@ -1346,7 +1342,18 @@ export function ensureGoogleFontLinkInHtml(
     );
     const alreadyLoaded = existingLinks.some((link) => {
       const href = link.getAttribute("href") ?? "";
-      return href.includes(encodeURIComponent(family)) || href.includes(family);
+      let normalizedHref = href;
+      try {
+        normalizedHref = decodeURIComponent(href);
+      } catch {
+        // coercion-ok: malformed legacy URL stays raw for conservative matching.
+        // Keep the raw URL when a legacy link contains malformed escaping.
+      }
+      normalizedHref = normalizedHref.replace(/\+/g, " ").toLowerCase();
+      return (
+        href.includes(`family=${fontQuery}`) ||
+        normalizedHref.includes(`family=${family.toLowerCase()}:`)
+      );
     });
     let changed = ensurePinnedFontFace(doc, family);
     if (!alreadyLoaded) {
@@ -1388,6 +1395,51 @@ export function ensureGoogleFontLinkInHtml(
   }
 }
 
+function escapeCssString(value: string): string {
+  return value
+    .replace(/\\/g, "\\\\")
+    .replace(/"/g, '\\"')
+    .replace(/[\r\n]/g, "");
+}
+
+/** Persist an uploaded face next to the screen HTML that uses it. */
+export function ensureUploadedFontFaceInHtml(
+  content: string,
+  font: UploadedFont,
+): string {
+  if (typeof window === "undefined") return content;
+  if (!font.url || !font.family) return content;
+  const doc = new DOMParser().parseFromString(content, "text/html");
+  const head = doc.head;
+  if (!head) return content;
+  const alreadyLoaded = Array.from(
+    head.querySelectorAll('style[data-agent-native-uploaded-font="true"]'),
+  ).some(
+    (style) =>
+      style.getAttribute("data-font-family") === font.family &&
+      style.getAttribute("data-font-url") === font.url &&
+      style.getAttribute("data-font-weight") === font.weight &&
+      style.getAttribute("data-font-style") === font.style,
+  );
+  if (alreadyLoaded) return content;
+
+  const style = doc.createElement("style");
+  style.setAttribute("data-agent-native-uploaded-font", "true");
+  style.setAttribute("data-font-family", font.family);
+  style.setAttribute("data-font-url", font.url);
+  style.setAttribute("data-font-weight", font.weight);
+  style.setAttribute("data-font-style", font.style);
+  style.textContent = `@font-face {
+  font-family: "${escapeCssString(font.family)}";
+  font-style: ${font.style};
+  font-weight: ${font.weight};
+  font-display: swap;
+  src: url("${escapeCssString(font.url)}") format("${font.format}");
+}`;
+  head.appendChild(style);
+  return `<!DOCTYPE html>\n${doc.documentElement.outerHTML}`;
+}
+
 export function refreshElementInfoFromContent(
   content: string,
   info: ElementInfo | null,

package/corpus/templates/design/changelog/2026-09-21-design-includes-more-google-fonts-and-supports-custom-font-u.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-09-21
+---
+
+Design includes more Google Fonts and supports custom font uploads

package/corpus/templates/design/server/handlers/fonts.ts

@@ -0,0 +1,171 @@
+import path from "node:path";
+
+import { uploadFile } from "@agent-native/core/file-upload";
+import { getSession, runWithRequestContext } from "@agent-native/core/server";
+import { assertAccess } from "@agent-native/core/sharing";
+import {
+  defineEventHandler,
+  getRequestHeader,
+  readMultipartFormData,
+  setResponseStatus,
+} from "h3";
+
+import {
+  MAX_UPLOAD_BYTES,
+  MAX_UPLOAD_MB,
+  TOTAL_BODY_LIMIT,
+} from "../lib/request-body-limits.js";
+
+const FONT_FORMATS = {
+  ".otf": { format: "opentype", mimeType: "font/otf" },
+  ".ttf": { format: "truetype", mimeType: "font/ttf" },
+  ".woff": { format: "woff", mimeType: "font/woff" },
+  ".woff2": { format: "woff2", mimeType: "font/woff2" },
+} as const;
+
+function ascii(data: Uint8Array, start: number, end: number): string {
+  return Buffer.from(data.subarray(start, end)).toString("ascii");
+}
+
+function hasFontSignature(ext: keyof typeof FONT_FORMATS, data: Uint8Array) {
+  if (ext === ".woff" || ext === ".woff2") {
+    return ascii(data, 0, 4) === (ext === ".woff" ? "wOFF" : "wOF2");
+  }
+  if (ext === ".otf") return ascii(data, 0, 4) === "OTTO";
+  return data[0] === 0 && data[1] === 1 && data[2] === 0 && data[3] === 0;
+}
+
+function fieldText(
+  parts: Awaited<ReturnType<typeof readMultipartFormData>>,
+  name: string,
+): string | undefined {
+  const part = parts?.find((candidate) => candidate.name === name);
+  return part?.data
+    ? Buffer.from(part.data).toString("utf8").trim()
+    : undefined;
+}
+
+function safeFamilyName(value: string | undefined, filename: string): string {
+  const fallback = path.basename(filename, path.extname(filename));
+  const family = (value || fallback)
+    .replace(/["'\\{};,\u0000-\u001f\u007f]/g, "")
+    .replace(/\s+/g, " ")
+    .trim()
+    .slice(0, 100);
+  if (!family) throw new Error("Font family is required");
+  return family;
+}
+
+function safeWeight(value: string | undefined): string {
+  const weight = value?.trim() || "400";
+  if (!/^\d{3}(?:\s+\d{3})?$/.test(weight)) {
+    throw new Error("Font weight is invalid");
+  }
+  const values = weight.split(/\s+/).map(Number);
+  if (values.some((entry) => entry < 1 || entry > 1000)) {
+    throw new Error("Font weight is invalid");
+  }
+  return weight;
+}
+
+function safeStyle(value: string | undefined): "normal" | "italic" {
+  if (value === "italic") return "italic";
+  if (!value || value === "normal") return "normal";
+  throw new Error("Font style is invalid");
+}
+
+export const uploadFont = defineEventHandler(async (event) => {
+  let session;
+  try {
+    session = await getSession(event);
+  } catch (error) {
+    console.error("[design-font-upload] session lookup failed", error);
+    setResponseStatus(event, 503);
+    return { error: "Authentication service unavailable" };
+  }
+  if (!session?.email) {
+    setResponseStatus(event, 401);
+    return { error: "Unauthorized" };
+  }
+
+  const contentLength = Number(getRequestHeader(event, "content-length") ?? 0);
+  if (contentLength > TOTAL_BODY_LIMIT) {
+    setResponseStatus(event, 413);
+    return { error: "Request body too large" };
+  }
+
+  return runWithRequestContext(
+    { userEmail: session.email, orgId: session.orgId },
+    async () => {
+      try {
+        const parts = await readMultipartFormData(event);
+        const designId = fieldText(parts, "designId");
+        if (!designId) {
+          setResponseStatus(event, 400);
+          return { error: "Missing designId" };
+        }
+        await assertAccess("design", designId, "editor");
+
+        const filePart = parts?.find(
+          (part) => part.name === "file" && part.data,
+        );
+        if (!filePart?.data) {
+          setResponseStatus(event, 400);
+          return { error: "No font uploaded" };
+        }
+        if (filePart.data.length > MAX_UPLOAD_BYTES) {
+          setResponseStatus(event, 413);
+          return { error: `Font is too large (max ${MAX_UPLOAD_MB} MB)` };
+        }
+
+        const originalName = filePart.filename || "font.woff2";
+        const ext = path
+          .extname(originalName)
+          .toLowerCase() as keyof typeof FONT_FORMATS;
+        const format = FONT_FORMATS[ext];
+        if (!format || !hasFontSignature(ext, filePart.data)) {
+          setResponseStatus(event, 400);
+          return { error: "Choose a valid .woff2, .woff, .ttf, or .otf font" };
+        }
+
+        const family = safeFamilyName(fieldText(parts, "family"), originalName);
+        const weight = safeWeight(fieldText(parts, "weight"));
+        const style = safeStyle(fieldText(parts, "style"));
+        let uploaded;
+        try {
+          uploaded = await uploadFile({
+            data: Buffer.from(filePart.data),
+            filename: originalName,
+            mimeType: format.mimeType,
+            ownerEmail: session.email,
+            recordAsset: false,
+          });
+        } catch (error) {
+          console.error("[design-font-upload] upload failed", error);
+          setResponseStatus(event, 502);
+          return { error: "Font upload failed" };
+        }
+        if (!uploaded) {
+          setResponseStatus(event, 503);
+          return { error: "File uploads are not configured" };
+        }
+
+        return {
+          family,
+          url: uploaded.url,
+          weight,
+          style,
+          format: format.format,
+        };
+      } catch (error) {
+        const message =
+          error instanceof Error ? error.message : "Font upload failed";
+        setResponseStatus(
+          event,
+          /access|permission|not allowed/i.test(message) ? 403 : 400,
+        );
+        return { error: message };
+      }
+    },
+  );
+});

package/corpus/templates/design/server/routes/api/fonts.post.ts

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

package/corpus/templates/mail/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable user-facing changes to Agent-Native Mail are documented here. Open it any
 time from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-19
+
+### Fixed
+
+- New Mail drafts stay pinned to the bottom of the viewport.
+- OpenAI automation settings load without a missing engine package error
+
+## 2026-09-18
+
+### Added
+
+- Mail rules can tag messages or move spam out of Inbox with Jev-powered previews and feedback
+
 ## 2026-09-17
 
 ### Fixed

package/corpus/templates/slides/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable user-facing changes to Agent-Native Slides are documented here. Open it any
 time from the command menu (Cmd+K → "What's new").
 
+## 2026-09-21
+
+### Fixed
+
+- Keep slide additions aligned with the deck's existing design system
+
+## 2026-09-20
+
+### Fixed
+
+- Continue is available only after selecting a reference or design system.
+
+## 2026-09-19
+
+### Fixed
+
+- HTML exports have clickable slide and fullscreen controls
+- Creating another presentation in chat keeps the existing deck intact.
+
+## 2026-09-18
+
+### Improved
+
+- New decks now keep the selected design system as the default
+- Share Presentation now keeps its heading inset and shows the relevant link clearly
+
+### Fixed
+
+- Inline slide editing now preserves text changes through teardown and reload
+- Slides keeps chat controls, queued prompts, sharing, and design-system status in sync.
+- Slides now hydrates configured design system defaults when references load after opening.
+
+## 2026-09-17
+
+### Fixed
+
+- Text editing keeps its focus, toolbar controls, and selection outline consistent
+
 ## 2026-09-16
 
 ### Fixed

package/corpus/templates/slides/app/components/editor/SlideContextToolbar.tsx

@@ -214,7 +214,11 @@ export function SlideContextToolbar({
   const baseFontFamilyOptions = sortFontFamilyOptions(
     FONT_FAMILY_OPTIONS.map((option) => ({
       value: option.value,
-      label: t(`styleInspector.fontFamilies.${option.key}`),
+      label:
+        option.label ??
+        (option.key
+          ? t(`styleInspector.fontFamilies.${option.key}`)
+          : displayFontFamilyName(option.value)),
     })),
   );
   const inlineEditSurfaceProps = {

package/dist/automation/index.d.ts

@@ -186,8 +186,8 @@ export declare function createAutomationCallbackHandler(runtime: AutomationRunti
     duplicate?: undefined;
     eventId?: undefined;
 } | {
+    error?: undefined;
     accepted: boolean;
     duplicate: boolean;
     eventId: string;
-    error?: undefined;
 }>;

package/dist/client/org/TeamPage.js

@@ -22,7 +22,7 @@ import { DEFAULT_MEMBER_SEARCH_DEBOUNCE_MS, useShareOrgMemberSearch, } from "../
 import { useActionMutation, useActionQuery } from "../use-action.js";
 import { cn } from "../utils.js";
 import { useOrg, useOrgMembers, useOrgInvitations, useCreateOrg, useUpdateOrg, useBulkInviteMembers, useChangeMemberRole, useAcceptInvitation, useRemoveMember, useDeleteOrg, useSwitchOrg, useSetOrgDomain, useSetWorkspaceAppDefaultVisibility, useWorkspaceAppAccess, useSetWorkspaceAppAccess, useSetOrgWorkspaceUrl, useSetOrgAuthProvider, useRevealA2ASecret, useSetA2ASecret, useSyncA2ASecret, useJoinByDomain, useAppRoles, useSetAppMemberRoles, useOrgSsoProviders, useCreateOrgSsoProvider, useVerifyOrgSsoProvider, useDeleteOrgSsoProvider, useOrgScim, useCreateOrgScimConnection, useDeleteOrgScimConnection, ORG_MEMBER_PAGE_SIZE, } from "./hooks.js";
-const Button = forwardRef(({ className, ...props }, ref) => (_jsx(ToolkitButton, { ref: ref, variant: "ghost", className: cn("h-auto p-0 hover:bg-transparent hover:text-inherit active:scale-100 [&_svg]:!size-auto", className), ...props })));
+const Button = forwardRef(({ className, ...props }, ref) => (_jsx(ToolkitButton, { ref: ref, variant: "ghost", className: cn("h-auto p-0 hover:bg-transparent active:scale-100 [&_svg]:!size-auto", props.emphasis === "solid" ? null : "hover:text-inherit", className), ...props })));
 Button.displayName = "TeamPrimitiveButton";
 function RoleIcon({ role }) {
     if (role === "owner")

package/dist/client/settings/SecretsSection.js

@@ -18,7 +18,7 @@ import { KeyProviderTile } from "./KeyProviderTile.js";
 import { NewKeyMenu, normalizeKeyName } from "./NewKeyMenu.js";
 import { SettingsCrossLinkHint } from "./SettingsCrossLinkHint.js";
 import { SettingsSkeleton } from "./SettingsSkeleton.js";
-const Button = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToolkitButton, { ref: ref, variant: "ghost", className: cn("h-auto p-0 hover:bg-transparent hover:text-inherit active:scale-100 [&_svg]:!size-auto", className), ...props })));
+const Button = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToolkitButton, { ref: ref, variant: "ghost", className: cn("h-auto p-0 hover:bg-transparent active:scale-100 [&_svg]:!size-auto", props.emphasis === "solid" ? null : "hover:text-inherit", className), ...props })));
 Button.displayName = "SecretsPrimitiveButton";
 const SOURCE_LABEL_KEY = {
     vault: "secrets.sourceVault",

package/dist/client/settings/SettingsPanel.js

@@ -40,7 +40,7 @@ import { UsageSection } from "./UsageSection.js";
 import { useBuilderConnectFlow, useBuilderStatus, } from "./useBuilderStatus.js";
 import { settingsSectionDomId, useSettingsPanelController, } from "./useSettingsPanelController.js";
 import { VoiceTranscriptionSection } from "./VoiceTranscriptionSection.js";
-const Button = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToolkitButton, { ref: ref, variant: "ghost", className: cn("h-auto p-0 hover:bg-transparent hover:text-inherit active:scale-100 [&_svg]:!size-auto", className), ...props })));
+const Button = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToolkitButton, { ref: ref, variant: "ghost", className: cn("h-auto p-0 hover:bg-transparent active:scale-100 [&_svg]:!size-auto", props.emphasis === "solid" ? null : "hover:text-inherit", className), ...props })));
 Button.displayName = "SettingsPrimitiveButton";
 const ManageButton = React.forwardRef(({ children = "Manage", className, ...props }, ref) => (_jsx(ToolkitButton, { ref: ref, type: "button", variant: "ghost", intent: "neutral", emphasis: "outline", className: cn("inline-flex h-9 min-h-9 items-center justify-center gap-1 rounded-md border border-border px-3 text-sm font-medium leading-none text-foreground hover:bg-accent/40 active:scale-100 [&_svg]:!size-4", className), ...props, children: children })));
 ManageButton.displayName = "SettingsManageButton";

package/dist/collab/awareness.d.ts

@@ -62,11 +62,11 @@ export declare const postAwareness: import("h3").EventHandlerWithFetch<import("h
     error: string;
     states?: undefined;
 } | {
-    error?: undefined;
     states: {
         clientId: number;
         state: string;
     }[];
+    error?: undefined;
 }>>;
 /**
  * GET /_agent-native/collab/:docId/users
@@ -77,9 +77,9 @@ export declare const getActiveUsers: import("h3").EventHandlerWithFetch<import("
     error: string;
     users?: undefined;
 } | {
-    error?: undefined;
     users: {
         clientId: number;
         lastSeen: number;
     }[];
+    error?: undefined;
 }>>;

package/dist/collab/routes.d.ts

@@ -26,8 +26,8 @@ export declare const getCollabState: import("h3").EventHandlerWithFetch<import("
  * Body: { update: string (base64), requestSource?: string }
  */
 export declare const postCollabUpdate: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    ok?: undefined;
     error: string;
+    ok?: undefined;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/collab/struct-routes.d.ts

@@ -13,8 +13,8 @@
  * Body: { json: any, fieldName?: string, type?: "map"|"array", requestSource?: string }
  */
 export declare const postCollabJson: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    ok?: undefined;
     error: string;
+    ok?: undefined;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/file-upload/actions/upload-image.d.ts

@@ -34,12 +34,12 @@ declare const _default: import("../../action.js").ActionDefinition<{
     idempotencyKey: string;
     deleted: boolean;
 } | {
-    id?: undefined;
     error: string;
     url?: undefined;
     provider?: undefined;
     configured?: undefined;
     connectPath?: undefined;
+    id?: undefined;
 } | {
     url: string;
     id: string;
@@ -48,11 +48,11 @@ declare const _default: import("../../action.js").ActionDefinition<{
     connectPath?: undefined;
     error?: undefined;
 } | {
-    id?: undefined;
     url?: undefined;
     provider?: undefined;
     error: string;
     configured: boolean;
     connectPath: string;
+    id?: undefined;
 }>;
 export default _default;

package/dist/observability/routes.d.ts

@@ -41,9 +41,9 @@ export declare function createObservabilityHandler(): import("h3").EventHandlerW
     thumbsUpRate: number;
     avgEvalScore: number;
 } | {
-    id?: undefined;
     summary: import("./types.js").TraceSummary;
     spans: import("./types.js").TraceSpan[];
+    id?: undefined;
     error?: undefined;
     ok?: undefined;
 } | {
@@ -53,15 +53,15 @@ export declare function createObservabilityHandler(): import("h3").EventHandlerW
     error?: undefined;
     ok?: undefined;
 } | {
-    id?: undefined;
     summary?: undefined;
     spans?: undefined;
+    id?: undefined;
     error: any;
     ok?: undefined;
 } | {
-    id?: undefined;
     summary?: undefined;
     spans?: undefined;
-    ok: boolean;
+    id?: undefined;
     error?: undefined;
+    ok: boolean;
 }>>;

package/dist/org/handlers.d.ts

@@ -53,9 +53,9 @@ export declare const setWorkspaceAppDefaultVisibilityHandler: import("h3").Event
 /** POST /_agent-native/org — create a new organization */
 export declare const createOrgHandler: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
     success: boolean;
-    id?: undefined;
     name?: undefined;
     role?: undefined;
+    id?: undefined;
 } | {
     success?: undefined;
     id: string;

package/dist/resources/handlers.d.ts

@@ -48,8 +48,8 @@ export declare function handleUpdateResource(event: any): Promise<import("./stor
 }>;
 /** DELETE /_agent-native/resources/:id — delete a resource */
 export declare function handleDeleteResource(event: any): Promise<{
-    error: string;
     ok?: undefined;
+    error: string;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/server/agent-engine-api-key-route.d.ts

@@ -46,20 +46,20 @@ export declare function createAgentEngineApiKeyHandler(): import("h3").EventHand
     scope?: undefined;
     ok?: undefined;
 } | {
-    error?: undefined;
     ok: boolean;
     key: string;
     scope: string;
+    error?: undefined;
 } | {
     key?: undefined;
     scope?: undefined;
     ok: boolean;
     error: string;
 } | {
-    error?: undefined;
     ok: boolean;
     key: string;
     baseUrlKey?: string;
     scope: AgentEngineApiKeyScope;
+    error?: undefined;
 }>>;
 export {};

package/dist/server/core-routes-plugin.d.ts

@@ -408,8 +408,8 @@ export declare function createPublicRemoteAgentsHandler(discover?: PublicAgentDi
     error: string;
     agents?: undefined;
 } | {
-    error?: undefined;
     agents: Omit<import("./agent-discovery.js").DiscoveredAgent, "auth" | "kind">[];
+    error?: undefined;
 }>>;
 export declare function getBuilderConnectErrorDisposition(error: unknown, connectAttemptId: string | null): "correlated" | "legacy" | null;
 export declare function getBuilderConnectErrorKey(ownerEmail: string, connectAttemptId?: string | null): string;

package/dist/server/realtime-token.d.ts

@@ -59,8 +59,8 @@ export declare function createRealtimeTokenHandler(): import("h3").EventHandlerW
     expiresAt?: undefined;
     ttlSeconds?: undefined;
 } | {
-    error?: undefined;
     token: string;
     expiresAt: string;
     ttlSeconds: number;
+    error?: undefined;
 }>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.183.0-nightly-20260921181954",
+  "version": "0.183.0",
   "description": "The agentic application framework for building autonomous agents with intuitive UIs",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -488,9 +488,9 @@
     "yaml": "^2.9.0",
     "yjs": "^13.6.32",
     "zod": "^4.3.6",
-    "@agent-native/agentkit": "^0.2.5-nightly-20260921181954",
-    "@agent-native/recap-cli": "0.5.34",
-    "@agent-native/toolkit": "^0.20.5-nightly-20260921181954"
+    "@agent-native/recap-cli": "0.5.35",
+    "@agent-native/toolkit": "^0.20.5",
+    "@agent-native/agentkit": "^0.2.5"
   },
   "devDependencies": {
     "@ai-sdk/anthropic": "^3.0.71",