@heroui/agent 0.2.0-beta.5 → 0.2.0-beta.7

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 0.2.0-beta.7
+
+- Polish the activity trail with smoother status transitions, semantic summary icons, bounded
+  live-step scrolling, and correctly aligned in-progress labels.
+- Keep conversation positioning stable by anchoring new user turns without pulling the viewport
+  down for consecutive Agent responses.
+- Resize the docked Agent panel itself, rather than shifting its contents inside a fixed-width
+  shell.
+- Match chart tooltip markers to the hovered series or slice color, including generated pie and
+  donut charts.
+
+## 0.2.0-beta.6
+
+- Add opt-in recent news results with `capabilities.newsSearch`, including dashboard-managed remote
+  configuration and every preload, message, retry, and transport path.
+- Keep long activity-trail titles inside the Agent panel with a truncated label and a visible
+  disclosure control.
+
 ## 0.2.0-beta.5
 
 - No SDK API or bundle changes from `0.2.0-beta.4`; this prerelease accompanies Agent runtime

package/README.md

@@ -24,7 +24,7 @@ import {HeroUIAgent} from "@heroui/agent/next";
 export function AppAgent() {
   return (
     <HeroUIAgent
-      agentId="proj_..."
+      agentId={process.env.NEXT_PUBLIC_HEROUI_AGENT_ID!}
       getAuthToken={async (context) => {
         const response = await fetch("/api/heroui-agent/auth-token", {
           method: "POST",
@@ -149,7 +149,12 @@ const tools = [
   }),
 ];
 
-<HeroUIAgent agentId="proj_..." getAuthToken={getAuthToken} context={{apiClient}} tools={tools} />;
+<HeroUIAgent
+  agentId={process.env.NEXT_PUBLIC_HEROUI_AGENT_ID!}
+  getAuthToken={getAuthToken}
+  context={{apiClient}}
+  tools={tools}
+/>;
 ```
 
 Only tool names, descriptions, and JSON schemas reach the hosted agent. Implementations and `context` never leave the browser.

package/dist/{chart-content-7PZT4YWI.js → chart-content-E4NPTUPR.js}

@@ -703,7 +703,7 @@ function ComponentTooltip({
       items: payload.map((entry, index) => {
         const format = series?.find((item) => item.dataKey === entry.dataKey)?.format;
         return {
-          color: indicatorColor?.(entry, index) ?? entry.stroke ?? entry.color ?? entry.fill ?? entry.payload?.fill ?? paletteChartColor(index),
+          color: indicatorColor?.(entry, index) ?? entry.color ?? entry.payload?.fill ?? entry.fill ?? entry.stroke ?? paletteChartColor(index),
           id: String(entry.dataKey ?? entry.name ?? `series-${index}`),
           label: entry.name ?? entry.dataKey,
           value: typeof entry.value === "number" ? formatNumber(entry.value, format) : entry.value

package/dist/{chunk-XBYPU7PM.js → chunk-OQGXZY5L.js}

@@ -496,8 +496,9 @@ function SidebarResizeHandle({
   const dragRef = useRef(null);
   const applyWidth = useCallback(
     (nextWidth) => {
-      const root = panelRef.current?.getRootNode();
-      const host = root instanceof ShadowRoot ? root.host : null;
+      const panel = panelRef.current;
+      const root = panel?.getRootNode();
+      const host = root instanceof ShadowRoot ? root.host : panel?.closest("[data-heroui-agent]");
       host?.style.setProperty("--ha-sidebar-width", `${nextWidth}px`);
       if (window.innerWidth >= 640) {
         document.documentElement.style.marginRight = `${Math.min(nextWidth, window.innerWidth)}px`;
@@ -539,6 +540,7 @@ function SidebarResizeHandle({
           if (!drag) return;
           dragRef.current = null;
           delete event.currentTarget.dataset["resizing"];
+          if (panelRef.current) delete panelRef.current.dataset["dragResizing"];
           document.documentElement.style.transition = drag.pageTransition;
           resizeTo(drag.startWidth, false);
         },
@@ -548,25 +550,28 @@ function SidebarResizeHandle({
           event.currentTarget.setPointerCapture(event.pointerId);
           event.currentTarget.dataset["resizing"] = "true";
           dragRef.current = {
+            currentWidth: width,
             pageTransition: document.documentElement.style.transition,
             startWidth: width,
             startX: event.clientX
           };
           document.documentElement.style.transition = "none";
+          if (panelRef.current) panelRef.current.dataset["dragResizing"] = "true";
         },
         onPointerMove: (event) => {
           const drag = dragRef.current;
           if (!drag) return;
-          resizeTo(drag.startWidth + (drag.startX - event.clientX), false);
+          drag.currentWidth = resizeTo(drag.startWidth + (drag.startX - event.clientX), false);
         },
         onPointerUp: (event) => {
           const drag = dragRef.current;
           if (!drag) return;
           dragRef.current = null;
           delete event.currentTarget.dataset["resizing"];
+          if (panelRef.current) delete panelRef.current.dataset["dragResizing"];
           event.currentTarget.releasePointerCapture(event.pointerId);
           document.documentElement.style.transition = drag.pageTransition;
-          persistSidebarWidth(agentId, width);
+          persistSidebarWidth(agentId, drag.currentWidth);
         }
       }
     )
@@ -1028,6 +1033,7 @@ function resolveOptions(props) {
       }
     } : {},
     imageSearch: (props.capabilities?.webSearch ?? false) && (props.capabilities?.imageSearch ?? true),
+    newsSearch: (props.capabilities?.webSearch ?? false) && (props.capabilities?.newsSearch ?? false),
     suggestedPrompts: props.startScreen?.prompts?.map((prompt) => prompt.trim()).filter(Boolean).slice(0, 5),
     themeStyle: {
       ...buildThemeStyle(props.appearance?.theme),

package/dist/{chunk-UUHEF6LC.js → chunk-V5S5FRGV.js}

@@ -10,7 +10,7 @@ import {
   resolveOptions,
   scheduleIdleTask,
   writeAgentShellHandoff
-} from "./chunk-XBYPU7PM.js";
+} from "./chunk-OQGXZY5L.js";
 
 // src/embed/provider.tsx
 import {
@@ -243,6 +243,7 @@ function parseAgentRemoteConfig(value) {
   const capabilities = group(
     shape(value["capabilities"], {
       imageSearch: optionalBoolean,
+      newsSearch: optionalBoolean,
       webSearch: optionalBoolean
     })
   );
@@ -531,7 +532,7 @@ var embedRuntimePromise;
 function loadEmbedRuntime() {
   embedRuntimePromise ??= import(
     /* webpackPrefetch: true */
-    "./embed-runtime-36S6KLDB.js"
+    "./embed-runtime-UF7XJIFA.js"
   ).then(
     (module) => module.default
   );