@heroui/agent 0.2.0-beta.8 → 0.2.0-beta.9

package/dist/chunk-CMZDZGUZ.js

@@ -1,1132 +0,0 @@
-import {
-  AGENT_MODEL_OPTIONS,
-  AgentLoadingState,
-  DEFAULT_AGENT_PICKER_MODEL_ID,
-  EmbedSessionManager,
-  PanelShell,
-  ShellConversation,
-  containsComposerFocus,
-  createSubmittedAgentShellHandoff,
-  isHeroUIAgentAttachmentContentType,
-  readSidebarWidth,
-  resolveOptions,
-  setFocus,
-  writeAgentShellAttachments,
-  writeAgentShellHandoff
-} from "./chunk-W7SCMB3O.js";
-import {
-  renderInlineMarkdown
-} from "./chunk-Q7LGTVBL.js";
-
-// src/embed/provider.tsx
-import {
-  useCallback,
-  useEffect as useEffect2,
-  useEffectEvent,
-  useLayoutEffect,
-  useMemo,
-  useRef as useRef2,
-  useState,
-  useSyncExternalStore
-} from "react";
-import { createRoot } from "react-dom/client";
-
-// src/embed/launcher-spark-icon.tsx
-import { SparklesFill } from "@gravity-ui/icons";
-import { jsx } from "react/jsx-runtime";
-function LauncherSparkIcon(props) {
-  return /* @__PURE__ */ jsx(SparklesFill, { ...props });
-}
-
-// src/embed/launcher-icon.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function isSvgIcon(icon) {
-  return /\.svg(?:[?#]|$)/i.test(icon) || /^data:image\/svg\+xml[;,]/i.test(icon);
-}
-function cssUrl(value) {
-  return `url("${value.replace(/["\\\n\r]/g, encodeURIComponent)}")`;
-}
-function LauncherIcon({ icon }) {
-  if (!icon) return /* @__PURE__ */ jsx2(LauncherSparkIcon, {});
-  if (isSvgIcon(icon)) {
-    return /* @__PURE__ */ jsx2(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: "ha-launcher__icon ha-launcher__icon--tinted",
-        style: { WebkitMaskImage: cssUrl(icon), maskImage: cssUrl(icon) }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx2("img", { alt: "", className: "ha-launcher__icon", src: icon });
-}
-
-// src/embed/merge-remote-config.ts
-function isPlainObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function deepMerge(base, override) {
-  if (override === void 0) return base;
-  if (!isPlainObject(base) || !isPlainObject(override)) return override;
-  const merged = { ...base };
-  for (const [key, value] of Object.entries(override)) {
-    if (value === void 0) continue;
-    merged[key] = key in base ? deepMerge(base[key], value) : value;
-  }
-  return merged;
-}
-function mergeRemoteConfig(remote, props) {
-  if (!remote) return props;
-  const groups = {
-    appearance: remote.appearance,
-    capabilities: remote.capabilities,
-    composer: remote.composer,
-    markdown: remote.markdown,
-    permissions: remote.permissions,
-    responseActions: remote.responseActions,
-    startScreen: remote.startScreen
-  };
-  const merged = deepMerge(groups, {
-    appearance: props.appearance,
-    capabilities: props.capabilities,
-    composer: props.composer,
-    // Markdown renderer plugins are functions and never survive a JSON
-    // document, so they are merged back by identity in the provider.
-    markdown: props.markdown ? { ...props.markdown, plugins: void 0 } : void 0,
-    permissions: props.permissions,
-    responseActions: props.responseActions,
-    startScreen: props.startScreen
-  });
-  return { ...props, ...merged };
-}
-function hostSuppliesFont(props) {
-  return Boolean(props.appearance?.theme?.typography?.fontFamily?.trim());
-}
-
-// src/contracts/appearance.ts
-var HEROUI_AGENT_REMOTE_CONFIG_VERSION = 1;
-var INVALID = Symbol("invalid");
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function optionalString(value) {
-  if (value === void 0) return void 0;
-  return typeof value === "string" ? value : INVALID;
-}
-function optionalBoolean(value) {
-  if (value === void 0) return void 0;
-  return typeof value === "boolean" ? value : INVALID;
-}
-function optionalNumber(value) {
-  if (value === void 0) return void 0;
-  return typeof value === "number" && Number.isFinite(value) ? value : INVALID;
-}
-function optionalEnum(allowed) {
-  return (value) => {
-    if (value === void 0) return void 0;
-    return typeof value === "string" && allowed.includes(value) ? value : INVALID;
-  };
-}
-function optionalThemeColor(value) {
-  if (value === void 0) return void 0;
-  if (typeof value === "string") return value;
-  if (!isRecord(value)) return INVALID;
-  const dark = optionalString(value["dark"]);
-  const light = optionalString(value["light"]);
-  if (dark === INVALID || light === INVALID) return INVALID;
-  return { ...dark === void 0 ? {} : { dark }, ...light === void 0 ? {} : { light } };
-}
-function optionalStringRecord(value) {
-  if (value === void 0) return void 0;
-  if (!isRecord(value)) return INVALID;
-  const record = {};
-  for (const [key, entry] of Object.entries(value)) {
-    if (typeof entry !== "string") return INVALID;
-    record[key] = entry;
-  }
-  return record;
-}
-function optionalStringArray(value) {
-  if (value === void 0) return void 0;
-  if (!Array.isArray(value) || value.some((entry) => typeof entry !== "string")) return INVALID;
-  return value;
-}
-function shape(value, validators) {
-  if (value === void 0) return INVALID;
-  if (!isRecord(value)) return INVALID;
-  const result = {};
-  for (const [key, validate] of Object.entries(validators)) {
-    const parsed = validate(value[key]);
-    if (parsed === INVALID) return INVALID;
-    if (parsed !== void 0) result[key] = parsed;
-  }
-  return result;
-}
-function group(parsed) {
-  return parsed === INVALID ? void 0 : parsed;
-}
-var COLOR_KEYS = [
-  "accent",
-  "background",
-  "foreground",
-  "overlay",
-  "surface",
-  "surfaceSecondary",
-  "tooltip"
-];
-function parseAppearance(value) {
-  return shape(value, {
-    launcher: (launcher) => launcher === void 0 ? void 0 : shape(launcher, {
-      background: optionalThemeColor,
-      icon: optionalString,
-      position: optionalEnum(["bottom-left", "bottom-right"]),
-      style: optionalStringRecord
-    }),
-    panel: (panel) => panel === void 0 ? void 0 : shape(panel, {
-      expandable: optionalBoolean,
-      expanded: optionalBoolean,
-      initialHeight: (entry) => entry === void 0 || typeof entry === "string" ? entry : optionalNumber(entry),
-      initialWidth: (entry) => entry === void 0 || typeof entry === "string" ? entry : optionalNumber(entry)
-    }),
-    theme: (theme) => theme === void 0 ? void 0 : shape(theme, {
-      colorScheme: optionalEnum(["dark", "light", "system"]),
-      colors: (colors) => colors === void 0 ? void 0 : shape(
-        colors,
-        Object.fromEntries(COLOR_KEYS.map((key) => [key, optionalThemeColor]))
-      ),
-      designTheme: optionalEnum(["base", "brutalism", "glass", "mouve"]),
-      radius: optionalEnum(["pill", "round", "sharp", "soft"]),
-      typography: (typography) => typography === void 0 ? void 0 : shape(typography, { baseSize: optionalNumber, fontFamily: optionalString })
-    }),
-    viewMode: optionalEnum(["floating", "sidebar"])
-  });
-}
-function parseComposer(value) {
-  return shape(value, {
-    attachments: (attachments) => {
-      if (attachments === void 0 || attachments === false) return attachments;
-      if (!Array.isArray(attachments)) return INVALID;
-      const types = attachments.filter(
-        (entry) => typeof entry === "string" && isHeroUIAgentAttachmentContentType(entry)
-      );
-      return types.length === attachments.length ? types : INVALID;
-    },
-    defaultModel: optionalString,
-    dictation: optionalBoolean,
-    disclaimer: (disclaimer) => disclaimer === false ? false : optionalString(disclaimer),
-    modelPicker: optionalBoolean,
-    placeholder: optionalString
-  });
-}
-function parseMarkdown(value) {
-  return shape(value, {
-    animated: (animated) => {
-      if (animated === void 0 || animated === false) return animated;
-      if (!isRecord(animated)) return INVALID;
-      const animation = optionalEnum(["blurIn", "fadeIn", "slideUp"])(
-        animated["animation"]
-      );
-      if (animation === INVALID || animation === void 0) return INVALID;
-      return { ...animated, animation };
-    },
-    caret: (caret) => caret === false ? false : optionalEnum(["block", "circle"])(caret)
-  });
-}
-function parseResponseActions(value) {
-  if (value === void 0 || value === false) return value;
-  if (!Array.isArray(value)) return INVALID;
-  const allowed = ["copy", "feedback", "retry"];
-  const actions = value.filter(
-    (entry) => typeof entry === "string" && allowed.includes(entry)
-  );
-  return actions.length === value.length ? actions : INVALID;
-}
-function parseAgentRemoteConfig(value) {
-  if (!isRecord(value)) return null;
-  if (value["version"] !== HEROUI_AGENT_REMOTE_CONFIG_VERSION) return null;
-  const revision = value["revision"];
-  if (typeof revision !== "string" || !revision) return null;
-  const appearance = group(parseAppearance(value["appearance"]));
-  const capabilities = group(
-    shape(value["capabilities"], {
-      imageSearch: optionalBoolean,
-      newsSearch: optionalBoolean,
-      webSearch: optionalBoolean
-    })
-  );
-  const composer = group(parseComposer(value["composer"]));
-  const markdown = group(parseMarkdown(value["markdown"]));
-  const permissions = group(
-    shape(value["permissions"], {
-      defaultMode: optionalEnum(["ask", "auto", "full"]),
-      showPicker: optionalBoolean
-    })
-  );
-  const responseActions = group(parseResponseActions(value["responseActions"]));
-  const startScreen = group(
-    shape(value["startScreen"], {
-      greeting: optionalString,
-      promptShortcuts: optionalBoolean,
-      prompts: optionalStringArray
-    })
-  );
-  const webfont = group(
-    shape(value["webfont"], {
-      familyName: (familyName) => typeof familyName === "string" && familyName ? familyName : INVALID,
-      fontFaceUrl: optionalString,
-      stylesheetUrl: optionalString
-    })
-  );
-  return {
-    ...appearance ? { appearance } : {},
-    ...capabilities ? { capabilities } : {},
-    ...composer ? { composer } : {},
-    ...markdown ? { markdown } : {},
-    ...permissions ? { permissions } : {},
-    ...responseActions === void 0 ? {} : { responseActions },
-    ...startScreen ? { startScreen } : {},
-    ...webfont ? { webfont } : {},
-    revision,
-    version: HEROUI_AGENT_REMOTE_CONFIG_VERSION
-  };
-}
-
-// src/embed/remote-config.ts
-function cacheKey(agentId) {
-  return `heroui-agent:config:${agentId}`;
-}
-var REMOTE_CONFIG_CACHE_VERSION = 1;
-function readCachedRemoteConfigSnapshot(agentId) {
-  try {
-    const raw = window.localStorage.getItem(cacheKey(agentId));
-    if (!raw) return null;
-    const value = JSON.parse(raw);
-    if (typeof value === "object" && value !== null && !Array.isArray(value)) {
-      const envelope = value;
-      if (envelope.cacheVersion === REMOTE_CONFIG_CACHE_VERSION && typeof envelope.cachedAt === "number" && Number.isFinite(envelope.cachedAt)) {
-        const config = parseAgentRemoteConfig(envelope.config);
-        return config ? { cachedAt: envelope.cachedAt, config, legacy: false } : null;
-      }
-    }
-    const legacyConfig = parseAgentRemoteConfig(value);
-    return legacyConfig ? { cachedAt: 0, config: legacyConfig, legacy: true } : null;
-  } catch {
-    return null;
-  }
-}
-function writeCachedRemoteConfig(agentId, config, cachedAt = Date.now()) {
-  try {
-    const envelope = {
-      cacheVersion: REMOTE_CONFIG_CACHE_VERSION,
-      cachedAt,
-      config
-    };
-    window.localStorage.setItem(cacheKey(agentId), JSON.stringify(envelope));
-  } catch {
-  }
-}
-function clearCachedRemoteConfig(agentId) {
-  try {
-    window.localStorage.removeItem(cacheKey(agentId));
-  } catch {
-  }
-}
-async function fetchRemoteConfig(apiBaseUrl, agentId, options = {}) {
-  try {
-    const response = await fetch(
-      `${apiBaseUrl}/v1/agents/${encodeURIComponent(agentId)}/appearance`,
-      {
-        headers: options.revision ? { "If-None-Match": `"${options.revision}"` } : {},
-        ...options.signal ? { signal: options.signal } : {}
-      }
-    );
-    if (response.status === 304) return { status: "not-modified" };
-    if (response.status === 404 || response.status === 410) return { status: "missing" };
-    if (!response.ok) return { status: "unavailable" };
-    const config = parseAgentRemoteConfig(await response.json());
-    return config ? { config, status: "ok" } : { status: "unavailable" };
-  } catch {
-    return { status: "unavailable" };
-  }
-}
-
-// src/embed/shell-composer-presentation.tsx
-import { ChevronDown, Microphone, Plus, ShieldCheck } from "@gravity-ui/icons";
-import { useEffect, useRef } from "react";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var PERMISSION_LABELS = {
-  ask: "Ask for approval",
-  auto: "Approve for me",
-  full: "Full access"
-};
-function createShellComposerPresentation({
-  onFileDialogActiveChange,
-  onIntent,
-  options
-}) {
-  return {
-    end: /* @__PURE__ */ jsx3(ShellComposerControls, { options }),
-    footer: options.composerDisclaimer ? /* @__PURE__ */ jsx3("p", { className: "ha-footnote", children: renderInlineMarkdown(options.composerDisclaimer) }) : null,
-    start: options.composerAttachmentContentTypes.length > 0 ? /* @__PURE__ */ jsx3(
-      ShellAttachmentControl,
-      {
-        accept: options.composerAttachmentAccept,
-        agentId: options.agentId,
-        onFileDialogActiveChange,
-        onIntent
-      }
-    ) : null
-  };
-}
-function ShellAttachmentControl({
-  accept,
-  agentId,
-  onFileDialogActiveChange,
-  onIntent
-}) {
-  const inputRef = useRef(null);
-  useEffect(() => {
-    const input = inputRef.current;
-    let focusTimer;
-    const release = () => onFileDialogActiveChange(false);
-    const releaseAfterFocus = () => {
-      focusTimer = window.setTimeout(release, 0);
-    };
-    input?.addEventListener("cancel", release);
-    window.addEventListener("focus", releaseAfterFocus);
-    return () => {
-      input?.removeEventListener("cancel", release);
-      window.removeEventListener("focus", releaseAfterFocus);
-      window.clearTimeout(focusTimer);
-    };
-  }, [onFileDialogActiveChange]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx3(
-      "input",
-      {
-        ref: inputRef,
-        multiple: true,
-        accept,
-        "aria-label": "Choose files to attach",
-        className: "ha-file-input",
-        type: "file",
-        onChange: (event) => {
-          writeAgentShellAttachments(agentId, Array.from(event.currentTarget.files ?? []));
-          event.currentTarget.value = "";
-          onFileDialogActiveChange(false);
-          onIntent();
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx3(
-      "button",
-      {
-        "aria-label": "Attach files",
-        className: "ha-attach",
-        type: "button",
-        onClick: () => {
-          onFileDialogActiveChange(true);
-          inputRef.current?.click();
-        },
-        children: /* @__PURE__ */ jsx3(Plus, { "aria-hidden": "true" })
-      }
-    )
-  ] });
-}
-function ShellComposerControls({ options }) {
-  const modelId = options.composerDefaultModel ?? DEFAULT_AGENT_PICKER_MODEL_ID;
-  const modelLabel = AGENT_MODEL_OPTIONS.find((option) => option.id === modelId)?.label ?? modelId;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    options.permissionShowPicker && options.tools.length > 0 ? /* @__PURE__ */ jsx3(
-      ShellPicker,
-      {
-        icon: /* @__PURE__ */ jsx3(ShieldCheck, { "aria-hidden": "true", className: "aui-permission-picker__trigger-icon" }),
-        kind: "permission",
-        label: PERMISSION_LABELS[options.permissionDefaultMode],
-        tone: options.permissionDefaultMode === "full" ? "warning" : void 0
-      }
-    ) : null,
-    options.composerModelPicker ? /* @__PURE__ */ jsx3(ShellPicker, { kind: "model", label: modelLabel }) : null,
-    options.composerDictation ? /* @__PURE__ */ jsx3("button", { disabled: true, "aria-label": "Dictate message", className: "ha-dictation", type: "button", children: /* @__PURE__ */ jsx3(Microphone, { "aria-hidden": "true" }) }) : null
-  ] });
-}
-function ShellPicker({
-  icon,
-  kind,
-  label,
-  tone
-}) {
-  const name = `aui-${kind}-picker`;
-  return /* @__PURE__ */ jsx3("div", { className: `${name} ha-${kind}-picker`, "data-tone": tone, children: /* @__PURE__ */ jsxs(
-    "button",
-    {
-      disabled: true,
-      "aria-label": kind === "model" ? "AI model" : "Tool permissions",
-      className: `${name}__trigger ha-shell-picker-trigger`,
-      type: "button",
-      children: [
-        icon,
-        /* @__PURE__ */ jsx3("span", { className: `${name}__value`, children: label }),
-        /* @__PURE__ */ jsx3(ChevronDown, { "aria-hidden": "true", className: `${name}__indicator` })
-      ]
-    }
-  ) });
-}
-
-// src/embed/webfont.ts
-var FONT_FILE_EXTENSIONS = [".woff2", ".woff", ".ttf", ".otf", ".eot"];
-function elementId(font) {
-  return `heroui-agent-font-${font.familyName.toLowerCase().replace(/[^a-z0-9]+/g, "-")}`;
-}
-function fontFormat(url) {
-  const isVariable = url.includes(":vf@") || url.includes("-wght-") || url.includes("-opsz-");
-  if (url.endsWith(".woff")) return "woff";
-  if (url.endsWith(".ttf")) return "truetype";
-  if (url.endsWith(".otf")) return "opentype";
-  return isVariable ? "woff2-variations" : "woff2";
-}
-function isSafeFontUrl(url, requireFontFile) {
-  try {
-    const parsed = new URL(url);
-    if (parsed.protocol !== "https:") return false;
-    if (!requireFontFile) return true;
-    const pathname = parsed.pathname.toLowerCase();
-    return FONT_FILE_EXTENSIONS.some((extension) => pathname.endsWith(extension));
-  } catch {
-    return false;
-  }
-}
-function loadAgentWebfont(font) {
-  if (!font || typeof document === "undefined") return () => void 0;
-  const id = elementId(font);
-  if (document.getElementById(id)) return () => void 0;
-  if (font.stylesheetUrl && isSafeFontUrl(font.stylesheetUrl, false)) {
-    const link = document.createElement("link");
-    link.id = id;
-    link.rel = "stylesheet";
-    link.href = font.stylesheetUrl;
-    document.head.append(link);
-    return () => link.remove();
-  }
-  if (font.fontFaceUrl && isSafeFontUrl(font.fontFaceUrl, true)) {
-    const style = document.createElement("style");
-    const isVariable = font.fontFaceUrl.includes(":vf@") || font.fontFaceUrl.includes("-wght-") || font.fontFaceUrl.includes("-opsz-");
-    style.id = id;
-    style.textContent = [
-      "@font-face {",
-      `  font-family: '${font.familyName.replaceAll("'", "")}';`,
-      "  font-style: normal;",
-      "  font-display: swap;",
-      `  font-weight: ${isVariable ? "100 900" : "400"};`,
-      `  src: url(${font.fontFaceUrl}) format('${fontFormat(font.fontFaceUrl)}');`,
-      "}"
-    ].join("\n");
-    document.head.append(style);
-    return () => style.remove();
-  }
-  return () => void 0;
-}
-
-// src/embed/provider.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var REMOTE_CONFIG_RESOLUTION_TIMEOUT_MS = 600;
-var REMOTE_CONFIG_PRESENTATION_MAX_AGE_MS = 5 * 6e4;
-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-VVAGDPYY.js"
-  ).then(
-    (module) => module.default
-  );
-  return embedRuntimePromise;
-}
-var controllers = /* @__PURE__ */ new Map();
-var controllerListeners = /* @__PURE__ */ new Set();
-function getController(agentId) {
-  return agentId ? controllers.get(agentId) : [...controllers.values()][controllers.size - 1];
-}
-function notifyControllerListeners() {
-  for (const listener of controllerListeners) listener();
-}
-function subscribeToControllers(listener) {
-  controllerListeners.add(listener);
-  return () => controllerListeners.delete(listener);
-}
-function subscribeToColorScheme(onChange) {
-  const media = window.matchMedia?.("(prefers-color-scheme: dark)");
-  media?.addEventListener?.("change", onChange);
-  return () => media?.removeEventListener?.("change", onChange);
-}
-function prefersDarkColorScheme() {
-  return window.matchMedia?.("(prefers-color-scheme: dark)").matches === true;
-}
-function dispatch(agentId, method, ...args) {
-  const controller = getController(agentId);
-  if (!controller) {
-    console.warn("HeroUI Agent is not mounted yet. Add <HeroUIAgent /> to your layout.");
-    return;
-  }
-  const action = controller[method];
-  action(...args);
-}
-function useRemoteConfig(agentId, apiBaseUrl, enabled) {
-  const [cachedSnapshot] = useState(() => {
-    if (!enabled || typeof window === "undefined") return null;
-    return readCachedRemoteConfigSnapshot(agentId);
-  });
-  const [state, setState] = useState(() => {
-    if (!enabled) return { config: null, presentationReady: true };
-    const cacheAge = cachedSnapshot ? Date.now() - cachedSnapshot.cachedAt : Number.POSITIVE_INFINITY;
-    const fresh = cachedSnapshot !== null && !cachedSnapshot.legacy && cacheAge >= 0 && cacheAge <= REMOTE_CONFIG_PRESENTATION_MAX_AGE_MS;
-    return {
-      config: fresh ? cachedSnapshot.config : null,
-      presentationReady: fresh
-    };
-  });
-  useEffect2(() => {
-    if (!enabled) return;
-    const controller = new AbortController();
-    let active = true;
-    const settle = (config) => {
-      setState(
-        (current) => current.presentationReady ? current : { config, presentationReady: true }
-      );
-    };
-    const budget = window.setTimeout(() => {
-      if (!active) return;
-      controller.abort();
-      settle(cachedSnapshot?.config ?? null);
-    }, REMOTE_CONFIG_RESOLUTION_TIMEOUT_MS);
-    void fetchRemoteConfig(apiBaseUrl, agentId, {
-      ...cachedSnapshot?.config.revision ? { revision: cachedSnapshot.config.revision } : {},
-      signal: controller.signal
-    }).then((result) => {
-      if (!active || controller.signal.aborted) return;
-      if (result.status === "ok") {
-        writeCachedRemoteConfig(agentId, result.config);
-        settle(result.config);
-        return;
-      }
-      if (result.status === "not-modified") {
-        if (cachedSnapshot) writeCachedRemoteConfig(agentId, cachedSnapshot.config);
-        settle(cachedSnapshot?.config ?? null);
-        return;
-      }
-      if (result.status === "missing") {
-        clearCachedRemoteConfig(agentId);
-        settle(null);
-        return;
-      }
-      settle(cachedSnapshot?.config ?? null);
-    }).finally(() => {
-      if (!active || controller.signal.aborted) return;
-      window.clearTimeout(budget);
-    });
-    return () => {
-      active = false;
-      controller.abort();
-      window.clearTimeout(budget);
-    };
-  }, [apiBaseUrl, cachedSnapshot, enabled, agentId]);
-  return enabled ? state : { config: null, presentationReady: true };
-}
-function useAgent(agentId) {
-  const getReadySnapshot = useCallback(() => getController(agentId)?.ready ?? false, [agentId]);
-  const ready = useSyncExternalStore(subscribeToControllers, getReadySnapshot, () => false);
-  return useMemo(
-    () => ({
-      hide: () => dispatch(agentId, "hide"),
-      newConversation: (prompt) => dispatch(agentId, "newConversation", prompt),
-      preload: () => dispatch(agentId, "preload"),
-      ready,
-      refreshAuth: () => dispatch(agentId, "refreshAuth"),
-      show: () => dispatch(agentId, "show"),
-      shutdown: () => dispatch(agentId, "shutdown"),
-      toggle: () => dispatch(agentId, "toggle")
-    }),
-    [agentId, ready]
-  );
-}
-function HeroUIAgent(props) {
-  const remoteSourceKey = `${props.agentId}\0${props._api?.baseUrl ?? ""}\0${props.remoteConfig !== false}`;
-  return /* @__PURE__ */ jsx4(HeroUIAgentMount, { ...props }, remoteSourceKey);
-}
-function HeroUIAgentMount(props) {
-  const {
-    _api,
-    agentId,
-    appearance,
-    capabilities,
-    componentExports,
-    composer,
-    context,
-    getAuthToken,
-    markdown,
-    onFeedback,
-    onReady,
-    permissions,
-    preload: preloadEnabled,
-    remoteConfig: remoteConfigEnabled = true,
-    reopenOnRefresh,
-    responseActions,
-    showLauncher,
-    startNewConversationOnOpen,
-    startScreen,
-    tools
-  } = props;
-  const markdownPlugins = markdown?.plugins;
-  const apiBaseUrl = (_api?.baseUrl ?? "https://api.heroui.com").replace(/\/$/, "");
-  const { config: remoteConfig, presentationReady: remoteConfigPresentationReady } = useRemoteConfig(
-    agentId,
-    apiBaseUrl,
-    remoteConfigEnabled
-  );
-  const serializedConfig = JSON.stringify({
-    _api,
-    appearance,
-    capabilities,
-    componentExports,
-    composer,
-    markdown: markdown ? { ...markdown, plugins: void 0 } : void 0,
-    permissions,
-    preload: preloadEnabled,
-    remote: remoteConfig,
-    reopenOnRefresh,
-    responseActions,
-    showLauncher,
-    startNewConversationOnOpen,
-    startScreen
-  });
-  const options = useMemo(() => {
-    const { remote, ...config } = JSON.parse(serializedConfig);
-    const merged = mergeRemoteConfig(remote, {
-      ...config,
-      agentId,
-      getAuthToken
-    });
-    return resolveOptions({
-      ...merged,
-      context,
-      markdown: merged.markdown ? { ...merged.markdown, plugins: markdownPlugins } : markdownPlugins ? { plugins: markdownPlugins } : void 0,
-      onFeedback,
-      tools
-    });
-  }, [context, getAuthToken, markdownPlugins, onFeedback, agentId, serializedConfig, tools]);
-  const tokenManager = useMemo(
-    () => new EmbedSessionManager(agentId, getAuthToken),
-    [agentId, getAuthToken]
-  );
-  const hostFont = hostSuppliesFont(props);
-  const remoteWebfont = remoteConfig?.webfont;
-  useEffect2(() => {
-    if (hostFont) return;
-    return loadAgentWebfont(remoteWebfont);
-  }, [hostFont, remoteWebfont]);
-  const [restoredOpenState] = useState(() => reopenOnRefresh === true && readOpenState(agentId));
-  const [openRequested, setOpenRequested] = useState(restoredOpenState);
-  const [conversationEpoch, setConversationEpoch] = useState(1);
-  const [identityEpoch, setIdentityEpoch] = useState(1);
-  const [identityReset, setIdentityReset] = useState(false);
-  const [requestedConversationId, setRequestedConversationId] = useState(
-    restoredOpenState || options.startNewConversationOnOpen ? null : void 0
-  );
-  const [portalRoot, setPortalRoot] = useState(null);
-  const [EmbedRuntime, setEmbedRuntime] = useState(null);
-  const [hasCompletedInitialLoad, setHasCompletedInitialLoad] = useState(false);
-  const [hasUnreadMessages, setHasUnreadMessages] = useState(false);
-  const [runtimeReadyEpoch, setRuntimeReadyEpoch] = useState(null);
-  const conversationEpochRef = useRef2(1);
-  const launcherRef = useRef2(null);
-  const restoreLauncherFocusRef = useRef2(false);
-  const portalRootRef = useRef2(null);
-  const reportedReadyEpochRef = useRef2(null);
-  const shouldOpenRef = useRef2(restoredOpenState);
-  const hostRef = useRef2(null);
-  const embedReactRootRef = useRef2(null);
-  const rootPropertyNamesRef = useRef2([]);
-  const prefersDark = useSyncExternalStore(
-    subscribeToColorScheme,
-    prefersDarkColorScheme,
-    () => false
-  );
-  const designThemeClass = options.designTheme === "base" ? null : `${options.designTheme}-${options.colorScheme === "system" ? prefersDark ? "dark" : "light" : options.colorScheme}`;
-  const ready = remoteConfigPresentationReady && runtimeReadyEpoch === conversationEpoch && EmbedRuntime !== null;
-  const isOpen = remoteConfigPresentationReady && openRequested;
-  const [shouldLoadRuntime, setShouldLoadRuntime] = useState(restoredOpenState || options.preload);
-  const requestRuntime = useCallback(() => setShouldLoadRuntime(true), []);
-  const [composerControlsRevealed, setComposerControlsRevealed] = useState(false);
-  const [composerFileDialogActive, setComposerFileDialogActive] = useState(false);
-  const revealComposerControls = useCallback(() => setComposerControlsRevealed(true), []);
-  useEffect2(() => {
-    if (!composerControlsRevealed || !portalRoot) return;
-    const reconcileComposerFocus = () => {
-      queueMicrotask(() => {
-        const composer2 = portalRoot.querySelector(".ha-composer:not([hidden] *)");
-        if (composer2 && containsComposerFocus(composer2, document.activeElement)) return;
-        setComposerControlsRevealed(false);
-      });
-    };
-    portalRoot.addEventListener("focusout", reconcileComposerFocus);
-    return () => portalRoot.removeEventListener("focusout", reconcileComposerFocus);
-  }, [composerControlsRevealed, portalRoot]);
-  useEffect2(() => {
-    if (!shouldLoadRuntime) return;
-    void tokenManager.get().catch(() => void 0);
-  }, [shouldLoadRuntime, tokenManager]);
-  useEffect2(() => {
-    if (options.reopenOnRefresh) writeOpenState(options.agentId, openRequested);
-    else writeOpenState(options.agentId, false);
-  }, [openRequested, options.agentId, options.reopenOnRefresh]);
-  useEffect2(() => {
-    if (!shouldLoadRuntime) return;
-    if (!remoteConfigPresentationReady) {
-      void loadEmbedRuntime().catch(() => void 0);
-      return;
-    }
-    let active = true;
-    void loadEmbedRuntime().then((runtime) => {
-      if (active) setEmbedRuntime(() => runtime);
-    }).catch(() => void 0);
-    return () => {
-      active = false;
-    };
-  }, [remoteConfigPresentationReady, shouldLoadRuntime]);
-  useEffect2(() => {
-    if (!isOpen || options.viewMode !== "sidebar") return;
-    if (window.innerWidth < 640) return;
-    const target = document.documentElement;
-    const previousMargin = target.style.marginRight;
-    const previousTransition = target.style.transition;
-    const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    const width = Math.min(readSidebarWidth(options.agentId, window.innerWidth), window.innerWidth);
-    if (!reducedMotion) {
-      target.style.transition = [previousTransition, "margin-right .28s cubic-bezier(.2,.8,.2,1)"].filter(Boolean).join(", ");
-    }
-    target.style.marginRight = `${width}px`;
-    return () => {
-      target.style.marginRight = previousMargin;
-      window.setTimeout(() => {
-        target.style.transition = previousTransition;
-      }, 300);
-    };
-  }, [isOpen, options.agentId, options.viewMode]);
-  useEffect2(() => {
-    const host = document.createElement("div");
-    const root = document.createElement("div");
-    host.dataset["herouiAgent"] = options.agentId;
-    root.className = "ha-root";
-    hostRef.current = host;
-    portalRootRef.current = root;
-    embedReactRootRef.current = createRoot(root);
-    host.append(root);
-    document.body.append(host);
-    let active = true;
-    queueMicrotask(() => {
-      if (active) setPortalRoot(root);
-    });
-    return () => {
-      active = false;
-      setFocus(options.agentId, false);
-      const reactRoot = embedReactRootRef.current;
-      portalRootRef.current = null;
-      hostRef.current = null;
-      embedReactRootRef.current = null;
-      rootPropertyNamesRef.current = [];
-      queueMicrotask(() => {
-        reactRoot?.unmount();
-        host.remove();
-      });
-    };
-  }, [options.agentId]);
-  useLayoutEffect(() => {
-    const root = portalRootRef.current;
-    const host = hostRef.current;
-    if (!root || !host) return;
-    root.className = designThemeClass ? `ha-root ${designThemeClass}` : "ha-root";
-    root.dataset["theme"] = options.colorScheme;
-    root.dataset["viewMode"] = options.viewMode;
-    root.dataset["position"] = options.launcherPosition;
-    host.dataset["open"] = isOpen ? "true" : "false";
-    host.dataset["viewMode"] = options.viewMode;
-    host.dataset["position"] = options.launcherPosition;
-    if (options.launcherOffset) {
-      host.style.setProperty("--ha-launcher-x", `${options.launcherOffset.x}px`);
-      host.style.setProperty("--ha-launcher-y", `${options.launcherOffset.y}px`);
-    } else {
-      host.style.removeProperty("--ha-launcher-x");
-      host.style.removeProperty("--ha-launcher-y");
-    }
-    if (options.viewMode === "sidebar") {
-      host.style.setProperty(
-        "--ha-sidebar-width",
-        `${readSidebarWidth(options.agentId, window.innerWidth)}px`
-      );
-    }
-    const rootProperties = { ...options.themeStyle, ...options.panelStyle };
-    for (const property of rootPropertyNamesRef.current) {
-      if (!(property in rootProperties)) root.style.removeProperty(property);
-    }
-    for (const [property, value] of Object.entries(rootProperties)) {
-      root.style.setProperty(property, value);
-    }
-    rootPropertyNamesRef.current = Object.keys(rootProperties);
-  }, [
-    designThemeClass,
-    isOpen,
-    options.colorScheme,
-    options.agentId,
-    options.launcherOffset,
-    options.launcherPosition,
-    options.panelStyle,
-    options.themeStyle,
-    options.viewMode,
-    portalRoot
-  ]);
-  const prepareNextConversation = useCallback(
-    (conversationId) => {
-      setFocus(options.agentId, false);
-      setComposerFileDialogActive(false);
-      setRuntimeReadyEpoch(null);
-      setRequestedConversationId(conversationId);
-      const nextEpoch = conversationEpochRef.current + 1;
-      conversationEpochRef.current = nextEpoch;
-      setConversationEpoch(nextEpoch);
-    },
-    [options.agentId]
-  );
-  const handleRuntimeReady = useCallback((readyEpoch) => {
-    if (conversationEpochRef.current !== readyEpoch) return;
-    setHasCompletedInitialLoad(true);
-    setRuntimeReadyEpoch(readyEpoch);
-  }, []);
-  const emitReady = useEffectEvent(() => onReady?.());
-  useEffect2(() => {
-    if (!ready || reportedReadyEpochRef.current === conversationEpoch) return;
-    reportedReadyEpochRef.current = conversationEpoch;
-    emitReady();
-  }, [conversationEpoch, ready]);
-  const hide = useCallback(() => {
-    shouldOpenRef.current = false;
-    restoreLauncherFocusRef.current = true;
-    setOpenRequested(false);
-    setComposerControlsRevealed(false);
-    prepareNextConversation(options.startNewConversationOnOpen ? null : void 0);
-  }, [options.startNewConversationOnOpen, prepareNextConversation]);
-  useEffect2(() => {
-    if (isOpen || !ready || !restoreLauncherFocusRef.current) return;
-    restoreLauncherFocusRef.current = false;
-    requestAnimationFrame(() => launcherRef.current?.focus());
-  }, [isOpen, ready]);
-  const show = useCallback(() => {
-    shouldOpenRef.current = true;
-    setOpenRequested(true);
-    requestRuntime();
-  }, [requestRuntime]);
-  const preload = requestRuntime;
-  const newConversation = useCallback(
-    (prompt) => {
-      const submission = prompt ? createSubmittedAgentShellHandoff(prompt) : null;
-      if (submission) writeAgentShellHandoff(options.agentId, submission);
-      shouldOpenRef.current = true;
-      setOpenRequested(true);
-      setComposerControlsRevealed(false);
-      requestRuntime();
-      prepareNextConversation(null);
-    },
-    [options.agentId, prepareNextConversation, requestRuntime]
-  );
-  const selectConversation = useCallback(
-    (conversationId) => {
-      shouldOpenRef.current = true;
-      setOpenRequested(true);
-      setComposerControlsRevealed(false);
-      requestRuntime();
-      prepareNextConversation(conversationId);
-    },
-    [prepareNextConversation, requestRuntime]
-  );
-  const toggle = useCallback(() => {
-    if (isOpen || shouldOpenRef.current) hide();
-    else show();
-  }, [hide, isOpen, show]);
-  const refreshAuth = useCallback(() => {
-    setHasUnreadMessages(false);
-    setIdentityReset(false);
-    setIdentityEpoch((epoch) => epoch + 1);
-  }, []);
-  const shutdown = useCallback(() => {
-    const prefixes = [
-      `heroui-agent:anonymous:${options.agentId}`,
-      `heroui-agent:conversation:${options.agentId}:`,
-      `heroui-agent:history:${options.agentId}:`
-    ];
-    for (let index = localStorage.length - 1; index >= 0; index -= 1) {
-      const key = localStorage.key(index);
-      if (key && prefixes.some((prefix) => key.startsWith(prefix))) localStorage.removeItem(key);
-    }
-    shouldOpenRef.current = false;
-    setHasUnreadMessages(false);
-    setOpenRequested(false);
-    setComposerControlsRevealed(false);
-    writeOpenState(options.agentId, false);
-    setIdentityReset(true);
-    setIdentityEpoch((epoch) => epoch + 1);
-    prepareNextConversation();
-    window.setTimeout(() => {
-      void import("./composer-draft-DTQAEO5K.js").then(
-        ({ clearAgentComposerDraftsForProject }) => clearAgentComposerDraftsForProject(options.agentId)
-      ).catch(() => void 0);
-    }, 0);
-  }, [options.agentId, prepareNextConversation]);
-  useEffect2(() => {
-    const controller = {
-      hide,
-      newConversation,
-      preload,
-      ready,
-      refreshAuth,
-      show,
-      shutdown,
-      toggle
-    };
-    controllers.set(options.agentId, controller);
-    notifyControllerListeners();
-    return () => {
-      if (controllers.get(options.agentId) === controller) {
-        controllers.delete(options.agentId);
-        notifyControllerListeners();
-      }
-    };
-  }, [hide, newConversation, options.agentId, preload, ready, refreshAuth, show, shutdown, toggle]);
-  useLayoutEffect(() => {
-    const reactRoot = embedReactRootRef.current;
-    if (!portalRoot || !reactRoot) return;
-    const shellComposer = createShellComposerPresentation({
-      onFileDialogActiveChange: setComposerFileDialogActive,
-      onIntent: requestRuntime,
-      options
-    });
-    reactRoot.render(
-      /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        remoteConfigPresentationReady && options.showLauncher && !isOpen ? /* @__PURE__ */ jsxs2(
-          "button",
-          {
-            ref: launcherRef,
-            "aria-expanded": false,
-            "aria-haspopup": "dialog",
-            className: "ha-launcher",
-            style: options.launcherStyle,
-            type: "button",
-            "aria-label": hasUnreadMessages ? "Open data assistant, unread messages" : "Open data assistant",
-            onClick: show,
-            children: [
-              /* @__PURE__ */ jsx4(LauncherIcon, { icon: options.launcherIcon }),
-              hasUnreadMessages ? /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", className: "ha-launcher__unread" }) : null
-            ]
-          }
-        ) : null,
-        EmbedRuntime && !composerFileDialogActive ? /* @__PURE__ */ jsx4(
-          EmbedRuntime,
-          {
-            composerControlsRevealed,
-            conversationEpoch,
-            identityEpoch,
-            identityReset,
-            open: isOpen,
-            options,
-            requestedConversationId,
-            shellComposerEndSlot: shellComposer.end,
-            shellComposerFooterSlot: shellComposer.footer,
-            showReadyLoader: !hasCompletedInitialLoad && requestedConversationId !== null,
-            tokenManager,
-            onClose: hide,
-            onComposerControlsReveal: revealComposerControls,
-            onNewConversation: newConversation,
-            onReady: handleRuntimeReady,
-            onSelectConversation: selectConversation,
-            onUnreadChange: setHasUnreadMessages
-          }
-        ) : /* @__PURE__ */ jsx4(
-          PanelShell,
-          {
-            agentId: options.agentId,
-            defaultExpanded: options.panelExpanded,
-            expandable: options.panelExpandable,
-            historySlot: /* @__PURE__ */ jsx4(Fragment2, {}),
-            modal: options.viewMode !== "sidebar",
-            name: "Data assistant",
-            open: isOpen,
-            onClose: hide,
-            children: requestedConversationId === null ? /* @__PURE__ */ jsx4(
-              ShellConversation,
-              {
-                composerConnecting: true,
-                agentId: options.agentId,
-                composerControlsAvailable: options.composerControlsAvailable,
-                composerControlsRevealed,
-                composerEndSlot: shellComposer.end,
-                composerFooterSlot: shellComposer.footer,
-                composerStartSlot: shellComposer.start,
-                greeting: options.greeting,
-                placeholder: options.composerPlaceholder,
-                suggestedPrompts: options.suggestedPrompts ?? [],
-                onComposerControlsReveal: revealComposerControls,
-                onIntent: requestRuntime
-              },
-              `shell-${conversationEpoch}`
-            ) : /* @__PURE__ */ jsx4(AgentLoadingState, {})
-          }
-        )
-      ] })
-    );
-  }, [
-    EmbedRuntime,
-    composerControlsRevealed,
-    composerFileDialogActive,
-    conversationEpoch,
-    handleRuntimeReady,
-    hasUnreadMessages,
-    hasCompletedInitialLoad,
-    hide,
-    identityEpoch,
-    identityReset,
-    isOpen,
-    newConversation,
-    options,
-    portalRoot,
-    ready,
-    remoteConfigPresentationReady,
-    requestedConversationId,
-    requestRuntime,
-    revealComposerControls,
-    selectConversation,
-    show,
-    tokenManager
-  ]);
-  return null;
-}
-
-export {
-  useAgent,
-  HeroUIAgent
-};