@flamingo-stack/openframe-frontend-core 0.0.274 → 0.0.275

package/dist/{chunk-7NJUPRN6.cjs → chunk-XCPBD2PG.cjs}

@@ -4,18 +4,15 @@
 
 
 
-var _chunkDAAFVOTLcjs = require('./chunk-DAAFVOTL.cjs');
+var _chunkZSUNQJROcjs = require('./chunk-ZSUNQJRO.cjs');
 
 
-var _chunkMEAR2WHScjs = require('./chunk-MEAR2WHS.cjs');
+var _chunkPC7YOZ4Icjs = require('./chunk-PC7YOZ4I.cjs');
 
 
 var _chunkXL4V2PYGcjs = require('./chunk-XL4V2PYG.cjs');
 
 
-var _chunk722TTRIJcjs = require('./chunk-722TTRIJ.cjs');
-
-
 
 
 
@@ -57,7 +54,7 @@ var _chunkC6ASEPZLcjs = require('./chunk-C6ASEPZL.cjs');
 var _chunkWZW7C7TFcjs = require('./chunk-WZW7C7TF.cjs');
 
 // src/components/ui/hidden-tags-popup.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React22 = _interopRequireWildcard(_react); var React12 = _interopRequireWildcard(_react);
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React22 = _interopRequireWildcard(_react); var React13 = _interopRequireWildcard(_react);
 _chunkFIG2RKZFcjs.init_cn.call(void 0, );
 var _jsxruntime = require('react/jsx-runtime');
 var HiddenTagsPopup = _react.forwardRef.call(void 0, function HiddenTagsPopup2({ items, onRemove, disabled, className, style }, ref) {
@@ -2328,6 +2325,27 @@ function YouTubeFacadeInner({
   ) });
 }
 
+// src/components/layout/page-heading.tsx
+
+var PAGE_HEADING_CLASS = "text-h1 text-ods-text-primary";
+var SECTION_HEADING_CLASS = "text-h2 text-ods-text-primary";
+var DESCRIPTION_CLASS = "mt-6 max-w-[640px] font-['DM_Sans'] text-[16px] md:text-[18px] leading-[24px] md:leading-[28px] text-ods-text-secondary";
+function PageHeading({
+  children,
+  as: Tag2 = "h1",
+  description,
+  className,
+  descriptionClassName
+}) {
+  const headingClass = className ? `${PAGE_HEADING_CLASS} ${className}` : PAGE_HEADING_CLASS;
+  const descClass = descriptionClassName ? `${DESCRIPTION_CLASS} ${descriptionClassName}` : DESCRIPTION_CLASS;
+  const hasDescription = description != null && description !== "" && typeof description !== "boolean";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag2, { className: headingClass, children }),
+    hasDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: descClass, children: description })
+  ] });
+}
+
 // src/components/features/video-ratio-tabs.tsx
 
 var TAB_TRIGGER_CLASS = "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 py-2 text-sm text-ods-text-secondary data-[state=active]:text-ods-text-primary";
@@ -2414,7 +2432,7 @@ var RATIO_TO_CSS_ASPECT = {
   landscape: "16 / 9"
 };
 function LazyBite({ ratio, children }) {
-  const { ref, isNear } = _chunkDAAFVOTLcjs.useNearViewport.call(void 0, "500px");
+  const { ref, isNear } = _chunkZSUNQJROcjs.useNearViewport.call(void 0, "500px");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, style: { aspectRatio: RATIO_TO_CSS_ASPECT[ratio] }, children: isNear ? children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full h-full bg-ods-card rounded-md" }) });
 }
 function VideoBitesDisplay({
@@ -2439,7 +2457,7 @@ function VideoBitesDisplay({
   const totalCount = grouped.portrait.length + grouped.square.length + grouped.landscape.length;
   if (totalCount === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
-    showTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunk722TTRIJcjs.SECTION_HEADING_CLASS} break-words`, children: title }),
+    showTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${SECTION_HEADING_CLASS} break-words`, children: title }),
     grouped.hasMultiple ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       RatioTabs,
       {
@@ -2566,7 +2584,7 @@ function EntityVideoSection({
       }
     )),
     videoSummary && MarkdownRenderer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunk722TTRIJcjs.SECTION_HEADING_CLASS} break-words`, children: "Summary" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${SECTION_HEADING_CLASS} break-words`, children: "Summary" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-h4 text-ods-text-primary break-words overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: videoSummary }) })
     ] }),
     videoBites && videoBites.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2627,7 +2645,7 @@ function useEntityCardLink({
   target,
   rel
 }) {
-  const runtime = _chunkMEAR2WHScjs.useChatRuntime.call(void 0, );
+  const runtime = _chunkPC7YOZ4Icjs.useChatRuntime.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (target !== void 0 || rel !== void 0) {
       const safeRel = _nullishCoalesce(rel, () => ( (target === "_blank" ? "noopener noreferrer" : void 0)));
@@ -2646,10 +2664,10 @@ function useEntityCardPlaceholder({
   siteName = "",
   aspect = "wide"
 }) {
-  const runtime = _chunkMEAR2WHScjs.useChatRuntime.call(void 0, );
+  const runtime = _chunkPC7YOZ4Icjs.useChatRuntime.call(void 0, );
   const builder = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _45 => _45.resolvePlaceholderUrl]), () => ( NO_OP_BUILDER));
   const enabled = placeholderUrl === void 0 && !!_optionalChain([runtime, 'optionalAccess', _46 => _46.resolvePlaceholderUrl]);
-  const derived = _chunkDAAFVOTLcjs.useOgPlaceholder.call(void 0, builder, title, siteName, enabled, aspect);
+  const derived = _chunkZSUNQJROcjs.useOgPlaceholder.call(void 0, builder, title, siteName, enabled, aspect);
   return placeholderUrl !== void 0 ? placeholderUrl : derived;
 }
 
@@ -3505,7 +3523,45 @@ function usePageActionsBottomPadding(variant) {
   return variant === "primary-buttons" || variant === "menu-primary" ? "pb-40 md:pb-0" : "";
 }
 
-// src/components/layout/page-container.tsx
+// src/components/ui/entity-image.tsx
+_chunkFIG2RKZFcjs.init_cn.call(void 0, );
+
+
+function EntityImage({ src, alt, fallbackText, className }) {
+  const [imageFailed, setImageFailed] = React.default.useState(false);
+  React.default.useEffect(() => {
+    setImageFailed(false);
+  }, [src]);
+  const showFallback = imageFailed || !src;
+  const initials = getFirstLastInitials(_nullishCoalesce(fallbackText, () => ( alt)));
+  if (showFallback) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        "aria-label": alt,
+        className: _chunkFIG2RKZFcjs.cn.call(void 0, 
+          "size-[52px] md:size-[60px] shrink-0 rounded-md border border-ods-border bg-ods-bg flex items-center justify-center text-ods-text-secondary text-h4 select-none",
+          className
+        ),
+        children: initials || "?"
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "img",
+    {
+      src: _nullishCoalesce(src, () => ( void 0)),
+      alt: _nullishCoalesce(alt, () => ( "")),
+      onError: () => setImageFailed(true),
+      className: _chunkFIG2RKZFcjs.cn.call(void 0, 
+        "size-[52px] md:size-[60px] shrink-0 rounded-md border border-ods-border object-contain",
+        className
+      )
+    }
+  );
+}
+
+// src/components/layout/title-block.tsx
 _chunkFIG2RKZFcjs.init_cn.call(void 0, );
 
 // src/components/layout/back-button.tsx
@@ -3533,131 +3589,40 @@ function BackButton({ label = "Back", className, type = "button", ...props }) {
   );
 }
 
-// src/components/layout/page-container.tsx
+// src/components/layout/title-block.tsx
 
-function isAdvancedProps(props) {
-  return "variant" in props || "title" in props || "subtitle" in props || "backButton" in props || "headerActions" in props || "headerContent" in props || "showHeader" in props || "contentClassName" in props || "actions" in props || "actionsVariant" in props;
-}
-function PageContainer(props) {
-  if (isAdvancedProps(props)) {
-    return renderAdvancedPageContainer(props);
-  } else {
-    return renderLegacyPageContainer(props);
-  }
-}
-function renderLegacyPageContainer({
-  children,
-  className = "",
-  fullWidthBackground = true,
-  backgroundClassName = "bg-ods-bg",
-  backgroundStyle,
-  contentPadding,
-  maxWidth = "max-w-[1920px]",
-  as: Component = "section",
-  id
-}) {
-  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkFIG2RKZFcjs.cn.call(void 0, maxWidth, contentPadding, "mx-auto", className), children });
-  if (fullWidthBackground) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      Component,
-      {
-        className: _chunkFIG2RKZFcjs.cn.call(void 0, "w-full", backgroundClassName),
-        style: backgroundStyle,
-        id,
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { className: "w-full", id, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkFIG2RKZFcjs.cn.call(void 0, maxWidth, contentPadding, "mx-auto", backgroundClassName, className), style: backgroundStyle, children }) });
-}
-function renderAdvancedPageContainer({
-  children,
-  variant = "content",
+function TitleBlock({
   title,
   subtitle,
+  image,
   backButton,
-  headerActions,
-  headerContent,
   actions,
-  actionsVariant,
+  actionsVariant = "icon-buttons",
   menuActions,
-  padding = "none",
-  background = "transparent",
-  className,
-  contentClassName,
-  showHeader = true
+  selector,
+  variant = "plain",
+  className
 }) {
-  const getActionsVariant = () => {
-    if (actionsVariant) return actionsVariant;
-    if (variant === "list") return "icon-buttons";
-    return "primary-buttons";
-  };
-  const renderActions = () => {
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageActions, { variant: getActionsVariant(), actions, menuActions });
-  };
-  const needsBottomPadding = actions && actions.length > 0 && getActionsVariant() === "primary-buttons";
-  const paddingClasses = {
-    none: "",
-    sm: "p-4",
-    md: "p-6",
-    lg: "p-8"
-  };
-  const backgroundClasses = {
-    default: "bg-ods-bg",
-    card: "bg-ods-card",
-    transparent: ""
-  };
-  const renderHeader = () => {
-    if (!showHeader) return null;
-    if (headerContent) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkFIG2RKZFcjs.cn.call(void 0, 
-        "flex items-end justify-between gap-4"
-      ), children: headerContent });
-    }
-    if (variant === "detail") {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between gap-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-          backButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            BackButton,
-            {
-              onClick: backButton.onClick,
-              label: backButton.label,
-              className: "hidden md:inline-flex"
-            }
-          ),
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-h2 tracking-[-0.64px] text-ods-text-primary", children: title }),
-          subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
-        ] }),
-        (headerActions || actions) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 items-center shrink-0", children: [
-          headerActions,
-          renderActions()
-        ] })
-      ] });
-    }
-    if (variant === "list") {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-center lg:justify-between gap-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-          backButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            BackButton,
-            {
-              onClick: backButton.onClick,
-              label: backButton.label,
-              className: "hidden md:inline-flex"
-            }
-          ),
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-h2 tracking-[-0.48px] text-ods-text-primary", children: title }),
-          subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
-        ] }),
-        (headerActions || actions) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3 items-center shrink-0", children: [
-          headerActions,
-          renderActions()
-        ] })
-      ] });
-    }
-    if (variant === "form") {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between gap-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+  const hasActions = actions && actions.length > 0;
+  const hasMenuActions = !!menuActions && menuActions.some((g) => g.items.length > 0);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkFIG2RKZFcjs.cn.call(void 0, 
+        "flex items-end justify-between gap-[var(--spacing-system-m)]",
+        "md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between",
+        "pt-[var(--spacing-system-l)]",
+        variant === "card" ? _chunkFIG2RKZFcjs.cn.call(void 0, 
+          "bg-ods-card border-b border-ods-border",
+          "px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]",
+          "md:bg-transparent md:border-b-0",
+          "md:px-0 md:pb-0",
+          "md:mb-[var(--spacing-system-l)]"
+        ) : "mb-[var(--spacing-system-l)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xs)] flex-1 min-w-0", children: [
           backButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             BackButton,
             {
@@ -3666,79 +3631,88 @@ function renderAdvancedPageContainer({
               className: "hidden md:inline-flex"
             }
           ),
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-[32px] font-['Azeret_Mono:SemiBold',_sans-serif] font-semibold text-ods-text-primary tracking-[-0.64px]", children: title })
+          image || subtitle ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-m)] min-w-0 w-full", children: [
+            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              EntityImage,
+              {
+                src: image.src,
+                alt: image.alt,
+                fallbackText: image.alt || title
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col justify-center min-w-0 flex-1", children: [
+              title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-h2 text-ods-text-primary truncate", title, children: title }),
+              subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle, children: subtitle })
+            ] })
+          ] }) : title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-h2 text-ods-text-primary", children: title })
         ] }),
-        (headerActions || actions) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 items-center shrink-0", children: [
-          headerActions,
-          renderActions()
-        ] })
-      ] });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-center lg:justify-between gap-4", children: [
-      (title || subtitle) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-        title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-h2 text-ods-text-primary", children: title }),
-        subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
-      ] }),
-      (headerActions || actions) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3 items-center shrink-0", children: [
-        headerActions,
-        renderActions()
-      ] })
-    ] });
-  };
-  const getContainerClasses = () => {
-    const baseClasses = [
-      "flex flex-col w-full",
-      backgroundClasses[background],
-      paddingClasses[padding]
-    ];
-    switch (variant) {
-      case "list":
-        return _chunkFIG2RKZFcjs.cn.call(void 0, baseClasses, "gap-4 md:gap-6", className);
-      case "detail":
-        return _chunkFIG2RKZFcjs.cn.call(void 0, baseClasses, "gap-4 md:gap-6", className);
-      case "form":
-        return _chunkFIG2RKZFcjs.cn.call(void 0, baseClasses, "gap-6 md:gap-10", className);
-      case "content":
-      default:
-        return _chunkFIG2RKZFcjs.cn.call(void 0, baseClasses, "gap-4 md:gap-6", className);
-    }
-  };
-  const getContentClasses = () => {
-    const mobilePadding = needsBottomPadding ? "pb-28 md:pb-0" : "";
-    switch (variant) {
-      case "detail":
-        return _chunkFIG2RKZFcjs.cn.call(void 0, "flex-1 overflow-auto", mobilePadding, contentClassName);
-      case "list":
-        return _chunkFIG2RKZFcjs.cn.call(void 0, "flex flex-col gap-4 md:gap-6", mobilePadding, contentClassName);
-      case "form":
-        return _chunkFIG2RKZFcjs.cn.call(void 0, "flex flex-col gap-4 md:gap-10", mobilePadding, contentClassName);
-      case "content":
-      default:
-        return _chunkFIG2RKZFcjs.cn.call(void 0, "flex-1", mobilePadding, contentClassName);
+        (hasActions || hasMenuActions || selector) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-2 items-center shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          PageActions,
+          {
+            variant: actionsVariant,
+            actions: _nullishCoalesce(actions, () => ( [])),
+            menuActions,
+            selector
+          }
+        ) })
+      ]
     }
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: getContainerClasses(), children: [
-    renderHeader(),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: getContentClasses(), children })
+  );
+}
+
+// src/components/layout/page-layout.tsx
+_chunkFIG2RKZFcjs.init_cn.call(void 0, );
+
+function PageLayout({
+  children,
+  title,
+  subtitle,
+  image,
+  backButton,
+  actions,
+  actionsVariant = "icon-buttons",
+  menuActions,
+  selector,
+  headerVariant,
+  className,
+  contentClassName,
+  showHeader = true
+}) {
+  const hasActions = actions && actions.length > 0;
+  const needsBottomPadding = hasActions && actionsVariant === "primary-buttons";
+  const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkFIG2RKZFcjs.cn.call(void 0, "flex flex-col w-full", className), children: [
+    hasHeader && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      TitleBlock,
+      {
+        title,
+        subtitle,
+        image,
+        backButton,
+        actions,
+        actionsVariant,
+        menuActions,
+        selector,
+        variant: headerVariant
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkFIG2RKZFcjs.cn.call(void 0, "flex flex-col flex-1 gap-[var(--spacing-system-l)]", needsBottomPadding && "pb-28 md:pb-0", contentClassName), children })
   ] });
 }
-var ListPageContainer = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageContainer, { ...props, variant: "list" });
-var DetailPageContainer = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageContainer, { ...props, variant: "detail" });
-var FormPageContainer = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageContainer, { ...props, variant: "form" });
-var ContentPageContainer = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageContainer, { ...props, variant: "content" });
 
 // src/components/layout/article-detail-layout.tsx
+_chunkFIG2RKZFcjs.init_cn.call(void 0, );
 
-function PageShell({ children, schemas }) {
+function PageShell({ children, schemas, contentClassName }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "main", { className: "bg-ods-bg min-h-screen", children: [
     schemas,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkFIG2RKZFcjs.cn.call(void 0, "page-shell-content max-w-[1920px] mx-auto", contentClassName), children })
   ] });
 }
-function ArticleDetailLayout({ children, schemas }) {
+function ArticleDetailLayout({ children, schemas, contentClassName }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "main", { className: "bg-ods-bg min-h-screen", children: [
     schemas,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-w-[1280px] mx-auto px-6 md:px-20 py-6 md:py-10", children })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkFIG2RKZFcjs.cn.call(void 0, "max-w-[1280px] mx-auto px-6 md:px-20 py-6 md:py-10", contentClassName), children })
   ] });
 }
 
@@ -3949,7 +3923,7 @@ var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_r
 function useVideoOriginPreconnect({
   supabaseStorageOrigin
 } = {}) {
-  const runtime = _chunkMEAR2WHScjs.useChatRuntime.call(void 0, );
+  const runtime = _chunkPC7YOZ4Icjs.useChatRuntime.call(void 0, );
   const resolvedOrigin = _nullishCoalesce(supabaseStorageOrigin, () => ( _optionalChain([runtime, 'optionalAccess', _56 => _56.endpoints, 'access', _57 => _57.supabaseStorageOrigin])));
   try {
     _reactdom2.default.preconnect(MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
@@ -3968,10 +3942,10 @@ function useVideoWarmup({
   supabaseStorageOrigin,
   nearMargin = "1000px"
 } = {}) {
-  const runtime = _chunkMEAR2WHScjs.useChatRuntime.call(void 0, );
+  const runtime = _chunkPC7YOZ4Icjs.useChatRuntime.call(void 0, );
   const resolvedOrigin = _nullishCoalesce(supabaseStorageOrigin, () => ( _optionalChain([runtime, 'optionalAccess', _58 => _58.endpoints, 'access', _59 => _59.supabaseStorageOrigin])));
   useVideoOriginPreconnect({ supabaseStorageOrigin: resolvedOrigin });
-  const { ref, isNear } = _chunkDAAFVOTLcjs.useNearViewport.call(void 0, nearMargin);
+  const { ref, isNear } = _chunkZSUNQJROcjs.useNearViewport.call(void 0, nearMargin);
   _react.useEffect.call(void 0, () => {
     if (!isNear || !videoUrl || !resolvedOrigin) return;
     const conn = navigator.connection;
@@ -4067,12 +4041,12 @@ function SearchInput({
   limitTags = "auto",
   getLimitTagsText = (more) => `+${more}`
 }) {
-  const [internalValue, setInternalValue] = React12.useState(defaultValue);
+  const [internalValue, setInternalValue] = React13.useState(defaultValue);
   const currentValue = onChange ? _nullishCoalesce(value, () => ( "")) : internalValue;
-  const debouncedValue = _chunkDAAFVOTLcjs.useDebounce.call(void 0, currentValue, debounceMs);
-  const [isOpen, setIsOpen] = React12.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React12.useState(-1);
-  const containerRef = React12.useRef(null);
+  const debouncedValue = _chunkZSUNQJROcjs.useDebounce.call(void 0, currentValue, debounceMs);
+  const [isOpen, setIsOpen] = React13.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React13.useState(-1);
+  const containerRef = React13.useRef(null);
   const currentPlaceholder = filterChips.length > 0 ? "Add filter..." : placeholder;
   const {
     visibleCount: rawVisibleCount,
@@ -4081,7 +4055,7 @@ function SearchInput({
     textMeasureRef,
     badgeRef,
     inputRef
-  } = _chunkDAAFVOTLcjs.useAutoLimitTags.call(void 0, {
+  } = _chunkZSUNQJROcjs.useAutoLimitTags.call(void 0, {
     count: filterChips.length,
     limitTags,
     // When chips exist, pass empty placeholder so the hook only reserves input minWidth,
@@ -4089,10 +4063,10 @@ function SearchInput({
     placeholder: filterChips.length > 0 ? "" : placeholder
   });
   const visibleCount = filterChips.length > 0 ? Math.max(1, rawVisibleCount) : rawVisibleCount;
-  const hiddenTagsRef = React12.useRef(null);
-  const hiddenTagsPopupRef = React12.useRef(null);
-  const [showHiddenTags, setShowHiddenTags] = React12.useState(false);
-  React12.useEffect(() => {
+  const hiddenTagsRef = React13.useRef(null);
+  const hiddenTagsPopupRef = React13.useRef(null);
+  const [showHiddenTags, setShowHiddenTags] = React13.useState(false);
+  React13.useEffect(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -4106,7 +4080,7 @@ function SearchInput({
   const hiddenCount = filterChips.length - visibleCount;
   const visibleChips = filterChips.slice(0, visibleCount);
   const hiddenChips = filterChips.slice(visibleCount);
-  const { flatResults, groups } = React12.useMemo(() => {
+  const { flatResults, groups } = React13.useMemo(() => {
     if (!groupBy) return { flatResults: results, groups: null };
     const grouped = /* @__PURE__ */ new Map();
     for (const r of results) {
@@ -4123,7 +4097,7 @@ function SearchInput({
   const meetsMinQuery = debouncedValue.length >= minQueryLength;
   const autoShow = meetsMinQuery;
   const dropdownVisible = _nullishCoalesce(showDropdownProp, () => ( (isOpen && autoShow)));
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     setHighlightedIndex(-1);
   }, [flatResults.length]);
   const handleChange = (e) => {
@@ -4575,5 +4549,6 @@ function FilterPillRow({
 
 
 
-exports.HiddenTagsPopup = HiddenTagsPopup; exports.tagVariants = tagVariants; exports.Tag = Tag; exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardHorizontal = CardHorizontal; exports.Tabs = Tabs; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent; exports.statusBadgeVariants = statusBadgeVariants; exports.StatusBadge = StatusBadge; exports.SimpleMarkdownRenderer = SimpleMarkdownRenderer; exports.formatDate = formatDate; exports.formatNumber = formatNumber; exports.formatPrice = formatPrice; exports.formatBytes = formatBytes; exports.formatBytesShort = formatBytesShort; exports.formatLargeNumber = formatLargeNumber; exports.formatAbbreviatedNumber = formatAbbreviatedNumber; exports.getFirstLastInitials = getFirstLastInitials; exports.nameInitials = nameInitials; exports.formatDurationMMSS = formatDurationMMSS; exports.formatDurationCompact = formatDurationCompact; exports.formatTimeWithTimezone = formatTimeWithTimezone; exports.formatDurationFromRange = formatDurationFromRange; exports.formatDateUTC = formatDateUTC; exports.formatEntryMonthUTC = formatEntryMonthUTC; exports.formatLegalDate = formatLegalDate; exports.formatCurrency = formatCurrency; exports.formatPercent = formatPercent; exports.formatWholeDollars = formatWholeDollars; exports.formatCompactMetric = formatCompactMetric; exports.getTrendColors = getTrendColors; exports.formatDateRange = formatDateRange; exports.formatDateTimeAt = formatDateTimeAt; exports.formatDurationFromMs = formatDurationFromMs; exports.formatDuration = formatDuration; exports.formatUnderscoreText = formatUnderscoreText; exports.stripHtml = stripHtml; exports.formatClassification = formatClassification; exports.formatPricingModel = formatPricingModel; exports.formatBioText = formatBioText; exports.SquareAvatar = SquareAvatar; exports.useControllableState = useControllableState; exports.ActionsMenu = ActionsMenu; exports.ActionsMenuDropdown = ActionsMenuDropdown; exports.getProxiedImageUrl = getProxiedImageUrl; exports.urlPathLooksLikeSvg = urlPathLooksLikeSvg; exports.shouldProxyImage = shouldProxyImage; exports.generateImageSizes = generateImageSizes; exports.isCrossOriginUrl = isCrossOriginUrl; exports.decideNewTab = decideNewTab; exports.computeIsNewTab = computeIsNewTab; exports.newTabAnchorAttrs = newTabAnchorAttrs; exports.buildAnchorProps = buildAnchorProps; exports.NEW_TAB_FEATURES = NEW_TAB_FEATURES; exports.isModifierClick = isModifierClick; exports.stripSameOriginToPath = stripSameOriginToPath; exports.resolveHrefForRuntime = resolveHrefForRuntime; exports.resolveExternalNavigation = resolveExternalNavigation; exports.EMPTY_AUTHOR_PLACEHOLDER = EMPTY_AUTHOR_PLACEHOLDER; exports.EntityMetadataValueCell = EntityMetadataValueCell; exports.EntityMetadataAuthorCell = EntityMetadataAuthorCell; exports.EntityAuthorCard = EntityAuthorCard; exports.BlogImagePlaceholder = BlogImagePlaceholder; exports.fetchPriorityProp = fetchPriorityProp; exports.extractYouTubeId = extractYouTubeId; exports.Video = Video; exports.RATIO_GRID_CLASS = RATIO_GRID_CLASS; exports.RATIO_DISPLAY_GRID_CLASS = RATIO_DISPLAY_GRID_CLASS; exports.RatioTabs = RatioTabs; exports.detectAspectRatio = detectAspectRatio; exports.ratioToCategory = ratioToCategory; exports.groupByAspectRatio = groupByAspectRatio; exports.VideoBitesDisplay = VideoBitesDisplay; exports.VideoBiteCard = VideoBiteCard; exports.EntityVideoSection = EntityVideoSection; exports.useEntityCardLink = useEntityCardLink; exports.useEntityCardPlaceholder = useEntityCardPlaceholder; exports.COMPACT_CARD_OUTER = COMPACT_CARD_OUTER; exports.COMPACT_CARD_OUTER_STATIC = COMPACT_CARD_OUTER_STATIC; exports.COMPACT_CARD_SKELETON_OUTER = COMPACT_CARD_SKELETON_OUTER; exports.COMPACT_CARD_IMAGE_SLOT = COMPACT_CARD_IMAGE_SLOT; exports.COMPACT_CARD_SKELETON_IMAGE_SLOT = COMPACT_CARD_SKELETON_IMAGE_SLOT; exports.COMPACT_CARD_ICON_SLOT = COMPACT_CARD_ICON_SLOT; exports.COMPACT_CARD_TEXT_COL = COMPACT_CARD_TEXT_COL; exports.COMPACT_CARD_TITLE_ROW = COMPACT_CARD_TITLE_ROW; exports.COMPACT_CARD_META_ROW_BOX = COMPACT_CARD_META_ROW_BOX; exports.COMPACT_CARD_TITLE = COMPACT_CARD_TITLE; exports.COMPACT_CARD_SUBTITLE = COMPACT_CARD_SUBTITLE; exports.COMPACT_CARD_SUMMARY = COMPACT_CARD_SUMMARY; exports.COMPACT_CARD_META_ROW = COMPACT_CARD_META_ROW; exports.COMPACT_CARD_ROW_FILLER = COMPACT_CARD_ROW_FILLER; exports.safeHref = safeHref; exports.OnboardingGuideCardSkeleton = OnboardingGuideCardSkeleton; exports.OnboardingGuideCard = OnboardingGuideCard; exports.SOURCE_ICON_NAMES = SOURCE_ICON_NAMES; exports.getSourceIconName = getSourceIconName; exports.SOURCE_LABELS_BY_TABLE = SOURCE_LABELS_BY_TABLE; exports.getSourceLabel = getSourceLabel; exports.DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID = DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID; exports.defaultTableIdForDocumentType = defaultTableIdForDocumentType; exports.ICON_REGISTRY = ICON_REGISTRY; exports.normalizeIconKey = normalizeIconKey; exports.getIconComponent = getIconComponent; exports.getDynamicIcon = getDynamicIcon; exports.sourceRowCtxFromRuntime = sourceRowCtxFromRuntime; exports.resolveSourceRowCTA = resolveSourceRowCTA; exports.resolveSourceIcon = resolveSourceIcon; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.BackButton = BackButton; exports.PageContainer = PageContainer; exports.ListPageContainer = ListPageContainer; exports.DetailPageContainer = DetailPageContainer; exports.FormPageContainer = FormPageContainer; exports.ContentPageContainer = ContentPageContainer; exports.PageShell = PageShell; exports.ArticleDetailLayout = ArticleDetailLayout; exports.DEFAULT_CONTENT_SUFFIXES = DEFAULT_CONTENT_SUFFIXES; exports.makeComposeContentUrl = makeComposeContentUrl; exports.buildDefaultHref = buildDefaultHref; exports.resolveContentHref = resolveContentHref; exports.ErrorState = ErrorState; exports.PageError = PageError; exports.LoadError = LoadError; exports.NotFoundError = NotFoundError; exports.TAG_BADGE_CLASS = TAG_BADGE_CLASS; exports.EntityTagBadges = EntityTagBadges; exports.MUX_STREAM_ORIGIN = MUX_STREAM_ORIGIN; exports.MUX_IMAGE_ORIGIN = MUX_IMAGE_ORIGIN; exports.useVideoOriginPreconnect = useVideoOriginPreconnect; exports.useVideoWarmup = useVideoWarmup; exports.getCaptionsUrl = getCaptionsUrl; exports.SearchInput = SearchInput; exports.FilterPillRow = FilterPillRow;
-//# sourceMappingURL=chunk-7NJUPRN6.cjs.map
+
+exports.HiddenTagsPopup = HiddenTagsPopup; exports.tagVariants = tagVariants; exports.Tag = Tag; exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardHorizontal = CardHorizontal; exports.Tabs = Tabs; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent; exports.statusBadgeVariants = statusBadgeVariants; exports.StatusBadge = StatusBadge; exports.SimpleMarkdownRenderer = SimpleMarkdownRenderer; exports.formatDate = formatDate; exports.formatNumber = formatNumber; exports.formatPrice = formatPrice; exports.formatBytes = formatBytes; exports.formatBytesShort = formatBytesShort; exports.formatLargeNumber = formatLargeNumber; exports.formatAbbreviatedNumber = formatAbbreviatedNumber; exports.getFirstLastInitials = getFirstLastInitials; exports.nameInitials = nameInitials; exports.formatDurationMMSS = formatDurationMMSS; exports.formatDurationCompact = formatDurationCompact; exports.formatTimeWithTimezone = formatTimeWithTimezone; exports.formatDurationFromRange = formatDurationFromRange; exports.formatDateUTC = formatDateUTC; exports.formatEntryMonthUTC = formatEntryMonthUTC; exports.formatLegalDate = formatLegalDate; exports.formatCurrency = formatCurrency; exports.formatPercent = formatPercent; exports.formatWholeDollars = formatWholeDollars; exports.formatCompactMetric = formatCompactMetric; exports.getTrendColors = getTrendColors; exports.formatDateRange = formatDateRange; exports.formatDateTimeAt = formatDateTimeAt; exports.formatDurationFromMs = formatDurationFromMs; exports.formatDuration = formatDuration; exports.formatUnderscoreText = formatUnderscoreText; exports.stripHtml = stripHtml; exports.formatClassification = formatClassification; exports.formatPricingModel = formatPricingModel; exports.formatBioText = formatBioText; exports.SquareAvatar = SquareAvatar; exports.useControllableState = useControllableState; exports.ActionsMenu = ActionsMenu; exports.ActionsMenuDropdown = ActionsMenuDropdown; exports.getProxiedImageUrl = getProxiedImageUrl; exports.urlPathLooksLikeSvg = urlPathLooksLikeSvg; exports.shouldProxyImage = shouldProxyImage; exports.generateImageSizes = generateImageSizes; exports.isCrossOriginUrl = isCrossOriginUrl; exports.decideNewTab = decideNewTab; exports.computeIsNewTab = computeIsNewTab; exports.newTabAnchorAttrs = newTabAnchorAttrs; exports.buildAnchorProps = buildAnchorProps; exports.NEW_TAB_FEATURES = NEW_TAB_FEATURES; exports.isModifierClick = isModifierClick; exports.stripSameOriginToPath = stripSameOriginToPath; exports.resolveHrefForRuntime = resolveHrefForRuntime; exports.resolveExternalNavigation = resolveExternalNavigation; exports.EMPTY_AUTHOR_PLACEHOLDER = EMPTY_AUTHOR_PLACEHOLDER; exports.EntityMetadataValueCell = EntityMetadataValueCell; exports.EntityMetadataAuthorCell = EntityMetadataAuthorCell; exports.EntityAuthorCard = EntityAuthorCard; exports.BlogImagePlaceholder = BlogImagePlaceholder; exports.fetchPriorityProp = fetchPriorityProp; exports.extractYouTubeId = extractYouTubeId; exports.Video = Video; exports.PAGE_HEADING_CLASS = PAGE_HEADING_CLASS; exports.SECTION_HEADING_CLASS = SECTION_HEADING_CLASS; exports.PageHeading = PageHeading; exports.RATIO_GRID_CLASS = RATIO_GRID_CLASS; exports.RATIO_DISPLAY_GRID_CLASS = RATIO_DISPLAY_GRID_CLASS; exports.RatioTabs = RatioTabs; exports.detectAspectRatio = detectAspectRatio; exports.ratioToCategory = ratioToCategory; exports.groupByAspectRatio = groupByAspectRatio; exports.VideoBitesDisplay = VideoBitesDisplay; exports.VideoBiteCard = VideoBiteCard; exports.EntityVideoSection = EntityVideoSection; exports.useEntityCardLink = useEntityCardLink; exports.useEntityCardPlaceholder = useEntityCardPlaceholder; exports.COMPACT_CARD_OUTER = COMPACT_CARD_OUTER; exports.COMPACT_CARD_OUTER_STATIC = COMPACT_CARD_OUTER_STATIC; exports.COMPACT_CARD_SKELETON_OUTER = COMPACT_CARD_SKELETON_OUTER; exports.COMPACT_CARD_IMAGE_SLOT = COMPACT_CARD_IMAGE_SLOT; exports.COMPACT_CARD_SKELETON_IMAGE_SLOT = COMPACT_CARD_SKELETON_IMAGE_SLOT; exports.COMPACT_CARD_ICON_SLOT = COMPACT_CARD_ICON_SLOT; exports.COMPACT_CARD_TEXT_COL = COMPACT_CARD_TEXT_COL; exports.COMPACT_CARD_TITLE_ROW = COMPACT_CARD_TITLE_ROW; exports.COMPACT_CARD_META_ROW_BOX = COMPACT_CARD_META_ROW_BOX; exports.COMPACT_CARD_TITLE = COMPACT_CARD_TITLE; exports.COMPACT_CARD_SUBTITLE = COMPACT_CARD_SUBTITLE; exports.COMPACT_CARD_SUMMARY = COMPACT_CARD_SUMMARY; exports.COMPACT_CARD_META_ROW = COMPACT_CARD_META_ROW; exports.COMPACT_CARD_ROW_FILLER = COMPACT_CARD_ROW_FILLER; exports.safeHref = safeHref; exports.OnboardingGuideCardSkeleton = OnboardingGuideCardSkeleton; exports.OnboardingGuideCard = OnboardingGuideCard; exports.SOURCE_ICON_NAMES = SOURCE_ICON_NAMES; exports.getSourceIconName = getSourceIconName; exports.SOURCE_LABELS_BY_TABLE = SOURCE_LABELS_BY_TABLE; exports.getSourceLabel = getSourceLabel; exports.DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID = DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID; exports.defaultTableIdForDocumentType = defaultTableIdForDocumentType; exports.ICON_REGISTRY = ICON_REGISTRY; exports.normalizeIconKey = normalizeIconKey; exports.getIconComponent = getIconComponent; exports.getDynamicIcon = getDynamicIcon; exports.sourceRowCtxFromRuntime = sourceRowCtxFromRuntime; exports.resolveSourceRowCTA = resolveSourceRowCTA; exports.resolveSourceIcon = resolveSourceIcon; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.BackButton = BackButton; exports.EntityImage = EntityImage; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.PageShell = PageShell; exports.ArticleDetailLayout = ArticleDetailLayout; exports.DEFAULT_CONTENT_SUFFIXES = DEFAULT_CONTENT_SUFFIXES; exports.makeComposeContentUrl = makeComposeContentUrl; exports.buildDefaultHref = buildDefaultHref; exports.resolveContentHref = resolveContentHref; exports.ErrorState = ErrorState; exports.PageError = PageError; exports.LoadError = LoadError; exports.NotFoundError = NotFoundError; exports.TAG_BADGE_CLASS = TAG_BADGE_CLASS; exports.EntityTagBadges = EntityTagBadges; exports.MUX_STREAM_ORIGIN = MUX_STREAM_ORIGIN; exports.MUX_IMAGE_ORIGIN = MUX_IMAGE_ORIGIN; exports.useVideoOriginPreconnect = useVideoOriginPreconnect; exports.useVideoWarmup = useVideoWarmup; exports.getCaptionsUrl = getCaptionsUrl; exports.SearchInput = SearchInput; exports.FilterPillRow = FilterPillRow;
+//# sourceMappingURL=chunk-XCPBD2PG.cjs.map