@agent-native/toolkit 0.201.1 → 0.201.2-nightly-20261006010750

package/dist/composer/AgentSuggestionBar.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState, } from "react";
 import { Button } from "../ui/button.js";
 import { cn } from "../utils.js";
+const useBrowserLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
 export function normalizeAgentSuggestion(suggestion, index) {
     if (typeof suggestion !== "string")
         return suggestion;
@@ -15,14 +17,81 @@ export function agentSuggestionPrompt(suggestion) {
         ? suggestion
         : (suggestion.prompt ?? suggestion.label);
 }
+function twoLineTrackWidth(widths, gap) {
+    const total = widths.reduce((sum, width) => sum + width, 0) +
+        gap * Math.max(widths.length - 1, 0);
+    let narrowest = total;
+    let firstLine = -gap;
+    for (const width of widths.slice(0, -1)) {
+        firstLine += gap + width;
+        narrowest = Math.min(narrowest, Math.max(firstLine, total - firstLine - gap));
+    }
+    return narrowest;
+}
+// Chrome does not scroll a partly visible chip into view when it takes
+// keyboard focus, which leaves it under the edge fade. Listen on the track:
+// a host's ActionButton adapter receives only the props Button forwards, and
+// onFocus is not one of them.
+function revealKeyboardFocusedChip(event) {
+    const chip = event.target;
+    if (!(chip instanceof HTMLElement) || !chip.matches(":focus-visible"))
+        return;
+    chip.scrollIntoView({ block: "nearest", inline: "nearest" });
+}
+function useTwoLineSuggestionTrack(layoutKey) {
+    const scrollerRef = useRef(null);
+    const trackRef = useRef(null);
+    const [overflow, setOverflow] = useState({ start: false, end: false });
+    useBrowserLayoutEffect(() => {
+        const scroller = scrollerRef.current;
+        const track = trackRef.current;
+        if (!scroller || !track)
+            return;
+        const chips = Array.from(track.children);
+        const updateOverflow = () => {
+            const offset = Math.abs(scroller.scrollLeft);
+            const start = offset > 1;
+            const end = offset + scroller.clientWidth < scroller.scrollWidth - 1;
+            setOverflow((current) => current.start === start && current.end === end
+                ? current
+                : { start, end });
+        };
+        const update = () => {
+            const gap = Number.parseFloat(getComputedStyle(track).columnGap);
+            const width = twoLineTrackWidth(chips.map((chip) => chip.getBoundingClientRect().width), Number.isNaN(gap) ? 0 : gap);
+            track.style.setProperty("--agent-suggestion-track-width", `${Math.ceil(width)}px`);
+            updateOverflow();
+        };
+        update();
+        // Resizing the track inside the observer callback resizes the observed
+        // scroller in the same frame, which the browser reports as a
+        // ResizeObserver loop error. Measure on the next frame instead.
+        let frame = 0;
+        const observer = typeof ResizeObserver === "undefined"
+            ? null
+            : new ResizeObserver(() => {
+                cancelAnimationFrame(frame);
+                frame = requestAnimationFrame(update);
+            });
+        observer?.observe(scroller);
+        for (const chip of chips)
+            observer?.observe(chip);
+        scroller.addEventListener("scroll", updateOverflow, { passive: true });
+        return () => {
+            cancelAnimationFrame(frame);
+            observer?.disconnect();
+            scroller.removeEventListener("scroll", updateOverflow);
+        };
+    }, [layoutKey]);
+    return { scrollerRef, trackRef, overflow };
+}
 export function AgentSuggestionBar({ suggestions, ariaLabel, onSelect, renderSuggestion, className, }) {
-    if (suggestions.length === 0)
+    const items = suggestions.map(normalizeAgentSuggestion);
+    const { scrollerRef, trackRef, overflow } = useTwoLineSuggestionTrack(items.map((item) => item.id).join("\n"));
+    if (items.length === 0)
         return null;
-    return (_jsx("section", { "aria-label": ariaLabel, "data-agent-suggestion-bar": "true", className: cn("w-full min-w-0 overflow-hidden px-3 py-2", className), children: _jsx("div", { "data-agent-suggestion-scroller": "true", className: "flex w-full min-w-0 snap-x snap-proximity gap-1 overflow-x-auto overscroll-x-contain px-0.5 py-px [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: suggestions.map((input, index) => {
-                const suggestion = normalizeAgentSuggestion(input, index);
-                return (_jsx(Button, { type: "button", variant: "secondary", size: "sm", disabled: suggestion.disabled, onClick: () => onSelect(suggestion), className: "h-7 shrink-0 snap-start whitespace-nowrap rounded-full border-transparent bg-muted/55 px-2.5 text-[11px] font-normal text-foreground/80 shadow-none transition-[border-color,background-color,color] hover:border-border/55 hover:bg-muted hover:text-foreground", children: _jsx("span", { children: renderSuggestion
+    return (_jsx("section", { "aria-label": ariaLabel, "data-agent-suggestion-bar": "true", className: cn("w-full min-w-0 overflow-hidden px-3 py-2", className), children: _jsx("div", { ref: scrollerRef, "data-agent-suggestion-scroller": "true", "data-overflow-start": overflow.start || undefined, "data-overflow-end": overflow.end || undefined, className: "w-full min-w-0 snap-x snap-proximity scroll-px-6 overflow-x-auto overscroll-x-contain px-0.5 py-px [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: _jsx("div", { ref: trackRef, "data-agent-suggestion-track": "true", className: "flex w-(--agent-suggestion-track-width) min-w-full flex-wrap gap-1", onFocus: revealKeyboardFocusedChip, children: items.map((suggestion) => (_jsx(Button, { type: "button", variant: "secondary", size: "sm", disabled: suggestion.disabled, onClick: () => onSelect(suggestion), className: "h-7 shrink-0 snap-start whitespace-nowrap rounded-full border-transparent bg-muted/55 px-2.5 text-[11px] font-normal text-foreground/80 shadow-none transition-[border-color,background-color,color] hover:border-border/55 hover:bg-muted hover:text-foreground", children: _jsx("span", { children: renderSuggestion
                             ? renderSuggestion(suggestion)
-                            : suggestion.label }) }, suggestion.id));
-            }) }) }));
+                            : suggestion.label }) }, suggestion.id))) }) }) }));
 }
 //# sourceMappingURL=AgentSuggestionBar.js.map

package/dist/composer/AgentSuggestionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentSuggestionBar.js","sourceRoot":"","sources":["../../src/composer/AgentSuggestionBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAoBjC,MAAM,UAAU,wBAAwB,CACtC,UAAgC,EAChC,KAAa;IAEb,IAAI,OAAO,UAAU,KAAK,QAAQ;QAAE,OAAO,UAAU,CAAC;IACtD,OAAO;QACL,EAAE,EAAE,cAAc,KAAK,IAAI,UAAU,EAAE;QACvC,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAU;KACnB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,UAAgC;IAEhC,OAAO,OAAO,UAAU,KAAK,QAAQ;QACnC,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACe;IACxB,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE1C,OAAO,CACL,gCACc,SAAS,+BACK,MAAM,EAChC,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,YAEpE,gDACiC,MAAM,EACrC,SAAS,EAAC,wJAAwJ,YAEjK,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAChC,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBAC1D,OAAO,CACL,KAAC,MAAM,IAEL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EACnC,SAAS,EAAC,kQAAkQ,YAE5Q,yBACG,gBAAgB;4BACf,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC;4BAC9B,CAAC,CAAC,UAAU,CAAC,KAAK,GACf,IAZF,UAAU,CAAC,EAAE,CAaX,CACV,CAAC;YACJ,CAAC,CAAC,GACE,GACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AgentSuggestionBar.js","sourceRoot":"","sources":["../../src/composer/AgentSuggestionBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GAGT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,sBAAsB,GAC1B,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;AAoB9D,MAAM,UAAU,wBAAwB,CACtC,UAAgC,EAChC,KAAa;IAEb,IAAI,OAAO,UAAU,KAAK,QAAQ;QAAE,OAAO,UAAU,CAAC;IACtD,OAAO;QACL,EAAE,EAAE,cAAc,KAAK,IAAI,UAAU,EAAE;QACvC,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAU;KACnB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,UAAgC;IAEhC,OAAO,OAAO,UAAU,KAAK,QAAQ;QACnC,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,iBAAiB,CAAC,MAAyB,EAAE,GAAW;IAC/D,MAAM,KAAK,GACT,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC,CAAC;QAC7C,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACvC,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,SAAS,GAAG,CAAC,GAAG,CAAC;IACrB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACxC,SAAS,IAAI,GAAG,GAAG,KAAK,CAAC;QACzB,SAAS,GAAG,IAAI,CAAC,GAAG,CAClB,SAAS,EACT,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,GAAG,SAAS,GAAG,GAAG,CAAC,CAC7C,CAAC;IACJ,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,uEAAuE;AACvE,4EAA4E;AAC5E,6EAA6E;AAC7E,8BAA8B;AAC9B,SAAS,yBAAyB,CAAC,KAAiC;IAClE,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;IAC1B,IAAI,CAAC,CAAC,IAAI,YAAY,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;QAAE,OAAO;IAC9E,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAC/D,CAAC;AAED,SAAS,yBAAyB,CAAC,SAAiB;IAClD,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;IAEvE,sBAAsB,CAAC,GAAG,EAAE;QAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK;YAAE,OAAO;QAChC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACzC,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YAC7C,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC;YACzB,MAAM,GAAG,GAAG,MAAM,GAAG,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC;YACrE,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE,CACtB,OAAO,CAAC,KAAK,KAAK,KAAK,IAAI,OAAO,CAAC,GAAG,KAAK,GAAG;gBAC5C,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CACnB,CAAC;QACJ,CAAC,CAAC;QACF,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;YACjE,MAAM,KAAK,GAAG,iBAAiB,CAC7B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,EACvD,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAC5B,CAAC;YACF,KAAK,CAAC,KAAK,CAAC,WAAW,CACrB,gCAAgC,EAChC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CACxB,CAAC;YACF,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC;QACF,MAAM,EAAE,CAAC;QAET,uEAAuE;QACvE,6DAA6D;QAC7D,gEAAgE;QAChE,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,MAAM,QAAQ,GACZ,OAAO,cAAc,KAAK,WAAW;YACnC,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI,cAAc,CAAC,GAAG,EAAE;gBACtB,oBAAoB,CAAC,KAAK,CAAC,CAAC;gBAC5B,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;QACT,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC5B,KAAK,MAAM,IAAI,IAAI,KAAK;YAAE,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACvE,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,QAAQ,EAAE,UAAU,EAAE,CAAC;YACvB,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,WAAW,EACX,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACe;IACxB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,yBAAyB,CACnE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CACxC,CAAC;IACF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,gCACc,SAAS,+BACK,MAAM,EAChC,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,YAEpE,cACE,GAAG,EAAE,WAAW,oCACe,MAAM,yBAChB,QAAQ,CAAC,KAAK,IAAI,SAAS,uBAC7B,QAAQ,CAAC,GAAG,IAAI,SAAS,EAC5C,SAAS,EAAC,yJAAyJ,YAEnK,cACE,GAAG,EAAE,QAAQ,iCACe,MAAM,EAClC,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAE,yBAAyB,YAEjC,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACzB,KAAC,MAAM,IAEL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EACnC,SAAS,EAAC,kQAAkQ,YAE5Q,yBACG,gBAAgB;4BACf,CAAC,CAAC,gBAAgB,CAAC,UAAU,CAAC;4BAC9B,CAAC,CAAC,UAAU,CAAC,KAAK,GACf,IAZF,UAAU,CAAC,EAAE,CAaX,CACV,CAAC,GACE,GACF,GACE,CACX,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/toolkit",
-  "version": "0.201.1",
+  "version": "0.201.2-nightly-20261006010750",
   "description": "Reusable app-building UI and helpers for Agent-Native apps.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -666,7 +666,7 @@
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.33",
     "zod": "^4.3.6",
-    "@agent-native/agentkit": "^0.201.1"
+    "@agent-native/agentkit": "^0.201.2-nightly-20261006010750"
   },
   "devDependencies": {
     "@excalidraw/excalidraw": "0.18.1",
@@ -687,10 +687,10 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "^0.201.1"
+    "@agent-native/core": "^0.201.2-nightly-20261006010750"
   },
   "peerDependencies": {
-    "@agent-native/core": ">=0.196.0",
+    "@agent-native/core": "0.201.2-nightly-20261006010750",
     "@excalidraw/excalidraw": ">=0.18",
     "@excalidraw/mermaid-to-excalidraw": ">=2",
     "@tanstack/react-query": "^5.99.2",