@flamingo-stack/openframe-frontend-core 0.0.748 → 0.0.750

package/dist/components/embeds/embed-iframe.d.ts

@@ -1,16 +1,16 @@
 import type React from 'react';
-/** Loading skeleton for iframe embeds — clean iframe-sized rectangle.
- *  Uses `bg-ods-card` (visible token) rather than `bg-ods-skeleton`
- *  which resolves to transparent in this build (the same gotcha
- *  documented in `chat-message-row.tsx`'s skeleton). No fake inner
- *  placeholder cruft — a real loading iframe shows a blank rectangle.
+/** Loading skeleton for iframe embeds: a clean iframe-sized `UnifiedSkeleton`
+ *  rectangle. No fake inner placeholder cruft: a real loading iframe shows a
+ *  blank rectangle.
  *
  *  Exported so a viewer that is still RESOLVING where its frame points
  *  (ClaudeEmbed probing for a self-hosted mirror, before it has a `src`)
  *  can render the IDENTICAL skeleton through `EmbedViewerFrame`, keeping
  *  every embed's loading state 1:1 with the Figma/Sheets/PDF viewers. */
-export declare function EmbedLoadingSkeleton({ height }: {
+export declare function EmbedLoadingSkeleton({ height, region, }: {
     height?: string;
+    /** The box announces itself (one named status). `false` inside another loading region. Default `true`. */
+    region?: boolean;
 }): React.JSX.Element;
 export interface EmbedIframeProps {
     /** The URL to embed */

package/dist/components/embeds/embed-iframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"embed-iframe.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/embed-iframe.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;yEASyE;AACzE,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,qBAOnE;AAED,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACjF,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,cAAc,EACd,OAAO,EACP,eAAe,EACf,OAAO,GACR,EAAE,gBAAgB,qBAiDlB"}
+{"version":3,"file":"embed-iframe.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/embed-iframe.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;yEAOyE;AACzE,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,MAAa,GACd,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0GAA0G;IAC1G,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,qBAQA;AAED,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACjF,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,cAAc,EACd,OAAO,EACP,eAAe,EACf,OAAO,GACR,EAAE,gBAAgB,qBAiDlB"}

package/dist/components/embeds/embed-iframe.js

@@ -1,12 +1,17 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useRef, useEffect } from "react";
-function EmbedLoadingSkeleton({ height }) {
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+function EmbedLoadingSkeleton({
+  height,
+  region = true
+}) {
   return /* @__PURE__ */ jsx(
-    "div",
+    UnifiedSkeleton,
     {
-      className: "w-full animate-pulse overflow-hidden rounded-lg border border-ods-border bg-ods-card",
-      style: { height: height || "calc(100vh - 250px)" }
+      className: "w-full overflow-hidden rounded-lg border border-ods-border",
+      height: height || "calc(100vh - 250px)",
+      "aria-label": region ? "Loading the embed" : void 0
     }
   );
 }

package/dist/components/embeds/index.cjs

@@ -4,7 +4,7 @@ require('../../chunk-7SEARXQW.cjs');
 
 
 
-var _chunk4AZHFLOMcjs = require('../../chunk-4AZHFLOM.cjs');
+var _chunk4O2KYY4Kcjs = require('../../chunk-4O2KYY4K.cjs');
 
 
 
@@ -25,10 +25,11 @@ var _chunk4AZHFLOMcjs = require('../../chunk-4AZHFLOM.cjs');
 
 
 
-var _chunk6XP6RNFDcjs = require('../../chunk-6XP6RNFD.cjs');
-require('../../chunk-HNLI4OU5.cjs');
+
+var _chunk6KEJQR6Lcjs = require('../../chunk-6KEJQR6L.cjs');
+require('../../chunk-C6LPOYDM.cjs');
 require('../../chunk-NTGIQP7O.cjs');
-require('../../chunk-U6XWGK53.cjs');
+require('../../chunk-ALPRQ3ZX.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 require('../../chunk-4FWURR3W.cjs');
@@ -36,14 +37,14 @@ require('../../chunk-LU7TD6QS.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-BBM2ICOY.cjs');
+require('../../chunk-3TELPOVH.cjs');
 require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-ZNUSYMH7.cjs');
-require('../../chunk-BBTSJYTR.cjs');
-require('../../chunk-PSIKUDUV.cjs');
+require('../../chunk-WZX26ODJ.cjs');
+require('../../chunk-V3UJ6NDR.cjs');
+require('../../chunk-LVO7FALW.cjs');
 require('../../chunk-3RFQPQ7Z.cjs');
 require('../../chunk-YRULLK7N.cjs');
-require('../../chunk-B27QEHYR.cjs');
+require('../../chunk-P6F6PHVK.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1840,8 +1841,8 @@ require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-YIRX6C7V.cjs');
-require('../../chunk-P7KTAXXE.cjs');
+require('../../chunk-XJ3J4UIS.cjs');
+require('../../chunk-OFO75R2O.cjs');
 require('../../chunk-QYLIHZKZ.cjs');
 require('../../chunk-63N4FN5V.cjs');
 require('../../chunk-L2IQESTQ.cjs');
@@ -1864,16 +1865,18 @@ require('../../chunk-HOTM4UM6.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
 require('../../chunk-HTRILBJD.cjs');
 require('../../chunk-K6VWTUCH.cjs');
-require('../../chunk-L2RMTGOK.cjs');
+require('../../chunk-MGF3FUKD.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
+require('../../chunk-UGCRLRCT.cjs');
 require('../../chunk-2QMBXGMQ.cjs');
 require('../../chunk-V45KLJQP.cjs');
 require('../../chunk-G7SBHMRR.cjs');
-require('../../chunk-AKTPO2DN.cjs');
+require('../../chunk-L4UI63K6.cjs');
 require('../../chunk-OF336YWG.cjs');
 require('../../chunk-3LU4UFPS.cjs');
-require('../../chunk-5M5C6UV4.cjs');
+require('../../chunk-RB6BSE3O.cjs');
+require('../../chunk-2YXOD2KL.cjs');
 require('../../chunk-3ATAYP36.cjs');
 
 
@@ -1898,4 +1901,5 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.ClaudeEmbed = _chunk6XP6RNFDcjs.ClaudeEmbed; exports.EMBED_SIZES = _chunk6XP6RNFDcjs.EMBED_SIZES; exports.EmbedContainer = _chunk6XP6RNFDcjs.EmbedContainer; exports.EmbedIframe = _chunk6XP6RNFDcjs.EmbedIframe; exports.EmbedViewerFrame = _chunk6XP6RNFDcjs.EmbedViewerFrame; exports.FigmaEmbed = _chunk6XP6RNFDcjs.FigmaEmbed; exports.FileDownloadCard = _chunk4AZHFLOMcjs.FileDownloadCard; exports.GoogleSheetsViewer = _chunk4AZHFLOMcjs.GoogleSheetsViewer; exports.LinkPreviewContainer = _chunk6XP6RNFDcjs.LinkPreviewContainer; exports.LinkedInContainer = _chunk6XP6RNFDcjs.LinkedInContainer; exports.LinkedInEmbedClient = _chunk6XP6RNFDcjs.LinkedInEmbedClient; exports.MarkdownImage = _chunk6XP6RNFDcjs.MarkdownImage; exports.OGLinkErrorBoundary = _chunk6XP6RNFDcjs.OGLinkErrorBoundary; exports.OGLinkPreview = _chunk6XP6RNFDcjs.OGLinkPreview; exports.PdfViewer = _chunk4AZHFLOMcjs.PdfViewer; exports.RedditContainer = _chunk6XP6RNFDcjs.RedditContainer; exports.RedditEmbedClient = _chunk6XP6RNFDcjs.RedditEmbedClient; exports.RichMarkdownRuntimeProvider = _chunk6XP6RNFDcjs.RichMarkdownRuntimeProvider; exports.TwitterContainer = _chunk6XP6RNFDcjs.TwitterContainer; exports.TwitterEmbedClient = _chunk6XP6RNFDcjs.TwitterEmbedClient; exports.YouTubeContainer = _chunk6XP6RNFDcjs.YouTubeContainer; exports.useRichMarkdownRuntime = _chunk6XP6RNFDcjs.useRichMarkdownRuntime;
+
+exports.ClaudeEmbed = _chunk6KEJQR6Lcjs.ClaudeEmbed; exports.EMBED_SIZES = _chunk6KEJQR6Lcjs.EMBED_SIZES; exports.EmbedContainer = _chunk6KEJQR6Lcjs.EmbedContainer; exports.EmbedIframe = _chunk6KEJQR6Lcjs.EmbedIframe; exports.EmbedViewerFrame = _chunk6KEJQR6Lcjs.EmbedViewerFrame; exports.FigmaEmbed = _chunk6KEJQR6Lcjs.FigmaEmbed; exports.FileDownloadCard = _chunk4O2KYY4Kcjs.FileDownloadCard; exports.GoogleSheetsViewer = _chunk4O2KYY4Kcjs.GoogleSheetsViewer; exports.LinkPreviewContainer = _chunk6KEJQR6Lcjs.LinkPreviewContainer; exports.LinkedInContainer = _chunk6KEJQR6Lcjs.LinkedInContainer; exports.LinkedInEmbedClient = _chunk6KEJQR6Lcjs.LinkedInEmbedClient; exports.MarkdownImage = _chunk6KEJQR6Lcjs.MarkdownImage; exports.OGLinkErrorBoundary = _chunk6KEJQR6Lcjs.OGLinkErrorBoundary; exports.OGLinkPreview = _chunk6KEJQR6Lcjs.OGLinkPreview; exports.OGLinkTileSkeleton = _chunk6KEJQR6Lcjs.OGLinkTileSkeleton; exports.PdfViewer = _chunk4O2KYY4Kcjs.PdfViewer; exports.RedditContainer = _chunk6KEJQR6Lcjs.RedditContainer; exports.RedditEmbedClient = _chunk6KEJQR6Lcjs.RedditEmbedClient; exports.RichMarkdownRuntimeProvider = _chunk6KEJQR6Lcjs.RichMarkdownRuntimeProvider; exports.TwitterContainer = _chunk6KEJQR6Lcjs.TwitterContainer; exports.TwitterEmbedClient = _chunk6KEJQR6Lcjs.TwitterEmbedClient; exports.YouTubeContainer = _chunk6KEJQR6Lcjs.YouTubeContainer; exports.useRichMarkdownRuntime = _chunk6KEJQR6Lcjs.useRichMarkdownRuntime;

package/dist/components/embeds/index.d.ts

@@ -10,8 +10,8 @@ export { FigmaEmbed } from './figma-embed';
 export type { FigmaEmbedProps } from './figma-embed';
 export { ClaudeEmbed } from './claude-embed';
 export type { ClaudeEmbedProps, ClaudeEmbedKind } from './claude-embed';
-export { OGLinkPreview, OGLinkErrorBoundary } from './og-link-preview';
-export type { OGLinkPreviewProps, OGData, BuildPlaceholderUrl } from './og-link-preview';
+export { OGLinkPreview, OGLinkErrorBoundary, OGLinkTileSkeleton } from './og-link-preview';
+export type { OGLinkPreviewProps, OGData } from './og-link-preview';
 export { FileDownloadCard } from './file-download-card';
 export type { FileDownloadCardProps } from './file-download-card';
 export { RedditEmbedClient } from './reddit-embed-client';

package/dist/components/embeds/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAEzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AASlE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,2BAA2B,EAAE,sBAAsB,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3F,YAAY,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AASlE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,2BAA2B,EAAE,sBAAsB,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/embeds/index.js

@@ -4,7 +4,7 @@ import { PdfViewer } from "./pdf-viewer.js";
 import { GoogleSheetsViewer } from "./google-sheets-viewer.js";
 import { FigmaEmbed } from "./figma-embed.js";
 import { ClaudeEmbed } from "./claude-embed.js";
-import { OGLinkPreview, OGLinkErrorBoundary } from "./og-link-preview.js";
+import { OGLinkPreview, OGLinkErrorBoundary, OGLinkTileSkeleton } from "./og-link-preview.js";
 import { FileDownloadCard } from "./file-download-card.js";
 import { RedditEmbedClient } from "./reddit-embed-client.js";
 import { TwitterEmbedClient } from "./twitter-embed-client.js";
@@ -35,6 +35,7 @@ export {
   MarkdownImage,
   OGLinkErrorBoundary,
   OGLinkPreview,
+  OGLinkTileSkeleton,
   PdfViewer,
   RedditContainer,
   RedditEmbedClient,

package/dist/components/embeds/linkedin-embed-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linkedin-embed-client.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/linkedin-embed-client.tsx"],"names":[],"mappings":"AA0BA,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,MAAY,EAAE,EAAE,kBAAkB,+BAoE5E"}
+{"version":3,"file":"linkedin-embed-client.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/linkedin-embed-client.tsx"],"names":[],"mappings":"AA2BA,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,MAAY,EAAE,EAAE,kBAAkB,+BAoE5E"}

package/dist/components/embeds/linkedin-embed-client.js

@@ -4,6 +4,7 @@ import { ExternalLink } from "lucide-react";
 import { useMemo, useState } from "react";
 import Link from "../../embed-shims/next-link.js";
 import { LinkedinIcon } from "../icons-v2-generated/brand-logos/linkedin-icon.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { LinkedInContainer } from "./embed-container.js";
 function toLinkedInEmbedUrl(url) {
   if (!url) return "";
@@ -42,17 +43,17 @@ function LinkedInEmbedClient({ url, height = 600 }) {
   }
   return /* @__PURE__ */ jsxs(LinkedInContainer, { children: [
     /* @__PURE__ */ jsxs("div", { className: "relative w-full", style: { height }, children: [
-      !loaded && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 animate-pulse p-6", children: [
+      !loaded && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 p-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center space-x-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "mb-2 h-4 w-32 rounded bg-ods-border" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-ods-border" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-4 w-32 rounded" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-24 rounded" })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-full rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded" })
         ] })
       ] }),
       /* @__PURE__ */ jsx(

package/dist/components/embeds/markdown-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-image.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/markdown-image.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,+BA2DxE"}
+{"version":3,"file":"markdown-image.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/markdown-image.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,+BA4DxE"}

package/dist/components/embeds/markdown-image.js

@@ -2,6 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import Image from "../../embed-shims/next-image.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { useRichMarkdownRuntime } from "./rich-markdown-runtime.js";
 const MAX_H_REM = 32;
 const DISPLAY_W = 768;
@@ -28,10 +29,11 @@ function MarkdownImage({ src, alt }) {
   }, [src, transformImageSrc]);
   if (!ratio) {
     return /* @__PURE__ */ jsx(
-      "span",
+      UnifiedSkeleton,
       {
-        className: "mx-auto my-2 block w-full max-w-full animate-pulse rounded-lg bg-ods-card",
-        style: { aspectRatio: "3 / 2", maxHeight: `${MAX_H_REM}rem` },
+        as: "span",
+        className: "mx-auto my-2 block aspect-[3/2] w-full max-w-full rounded-lg",
+        style: { maxHeight: `${MAX_H_REM}rem` },
         "aria-hidden": true
       }
     );

package/dist/components/embeds/og-link-preview.d.ts

@@ -42,16 +42,6 @@ export declare class OGLinkErrorBoundary extends Component<ErrorBoundaryProps, E
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
     render(): React.ReactNode;
 }
-/**
- * Builds a placeholder image URL when the scrape returns no image. Hub passes
- * its own `buildOgPlaceholderUrl` (which hits `/api/og-placeholder?…&platform=`;
- * the route resolves the platform's brand colors server-side); other embedders
- * can omit the prop to disable the placeholder entirely.
- *
- * Receives the post-scrape `title` and `siteName` so the placeholder can echo
- * the actual card content, not a generic graphic.
- */
-export type BuildPlaceholderUrl = (title: string, siteName: string) => string | null;
 export interface OGLinkPreviewProps {
     /** The external URL to preview. */
     url: string;
@@ -68,10 +58,6 @@ export interface OGLinkPreviewProps {
      *  `'/api/og-scraper'` matches the hub's route. Override if the
      *  embedder serves the same `OGData` shape from a different path. */
     ogEndpointPath?: string;
-    /** Optional placeholder-builder. Omit to disable the placeholder image
-     *  (the card then degrades to a favicon+title chip when no scraped image
-     *  is available). The hub injects its `buildOgPlaceholderUrl` here. */
-    buildPlaceholderUrl?: BuildPlaceholderUrl;
     /** CURATED title — our own copy for this link (e.g. a CMS-managed press
      *  row). Wins over the scrape; see the precedence rule on the component. */
     curatedTitle?: string;
@@ -87,12 +73,27 @@ export interface OGLinkPreviewProps {
     publicationLogo?: string;
     /** Card variant. `compact` = horizontal layout (~120px tall) suited for
      *  in-doc placements; `default` = larger vertical layout for press / hero
-     *  positions. */
-    variant?: 'default' | 'compact';
-    /** Disable the synthesized placeholder image even when `buildPlaceholderUrl`
-     *  is provided — used by the markdown renderer to keep doc cards lighter. */
+     *  positions; `tile` = a text-first press tile (favicon, outlet and `meta`,
+     *  `kicker`, headline, excerpt) drawn from the props alone, with NO image and
+     *  NO scrape, for uniform press walls where outlet imagery is unreliable. */
+    variant?: 'default' | 'compact' | 'tile';
+    /** The runtime's og-placeholder image (`useOgPlaceholderUrl`) when no image
+     *  resolves. Default true; the markdown renderer turns it off to keep doc
+     *  cards lighter. */
     enablePlaceholder?: boolean;
+    /** Extra footer-line content (a date, a topic tag) after the site name, on
+     *  the `default` and `tile` cards: the sanctioned way to add caller text. */
+    meta?: ReactNode;
+    /** A one-line label ABOVE the `tile` headline that says WHY the item is shown
+     *  (e.g. a news theme). */
+    kicker?: ReactNode;
 }
+/**
+ * The `tile` card while its list loads: the tile's exact geometry (the `p-3`
+ * card, the source row with a favicon dot, two headline lines, the excerpt
+ * line), owned here so the tile and its loading state cannot drift apart.
+ */
+export declare function OGLinkTileSkeleton(): React.JSX.Element;
 /**
  * Rich Open-Graph link preview card with skeleton, fallback, and image-edge
  * background detection.

package/dist/components/embeds/og-link-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"og-link-preview.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/og-link-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvE;;;;;;;GAOG;AACH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,mBAAoB,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC5E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,IAAI,kBAAkB;IAIrD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAI1D,MAAM;CAIP;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;AAErF,MAAM,WAAW,kBAAkB;IACjC,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ;;;;;;;kCAO8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;yEAEqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;2EAEuE;IACvE,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;gFAC4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;8BAE0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;qBAEiB;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;iFAC6E;IAC7E,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAkDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgZtD,CAAC"}
+{"version":3,"file":"og-link-preview.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/og-link-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvE;;;;;;;GAOG;AACH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,mBAAoB,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC5E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,IAAI,kBAAkB;IAIrD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAI1D,MAAM;CAIP;AAED,MAAM,WAAW,kBAAkB;IACjC,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ;;;;;;;kCAO8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;yEAEqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;gFAC4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;8BAE0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;iFAI6E;IAC7E,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzC;;yBAEqB;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;iFAC6E;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;+BAC2B;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAwDD;;;;GAIG;AACH,wBAAgB,kBAAkB,sBAajC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4ctD,CAAC"}