@heroui/agent 0.2.0-beta.2 → 0.2.0-beta.4

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## 0.2.0-beta.4
+
+- Add `reopenOnRefresh` and `startNewConversationOnOpen` controls for predictable panel and
+  conversation startup behavior.
+- Keep the active turn anchored while responses stream, with smoother scrolling and clearer
+  startup and tool activity states.
+- Lazy-load generated UI, submit follow-up actions immediately, and add formatted table copying
+  alongside existing exports.
+- Route browser messages and answer streams through the HeroUI API while keeping lightweight
+  viewer presence on the realtime connection.
+- Update the default Agent model to Luna and align the SDK, examples, dashboard preview, and docs.
+
+## 0.2.0-beta.3
+
+- Move comprehensive Agent checks to pull requests so releases only validate versions, build,
+  package, publish, and verify `@heroui/agent`.
+- Publish the package tarball directly without rebuilding unrelated applications, including the
+  Next.js demo.
+- Retry npm registry and dist-tag verification while newly published versions propagate.
+
 ## 0.2.0-beta.2
 
 - Expand data visualization with candlestick, vertical and horizontal funnel, radial and linear

package/README.md

@@ -169,16 +169,16 @@ Projects and API keys are managed in the [Agents dashboard](https://heroui.pro/d
 
 ## What runs where
 
-The browser sends every message through the HeroUI API, which owns the model,
-the durable run, the conversation store, and server-side tools. Answers stream
-back over a direct read-only realtime connection so tokens and client-tool
-calls arrive without an API proxy hop.
-
-| In the browser                               | Behind the HeroUI API                        |
-| -------------------------------------------- | -------------------------------------------- |
-| Panel, theme, composer, generated UI         | Model orchestration and the durable run      |
-| Client tools, running as the signed-in user  | Server tools, MCP servers, knowledge search  |
-| A short-lived, read-only answer stream token | Runtime credentials and conversation storage |
+The browser sends every message and receives every answer stream through the HeroUI API, which
+owns the model, the durable run, the conversation store, and server-side tools. Ephemeral
+"watching now" presence remains a direct InstantDB room connection; it carries only conversation
+and pseudonymous viewer identifiers, never messages or tool data.
+
+| In the browser                              | Behind the HeroUI API                        |
+| ------------------------------------------- | -------------------------------------------- |
+| Panel, theme, composer, generated UI        | Model orchestration and the durable run      |
+| Client tools, running as the signed-in user | Server tools, MCP servers, knowledge search  |
+| A short-lived HeroUI browser credential     | Runtime credentials and conversation storage |
 
 ## Compatibility
 

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

@@ -8,7 +8,7 @@ import {
   paletteChartColor,
   resolveChartColor,
   resolveGaugeBounds
-} from "./chunk-AEUPMIPT.js";
+} from "./chunk-FNGGMHVR.js";
 import {
   Card
 } from "./chunk-TOOT6SZ2.js";

package/dist/{chunk-Y6Y6ILXP.js → chunk-5X2OXK4I.js}

@@ -10,7 +10,7 @@ import {
   resolveOptions,
   scheduleIdleTask,
   writeAgentShellHandoff
-} from "./chunk-EXFDD3K3.js";
+} from "./chunk-XBYPU7PM.js";
 
 // src/embed/provider.tsx
 import {
@@ -508,11 +508,30 @@ function loadAgentWebfont(font) {
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var REMOTE_CONFIG_PAINT_BUDGET_MS = 600;
 var RUNTIME_PREFETCH_IDLE_TIMEOUT_MS = 1200;
+var OPEN_STATE_STORAGE_PREFIX = "heroui-agent:open:";
+function openStateStorageKey(agentId) {
+  return `${OPEN_STATE_STORAGE_PREFIX}${agentId}`;
+}
+function readOpenState(agentId) {
+  if (typeof window === "undefined") return false;
+  try {
+    return window.sessionStorage.getItem(openStateStorageKey(agentId)) === "true";
+  } catch {
+    return false;
+  }
+}
+function writeOpenState(agentId, open) {
+  try {
+    if (open) window.sessionStorage.setItem(openStateStorageKey(agentId), "true");
+    else window.sessionStorage.removeItem(openStateStorageKey(agentId));
+  } catch {
+  }
+}
 var embedRuntimePromise;
 function loadEmbedRuntime() {
   embedRuntimePromise ??= import(
     /* webpackPrefetch: true */
-    "./embed-runtime-QOATFAS7.js"
+    "./embed-runtime-WVXLM2KL.js"
   ).then(
     (module) => module.default
   );
@@ -603,8 +622,10 @@ function HeroUIAgent(props) {
     permissions,
     preload: preloadEnabled,
     remoteConfig: remoteConfigEnabled = true,
+    reopenOnRefresh,
     responseActions,
     showLauncher,
+    startNewConversationOnOpen,
     startScreen,
     tools
   } = props;
@@ -625,8 +646,10 @@ function HeroUIAgent(props) {
     permissions,
     preload: preloadEnabled,
     remote: remoteConfig,
+    reopenOnRefresh,
     responseActions,
     showLauncher,
+    startNewConversationOnOpen,
     startScreen
   });
   const options = useMemo(() => {
@@ -650,12 +673,13 @@ function HeroUIAgent(props) {
     if (hostFont) return;
     return loadAgentWebfont(remoteWebfont);
   }, [hostFont, remoteWebfont]);
-  const [isOpen, setIsOpen] = useState2(false);
+  const [restoredOpenState] = useState2(() => reopenOnRefresh === true && readOpenState(agentId));
+  const [isOpen, setIsOpen] = useState2(restoredOpenState);
   const [conversationEpoch, setConversationEpoch] = useState2(1);
   const [identityEpoch, setIdentityEpoch] = useState2(1);
   const [identityReset, setIdentityReset] = useState2(false);
   const [requestedConversationId, setRequestedConversationId] = useState2(
-    void 0
+    restoredOpenState || options.startNewConversationOnOpen ? null : void 0
   );
   const [portalRoot, setPortalRoot] = useState2(null);
   const [EmbedRuntime, setEmbedRuntime] = useState2(null);
@@ -663,7 +687,7 @@ function HeroUIAgent(props) {
   const launcherRef = useRef2(null);
   const portalRootRef = useRef2(null);
   const readyEpochRef = useRef2(null);
-  const shouldOpenRef = useRef2(false);
+  const shouldOpenRef = useRef2(restoredOpenState);
   const hostRef = useRef2(null);
   const embedReactRootRef = useRef2(null);
   const rootPropertyNamesRef = useRef2([]);
@@ -673,10 +697,14 @@ function HeroUIAgent(props) {
     () => false
   );
   const designThemeClass = options.designTheme === "base" ? null : `${options.designTheme}-${options.colorScheme === "system" ? prefersDark ? "dark" : "light" : options.colorScheme}`;
-  const [shouldLoadRuntime, setShouldLoadRuntime] = useState2(false);
+  const [shouldLoadRuntime, setShouldLoadRuntime] = useState2(restoredOpenState);
   const requestRuntime = useCallback(() => setShouldLoadRuntime(true), []);
   const [preloadRequested, setPreloadRequested] = useState2(false);
   const shouldWarmSession = options.preload || preloadRequested;
+  useEffect2(() => {
+    if (options.reopenOnRefresh) writeOpenState(options.agentId, isOpen);
+    else writeOpenState(options.agentId, false);
+  }, [isOpen, options.agentId, options.reopenOnRefresh]);
   useEffect2(() => {
     if (!options.preload || shouldLoadRuntime) return;
     return scheduleIdleTask(requestRuntime, RUNTIME_PREFETCH_IDLE_TIMEOUT_MS);
@@ -797,9 +825,9 @@ function HeroUIAgent(props) {
   const hide = useCallback(() => {
     shouldOpenRef.current = false;
     setIsOpen(false);
-    prepareNextConversation();
+    prepareNextConversation(options.startNewConversationOnOpen ? null : void 0);
     requestAnimationFrame(() => launcherRef.current?.focus());
-  }, [prepareNextConversation]);
+  }, [options.startNewConversationOnOpen, prepareNextConversation]);
   const show = useCallback(() => {
     shouldOpenRef.current = true;
     requestRuntime();
@@ -843,6 +871,7 @@ function HeroUIAgent(props) {
     }
     shouldOpenRef.current = false;
     setIsOpen(false);
+    writeOpenState(options.agentId, false);
     setIdentityReset(true);
     setIdentityEpoch((epoch) => epoch + 1);
     prepareNextConversation();
@@ -906,19 +935,19 @@ function HeroUIAgent(props) {
         ) : /* @__PURE__ */ jsx4(
           PanelShell,
           {
+            agentId: options.agentId,
             defaultExpanded: options.panelExpanded,
             expandable: options.panelExpandable,
             modal: options.viewMode !== "sidebar",
             name: "Data assistant",
             open: isOpen,
-            agentId: options.agentId,
             onClose: hide,
             children: /* @__PURE__ */ jsx4(
               ShellConversation,
               {
+                agentId: options.agentId,
                 greeting: options.greeting,
                 placeholder: options.composerPlaceholder,
-                agentId: options.agentId,
                 suggestedPrompts: options.suggestedPrompts ?? [],
                 onIntent: requestRuntime
               }

package/dist/{chunk-CU6MPKAJ.js → chunk-6O3SFXJK.js}

@@ -2,42 +2,9 @@ import {
   mergeClassNames
 } from "./chunk-3FG5NRTX.js";
 
-// ../agent-ui/src/components/component-renderer/component-skeleton.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function skeletonCategory(kind) {
-  if (kind === "dashboard" || kind === "product-signals" || kind === "card" || kind === "col" || kind === "grid" || kind === "item-card" || kind === "item-card-group" || kind === "row")
-    return "dashboard";
-  if (kind === "metric-grid" || kind === "kpi-grid") return "metrics";
-  if (kind === "map") return "map";
-  if (kind === "data-table") return "table";
-  if (kind === "record-card" || kind === "channel-message" || kind === "create-event" || kind === "enable-notification" || kind === "event-session" || kind === "flight-tracker" || kind === "player-card" || kind === "playlist" || kind === "purchase-complete" || kind === "purchase-items" || kind === "ride-status" || kind === "view-event" || kind === "weather-current" || kind === "weather-forecast")
-    return "record";
-  return "chart";
-}
-function ComponentSkeleton({ className, kind, title }) {
-  const category = skeletonCategory(kind);
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      "aria-busy": "true",
-      "aria-label": title ? `Loading ${title}` : "Loading data view",
-      className: mergeClassNames("aui-skeleton", className),
-      "data-component-kind": kind,
-      "data-skeleton-category": category,
-      "data-slot": "agent-ui-skeleton",
-      role: "status",
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "aui-skeleton__header", "data-slot": "agent-ui-skeleton-header" }),
-        /* @__PURE__ */ jsx("div", { className: "aui-skeleton__content", "data-slot": "agent-ui-skeleton-content", children: category === "metrics" || category === "dashboard" ? Array.from({ length: category === "dashboard" ? 2 : 4 }, (_, index) => /* @__PURE__ */ jsx("span", { className: "aui-skeleton__panel" }, index)) : category === "table" || category === "record" ? Array.from({ length: category === "table" ? 5 : 4 }, (_, index) => /* @__PURE__ */ jsx("span", { className: "aui-skeleton__row" }, index)) : /* @__PURE__ */ jsx("span", { className: "aui-skeleton__chart" }) }),
-        /* @__PURE__ */ jsx("span", { className: "aui-sr-only", "data-slot": "agent-ui-skeleton-label", children: "Loading data view\u2026" })
-      ]
-    }
-  );
-}
-
 // ../agent-ui/src/components/display-information/scroll-shadow/scroll-shadow.tsx
 import { useCallback, useEffect, useRef } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 function ScrollShadow({
   children,
   className,
@@ -82,7 +49,7 @@ function ScrollShadow({
       previousVisibility.current = null;
     };
   }, [updateVisibility]);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
@@ -96,7 +63,7 @@ function ScrollShadow({
 }
 
 // ../agent-ui/src/utils/inline-markdown.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var INLINE_TOKEN = /(\*\*[^*\n]+\*\*|\*[^*\s][^*\n]*\*|_[^_\s][^_\n]*_|`[^`\n]+`|\[[^\]\n]+\]\([^\s)\n]+\))/g;
 var LINK_TOKEN = /^\[([^\]]+)\]\(([^\s)]+)\)$/;
 var BARE_DOMAIN = /^(?:[a-z\d](?:[a-z\d-]{0,61}[a-z\d])?\.)+[a-z]{2,63}(?::\d{1,5})?(?:[/?#][^\s]*)?$/i;
@@ -119,31 +86,31 @@ function renderInlineMarkdown(text) {
     const key = `${part}:${occurrence}`;
     occurrences.set(part, occurrence);
     if (part.startsWith("**") && part.endsWith("**") && part.length > 4)
-      return /* @__PURE__ */ jsx3("strong", { children: part.slice(2, -2) }, key);
+      return /* @__PURE__ */ jsx2("strong", { children: part.slice(2, -2) }, key);
     if (part.startsWith("*") && part.endsWith("*") && part.length > 2)
-      return /* @__PURE__ */ jsx3("em", { children: part.slice(1, -1) }, key);
+      return /* @__PURE__ */ jsx2("em", { children: part.slice(1, -1) }, key);
     if (part.startsWith("_") && part.endsWith("_") && part.length > 2)
-      return /* @__PURE__ */ jsx3("em", { children: part.slice(1, -1) }, key);
+      return /* @__PURE__ */ jsx2("em", { children: part.slice(1, -1) }, key);
     if (part.startsWith("`") && part.endsWith("`") && part.length > 2)
-      return /* @__PURE__ */ jsx3("code", { children: part.slice(1, -1) }, key);
+      return /* @__PURE__ */ jsx2("code", { children: part.slice(1, -1) }, key);
     const link = LINK_TOKEN.exec(part);
     const target = link?.[2];
     const href = target ? resolveLinkHref(target) : void 0;
     if (link && href)
-      return /* @__PURE__ */ jsx3("a", { href, rel: "noopener noreferrer", target: "_blank", children: link[1] }, key);
+      return /* @__PURE__ */ jsx2("a", { href, rel: "noopener noreferrer", target: "_blank", children: link[1] }, key);
     return part;
   });
 }
 
 // ../agent-ui/src/components/actions/action-button.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function ActionButton({
   className,
   size = "sm",
   variant = "secondary",
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       className: mergeClassNames("aui-button", className),
@@ -159,7 +126,7 @@ function ActionButton({
 // ../agent-ui/src/components/display-information/code-block.tsx
 import { Button } from "@heroui/react";
 import { useEffect as useEffect2, useRef as useRef2, useState } from "react";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var COPY_RESET_DELAY = 2e3;
 var DEFAULT_DARK_THEME = "github-dark";
 var DEFAULT_LIGHT_THEME = "github-light";
@@ -240,7 +207,7 @@ async function copyText(text) {
   }
 }
 function CodeGlyph() {
-  return /* @__PURE__ */ jsx5("svg", { "aria-hidden": "true", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4("svg", { "aria-hidden": "true", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx4(
     "path",
     {
       clipRule: "evenodd",
@@ -251,7 +218,7 @@ function CodeGlyph() {
   ) });
 }
 function CopyGlyph() {
-  return /* @__PURE__ */ jsx5("svg", { "aria-hidden": "true", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4("svg", { "aria-hidden": "true", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx4(
     "path",
     {
       clipRule: "evenodd",
@@ -262,7 +229,7 @@ function CopyGlyph() {
   ) });
 }
 function CheckGlyph() {
-  return /* @__PURE__ */ jsx5("svg", { "aria-hidden": "true", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4("svg", { "aria-hidden": "true", fill: "none", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx4(
     "path",
     {
       clipRule: "evenodd",
@@ -308,13 +275,13 @@ function CodeBlock({ code, language = "text" }) {
       }, COPY_RESET_DELAY);
     }
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "aui-code", "data-slot": "agent-ui-code-block", children: [
-    /* @__PURE__ */ jsxs2("header", { className: "aui-code__header", "data-slot": "agent-ui-code-header", children: [
-      /* @__PURE__ */ jsxs2("span", { className: "aui-code__language", children: [
-        /* @__PURE__ */ jsx5(CodeGlyph, {}),
-        /* @__PURE__ */ jsx5("span", { children: language.toUpperCase() })
+  return /* @__PURE__ */ jsxs("div", { className: "aui-code", "data-slot": "agent-ui-code-block", children: [
+    /* @__PURE__ */ jsxs("header", { className: "aui-code__header", "data-slot": "agent-ui-code-header", children: [
+      /* @__PURE__ */ jsxs("span", { className: "aui-code__language", children: [
+        /* @__PURE__ */ jsx4(CodeGlyph, {}),
+        /* @__PURE__ */ jsx4("span", { children: language.toUpperCase() })
       ] }),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         Button,
         {
           isIconOnly: true,
@@ -324,35 +291,34 @@ function CodeBlock({ code, language = "text" }) {
           size: "sm",
           variant: "ghost",
           onPress: copy,
-          children: /* @__PURE__ */ jsxs2(
+          children: /* @__PURE__ */ jsxs(
             "span",
             {
               className: "aui-code__copy-swap",
               "data-copied": copied || void 0,
               "data-slot": "agent-ui-code-copy-icon",
               children: [
-                /* @__PURE__ */ jsx5("span", { className: "aui-code__copy-icon aui-code__copy-icon--copy", children: /* @__PURE__ */ jsx5(CopyGlyph, {}) }),
-                /* @__PURE__ */ jsx5("span", { className: "aui-code__copy-icon aui-code__copy-icon--check", children: /* @__PURE__ */ jsx5(CheckGlyph, {}) })
+                /* @__PURE__ */ jsx4("span", { className: "aui-code__copy-icon aui-code__copy-icon--copy", children: /* @__PURE__ */ jsx4(CopyGlyph, {}) }),
+                /* @__PURE__ */ jsx4("span", { className: "aui-code__copy-icon aui-code__copy-icon--check", children: /* @__PURE__ */ jsx4(CheckGlyph, {}) })
               ]
             }
           )
         }
       )
     ] }),
-    highlighted?.key === highlightKey ? /* @__PURE__ */ jsx5(
+    highlighted?.key === highlightKey ? /* @__PURE__ */ jsx4(
       "div",
       {
         className: "aui-code__content",
         dangerouslySetInnerHTML: { __html: highlighted.html },
         "data-slot": "agent-ui-code"
       }
-    ) : /* @__PURE__ */ jsx5("div", { className: "aui-code__content", "data-slot": "agent-ui-code", children: /* @__PURE__ */ jsx5("pre", { children: /* @__PURE__ */ jsx5("code", { children: code }) }) })
+    ) : /* @__PURE__ */ jsx4("div", { className: "aui-code__content", "data-slot": "agent-ui-code", children: /* @__PURE__ */ jsx4("pre", { children: /* @__PURE__ */ jsx4("code", { children: code }) }) })
   ] });
 }
 
 export {
   ActionButton,
-  ComponentSkeleton,
   ScrollShadow,
   renderInlineMarkdown,
   CodeBlock

package/dist/{chunk-AEUPMIPT.js → chunk-FNGGMHVR.js}

@@ -80,7 +80,15 @@ function formatCell(value, format, locale = "en") {
 }
 
 // ../agent-ui/src/components/component-actions/export-actions.tsx
-import { ChartColumn, Ellipsis, FileCode, FileText, LayoutCells, Picture } from "@gravity-ui/icons";
+import {
+  ChartColumn,
+  Copy,
+  Ellipsis,
+  FileCode,
+  FileText,
+  LayoutCells,
+  Picture
+} from "@gravity-ui/icons";
 import { Button, Dropdown, Label } from "@heroui/react";
 import { useCallback, useRef, useState } from "react";
 
@@ -268,6 +276,17 @@ function componentToCsv(component) {
     ...rows.map((row) => keys.map((key) => csvCell(row[key])).join(","))
   ].join("\n");
 }
+function tableTextCell(value) {
+  return value.replace(/[\t\r\n]+/g, " ");
+}
+function componentToTableText(component) {
+  return [
+    component.columns.map((column) => tableTextCell(column.label)).join("	"),
+    ...component.rows.map(
+      (row) => component.columns.map((column) => tableTextCell(formatCell(row[column.key], column.format))).join("	")
+    )
+  ].join("\n");
+}
 var SVG_STYLE_TOKENS = [
   "--accent",
   "--border",
@@ -419,6 +438,23 @@ function exportComponent(button, component, format) {
     void exportPng(button, component.title).catch(() => void 0);
   }
 }
+async function copyComponent(component, format) {
+  const content = format === "json" ? JSON.stringify(component, null, 2) : component.kind === "data-table" ? componentToTableText(component) : component.kind === "record-card" ? [
+    component.title,
+    component.description,
+    component.status?.label,
+    ...component.fields.map((field) => `${field.label}: ${field.value}`)
+  ].filter(Boolean).join("\n") : component.kind === "product-card" ? [
+    component.title,
+    component.description,
+    ...component.products.flatMap((product) => [
+      [product.name, product.meta].filter(Boolean).join(" \xB7 "),
+      `${product.price.currency ?? "USD"} ${product.price.amount}`,
+      product.rating ? `Rated ${product.rating.value}/5${product.rating.count === void 0 ? "" : ` (${product.rating.count})`}` : void 0
+    ])
+  ].filter(Boolean).join("\n") : JSON.stringify(component);
+  await navigator.clipboard?.writeText(content);
+}
 
 // ../agent-ui/src/components/component-actions/export-actions.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -434,6 +470,7 @@ var FORMAT_ICONS = {
 };
 function ComponentExportActions({
   component,
+  copyAction,
   formats = [],
   onAction,
   viewAction
@@ -451,8 +488,8 @@ function ComponentExportActions({
     setPortalContainer(resolveOverlayPortalContainer(node));
   }, []);
   const supported = formats.filter((format) => format !== "csv" || componentToCsv(component));
-  const triggerLabel = viewAction ? `${supported.length > 0 ? "View and export" : "View"} options for ${component.title}` : `Export options for ${component.title}`;
-  if (supported.length === 0 && !viewAction) return null;
+  const triggerLabel = copyAction ? `Table options for ${component.title}` : viewAction ? `${supported.length > 0 ? "View and export" : "View"} options for ${component.title}` : `Export options for ${component.title}`;
+  if (supported.length === 0 && !viewAction && !copyAction) return null;
   return /* @__PURE__ */ jsx("div", { className: "aui-export-actions", "data-slot": "agent-ui-export-actions", children: /* @__PURE__ */ jsxs(Dropdown, { isOpen, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsx(
       Button,
@@ -477,6 +514,12 @@ function ComponentExportActions({
             setIsOpen(false);
             return;
           }
+          if (key === "copy") {
+            copyAction?.();
+            onAction?.({ componentId: component.id, format: "text", type: "copy" });
+            setIsOpen(false);
+            return;
+          }
           const format = key;
           if (triggerRef.current) exportComponent(triggerRef.current, component, format);
           onAction?.({ componentId: component.id, format, type: "export" });
@@ -487,6 +530,10 @@ function ComponentExportActions({
             viewAction.target === "table" ? /* @__PURE__ */ jsx(LayoutCells, { "aria-hidden": "true", className: "size-4 shrink-0" }) : /* @__PURE__ */ jsx(ChartColumn, { "aria-hidden": "true", className: "size-4 shrink-0" }),
             /* @__PURE__ */ jsx(Label, { children: viewAction.label })
           ] }) : null,
+          copyAction ? /* @__PURE__ */ jsxs(Dropdown.Item, { id: "copy", textValue: "Copy table", children: [
+            /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true", className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx(Label, { children: "Copy table" })
+          ] }) : null,
           supported.map((format) => {
             const FormatIcon = FORMAT_ICONS[format];
             return /* @__PURE__ */ jsxs(Dropdown.Item, { id: format, textValue: FORMAT_LABELS[format], children: [
@@ -569,6 +616,7 @@ export {
   formatAxisValue,
   formatCell,
   chartToDataTable,
+  copyComponent,
   ComponentExportActions,
   TrendChange,
   CHART_COLOR_TOKENS,

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

@@ -420,7 +420,7 @@ function PanelShell({
         onClose();
       },
       children: [
-        isDesktopSidebar && !isExpanded ? /* @__PURE__ */ jsx2(SidebarResizeHandle, { panelRef, agentId }) : null,
+        isDesktopSidebar && !isExpanded ? /* @__PURE__ */ jsx2(SidebarResizeHandle, { agentId, panelRef }) : null,
         showExpandedSidebar ? /* @__PURE__ */ jsx2("aside", { "aria-label": "Chat history", className: "ha-expanded-sidebar", children: expandedSidebarSlot }) : null,
         /* @__PURE__ */ jsxs2("div", { className: "ha-panel-main", children: [
           /* @__PURE__ */ jsxs2("header", { className: "ha-header", children: [
@@ -854,7 +854,7 @@ var LEGACY_AGENT_MODEL_IDS = {
 function resolveAgentModelId(value) {
   return LEGACY_AGENT_MODEL_IDS[value] ?? value;
 }
-var DEFAULT_AGENT_PICKER_MODEL_ID = "google/gemini-3.6-flash";
+var DEFAULT_AGENT_PICKER_MODEL_ID = "openai/gpt-5.6-luna";
 var AGENT_MODEL_OPTIONS = [
   {
     description: "Flagship model for coding, reasoning, and knowledge work",
@@ -1015,7 +1015,9 @@ function resolveOptions(props) {
     permissionDefaultMode: resolveAgentPermissionMode(props.permissions?.defaultMode),
     permissionShowPicker: props.permissions?.showPicker === true,
     preload: props.preload ?? true,
+    reopenOnRefresh: props.reopenOnRefresh ?? false,
     showLauncher: props.showLauncher ?? true,
+    startNewConversationOnOpen: props.startNewConversationOnOpen ?? false,
     suggestedPromptShortcuts: props.startScreen?.promptShortcuts ?? false,
     ...props.appearance?.launcher?.icon?.trim() ? { launcherIcon: props.appearance.launcher.icon.trim() } : {},
     ...props.appearance?.launcher?.style ? { launcherStyle: props.appearance.launcher.style } : {},
@@ -1033,8 +1035,7 @@ function resolveOptions(props) {
     },
     tools: props.tools ?? [],
     viewMode: props.appearance?.viewMode ?? "floating",
-    webSearch: props.capabilities?.webSearch ?? false,
-    ...props._api?.realtimeUrl ? { triggerApiUrl: props._api.realtimeUrl.replace(/\/$/, "") } : {}
+    webSearch: props.capabilities?.webSearch ?? false
   };
 }