@frontera-sdk/chat-ui 1.50.79 → 1.50.80

package/dist/{chunk-TSKFBMGC.js → chunk-PUMRNN3R.js}

@@ -1,10 +1,10 @@
 'use client';
-import { cn } from './chunk-XLX3L3P4.js';
+import { cn } from './chunk-LGVMMBL3.js';
 import { forwardRef, useState, useId, useRef, useMemo, memo, useEffect, useLayoutEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { z } from 'zod';
 
-// src/vendor/ui/agent-avatar/lab/math.ts
+// ../platform-kit/src/ui/agent-avatar/lab/math.ts
 var TAU = Math.PI * 2;
 var clamp = (value, minimum = 0, maximum = 1) => value < minimum ? minimum : value > maximum ? maximum : value;
 var lerp = (from, to, progress) => from + (to - from) * progress;
@@ -28,7 +28,7 @@ function createRng(seed) {
 }
 var r2 = (value) => Math.round(value * 100) / 100;
 
-// src/vendor/ui/agent-avatar/lab/expressions.ts
+// ../platform-kit/src/ui/agent-avatar/lab/expressions.ts
 var eye = (width, height, tilt = 0, open = 1) => ({
   width,
   height,
@@ -79,7 +79,7 @@ function blendEyeExpressions(from, to, progress) {
   };
 }
 
-// src/vendor/ui/agent-avatar/lab/eyes.ts
+// ../platform-kit/src/ui/agent-avatar/lab/eyes.ts
 function clampGaze(gaze) {
   return {
     x: clamp(gaze.x, -1, 1),
@@ -113,7 +113,7 @@ function eyePair(region, gaze, openness, state, expressionInput = "neutral", eye
   return [buildEye(-1, 0), buildEye(1, 1)];
 }
 
-// src/vendor/ui/agent-avatar/lab/shape.ts
+// ../platform-kit/src/ui/agent-avatar/lab/shape.ts
 function normalizeProfile(radii, maximum = 1) {
   const peak = Math.max(...radii);
   if (!Number.isFinite(peak) || peak <= 0) return [...radii];
@@ -271,7 +271,7 @@ function profilePath(radii, pose = {}, tension = 1 / 6) {
   return closedPath(profilePoints(radii, 104, 128, 128, pose), tension);
 }
 
-// src/vendor/ui/agent-avatar/lab/profiles.ts
+// ../platform-kit/src/ui/agent-avatar/lab/profiles.ts
 var PROFILE_SAMPLES = 64;
 var angles = Array.from(
   { length: PROFILE_SAMPLES },
@@ -694,7 +694,7 @@ function resolveFaceColors(housingColor, preference) {
   return { tone, ...AVATAR_FACE_COLORS[tone] };
 }
 
-// src/vendor/ui/agent-avatar/lab/motion.ts
+// ../platform-kit/src/ui/agent-avatar/lab/motion.ts
 var BLINK_RNG = createRng(24301);
 var BLINKS = (() => {
   const schedule = [];
@@ -856,7 +856,7 @@ function blendMotion(from, to, progress) {
   };
 }
 
-// src/vendor/ui/agent-avatar/lab/engine.ts
+// ../platform-kit/src/ui/agent-avatar/lab/engine.ts
 var ROLE_EYE_SCALE = 1.35;
 function sampleAvatarFrame({
   shape: shapeId,
@@ -1407,7 +1407,7 @@ function compileShader(gl, type, source) {
   }
   return shader;
 }
-function createCloudRenderer(canvas, color) {
+function createCloudRenderer(canvas, color, renderSize = Math.max(1, Math.round(ORB_DIAMETER * devicePixelScale()))) {
   let gl;
   try {
     gl = canvas.getContext("webgl", {
@@ -1456,8 +1456,7 @@ function createCloudRenderer(canvas, color) {
     gl.deleteShader(fragmentShader);
     return void 0;
   }
-  const pixelRatio = Math.min(window.devicePixelRatio || 1, 2);
-  const pixelSize = Math.max(1, Math.round(ORB_DIAMETER * pixelRatio));
+  const pixelSize = Math.max(1, Math.round(renderSize));
   canvas.width = pixelSize;
   canvas.height = pixelSize;
   gl.viewport(0, 0, pixelSize, pixelSize);
@@ -1490,32 +1489,74 @@ function createCloudRenderer(canvas, color) {
 function cloudFallback(color) {
   return `radial-gradient(circle at 50% 47%, rgba(255,255,255,0.92) 0%, ${color} 42%, rgba(80, 88, 220, 0.9) 100%)`;
 }
-function paintCloudSnapshot(canvas, color, state) {
+function devicePixelScale() {
+  return Math.min(typeof window === "undefined" ? 1 : window.devicePixelRatio || 1, 2);
+}
+var SNAPSHOT_CACHE = /* @__PURE__ */ new Map();
+var MIN_MASTER_PX = 64;
+function masterSizeFor(devicePx) {
+  const ceiling = Math.max(1, Math.round(ORB_DIAMETER * devicePixelScale()));
+  let size = MIN_MASTER_PX;
+  while (size < devicePx && size < ceiling) size *= 2;
+  return Math.min(size, ceiling);
+}
+function cloudSnapshotSource(color, state, devicePx) {
+  const activity = sampleOrbCloudMotion(state).activity;
+  const masterPx = masterSizeFor(devicePx);
+  const key = `${color}|${activity}|${masterPx}`;
+  const cached = SNAPSHOT_CACHE.get(key);
+  if (cached !== void 0) return cached;
   const source = document.createElement("canvas");
-  const renderer = createCloudRenderer(source, color);
-  if (!renderer) return false;
-  renderer.draw(0, sampleOrbCloudMotion(state).activity);
-  canvas.width = source.width;
-  canvas.height = source.height;
+  const renderer = createCloudRenderer(source, color, masterPx);
+  if (!renderer) {
+    SNAPSHOT_CACHE.set(key, null);
+    return null;
+  }
+  renderer.draw(0, activity);
+  const snapshot = document.createElement("canvas");
+  snapshot.width = source.width;
+  snapshot.height = source.height;
   let context;
   try {
-    context = canvas.getContext("2d");
+    context = snapshot.getContext("2d");
   } catch {
-    renderer.destroy();
-    return false;
+    context = null;
   }
   if (!context) {
     renderer.destroy();
-    return false;
+    SNAPSHOT_CACHE.set(key, null);
+    return null;
   }
-  context.drawImage(source, 0, 0, canvas.width, canvas.height);
+  context.drawImage(source, 0, 0);
   renderer.destroy();
+  SNAPSHOT_CACHE.set(key, snapshot);
+  return snapshot;
+}
+function paintCloudSnapshot(canvas, color, state, devicePx) {
+  const source = cloudSnapshotSource(color, state, devicePx);
+  if (!source) return false;
+  const size = Math.max(1, Math.round(devicePx));
+  canvas.width = size;
+  canvas.height = size;
+  let context;
+  try {
+    context = canvas.getContext("2d");
+  } catch {
+    return false;
+  }
+  if (!context) return false;
+  context.drawImage(source, 0, 0, size, size);
   return true;
 }
-function OrbCloud({ color, playing, reducedMotion, state }) {
+function OrbCloud({ color, playing, reducedMotion, state, size }) {
   const canvasRef = useRef(null);
   const stateRef = useRef(state);
-  const rendererKey = `${color}:${playing}:${reducedMotion}`;
+  const stagePx = size ?? 256;
+  const devicePx = Math.max(
+    1,
+    Math.round(stagePx * ORB_DIAMETER / 256 * devicePixelScale())
+  );
+  const rendererKey = `${color}:${playing}:${reducedMotion}:${devicePx}`;
   const [unavailableRendererKey, setUnavailableRendererKey] = useState(null);
   const webglUnavailable = unavailableRendererKey === rendererKey;
   const continuouslyAnimated = playing && !reducedMotion && !webglUnavailable;
@@ -1528,10 +1569,10 @@ function OrbCloud({ color, playing, reducedMotion, state }) {
     if (!canvas) return;
     canvas.style.background = cloudFallback(color);
     if (!continuouslyAnimated) {
-      paintCloudSnapshot(canvas, color, snapshotState ?? stateRef.current);
+      paintCloudSnapshot(canvas, color, snapshotState ?? stateRef.current, devicePx);
       return;
     }
-    const renderer = createCloudRenderer(canvas, color);
+    const renderer = createCloudRenderer(canvas, color, devicePx);
     if (!renderer) {
       setUnavailableRendererKey(rendererKey);
       return;
@@ -1559,53 +1600,47 @@ function OrbCloud({ color, playing, reducedMotion, state }) {
       canvas.removeEventListener("webglcontextlost", handleContextLost);
       renderer.destroy();
     };
-  }, [color, continuouslyAnimated, rendererKey, snapshotState]);
-  return /* @__PURE__ */ jsx(
-    "foreignObject",
+  }, [color, continuouslyAnimated, devicePx, rendererKey, snapshotState]);
+  const stageSize = stagePx;
+  const canvasSize = stageSize * ORB_DIAMETER / 256;
+  const cloud2 = /* @__PURE__ */ jsx(
+    "span",
     {
-      x: "0",
-      y: "0",
-      width: "256",
-      height: "256",
       "data-avatar-orb-cloud": "",
       "data-avatar-orb-cloud-state": state,
       "data-avatar-orb-cloud-theme": toOrbCloudState(state),
-      style: { pointerEvents: "none" },
+      style: {
+        alignItems: "center",
+        display: "flex",
+        height: stageSize,
+        justifyContent: "center",
+        pointerEvents: "none",
+        width: stageSize
+      },
       children: /* @__PURE__ */ jsx(
-        "div",
+        "canvas",
         {
+          ref: canvasRef,
+          "aria-hidden": "true",
+          "data-avatar-orb-cloud-alpha": "opaque",
+          "data-avatar-orb-cloud-canvas": "",
+          "data-avatar-orb-cloud-renderer": continuouslyAnimated ? "animated-webgl" : "snapshot-2d",
           style: {
-            alignItems: "center",
-            display: "flex",
-            height: 256,
-            justifyContent: "center",
-            width: 256
-          },
-          children: /* @__PURE__ */ jsx(
-            "canvas",
-            {
-              ref: canvasRef,
-              "aria-hidden": "true",
-              "data-avatar-orb-cloud-alpha": "opaque",
-              "data-avatar-orb-cloud-canvas": "",
-              "data-avatar-orb-cloud-renderer": continuouslyAnimated ? "animated-webgl" : "snapshot-2d",
-              style: {
-                borderRadius: "50%",
-                clipPath: "circle(50% at 50% 50%)",
-                display: "block",
-                height: ORB_DIAMETER,
-                width: ORB_DIAMETER
-              }
-            },
-            continuouslyAnimated ? "animated-webgl" : "snapshot-2d"
-          )
-        }
+            borderRadius: "50%",
+            clipPath: "circle(50% at 50% 50%)",
+            display: "block",
+            height: canvasSize,
+            width: canvasSize
+          }
+        },
+        continuouslyAnimated ? "animated-webgl" : "snapshot-2d"
       )
     }
   );
+  return size === void 0 ? /* @__PURE__ */ jsx("foreignObject", { x: "0", y: "0", width: "256", height: "256", "data-avatar-orb-cloud": "", children: cloud2 }) : cloud2;
 }
 
-// src/vendor/ui/agent-avatar/lab/timeline.ts
+// ../platform-kit/src/ui/agent-avatar/lab/timeline.ts
 var STATE_TRANSITION_DURATION = {
   idle: 0.45,
   attentive: 0.55,
@@ -2035,7 +2070,7 @@ var Avatar = forwardRef(function Avatar2({
   );
 });
 
-// src/vendor/service/agent-avatar-seed.ts
+// src/adapters/service/agent-avatar-seed.ts
 var SEEDED_AGENT_AVATAR_COLORS = [
   "#E8483F",
   "#F08A24",
@@ -2058,7 +2093,7 @@ function pickAgentAvatarColor(seed) {
   return SEEDED_AGENT_AVATAR_COLORS[(hash >>> 0) % SEEDED_AGENT_AVATAR_COLORS.length];
 }
 
-// src/vendor/service/agent-avatar-config.ts
+// src/adapters/service/agent-avatar-config.ts
 var AGENT_AVATAR_SHAPES = [
   "orb",
   "round",
@@ -2088,7 +2123,7 @@ z.object({
   face: z.enum(["square", "none"]).optional()
 }).strict();
 
-// src/vendor/service/agent-history-contract.ts
+// src/adapters/service/agent-history-contract.ts
 var HISTORY_CITATION_PREFIX = "/cite/history/";
 function historyCitationReference(href) {
   if (!href.startsWith(HISTORY_CITATION_PREFIX)) return null;
@@ -2096,7 +2131,7 @@ function historyCitationReference(href) {
   return reference.length <= 16e3 && /^[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+$/.test(reference) ? reference : null;
 }
 
-// src/vendor/service-types.ts
+// src/adapters/service-types.ts
 var FORMAT_EXT = {
   markdown: "md",
   csv: "csv",
@@ -2108,7 +2143,7 @@ var FORMAT_EXT = {
   canvas: "html"
 };
 
-// src/vendor/ui/agent-avatar/types.ts
+// ../platform-kit/src/ui/agent-avatar/types.ts
 var DEFAULT_AGENT_AVATAR_CONFIG = {
   version: 4,
   shape: "orb",
@@ -2143,9 +2178,25 @@ var AgentAvatarView = memo(function AgentAvatarView2({
   className,
   label
 }) {
+  const reducedMotion = useReducedMotion(animated ? void 0 : true);
   const persistedIdentity = normalizeAgentAvatarConfig(config, seed ?? name);
   const identity = { ...persistedIdentity, faceTone: "light" };
   const accessibleLabel = label ?? `${name?.trim() || "Agent"} avatar`;
+  if (identity.shape === "orb") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: "img",
+        "aria-label": accessibleLabel,
+        "data-avatar-root": "",
+        "data-avatar-state": state,
+        "data-avatar-presentation": "free",
+        className: cn("block shrink-0 overflow-hidden", className),
+        style: { width: size, height: size },
+        children: /* @__PURE__ */ jsx(OrbCloud, { color: identity.color, playing: animated, reducedMotion, state, size })
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     Avatar,
     {

package/dist/{chunk-S3ECTKA3.js → chunk-QBV7MAFV.js}

@@ -1,10 +1,36 @@
 'use client';
-import { describeToolRow, getToolMeta, Shimmer, Collapse } from './chunk-FDGBZFGN.js';
-import { cn } from './chunk-XLX3L3P4.js';
-import { Code2Icon, ChevronDownMediumIcon, ProcessorIcon } from './chunk-AFVU5VT6.js';
+import { describeToolRow, Code2Icon, getToolMeta, Shimmer, Collapse } from './chunk-PKNEC4LJ.js';
+import { ChevronDownMediumIcon } from './chunk-UWKO24VT.js';
+import { cn } from './chunk-LGVMMBL3.js';
 import { memo, useState, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
+function ProcessorIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "processor, chip",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.0002 4.74693V2.74609M16 4.75V2.75M8.00018 4.75V2.74609M12 21.25V19.25M16 21.25V19.25M8 21.25V19.25M19.25 16H21.25M19.25 8H21.25M19.25 12H21.25M2.75 12H4.75M2.75 16H4.75M2.75 8H4.75M15.2488 11.999C15.2488 13.7939 13.7937 15.249 11.9988 15.249C10.2039 15.249 8.74878 13.7939 8.74878 11.999C8.74878 10.2041 10.2039 8.74902 11.9988 8.74902C13.7937 8.74902 15.2488 10.2041 15.2488 11.999ZM7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V7.75C19.25 6.09315 17.9069 4.75 16.25 4.75H7.75C6.09315 4.75 4.75 6.09315 4.75 7.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 var RUNNING_STATES = /* @__PURE__ */ new Set([
   "input-streaming",
   "partial-call",
@@ -212,4 +238,4 @@ var ToolCallItem = memo(function ToolCallItem2({
   ] });
 });
 
-export { ToolCallItem };
+export { ProcessorIcon, ToolCallItem };

package/dist/{chunk-F6PEZE7A.js → chunk-T5SANYSX.js}

@@ -1,6 +1,6 @@
 'use client';
-import { usePortalContainer, cn } from './chunk-XLX3L3P4.js';
-import { CrossMediumIcon } from './chunk-AFVU5VT6.js';
+import { CrossMediumIcon } from './chunk-2P4IEVOQ.js';
+import { usePortalContainer, cn } from './chunk-LGVMMBL3.js';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -64,14 +64,7 @@ function SheetPortal({
   ...props
 }) {
   const container = usePortalContainer();
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Portal,
-    {
-      "data-slot": "sheet-portal",
-      ...container ? { container } : {},
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...container ? { container } : {}, ...props });
 }
 function SheetOverlay({
   className,