@agent-native/core 0.118.1 → 0.119.1

package/src/client/chat-model-groups.ts

@@ -40,34 +40,64 @@ function addCurrentModel(
   return next;
 }
 
+const MODEL_COST_ORDER = [
+  "luna",
+  "terra",
+  "sol",
+  "haiku",
+  "sonnet",
+  "opus",
+  "fable",
+  "flash",
+  "pro",
+] as const;
+
+function modelCostRank(model: string): number {
+  const normalized = model.toLowerCase();
+  const rank = MODEL_COST_ORDER.findIndex((tier) => normalized.includes(tier));
+  return rank === -1 ? MODEL_COST_ORDER.length : rank;
+}
+
+function sortModelsByCost(models: readonly string[]): string[] {
+  return [...models].sort((a, b) => modelCostRank(a) - modelCostRank(b));
+}
+
 function groupBuilderModels(models: readonly string[]): EngineModelGroup[] {
-  const claude = models.filter((model) => model.startsWith("claude-"));
-  const openai = models.filter((model) => model.startsWith("gpt-"));
-  const gemini = models.filter((model) => model.startsWith("gemini-"));
-  const other = models.filter(
-    (model) =>
-      !model.startsWith("claude-") &&
-      !model.startsWith("gpt-") &&
-      !model.startsWith("gemini-"),
+  const claude = sortModelsByCost(
+    models.filter((model) => model.startsWith("claude-")),
+  );
+  const openai = sortModelsByCost(
+    models.filter((model) => model.startsWith("gpt-")),
+  );
+  const gemini = sortModelsByCost(
+    models.filter((model) => model.startsWith("gemini-")),
+  );
+  const other = sortModelsByCost(
+    models.filter(
+      (model) =>
+        !model.startsWith("claude-") &&
+        !model.startsWith("gpt-") &&
+        !model.startsWith("gemini-"),
+    ),
   );
 
   return [
-    ...(claude.length
+    ...(openai.length
       ? [
           {
             engine: "builder",
-            label: "Claude",
-            models: claude,
+            label: "OpenAI",
+            models: openai,
             configured: true,
           },
         ]
       : []),
-    ...(openai.length
+    ...(claude.length
       ? [
           {
             engine: "builder",
-            label: "OpenAI",
-            models: openai,
+            label: "Claude",
+            models: claude,
             configured: true,
           },
         ]
@@ -115,16 +145,24 @@ function shouldShowDirectEngine(
   return true;
 }
 
-function putOpenRouterLast(
+function modelPickerEngineRank(engine: ChatModelEngineEntry): number {
+  if (engine.name === "ai-sdk:openai" || engine.label === "OpenAI") return 0;
+  if (
+    engine.name === "anthropic" ||
+    engine.name === "ai-sdk:anthropic" ||
+    engine.label === "Claude"
+  ) {
+    return 1;
+  }
+  if (engine.name === "ai-sdk:openrouter") return 100;
+  return 2;
+}
+
+function sortModelPickerEngines(
   a: ChatModelEngineEntry,
   b: ChatModelEngineEntry,
 ): number {
-  const aIsOpenRouter = a.name === "ai-sdk:openrouter";
-  const bIsOpenRouter = b.name === "ai-sdk:openrouter";
-  if (aIsOpenRouter === bIsOpenRouter) return 0;
-  if (aIsOpenRouter) return 1;
-  if (bIsOpenRouter) return -1;
-  return 0;
+  return modelPickerEngineRank(a) - modelPickerEngineRank(b);
 }
 
 export function buildChatModelGroups({
@@ -150,17 +188,19 @@ export function buildChatModelGroups({
   return engines
     .filter((engine) => engine.packageInstalled !== false)
     .filter((engine) => shouldShowDirectEngine(engine, currentEngineName))
-    .sort(putOpenRouterLast)
+    .sort(sortModelPickerEngines)
     .map((engine) => {
       const requiredEnvVars = engine.requiredEnvVars ?? [];
       return {
         engine: engine.name,
         label: engine.label,
-        models: addCurrentModel(
-          engine.supportedModels ?? [],
-          engine.name,
-          currentEngineName,
-          currentModel,
+        models: sortModelsByCost(
+          addCurrentModel(
+            engine.supportedModels ?? [],
+            engine.name,
+            currentEngineName,
+            currentModel,
+          ),
         ),
         configured:
           requiredEnvVars.length === 0 ||

package/src/client/sharing/ShareButton.tsx

@@ -77,7 +77,7 @@ export interface ShareButtonProps {
   shareUrlPlacement?: "top" | "bottom";
   /** Whether to render copyable share URL fields. Defaults to true. */
   showShareLinks?: boolean;
-  /** Whether to render the bottom Done button. Defaults to true. */
+  /** @deprecated The Done action was removed; share popovers dismiss directly. */
   showDoneButton?: boolean;
   /** Optional placeholder shown in the share-URL slot when `shareUrl` is
    *  undefined. Use this to explain *why* there's no link yet (e.g. "Publish
@@ -301,7 +301,6 @@ function SharePanel(
   const {
     inviteEmail,
     setInviteEmail: onInviteEmailChange,
-    handleOpenChange,
     activeShareTab,
     handleShareTabChange,
     data,
@@ -326,7 +325,6 @@ function SharePanel(
     handleAdd,
     handleChangeRole,
     handleRemove,
-    handleDone,
   } = controller;
   const hasInviteEmail = inviteEmail.trim().length > 0;
 
@@ -367,7 +365,6 @@ function SharePanel(
     (Boolean(props.shareUrl) ||
       Boolean(props.shareUrlPlaceholder) ||
       Boolean(props.secondaryShareUrl));
-  const showDoneButton = props.showDoneButton ?? true;
   const shareUrlPlacement = props.shareUrlPlacement ?? "bottom";
   const extraTabs = props.shareTabs?.tabs ?? [];
   const hasTabs = extraTabs.length > 0;
@@ -392,17 +389,6 @@ function SharePanel(
       <div className="mb-4 h-7 rounded-md bg-muted animate-pulse" />
       <div className="mb-2 text-sm font-semibold">{generalAccessLabel}</div>
       <div className="mb-4 h-9 rounded-md bg-muted animate-pulse" />
-      {showDoneButton ? (
-        <div className="mt-2 flex justify-end">
-          <button
-            type="button"
-            onClick={() => handleOpenChange(false)}
-            className={BUTTON_PRIMARY_SM}
-          >
-            Done
-          </button>
-        </div>
-      ) : null}
     </div>
   ) : (
     <div>
@@ -579,18 +565,6 @@ function SharePanel(
       {showShareLinks && shareUrlPlacement === "bottom" ? shareLinks : null}
 
       {props.shareFooterContent}
-
-      {showDoneButton ? (
-        <div className="mt-2 flex justify-end">
-          <button
-            type="button"
-            onClick={handleDone}
-            className={BUTTON_PRIMARY_SM}
-          >
-            Done
-          </button>
-        </div>
-      ) : null}
     </div>
   );
 

package/src/client/sharing/ShareDialog.tsx

@@ -61,10 +61,6 @@ const BUTTON_OUTLINE_SM = cn(
   BUTTON_BASE,
   "!h-9 !px-3 border border-input bg-background hover:bg-accent hover:text-accent-foreground",
 );
-const BUTTON_PRIMARY_SM = cn(
-  BUTTON_BASE,
-  "!h-9 !px-4 bg-primary text-primary-foreground hover:bg-primary/90",
-);
 const BUTTON_GHOST_ICON = cn(
   BUTTON_BASE,
   "!h-8 !w-8 !p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground",
@@ -171,18 +167,6 @@ export function ShareDialog({
           ? (embedTabContent ?? <DefaultEmbedBody controller={controller} />)
           : null}
       </div>
-
-      <div className="flex justify-end border-t border-border px-5 py-3">
-        <ActionButton
-          type="button"
-          intent="primary"
-          emphasis="solid"
-          onPress={controller.close}
-          className={BUTTON_PRIMARY_SM}
-        >
-          {controller.labels.done}
-        </ActionButton>
-      </div>
     </DesignSystemDialog>
   );
 }

package/src/client/sharing/useShareButtonController.ts

@@ -105,7 +105,6 @@ export interface ShareButtonController {
   handleAdd: () => void;
   handleChangeRole: (share: ShareButtonShare, role: ShareButtonRole) => void;
   handleRemove: (share: ShareButtonShare) => void;
-  handleDone: () => void;
 }
 
 export function useShareButtonController(
@@ -547,11 +546,6 @@ export function useShareButtonController(
     ],
   );
 
-  const handleDone = useCallback(() => {
-    if (canManage && inviteEmail.trim()) handleAdd();
-    handleOpenChange(false);
-  }, [canManage, handleAdd, handleOpenChange, inviteEmail]);
-
   return {
     open,
     handleOpenChange,
@@ -585,7 +579,6 @@ export function useShareButtonController(
     handleAdd,
     handleChangeRole,
     handleRemove,
-    handleDone,
   };
 }
 

package/src/client/sharing/useShareDialogController.ts

@@ -71,7 +71,6 @@ export interface ShareDialogController {
   tabs: Array<{ value: ShareDialogTab; label: string }>;
   labels: {
     close: string;
-    done: string;
     shareOptions: string;
     generalAccess: string;
     shareLink: string;
@@ -407,7 +406,6 @@ export function useShareDialogController({
     ],
     labels: {
       close: t("share.close"),
-      done: t("share.done"),
       shareOptions: t("share.shareOptions"),
       generalAccess: t("share.generalAccess"),
       shareLink: t("share.shareLink"),

package/src/client/sse-event-processor.ts

@@ -1,5 +1,6 @@
 import type { ChatModelRunResult } from "@assistant-ui/react";
 
+import type { A2AAgentActivitySnapshot } from "../a2a/activity.js";
 import type { ActionChatUIConfig } from "../action-ui.js";
 import {
   LLM_MISSING_CREDENTIALS_ERROR_CODE,
@@ -74,6 +75,12 @@ export interface SSEEvent {
   seq?: number;
   agent?: string;
   status?: string;
+  state?: string;
+  elapsedSeconds?: number;
+  detail?: string;
+  agentCallId?: string;
+  durationMs?: number;
+  snapshot?: A2AAgentActivitySnapshot;
   reason?: string;
   // Agent task fields
   taskId?: string;
@@ -100,6 +107,12 @@ export type AgentAutoContinueReason =
 
 export type AgentActivityTrailEntry = { label: string; tool?: string };
 
+export interface AgentCallProgress {
+  state: string;
+  elapsedSeconds: number;
+  detail?: string;
+}
+
 export interface AgentAutoContinueErrorInfo {
   message: string;
   details?: string;
@@ -1365,7 +1378,7 @@ export function processEvent(
   if (ev.type === "agent_call") {
     const agentName = ev.agent ?? "agent";
     if (ev.status === "start") {
-      const toolCallId = `tc_${++toolCallCounter.value}`;
+      const toolCallId = ev.agentCallId ?? `tc_${++toolCallCounter.value}`;
       content.push({
         type: "tool-call",
         toolCallId,
@@ -1380,9 +1393,16 @@ export function processEvent(
         if (
           part.type === "tool-call" &&
           part.toolName === `agent:${agentName}` &&
+          (!ev.agentCallId || part.toolCallId === ev.agentCallId) &&
           part.result === undefined
         ) {
           part.result = ev.status === "error" ? "Error calling agent" : "Done";
+          part.structuredMeta = {
+            ...part.structuredMeta,
+            ...(ev.durationMs != null
+              ? { agentDurationMs: ev.durationMs }
+              : {}),
+          };
           break;
         }
       }
@@ -1401,6 +1421,7 @@ export function processEvent(
       if (
         part.type === "tool-call" &&
         part.toolName === `agent:${agentName}` &&
+        (!ev.agentCallId || part.toolCallId === ev.agentCallId) &&
         part.result === undefined
       ) {
         part.argsText += ev.text ?? "";
@@ -1413,6 +1434,69 @@ export function processEvent(
     };
   }
 
+  if (ev.type === "agent_call_progress") {
+    const agentName = ev.agent ?? "agent";
+    if (typeof ev.state !== "string") {
+      return { action: "continue" };
+    }
+    const elapsedSeconds =
+      typeof ev.elapsedSeconds === "number" &&
+      Number.isFinite(ev.elapsedSeconds) &&
+      ev.elapsedSeconds >= 0
+        ? ev.elapsedSeconds
+        : 0;
+    for (let i = content.length - 1; i >= 0; i--) {
+      const part = content[i];
+      if (
+        part.type === "tool-call" &&
+        part.toolName === `agent:${agentName}` &&
+        (!ev.agentCallId || part.toolCallId === ev.agentCallId) &&
+        part.result === undefined
+      ) {
+        part.structuredMeta = {
+          ...part.structuredMeta,
+          agentProgress: {
+            state: ev.state,
+            elapsedSeconds,
+            ...(ev.detail ? { detail: ev.detail } : {}),
+          } satisfies AgentCallProgress,
+        };
+        break;
+      }
+    }
+    return {
+      action: "yield",
+      result: { content: contentSnapshot(content) } as ChatModelRunResult,
+    };
+  }
+
+  if (ev.type === "agent_call_activity" && ev.snapshot) {
+    const agentName = ev.agent ?? "agent";
+    for (let i = content.length - 1; i >= 0; i--) {
+      const part = content[i];
+      if (
+        part.type === "tool-call" &&
+        part.toolName === `agent:${agentName}` &&
+        (!ev.agentCallId || part.toolCallId === ev.agentCallId)
+      ) {
+        const previous = part.structuredMeta?.agentActivity as
+          | A2AAgentActivitySnapshot
+          | undefined;
+        if (!previous || ev.snapshot.sequence >= previous.sequence) {
+          part.structuredMeta = {
+            ...part.structuredMeta,
+            agentActivity: ev.snapshot,
+          };
+        }
+        break;
+      }
+    }
+    return {
+      action: "yield",
+      result: { content: contentSnapshot(content) } as ChatModelRunResult,
+    };
+  }
+
   // ─── Agent task events (sub-agent chips) ─────────────────────────
   // These events are dispatched as CustomEvents so AgentTaskCard components
   // can listen for updates to their specific taskId.

package/src/ingestion/figma-node-to-html.ts

@@ -62,6 +62,15 @@
  * mismatch.
  */
 
+import {
+  cssBlendMode,
+  gradientAngleDegrees as gradientAngleDegreesMath,
+  remapLinearStopPosition as remapLinearStopPositionMath,
+  resolveGradientHandles,
+  vectorLength,
+  type GradientHandles,
+} from "./figma-paint-math.js";
+
 export interface FigmaColor {
   r: number;
   g: number;
@@ -422,16 +431,8 @@ class FidelityTracker {
 // Gradient angle / position derivation
 // ---------------------------------------------------------------------------
 
-interface GradientGeometry {
-  start: { x: number; y: number };
-  end: { x: number; y: number };
-  width: { x: number; y: number };
-}
-
-function resolveGradientGeometry(paint: FigmaPaint): GradientGeometry | null {
-  const handles = paint.gradientHandlePositions;
-  if (!handles || handles.length < 3) return null;
-  return { start: handles[0]!, end: handles[1]!, width: handles[2]! };
+function resolveGradientGeometry(paint: FigmaPaint): GradientHandles | null {
+  return resolveGradientHandles(paint.gradientHandlePositions);
 }
 
 /**
@@ -453,13 +454,7 @@ export function gradientAngleDegrees(
   paint: FigmaPaint,
   box: { width: number; height: number },
 ): number | null {
-  const geometry = resolveGradientGeometry(paint);
-  if (!geometry) return null;
-  const dx = (geometry.end.x - geometry.start.x) * box.width;
-  const dy = (geometry.end.y - geometry.start.y) * box.height;
-  const angleRad = Math.atan2(dy, dx);
-  const angleDeg = (angleRad * 180) / Math.PI + 90;
-  return ((angleDeg % 360) + 360) % 360;
+  return gradientAngleDegreesMath(paint, box);
 }
 
 function gradientStopsCss(
@@ -478,59 +473,12 @@ function gradientStopsCss(
     .join(", ");
 }
 
-/**
- * CSS `linear-gradient(angle, ...)` always stretches its 0%/100% stops
- * across the box's FULL diagonal extent at that angle (the CSS spec's
- * "gradient line" always spans corner-to-corner) -- it has no way to say
- * "start partway in, end partway in" the way Figma's actual gradient handles
- * can (a designer can drag the start/end handles anywhere, including short
- * of the shape's edges, or past them). Figma's own stop positions are
- * fractions of the literal start-handle-to-end-handle distance, which only
- * happens to coincide with the CSS full-box span when the handles are
- * dragged exactly corner-to-corner -- a common case, but far from the only
- * one, and the divergence gets worse the more the box's aspect ratio departs
- * from square (rotated/skewed handles included, e.g. gradientTransform-authored
- * paints). This projects each Figma stop's real pixel position onto the same
- * angle CSS will use and re-expresses it as a percentage of the CSS line's
- * length, so a partial/offset gradient renders at the same actual pixel
- * positions Figma draws it at instead of silently stretching to fill the box.
- */
 function remapLinearStopPosition(
-  geometry: GradientGeometry,
+  geometry: GradientHandles,
   box: { width: number; height: number },
   angleDeg: number,
 ): (position: number) => number {
-  const angleRad = (angleDeg * Math.PI) / 180;
-  const ux = Math.sin(angleRad);
-  const uy = -Math.cos(angleRad);
-  const lineLength = box.width * Math.abs(ux) + box.height * Math.abs(uy);
-  if (lineLength < 1e-6) return (position) => position;
-  const startPx = {
-    x: geometry.start.x * box.width,
-    y: geometry.start.y * box.height,
-  };
-  const endPx = {
-    x: geometry.end.x * box.width,
-    y: geometry.end.y * box.height,
-  };
-  const centerX = box.width / 2;
-  const centerY = box.height / 2;
-  return (position: number) => {
-    const pointX = startPx.x + position * (endPx.x - startPx.x);
-    const pointY = startPx.y + position * (endPx.y - startPx.y);
-    const projected = (pointX - centerX) * ux + (pointY - centerY) * uy;
-    return (projected + lineLength / 2) / lineLength;
-  };
-}
-
-function vectorLength(
-  from: { x: number; y: number },
-  to: { x: number; y: number },
-  box: { width: number; height: number },
-): number {
-  const dx = (to.x - from.x) * box.width;
-  const dy = (to.y - from.y) * box.height;
-  return Math.sqrt(dx * dx + dy * dy);
+  return remapLinearStopPositionMath(geometry, box, angleDeg);
 }
 
 /**
@@ -960,49 +908,22 @@ function buildEffects(
 // Blend modes
 // ---------------------------------------------------------------------------
 
-const CSS_BLEND_MODES = new Set([
-  "multiply",
-  "screen",
-  "overlay",
-  "darken",
-  "lighten",
-  "color-dodge",
-  "color-burn",
-  "hard-light",
-  "soft-light",
-  "difference",
-  "exclusion",
-  "hue",
-  "saturation",
-  "color",
-  "luminosity",
-]);
-
-const FIGMA_ONLY_BLEND_MODE_FALLBACK: Record<string, string> = {
-  LINEAR_BURN: "multiply",
-  LINEAR_DODGE: "plus-lighter",
-  LIGHTER: "plus-lighter",
-  DARKER: "darken",
-};
-
 function buildBlendMode(
   node: FigmaNode,
   tracker: FidelityTracker,
 ): string | undefined {
   const mode = node.blendMode;
-  if (!mode || mode === "PASS_THROUGH" || mode === "NORMAL") return undefined;
-  const cssMode = mode.toLowerCase().replace(/_/g, "-");
-  if (CSS_BLEND_MODES.has(cssMode)) return cssMode;
-  const fallback = FIGMA_ONLY_BLEND_MODE_FALLBACK[mode];
-  if (fallback) {
+  if (!mode) return undefined;
+  const result = cssBlendMode(mode);
+  if (!result) return undefined;
+  if (result.verdict === "approximated") {
     tracker.record(
       node,
       "approximated",
-      `Figma blend mode "${mode}" has no CSS equivalent; approximated as mix-blend-mode: ${fallback}.`,
+      `Figma blend mode "${mode}" has no CSS equivalent; approximated as mix-blend-mode: ${result.cssMode}.`,
     );
-    return fallback;
   }
-  return undefined;
+  return result.cssMode;
 }
 
 // ---------------------------------------------------------------------------