@agentforge-io/chat-sdk 2.5.1 → 2.5.3

package/dist/react.js

@@ -1367,22 +1367,33 @@ const WIDGET_CSS = `
   background-color: var(--af-primary, #8b5cf6);
 }
 /* Delegation-chain avatar stack. Override the default 26x26 size so
- * the row can host multiple overlapping items without clipping. */
+ * the row can host multiple overlapping items without clipping.
+ * align-items:center is critical: with flex-end the smaller items
+ * glue to the bottom of the row and the column they sit in looks
+ * unbalanced — circles read as ovals because the bounding box isn't
+ * square anymore. Centering keeps every item axis-aligned and the
+ * ring + size cap together force a 1:1 aspect ratio. */
 .af-widget-root.af-variant-bare .af-msg-avatar-stack {
   width: auto;
   height: 26px;
   border-radius: 0;
   overflow: visible;
+  background: transparent;
   display: flex;
   flex-direction: row;
-  align-items: flex-end;
+  align-items: center;
   /* Slight padding-right so the rightmost stacked item doesn't sit
    * flush against the bubble bevel. */
   padding-right: 4px;
 }
 .af-widget-root.af-variant-bare .af-msg-avatar-stack-item {
+  /* Hard-pin the aspect ratio so the box never deforms into an
+   * ellipse when the parent flexes — aspect-ratio:1 plus explicit
+   * width AND min-width guarantees a square box on every flex child. */
   width: 18px;
+  min-width: 18px;
   height: 18px;
+  aspect-ratio: 1;
   border-radius: 50%;
   overflow: hidden;
   display: flex;
@@ -1400,9 +1411,9 @@ const WIDGET_CSS = `
 }
 .af-widget-root.af-variant-bare .af-msg-avatar-stack-active {
   /* The active speaker is rendered full-size so it visually anchors
-   * the chain. Slightly larger ring keeps it clearly separated from
-   * the smaller upstream delegators. */
+   * the chain. */
   width: 26px;
+  min-width: 26px;
   height: 26px;
 }
 .af-widget-root.af-variant-bare .af-msg-avatar-stack-img {
@@ -1416,6 +1427,7 @@ const WIDGET_CSS = `
   font-size: 9.5px;
   font-weight: 600;
   background-color: var(--af-primary, #8b5cf6);
+  line-height: 1;
 }
 .af-widget-root.af-variant-bare .af-msg-avatar-stack-active.af-msg-avatar-stack-fallback {
   font-size: 11.5px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentforge-io/chat-sdk",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "description": "Framework-free chat session SDK for AgentForge public chat tokens. Headless — no DOM. Drop into any frontend (React, Vue, Svelte, vanilla) and listen for events.",
   "license": "MIT",
   "main": "dist/index.js",