@heroui/agent 0.2.0-beta.1

package/dist/chunk-RQCTC4JB.js

@@ -0,0 +1,1084 @@
+// src/embed/client-tools.ts
+function createToolHelper() {
+  return function defineClientTool(definition) {
+    return definition;
+  };
+}
+function isZodSchema(value) {
+  return Boolean(
+    value && typeof value === "object" && typeof value.safeParse === "function"
+  );
+}
+function parseClientToolArgs(tool, input) {
+  return isZodSchema(tool.parameters) ? tool.parameters.parse(input) : input;
+}
+function resolveDirectToolAction(tools, toolName) {
+  const tool = tools.get(toolName);
+  if (!tool || tool.needsApproval) return null;
+  return tool;
+}
+
+// src/embed/composer-draft.ts
+var AGENT_COMPOSER_DRAFT_MAX_AGE_MS = 7 * 24 * 60 * 60 * 1e3;
+var AGENT_COMPOSER_DRAFT_DB_NAME = "heroui-agent-embed";
+var AGENT_COMPOSER_DRAFT_DB_VERSION = 1;
+var AGENT_COMPOSER_IMAGE_DRAFT_STORE = "composer-image-drafts";
+var AGENT_COMPOSER_DRAFT_MARKER = ":composer-draft:";
+var pendingImageDraftMutations = /* @__PURE__ */ new Map();
+function agentComposerDraftStorageKey(conversationStorageKey, conversationId) {
+  return `${conversationStorageKey}${AGENT_COMPOSER_DRAFT_MARKER}${conversationId}:v1`;
+}
+function readAgentComposerPromptDraft(key, now = Date.now()) {
+  if (typeof window === "undefined") return "";
+  try {
+    const raw = window.localStorage.getItem(key);
+    if (!raw) return "";
+    const parsed = JSON.parse(raw);
+    const isFresh = typeof parsed.savedAt === "number" && now - parsed.savedAt <= AGENT_COMPOSER_DRAFT_MAX_AGE_MS;
+    if (!isFresh || typeof parsed.prompt !== "string" || !parsed.prompt.trim()) {
+      window.localStorage.removeItem(key);
+      return "";
+    }
+    return parsed.prompt;
+  } catch {
+    try {
+      window.localStorage.removeItem(key);
+    } catch {
+    }
+    return "";
+  }
+}
+function saveAgentComposerPromptDraft(key, prompt, now = Date.now()) {
+  if (typeof window === "undefined") return;
+  try {
+    if (!prompt.trim()) {
+      window.localStorage.removeItem(key);
+      return;
+    }
+    window.localStorage.setItem(
+      key,
+      JSON.stringify({ prompt, savedAt: now })
+    );
+  } catch {
+  }
+}
+async function readAgentComposerImageDraft(key, now = Date.now()) {
+  await pendingImageDraftMutations.get(key);
+  const stored = await readImageDraftRecord(key);
+  if (!stored) return [];
+  const isFresh = now - stored.savedAt <= AGENT_COMPOSER_DRAFT_MAX_AGE_MS;
+  const files = stored.files.filter(isPersistableImageFile);
+  if (!isFresh || files.length === 0) {
+    await queueImageDraftMutation(key, () => deleteImageDraftRecord(key));
+    return [];
+  }
+  return files;
+}
+function saveAgentComposerImageDraft(key, files, now = Date.now()) {
+  const images = files.filter(isPersistableImageFile);
+  return queueImageDraftMutation(
+    key,
+    () => images.length > 0 ? writeImageDraftRecord({ files: images, key, savedAt: now }) : deleteImageDraftRecord(key)
+  );
+}
+function clearAgentComposerDraft(key) {
+  if (typeof window !== "undefined") {
+    try {
+      window.localStorage.removeItem(key);
+    } catch {
+    }
+  }
+  return queueImageDraftMutation(key, () => deleteImageDraftRecord(key));
+}
+async function clearAgentComposerDraftsForProject(agentId) {
+  const prefix = `heroui-agent:conversation:${agentId}:`;
+  if (typeof window !== "undefined") {
+    try {
+      for (let index = window.localStorage.length - 1; index >= 0; index -= 1) {
+        const key = window.localStorage.key(index);
+        if (key?.startsWith(prefix) && key.includes(AGENT_COMPOSER_DRAFT_MARKER)) {
+          window.localStorage.removeItem(key);
+        }
+      }
+    } catch {
+    }
+  }
+  const pending = [...pendingImageDraftMutations.entries()].filter(([key]) => key.startsWith(prefix)).map(([, mutation]) => mutation);
+  await Promise.all(pending);
+  await deleteImageDraftRecordsByPrefix(prefix);
+}
+function isPersistableImageFile(value) {
+  return typeof File !== "undefined" && value instanceof File && typeof value.type === "string" && value.type.startsWith("image/");
+}
+function queueImageDraftMutation(key, mutation) {
+  const previous = pendingImageDraftMutations.get(key) ?? Promise.resolve();
+  const next = previous.catch(() => void 0).then(mutation).catch(() => void 0);
+  pendingImageDraftMutations.set(key, next);
+  void next.finally(() => {
+    if (pendingImageDraftMutations.get(key) === next) pendingImageDraftMutations.delete(key);
+  });
+  return next;
+}
+function openImageDraftDatabase() {
+  if (typeof indexedDB === "undefined") return Promise.resolve(null);
+  return new Promise((resolve) => {
+    const request = indexedDB.open(AGENT_COMPOSER_DRAFT_DB_NAME, AGENT_COMPOSER_DRAFT_DB_VERSION);
+    request.onerror = () => resolve(null);
+    request.onupgradeneeded = () => {
+      const database = request.result;
+      if (!database.objectStoreNames.contains(AGENT_COMPOSER_IMAGE_DRAFT_STORE)) {
+        database.createObjectStore(AGENT_COMPOSER_IMAGE_DRAFT_STORE, { keyPath: "key" });
+      }
+    };
+    request.onsuccess = () => resolve(request.result);
+  });
+}
+async function withImageDraftStore(mode, run) {
+  let database;
+  try {
+    database = await openImageDraftDatabase();
+  } catch {
+    return null;
+  }
+  if (!database) return null;
+  try {
+    const transaction = database.transaction(AGENT_COMPOSER_IMAGE_DRAFT_STORE, mode);
+    const completion = waitForTransaction(transaction);
+    const [result] = await Promise.all([
+      run(transaction.objectStore(AGENT_COMPOSER_IMAGE_DRAFT_STORE)),
+      completion
+    ]);
+    return result;
+  } catch {
+    return null;
+  } finally {
+    database.close();
+  }
+}
+async function readImageDraftRecord(key) {
+  const result = await withImageDraftStore(
+    "readonly",
+    (store) => waitForRequest(store.get(key))
+  );
+  if (typeof result !== "object" || result === null) return null;
+  const draft = result;
+  if (draft.key !== key || typeof draft.savedAt !== "number" || !Array.isArray(draft.files)) {
+    return null;
+  }
+  return { files: draft.files.filter(isPersistableImageFile), key, savedAt: draft.savedAt };
+}
+async function writeImageDraftRecord(draft) {
+  await withImageDraftStore("readwrite", async (store) => {
+    await waitForRequest(store.put(draft));
+  });
+}
+async function deleteImageDraftRecord(key) {
+  await withImageDraftStore("readwrite", async (store) => {
+    await waitForRequest(store.delete(key));
+  });
+}
+async function deleteImageDraftRecordsByPrefix(prefix) {
+  await withImageDraftStore(
+    "readwrite",
+    (store) => new Promise((resolve, reject) => {
+      const request = store.openCursor();
+      request.onerror = () => reject(request.error ?? new Error("Unable to clear image drafts"));
+      request.onsuccess = () => {
+        const cursor = request.result;
+        if (!cursor) {
+          resolve();
+          return;
+        }
+        if (typeof cursor.key === "string" && cursor.key.startsWith(prefix)) cursor.delete();
+        cursor.continue();
+      };
+    })
+  );
+}
+function waitForRequest(request) {
+  return new Promise((resolve, reject) => {
+    request.onerror = () => reject(request.error ?? new Error("IndexedDB request failed"));
+    request.onsuccess = () => resolve(request.result);
+  });
+}
+function waitForTransaction(transaction) {
+  return new Promise((resolve, reject) => {
+    transaction.onabort = () => reject(transaction.error ?? new Error("IndexedDB aborted"));
+    transaction.onerror = () => reject(transaction.error ?? new Error("IndexedDB failed"));
+    transaction.oncomplete = () => resolve();
+  });
+}
+
+// src/embed/idle.ts
+function scheduleIdleTask(task, timeoutMs = 3e3) {
+  if (typeof window === "undefined") return () => void 0;
+  const idle = window.requestIdleCallback;
+  if (!idle) {
+    const timeout = window.setTimeout(task, Math.min(timeoutMs, 1500));
+    return () => window.clearTimeout(timeout);
+  }
+  const handle = idle(() => task(), { timeout: timeoutMs });
+  return () => window.cancelIdleCallback?.(handle);
+}
+
+// src/embed/composer-control-tooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ComposerControlTooltip({
+  children,
+  shortcut
+}) {
+  return /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "ha-control-tooltip", children: [
+    /* @__PURE__ */ jsx("span", { children }),
+    shortcut ? /* @__PURE__ */ jsx("kbd", { className: "ha-control-tooltip__shortcut", children: shortcut }) : null
+  ] });
+}
+
+// src/embed/panel-shell.tsx
+import { ChevronsCollapseUpRight, ChevronsExpandUpRight } from "@gravity-ui/icons";
+import { useCallback, useEffect, useEffectEvent, useRef, useState } from "react";
+
+// src/embed/sidebar-width.ts
+var SIDEBAR_DEFAULT_WIDTH = 420;
+var SIDEBAR_MIN_WIDTH = 320;
+var SIDEBAR_MAX_WIDTH = 720;
+function sidebarWidthStorageKey(agentId) {
+  return `heroui-agent:sidebar-width:${agentId}`;
+}
+function clampSidebarWidth(width, viewportWidth) {
+  const viewportMax = Math.min(SIDEBAR_MAX_WIDTH, Math.floor(viewportWidth * 0.9));
+  const max = Math.max(viewportMax, SIDEBAR_MIN_WIDTH);
+  return Math.min(Math.max(Math.round(width), SIDEBAR_MIN_WIDTH), max);
+}
+function readSidebarWidth(agentId, viewportWidth) {
+  let stored = Number.NaN;
+  try {
+    stored = Number(localStorage.getItem(sidebarWidthStorageKey(agentId)) ?? Number.NaN);
+  } catch {
+  }
+  return clampSidebarWidth(Number.isFinite(stored) ? stored : SIDEBAR_DEFAULT_WIDTH, viewportWidth);
+}
+function persistSidebarWidth(agentId, width) {
+  try {
+    localStorage.setItem(sidebarWidthStorageKey(agentId), String(Math.round(width)));
+  } catch {
+  }
+}
+
+// src/embed/panel-shell.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function PanelShell({
+  actionsSlot,
+  agentId,
+  children,
+  defaultExpanded = false,
+  expandable = true,
+  expandedSidebarSlot,
+  expandedTitle,
+  historySlot,
+  modal,
+  name,
+  onClose,
+  onNewConversation,
+  open
+}) {
+  const panelRef = useRef(null);
+  const overlayEscapeAt = useRef(0);
+  const [isMobileViewport, setIsMobileViewport] = useState(
+    () => typeof window !== "undefined" && window.matchMedia?.("(max-width: 639px)").matches === true
+  );
+  const closePanel = useEffectEvent(onClose);
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+  const isDesktopSidebar = !modal && !isMobileViewport;
+  const effectiveModal = modal || isMobileViewport || isDesktopSidebar && isExpanded;
+  const [isResizing, setIsResizing] = useState(false);
+  const canExpand = !isMobileViewport && expandable;
+  const showExpandedSidebar = isDesktopSidebar && isExpanded && expandedSidebarSlot;
+  useEffect(() => {
+    const query = window.matchMedia?.("(max-width: 639px)");
+    if (!query) return;
+    const updateViewport = () => setIsMobileViewport(query.matches);
+    updateViewport();
+    query.addEventListener?.("change", updateViewport);
+    return () => query.removeEventListener?.("change", updateViewport);
+  }, []);
+  useEffect(() => {
+    if (!isResizing) return;
+    const panel = panelRef.current;
+    if (!panel) return;
+    const settle = () => setIsResizing(false);
+    const onTransitionEnd = (event) => {
+      const { propertyName, target } = event;
+      if (target !== panel) return;
+      if (propertyName !== "width" && propertyName !== "height") return;
+      settle();
+    };
+    const timer = window.setTimeout(settle, 600);
+    panel.addEventListener("transitionend", onTransitionEnd);
+    return () => {
+      window.clearTimeout(timer);
+      panel.removeEventListener("transitionend", onTransitionEnd);
+    };
+  }, [isResizing]);
+  useEffect(() => {
+    if (!open) return;
+    const panel = panelRef.current;
+    if (!panel) return;
+    const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    if (!panel.open) {
+      if (effectiveModal && typeof panel.showModal === "function") panel.showModal();
+      else if (!effectiveModal && typeof panel.show === "function") panel.show();
+      else panel.open = true;
+    }
+    const documentRoot = document.documentElement;
+    const scrollX = window.scrollX;
+    const scrollY = window.scrollY;
+    const previousRootOverflow = documentRoot.style.overflow;
+    const previousBodyOverflow = document.body.style.overflow;
+    const previousBodyPosition = document.body.style.position;
+    const previousBodyTop = document.body.style.top;
+    const previousBodyLeft = document.body.style.left;
+    const previousBodyRight = document.body.style.right;
+    const previousBodyWidth = document.body.style.width;
+    if (effectiveModal) {
+      documentRoot.style.overflow = "hidden";
+      document.body.style.overflow = "hidden";
+      document.body.style.position = "fixed";
+      document.body.style.top = `${-scrollY}px`;
+      document.body.style.left = `${-scrollX}px`;
+      document.body.style.right = "0";
+      document.body.style.width = "100%";
+    }
+    const first = panel.querySelector(
+      "button,textarea,input,[tabindex]:not([tabindex='-1'])"
+    );
+    first?.focus();
+    const handleKeyDown = (event) => {
+      if (!effectiveModal && event.key === "Escape") {
+        if (dismissOpenPanelOverlay(panel)) {
+          overlayEscapeAt.current = Date.now();
+          event.preventDefault();
+          event.stopPropagation();
+          return;
+        }
+        event.preventDefault();
+        closePanel();
+        return;
+      }
+      if (!effectiveModal || event.key !== "Tab") return;
+      const focusable = Array.from(
+        panel.querySelectorAll(
+          "button:not(:disabled),textarea:not(:disabled),input:not(:disabled),[tabindex]:not([tabindex='-1'])"
+        )
+      );
+      if (focusable.length === 0) return;
+      const firstElement = focusable[0];
+      const lastElement = focusable[focusable.length - 1];
+      const root = panel.getRootNode();
+      const activeElement = root instanceof ShadowRoot ? root.activeElement : document.activeElement;
+      if (event.shiftKey && activeElement === firstElement) {
+        event.preventDefault();
+        lastElement.focus();
+      } else if (!event.shiftKey && activeElement === lastElement) {
+        event.preventDefault();
+        firstElement.focus();
+      }
+    };
+    panel.addEventListener("keydown", handleKeyDown);
+    return () => {
+      panel.removeEventListener("keydown", handleKeyDown);
+      if (typeof panel.close === "function") panel.close();
+      else panel.open = false;
+      documentRoot.style.overflow = previousRootOverflow;
+      document.body.style.overflow = previousBodyOverflow;
+      document.body.style.position = previousBodyPosition;
+      document.body.style.top = previousBodyTop;
+      document.body.style.left = previousBodyLeft;
+      document.body.style.right = previousBodyRight;
+      document.body.style.width = previousBodyWidth;
+      if (effectiveModal) window.scrollTo(scrollX, scrollY);
+      previous?.focus();
+    };
+  }, [effectiveModal, open]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs2(
+    "dialog",
+    {
+      ref: panelRef,
+      "aria-label": name,
+      "aria-modal": effectiveModal,
+      className: "ha-panel",
+      "data-agent-overlay-root": "",
+      "data-expanded": !isMobileViewport && isExpanded ? "true" : void 0,
+      "data-expanded-sidebar": showExpandedSidebar ? "true" : void 0,
+      "data-resizing": isResizing ? "true" : void 0,
+      onCancel: (event) => {
+        event.preventDefault();
+        if (Date.now() - overlayEscapeAt.current < 350 || dismissOpenPanelOverlay(panelRef.current)) {
+          overlayEscapeAt.current = Date.now();
+          return;
+        }
+        onClose();
+      },
+      children: [
+        isDesktopSidebar && !isExpanded ? /* @__PURE__ */ jsx2(SidebarResizeHandle, { panelRef, agentId }) : 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: [
+            showExpandedSidebar ? /* @__PURE__ */ jsx2("span", { className: "ha-session-title ha-expanded-chat-title", children: expandedTitle ?? name }) : historySlot ?? /* @__PURE__ */ jsx2("strong", { children: name }),
+            /* @__PURE__ */ jsxs2("div", { className: "ha-header-actions", children: [
+              showExpandedSidebar ? null : actionsSlot ?? (onNewConversation ? /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  "aria-label": "New chat",
+                  className: "ha-icon-button ha-new-chat-button",
+                  type: "button",
+                  onClick: onNewConversation,
+                  children: /* @__PURE__ */ jsx2(PlusGlyph, {})
+                }
+              ) : null),
+              canExpand ? /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  "aria-expanded": isExpanded,
+                  "aria-label": isExpanded ? "Collapse assistant" : "Expand assistant",
+                  className: "ha-expand-button ha-icon-button",
+                  type: "button",
+                  onClick: () => {
+                    setIsResizing(true);
+                    setIsExpanded((expanded) => !expanded);
+                  },
+                  children: isExpanded ? /* @__PURE__ */ jsx2(ChevronsCollapseUpRight, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx2(ChevronsExpandUpRight, { "aria-hidden": "true" })
+                }
+              ) : null,
+              /* @__PURE__ */ jsxs2(
+                "button",
+                {
+                  "aria-keyshortcuts": "Escape",
+                  "aria-label": "Close assistant",
+                  className: "ha-close-button ha-icon-button",
+                  "data-shortcut": "ESC",
+                  "data-tooltip": "Close assistant",
+                  type: "button",
+                  onClick: onClose,
+                  children: [
+                    /* @__PURE__ */ jsx2(CloseGlyph, {}),
+                    /* @__PURE__ */ jsx2(ComposerControlTooltip, { shortcut: "ESC", children: "Close assistant" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx2("div", { className: "ha-overlay-portal", "data-agent-overlay-portal": "" })
+        ] })
+      ]
+    }
+  );
+}
+function dismissOpenPanelOverlay(panel) {
+  const overlay = panel?.querySelector(
+    [
+      '[data-slot$="-popover"]',
+      '[data-slot="agent-ui-image-modal"]',
+      '[data-slot="modal-dialog"]',
+      ".ha-feedback-popover"
+    ].join(",")
+  );
+  if (!overlay) return false;
+  overlay.querySelector('button[aria-label="Dismiss"]')?.click();
+  return true;
+}
+function SidebarResizeHandle({
+  agentId,
+  panelRef
+}) {
+  const [width, setWidth] = useState(() => readSidebarWidth(agentId, window.innerWidth));
+  const dragRef = useRef(null);
+  const applyWidth = useCallback(
+    (nextWidth) => {
+      const root = panelRef.current?.getRootNode();
+      const host = root instanceof ShadowRoot ? root.host : null;
+      host?.style.setProperty("--ha-sidebar-width", `${nextWidth}px`);
+      if (window.innerWidth >= 640) {
+        document.documentElement.style.marginRight = `${Math.min(nextWidth, window.innerWidth)}px`;
+      }
+      setWidth(nextWidth);
+    },
+    [panelRef]
+  );
+  const resizeTo = useCallback(
+    (nextWidth, persist) => {
+      const clamped = clampSidebarWidth(nextWidth, window.innerWidth);
+      applyWidth(clamped);
+      if (persist) persistSidebarWidth(agentId, clamped);
+      return clamped;
+    },
+    [applyWidth, agentId]
+  );
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- A focusable separator is the WAI-ARIA "window splitter" pattern: it is interactive by specification even though jsx-a11y does not model it.
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        "aria-label": "Resize assistant panel",
+        "aria-orientation": "vertical",
+        "aria-valuemax": SIDEBAR_MAX_WIDTH,
+        "aria-valuemin": SIDEBAR_MIN_WIDTH,
+        "aria-valuenow": width,
+        className: "ha-resize-handle",
+        role: "separator",
+        tabIndex: 0,
+        onKeyDown: (event) => {
+          const delta = event.key === "ArrowLeft" ? 24 : event.key === "ArrowRight" ? -24 : 0;
+          if (delta === 0) return;
+          event.preventDefault();
+          resizeTo(width + delta, true);
+        },
+        onPointerCancel: (event) => {
+          const drag = dragRef.current;
+          if (!drag) return;
+          dragRef.current = null;
+          delete event.currentTarget.dataset["resizing"];
+          document.documentElement.style.transition = drag.pageTransition;
+          resizeTo(drag.startWidth, false);
+        },
+        onPointerDown: (event) => {
+          if (event.button !== 0 && event.pointerType === "mouse") return;
+          event.preventDefault();
+          event.currentTarget.setPointerCapture(event.pointerId);
+          event.currentTarget.dataset["resizing"] = "true";
+          dragRef.current = {
+            pageTransition: document.documentElement.style.transition,
+            startWidth: width,
+            startX: event.clientX
+          };
+          document.documentElement.style.transition = "none";
+        },
+        onPointerMove: (event) => {
+          const drag = dragRef.current;
+          if (!drag) return;
+          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"];
+          event.currentTarget.releasePointerCapture(event.pointerId);
+          document.documentElement.style.transition = drag.pageTransition;
+          persistSidebarWidth(agentId, width);
+        }
+      }
+    )
+  );
+}
+function CloseGlyph() {
+  return /* @__PURE__ */ jsx2("svg", { "aria-hidden": "true", fill: "none", height: "18", viewBox: "0 0 18 18", width: "18", children: /* @__PURE__ */ jsx2(
+    "path",
+    {
+      d: "m4.25 4.25 9.5 9.5m0-9.5-9.5 9.5",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: "1.6"
+    }
+  ) });
+}
+function PlusGlyph() {
+  return /* @__PURE__ */ jsx2("svg", { "aria-hidden": "true", fill: "none", height: "18", viewBox: "0 0 18 18", width: "18", children: /* @__PURE__ */ jsx2("path", { d: "M9 4v10M4 9h10", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.6" }) });
+}
+
+// src/embed/composer-textarea.ts
+function getCssPixelValue(value) {
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+function getComposerLineHeight(element) {
+  const styles = getComputedStyle(element);
+  const lineHeight = Number.parseFloat(styles.lineHeight);
+  if (Number.isFinite(lineHeight) && lineHeight > 0) return lineHeight;
+  const fontSize = Number.parseFloat(styles.fontSize);
+  if (Number.isFinite(fontSize) && fontSize > 0) return fontSize * 1.2;
+  return 20;
+}
+function getComposerPaddingBlock(element) {
+  const styles = getComputedStyle(element);
+  return getCssPixelValue(styles.paddingTop) + getCssPixelValue(styles.paddingBottom);
+}
+function measureComposerScrollHeight(element) {
+  const previousHeight = element.style.height;
+  const previousMinHeight = element.style.minHeight;
+  const previousMaxHeight = element.style.maxHeight;
+  element.style.height = "0px";
+  element.style.minHeight = "0px";
+  element.style.maxHeight = "none";
+  const scrollHeight = element.scrollHeight;
+  element.style.height = previousHeight;
+  element.style.minHeight = previousMinHeight;
+  element.style.maxHeight = previousMaxHeight;
+  return scrollHeight;
+}
+function isComposerTextAreaExpanded(element) {
+  if (element.value.includes("\n")) return true;
+  if (element.clientWidth === 0) return false;
+  const scrollHeight = measureComposerScrollHeight(element);
+  const paddingBlock = getComposerPaddingBlock(element);
+  const lineHeight = getComposerLineHeight(element);
+  const contentHeight = Math.max(0, scrollHeight - paddingBlock);
+  return contentHeight > lineHeight * 1.5;
+}
+function resizeComposerTextarea(textarea, {
+  hasAttachments = false,
+  maxHeight = 120
+} = {}) {
+  if (!textarea) return false;
+  const hasValue = textarea.value.length > 0;
+  const shouldExpand = hasAttachments || hasValue && isComposerTextAreaExpanded(textarea);
+  if (!shouldExpand) {
+    textarea.style.height = "auto";
+    return false;
+  }
+  textarea.style.height = "auto";
+  textarea.style.height = `${Math.min(textarea.scrollHeight, maxHeight)}px`;
+  return true;
+}
+
+// src/embed/powered-by-hero.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var POWERED_BY_HERO_URL = "https://heroui.pro/?utm_source=heroui-agent&utm_medium=referral&utm_campaign=powered-by-hero";
+function PoweredByHero() {
+  return /* @__PURE__ */ jsxs3(
+    "a",
+    {
+      "aria-label": "Powered by HeroUI Pro (opens in a new tab)",
+      className: "ha-powered-by",
+      href: POWERED_BY_HERO_URL,
+      rel: "noopener noreferrer",
+      target: "_blank",
+      children: [
+        /* @__PURE__ */ jsx3("span", { children: "Powered by" }),
+        /* @__PURE__ */ jsxs3("svg", { "aria-hidden": "true", className: "ha-powered-by-logo", fill: "none", viewBox: "0 0 140 44", children: [
+          /* @__PURE__ */ jsx3(
+            "path",
+            {
+              d: "M.678 11.385V24.04c0 .599.307 1.155.813 1.471l8.628 5.396c1.15.719 2.639-.11 2.639-1.47V18.798c0-.612.322-1.18.847-1.491l5.263-3.13v27.267c0 1.355 1.48 2.186 2.63 1.476l8.905-5.497a1.72 1.72 0 0 0 .822-1.476V9.765c0-1.349-1.467-2.18-2.618-1.484l-9.74 5.897V2.556c0-1.345-1.46-2.177-2.61-1.488L1.52 9.897a1.72 1.72 0 0 0-.842 1.488Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "path",
+            {
+              d: "M63.876 24.071c0-3.59-1.468-5.246-4.405-5.246-3.363 0-5.732 2.255-5.732 7.316v11.595h-6.063V5.528h6.063v11.779c1.468-2.393 3.884-3.59 7.2-3.59 5.637 0 8.953 3.451 8.953 9.25v14.769h-6.016V24.071ZM84.9 38.473c-7.533 0-12.317-4.877-12.317-12.378 0-7.408 4.737-12.378 12.317-12.378 8.195 0 12.648 5.798 11.416 13.942H78.647c.331 3.865 2.605 6.075 6.253 6.075 2.984 0 4.784-1.52 5.258-3.037h6.016c-.947 4.509-5.115 7.776-11.274 7.776ZM78.789 23.657h11.653c-.047-3.175-2.132-5.338-5.685-5.338-3.174 0-5.4 1.84-5.968 5.338ZM99.623 20.344c0-3.82 2.131-5.89 6.205-5.89h7.77v4.97h-7.912v18.312h-6.063V20.344ZM126.863 38.473c-7.674 0-12.553-4.924-12.553-12.378 0-7.454 4.879-12.378 12.553-12.378 7.58 0 12.459 4.924 12.459 12.378 0 7.454-4.88 12.378-12.46 12.378Zm0-5.016c3.79 0 6.3-2.898 6.3-7.362 0-4.463-2.51-7.408-6.3-7.408-3.838 0-6.348 2.945-6.348 7.408 0 4.464 2.51 7.362 6.348 7.362Z",
+              fill: "currentColor"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/embed/shell-handoff.ts
+var handoffs = /* @__PURE__ */ new Map();
+function shellDraftStorageKey(agentId) {
+  return `heroui-agent:shell-draft:${agentId}:composer-draft:v1`;
+}
+function writeAgentShellHandoff(agentId, handoff) {
+  if (!handoff.prompt.trim() && !handoff.submitted) {
+    handoffs.delete(agentId);
+    saveAgentComposerPromptDraft(shellDraftStorageKey(agentId), "");
+    return;
+  }
+  handoffs.set(agentId, handoff);
+  if (!handoff.submitted) {
+    saveAgentComposerPromptDraft(shellDraftStorageKey(agentId), handoff.prompt);
+  }
+}
+function readAgentShellHandoff(agentId) {
+  const buffered = handoffs.get(agentId);
+  if (buffered) return buffered;
+  const persisted = readAgentComposerPromptDraft(shellDraftStorageKey(agentId));
+  return persisted ? { prompt: persisted, submitted: false } : void 0;
+}
+function takeAgentShellHandoff(agentId) {
+  const handoff = readAgentShellHandoff(agentId);
+  handoffs.delete(agentId);
+  saveAgentComposerPromptDraft(shellDraftStorageKey(agentId), "");
+  return handoff;
+}
+
+// src/embed/permissions.ts
+var AGENT_PERMISSION_MODES = /* @__PURE__ */ new Set(["ask", "auto", "full"]);
+function resolveAgentPermissionMode(value) {
+  return AGENT_PERMISSION_MODES.has(value) ? value : "auto";
+}
+function shouldRestoreActiveAgentPermissionMode(bootstrapStatus, hasUnresolvedClientTool) {
+  return hasUnresolvedClientTool || bootstrapStatus === "pending" || bootstrapStatus === "streaming";
+}
+function agentPermissionModeStorageKey(conversationStorageKey, conversationId) {
+  return `${conversationStorageKey}:permission-mode:${conversationId}:v1`;
+}
+function agentActivePermissionModeStorageKey(conversationStorageKey, conversationId) {
+  return `${conversationStorageKey}:active-permission-mode:${conversationId}:v1`;
+}
+function readStoredAgentPermissionMode(key) {
+  try {
+    const stored = localStorage.getItem(key);
+    return stored !== null && AGENT_PERMISSION_MODES.has(stored) ? resolveAgentPermissionMode(stored) : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function storeAgentPermissionMode(key, mode) {
+  try {
+    localStorage.setItem(key, mode);
+  } catch {
+  }
+}
+function clearStoredAgentPermissionMode(key) {
+  try {
+    localStorage.removeItem(key);
+  } catch {
+  }
+}
+function applyAgentPermissionMode(tools, mode) {
+  const resolvedMode = resolveAgentPermissionMode(mode);
+  if (resolvedMode === "auto") return tools;
+  const needsApproval = resolvedMode === "ask";
+  return tools.map(
+    (tool) => Boolean(tool.needsApproval) === needsApproval ? tool : { ...tool, needsApproval }
+  );
+}
+
+// src/embed/theme.ts
+var AGENT_DESIGN_THEMES = [
+  "base",
+  "brutalism",
+  "glass",
+  "mouve"
+];
+function resolveAgentDesignTheme(value) {
+  return AGENT_DESIGN_THEMES.includes(value) ? value : "base";
+}
+var COLOR_VARIABLES = {
+  accent: "accent",
+  background: "background",
+  foreground: "foreground",
+  overlay: "overlay",
+  surface: "surface",
+  surfaceSecondary: "surface-secondary",
+  tooltip: "tooltip"
+};
+var ACCENT_FOREGROUND_CSS = "oklch(from var(--ha-accent) clamp(0, (0.7 - l) * 1000, 1) 0 h)";
+var LAUNCHER_FOREGROUND_CSS = "oklch(from var(--ha-launcher-bg) clamp(0, (0.7 - l) * 1000, 1) 0 h)";
+function buildLauncherStyle(background) {
+  const style = {};
+  const light = schemeValue(background, "light");
+  const dark = schemeValue(background, "dark");
+  if (light) {
+    style["--ha-theme-launcher-background-light"] = light;
+    style["--ha-theme-launcher-foreground-light"] = LAUNCHER_FOREGROUND_CSS;
+  }
+  if (dark) {
+    style["--ha-theme-launcher-background-dark"] = dark;
+    style["--ha-theme-launcher-foreground-dark"] = LAUNCHER_FOREGROUND_CSS;
+  }
+  return style;
+}
+var SURFACE_TERTIARY_LIGHT_CSS = "oklch(from var(--ha-card-secondary) calc(l - 0.0151) c h)";
+var SURFACE_TERTIARY_DARK_CSS = "oklch(from var(--ha-card-secondary) calc(l + 0.017) c h)";
+var RADIUS_VALUES = {
+  pill: "0.875rem",
+  round: "0.5rem",
+  sharp: "0.125rem",
+  soft: "0.375rem"
+};
+var MIN_FONT_SIZE = 12;
+var MAX_FONT_SIZE = 18;
+function safeCssValue(value) {
+  const trimmed = value?.trim();
+  if (!trimmed || trimmed.length > 256 || /[;{}]/.test(trimmed)) return void 0;
+  return trimmed;
+}
+function schemeValue(color, scheme) {
+  if (color === void 0) return void 0;
+  return safeCssValue(typeof color === "string" ? color : color[scheme]);
+}
+function buildThemeStyle(theme) {
+  if (!theme) return {};
+  const style = {};
+  if (theme.radius && theme.radius in RADIUS_VALUES) {
+    style["--radius"] = RADIUS_VALUES[theme.radius];
+  }
+  const fontFamily = safeCssValue(theme.typography?.fontFamily);
+  if (fontFamily) style["--ha-font-family"] = fontFamily;
+  const baseSize = theme.typography?.baseSize;
+  if (typeof baseSize === "number" && Number.isFinite(baseSize)) {
+    const size = Math.min(Math.max(Math.round(baseSize), MIN_FONT_SIZE), MAX_FONT_SIZE);
+    style["--ha-font-size"] = `${size}px`;
+  }
+  for (const [token, variableName] of Object.entries(COLOR_VARIABLES)) {
+    const color = theme.colors?.[token];
+    const light = schemeValue(color, "light");
+    const darkValue = schemeValue(color, "dark");
+    if (light) style[`--ha-theme-${variableName}-light`] = light;
+    if (darkValue) style[`--ha-theme-${variableName}-dark`] = darkValue;
+  }
+  if (schemeValue(theme.colors?.accent, "light")) {
+    style["--ha-theme-accent-foreground-light"] = ACCENT_FOREGROUND_CSS;
+  }
+  if (schemeValue(theme.colors?.accent, "dark")) {
+    style["--ha-theme-accent-foreground-dark"] = ACCENT_FOREGROUND_CSS;
+  }
+  if (schemeValue(theme.colors?.surfaceSecondary, "light")) {
+    style["--ha-theme-surface-tertiary-light"] = SURFACE_TERTIARY_LIGHT_CSS;
+  }
+  if (schemeValue(theme.colors?.surfaceSecondary, "dark")) {
+    style["--ha-theme-surface-tertiary-dark"] = SURFACE_TERTIARY_DARK_CSS;
+  }
+  return style;
+}
+
+// src/contracts/models.ts
+var AGENT_MODEL_IDS = [
+  "moonshotai/Kimi-K3",
+  "openai/gpt-5.6-luna",
+  "openai/gpt-5.6-terra",
+  "openai/gpt-5.6-sol",
+  "google/gemini-3.6-flash",
+  "anthropic/claude-sonnet-5",
+  "anthropic/claude-opus-4.8"
+];
+var LEGACY_AGENT_MODEL_IDS = {
+  "google/gemini-3.5-flash": "google/gemini-3.6-flash"
+};
+function resolveAgentModelId(value) {
+  return LEGACY_AGENT_MODEL_IDS[value] ?? value;
+}
+var DEFAULT_AGENT_PICKER_MODEL_ID = "openai/gpt-5.6-luna";
+var AGENT_MODEL_OPTIONS = [
+  {
+    description: "Flagship model for coding, reasoning, and knowledge work",
+    id: "moonshotai/Kimi-K3",
+    label: "Kimi K3",
+    provider: "Moonshot AI",
+    tier: "light"
+  },
+  {
+    description: "Fast answers and lightweight agent workflows",
+    id: "openai/gpt-5.6-luna",
+    label: "GPT-5.6 Luna",
+    provider: "OpenAI",
+    tier: "light"
+  },
+  {
+    description: "Balanced reasoning for everyday agent tasks",
+    id: "openai/gpt-5.6-terra",
+    label: "GPT-5.6 Terra",
+    provider: "OpenAI",
+    tier: "codegen"
+  },
+  {
+    description: "Deep reasoning for complex, multi-step analysis",
+    id: "openai/gpt-5.6-sol",
+    label: "GPT-5.6 Sol",
+    provider: "OpenAI",
+    tier: "complex"
+  },
+  {
+    description: "Fast multimodal analysis with a large context window",
+    id: "google/gemini-3.6-flash",
+    label: "Gemini 3.6 Flash",
+    provider: "Google",
+    tier: "light"
+  },
+  {
+    description: "Strong agentic reasoning and polished UI decisions",
+    id: "anthropic/claude-sonnet-5",
+    label: "Claude Sonnet 5",
+    provider: "Anthropic",
+    tier: "codegen"
+  },
+  {
+    description: "Highest-capability Claude for difficult research and analysis",
+    id: "anthropic/claude-opus-4.8",
+    label: "Claude Opus 4.8",
+    provider: "Anthropic",
+    tier: "complex"
+  }
+];
+var AGENT_MODEL_ID_SET = new Set(AGENT_MODEL_IDS);
+function isAgentModelId(value) {
+  return typeof value === "string" && AGENT_MODEL_ID_SET.has(value);
+}
+function getAgentModelTier(modelId) {
+  const resolved = modelId ? resolveAgentModelId(modelId) : void 0;
+  return AGENT_MODEL_OPTIONS.find((option) => option.id === resolved)?.tier ?? "light";
+}
+
+// src/contracts/attachments.ts
+var HEROUI_AGENT_MAX_ATTACHMENTS = 5;
+var HEROUI_AGENT_ATTACHMENT_MAX_BYTES = 10 * 1024 * 1024;
+var HEROUI_AGENT_ATTACHMENT_EXTENSION_BY_CONTENT_TYPE = {
+  "application/json": "json",
+  "application/pdf": "pdf",
+  "image/gif": "gif",
+  "image/jpeg": "jpg",
+  "image/png": "png",
+  "image/webp": "webp",
+  "text/csv": "csv",
+  "text/markdown": "md",
+  "text/plain": "txt",
+  "text/tab-separated-values": "tsv"
+};
+var HEROUI_AGENT_ATTACHMENT_CONTENT_TYPES = Object.freeze(
+  Object.keys(
+    HEROUI_AGENT_ATTACHMENT_EXTENSION_BY_CONTENT_TYPE
+  )
+);
+var HEROUI_AGENT_ATTACHMENT_ACCEPT = HEROUI_AGENT_ATTACHMENT_CONTENT_TYPES.join(",");
+var HEROUI_AGENT_ATTACHMENT_CONTENT_TYPE_SET = new Set(
+  HEROUI_AGENT_ATTACHMENT_CONTENT_TYPES
+);
+function isHeroUIAgentAttachmentContentType(value) {
+  return HEROUI_AGENT_ATTACHMENT_CONTENT_TYPE_SET.has(value.trim().toLowerCase());
+}
+
+// src/embed/types.ts
+var DEFAULT_MARKDOWN_ANIMATION = {
+  animation: "blurIn",
+  duration: 160,
+  easing: "ease-out",
+  sep: "word",
+  stagger: 18
+};
+function panelLength(value) {
+  if (typeof value === "number")
+    return Number.isFinite(value) ? `${Math.round(value)}px` : void 0;
+  return value?.trim() || void 0;
+}
+function buildPanelStyle(panel) {
+  const width = panelLength(panel?.initialWidth);
+  const height = panelLength(panel?.initialHeight);
+  return {
+    ...width ? { "--ha-panel-width": width } : {},
+    ...height ? { "--ha-panel-height": height } : {}
+  };
+}
+function clampLauncherOffset(value) {
+  if (value === void 0 || !Number.isFinite(value)) return 24;
+  return Math.min(Math.max(Math.round(value), 0), 200);
+}
+function resolveComposerAttachmentContentTypes(value) {
+  if (value === void 0) return [...HEROUI_AGENT_ATTACHMENT_CONTENT_TYPES];
+  if (value === false || !Array.isArray(value)) return [];
+  const contentTypes = /* @__PURE__ */ new Set();
+  for (const item of value) {
+    if (typeof item !== "string") continue;
+    const contentType = item.trim().toLowerCase();
+    if (isHeroUIAgentAttachmentContentType(contentType)) contentTypes.add(contentType);
+  }
+  return [...contentTypes];
+}
+function resolveOptions(props) {
+  if (!props.agentId.trim()) throw new Error("HeroUI Agent agentId is required");
+  if (typeof props.getAuthToken !== "function") {
+    throw new Error("HeroUI Agent getAuthToken is required");
+  }
+  const composerAttachmentContentTypes = resolveComposerAttachmentContentTypes(
+    props.composer?.attachments
+  );
+  return {
+    apiBaseUrl: (props._api?.baseUrl ?? "https://api.heroui.com").replace(/\/$/, ""),
+    colorScheme: props.appearance?.theme?.colorScheme ?? "system",
+    componentExportFormats: props.componentExports === false ? [] : props.componentExports ?? ["csv", "svg", "png"],
+    composerAttachmentAccept: composerAttachmentContentTypes.join(","),
+    composerAttachmentContentTypes,
+    composerDefaultModel: props.composer?.defaultModel,
+    composerDictation: props.composer?.dictation ?? true,
+    designTheme: resolveAgentDesignTheme(props.appearance?.theme?.designTheme),
+    ...typeof props.composer?.disclaimer === "string" && props.composer.disclaimer.trim() ? { composerDisclaimer: props.composer.disclaimer.trim().slice(0, 240) } : {},
+    agentId: props.agentId,
+    composerModelPicker: props.composer?.modelPicker ?? false,
+    composerPlaceholder: props.composer?.placeholder?.trim().slice(0, 120) || "Ask anything\u2026",
+    context: props.context,
+    getAuthToken: props.getAuthToken,
+    greeting: props.startScreen?.greeting?.trim().slice(0, 120) || "Ask about your data",
+    launcherPosition: props.appearance?.launcher?.position ?? "bottom-right",
+    markdownAnimation: props.markdown?.animated ?? DEFAULT_MARKDOWN_ANIMATION,
+    markdownCaret: props.markdown?.caret ?? "block",
+    markdownPlugins: props.markdown?.plugins,
+    messageActions: props.responseActions === false ? [] : props.responseActions ?? ["copy", "feedback", "retry"],
+    onFeedback: props.onFeedback,
+    panelExpandable: props.appearance?.panel?.expandable ?? true,
+    panelExpanded: props.appearance?.panel?.expanded ?? false,
+    panelStyle: buildPanelStyle(props.appearance?.panel),
+    permissionDefaultMode: resolveAgentPermissionMode(props.permissions?.defaultMode),
+    permissionShowPicker: props.permissions?.showPicker === true,
+    preload: props.preload ?? true,
+    showLauncher: props.showLauncher ?? true,
+    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 } : {},
+    ...props.appearance?.launcher?.offset ? {
+      launcherOffset: {
+        x: clampLauncherOffset(props.appearance.launcher.offset.x),
+        y: clampLauncherOffset(props.appearance.launcher.offset.y)
+      }
+    } : {},
+    imageSearch: (props.capabilities?.webSearch ?? false) && (props.capabilities?.imageSearch ?? true),
+    suggestedPrompts: props.startScreen?.prompts?.map((prompt) => prompt.trim()).filter(Boolean).slice(0, 5),
+    themeStyle: {
+      ...buildThemeStyle(props.appearance?.theme),
+      ...buildLauncherStyle(props.appearance?.launcher?.background)
+    },
+    tools: props.tools ?? [],
+    viewMode: props.appearance?.viewMode ?? "floating",
+    webSearch: props.capabilities?.webSearch ?? false,
+    ...props._api?.realtimeUrl ? { triggerApiUrl: props._api.realtimeUrl.replace(/\/$/, "") } : {}
+  };
+}
+
+export {
+  createToolHelper,
+  isZodSchema,
+  parseClientToolArgs,
+  resolveDirectToolAction,
+  agentComposerDraftStorageKey,
+  readAgentComposerPromptDraft,
+  saveAgentComposerPromptDraft,
+  readAgentComposerImageDraft,
+  saveAgentComposerImageDraft,
+  clearAgentComposerDraft,
+  clearAgentComposerDraftsForProject,
+  scheduleIdleTask,
+  ComposerControlTooltip,
+  readSidebarWidth,
+  PanelShell,
+  HEROUI_AGENT_MAX_ATTACHMENTS,
+  HEROUI_AGENT_ATTACHMENT_MAX_BYTES,
+  HEROUI_AGENT_ATTACHMENT_EXTENSION_BY_CONTENT_TYPE,
+  HEROUI_AGENT_ATTACHMENT_CONTENT_TYPES,
+  isHeroUIAgentAttachmentContentType,
+  resizeComposerTextarea,
+  PoweredByHero,
+  writeAgentShellHandoff,
+  readAgentShellHandoff,
+  takeAgentShellHandoff,
+  shouldRestoreActiveAgentPermissionMode,
+  agentPermissionModeStorageKey,
+  agentActivePermissionModeStorageKey,
+  readStoredAgentPermissionMode,
+  storeAgentPermissionMode,
+  clearStoredAgentPermissionMode,
+  applyAgentPermissionMode,
+  AGENT_DESIGN_THEMES,
+  DEFAULT_MARKDOWN_ANIMATION,
+  resolveOptions,
+  AGENT_MODEL_IDS,
+  LEGACY_AGENT_MODEL_IDS,
+  resolveAgentModelId,
+  DEFAULT_AGENT_PICKER_MODEL_ID,
+  AGENT_MODEL_OPTIONS,
+  isAgentModelId,
+  getAgentModelTier
+};