@athenaintel/react 0.9.7 → 0.9.9

package/dist/index.d.ts

@@ -49,6 +49,29 @@ export declare interface AssetPanelState {
     markAutoOpened: (assetId: string) => boolean;
 }
 
+/**
+ * Render an Athena asset anywhere inside AthenaProvider.
+ *
+ * This component only needs `assetId`. The embed token endpoint resolves the
+ * correct viewer from that ID, so callers do not need to pass an asset type.
+ */
+export declare const AssetRenderer: FC<AssetRendererProps>;
+
+export declare interface AssetRendererProps extends UseAssetEmbedOptions {
+    /** Athena asset ID to render. */
+    assetId: string | null;
+    /** Accessible iframe title. */
+    title?: string | null;
+    /** Applied to the iframe or fallback container. */
+    className?: string;
+    /** Optional loading UI override. */
+    loadingFallback?: ReactNode;
+    /** Optional empty state override when assetId is missing. */
+    emptyFallback?: ReactNode;
+    /** Optional error UI override. */
+    errorFallback?: ReactNode | ((error: string) => ReactNode);
+}
+
 export declare interface AssetTab {
     id: string;
     name: string | null;
@@ -72,7 +95,9 @@ export declare interface AthenaChatProps {
     toolUIs?: Record<string, ToolCallMessagePartComponent>;
     /** Mention tools available in the composer. */
     mentionTools?: MentionTool[];
-    /** Suggestion cards shown on the welcome screen. Pass `[]` to hide. */
+    /** Suggestion cards shown on the welcome screen. Pass `[]` to hide.
+     *  For workflow launchers outside AthenaChat, use `useSendMessage()`.
+     */
     welcomeSuggestions?: WelcomeSuggestion[];
 }
 
@@ -212,7 +237,7 @@ export declare interface AthenaRuntimeConfig {
 export declare interface AthenaTheme {
     /** Brand / accent color. Send button, active states, focus ring, spinner. */
     primary?: string;
-    /** Text color on primary background. */
+    /** Text color on primary background. If omitted, the SDK tries to derive a readable black/white fallback for solid colors. */
     primaryForeground?: string;
     /** Page / panel background. */
     background?: string;
@@ -258,11 +283,11 @@ export declare interface AthenaTheme {
     sidebarWidth?: string;
     /** User message bubble background. Falls back to muted. */
     userBubble?: string;
-    /** User message bubble text color. Falls back to foreground. */
+    /** User message bubble text color. If omitted, the SDK tries to derive a readable black/white fallback for solid colors. */
     userBubbleForeground?: string;
     /** User message bubble border radius. e.g. '1rem', '0.5rem'. */
     userBubbleRadius?: string;
-    /** Assistant message text color. Falls back to foreground. */
+    /** Assistant message text color. If omitted, the SDK tries to derive a readable black/white fallback for solid colors. */
     assistantForeground?: string;
     /** Assistant message bubble background. Transparent by default. */
     assistantBubble?: string;
@@ -428,7 +453,7 @@ export declare interface ParentBridgeState {
     token: string | null;
     /** Sync server chat URL provided by the Marathon wrapper. */
     apiUrl: string | null;
-    /** Agora backend URL provided by the Marathon wrapper. */
+    /** Athena backend URL provided by the Marathon wrapper. */
     backendUrl: string | null;
     /** Athena frontend origin provided by the parent wrapper. */
     appUrl: string | null;
@@ -470,6 +495,14 @@ declare interface ScopeRegistryEntry {
     fetchStates: Map<string, FetchState>;
 }
 
+export declare interface SendMessageOptions {
+    /**
+     * Replace the current composer text before sending.
+     * Defaults to `true`.
+     */
+    replace?: boolean;
+}
+
 declare interface SourceContext {
     scope: MenuScope;
     query: string;
@@ -831,7 +864,10 @@ export declare interface UploadProgress {
 }
 
 /**
- * Hook to programmatically append text to the composer.
+ * Hook to programmatically append text to the composer without sending it.
+ *
+ * Use `useSendMessage()` for workflow shortcuts or other UI that should
+ * immediately submit a prompt.
  *
  * Usage:
  *   const append = useAppendToComposer();
@@ -938,6 +974,21 @@ export declare function useQuote(): QuoteContextValue;
 /** Trigger a re-fetch of the thread list. No-op outside of thread list mode. */
 export declare function useRefreshThreadList(): (() => void) | null;
 
+/**
+ * Hook to programmatically send a user message from anywhere inside AthenaProvider.
+ *
+ * This is intended for custom workflow buttons, sidebar shortcuts, or other UI
+ * that lives outside the AthenaChat thread tree. Unlike `aui.thread().append()`,
+ * this uses the provider-scoped composer runtime and does not depend on
+ * ThreadPrimitive context.
+ *
+ * Usage:
+ *   const sendMessage = useSendMessage();
+ *   await sendMessage("Run the quarterly workflow");
+ *   await sendMessage("Add this follow-up", { replace: false });
+ */
+export declare function useSendMessage(): (text: string, options?: SendMessageOptions) => Promise<void>;
+
 export declare type ViewMode = 'tabs' | 'tiled';
 
 export declare const WebSearchToolUI: ToolCallMessagePartComponent;

package/dist/index.js

@@ -11916,7 +11916,7 @@ const oppositeSideMap = {
   bottom: "top",
   top: "bottom"
 };
-function clamp(start, value, end) {
+function clamp$1(start, value, end) {
   return max(start, min(value, end));
 }
 function evaluate(value, param) {
@@ -12273,7 +12273,7 @@ const arrow$4 = (options) => ({
     const min$1 = minPadding;
     const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset2 = clamp(min$1, center, max2);
+    const offset2 = clamp$1(min$1, center, max2);
     const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
     const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
     return {
@@ -12572,14 +12572,14 @@ const shift$3 = function(options) {
         const maxSide = mainAxis === "y" ? "bottom" : "right";
         const min2 = mainAxisCoord + overflow[minSide];
         const max2 = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
+        mainAxisCoord = clamp$1(min2, mainAxisCoord, max2);
       }
       if (checkCrossAxis) {
         const minSide = crossAxis === "y" ? "top" : "left";
         const maxSide = crossAxis === "y" ? "bottom" : "right";
         const min2 = crossAxisCoord + overflow[minSide];
         const max2 = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
+        crossAxisCoord = clamp$1(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
         ...state,
@@ -16473,8 +16473,16 @@ const DEFAULT_ATHENA_ENVIRONMENT = "production";
 const DEFAULT_API_URL = ATHENA_ENVIRONMENT_URLS.production.apiUrl;
 const DEFAULT_BACKEND_URL = ATHENA_ENVIRONMENT_URLS.production.backendUrl;
 const DEFAULT_APP_URL = ATHENA_ENVIRONMENT_URLS.production.appUrl;
-const SPACES_PATHNAME = "/dashboard/spaces/";
+const MARATHON_APP_PORT = "8082";
+const SPACES_PATHNAME = "dashboard/spaces/";
 const normalizeBaseUrl = (url) => url.replace(/\/+$/, "");
+const createUrlWithFallback = (url, fallbackUrl) => {
+  try {
+    return new URL(`${normalizeBaseUrl(url)}/`);
+  } catch {
+    return new URL(`${normalizeBaseUrl(fallbackUrl)}/`);
+  }
+};
 const getHostname = (value) => {
   if (!value) return null;
   try {
@@ -16496,7 +16504,7 @@ const deriveWorkspaceAppUrl = ({
     if (!((_a2 = match2 == null ? void 0 : match2.groups) == null ? void 0 : _a2.prefix) || !match2.groups.domain) {
       return null;
     }
-    return `${parsedUrl.protocol}//${match2.groups.prefix}--8082.${match2.groups.domain}`;
+    return `${parsedUrl.protocol}//${match2.groups.prefix}--${MARATHON_APP_PORT}.${match2.groups.domain}`;
   } catch {
     return null;
   }
@@ -16545,7 +16553,7 @@ function createAthenaSpacesUrl({
   assetIds,
   sessionId
 }) {
-  const url = new URL(SPACES_PATHNAME, `${normalizeBaseUrl(appUrl)}/`);
+  const url = new URL(SPACES_PATHNAME, createUrlWithFallback(appUrl, DEFAULT_APP_URL));
   if (assetIds) {
     const normalizedAssetIds = (Array.isArray(assetIds) ? assetIds : [assetIds]).map((assetId) => assetId.trim()).filter((assetId) => assetId.length > 0);
     if (normalizedAssetIds.length > 0) {
@@ -20607,7 +20615,9 @@ const toolMessageSchema = objectType({
   type: literalType("tool"),
   content: toolMessageContentSchema,
   tool_call_id: stringType(),
-  name: stringType().nullable(),
+  // Some backend/tool result flows omit the tool name entirely.
+  // The converter already treats toolName as optional, so accept that shape.
+  name: nullableToOptionalString,
   artifact: anyType().optional(),
   status: enumType(["success", "error"]),
   additional_kwargs: recordType(stringType(), unknownType()).optional()
@@ -20774,7 +20784,9 @@ async function listThreads(backendUrl, auth, opts = {}) {
     body: JSON.stringify({
       limit: opts.limit ?? 50,
       offset: opts.offset ?? 0,
-      exclude_triggered: opts.exclude_triggered ?? true
+      // Default to the full recent-conversations set unless a caller
+      // explicitly asks to hide triggered/background sessions.
+      exclude_triggered: opts.exclude_triggered ?? false
     })
   });
   if (!res.ok) {
@@ -24448,6 +24460,163 @@ const ThreadListRefreshContext = createContext(null);
 function useRefreshThreadList() {
   return useContext(ThreadListRefreshContext);
 }
+const WHITE = "#ffffff";
+const BLACK = "#000000";
+const CONTRAST_PAIRS = {
+  primary: "primaryForeground",
+  secondary: "secondaryForeground",
+  accent: "accentForeground",
+  card: "cardForeground",
+  popover: "popoverForeground",
+  userBubble: "userBubbleForeground",
+  assistantBubble: "assistantForeground"
+};
+const clamp = (value, min2 = 0, max2 = 1) => Math.min(max2, Math.max(min2, value));
+const parseNumber = (raw) => {
+  const value = Number.parseFloat(raw);
+  return Number.isFinite(value) ? value : null;
+};
+const parsePercentLike = (raw, max2 = 1) => {
+  const value = parseNumber(raw);
+  if (value == null) return null;
+  return raw.trim().endsWith("%") ? value / 100 * max2 : value;
+};
+const parseHexColor = (input) => {
+  const hex = input.slice(1).trim();
+  if (![3, 4, 6, 8].includes(hex.length)) return null;
+  const expanded = hex.length <= 4 ? hex.split("").map((char) => `${char}${char}`).join("") : hex;
+  const channels = expanded.match(/.{2}/g);
+  if (!channels) return null;
+  const [r2, g, b, alpha2 = 255] = channels.map(
+    (channel) => Number.parseInt(channel, 16)
+  );
+  return {
+    r: clamp(r2 / 255),
+    g: clamp(g / 255),
+    b: clamp(b / 255),
+    alpha: clamp(alpha2 / 255)
+  };
+};
+const splitColorArgs = (input) => input.replace(/^[^(]+\(/, "").replace(/\)$/, "").replace(/\//g, " ").replace(/,/g, " ").trim().split(/\s+/).filter(Boolean);
+const parseRgbColor = (input) => {
+  const parts = splitColorArgs(input);
+  if (parts.length < 3) return null;
+  const r2 = parsePercentLike(parts[0], 255);
+  const g = parsePercentLike(parts[1], 255);
+  const b = parsePercentLike(parts[2], 255);
+  const alpha2 = parts[3] ? parsePercentLike(parts[3], 1) : 1;
+  if ([r2, g, b, alpha2].some((value) => value == null)) return null;
+  return {
+    r: clamp(r2 / 255),
+    g: clamp(g / 255),
+    b: clamp(b / 255),
+    alpha: clamp(alpha2)
+  };
+};
+const hueToRgb = (p, q, t) => {
+  let value = t;
+  if (value < 0) value += 1;
+  if (value > 1) value -= 1;
+  if (value < 1 / 6) return p + (q - p) * 6 * value;
+  if (value < 1 / 2) return q;
+  if (value < 2 / 3) return p + (q - p) * (2 / 3 - value) * 6;
+  return p;
+};
+const parseHslColor = (input) => {
+  const parts = splitColorArgs(input);
+  if (parts.length < 3) return null;
+  const hue = parseNumber(parts[0]);
+  const saturation = parsePercentLike(parts[1], 1);
+  const lightness = parsePercentLike(parts[2], 1);
+  const alpha2 = parts[3] ? parsePercentLike(parts[3], 1) : 1;
+  if ([hue, saturation, lightness, alpha2].some((value) => value == null)) {
+    return null;
+  }
+  const h2 = (hue % 360 + 360) % 360 / 360;
+  const s = clamp(saturation);
+  const l = clamp(lightness);
+  if (s === 0) {
+    return { r: l, g: l, b: l, alpha: clamp(alpha2) };
+  }
+  const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+  const p = 2 * l - q;
+  return {
+    r: clamp(hueToRgb(p, q, h2 + 1 / 3)),
+    g: clamp(hueToRgb(p, q, h2)),
+    b: clamp(hueToRgb(p, q, h2 - 1 / 3)),
+    alpha: clamp(alpha2)
+  };
+};
+const parseOklchColor = (input) => {
+  const parts = splitColorArgs(input);
+  if (parts.length < 3) return null;
+  const lightness = parsePercentLike(parts[0], 1);
+  const chroma = parseNumber(parts[1]);
+  const hue = parseNumber(parts[2]);
+  const alpha2 = parts[3] ? parsePercentLike(parts[3], 1) : 1;
+  if ([lightness, chroma, hue, alpha2].some((value) => value == null)) {
+    return null;
+  }
+  const l = clamp(lightness);
+  const c = Math.max(0, chroma);
+  const h2 = hue * Math.PI / 180;
+  const a = c * Math.cos(h2);
+  const b = c * Math.sin(h2);
+  const lPrime = l + 0.3963377774 * a + 0.2158037573 * b;
+  const mPrime = l - 0.1055613458 * a - 0.0638541728 * b;
+  const sPrime = l - 0.0894841775 * a - 1.291485548 * b;
+  const lLinear = lPrime ** 3;
+  const mLinear = mPrime ** 3;
+  const sLinear = sPrime ** 3;
+  return {
+    r: clamp(
+      4.0767416621 * lLinear - 3.3077115913 * mLinear + 0.2309699292 * sLinear
+    ),
+    g: clamp(
+      -1.2684380046 * lLinear + 2.6097574011 * mLinear - 0.3413193965 * sLinear
+    ),
+    b: clamp(
+      -0.0041960863 * lLinear - 0.7034186147 * mLinear + 1.707614701 * sLinear
+    ),
+    alpha: clamp(alpha2)
+  };
+};
+const parseColor = (input) => {
+  const value = input.trim().toLowerCase();
+  if (value.startsWith("#")) return parseHexColor(value);
+  if (value.startsWith("rgb")) return parseRgbColor(value);
+  if (value.startsWith("hsl")) return parseHslColor(value);
+  if (value.startsWith("oklch")) return parseOklchColor(value);
+  return null;
+};
+const srgbToLinear = (value) => value <= 0.04045 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4;
+const relativeLuminance = (color) => 0.2126 * srgbToLinear(color.r) + 0.7152 * srgbToLinear(color.g) + 0.0722 * srgbToLinear(color.b);
+const contrastRatio = (luminanceA, luminanceB) => {
+  const lighter = Math.max(luminanceA, luminanceB);
+  const darker = Math.min(luminanceA, luminanceB);
+  return (lighter + 0.05) / (darker + 0.05);
+};
+const getReadableForeground = (background) => {
+  const parsed = parseColor(background);
+  if (!parsed || parsed.alpha < 1) return null;
+  const backgroundLuminance = relativeLuminance(parsed);
+  const whiteContrast = contrastRatio(backgroundLuminance, 1);
+  const blackContrast = contrastRatio(backgroundLuminance, 0);
+  return whiteContrast > blackContrast ? WHITE : BLACK;
+};
+const withAutoContrastTheme = (theme) => {
+  const resolvedTheme = { ...theme };
+  for (const backgroundKey of Object.keys(CONTRAST_PAIRS)) {
+    const foregroundKey = CONTRAST_PAIRS[backgroundKey];
+    const backgroundValue = theme[backgroundKey];
+    if (theme[foregroundKey] || !backgroundValue) continue;
+    const derivedForeground = getReadableForeground(backgroundValue);
+    if (derivedForeground) {
+      resolvedTheme[foregroundKey] = derivedForeground;
+    }
+  }
+  return resolvedTheme;
+};
 const THEME_TO_CSS = {
   primary: "--primary",
   primaryForeground: "--primary-foreground",
@@ -24484,7 +24653,8 @@ const THEME_TO_CSS = {
 };
 function themeToStyleVars(theme) {
   const vars = {};
-  for (const [key, value] of Object.entries(theme)) {
+  const resolvedTheme = withAutoContrastTheme(theme);
+  for (const [key, value] of Object.entries(resolvedTheme)) {
     if (value != null && THEME_TO_CSS[key]) {
       vars[THEME_TO_CSS[key]] = value;
     }
@@ -24805,9 +24975,9 @@ function AthenaProvider({
   const configuredAppUrl = (config2 == null ? void 0 : config2.appUrl) ?? appUrl;
   const bridge = useParentBridge();
   const effectiveToken = configuredToken !== void 0 ? configuredToken : bridge.token;
-  const effectiveApiUrl = configuredApiUrl ?? bridge.apiUrl ?? environmentUrls.apiUrl ?? DEFAULT_API_URL;
-  const effectiveBackendUrl = configuredBackendUrl ?? bridge.backendUrl ?? environmentUrls.backendUrl ?? DEFAULT_BACKEND_URL;
-  const effectiveAppUrl = configuredAppUrl ?? bridge.appUrl ?? deriveAthenaAppUrl({ apiUrl: effectiveApiUrl, backendUrl: effectiveBackendUrl }) ?? environmentUrls.appUrl ?? DEFAULT_APP_URL;
+  const effectiveApiUrl = configuredApiUrl ?? bridge.apiUrl ?? environmentUrls.apiUrl;
+  const effectiveBackendUrl = configuredBackendUrl ?? bridge.backendUrl ?? environmentUrls.backendUrl;
+  const effectiveAppUrl = configuredAppUrl ?? bridge.appUrl ?? deriveAthenaAppUrl({ apiUrl: effectiveApiUrl, backendUrl: effectiveBackendUrl }) ?? environmentUrls.appUrl;
   if (!bridge.ready) {
     return null;
   }
@@ -60768,7 +60938,7 @@ const TiptapComposer = ({ tools = [] }) => {
       composerRuntime.send();
     }
     editor2.commands.clearContent();
-  }, [aui, composerRuntime, clearAttachments, clearQuote]);
+  }, [aui, composerRuntime, clearAttachments, clearQuote, appUrl]);
   const handleSubmitRef = useRef(handleSubmit);
   handleSubmitRef.current = handleSubmit;
   const editor = useEditor({
@@ -63940,6 +64110,23 @@ const ComposerDropZone = ({
     }
   );
 };
+function useSendMessage() {
+  const aui = useAui();
+  return useCallback(
+    async (text2, options) => {
+      if (!text2.trim()) return;
+      const composer = aui.composer();
+      const currentText = composer.getState().text;
+      const shouldReplace = (options == null ? void 0 : options.replace) ?? true;
+      composer.setText(
+        shouldReplace || !currentText ? text2 : `${currentText}
+${text2}`
+      );
+      await composer.send();
+    },
+    [aui]
+  );
+}
 const EMPTY_MENTION_TOOLS = [];
 function QuotePostMessageBridge() {
   useQuoteFromPostMessage();
@@ -63971,14 +64158,11 @@ const SuggestionCard = ({
   suggestion,
   index: index2
 }) => {
-  const aui = useAui();
   const Icon2 = suggestion.icon;
+  const sendMessage = useSendMessage();
   const handleClick2 = useCallback(() => {
-    aui.thread().append({
-      role: "user",
-      content: [{ type: "text", text: suggestion.prompt }]
-    });
-  }, [aui, suggestion.prompt]);
+    void sendMessage(suggestion.prompt);
+  }, [sendMessage, suggestion.prompt]);
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -64125,7 +64309,7 @@ const ComposerSendWithQuote = () => {
     editor == null ? void 0 : editor.clear();
     clearQuote();
     clearAttachments();
-  }, [aui, quote, attachments, isUploading, clearQuote, clearAttachments, editorRef]);
+  }, [aui, quote, attachments, isUploading, clearQuote, clearAttachments, editorRef, appUrl]);
   if (hasExtras) {
     return /* @__PURE__ */ jsx(
       TooltipIconButton,
@@ -64319,6 +64503,75 @@ function useAssetEmbed(assetId, options = {
   }, [assetId, readOnly, expiresInSeconds, backendUrl, apiKey, token]);
   return { embedUrl, isLoading, error: error2 };
 }
+const AssetRenderer = ({
+  assetId,
+  title,
+  className,
+  loadingFallback,
+  emptyFallback = null,
+  errorFallback,
+  readOnly,
+  expiresInSeconds
+}) => {
+  const { backendUrl, apiKey, token } = useAthenaConfig();
+  const { embedUrl, isLoading, error: error2 } = useAssetEmbed(assetId, {
+    backendUrl,
+    apiKey,
+    token,
+    readOnly,
+    expiresInSeconds
+  });
+  if (!assetId) {
+    return emptyFallback ? /* @__PURE__ */ jsx("div", { className: cn("h-full w-full", className), children: emptyFallback }) : null;
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex h-full w-full items-center justify-center",
+          className
+        ),
+        children: loadingFallback ?? /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx(LoaderCircle, { className: "mx-auto size-6 animate-spin text-muted-foreground" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Loading..." })
+        ] })
+      }
+    );
+  }
+  if (error2) {
+    const resolvedErrorFallback = typeof errorFallback === "function" ? errorFallback(error2) : errorFallback;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex h-full w-full items-center justify-center p-4",
+          className
+        ),
+        children: resolvedErrorFallback ?? /* @__PURE__ */ jsxs("div", { className: "max-w-sm text-center", children: [
+          /* @__PURE__ */ jsx(CircleAlert, { className: "mx-auto size-5 text-red-400" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs font-medium text-foreground", children: "Failed to load" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 break-words text-[10px] text-muted-foreground", children: error2 })
+        ] })
+      }
+    );
+  }
+  if (!embedUrl) {
+    return emptyFallback ? /* @__PURE__ */ jsx("div", { className: cn("h-full w-full", className), children: emptyFallback }) : null;
+  }
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src: embedUrl,
+      width: "100%",
+      height: "100%",
+      frameBorder: "0",
+      allow: "fullscreen",
+      title: title ?? `Asset ${assetId}`,
+      className: cn("h-full w-full", className)
+    }
+  );
+};
 const ASSET_TYPE_CONFIG = {
   presentation: { icon: Presentation, label: "Presentation" },
   spreadsheet: { icon: FileSpreadsheet, label: "Spreadsheet" },
@@ -64328,38 +64581,7 @@ const ASSET_TYPE_CONFIG = {
 };
 const AssetIframe = memo(
   ({ tabId, tabName }) => {
-    const { backendUrl, apiKey, token } = useAthenaConfig();
-    const { embedUrl, isLoading, error: error2 } = useAssetEmbed(tabId, {
-      backendUrl,
-      apiKey,
-      token
-    });
-    if (isLoading) {
-      return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx(LoaderCircle, { className: "mx-auto size-6 animate-spin text-muted-foreground" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Loading..." })
-      ] }) });
-    }
-    if (error2) {
-      return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-4", children: /* @__PURE__ */ jsxs("div", { className: "max-w-sm text-center", children: [
-        /* @__PURE__ */ jsx(CircleAlert, { className: "mx-auto size-5 text-red-400" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs font-medium text-foreground", children: "Failed to load" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 break-words text-[10px] text-muted-foreground", children: error2 })
-      ] }) });
-    }
-    if (!embedUrl) return null;
-    return /* @__PURE__ */ jsx(
-      "iframe",
-      {
-        src: embedUrl,
-        width: "100%",
-        height: "100%",
-        frameBorder: "0",
-        allow: "fullscreen",
-        title: tabName ?? `Asset ${tabId}`,
-        className: "h-full w-full"
-      }
-    );
+    return /* @__PURE__ */ jsx(AssetRenderer, { assetId: tabId, title: tabName });
   }
 );
 AssetIframe.displayName = "AssetIframe";
@@ -64701,6 +64923,7 @@ const Toolkits = {
 export {
   AppendDocumentToolUI,
   AssetPanel,
+  AssetRenderer,
   AthenaChat,
   AthenaLayout,
   AthenaProvider,
@@ -64767,6 +64990,7 @@ export {
   useParentAuth,
   useParentBridge,
   useQuote,
-  useRefreshThreadList
+  useRefreshThreadList,
+  useSendMessage
 };
 //# sourceMappingURL=index.js.map