@flamingo-stack/openframe-frontend-core 0.0.853 → 0.0.855

package/dist/{chunk-GI3MMBP3.cjs → chunk-SQ7YHWEP.cjs}

@@ -1,5 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
+// src/hooks/ui/use-isomorphic-layout-effect.ts
+var _react = require('react');
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? _react.useLayoutEffect : _react.useEffect;
+
 // src/utils/app-config.ts
 function getAppType() {
   try {
@@ -195,6 +199,12 @@ function readAppOrigins() {
   return snapshot;
 }
 var subscribeAppOrigins = subscribeRegisteredAdapter;
+function isOnPage(target, page) {
+  return target.protocol === page.protocol && target.host === page.host;
+}
+function isPageOriginUrl(target, origins = readAppOrigins()) {
+  return isOnPage(target, new URL(_nullishCoalesce(origins.pageUrl, () => ( SERVER_PAGE_URL))));
+}
 function resolveAppOriginUrl(url, origins = readAppOrigins()) {
   let page;
   let target;
@@ -204,7 +214,7 @@ function resolveAppOriginUrl(url, origins = readAppOrigins()) {
   } catch (e4) {
     return null;
   }
-  if (target.protocol === page.protocol && target.host === page.host) return target;
+  if (isOnPage(target, page)) return target;
   if (target.protocol !== "http:" && target.protocol !== "https:") return null;
   return origins.allowedOrigins.includes(target.origin) ? target : null;
 }
@@ -239,12 +249,20 @@ function subscribeEmbedCredentialChange(listener) {
   return _nullishCoalesce(_optionalChain([getRegisteredAuthAdapter, 'call', _13 => _13(), 'optionalAccess', _14 => _14.subscribe, 'optionalCall', _15 => _15(listener)]), () => ( (() => {
   })));
 }
-function needsBearerAssetFetch(url) {
-  if (typeof window === "undefined") return false;
+function assetLoadMode(url) {
+  if (typeof window === "undefined") return "native";
   const adapter2 = getRegisteredAuthAdapter();
-  if (!adapter2 || _optionalChain([adapter2, 'access', _16 => _16.getHeaders, 'optionalCall', _17 => _17(), 'access', _18 => _18.Authorization]) === void 0) return false;
-  const target = resolveAppOriginUrl(url);
-  return target !== null && (target.protocol === "http:" || target.protocol === "https:");
+  if (!adapter2) return "native";
+  const origins = readAppOrigins();
+  const target = resolveAppOriginUrl(url, origins);
+  if (!target || target.protocol !== "http:" && target.protocol !== "https:") return "native";
+  if (!adapter2.hasCredential) return _optionalChain([adapter2, 'access', _16 => _16.getHeaders, 'optionalCall', _17 => _17(), 'access', _18 => _18.Authorization]) !== void 0 ? "bearer" : "native";
+  if (adapter2.hasCredential()) return "bearer";
+  return isPageOriginUrl(target, origins) ? "native" : "awaiting-credential";
+}
+function resolveAssetUrl(url) {
+  const resolve = _optionalChain([getRegisteredAuthAdapter, 'call', _19 => _19(), 'optionalAccess', _20 => _20.resolveAssetUrl]);
+  return resolve ? resolve(url) : url;
 }
 function embedAuthedFetch(url, init = {}) {
   assertSameOrigin(url);
@@ -276,7 +294,7 @@ function setInFlightRefresh(refresh) {
 }
 function dedupedRefresh() {
   const adapter2 = getRegisteredAuthAdapter();
-  const refresh = _optionalChain([adapter2, 'optionalAccess', _19 => _19.refresh, 'optionalAccess', _20 => _20.bind, 'call', _21 => _21(adapter2)]);
+  const refresh = _optionalChain([adapter2, 'optionalAccess', _21 => _21.refresh, 'optionalAccess', _22 => _22.bind, 'call', _23 => _23(adapter2)]);
   if (!refresh) return Promise.resolve(false);
   let inFlightRefresh = getInFlightRefresh();
   if (!inFlightRefresh) {
@@ -287,16 +305,20 @@ function dedupedRefresh() {
   }
   return inFlightRefresh;
 }
+var answersAfterRefresh = /* @__PURE__ */ new WeakSet();
+function answeredAfterRefresh(response) {
+  return answersAfterRefresh.has(response);
+}
 async function fetchWithRefresh(url, init, baseHeaders, isRetry) {
   const adapter2 = getRegisteredAuthAdapter();
-  await _optionalChain([adapter2, 'optionalAccess', _22 => _22.beforeRequest, 'optionalCall', _23 => _23()]);
+  await _optionalChain([adapter2, 'optionalAccess', _24 => _24.beforeRequest, 'optionalCall', _25 => _25()]);
   const { url: authedUrl, headers } = applyProxyAuth(url, { ...baseHeaders });
-  if (_optionalChain([adapter2, 'optionalAccess', _24 => _24.getHeaders])) {
+  if (_optionalChain([adapter2, 'optionalAccess', _26 => _26.getHeaders])) {
     for (const [k, v] of Object.entries(adapter2.getHeaders())) {
       if (v !== void 0) headers[k] = v;
     }
   }
-  const credentials = _nullishCoalesce(_nullishCoalesce(_optionalChain([adapter2, 'optionalAccess', _25 => _25.credentials]), () => ( init.credentials)), () => ( "same-origin"));
+  const credentials = _nullishCoalesce(_nullishCoalesce(_optionalChain([adapter2, 'optionalAccess', _27 => _27.credentials]), () => ( init.credentials)), () => ( "same-origin"));
   const response = await fetch(authedUrl, {
     ...init,
     headers,
@@ -307,11 +329,13 @@ async function fetchWithRefresh(url, init, baseHeaders, isRetry) {
     // `SameSite=None` must be configured server-side for that to work).
     credentials
   });
-  await _optionalChain([adapter2, 'optionalAccess', _26 => _26.onResponse, 'optionalCall', _27 => _27(response)]);
-  if (response.status === 401 && !isRetry && _optionalChain([adapter2, 'optionalAccess', _28 => _28.refresh])) {
+  await _optionalChain([adapter2, 'optionalAccess', _28 => _28.onResponse, 'optionalCall', _29 => _29(response)]);
+  if (response.status === 401 && !isRetry && _optionalChain([adapter2, 'optionalAccess', _30 => _30.refresh])) {
     const refreshed = await dedupedRefresh();
     if (refreshed) {
-      return fetchWithRefresh(url, init, baseHeaders, true);
+      const retried = await fetchWithRefresh(url, init, baseHeaders, true);
+      answersAfterRefresh.add(retried);
+      return retried;
     }
   }
   return response;
@@ -332,7 +356,7 @@ function assertSameOrigin(url) {
     );
   }
   if (target.origin !== pageOrigin) {
-    if (_optionalChain([getRegisteredAuthAdapter, 'call', _29 => _29(), 'optionalAccess', _30 => _30.allowedOrigins, 'optionalAccess', _31 => _31.includes, 'call', _32 => _32(target.origin)])) {
+    if (_optionalChain([getRegisteredAuthAdapter, 'call', _31 => _31(), 'optionalAccess', _32 => _32.allowedOrigins, 'optionalAccess', _33 => _33.includes, 'call', _34 => _34(target.origin)])) {
       return;
     }
     if (process.env.NODE_ENV !== "production") {
@@ -347,6 +371,195 @@ function assertSameOrigin(url) {
   }
 }
 
+// src/hooks/use-authed-asset-src.ts
+
+var RELEASE_DELAY_MS = 6e4;
+var IDLE = { status: "idle" };
+var AssetResponseError = class extends Error {
+  constructor(response) {
+    super(`asset fetch failed: ${response.status}`);
+    this.status = response.status;
+    this.afterRefresh = answeredAfterRefresh(response);
+  }
+};
+var entries = /* @__PURE__ */ new Map();
+var listeners2 = /* @__PURE__ */ new Set();
+var cacheGeneration = 0;
+var notifyScheduled = false;
+var detachSources = null;
+function notify() {
+  if (notifyScheduled) return;
+  notifyScheduled = true;
+  queueMicrotask(() => {
+    notifyScheduled = false;
+    for (const listener of [...listeners2]) listener();
+  });
+}
+function settle(url, entry, generation, state) {
+  const current = entries.get(url);
+  if (generation !== cacheGeneration || current !== entry) return false;
+  current.state = state;
+  notify();
+  return true;
+}
+function due(state, trigger) {
+  if (state.status === "idle") return true;
+  if (state.status !== "failed") return false;
+  switch (trigger) {
+    case "mount":
+      return true;
+    case "credential":
+      return state.retryOn !== "remount";
+    case "online":
+      return state.retryOn === "credential-or-online";
+    default:
+      return false;
+  }
+}
+function retryOnFor(error) {
+  if (error instanceof TypeError) return "credential-or-online";
+  if (error instanceof AssetResponseError && error.status === 401 && !error.afterRefresh) return "credential";
+  return "remount";
+}
+function kick(url, trigger) {
+  const entry = entries.get(url);
+  if (!entry || !due(entry.state, trigger) || assetLoadMode(url) !== "bearer") return;
+  const generation = cacheGeneration;
+  settle(url, entry, generation, { status: "loading", afterFailure: entry.state.status === "failed" });
+  Promise.resolve().then(() => embedAuthedFetch(url, { headers: { Accept: entry.accept } })).then(async (response) => {
+    if (!response.ok || /^\s*text\/html\b/i.test(_nullishCoalesce(response.headers.get("Content-Type"), () => ( "")))) {
+      throw new AssetResponseError(response);
+    }
+    return URL.createObjectURL(await response.blob());
+  }).then(
+    (blobUrl) => {
+      if (!settle(url, entry, generation, { status: "ready", blobUrl })) URL.revokeObjectURL(blobUrl);
+    },
+    (error) => {
+      settle(url, entry, generation, { status: "failed", retryOn: retryOnFor(error) });
+    }
+  );
+}
+function sweep(trigger) {
+  for (const [url, entry] of entries) if (entry.refs > 0) kick(url, trigger);
+  notify();
+}
+function onCredentialChange() {
+  sweep("credential");
+}
+function onOnline() {
+  sweep("online");
+}
+function attachSources() {
+  let detachCredential = subscribeEmbedCredentialChange(onCredentialChange);
+  const detachAdapter = subscribeRegisteredAdapter(() => {
+    detachCredential();
+    detachCredential = subscribeEmbedCredentialChange(onCredentialChange);
+    onCredentialChange();
+  });
+  window.addEventListener("online", onOnline);
+  return () => {
+    detachCredential();
+    detachAdapter();
+    window.removeEventListener("online", onOnline);
+  };
+}
+function subscribeNothing() {
+  return () => {
+  };
+}
+function subscribe(listener) {
+  listeners2.add(listener);
+  _nullishCoalesce(detachSources, () => ( (detachSources = attachSources())));
+  return () => {
+    listeners2.delete(listener);
+    if (listeners2.size === 0 && detachSources) {
+      detachSources();
+      detachSources = null;
+    }
+  };
+}
+function acquire(url, accept) {
+  let entry = entries.get(url);
+  if (!entry) {
+    entry = { state: IDLE, accept, refs: 0, releaseTimer: void 0 };
+    entries.set(url, entry);
+  }
+  clearTimeout(entry.releaseTimer);
+  entry.releaseTimer = void 0;
+  entry.refs++;
+  kick(url, entry.refs === 1 ? "mount" : "join");
+}
+function release(url) {
+  const entry = entries.get(url);
+  if (!entry) return;
+  entry.refs = Math.max(0, entry.refs - 1);
+  if (entry.refs > 0) return;
+  clearTimeout(entry.releaseTimer);
+  entry.releaseTimer = setTimeout(() => {
+    if (entries.get(url) !== entry || entry.refs > 0) return;
+    if (entry.state.status === "ready") URL.revokeObjectURL(entry.state.blobUrl);
+    entries.delete(url);
+  }, RELEASE_DELAY_MS);
+}
+function clearAuthedAssetCache() {
+  cacheGeneration++;
+  for (const [url, entry] of entries) {
+    if (entry.state.status === "ready") URL.revokeObjectURL(entry.state.blobUrl);
+    clearTimeout(entry.releaseTimer);
+    entry.releaseTimer = void 0;
+    if (entry.refs > 0) entry.state = IDLE;
+    else entries.delete(url);
+  }
+  notify();
+}
+var NO_ASSET = Object.freeze({ src: void 0, url: void 0, status: "native" });
+function readAsset(src) {
+  if (!src) return NO_ASSET;
+  const url = resolveAssetUrl(src);
+  const mode = assetLoadMode(url);
+  if (mode === "native") return { src: url, url, status: "native" };
+  const state = mode === "bearer" ? _optionalChain([entries, 'access', _35 => _35.get, 'call', _36 => _36(url), 'optionalAccess', _37 => _37.state]) : void 0;
+  if (_optionalChain([state, 'optionalAccess', _38 => _38.status]) === "ready") return { src: state.blobUrl, url, status: "ready" };
+  if (_optionalChain([state, 'optionalAccess', _39 => _39.status]) === "failed" || _optionalChain([state, 'optionalAccess', _40 => _40.status]) === "loading" && state.afterFailure) {
+    return { src: void 0, url, status: "failed" };
+  }
+  return { src: void 0, url, status: "pending" };
+}
+function encode(asset) {
+  return JSON.stringify([asset.status, _nullishCoalesce(asset.url, () => ( null)), _nullishCoalesce(asset.src, () => ( null))]);
+}
+function decode(snapshot2) {
+  const [status, url, src] = JSON.parse(snapshot2);
+  return { status, url: _nullishCoalesce(url, () => ( void 0)), src: _nullishCoalesce(src, () => ( void 0)) };
+}
+function useAuthedAsset(src, accept = "*/*") {
+  const snapshot2 = _react.useSyncExternalStore.call(void 0, 
+    src ? subscribe : subscribeNothing,
+    () => encode(readAsset(src)),
+    // The server has no adapter: it draws the URL as given, and the client takes over after hydration.
+    () => encode(src ? { src, url: src, status: "native" } : NO_ASSET)
+  );
+  const asset = decode(snapshot2);
+  const tracked = asset.status === "native" ? void 0 : asset.url;
+  useIsomorphicLayoutEffect(() => {
+    if (!tracked) return void 0;
+    acquire(tracked, accept);
+    return () => release(tracked);
+  }, [tracked, accept]);
+  const waiting = tracked !== void 0 && asset.status === "pending";
+  _react.useEffect.call(void 0, () => {
+    if (waiting) kick(tracked, "join");
+  });
+  return asset;
+}
+function useAuthedAssetSrc(src, accept = "*/*") {
+  return useAuthedAsset(src, accept).src;
+}
+
+
+
+
 
 
 
@@ -366,4 +579,4 @@ function assertSameOrigin(url) {
 
 
 
-exports.createLocalStorageAdapter = createLocalStorageAdapter; exports.SERVER_APP_ORIGINS = SERVER_APP_ORIGINS; exports.readAppOrigins = readAppOrigins; exports.subscribeAppOrigins = subscribeAppOrigins; exports.isAppOriginUrl = isAppOriginUrl; exports.absoluteHttpUrl = absoluteHttpUrl; exports.getAppType = getAppType; exports.EMBED_PROXY_OPTIONAL_HEADERS = EMBED_PROXY_OPTIONAL_HEADERS; exports.getEmbedProxyAuth = getEmbedProxyAuth; exports.getPersistedProxyEmail = getPersistedProxyEmail; exports.setEmbedProxyAuth = setEmbedProxyAuth; exports.clearEmbedProxyAuth = clearEmbedProxyAuth; exports.applyProxyAuth = applyProxyAuth; exports.setEmbedAuthAdapter = setEmbedAuthAdapter; exports.hasEmbedAuthAdapter = hasEmbedAuthAdapter; exports.subscribeEmbedCredentialChange = subscribeEmbedCredentialChange; exports.needsBearerAssetFetch = needsBearerAssetFetch; exports.embedAuthedFetch = embedAuthedFetch;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect; exports.SERVER_APP_ORIGINS = SERVER_APP_ORIGINS; exports.readAppOrigins = readAppOrigins; exports.subscribeAppOrigins = subscribeAppOrigins; exports.isAppOriginUrl = isAppOriginUrl; exports.absoluteHttpUrl = absoluteHttpUrl; exports.getAppType = getAppType; exports.createLocalStorageAdapter = createLocalStorageAdapter; exports.EMBED_PROXY_OPTIONAL_HEADERS = EMBED_PROXY_OPTIONAL_HEADERS; exports.getEmbedProxyAuth = getEmbedProxyAuth; exports.getPersistedProxyEmail = getPersistedProxyEmail; exports.setEmbedProxyAuth = setEmbedProxyAuth; exports.clearEmbedProxyAuth = clearEmbedProxyAuth; exports.applyProxyAuth = applyProxyAuth; exports.setEmbedAuthAdapter = setEmbedAuthAdapter; exports.hasEmbedAuthAdapter = hasEmbedAuthAdapter; exports.subscribeEmbedCredentialChange = subscribeEmbedCredentialChange; exports.embedAuthedFetch = embedAuthedFetch; exports.clearAuthedAssetCache = clearAuthedAssetCache; exports.useAuthedAsset = useAuthedAsset; exports.useAuthedAssetSrc = useAuthedAssetSrc;

package/dist/{chunk-U767P4JU.cjs → chunk-STV6VJ3U.cjs}

@@ -30,7 +30,7 @@ var _chunk7AAW6L5Ucjs = require('./chunk-7AAW6L5U.cjs');
 var _chunk7WT2C5YYcjs = require('./chunk-7WT2C5YY.cjs');
 
 
-var _chunkIGVAPIEWcjs = require('./chunk-IGVAPIEW.cjs');
+var _chunk6C4OR4MZcjs = require('./chunk-6C4OR4MZ.cjs');
 
 
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
@@ -39,7 +39,7 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkW7OFAROYcjs = require('./chunk-W7OFAROY.cjs');
+var _chunkYSXVRTGTcjs = require('./chunk-YSXVRTGT.cjs');
 
 
 
@@ -47,17 +47,17 @@ var _chunkW7OFAROYcjs = require('./chunk-W7OFAROY.cjs');
 
 
 
-var _chunkSSKMGH5Ocjs = require('./chunk-SSKMGH5O.cjs');
+var _chunkDXVGGWLGcjs = require('./chunk-DXVGGWLG.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 
 
 
-var _chunkKKFDRCQFcjs = require('./chunk-KKFDRCQF.cjs');
+var _chunkRY7INTYUcjs = require('./chunk-RY7INTYU.cjs');
 
 
-var _chunkGG466XFQcjs = require('./chunk-GG466XFQ.cjs');
+var _chunk6DMH4GXNcjs = require('./chunk-6DMH4GXN.cjs');
 
 
 var _chunkVCFQHPOOcjs = require('./chunk-VCFQHPOO.cjs');
@@ -94,12 +94,12 @@ function formatTicketRelativeTime(iso) {
   if (diffMin < 60) return `${diffMin} min ago`;
   const diffHours = Math.floor(diffMin / 60);
   if (diffHours < 24) return diffHours === 1 ? "1 hour ago" : `${diffHours} hours ago`;
-  return _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, date, _chunkW7OFAROYcjs.VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
+  return _chunkYSXVRTGTcjs.formatDateWithTimezone.call(void 0, date, _chunkYSXVRTGTcjs.VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
 }
 function formatTicketFullTimestamp(iso) {
-  return _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, 
+  return _chunkYSXVRTGTcjs.formatDateWithTimezone.call(void 0, 
     iso,
-    _chunkW7OFAROYcjs.VIEWER_TIMEZONE,
+    _chunkYSXVRTGTcjs.VIEWER_TIMEZONE,
     { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "2-digit" },
     { viewerLocale: true }
   );
@@ -128,7 +128,7 @@ function formatRelativeTimeFrom(timestamp, now) {
     const weeks = Math.floor(diffInDays / 7);
     return `${weeks}w ago`;
   }
-  return _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, targetTime, null, {
+  return _chunkYSXVRTGTcjs.formatDateWithTimezone.call(void 0, targetTime, null, {
     month: "short",
     day: "numeric",
     year: targetTime.getUTCFullYear() !== now.getUTCFullYear() ? "numeric" : void 0
@@ -140,7 +140,7 @@ function formatAbsoluteDate(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatAbsoluteDate:", timestamp);
     return "Invalid date";
   }
-  return _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkYSXVRTGTcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     year: "numeric",
     month: "short",
     day: "numeric",
@@ -153,7 +153,7 @@ function formatDateTime(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatDateTime:", timestamp);
     return "Invalid date";
   }
-  return _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkYSXVRTGTcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     ...ZONED_DATE_FIELDS_MEDIUM_DATETIME,
     ...options
   });
@@ -312,13 +312,13 @@ function TicketStatusTag({
   const config = getTicketStatusConfig(status);
   const customStyle = color ? {
     "--tag-bg": color,
-    "--tag-bg-hover": _chunkSSKMGH5Ocjs.deriveHoverColor.call(void 0, color),
-    "--tag-bg-active": _chunkSSKMGH5Ocjs.deriveActiveColor.call(void 0, color),
-    color: _chunkSSKMGH5Ocjs.getReadableTextColor.call(void 0, color)
+    "--tag-bg-hover": _chunkDXVGGWLGcjs.deriveHoverColor.call(void 0, color),
+    "--tag-bg-active": _chunkDXVGGWLGcjs.deriveActiveColor.call(void 0, color),
+    color: _chunkDXVGGWLGcjs.getReadableTextColor.call(void 0, color)
   } : void 0;
   const customColorClasses = color ? "bg-[var(--tag-bg)] hover:bg-[var(--tag-bg-hover)] active:bg-[var(--tag-bg-active)]" : void 0;
   const tag = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkW7OFAROYcjs.Tag,
+    _chunkYSXVRTGTcjs.Tag,
     {
       loading,
       label: _nullishCoalesce(label, () => ( config.label)),
@@ -371,7 +371,7 @@ function TicketStatusTag({
                 className: _chunk63A4GZMBcjs.cn.call(void 0, 
                   // The tag's variant styling, split into a label section and a separated chevron section (the common
                   // dropdown-button seam). Custom color: bg/hover/active from the CSS vars set above.
-                  _chunkW7OFAROYcjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
+                  _chunkYSXVRTGTcjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
                   "items-stretch justify-start gap-0 overflow-hidden p-0",
                   customColorClasses
                 ),
@@ -1019,7 +1019,7 @@ function ToolCallRow({
   const hasExpandableBody = args.length > 0 || reviewRows || typeof result === "string" && result.length > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start border-b border-ods-border bg-ods-card last:border-b-0", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFCZAUK4Dcjs.Button, { variant: "row", type: "button", onClick: onToggle, "aria-expanded": expanded, className: "rounded-none", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIGVAPIEWcjs.ToolIcon, { toolType, size: 16 }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6C4OR4MZcjs.ToolIcon, { toolType, size: 16 }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
@@ -1269,13 +1269,13 @@ ApprovalBatchMessage.displayName = "ApprovalBatchMessage";
 // src/components/agent-mark.tsx
 
 
-function AgentMark({ agent, className = "", color = _chunkSSKMGH5Ocjs.AGENT_GLYPH_COLOR }) {
-  const identity = _chunkSSKMGH5Ocjs.useAgentIdentityIcon.call(void 0, agent);
+function AgentMark({ agent, className = "", color = _chunkDXVGGWLGcjs.AGENT_GLYPH_COLOR }) {
+  const identity = _chunkDXVGGWLGcjs.useAgentIdentityIcon.call(void 0, agent);
   if (_optionalChain([identity, 'optionalAccess', _16 => _16.url])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk63A4GZMBcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGG466XFQcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: _chunkKKFDRCQFcjs.fixedImageSlot.call(void 0, "mark"), className: _chunkSSKMGH5Ocjs.AGENT_PICTURE_CLASS }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk63A4GZMBcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6DMH4GXNcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: _chunkRY7INTYUcjs.fixedImageSlot.call(void 0, "mark"), className: _chunkDXVGGWLGcjs.AGENT_PICTURE_CLASS }) });
   }
   if (_optionalChain([identity, 'optionalAccess', _17 => _17.name])) {
-    return _react.createElement.call(void 0, _chunkKKFDRCQFcjs.resolveIcon.call(void 0, identity.name), {
+    return _react.createElement.call(void 0, _chunkRY7INTYUcjs.resolveIcon.call(void 0, identity.name), {
       className,
       "aria-hidden": true,
       color,

package/dist/chunk-T54I5ZZY.cjs

@@ -0,0 +1,62 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+var _chunkGK577ZLJcjs = require('./chunk-GK577ZLJ.cjs');
+
+// src/hooks/ui/use-content-breakpoint.ts
+var _react = require('react');
+var CONTENT_BREAKPOINTS = {
+  md: _chunkGK577ZLJcjs.LAYOUT_STEPS.md.content,
+  lg: _chunkGK577ZLJcjs.LAYOUT_STEPS.lg.content,
+  xl: _chunkGK577ZLJcjs.LAYOUT_STEPS.xl.content
+};
+function contentStepFor(width) {
+  return [CONTENT_BREAKPOINTS.md, CONTENT_BREAKPOINTS.lg, CONTENT_BREAKPOINTS.xl].filter((step) => width >= step).length;
+}
+var ContentAreaWidthContext = _react.createContext.call(void 0, null);
+function ViewportBreakpoints({ children }) {
+  return _react.createElement.call(void 0, ContentAreaWidthContext.Provider, { value: null }, children);
+}
+function contentBreakpointFor(width) {
+  if (width >= CONTENT_BREAKPOINTS.lg) return "desktop";
+  if (width >= CONTENT_BREAKPOINTS.md) return "tablet";
+  return "mobile";
+}
+function useContentBreakpoint() {
+  const width = _react.useContext.call(void 0, ContentAreaWidthContext);
+  const mdUp = _chunkGK577ZLJcjs.useMdUp.call(void 0, );
+  const lgUp = _chunkGK577ZLJcjs.useLgUp.call(void 0, );
+  if (width !== null) return contentBreakpointFor(width);
+  if (mdUp === void 0) return void 0;
+  if (lgUp) return "desktop";
+  return mdUp ? "tablet" : "mobile";
+}
+function useContentMdUp() {
+  const breakpoint = useContentBreakpoint();
+  return breakpoint === void 0 ? void 0 : breakpoint !== "mobile";
+}
+function useContentLgUp() {
+  const breakpoint = useContentBreakpoint();
+  return breakpoint === void 0 ? void 0 : breakpoint === "desktop";
+}
+function useContentXlUp() {
+  const width = _react.useContext.call(void 0, ContentAreaWidthContext);
+  const viewportXlUp = _chunkGK577ZLJcjs.useMediaQuery.call(void 0, _chunkGK577ZLJcjs.breakpoints.xl);
+  return width === null ? viewportXlUp : width >= CONTENT_BREAKPOINTS.xl;
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.CONTENT_BREAKPOINTS = CONTENT_BREAKPOINTS; exports.contentStepFor = contentStepFor; exports.ContentAreaWidthContext = ContentAreaWidthContext; exports.ViewportBreakpoints = ViewportBreakpoints; exports.contentBreakpointFor = contentBreakpointFor; exports.useContentBreakpoint = useContentBreakpoint; exports.useContentMdUp = useContentMdUp; exports.useContentLgUp = useContentLgUp; exports.useContentXlUp = useContentXlUp;

package/dist/{chunk-UV45EPXN.cjs → chunk-TW5Y4D5I.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkNMWLXHFHcjs = require('./chunk-NMWLXHFH.cjs');
+var _chunk3GJ75OULcjs = require('./chunk-3GJ75OUL.cjs');
 
 
 
-var _chunkW7OFAROYcjs = require('./chunk-W7OFAROY.cjs');
+var _chunkYSXVRTGTcjs = require('./chunk-YSXVRTGT.cjs');
 
 
-var _chunkGG466XFQcjs = require('./chunk-GG466XFQ.cjs');
+var _chunk6DMH4GXNcjs = require('./chunk-6DMH4GXN.cjs');
 
 
 
@@ -38,7 +38,7 @@ var NAME_CLASS = "text-ods-text-primary text-h5";
 var JOB_TITLE_CLASS = "mt-0.5 font-body text-ods-text-secondary";
 var BIO_CLASS = "mt-2 font-body leading-relaxed text-ods-text-secondary";
 function formatDate(value) {
-  return _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, value, null, "long");
+  return _chunkYSXVRTGTcjs.formatDateWithTimezone.call(void 0, value, null, "long");
 }
 function ArticleAuthorByline({
   author,
@@ -52,18 +52,18 @@ function ArticleAuthorByline({
   proxyImageUrl,
   className
 }) {
-  const proxiedAvatar = _chunkNMWLXHFHcjs.useProxiedImageUrl.call(void 0, avatar, { proxyImageUrl });
+  const proxiedAvatar = _chunk3GJ75OULcjs.useProxiedImageUrl.call(void 0, avatar, { proxyImageUrl });
   const loading = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, );
   if (loading && !author) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArticleAuthorBylineSkeleton, { size, className });
   if (!author) return null;
   const avatarSizeClass = _chunkPMUCEUFQcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]];
   const avatarIconClass = size === "lg" ? "w-8 h-8" : "w-7 h-7";
   const avatarDim = _chunkPMUCEUFQcjs.AVATAR_SIZE_PX[BYLINE_AVATAR_SIZE[size]];
-  const formattedBio = _chunkW7OFAROYcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
+  const formattedBio = _chunkYSXVRTGTcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
   const dateLabel = publishedAt ? formatDate(publishedAt) : "";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: avatar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGG466XFQcjs.next_image_default,
+      _chunk6DMH4GXNcjs.next_image_default,
       {
         src: proxiedAvatar || avatar,
         alt: author,

package/dist/{chunk-FX35L4Y6.cjs → chunk-XCQ5I27Z.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkGI3MMBP3cjs = require('./chunk-GI3MMBP3.cjs');
+var _chunkSQ7YHWEPcjs = require('./chunk-SQ7YHWEP.cjs');
 
 // src/utils/common.ts
 var _clsx = require('clsx');
@@ -69,9 +69,9 @@ var _reactquery = require('@tanstack/react-query');
 
 // src/utils/embed-content-fetch.ts
 var contentFetch = (input, init) => {
-  if (!_chunkGI3MMBP3cjs.hasEmbedAuthAdapter.call(void 0, )) return fetch(input, init);
+  if (!_chunkSQ7YHWEPcjs.hasEmbedAuthAdapter.call(void 0, )) return fetch(input, init);
   const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
-  return _chunkGI3MMBP3cjs.embedAuthedFetch.call(void 0, url, init);
+  return _chunkSQ7YHWEPcjs.embedAuthedFetch.call(void 0, url, init);
 };
 
 // src/hooks/use-agent-identities.ts

package/dist/{chunk-AZEO7HBB.cjs → chunk-Y44EF4JW.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunk6GWRPW6Bcjs = require('./chunk-6GWRPW6B.cjs');
+var _chunk5NK3FUHYcjs = require('./chunk-5NK3FUHY.cjs');
 
 
 
@@ -118,7 +118,7 @@ function PersistentPaginationWrapper({
             },
             "aria-hidden": isPaginationDisabled,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk6GWRPW6Bcjs.UnifiedPagination,
+              _chunk5NK3FUHYcjs.UnifiedPagination,
               {
                 currentPage: displayCurrentPage,
                 totalPages: displayTotalPages,