@agent-native/core 0.97.0 → 0.98.1

package/corpus/templates/content/app/global.css

@@ -429,8 +429,8 @@
   color: hsl(var(--foreground));
   cursor: text;
   transition:
-    background-color 120ms ease-in,
-    color 120ms ease-in;
+    background-color 120ms ease-out,
+    color 120ms ease-out;
 }
 
 .notion-toggle__body-placeholder::before {
@@ -1011,7 +1011,7 @@
   width: 1rem;
   height: 1.7em;
   border-radius: 3px;
-  transition: background 120ms ease-in;
+  transition: background-color 120ms ease-out;
 }
 .notion-toggle__chevron:hover {
   background: hsl(var(--muted));
@@ -1452,9 +1452,9 @@ audio.media-block__content {
   pointer-events: none;
   transform: translateY(-4px);
   transition:
-    opacity 300ms ease-in-out,
-    transform 300ms ease-in-out,
-    visibility 0s linear 300ms;
+    opacity 200ms ease-out,
+    transform 200ms ease-out,
+    visibility 0s linear 200ms;
   visibility: hidden;
 }
 
@@ -1463,8 +1463,8 @@ audio.media-block__content {
   pointer-events: auto;
   transform: translateY(0);
   transition:
-    opacity 300ms ease-in-out,
-    transform 300ms ease-in-out,
+    opacity 200ms ease-out,
+    transform 200ms ease-out,
     visibility 0s linear 0s;
   visibility: visible;
 }
@@ -1483,9 +1483,9 @@ audio.media-block__content {
   pointer-events: none;
   transform: translateY(-50%) scaleX(0.96);
   transition:
-    opacity 300ms ease-in-out,
-    transform 300ms ease-in-out,
-    visibility 0s linear 300ms;
+    opacity 200ms ease-out,
+    transform 200ms ease-out,
+    visibility 0s linear 200ms;
   visibility: hidden;
 }
 
@@ -1494,8 +1494,8 @@ audio.media-block__content {
   pointer-events: auto;
   transform: translateY(-50%) scaleX(1);
   transition:
-    opacity 300ms ease-in-out,
-    transform 300ms ease-in-out,
+    opacity 200ms ease-out,
+    transform 200ms ease-out,
     visibility 0s linear 0s;
   visibility: visible;
 }
@@ -1558,10 +1558,10 @@ audio.media-block__content {
     0 1px 3px hsl(0 0% 0% / 0.12);
   cursor: pointer;
   transition:
-    background 300ms ease-in-out,
-    border-color 300ms ease-in-out,
-    color 300ms ease-in-out,
-    transform 300ms ease-in-out;
+    background 200ms ease-out,
+    border-color 200ms ease-out,
+    color 200ms ease-out,
+    transform 200ms ease-out;
 }
 
 .media-block__alt-badge:hover,
@@ -1698,8 +1698,8 @@ audio.media-block__content {
   color: hsl(var(--muted-foreground));
   cursor: pointer;
   transition:
-    background 300ms ease-in-out,
-    color 300ms ease-in-out;
+    background 200ms ease-out,
+    color 200ms ease-out;
 }
 
 .media-block__toolbar-btn:hover,

package/corpus/templates/content/app/hooks/use-comments.ts

@@ -65,7 +65,6 @@ export function useComments(documentId: string | null) {
         }
         return Array.from(threadMap.values());
       },
-      refetchInterval: 5000,
     },
   );
 }

package/corpus/templates/content/app/root.tsx

@@ -222,8 +222,8 @@ function RouteTransitionIndicator() {
       data-pending={pending ? "true" : undefined}
     >
       <div
-        className={`h-full bg-primary shadow-[0_0_12px_hsl(var(--primary)/0.45)] transition-all duration-200 ${
-          pending ? "w-2/3 opacity-100" : "w-0 opacity-0"
+        className={`h-full w-2/3 origin-left bg-primary shadow-[0_0_12px_hsl(var(--primary)/0.45)] transition-[transform,opacity] duration-200 ${
+          pending ? "scale-x-100 opacity-100" : "scale-x-0 opacity-0"
         }`}
       />
     </div>

package/corpus/templates/content/app/routes/_app._index.tsx

@@ -3,6 +3,7 @@ import { useEffect } from "react";
 import { useNavigate } from "react-router";
 
 import { EmptyState } from "@/components/EmptyState";
+import { QueryErrorState } from "@/components/QueryErrorState";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useDocuments } from "@/hooks/use-documents";
 
@@ -68,5 +69,14 @@ export default function IndexRoute() {
   // show a skeleton instead of the "no page selected" empty state.
   const showSkeleton = isLoading || (documents && documents.length > 0);
 
-  return showSkeleton ? <DocumentSkeleton /> : <EmptyState />;
+  if (showSkeleton) return <DocumentSkeleton />;
+  if (documentsQuery.isError) {
+    return (
+      <QueryErrorState
+        onRetry={() => void documentsQuery.refetch()}
+        retrying={documentsQuery.isFetching}
+      />
+    );
+  }
+  return <EmptyState />;
 }

package/corpus/templates/content/changelog/2026-07-11-comments-now-update-from-live-collaboration-events-without-c.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-11
+---
+
+Comments now update from live collaboration events without continuous background requests

package/corpus/templates/content/changelog/2026-07-11-document-load-failures-now-show-a-retry-action.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-11
+---
+
+Document loading failures now show a clear retry action instead of an empty workspace.

package/corpus/templates/content/changelog/2026-07-11-editor-toggle-feedback-now-feels-more-responsive.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-11
+---
+
+Editor toggle feedback now feels more responsive.

package/corpus/templates/content/changelog/2026-07-11-moving-documents-at-the-same-time-no-longer-scrambles-their-.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-11
+---
+
+Moving documents at the same time no longer scrambles their order

package/corpus/templates/content/changelog/2026-07-11-public-document-chats-now-start-faster-while-keeping-full-do.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-11
+---
+
+Public document chats now start faster while keeping full document details available when needed

package/corpus/templates/content/changelog/2026-07-11-reopening-a-comment-now-uses-consistent-permissions-everywhe.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-11
+---
+
+Reopening a comment now uses consistent permissions everywhere

package/corpus/templates/content/changelog/2026-07-11-sidebar-resizing-now-tracks-your-cursor-instantly-instead-of.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-11
+---
+
+Sidebar resizing now tracks your cursor instantly instead of lagging behind

package/corpus/templates/content/server/lib/public-documents.ts

@@ -4,6 +4,52 @@ import { getCookie, getHeader, setCookie, type H3Event } from "h3";
 
 const PUBLIC_VIEWER_COOKIE = "content_public_viewer";
 const PUBLIC_VIEWER_COOKIE_MAX_AGE = 60 * 60 * 24 * 365;
+export const PUBLIC_DOCUMENT_CONTEXT_EXCERPT_CHARS = 2_400;
+
+type PublicDocumentPromptInput = {
+  id: string;
+  title: string;
+  content: string;
+  updatedAt: string | Date;
+};
+
+function publicDocumentExcerpt(content: string): {
+  excerpt: string;
+  truncated: boolean;
+} {
+  const normalized = content.trim();
+  if (normalized.length <= PUBLIC_DOCUMENT_CONTEXT_EXCERPT_CHARS) {
+    return { excerpt: normalized, truncated: false };
+  }
+
+  const tailChars = Math.floor(PUBLIC_DOCUMENT_CONTEXT_EXCERPT_CHARS / 3);
+  const headChars = PUBLIC_DOCUMENT_CONTEXT_EXCERPT_CHARS - tailChars;
+  return {
+    excerpt: `${normalized.slice(0, headChars)}\n\n... [middle omitted from initial context] ...\n\n${normalized.slice(-tailChars)}`,
+    truncated: true,
+  };
+}
+
+export function buildPublicDocumentPromptContext(
+  doc: PublicDocumentPromptInput,
+): string {
+  const { excerpt, truncated } = publicDocumentExcerpt(doc.content);
+  const fullDocumentGuidance = truncated
+    ? `This is a bounded excerpt of the document. Before answering a question that may depend on omitted content, call \`get-document\` with \`id: "${doc.id}"\` to read the complete document.`
+    : `The complete document fits in this context. Call \`get-document\` with \`id: "${doc.id}"\` if you need a fresh structured copy.`;
+
+  return `<public-shared-document>
+The user is viewing a public, read-only shared Content document. Answer questions using this document as the primary context. Do not create, edit, delete, comment on, share, or otherwise mutate document data for public viewers.
+${fullDocumentGuidance}
+
+Document ID: ${doc.id}
+Title: ${doc.title}
+Updated at: ${doc.updatedAt}
+
+Markdown excerpt:
+${excerpt}
+</public-shared-document>`;
+}
 
 function getAppOrigin(event: H3Event): string | null {
   const proto =
@@ -102,14 +148,5 @@ export async function publicDocumentExtraContext(event: H3Event) {
   const doc = await getPublicDocumentForEvent(event);
   if (!doc) return null;
 
-  return `<public-shared-document>
-The user is viewing a public, read-only shared Content document. Answer questions using this document as the primary context. Do not create, edit, delete, comment on, share, or otherwise mutate document data for public viewers.
-
-Document ID: ${doc.id}
-Title: ${doc.title}
-Updated at: ${doc.updatedAt}
-
-Markdown:
-${doc.content}
-</public-shared-document>`;
+  return buildPublicDocumentPromptContext(doc);
 }

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

@@ -52,7 +52,14 @@ export default defineEventHandler(async (event) => {
       }
 
       try {
-        if (resolved === true || comment.authorEmail !== session.email) {
+        // 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");
@@ -65,37 +72,30 @@ export default defineEventHandler(async (event) => {
         throw err;
       }
 
-      const updates: Partial<typeof schema.documentComments.$inferInsert> = {
-        updatedAt: new Date().toISOString(),
-      };
+      const updatedAt = new Date().toISOString();
 
-      if (content !== undefined) {
-        updates.content = content;
-      }
-      if (resolved !== undefined) {
-        // When resolving, update all comments in the thread.
-        if (resolved) {
-          await db
-            .update(schema.documentComments)
-            .set({ resolved: 1, updatedAt: updates.updatedAt })
-            .where(
-              and(
-                eq(schema.documentComments.documentId, comment.documentId),
-                eq(schema.documentComments.threadId, comment.threadId),
-              ),
-            );
-          return { ok: true, resolved: true };
-        }
-        updates.resolved = resolved ? 1 : 0;
+      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 && resolved === undefined) {
+      if (content === undefined) {
         return { ok: true };
       }
 
       await db
         .update(schema.documentComments)
-        .set(updates)
+        .set({ content, updatedAt })
         .where(
           and(
             eq(schema.documentComments.id, id),

package/corpus/templates/design/.agents/skills/frontend-design/SKILL.md

@@ -48,7 +48,7 @@ Default to Apple/Linear-level restraint: make the primary workflow obvious, then
 
 - **Typography**: Use the product's existing type system first. For net-new public pages, choose characterful but readable type and keep sizing appropriate to the surface.
 - **Color and theme**: Use semantic tokens and CSS variables. Avoid one-note palettes and default purple/blue gradients unless the brand demands them.
-- **Motion**: Prefer purposeful transitions and small state changes. Use CSS transitions/keyframes unless the app already uses a motion library.
+- **Motion**: Prefer purposeful transitions and small state changes. Use CSS transitions/keyframes unless the app already uses a motion library. Never `transition-all` — list the properties that actually change (e.g. `transition-[opacity,transform]`). Use the shared easing tokens defined in `packages/core/src/styles/agent-native.css` instead of hand-typing curves: `var(--ease-drawer)` (260ms, drawers/app chrome), `var(--ease-collapse)` (200ms, expand/collapse), `var(--ease-out-strong)` (snappy entrances) — in Tailwind, `ease-[var(--ease-collapse)]`. Enter/exit with ease-out, never `ease-in`. Overlays that zoom in must set the Radix origin var (e.g. `origin-[--radix-popover-content-transform-origin]`). Animate `transform`/`opacity`, not width/height/padding/box-shadow. Gate looping or large-movement animations with `motion-reduce:`. Command palettes and keyboard-triggered actions get no animation.
 - **Composition**: Match the workflow. Operational apps should be dense and scannable; marketing or portfolio pages can be more immersive.
 - **Visual assets**: Websites, games, and object-focused pages need real or generated media when images help users understand the subject.
 - **Responsive fit**: Text must not overflow buttons, cards, tabs, sidebars, or fixed-format tools. Use stable dimensions for boards, grids, toolbars, and counters.

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

@@ -0,0 +1,24 @@
+import { useT } from "@agent-native/core/client";
+import { IconAlertTriangle } from "@tabler/icons-react";
+
+import { Button } from "@/components/ui/button";
+
+export function QueryErrorState({
+  onRetry,
+  retrying = false,
+}: {
+  onRetry: () => void;
+  retrying?: boolean;
+}) {
+  const t = useT();
+
+  return (
+    <div className="flex min-h-56 flex-col items-center justify-center gap-3 rounded-xl border border-destructive/30 px-6 py-12 text-center">
+      <IconAlertTriangle className="size-8 text-destructive" />
+      <p className="text-sm text-destructive">{t("common.genericError")}</p>
+      <Button size="sm" variant="outline" onClick={onRetry} disabled={retrying}>
+        {t("chat.figmaLink.retry")}
+      </Button>
+    </div>
+  );
+}

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

@@ -455,7 +455,7 @@ type ActionCallbackMap = Partial<
 
 // design-editor menu chrome: compact, dark-border, subtle shadow, no animation jitter
 const MENU_CONTENT_CLASS =
-  "w-52 min-w-[200px] rounded-[6px] border border-[var(--design-editor-control-border)] bg-[var(--design-editor-panel-bg)] py-[3px] px-[3px] text-[12px] text-foreground shadow-[0_4px_16px_rgba(0,0,0,0.16),0_0_0_0.5px_rgba(0,0,0,0.08)] outline-none data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-[0.97] data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 duration-100";
+  "w-52 min-w-[200px] rounded-[6px] border border-[var(--design-editor-control-border)] bg-[var(--design-editor-panel-bg)] py-[3px] px-[3px] text-[12px] text-foreground shadow-[0_4px_16px_rgba(0,0,0,0.16),0_0_0_0.5px_rgba(0,0,0,0.08)] outline-none";
 // design row height ~28px, full-width highlight on hover, no icon gap waste
 const MENU_ITEM_CLASS =
   "flex h-7 cursor-default select-none items-center rounded-[4px] px-2 py-0 text-[12px] leading-none gap-0 focus:bg-[var(--design-editor-selection-color)] focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-35";

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

@@ -523,8 +523,11 @@ export function DesignImportPanel({ context }: DesignImportPanelProps) {
                     className="h-1 overflow-hidden rounded-full bg-muted"
                   >
                     <div
-                      className="h-full rounded-full bg-foreground/70 transition-[width] duration-150"
-                      style={{ width: `${figUploadProgress ?? 0}%` }}
+                      className="h-full rounded-full bg-foreground/70 origin-left transition-transform duration-150"
+                      style={{
+                        transform: `scaleX(${(figUploadProgress ?? 0) / 100})`,
+                        width: "100%",
+                      }}
                     />
                   </div>
                 </div>