@flamingo-stack/openframe-frontend-core 0.0.355 → 0.0.357-snapshot.20260702003231

package/dist/{chunk-RE3KBUNB.js → chunk-TRAJG5JZ.js}

@@ -25,7 +25,7 @@ import {
   useOgPlaceholderUrl,
   useOnboardingState,
   useToast
-} from "./chunk-JGAAUUD7.js";
+} from "./chunk-UJ4ENR2O.js";
 import {
   AlertCircleIcon,
   AnthropicLogoGreyIcon,
@@ -2215,7 +2215,7 @@ function formatBioText(aboutHtml, fallback = "") {
 // src/components/ui/square-avatar.tsx
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var SquareAvatar = React2.memo(React2.forwardRef(
-  ({ className, src, alt, size = "md", fallback, variant = "square", initialsClassName, ...props }, ref) => {
+  ({ className, src, alt, size: size2 = "md", fallback, variant = "square", initialsClassName, ...props }, ref) => {
     const sizeClasses2 = {
       sm: "h-8 w-8",
       md: "h-10 w-10",
@@ -2237,7 +2237,7 @@ var SquareAvatar = React2.memo(React2.forwardRef(
       {
         className: cn(
           "relative flex items-center justify-center shrink-0 overflow-hidden border border-ods-border bg-ods-bg",
-          sizeClasses2[size],
+          sizeClasses2[size2],
           variantClasses[variant],
           className
         ),
@@ -2265,8 +2265,8 @@ var SquareAvatar = React2.memo(React2.forwardRef(
               className: "absolute -inset-px h-[calc(100%+2px)] w-[calc(100%+2px)] max-w-none object-cover",
               src,
               alt: alt || "",
-              width: sizePx[size],
-              height: sizePx[size],
+              width: sizePx[size2],
+              height: sizePx[size2],
               onError: (e) => {
                 e.currentTarget.style.display = "none";
                 const el = e.currentTarget.previousElementSibling;
@@ -3197,7 +3197,7 @@ init_cn();
 import * as React7 from "react";
 import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var ChatTypingIndicator = React7.forwardRef(
-  ({ className, size = "md", showText = false, dotClassName, ...props }, ref) => {
+  ({ className, size: size2 = "md", showText = false, dotClassName, ...props }, ref) => {
     const dotSizeClasses = {
       sm: "w-1 h-1",
       md: "w-1.5 h-1.5",
@@ -3231,13 +3231,13 @@ var ChatTypingIndicator = React7.forwardRef(
           showText && /* @__PURE__ */ jsx16("span", { className: "text-ods-text-secondary text-sm", children: "Assistant is typing" }),
           /* @__PURE__ */ jsxs14("div", { className: cn(
             "inline-flex items-center justify-center gap-1",
-            containerSizeClasses[size]
+            containerSizeClasses[size2]
           ), children: [
             /* @__PURE__ */ jsx16(
               "div",
               {
                 className: cn(
-                  dotSizeClasses[size],
+                  dotSizeClasses[size2],
                   "rounded-full",
                   dotClassName || "bg-ods-text-primary"
                 ),
@@ -3251,7 +3251,7 @@ var ChatTypingIndicator = React7.forwardRef(
               "div",
               {
                 className: cn(
-                  dotSizeClasses[size],
+                  dotSizeClasses[size2],
                   "rounded-full",
                   dotClassName || "bg-ods-text-primary"
                 ),
@@ -3265,7 +3265,7 @@ var ChatTypingIndicator = React7.forwardRef(
               "div",
               {
                 className: cn(
-                  dotSizeClasses[size],
+                  dotSizeClasses[size2],
                   "rounded-full",
                   dotClassName || "bg-ods-text-primary"
                 ),
@@ -3514,12 +3514,12 @@ var ICON_COLORS = {
   facebook: { color: "#1877F2" },
   youtube: { color: "#FF0000" }
 };
-function getDynamicIcon(iconName, size = "md", className) {
+function getDynamicIcon(iconName, size2 = "md", className) {
   if (!iconName) {
     console.warn("[getDynamicIcon] No iconName provided, using Globe fallback");
-    return createElement(Globe, { className: SIZE_CLASSES[size] });
+    return createElement(Globe, { className: SIZE_CLASSES[size2] });
   }
-  const sizeClass = SIZE_CLASSES[size];
+  const sizeClass = SIZE_CLASSES[size2];
   const finalClassName = className ? `${sizeClass} ${className}` : sizeClass;
   const canonicalKey = normalizeIconKey(iconName);
   const IconComponent = ICON_REGISTRY[canonicalKey];
@@ -3538,14 +3538,14 @@ function getDynamicIcon(iconName, size = "md", className) {
 import { Megaphone as Megaphone2, Bell as Bell2, Info as Info2, Star as Star2, Package as PackageGlyph } from "lucide-react";
 import { jsx as jsx18 } from "react/jsx-runtime";
 function sizedLogo(Logo) {
-  return function SizedLogo({ size = 16, className }) {
-    return /* @__PURE__ */ jsx18(Logo, { className, style: { width: size, height: size } });
+  return function SizedLogo({ size: size2 = 16, className }) {
+    return /* @__PURE__ */ jsx18(Logo, { className, style: { width: size2, height: size2 } });
   };
 }
 var OpenmspLogoIcon = sizedLogo(OpenmspLogo);
 var FlamingoLogoIcon = sizedLogo(FlamingoLogo);
 function LogoOpenframeIcon({
-  size = 16,
+  size: size2 = 16,
   className,
   color
 }) {
@@ -3556,7 +3556,7 @@ function LogoOpenframeIcon({
       className,
       lowerPathColor: tint,
       upperPathColor: tint,
-      style: { width: size, height: size }
+      style: { width: size2, height: size2 }
     }
   );
 }
@@ -6907,7 +6907,7 @@ import { jsx as jsx37 } from "react/jsx-runtime";
 var BRAND_MARK_NAMES = /* @__PURE__ */ new Set(["fae", "mingo"]);
 function EntityIcon({
   icon,
-  size = 20,
+  size: size2 = 20,
   className
 }) {
   if (icon?.url) {
@@ -6916,8 +6916,8 @@ function EntityIcon({
       {
         src: icon.url,
         alt: "",
-        width: size,
-        height: size,
+        width: size2,
+        height: size2,
         className,
         style: { objectFit: "contain" }
       }
@@ -6928,13 +6928,13 @@ function EntityIcon({
       "span",
       {
         className: `inline-flex${className ? ` ${className}` : ""}`,
-        style: className ? void 0 : { width: size, height: size },
+        style: className ? void 0 : { width: size2, height: size2 },
         children: /* @__PURE__ */ jsx37(AgentMark, { agent: icon.name, className: "w-full h-full" })
       }
     );
   }
   const Glyph = resolveIcon(icon?.name ?? void 0);
-  return /* @__PURE__ */ jsx37(Glyph, { size, className, ...icon?.props ?? {} });
+  return /* @__PURE__ */ jsx37(Glyph, { size: size2, className, ...icon?.props ?? {} });
 }
 
 // src/components/chat/guide-welcome.tsx
@@ -7143,7 +7143,9 @@ var TooltipContent = React16.forwardRef(({ className, sideOffset = 4, ...props }
       ref,
       sideOffset,
       className: cn(
-        "z-[1400] rounded-md bg-ods-card border border-ods-border px-3 py-2 text-sm text-ods-text-primary shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        // `max-h` uses Radix's available-height var so tall content scrolls inside
+        // the tooltip instead of overflowing off-screen (only engages on overflow).
+        "z-[1400] max-h-[var(--radix-popper-available-height)] overflow-y-auto rounded-md bg-ods-card border border-ods-border px-3 py-2 text-sm text-ods-text-primary shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       ),
       ...props
@@ -7683,10 +7685,10 @@ function ChatAttachmentAddButton({
   attachmentsCount,
   onAddFiles,
   disabled = false,
-  size = "default"
+  size: size2 = "default"
 }) {
   const fileInputRef = useRef12(null);
-  const compact = size === "compact";
+  const compact = size2 === "compact";
   const boxClass = compact ? "h-6 w-6" : "h-7 w-7";
   if (!attachmentsEnabled) {
     return /* @__PURE__ */ jsx48("span", { "aria-hidden": "true", className: cn("inline-block shrink-0", boxClass) });
@@ -7738,25 +7740,25 @@ function ChatAttachmentChipStrip({
   attachments,
   onRemove,
   disabled = false,
-  size = "default"
+  size: size2 = "default"
 }) {
   if (attachments.length === 0) return null;
-  const compact = size === "compact";
+  const compact = size2 === "compact";
   return /* @__PURE__ */ jsx48("div", { className: cn("flex-shrink-0", compact ? "px-3 pb-1.5" : "px-5 pb-2"), children: /* @__PURE__ */ jsx48("div", { className: cn("flex items-center flex-wrap", compact ? "gap-1.5" : "gap-2"), children: attachments.map((att) => /* @__PURE__ */ jsx48(
     AttachmentChip,
     {
       attachment: att,
       onRemove: () => onRemove(att.id),
       disabled,
-      size
+      size: size2
     },
     att.id
   )) }) });
 }
-function AttachmentChip({ attachment, onRemove, disabled, size = "default" }) {
+function AttachmentChip({ attachment, onRemove, disabled, size: size2 = "default" }) {
   const { file, status, progress, errorMessage } = attachment;
   const isImage = ANTHROPIC_SUPPORTED_IMAGE_MIME.includes(file.type);
-  const compact = size === "compact";
+  const compact = size2 === "compact";
   const blobUrl = useObjectUrl(isImage ? file : null);
   return /* @__PURE__ */ jsxs40(
     "div",
@@ -8821,12 +8823,12 @@ init_cn();
 
 // src/components/flamingo-logo.tsx
 import { jsx as jsx59 } from "react/jsx-runtime";
-function FlamingoLogo2({ className = "", color = "var(--ods-flamingo-pink-base)", size = 120, ...props }) {
+function FlamingoLogo2({ className = "", color = "var(--ods-flamingo-pink-base)", size: size2 = 120, ...props }) {
   return /* @__PURE__ */ jsx59(
     "svg",
     {
-      width: size,
-      height: size,
+      width: size2,
+      height: size2,
       viewBox: "0 0 121 120",
       xmlns: "http://www.w3.org/2000/svg",
       className,
@@ -8972,7 +8974,7 @@ var platformColors = {
 };
 var PlatformIcon = ({ platform, className }) => {
   const sizeMatch = className.match(/h-(\d+)/);
-  const size = sizeMatch ? parseInt(sizeMatch[1]) * 4 : 16;
+  const size2 = sizeMatch ? parseInt(sizeMatch[1]) * 4 : 16;
   switch (platform) {
     case "openmsp":
       return /* @__PURE__ */ jsx61(OpenmspLogo2, { className, frontBubbleColor: "currentColor", innerFrontBubbleColor: "#000000", backBubbleColor: "currentColor" });
@@ -8982,7 +8984,7 @@ var PlatformIcon = ({ platform, className }) => {
     case "openframe":
       return /* @__PURE__ */ jsx61(OpenFrameLogo, { className });
     case "tmcg":
-      return /* @__PURE__ */ jsx61(MiamiCyberGangLogoFaceOnly, { size, className });
+      return /* @__PURE__ */ jsx61(MiamiCyberGangLogoFaceOnly, { size: size2, className });
     case "company-hub":
     case "marketing-hub":
     case "product-hub":
@@ -8995,14 +8997,14 @@ var PlatformIcon = ({ platform, className }) => {
 };
 function PlatformBadge({
   platform,
-  size = "sm",
+  size: size2 = "sm",
   showLabel = true,
   className
 }) {
   if (!platform) {
     return null;
   }
-  const sizes = sizeClasses[size];
+  const sizes = sizeClasses[size2];
   const colors = platformColors[platform.name] || platformColors.universal;
   return /* @__PURE__ */ jsxs48(
     "div",
@@ -10038,7 +10040,7 @@ function ProductReleaseCard({
   onClick,
   anchorProps,
   className,
-  size = "lg",
+  size: size2 = "lg",
   coverImage,
   hasVideoCover,
   releaseType,
@@ -10048,7 +10050,7 @@ function ProductReleaseCard({
   author,
   changelogCounts
 }) {
-  if (size === "lg") {
+  if (size2 === "lg") {
     const totalChangelog = (changelogCounts?.features ?? 0) + (changelogCounts?.fixes ?? 0) + (changelogCounts?.improvements ?? 0) + (changelogCounts?.breaking ?? 0);
     const valueCells = [
       releaseType && releaseTypeBadgeColor ? {
@@ -10213,7 +10215,7 @@ function ProductReleaseCard({
       }
     );
   }
-  if (size === "sm") {
+  if (size2 === "sm") {
     const handleKey = (e) => {
       if (!onClick) return;
       if (e.key === "Enter" || e.key === " ") {
@@ -10277,14 +10279,14 @@ function ProductReleaseCard({
       }
     );
   }
-  throw new Error(`ProductReleaseCard: unsupported size '${size}'`);
+  throw new Error(`ProductReleaseCard: unsupported size '${size2}'`);
 }
 
 // src/components/shared/product-release/product-release-card-skeleton.tsx
 init_cn();
 import { jsx as jsx75, jsxs as jsxs58 } from "react/jsx-runtime";
-function ProductReleaseCardSkeleton({ className, size = "lg" }) {
-  if (size === "lg") {
+function ProductReleaseCardSkeleton({ className, size: size2 = "lg" }) {
+  if (size2 === "lg") {
     return /* @__PURE__ */ jsxs58(
       "div",
       {
@@ -10335,7 +10337,7 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
       }
     );
   }
-  if (size === "sm") {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs58(
       "span",
       {
@@ -10358,7 +10360,7 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
       }
     );
   }
-  throw new Error(`ProductReleaseCardSkeleton: unsupported size '${size}'`);
+  throw new Error(`ProductReleaseCardSkeleton: unsupported size '${size2}'`);
 }
 
 // src/utils/date-formatters.ts
@@ -10560,8 +10562,8 @@ function safeHref(url) {
 
 // src/components/chat/entity-cards/blog-card.tsx
 import { Fragment as Fragment19, jsx as jsx76, jsxs as jsxs59 } from "react/jsx-runtime";
-function BlogCardSkeleton({ size = "default" }) {
-  if (size === "sm") {
+function BlogCardSkeleton({ size: size2 = "default" }) {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs59("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
       /* @__PURE__ */ jsx76("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs59("span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -10592,7 +10594,7 @@ function BlogCard({
   rel: relProp,
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
-  size = "default",
+  size: size2 = "default",
   className,
   hasEmbeddedVideo = false,
   priority = false
@@ -10606,11 +10608,11 @@ function BlogCard({
   const placeholderUrl = useEntityCardPlaceholder({
     title: post.title,
     placeholderUrl: placeholderUrlProp,
-    aspect: size === "sm" ? "square" : "wide"
+    aspect: size2 === "sm" ? "square" : "wide"
   });
   const [imageError, setImageError] = useState22(false);
   const displayImage = post.featured_image && !imageError ? post.featured_image : placeholderUrl;
-  if (size === "sm") {
+  if (size2 === "sm") {
     const dateStr2 = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { year: "numeric", month: "short", day: "numeric", timeZone: "UTC" }) : "";
     const firstCategory = post.categories?.find((c) => c && c.name)?.name;
     return /* @__PURE__ */ jsxs59(
@@ -10764,8 +10766,8 @@ var hideOnError = (e) => {
   ;
   e.currentTarget.style.display = "none";
 };
-function CaseStudyCardSkeleton({ size = "default" }) {
-  if (size === "sm") {
+function CaseStudyCardSkeleton({ size: size2 = "default" }) {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs60("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
       /* @__PURE__ */ jsx77("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs60("span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -10797,7 +10799,7 @@ function CaseStudyCard({
   rel: relProp,
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
-  size = "default",
+  size: size2 = "default",
   className
 }) {
   const { target, rel } = useEntityCardLink({
@@ -10809,10 +10811,10 @@ function CaseStudyCard({
   const placeholderUrl = useEntityCardPlaceholder({
     title: study.title,
     placeholderUrl: placeholderUrlProp,
-    aspect: size === "sm" ? "square" : "wide"
+    aspect: size2 === "sm" ? "square" : "wide"
   });
   const coverImage = study.featured_image || placeholderUrl || null;
-  if (size === "sm") {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs60("a", { href, target, rel, className: cn(COMPACT_CARD_OUTER, className), children: [
       /* @__PURE__ */ jsx77("span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ jsx77(
         "img",
@@ -10891,8 +10893,8 @@ var hideOnError2 = (e) => {
   ;
   e.currentTarget.style.display = "none";
 };
-function CustomerInterviewCardSkeleton({ size = "default" }) {
-  if (size === "sm") {
+function CustomerInterviewCardSkeleton({ size: size2 = "default" }) {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs61("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
       /* @__PURE__ */ jsx78("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs61("span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -10929,7 +10931,7 @@ function CustomerInterviewCard({
   rel: relProp,
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
-  size = "default",
+  size: size2 = "default",
   className
 }) {
   const { target, rel } = useEntityCardLink({
@@ -10941,10 +10943,10 @@ function CustomerInterviewCard({
   const placeholderUrl = useEntityCardPlaceholder({
     title: interview.title,
     placeholderUrl: placeholderUrlProp,
-    aspect: size === "sm" ? "square" : "wide"
+    aspect: size2 === "sm" ? "square" : "wide"
   });
   const thumbnailUrl = interview.featured_image || placeholderUrl || null;
-  if (size === "sm") {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs61("a", { href, target, rel, className: cn(COMPACT_CARD_OUTER, className), children: [
       /* @__PURE__ */ jsxs61("span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
         thumbnailUrl ? /* @__PURE__ */ jsx78(
@@ -11032,8 +11034,8 @@ function formatInvestorUpdatePeriod(start, end, options) {
 
 // src/components/chat/entity-cards/investor-update-card.tsx
 import { jsx as jsx79, jsxs as jsxs62 } from "react/jsx-runtime";
-function InvestorUpdateCardSkeleton({ size = "default" }) {
-  if (size === "sm") {
+function InvestorUpdateCardSkeleton({ size: size2 = "default" }) {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs62("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
       /* @__PURE__ */ jsx79("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs62("span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -11063,7 +11065,7 @@ function InvestorUpdateCard({
   rel: relProp,
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
-  size = "default",
+  size: size2 = "default",
   className
 }) {
   const { target, rel } = useEntityCardLink({
@@ -11075,10 +11077,10 @@ function InvestorUpdateCard({
   const placeholderUrl = useEntityCardPlaceholder({
     title: update.title ?? `Update #${update.update_number ?? ""}`,
     placeholderUrl: placeholderUrlProp,
-    aspect: size === "sm" ? "square" : "wide"
+    aspect: size2 === "sm" ? "square" : "wide"
   });
   const coverImage = update.featured_image || placeholderUrl || null;
-  if (size === "sm") {
+  if (size2 === "sm") {
     const periodText = formatInvestorUpdatePeriod(update.period_start, update.period_end);
     return /* @__PURE__ */ jsxs62("a", { href, target, rel, className: `${COMPACT_CARD_OUTER} ${className ?? ""}`, children: [
       /* @__PURE__ */ jsx79("span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ jsx79(
@@ -11141,8 +11143,8 @@ var HORIZONTAL_SIZE_TOKENS = {
     summaryClamp: "line-clamp-2"
   }
 };
-function OnboardingGuideCardSkeleton({ size = "default" }) {
-  if (size === "catalog") {
+function OnboardingGuideCardSkeleton({ size: size2 = "default" }) {
+  if (size2 === "catalog") {
     return /* @__PURE__ */ jsxs63("div", { className: "bg-ods-system-greys-black border border-ods-border rounded-lg overflow-hidden flex flex-col p-6 gap-4 animate-pulse", children: [
       /* @__PURE__ */ jsxs63("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
         /* @__PURE__ */ jsx80("div", { className: "w-full md:w-[256px] aspect-[1200/630] bg-ods-border rounded-lg flex-shrink-0" }),
@@ -11179,7 +11181,7 @@ function OnboardingGuideCardSkeleton({ size = "default" }) {
       ] })
     ] });
   }
-  if (size === "sm") {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs63("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
       /* @__PURE__ */ jsx80("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs63("span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -11213,7 +11215,7 @@ function OnboardingGuideCard({
   rel: relProp,
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
-  size = "default",
+  size: size2 = "default",
   className
 }) {
   const { target, rel } = useEntityCardLink({
@@ -11225,9 +11227,9 @@ function OnboardingGuideCard({
   const placeholderUrl = useEntityCardPlaceholder({
     title: guide.title,
     placeholderUrl: placeholderUrlProp,
-    aspect: size === "sm" ? "square" : "wide"
+    aspect: size2 === "sm" ? "square" : "wide"
   });
-  if (size === "catalog") {
+  if (size2 === "catalog") {
     const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
     const hasVideoCover = !!(guide.main_video_thumbnail || guide.highlight_video_thumbnail);
     const stepLabel = typeof guide.step_order === "number" ? String(guide.step_order).padStart(2, "0") : "\u2014";
@@ -11299,7 +11301,7 @@ function OnboardingGuideCard({
       }
     );
   }
-  if (size === "sm") {
+  if (size2 === "sm") {
     const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
     const compactCover = coverImage || placeholderUrl || null;
     const hasVideoCover = !guide.featured_image && !!guide.main_video_thumbnail;
@@ -15682,7 +15684,7 @@ function useResizableSize({
       return clampToViewport(defaultSize);
     }
   }, [enabled, storageKey, defaultSize, clampToViewport]);
-  const [size, setSizeRaw] = React58.useState(readInitial);
+  const [size2, setSizeRaw] = React58.useState(readInitial);
   const setSize = React58.useCallback(
     (next) => setSizeRaw(clampToViewport(next)),
     [clampToViewport]
@@ -15690,21 +15692,21 @@ function useResizableSize({
   React58.useEffect(() => {
     if (!enabled || !storageKey || typeof window === "undefined") return;
     try {
-      window.localStorage.setItem(storageKey, String(Math.round(size)));
+      window.localStorage.setItem(storageKey, String(Math.round(size2)));
     } catch {
     }
-  }, [enabled, size, storageKey]);
+  }, [enabled, size2, storageKey]);
   React58.useEffect(() => {
     if (!enabled || typeof window === "undefined") return;
     const onResize = () => setSizeRaw((prev) => clampToViewport(prev));
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, [enabled, clampToViewport]);
-  return { size, setSize };
+  return { size: size2, setSize };
 }
 function DrawerResizeHandle({
   side,
-  size,
+  size: size2,
   minSize,
   maxSize,
   onSize,
@@ -15718,7 +15720,7 @@ function DrawerResizeHandle({
   const handlePointerDown = (e) => {
     if (e.button !== 0 && e.pointerType === "mouse") return;
     e.preventDefault();
-    startRef.current = { x: e.clientX, y: e.clientY, size };
+    startRef.current = { x: e.clientX, y: e.clientY, size: size2 };
     e.currentTarget.setPointerCapture(e.pointerId);
     document.body.style.cursor = isHorizontal ? "col-resize" : "row-resize";
     document.body.style.userSelect = "none";
@@ -15744,18 +15746,18 @@ function DrawerResizeHandle({
     if (isHorizontal) {
       if (e.key === "ArrowLeft") {
         e.preventDefault();
-        onSize(size + step * (side === "right" ? 1 : -1));
+        onSize(size2 + step * (side === "right" ? 1 : -1));
       } else if (e.key === "ArrowRight") {
         e.preventDefault();
-        onSize(size + step * (side === "right" ? -1 : 1));
+        onSize(size2 + step * (side === "right" ? -1 : 1));
       }
     } else {
       if (e.key === "ArrowUp") {
         e.preventDefault();
-        onSize(size + step * (side === "bottom" ? 1 : -1));
+        onSize(size2 + step * (side === "bottom" ? 1 : -1));
       } else if (e.key === "ArrowDown") {
         e.preventDefault();
-        onSize(size + step * (side === "bottom" ? -1 : 1));
+        onSize(size2 + step * (side === "bottom" ? -1 : 1));
       }
     }
     if (e.key === "Home") {
@@ -15775,7 +15777,7 @@ function DrawerResizeHandle({
       role: "separator",
       tabIndex: 0,
       "aria-orientation": isHorizontal ? "vertical" : "horizontal",
-      "aria-valuenow": Math.round(size),
+      "aria-valuenow": Math.round(size2),
       "aria-valuemin": minSize,
       "aria-valuemax": maxSize,
       "aria-label": ariaLabel ?? (isHorizontal ? "Resize panel width" : "Resize panel height"),
@@ -15836,7 +15838,7 @@ var DrawerContent = React58.forwardRef(
       mq.addEventListener("change", update);
       return () => mq.removeEventListener("change", update);
     }, [mobileBreakpoint]);
-    const { size, setSize } = useResizableSize({
+    const { size: size2, setSize } = useResizableSize({
       enabled: resizable,
       isHorizontal,
       minSize,
@@ -15845,7 +15847,7 @@ var DrawerContent = React58.forwardRef(
       storageKey
     });
     const applyInlineSize = resizable && !isMobile;
-    const sizeStyle = applyInlineSize ? isHorizontal ? { width: size } : { height: size } : {};
+    const sizeStyle = applyInlineSize ? isHorizontal ? { width: size2 } : { height: size2 } : {};
     return /* @__PURE__ */ jsxs91(DrawerPortal, { children: [
       /* @__PURE__ */ jsx115(DrawerOverlay, { className: overlayClassName }),
       /* @__PURE__ */ jsxs91(
@@ -15860,7 +15862,7 @@ var DrawerContent = React58.forwardRef(
               DrawerResizeHandle,
               {
                 side: resolvedSide,
-                size,
+                size: size2,
                 minSize,
                 maxSize,
                 onSize: setSize,
@@ -16418,6 +16420,7 @@ function TabNavigation({
     }
   };
   const scrollRef = useRef21(null);
+  const activeTabRef = useRef21(null);
   const [canScrollLeft, setCanScrollLeft] = useState35(false);
   const [canScrollRight, setCanScrollRight] = useState35(false);
   const updateScrollShadows = useCallback17(() => {
@@ -16430,14 +16433,38 @@ function TabNavigation({
     const el = scrollRef.current;
     if (!el) return;
     updateScrollShadows();
+    const onWheel = (e) => {
+      if (e.deltaX !== 0 || e.ctrlKey) return;
+      if (el.scrollWidth <= el.clientWidth) return;
+      const delta = e.deltaMode === 1 ? e.deltaY * 40 : e.deltaMode === 2 ? e.deltaY * el.clientWidth : e.deltaY;
+      const canGoRight = el.scrollLeft + el.clientWidth < el.scrollWidth - 1;
+      const canGoLeft = el.scrollLeft > 0;
+      if (delta > 0 && !canGoRight || delta < 0 && !canGoLeft) return;
+      el.scrollLeft += delta;
+      e.preventDefault();
+    };
     el.addEventListener("scroll", updateScrollShadows, { passive: true });
+    el.addEventListener("wheel", onWheel, { passive: false });
     const ro = new ResizeObserver(updateScrollShadows);
     ro.observe(el);
     return () => {
       el.removeEventListener("scroll", updateScrollShadows);
+      el.removeEventListener("wheel", onWheel);
       ro.disconnect();
     };
   }, [updateScrollShadows]);
+  useEffect26(() => {
+    const el = scrollRef.current;
+    const active = activeTabRef.current;
+    if (!el || !active) return;
+    const elRect = el.getBoundingClientRect();
+    const aRect = active.getBoundingClientRect();
+    if (aRect.left < elRect.left) {
+      el.scrollBy({ left: aRect.left - elRect.left, behavior: "smooth" });
+    } else if (aRect.right > elRect.right) {
+      el.scrollBy({ left: aRect.right - elRect.right, behavior: "smooth" });
+    }
+  }, [activeTab]);
   const leftFade = canScrollLeft || showLeftGradient;
   const rightFade = canScrollRight || showRightGradient;
   const borderStyle = (() => {
@@ -16460,6 +16487,7 @@ function TabNavigation({
         return /* @__PURE__ */ jsxs97(
           "button",
           {
+            ref: isActive ? activeTabRef : void 0,
             type: "button",
             onClick: () => handleTabChange(tab.id),
             className: cn(
@@ -16492,8 +16520,8 @@ function TabNavigation({
           tab.id
         );
       }) }),
-      leftFade && /* @__PURE__ */ jsx121("div", { className: cn("absolute left-0 top-0 w-10 h-14 pointer-events-none bg-gradient-to-r to-transparent", shadowClassName || "from-ods-bg") }),
-      rightFade && /* @__PURE__ */ jsx121("div", { className: cn("absolute right-0 top-0 w-10 h-14 pointer-events-none bg-gradient-to-l to-transparent", shadowClassName || "from-ods-bg") }),
+      leftFade && /* @__PURE__ */ jsx121("div", { className: cn("absolute left-0 top-0 bottom-0 w-10 pointer-events-none bg-gradient-to-r to-transparent", shadowClassName || "from-ods-bg") }),
+      rightFade && /* @__PURE__ */ jsx121("div", { className: cn("absolute right-0 top-0 bottom-0 w-10 pointer-events-none bg-gradient-to-l to-transparent", shadowClassName || "from-ods-bg") }),
       /* @__PURE__ */ jsx121("div", { className: "absolute bottom-0 left-0 right-0 h-px pointer-events-none", style: borderStyle })
     ] }),
     children && children(activeTab)
@@ -17116,7 +17144,7 @@ var EMBED_SIZES = {
   // 512px - Balanced width for cards
 };
 function EmbedContainer({
-  size,
+  size: size2,
   children,
   className = ""
 }) {
@@ -17125,7 +17153,7 @@ function EmbedContainer({
     "bg-ods-card border border-ods-border",
     "transition-all duration-200 ease-in-out",
     "hover:border-ods-accent/30 hover:shadow-lg hover:shadow-ods-accent/10",
-    EMBED_SIZES[size],
+    EMBED_SIZES[size2],
     className
   ), children });
 }
@@ -17825,8 +17853,8 @@ function getDomain(urlStr) {
 function domainToTitle(domain) {
   return domain.split(".")[0].replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 }
-var ExternalLinkIcon4 = ({ size = 16 }) => /* @__PURE__ */ jsx131("svg", { width: size, height: size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", className: "text-ods-text-secondary group-hover:text-ods-accent transition-colors flex-shrink-0", children: /* @__PURE__ */ jsx131("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) });
-var Favicon = ({ src, size = "w-6 h-6" }) => /* @__PURE__ */ jsx131("img", { src, alt: "", className: size, onError: (e) => {
+var ExternalLinkIcon4 = ({ size: size2 = 16 }) => /* @__PURE__ */ jsx131("svg", { width: size2, height: size2, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", className: "text-ods-text-secondary group-hover:text-ods-accent transition-colors flex-shrink-0", children: /* @__PURE__ */ jsx131("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) });
+var Favicon = ({ src, size: size2 = "w-6 h-6" }) => /* @__PURE__ */ jsx131("img", { src, alt: "", className: size2, onError: (e) => {
   e.target.style.display = "none";
 } });
 var OGLinkPreview = ({
@@ -20638,11 +20666,11 @@ var toggleVariants = cva10(
     }
   }
 );
-var Toggle = React74.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx152(
+var Toggle = React74.forwardRef(({ className, variant, size: size2, ...props }, ref) => /* @__PURE__ */ jsx152(
   TogglePrimitive.Root,
   {
     ref,
-    className: cn(toggleVariants({ variant, size, className })),
+    className: cn(toggleVariants({ variant, size: size2, className })),
     ...props
   }
 ));
@@ -20654,17 +20682,17 @@ var ToggleGroupContext = React75.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React75.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx153(
+var ToggleGroup = React75.forwardRef(({ className, variant, size: size2, children, ...props }, ref) => /* @__PURE__ */ jsx153(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx153(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx153(ToggleGroupContext.Provider, { value: { variant, size: size2 }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React75.forwardRef(({ className, children, variant, size, value, ...props }, ref) => {
+var ToggleGroupItem = React75.forwardRef(({ className, children, variant, size: size2, value, ...props }, ref) => {
   const context = React75.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx153(
     ToggleGroupPrimitive.Item,
@@ -20674,7 +20702,7 @@ var ToggleGroupItem = React75.forwardRef(({ className, children, variant, size,
       className: cn(
         toggleVariants({
           variant: context.variant || variant,
-          size: context.size || size
+          size: context.size || size2
         }),
         className
       ),
@@ -22678,7 +22706,7 @@ import * as React78 from "react";
 import { ChevronUp as ChevronUp2, ChevronDown as ChevronDown5 } from "lucide-react";
 import { jsx as jsx158 } from "react/jsx-runtime";
 var ChevronButton = React78.forwardRef(
-  ({ className, direction = "down", size = "md", isExpanded, backgroundColor, borderColor, ...props }, ref) => {
+  ({ className, direction = "down", size: size2 = "md", isExpanded, backgroundColor, borderColor, ...props }, ref) => {
     const Icon2 = (isExpanded ? ChevronUp2 : ChevronDown5) || (direction === "up" ? ChevronUp2 : ChevronDown5);
     const sizeClasses2 = {
       sm: "h-4 w-4",
@@ -22699,7 +22727,7 @@ var ChevronButton = React78.forwardRef(
         },
         ref,
         ...props,
-        children: /* @__PURE__ */ jsx158(Icon2, { className: sizeClasses2[size] })
+        children: /* @__PURE__ */ jsx158(Icon2, { className: sizeClasses2[size2] })
       }
     );
   }
@@ -22735,7 +22763,7 @@ var variantColors = {
 function CircularProgress({
   percentage,
   variant = "success",
-  size = 56,
+  size: size2 = 56,
   strokeWidth = 10,
   showLabel = true,
   labelFormat = "percent",
@@ -22752,23 +22780,23 @@ function CircularProgress({
     ringPercentage = Math.min(100, safePercentage);
   }
   const labelPercentage = isWrap ? safePercentage : Math.min(100, safePercentage);
-  const radius = (size - strokeWidth) / 2;
+  const radius = (size2 - strokeWidth) / 2;
   const circumference = radius * 2 * Math.PI;
   const ringOffset = circumference - ringPercentage / 100 * circumference;
   const { progress, track } = variantColors[variant];
-  return /* @__PURE__ */ jsxs125("div", { className: cn("relative", className), style: { width: size, height: size }, children: [
+  return /* @__PURE__ */ jsxs125("div", { className: cn("relative", className), style: { width: size2, height: size2 }, children: [
     /* @__PURE__ */ jsxs125(
       "svg",
       {
-        width: size,
-        height: size,
+        width: size2,
+        height: size2,
         className: "transform -rotate-90",
         children: [
           /* @__PURE__ */ jsx159(
             "circle",
             {
-              cx: size / 2,
-              cy: size / 2,
+              cx: size2 / 2,
+              cy: size2 / 2,
               r: radius,
               stroke: track,
               strokeWidth,
@@ -22778,8 +22806,8 @@ function CircularProgress({
           /* @__PURE__ */ jsx159(
             "circle",
             {
-              cx: size / 2,
-              cy: size / 2,
+              cx: size2 / 2,
+              cy: size2 / 2,
               r: radius,
               stroke: progress,
               strokeWidth,
@@ -22793,7 +22821,7 @@ function CircularProgress({
         ]
       }
     ),
-    showLabel && /* @__PURE__ */ jsx159("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs125("span", { className: "font-medium text-ods-text-primary", style: { fontSize: size <= 40 ? 10 : 12 }, children: [
+    showLabel && /* @__PURE__ */ jsx159("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs125("span", { className: "font-medium text-ods-text-primary", style: { fontSize: size2 <= 40 ? 10 : 12 }, children: [
       Math.round(labelPercentage),
       labelFormat === "percent" ? "%" : ""
     ] }) })
@@ -22831,6 +22859,7 @@ import {
   offset,
   flip,
   shift,
+  size,
   useDismiss,
   useRole,
   useInteractions,
@@ -22888,6 +22917,16 @@ function FloatingTooltip({
         padding: 8
       }),
       shift({ padding: 8 }),
+      // Cap the tooltip to the space left in the viewport so tall content
+      // scrolls inside it instead of overflowing off-screen. Applied straight to
+      // the floating node's style (no React state → no autoUpdate re-render loop);
+      // the inner scroll wrapper below turns the cap into an actual scroll area.
+      size({
+        padding: 8,
+        apply({ availableHeight, elements }) {
+          elements.floating.style.maxHeight = `${Math.max(64, availableHeight)}px`;
+        }
+      }),
       arrow({ element: arrowRef })
     ],
     whileElementsMounted: autoUpdate
@@ -22930,17 +22969,16 @@ function FloatingTooltip({
         },
         ...getFloatingProps(),
         className: cn(
-          // ODS Design System tooltip styling
-          "max-w-xs overflow-hidden rounded-md",
+          // ODS Design System tooltip styling. `flex flex-col` + `overflow-hidden`
+          // let the inner wrapper own the scroll while the rounded corners clip it.
+          "max-w-xs flex flex-col overflow-hidden rounded-md",
           "bg-ods-card border border-ods-border",
-          "px-3 py-2.5 text-sm leading-relaxed text-ods-text-primary",
-          "whitespace-pre-line",
           // ODS shadows for proper elevation
           "shadow-[var(--shadow-md)]",
           className
         ),
         children: [
-          parsedContent,
+          /* @__PURE__ */ jsx161("div", { className: "min-h-0 overflow-y-auto px-3 py-2.5 text-sm leading-relaxed text-ods-text-primary whitespace-pre-line", children: parsedContent }),
           /* @__PURE__ */ jsx161(
             "div",
             {
@@ -23002,7 +23040,7 @@ function DashboardInfoCard({
   };
   const renderProgress = () => {
     if (!showProgress || percentage === void 0) return null;
-    const strokeFor = (size) => Math.max(2, Math.round(size * 10 / 56));
+    const strokeFor = (size2) => Math.max(2, Math.round(size2 * 10 / 56));
     const common = {
       percentage,
       variant: progressVariant,
@@ -23118,7 +23156,7 @@ var OSTypeBadge = ({
 OSTypeBadge.displayName = "OSTypeBadge";
 var OSTypeIcon = ({
   osType,
-  size = "w-4 h-4",
+  size: size2 = "w-4 h-4",
   className = ""
 }) => {
   return /* @__PURE__ */ jsx163(
@@ -23126,7 +23164,7 @@ var OSTypeIcon = ({
     {
       osType,
       iconOnly: true,
-      iconSize: size,
+      iconSize: size2,
       className
     }
   );
@@ -23571,7 +23609,7 @@ init_cn();
 import * as React81 from "react";
 import { jsx as jsx170 } from "react/jsx-runtime";
 var IconsBlock = React81.forwardRef(
-  ({ className, icons = [], size = "md", ...props }, ref) => {
+  ({ className, icons = [], size: size2 = "md", ...props }, ref) => {
     const sizeClasses2 = {
       sm: "h-4 w-4",
       md: "h-6 w-6",
@@ -23591,7 +23629,7 @@ var IconsBlock = React81.forwardRef(
           {
             className: cn(
               "rounded-md bg-secondary p-1",
-              sizeClasses2[size]
+              sizeClasses2[size2]
             ),
             children: /* @__PURE__ */ jsx170("div", { className: "h-full w-full bg-primary/20 rounded-sm" })
           },
@@ -26258,7 +26296,7 @@ function PlatformFilterComponent({
   platforms = [],
   className = "",
   showIcons = true,
-  size = "small-legacy"
+  size: size2 = "small-legacy"
 }) {
   return /* @__PURE__ */ jsxs152("div", { className: `flex items-center gap-2 flex-wrap ${className}`, children: [
     /* @__PURE__ */ jsx195(
@@ -26266,7 +26304,7 @@ function PlatformFilterComponent({
       {
         type: "button",
         variant: selectedPlatform === "all" ? "accent" : "outline",
-        size,
+        size: size2,
         onClick: () => onPlatformChange("all"),
         className: "text-h3",
         children: "All Platforms"
@@ -26277,7 +26315,7 @@ function PlatformFilterComponent({
       {
         type: "button",
         variant: selectedPlatform === platform.value ? "accent" : "outline",
-        size,
+        size: size2,
         onClick: () => onPlatformChange(platform.value),
         leftIcon: showIcons ? getSmallPlatformIcon(platform.value) : void 0,
         className: "text-h3",
@@ -27723,7 +27761,7 @@ var ConfidenceBadge = ({
   confidence,
   showLabel = true,
   showPercentage = true,
-  size = "sm",
+  size: size2 = "sm",
   className
 }) => {
   const level = getConfidenceLevel(confidence);
@@ -27739,7 +27777,7 @@ var ConfidenceBadge = ({
     {
       className: cn(
         "inline-flex items-center gap-1 rounded-full border font-medium",
-        sizeStyles[size],
+        sizeStyles[size2],
         borderClass,
         textClass,
         bgClass,
@@ -27921,7 +27959,7 @@ var AIEnrichButton = ({
   loading = false,
   label = "AI Enrich",
   loadingLabel = "Enriching...",
-  size = "md",
+  size: size2 = "md",
   variant = "outline",
   className
 }) => {
@@ -27932,7 +27970,7 @@ var AIEnrichButton = ({
       onClick,
       disabled: disabled || loading,
       loading,
-      size: sizeMap[size],
+      size: sizeMap[size2],
       variant: variantMap[variant],
       leftIcon: !loading && /* @__PURE__ */ jsx208(SparklesIcon, { size: 18, color: "currentColor" }),
       className: cn("gap-2", className),
@@ -28522,7 +28560,7 @@ init_cn();
 import { jsx as jsx215, jsxs as jsxs170 } from "react/jsx-runtime";
 var AIRequiredBadge = ({
   className,
-  size = "sm"
+  size: size2 = "sm"
 }) => {
   return /* @__PURE__ */ jsxs170(
     "span",
@@ -28530,12 +28568,12 @@ var AIRequiredBadge = ({
       className: cn(
         "inline-flex items-center gap-1 font-medium rounded-full",
         "bg-[--ods-flamingo-cyan-base]/10 text-[--ods-flamingo-cyan-base]",
-        size === "sm" && "ml-2 px-2 py-0.5 text-xs",
-        size === "md" && "ml-2 px-2.5 py-1 text-sm",
+        size2 === "sm" && "ml-2 px-2 py-0.5 text-xs",
+        size2 === "md" && "ml-2 px-2.5 py-1 text-sm",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx215(SparklesIcon, { size: size === "sm" ? 12 : 14, color: "var(--ods-flamingo-cyan-base)" }),
+        /* @__PURE__ */ jsx215(SparklesIcon, { size: size2 === "sm" ? 12 : 14, color: "var(--ods-flamingo-cyan-base)" }),
         /* @__PURE__ */ jsx215("span", { className: "font-['DM_Sans']", children: "AI-required" })
       ]
     }
@@ -28955,7 +28993,7 @@ function ViewToggle({
   onValueChange,
   disabled = false,
   className,
-  size = "default",
+  size: size2 = "default",
   "aria-label": ariaLabel = "Switch between grid and table view"
 }) {
   return /* @__PURE__ */ jsxs174(
@@ -28979,7 +29017,7 @@ function ViewToggle({
           ToggleGroupItem,
           {
             value: "grid",
-            size,
+            size: size2,
             className: cn(
               "p-2 rounded transition-all duration-200",
               value === "grid" ? "bg-ods-accent text-ods-text-on-accent" : "text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover",
@@ -29000,7 +29038,7 @@ function ViewToggle({
           ToggleGroupItem,
           {
             value: "table",
-            size,
+            size: size2,
             className: cn(
               "p-2 rounded transition-all duration-200",
               value === "table" ? "bg-ods-accent text-ods-text-on-accent" : "text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover",
@@ -33773,7 +33811,7 @@ function useContainedResizableSize({
       return defaultSize;
     }
   }, [enabled, storageKey, defaultSize]);
-  const [size, setSizeRaw] = React107.useState(readInitial);
+  const [size2, setSizeRaw] = React107.useState(readInitial);
   const setSize = React107.useCallback(
     (next) => setSizeRaw(clampToContainer(next)),
     [clampToContainer]
@@ -33781,19 +33819,19 @@ function useContainedResizableSize({
   React107.useEffect(() => {
     if (!enabled || !storageKey || typeof window === "undefined") return;
     try {
-      window.localStorage.setItem(storageKey, String(Math.round(size)));
+      window.localStorage.setItem(storageKey, String(Math.round(size2)));
     } catch {
     }
-  }, [enabled, size, storageKey]);
+  }, [enabled, size2, storageKey]);
   React107.useEffect(() => {
     if (!enabled) return;
     setSizeRaw((prev) => clampToContainer(prev));
   }, [enabled, clampToContainer]);
-  return { size, setSize };
+  return { size: size2, setSize };
 }
 function AppLayoutDrawerResizeHandle({
   side,
-  size,
+  size: size2,
   minSize,
   maxSize,
   onSize,
@@ -33805,7 +33843,7 @@ function AppLayoutDrawerResizeHandle({
   const handlePointerDown = (e) => {
     if (e.button !== 0 && e.pointerType === "mouse") return;
     e.preventDefault();
-    startRef.current = { x: e.clientX, y: e.clientY, size };
+    startRef.current = { x: e.clientX, y: e.clientY, size: size2 };
     e.currentTarget.setPointerCapture(e.pointerId);
     document.body.style.cursor = isHorizontal ? "col-resize" : "row-resize";
     document.body.style.userSelect = "none";
@@ -33831,18 +33869,18 @@ function AppLayoutDrawerResizeHandle({
     if (isHorizontal) {
       if (e.key === "ArrowLeft") {
         e.preventDefault();
-        onSize(size + step * (side === "right" ? 1 : -1));
+        onSize(size2 + step * (side === "right" ? 1 : -1));
       } else if (e.key === "ArrowRight") {
         e.preventDefault();
-        onSize(size + step * (side === "right" ? -1 : 1));
+        onSize(size2 + step * (side === "right" ? -1 : 1));
       }
     } else {
       if (e.key === "ArrowUp") {
         e.preventDefault();
-        onSize(size + step * (side === "bottom" ? 1 : -1));
+        onSize(size2 + step * (side === "bottom" ? 1 : -1));
       } else if (e.key === "ArrowDown") {
         e.preventDefault();
-        onSize(size + step * (side === "bottom" ? -1 : 1));
+        onSize(size2 + step * (side === "bottom" ? -1 : 1));
       }
     }
     if (e.key === "Home") {
@@ -33862,7 +33900,7 @@ function AppLayoutDrawerResizeHandle({
       role: "separator",
       tabIndex: 0,
       "aria-orientation": isHorizontal ? "vertical" : "horizontal",
-      "aria-valuenow": Math.round(size),
+      "aria-valuenow": Math.round(size2),
       "aria-valuemin": minSize,
       "aria-valuemax": maxSize,
       "aria-label": ariaLabel ?? (isHorizontal ? "Resize panel width" : "Resize panel height"),
@@ -33984,7 +34022,7 @@ var AppLayoutDrawerContent = React107.forwardRef(
       mq.addEventListener("change", update);
       return () => mq.removeEventListener("change", update);
     }, [mobileBreakpoint]);
-    const { size, setSize } = useContainedResizableSize({
+    const { size: size2, setSize } = useContainedResizableSize({
       enabled: resizable,
       isHorizontal,
       minSize,
@@ -33994,7 +34032,7 @@ var AppLayoutDrawerContent = React107.forwardRef(
       container: portalContainer
     });
     const applyInlineSize = resizable && !isMobile;
-    const sizeStyle = applyInlineSize ? isHorizontal ? { width: size } : { height: size } : {};
+    const sizeStyle = applyInlineSize ? isHorizontal ? { width: size2 } : { height: size2 } : {};
     if (keepMounted && !hasOpened) return null;
     return /* @__PURE__ */ jsxs205(DialogPrimitive3.Portal, { container: portalContainer, forceMount: persist || void 0, children: [
       /* @__PURE__ */ jsx259(
@@ -34047,7 +34085,7 @@ var AppLayoutDrawerContent = React107.forwardRef(
               AppLayoutDrawerResizeHandle,
               {
                 side: resolvedSide,
-                size,
+                size: size2,
                 minSize,
                 maxSize,
                 onSize: setSize,
@@ -34907,7 +34945,7 @@ var LOG_SEVERITY_LABELS = {
 
 // src/components/log-severity-dot.tsx
 import { jsx as jsx270 } from "react/jsx-runtime";
-var LogSeverityDot = React110.forwardRef(({ severity, size = "md", className }, ref) => {
+var LogSeverityDot = React110.forwardRef(({ severity, size: size2 = "md", className }, ref) => {
   const sizeClasses2 = {
     sm: "w-4 h-4",
     md: "w-6 h-6",
@@ -34924,7 +34962,7 @@ var LogSeverityDot = React110.forwardRef(({ severity, size = "md", className },
       ref,
       className: cn(
         "relative flex items-center justify-center shrink-0",
-        sizeClasses2[size],
+        sizeClasses2[size2],
         className
       ),
       "aria-label": `${LOG_SEVERITY_LABELS[severity]} severity`,
@@ -34933,7 +34971,7 @@ var LogSeverityDot = React110.forwardRef(({ severity, size = "md", className },
         {
           className: cn(
             "rounded-full",
-            dotSizeClasses[size]
+            dotSizeClasses[size2]
           ),
           style: { backgroundColor: LOG_SEVERITY_COLORS[severity] }
         }
@@ -39356,9 +39394,9 @@ function TicketDetailSection({ label, children, className }) {
 // src/components/ui/ticket-attachments-list.tsx
 init_cn();
 import { jsx as jsx312, jsxs as jsxs250 } from "react/jsx-runtime";
-function TicketAttachmentsList({ attachments, className, size = "default" }) {
+function TicketAttachmentsList({ attachments, className, size: size2 = "default" }) {
   if (attachments.length === 0) return null;
-  const compact = size === "compact";
+  const compact = size2 === "compact";
   return /* @__PURE__ */ jsx312("div", { className: cn("rounded-[6px] border border-ods-border overflow-hidden", className), children: attachments.map((attachment, index) => /* @__PURE__ */ jsxs250(
     "div",
     {
@@ -39969,8 +40007,8 @@ function TaskTypeIcon({ customItemId, className = "h-5 w-5" }) {
 
 // src/components/chat/entity-cards/roadmap-card.tsx
 import { Fragment as Fragment62, jsx as jsx319, jsxs as jsxs256 } from "react/jsx-runtime";
-function RoadmapCardSkeleton({ size = "default" }) {
-  if (size === "sm") {
+function RoadmapCardSkeleton({ size: size2 = "default" }) {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs256("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
       /* @__PURE__ */ jsx319("span", { className: "block h-12 w-12 aspect-square shrink-0 self-start rounded-md bg-ods-bg border border-ods-border p-1.5" }),
       /* @__PURE__ */ jsxs256("span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -40012,7 +40050,7 @@ function RoadmapCard({
   href,
   target,
   rel,
-  size = "default",
+  size: size2 = "default",
   cardType = "roadmap_item",
   className,
   id,
@@ -40023,7 +40061,7 @@ function RoadmapCard({
   const [showScreenshots, setShowScreenshots] = useState98(false);
   const logoUrl = item.icon && item.icon.startsWith("http") ? item.icon : null;
   const iconSrc = logoUrl ? getProxiedImageUrl(logoUrl, { directHttps: true }) || logoUrl : null;
-  if (size === "sm") {
+  if (size2 === "sm") {
     const compactHref = safeHref(href ?? null);
     const hasVotes = (item.upvotes ?? 0) > 0 || (item.downvotes ?? 0) > 0;
     const hasFigma = !!item.figmaUrl;
@@ -42233,8 +42271,8 @@ import { Fragment as Fragment67, jsx as jsx324, jsxs as jsxs261 } from "react/js
 function formatUtc(date, fmt) {
   return format(new Date(date.getTime() + date.getTimezoneOffset() * 6e4), fmt);
 }
-function ProgramCardSkeleton({ size = "default" }) {
-  if (size === "sm") {
+function ProgramCardSkeleton({ size: size2 = "default" }) {
+  if (size2 === "sm") {
     return /* @__PURE__ */ jsxs261("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
       /* @__PURE__ */ jsx324("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs261("span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -42344,7 +42382,7 @@ function ProgramCard({
   item,
   media = [],
   renderMeta,
-  size = "default",
+  size: size2 = "default",
   href,
   target: targetProp,
   rel: relProp,
@@ -42362,14 +42400,14 @@ function ProgramCard({
   const placeholderUrl = useEntityCardPlaceholder({
     title: item.title,
     placeholderUrl: placeholderUrlProp,
-    aspect: size === "sm" ? "square" : "wide"
+    aspect: size2 === "sm" ? "square" : "wide"
   });
   const coverImage = item.cover_url;
   const images = media.filter((m) => m.media_type === "image");
   const hosts = getHosts(item.hosts);
   const accentColor = "var(--color-accent-primary)";
   const isScheduled = "status" in item && item.status === "scheduled";
-  if (size === "sm") {
+  if (size2 === "sm") {
     const itemDate2 = (() => {
       try {
         return formatUtc(new Date(item.date), "MMM d, yyyy");
@@ -50525,4 +50563,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-RE3KBUNB.js.map
+//# sourceMappingURL=chunk-TRAJG5JZ.js.map