@athenaintel/react 0.10.33 → 0.10.34

package/dist/index.cjs

@@ -47692,8 +47692,8 @@ const MentionExtension = Node$1.create({
     };
   }
 });
-const ATHENA_APP_HOSTNAMES = /* @__PURE__ */ new Set(["app.athenaintel.com", "staging-app.athenaintel.com"]);
-const ATHENA_PREVIEW_HOSTNAME_SUFFIX = ".previews.athenaintel.com";
+const ATHENA_APP_HOSTNAMES$1 = /* @__PURE__ */ new Set(["app.athenaintel.com", "staging-app.athenaintel.com"]);
+const ATHENA_PREVIEW_HOSTNAME_SUFFIX$1 = ".previews.athenaintel.com";
 const ATHENA_WORKSPACE_HOSTNAME_SUFFIXES = [".app.athenaintel.com", ".staging-app.athenaintel.com"];
 const ASSET_TYPE_ALIASES = {
   document: "document",
@@ -47713,7 +47713,7 @@ const normalizeAssetType = (value) => {
   const normalizedValue = value.trim().replace(/^athena\//, "").toLowerCase().replace(/-/g, "_");
   return ASSET_TYPE_ALIASES[normalizedValue] ?? null;
 };
-const getOrigin = (value) => {
+const getOrigin$1 = (value) => {
   if (!value) {
     return null;
   }
@@ -47737,7 +47737,7 @@ const matchesHostnameOrSubdomain = ({
   hostname,
   candidateHostname
 }) => hostname === candidateHostname || hostname.endsWith(`.${candidateHostname}`);
-const getCurrentOrigin = () => {
+const getCurrentOrigin$1 = () => {
   if (typeof window === "undefined") {
     return null;
   }
@@ -47747,7 +47747,7 @@ const parseUrl = ({
   href,
   appUrl
 }) => {
-  const fallbackBase = appUrl ?? getCurrentOrigin() ?? "https://app.athenaintel.com";
+  const fallbackBase = appUrl ?? getCurrentOrigin$1() ?? "https://app.athenaintel.com";
   try {
     return new URL(href, fallbackBase);
   } catch {
@@ -47759,18 +47759,18 @@ const isAthenaAppUrl = ({
   appUrl
 }) => {
   const hostname = url.hostname.toLowerCase();
-  if (ATHENA_APP_HOSTNAMES.has(hostname) || hostname.endsWith(ATHENA_PREVIEW_HOSTNAME_SUFFIX) || ATHENA_WORKSPACE_HOSTNAME_SUFFIXES.some((suffix) => hostname.endsWith(suffix))) {
+  if (ATHENA_APP_HOSTNAMES$1.has(hostname) || hostname.endsWith(ATHENA_PREVIEW_HOSTNAME_SUFFIX$1) || ATHENA_WORKSPACE_HOSTNAME_SUFFIXES.some((suffix) => hostname.endsWith(suffix))) {
     return true;
   }
   const configuredHostname = getHostname(appUrl);
   if (configuredHostname && matchesHostnameOrSubdomain({ hostname, candidateHostname: configuredHostname })) {
     return true;
   }
-  const configuredOrigin = getOrigin(appUrl);
+  const configuredOrigin = getOrigin$1(appUrl);
   if (configuredOrigin && url.origin === configuredOrigin) {
     return true;
   }
-  const currentOrigin = getCurrentOrigin();
+  const currentOrigin = getCurrentOrigin$1();
   return !!currentOrigin && url.origin === currentOrigin;
 };
 const parseAthenaCitationLink = ({
@@ -52051,6 +52051,12 @@ function getNumberField(source, keys2) {
   }
   return null;
 }
+function asRecord(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return null;
+  }
+  return value;
+}
 const PRESENTATION_CODE_SLIDE_NUMBER_KEYS = [
   "slideNumber",
   "slide_number",
@@ -53804,6 +53810,374 @@ const UpdateSheetRangeToolUI = React.memo(
   UpdateSheetRangeToolUIImpl
 );
 UpdateSheetRangeToolUI.displayName = "UpdateSheetRangeToolUI";
+function parseJsonArray(text2) {
+  try {
+    const parsed = JSON.parse(text2);
+    return Array.isArray(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+}
+function getFirstSheetCellStyle(operation) {
+  const cells = operation.cells;
+  const rows = typeof cells === "string" ? parseJsonArray(cells) : cells;
+  if (!Array.isArray(rows)) {
+    return null;
+  }
+  for (const row of rows) {
+    if (!Array.isArray(row)) {
+      continue;
+    }
+    for (const cell of row) {
+      const cellRecord = asRecord(cell);
+      const style2 = asRecord(
+        (cellRecord == null ? void 0 : cellRecord.cellStyles) ?? (cellRecord == null ? void 0 : cellRecord.cell_styles) ?? (cellRecord == null ? void 0 : cellRecord.style)
+      );
+      if (style2) {
+        return style2;
+      }
+    }
+  }
+  return null;
+}
+function summarizeSheetCellStyle(style2) {
+  if (!style2) {
+    return "Cell formatting";
+  }
+  const parts = [];
+  const textFormat = asRecord(style2.textFormat ?? style2.text_format);
+  if ((textFormat == null ? void 0 : textFormat.bold) === true) {
+    parts.push("bold");
+  }
+  if ((textFormat == null ? void 0 : textFormat.italic) === true) {
+    parts.push("italic");
+  }
+  if ((textFormat == null ? void 0 : textFormat.underline) === true) {
+    parts.push("underline");
+  }
+  const fontSize = getNumberField(textFormat, ["fontSize", "font_size"]);
+  if (fontSize != null) {
+    parts.push(`${fontSize} pt`);
+  }
+  const textColor = getStringField(textFormat, [
+    "color_hex",
+    "colorHex",
+    "foregroundColor_hex",
+    "foregroundColorHex"
+  ]);
+  if (textColor) {
+    parts.push(`text ${textColor}`);
+  }
+  const fillColor = getStringField(style2, [
+    "backgroundColor_hex",
+    "backgroundColorHex",
+    "background_color_hex"
+  ]);
+  if (fillColor) {
+    parts.push(`fill ${fillColor}`);
+  }
+  const numberFormat = asRecord(style2.numberFormat ?? style2.number_format);
+  const numberPattern = getStringField(numberFormat, ["pattern"]);
+  const numberType = getStringField(numberFormat, ["type"]);
+  if (numberPattern) {
+    parts.push(numberPattern);
+  } else if (numberType) {
+    parts.push(numberType.toLowerCase());
+  }
+  const horizontalAlignment = getStringField(style2, [
+    "horizontalAlignment",
+    "horizontal_alignment"
+  ]);
+  if (horizontalAlignment) {
+    parts.push(`${horizontalAlignment.toLowerCase()} align`);
+  }
+  return parts.length > 0 ? parts.slice(0, 5).join(", ") : "Cell formatting";
+}
+function parseSheetFormatOperations(operationsValue) {
+  const operations = typeof operationsValue === "string" ? parseJsonArray(operationsValue) : operationsValue;
+  if (!Array.isArray(operations)) {
+    return [];
+  }
+  return operations.flatMap((operation) => {
+    const record2 = asRecord(operation);
+    if (!record2) {
+      return [];
+    }
+    const range = getStringField(record2, ["range"]) ?? "";
+    if (!range) {
+      return [];
+    }
+    const assetId = getStringField(record2, ["asset_id", "assetId", "id"]);
+    return [
+      {
+        assetId: (assetId == null ? void 0 : assetId.startsWith("asset_")) ? assetId : null,
+        explanation: getStringField(record2, ["explanation", "summary"]),
+        range,
+        styleSummary: summarizeSheetCellStyle(getFirstSheetCellStyle(record2))
+      }
+    ];
+  });
+}
+function getSpreadsheetAssetIdFromOperations(operations) {
+  var _a2;
+  return ((_a2 = operations.find((operation) => operation.assetId)) == null ? void 0 : _a2.assetId) ?? null;
+}
+function getSpreadsheetAssetIdFromArgs(args) {
+  const assetId = getStringField(args, ["asset_id", "assetId", "id"]);
+  return (assetId == null ? void 0 : assetId.startsWith("asset_")) ? assetId : null;
+}
+function summarizeSheetRanges(ranges) {
+  if (ranges.length === 0) {
+    return void 0;
+  }
+  const visible = ranges.slice(0, 4);
+  const remaining = ranges.length - visible.length;
+  return remaining > 0 ? `${visible.join(", ")} +${remaining} more` : visible.join(", ");
+}
+const BulkFormatSheetRangeToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const data = React.useMemo(() => normalizeResult(result), [result]);
+  const operations = React.useMemo(
+    () => parseSheetFormatOperations(typedArgs == null ? void 0 : typedArgs.operations),
+    [typedArgs == null ? void 0 : typedArgs.operations]
+  );
+  const resultAssetId = extractAssetId(result);
+  const argsAssetId = getSpreadsheetAssetIdFromArgs(typedArgs);
+  const operationsAssetId = getSpreadsheetAssetIdFromOperations(operations);
+  const effectiveAssetId = resultAssetId ?? argsAssetId ?? operationsAssetId;
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const totalCount = getNumberField(data, ["total"]) ?? operations.length;
+  const succeededCount = getNumberField(data, ["succeeded", "success_count", "successCount"]) ?? (isComplete && totalCount > 0 ? Math.max(totalCount - (getNumberField(data, ["failed"]) ?? 0), 0) : null);
+  const failedCount = getNumberField(data, [
+    "failed",
+    "failure_count",
+    "failureCount"
+  ]);
+  const rangesSummary = summarizeSheetRanges(
+    operations.map((operation) => operation.range)
+  );
+  const visibleOperations = operations.slice(0, 24);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const title = isRunning ? totalCount > 0 ? `Formatting ${totalCount} sheet ${totalCount === 1 ? "range" : "ranges"}...` : "Formatting spreadsheet ranges..." : failedCount && failedCount > 0 ? `Formatted ${succeededCount ?? 0} of ${totalCount} sheet ranges` : totalCount > 0 ? `Formatted ${totalCount} sheet ${totalCount === 1 ? "range" : "ranges"}` : "Formatted spreadsheet ranges";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ToolCard,
+    {
+      icon: TableProperties,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: truncate(title, 80),
+      subtitle: rangesSummary,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: failedCount && failedCount > 0 ? `${failedCount} failed` : totalCount > 0 ? `${totalCount} ops` : void 0,
+      error: errorMsg,
+      children: [
+        operations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          ExpandableSection,
+          {
+            label: `Show formatting operations (${operations.length})`,
+            defaultOpen: operations.length <= 6,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-[11px]", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border/40 text-left text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "w-20 pb-1.5 pr-3 font-medium", children: "Range" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "pb-1.5 pr-3 font-medium", children: "Purpose" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("th", { className: "pb-1.5 font-medium", children: "Style" })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: visibleOperations.map((operation, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "tr",
+                  {
+                    className: "border-t border-border/25 first:border-t-0",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "whitespace-nowrap py-1.5 pr-3 font-mono text-foreground/80", children: operation.range }),
+                      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "max-w-[220px] py-1.5 pr-3 text-foreground/75", children: operation.explanation ? truncate(operation.explanation, 72) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "-" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "max-w-[260px] py-1.5 text-muted-foreground", children: truncate(operation.styleSummary, 80) })
+                    ]
+                  },
+                  `${operation.range}-${index2}`
+                )) })
+              ] }) }),
+              operations.length > visibleOperations.length && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-2 text-[10px] text-muted-foreground", children: [
+                "Showing first ",
+                visibleOperations.length,
+                " of ",
+                operations.length,
+                " operations"
+              ] })
+            ]
+          }
+        ),
+        effectiveAssetId && isComplete && !errorMsg && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openAsset(effectiveAssetId, { type: "spreadsheet" }),
+            className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, { className: "size-3" }),
+              "Open spreadsheet"
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+const BulkFormatSheetRangeToolUI = React.memo(
+  BulkFormatSheetRangeToolUIImpl
+);
+BulkFormatSheetRangeToolUI.displayName = "BulkFormatSheetRangeToolUI";
+function formatDimensionUnit(unit) {
+  if (!unit) {
+    return "";
+  }
+  const normalized = unit.toLowerCase();
+  if (normalized === "pixels" || normalized === "pixel") {
+    return "pixels";
+  }
+  if (normalized === "points" || normalized === "point") {
+    return "points";
+  }
+  return unit;
+}
+function formatShortDimensionUnit(unit) {
+  const normalized = unit == null ? void 0 : unit.toLowerCase();
+  if (normalized === "pixels" || normalized === "pixel") {
+    return "px";
+  }
+  if (normalized === "points" || normalized === "point") {
+    return "pt";
+  }
+  return unit ?? "";
+}
+function parseDimensionMeasurement(value) {
+  const record2 = asRecord(value);
+  if (record2) {
+    const numericValue = getNumberField(record2, ["value"]);
+    const stringValue = getStringField(record2, ["value"]);
+    const rawValue = numericValue != null ? String(numericValue) : stringValue ? stringValue : null;
+    if (!rawValue) {
+      return null;
+    }
+    const unit = getStringField(record2, ["type", "unit"]);
+    const formattedUnit = formatDimensionUnit(unit);
+    const shortUnit = formatShortDimensionUnit(unit);
+    return {
+      value: formattedUnit ? `${rawValue} ${formattedUnit}` : rawValue,
+      shortValue: shortUnit ? `${rawValue} ${shortUnit}` : rawValue
+    };
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return { value: String(value), shortValue: String(value) };
+  }
+  if (typeof value === "string" && value.trim()) {
+    return { value, shortValue: value };
+  }
+  return null;
+}
+function getSheetDimensionSummary(args) {
+  const width = parseDimensionMeasurement(args == null ? void 0 : args.width);
+  if (width) {
+    return {
+      kind: "column width",
+      shortValue: width.shortValue,
+      value: width.value
+    };
+  }
+  const height = parseDimensionMeasurement(args == null ? void 0 : args.height);
+  if (height) {
+    return {
+      kind: "row height",
+      shortValue: height.shortValue,
+      value: height.value
+    };
+  }
+  return {
+    kind: "row and column dimensions",
+    shortValue: null,
+    value: null
+  };
+}
+function getToolResultText(result, data) {
+  if (typeof result === "string" && result.trim()) {
+    return result;
+  }
+  return getStringField(data, ["message", "result", "summary"]);
+}
+const SetRowColumnDimensionsToolUIImpl = ({
+  toolName,
+  args,
+  result,
+  status
+}) => {
+  const typedArgs = args;
+  const data = React.useMemo(() => normalizeResult(result), [result]);
+  const range = getStringField(typedArgs, ["range"]) ?? "";
+  const dimension = getSheetDimensionSummary(typedArgs);
+  const effectiveAssetId = extractAssetId(result) ?? getSpreadsheetAssetIdFromArgs(typedArgs);
+  const resultText = getToolResultText(result, data);
+  const openAsset = useAssetPanelStore((s) => s.openAsset);
+  const isRunning = (status == null ? void 0 : status.type) === "running";
+  const isComplete = (status == null ? void 0 : status.type) === "complete";
+  const errorMsg = (status == null ? void 0 : status.type) === "incomplete" ? status.error : null;
+  const title = isRunning ? `Setting ${dimension.kind}...` : range ? `Set ${dimension.kind} for ${range}` : `Set ${dimension.kind}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ToolCard,
+    {
+      icon: TableProperties,
+      status: (status == null ? void 0 : status.type) ?? "complete",
+      title: truncate(title, 80),
+      subtitle: dimension.value ? `Value: ${dimension.value}` : void 0,
+      toolName,
+      args: typedArgs,
+      result,
+      badge: dimension.shortValue ?? void 0,
+      error: errorMsg,
+      children: [
+        (range || dimension.value || resultText) && isComplete && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid gap-2 text-[11px] sm:grid-cols-3", children: [
+            range && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-medium text-muted-foreground", children: "Range" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 font-mono text-foreground/80", children: range })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-medium text-muted-foreground", children: "Dimension" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-foreground/80", children: dimension.kind })
+            ] }),
+            dimension.value && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-medium text-muted-foreground", children: "Value" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-foreground/80", children: dimension.value })
+            ] })
+          ] }),
+          resultText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-[11px] leading-relaxed text-muted-foreground", children: truncate(resultText, 160) })
+        ] }),
+        effectiveAssetId && isComplete && !errorMsg && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/40 px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openAsset(effectiveAssetId, { type: "spreadsheet" }),
+            className: "flex items-center gap-1.5 rounded-md border border-border/60 px-3 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, { className: "size-3" }),
+              "Open spreadsheet"
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+const SetRowColumnDimensionsToolUI = React.memo(
+  SetRowColumnDimensionsToolUIImpl
+);
+SetRowColumnDimensionsToolUI.displayName = "SetRowColumnDimensionsToolUI";
 function createAssetToolUI(config2) {
   const Component = (props) => /* @__PURE__ */ jsxRuntime.jsx(
     CreateAssetToolUIImpl,
@@ -54225,6 +54599,8 @@ const TOOL_UI_REGISTRY = {
   capture_moment: CaptureMomentToolUI,
   capture_slide_screenshot: CaptureSlideScreenshotToolUI,
   // Spreadsheet toolkit
+  bulk_format_sheet_range: BulkFormatSheetRangeToolUI,
+  set_row_column_dimensions: SetRowColumnDimensionsToolUI,
   update_sheet_range: UpdateSheetRangeToolUI,
   // Database toolkit
   describe_database: DescribeDatabaseToolUI,
@@ -55918,19 +56294,93 @@ const AthenaUserMessage = ({
   }
 );
 const embedCache = /* @__PURE__ */ new Map();
+const ATHENA_APP_HOSTNAMES = /* @__PURE__ */ new Set(["app.athenaintel.com", "staging-app.athenaintel.com"]);
+const ATHENA_PREVIEW_HOSTNAME_SUFFIX = ".previews.athenaintel.com";
+const ATHENA_WORKSPACE_HOSTNAME_PATTERN = /^.+--(\d+)\.(?:app\.athenaintel\.com|staging-app\.athenaintel\.com)$/;
+const OLYMPUS_WORKSPACE_PORT = "8082";
+const getUrl = (value) => {
+  if (!value) {
+    return null;
+  }
+  try {
+    return new URL(value);
+  } catch {
+    return null;
+  }
+};
+const getCurrentOrigin = () => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  return window.location.origin;
+};
+const getOrigin = (value) => {
+  var _a2;
+  return ((_a2 = getUrl(value)) == null ? void 0 : _a2.origin) ?? null;
+};
+const getAthenaWorkspacePort = (url) => {
+  const match2 = url.hostname.toLowerCase().match(ATHENA_WORKSPACE_HOSTNAME_PATTERN);
+  return (match2 == null ? void 0 : match2[1]) ?? null;
+};
+const isEmbedCapableAthenaHost = (url) => {
+  const hostname = url.hostname.toLowerCase();
+  if (ATHENA_APP_HOSTNAMES.has(hostname) || hostname.endsWith(ATHENA_PREVIEW_HOSTNAME_SUFFIX)) {
+    return true;
+  }
+  return getAthenaWorkspacePort(url) === OLYMPUS_WORKSPACE_PORT;
+};
+const shouldPreferDerivedEmbedAppUrl = ({
+  appUrl,
+  derivedAppUrl,
+  currentOrigin
+}) => {
+  if (!derivedAppUrl) {
+    return false;
+  }
+  const resolvedAppUrl = getUrl(appUrl);
+  if (!resolvedAppUrl) {
+    return true;
+  }
+  const workspacePort = getAthenaWorkspacePort(resolvedAppUrl);
+  if (workspacePort && workspacePort !== OLYMPUS_WORKSPACE_PORT) {
+    return true;
+  }
+  if (isEmbedCapableAthenaHost(resolvedAppUrl)) {
+    return false;
+  }
+  const resolvedCurrentOrigin = getOrigin(currentOrigin ?? getCurrentOrigin());
+  return !!resolvedCurrentOrigin && resolvedAppUrl.origin === resolvedCurrentOrigin;
+};
+const resolveEmbedAppUrl = ({
+  appUrl,
+  backendUrl,
+  currentOrigin
+}) => {
+  const derivedAppUrl = deriveAthenaAppUrl({ backendUrl });
+  if (!appUrl) {
+    return derivedAppUrl;
+  }
+  if (shouldPreferDerivedEmbedAppUrl({ appUrl, derivedAppUrl, currentOrigin })) {
+    return derivedAppUrl;
+  }
+  return appUrl;
+};
 function resolveAssetEmbedUrl({
   embedUrl,
-  appUrl
+  appUrl,
+  backendUrl,
+  currentOrigin
 }) {
-  if (!appUrl) {
-    return embedUrl;
-  }
   try {
     const resolvedEmbedUrl = new URL(embedUrl);
-    const resolvedAppUrl = new URL(appUrl);
     if (!resolvedEmbedUrl.pathname.startsWith("/embed/")) {
       return embedUrl;
     }
+    const embedAppUrl = resolveEmbedAppUrl({ appUrl, backendUrl, currentOrigin });
+    if (!embedAppUrl) {
+      return embedUrl;
+    }
+    const resolvedAppUrl = new URL(embedAppUrl);
     resolvedEmbedUrl.protocol = resolvedAppUrl.protocol;
     resolvedEmbedUrl.host = resolvedAppUrl.host;
     return resolvedEmbedUrl.toString();
@@ -55965,7 +56415,7 @@ function useAssetEmbed(assetId, options = {
       return;
     }
     const authContext = hasToken ? "token" : apiKey ?? "anon";
-    const cacheKey = `${assetId}:${readOnly}:${authContext}:${appUrl ?? ""}`;
+    const cacheKey = `${assetId}:${readOnly}:${authContext}:${backendUrl}:${appUrl ?? ""}`;
     const cached2 = embedCache.get(cacheKey);
     if (cached2 && cached2.expiresAt > Date.now() / 1e3) {
       setEmbedUrl(cached2.url);
@@ -56005,7 +56455,8 @@ function useAssetEmbed(assetId, options = {
     }).then((data) => {
       const resolvedEmbedUrl = resolveAssetEmbedUrl({
         embedUrl: data.embed_url,
-        appUrl
+        appUrl,
+        backendUrl
       });
       embedCache.set(cacheKey, { url: resolvedEmbedUrl, expiresAt: data.expires_at });
       setEmbedUrl(resolvedEmbedUrl);