@agent-native/core 0.97.0 → 0.98.0

package/corpus/templates/content/.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/content/actions/move-document.ts

@@ -267,23 +267,10 @@ export default defineAction({
             parentId: args.parentId,
           })
         : null;
-    const normalizedSiblingPositions =
-      args.position !== undefined
-        ? await resolveSiblingPositionsAfterMove({
-            db,
-            ownerEmail,
-            id,
-            parentId: targetParentId,
-            rootSection: existing,
-            position: args.position,
-          })
-        : null;
-
-    if (args.position !== undefined) {
-      updates.position =
-        normalizedSiblingPositions?.find((document) => document.id === id)
-          ?.position ?? args.position;
-    }
+    let normalizedSiblingPositions: Array<{
+      id: string;
+      position: number;
+    }> | null = null;
 
     const runMoveTransaction = () =>
       db.transaction(async (tx) => {
@@ -321,7 +308,36 @@ export default defineAction({
         }
       });
 
-    if (args.position === undefined && args.parentId !== undefined) {
+    if (args.position !== undefined) {
+      // Resequencing reads every current sibling under the target parent,
+      // computes a full renumbering with the moved document inserted, then
+      // writes that renumbering. That read-then-write is exactly as racy as
+      // the append path below: two concurrent moves/reparents into the same
+      // parent can each read the same pre-move snapshot and then each commit
+      // a full-but-stale renumbering, silently clobbering the other move or
+      // leaving a document's new position colliding with one a concurrent
+      // append/reparent just claimed. Serialize the read through the write
+      // under the SAME per-(owner, parent) lock the append branch uses so an
+      // append and a reorder/reparent into one parent can't race each other
+      // either (see _position-utils.ts).
+      await withPositionLock(
+        documentsPositionScope(ownerEmail, targetParentId),
+        async () => {
+          normalizedSiblingPositions = await resolveSiblingPositionsAfterMove({
+            db,
+            ownerEmail,
+            id,
+            parentId: targetParentId,
+            rootSection: existing,
+            position: args.position!,
+          });
+          updates.position =
+            normalizedSiblingPositions?.find((document) => document.id === id)
+              ?.position ?? args.position;
+          await runMoveTransaction();
+        },
+      );
+    } else if (args.parentId !== undefined) {
       // Appending to the end of the new parent's children reads MAX(position)
       // then writes MAX+1. Serialize the read through the write so a
       // concurrent move/create/add targeting the same parent can't read the

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

@@ -0,0 +1,39 @@
+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,
+  compact = false,
+}: {
+  onRetry: () => void;
+  retrying?: boolean;
+  compact?: boolean;
+}) {
+  const t = useT();
+
+  return (
+    <div
+      className={
+        compact
+          ? "flex flex-col items-center gap-2 px-3 py-4 text-center"
+          : "flex flex-1 items-center justify-center bg-background px-6"
+      }
+    >
+      <div className="flex max-w-sm flex-col items-center gap-3 text-center">
+        <IconAlertTriangle className="size-7 text-destructive" />
+        <p className="text-sm text-destructive">{t("empty.genericError")}</p>
+        <Button
+          size="sm"
+          variant="outline"
+          onClick={onRetry}
+          disabled={retrying}
+        >
+          {t("database.retry")}
+        </Button>
+      </div>
+    </div>
+  );
+}

package/corpus/templates/content/app/components/editor/LinkHoverPreview.tsx

@@ -164,7 +164,7 @@ export function LinkHoverPreview({
         left: Math.max(16, hoveredLink.rect.left),
         zIndex: 50,
       }}
-      className="w-72 rounded-lg border bg-popover text-popover-foreground shadow-md overflow-hidden animate-in fade-in-0 zoom-in-95"
+      className="w-72 rounded-lg border bg-popover text-popover-foreground shadow-md overflow-hidden animate-in fade-in-0 zoom-in-95 origin-top-left"
     >
       {editing ? (
         <div className="flex items-center gap-1 p-1.5">