@flamingo-stack/openframe-frontend-core 0.0.296-snapshot.20260621021605 → 0.0.296

package/dist/chunk-ME4EVDFP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embeds/embed-iframe.tsx","../src/components/embeds/pdf-viewer.tsx","../src/components/embeds/google-sheets-viewer.tsx","../src/components/embeds/figma-embed.tsx","../src/components/embeds/og-link-preview.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\n\n/** Loading skeleton for iframe embeds — matches project skeleton pattern */\nfunction EmbedLoadingSkeleton({ height }: { height?: string }) {\n  return (\n    <div\n      className=\"w-full rounded-lg border border-ods-border overflow-hidden bg-ods-skeleton animate-pulse\"\n      style={{ height: height || 'calc(100vh - 250px)' }}\n    >\n      <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n        <div className=\"w-12 h-12 rounded-lg bg-ods-card\" />\n        <div className=\"h-4 w-48 rounded bg-ods-card\" />\n        <div className=\"h-3 w-32 rounded bg-ods-card\" />\n      </div>\n    </div>\n  )\n}\n\nexport interface EmbedIframeProps {\n  /** The URL to embed */\n  src: string\n  /** Accessible title for the iframe */\n  title: string\n  /** Additional class names for the outer container */\n  className?: string\n  /** Container height (CSS value). Defaults to `calc(100vh - 250px)` */\n  height?: string\n  /** iframe `allow` attribute */\n  allow?: string\n  /** iframe `referrerPolicy` attribute */\n  referrerPolicy?: React.IframeHTMLAttributes<HTMLIFrameElement>['referrerPolicy']\n  /** iframe `loading` attribute */\n  loading?: 'eager' | 'lazy'\n  /** iframe `allowFullScreen` attribute */\n  allowFullScreen?: boolean\n}\n\n/**\n * Base iframe wrapper with loading skeleton and proper memory cleanup.\n *\n * Prevents memory leaks by:\n * - Using `key={src}` to force full unmount/remount when src changes\n * - Setting iframe src to about:blank on unmount to release the embedded document\n * - Resetting loaded state when src changes\n */\nexport function EmbedIframe({\n  src,\n  title,\n  className,\n  height,\n  allow,\n  referrerPolicy,\n  loading,\n  allowFullScreen,\n}: EmbedIframeProps) {\n  const [isLoaded, setIsLoaded] = useState(false)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n  const handleLoad = useCallback(() => setIsLoaded(true), [])\n\n  useEffect(() => {\n    setIsLoaded(false)\n  }, [src])\n\n  useEffect(() => {\n    const iframe = iframeRef.current\n    return () => {\n      if (iframe) {\n        try {\n          iframe.src = 'about:blank'\n        } catch {\n          // Cross-origin iframes may throw — safe to ignore\n        }\n      }\n    }\n  }, [src])\n\n  const resolvedHeight = height || 'calc(100vh - 250px)'\n\n  return (\n    <>\n      {!isLoaded && <EmbedLoadingSkeleton height={resolvedHeight} />}\n      <div\n        className={`w-full rounded-lg border border-ods-border overflow-hidden ${!isLoaded ? 'h-0 overflow-hidden' : ''} ${className || ''}`}\n        style={isLoaded ? { height: resolvedHeight } : undefined}\n      >\n        <iframe\n          key={src}\n          ref={iframeRef}\n          src={src}\n          className=\"w-full h-full border-0\"\n          title={title}\n          onLoad={handleLoad}\n          allow={allow}\n          referrerPolicy={referrerPolicy}\n          loading={loading}\n          allowFullScreen={allow?.includes('fullscreen') ? undefined : allowFullScreen}\n        />\n      </div>\n    </>\n  )\n}\n","\"use client\"\n\nimport React from 'react'\nimport { Button } from '../ui'\nimport { Download, Eye } from 'lucide-react'\nimport { AdobePdfIcon } from '../icons-v2-generated'\nimport { EmbedIframe } from './embed-iframe'\n\nexport interface PdfViewerProps {\n  src: string\n  fileName?: string\n  onPreview?: () => void\n  onDownload?: () => void\n  height?: string\n}\n\nexport function PdfViewer({ src, fileName, onPreview, onDownload, height }: PdfViewerProps) {\n  const displayName = fileName || 'PDF Document'\n\n  if (!src) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n        <AdobePdfIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n        <p className=\"text-ods-text-secondary\">PDF file not available</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <AdobePdfIcon className=\"w-5 h-5 shrink-0\" />\n          <h2 className=\"text-xl font-semibold text-ods-text-primary truncate\">{displayName}</h2>\n        </div>\n        <div className=\"flex items-center gap-2 w-full sm:w-auto\">\n          <Button\n            variant=\"outline\"\n            size=\"small-legacy\"\n            href={onPreview ? undefined : src}\n            openInNewTab={!onPreview}\n            onClick={onPreview}\n            leftIcon={<Eye className=\"w-4 h-4\" />}\n            className=\"flex-1 sm:flex-initial\"\n          >\n            Preview\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"small-legacy\"\n            href={onDownload ? undefined : src}\n            openInNewTab={!onDownload}\n            onClick={onDownload}\n            leftIcon={<Download className=\"w-4 h-4\" />}\n            className=\"flex-1 sm:flex-initial\"\n          >\n            Download\n          </Button>\n        </div>\n      </div>\n      <EmbedIframe src={src} title={displayName} height={height} />\n    </div>\n  )\n}\n","\"use client\"\n\nimport React from 'react'\nimport { Button } from '../ui'\nimport { ExternalLink } from 'lucide-react'\nimport { GoogleSheetsIcon } from '../icons-v2-generated'\nimport { EmbedIframe } from './embed-iframe'\nimport { toGoogleSheetsEmbedUrl, toGoogleSheetsOriginalUrl } from '../../utils/embed-url-converters'\n\nexport interface GoogleSheetsViewerProps {\n  externalUrl: string\n  fileName?: string\n  height?: string\n}\n\nexport function GoogleSheetsViewer({ externalUrl, fileName, height }: GoogleSheetsViewerProps) {\n  const displayName = fileName || 'Google Sheet'\n\n  if (!externalUrl) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n        <GoogleSheetsIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n        <p className=\"text-ods-text-secondary\">Google Sheet URL not configured</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <GoogleSheetsIcon className=\"w-5 h-5 shrink-0\" />\n          <h2 className=\"text-xl font-semibold text-ods-text-primary truncate\">{displayName}</h2>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"small-legacy\"\n          href={toGoogleSheetsOriginalUrl(externalUrl)}\n          openInNewTab\n          leftIcon={<GoogleSheetsIcon className=\"w-4 h-4\" />}\n          rightIcon={<ExternalLink className=\"w-4 h-4\" />}\n          className=\"w-full sm:w-auto\"\n        >\n          Open in Google Sheets\n        </Button>\n      </div>\n      <EmbedIframe\n        src={toGoogleSheetsEmbedUrl(externalUrl)}\n        title={displayName}\n        height={height}\n      />\n    </div>\n  )\n}\n","'use client'\n\nimport { useState } from 'react'\nimport { Button, ToggleGroup, ToggleGroupItem } from '../ui'\nimport { FigmaIcon } from '../icons-v2-generated'\nimport { ExternalLink, Play, LayoutGrid } from 'lucide-react'\nimport { toFigmaEmbedUrl, toFigmaOriginalUrl, isFigmaSlidesUrl } from '../../utils/embed-url-converters'\nimport { EmbedIframe } from './embed-iframe'\n\nexport interface FigmaEmbedProps {\n  /** Any Figma URL (design/file/proto/board/slides/deck) or an already-resolved embed URL. */\n  url: string\n  /** Heading shown above the embed. Defaults to \"Figma Design\". */\n  title?: string\n  /**\n   * iframe height (CSS value). The data-room document viewer omits it (full\n   * height, `calc(100vh - 250px)`); inline markdown passes e.g. `\"70vh\"` so the\n   * embed sits naturally inside article content.\n   */\n  height?: string\n  /** iframe loading strategy. Defaults to `\"lazy\"`; the data-room viewer passes `\"eager\"`. */\n  loading?: 'eager' | 'lazy'\n}\n\ntype SlidesView = 'present' | 'browse'\n\n/**\n * Two-state present/browse toggle for Figma Slides. `present` (default) uses\n * Figma's deck viewer (full-bleed slide + `‹ n/N ›` nav bar + keyboard nav);\n * `browse` uses the thumbnail-rail + zoom viewer.\n */\nfunction SlidesViewToggle({\n  view,\n  onChange,\n}: {\n  view: SlidesView\n  onChange: (v: SlidesView) => void\n}) {\n  const options: { key: SlidesView; label: string; Icon: typeof Play }[] = [\n    { key: 'present', label: 'Present', Icon: Play },\n    { key: 'browse', label: 'Browse', Icon: LayoutGrid },\n  ]\n  return (\n    <ToggleGroup\n      type=\"single\"\n      value={view}\n      onValueChange={(v: string) => {\n        if (v && v !== view) onChange(v as SlidesView)\n      }}\n      aria-label=\"Figma slides view mode\"\n      className=\"flex shrink-0 items-center gap-0.5 rounded-lg border border-ods-border bg-ods-card p-0.5\"\n    >\n      {options.map(({ key, label, Icon }) => {\n        const active = view === key\n        return (\n          <ToggleGroupItem\n            key={key}\n            value={key}\n            aria-label={label}\n            className={`flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm font-medium transition-colors ${\n              active\n                ? 'bg-ods-accent text-ods-text-on-accent'\n                : 'text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover'\n            }`}\n          >\n            <Icon className=\"h-4 w-4 shrink-0\" />\n            {label}\n          </ToggleGroupItem>\n        )\n      })}\n    </ToggleGroup>\n  )\n}\n\n/**\n * Single source of truth for every Figma surface — the data-room document viewer\n * and in-article markdown both render this. A header (icon + title + \"Open in\n * Figma\") over an interactive Figma iframe, built from the canonical\n * `toFigmaEmbedUrl` / `toFigmaOriginalUrl` converters + the shared `<EmbedIframe>`.\n * Only height/loading differ per surface.\n *\n * For Slides decks, a present/browse toggle (default = present) lets viewers flip\n * slides with Figma's native nav bar + keyboard, or switch to the thumbnail-rail\n * browse view.\n */\nexport function FigmaEmbed({ url, title, height, loading = 'lazy' }: FigmaEmbedProps) {\n  const [view, setView] = useState<SlidesView>('present')\n  const isSlides = url ? isFigmaSlidesUrl(url) : false\n  const embedSrc = url ? toFigmaEmbedUrl(url, { slidesView: view }) : null\n  const originalUrl = (() => {\n    if (!url) return null\n    try {\n      const parsed = new URL(toFigmaOriginalUrl(url))\n      const host = parsed.hostname.toLowerCase()\n      const okHost = host === 'figma.com' || host.endsWith('.figma.com')\n      const okProtocol = parsed.protocol === 'https:' || parsed.protocol === 'http:'\n      return okHost && okProtocol ? parsed.toString() : null\n    } catch {\n      return null\n    }\n  })()\n  const heading = title || 'Figma Design'\n\n  return (\n    <div className=\"my-6 space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <FigmaIcon className=\"w-5 h-5 shrink-0\" />\n          <span className=\"font-sans text-base font-semibold text-ods-text-primary truncate\">\n            {heading}\n          </span>\n        </div>\n        <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n          {isSlides && embedSrc && <SlidesViewToggle view={view} onChange={setView} />}\n          {originalUrl && (\n            <Button\n              variant=\"outline\"\n              size=\"small-legacy\"\n              href={originalUrl}\n              openInNewTab\n              leftIcon={<FigmaIcon className=\"w-4 h-4\" />}\n              rightIcon={<ExternalLink className=\"w-4 h-4\" />}\n              className=\"w-full sm:w-auto\"\n            >\n              Open in Figma\n            </Button>\n          )}\n        </div>\n      </div>\n      {embedSrc ? (\n        <EmbedIframe\n          src={embedSrc}\n          title={heading}\n          allow=\"clipboard-write; clipboard-read; fullscreen\"\n          loading={loading}\n          height={height}\n          allowFullScreen\n        />\n      ) : (\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          <FigmaIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n          <p className=\"text-ods-text-secondary\">Figma URL not configured</p>\n        </div>\n      )}\n    </div>\n  )\n}\n","\"use client\"\n\nimport React, { useState, useEffect, Component, ReactNode } from 'react'\nimport Image from '../../embed-shims/next-image'\nimport { useImageEdgeColor } from '../../hooks'\n\n/**\n * Open-Graph metadata returned by the consumer's scrape endpoint.\n *\n * The shape MUST match the JSON the OG endpoint serves at `ogEndpointPath`.\n * The hub's `/api/blog/og-scraper` returns exactly these fields — embedders\n * with a different endpoint must return the same shape (or adapt at the\n * route boundary). Keeps the consumer surface trivial: one URL → one card.\n */\nexport interface OGData {\n  title: string\n  description: string\n  image: string\n  originalImage?: string\n  url: string\n  siteName: string\n  type: string\n  favicon: string\n}\n\ninterface ErrorBoundaryProps {\n  children: ReactNode\n  fallback: ReactNode\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean\n}\n\n/**\n * Tiny error boundary tailored for OG link previews — caught errors quietly\n * fall back to the `fallback` prop (typically a plain hyperlink) so a single\n * broken third-party preview can't crash a whole article view.\n *\n * Named `OGLinkErrorBoundary` (not the generic `ErrorBoundary`) because the\n * lib already exports a separate `ErrorBoundary` from\n * `components/features/error-boundary.tsx`. The top-level `components/index.ts`\n * barrel re-exports both `./embeds` and `./features` via `export *`, so a\n * second `ErrorBoundary` here collides as TS2308.\n */\nexport class OGLinkErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(): ErrorBoundaryState {\n    return { hasError: true }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.warn('Link preview error caught by boundary:', error, errorInfo)\n  }\n\n  render() {\n    if (this.state.hasError) return this.props.fallback\n    return this.props.children\n  }\n}\n\n/**\n * Builds a placeholder image URL when the scrape returns no image. Hub passes\n * its own `buildOgPlaceholderUrl` (which resolves CSS-var ODS colors against\n * the platform's brand palette + hits `/api/og-placeholder`); other embedders\n * can omit the prop to disable the placeholder entirely.\n *\n * Receives the post-scrape `title` and `siteName` so the placeholder can echo\n * the actual card content, not a generic graphic.\n */\nexport type BuildPlaceholderUrl = (\n  title: string,\n  siteName: string,\n) => string | null\n\nexport interface OGLinkPreviewProps {\n  /** The external URL to preview. */\n  url: string\n  /** Origin / base URL the OG endpoint is served from. Empty / undefined\n   *  means same-origin (hub-direct use). Embed contexts pass the hub's\n   *  origin here (e.g. `'https://hub.example.com'`) so the fetch hits\n   *  the hub instead of the embedder origin.\n   *\n   *  Pattern matches lib's `useNatsDialogSubscription({apiBaseUrl})` +\n   *  `buildSuggestionUrl({apiBaseUrl})` so all embed-ready surfaces share\n   *  one configuration knob. */\n  apiBaseUrl?: string\n  /** Path of the OG endpoint on the configured base. Default\n   *  `'/api/blog/og-scraper'` matches the hub's route. Override if the\n   *  embedder serves the same `OGData` shape from a different path. */\n  ogEndpointPath?: string\n  /** Optional placeholder-builder. Omit to disable the placeholder image\n   *  (the card then degrades to a favicon+title chip when no scraped image\n   *  is available). The hub injects its `buildOgPlaceholderUrl` here. */\n  buildPlaceholderUrl?: BuildPlaceholderUrl\n  /** Override the scraped title (used by publication cards that already know\n   *  the title locally — e.g. a CMS-managed press link). */\n  fallbackTitle?: string\n  /** Override the scraped description. */\n  fallbackDescription?: string\n  /** Override the scraped image — useful when the scrape returns no image but\n   *  the embedder has a CMS-stored hero image to fall back to. */\n  fallbackImage?: string\n  /** Publication / source name shown alongside the favicon (e.g. \"TechCrunch\"). */\n  publicationName?: string\n  /** Publication logo URL shown alongside the title (defaults to favicon). */\n  publicationLogo?: string\n  /** Card variant. `compact` = horizontal layout (~120px tall) suited for\n   *  in-doc placements; `default` = larger vertical layout for press / hero\n   *  positions. */\n  variant?: 'default' | 'compact'\n  /** Disable the synthesized placeholder image even when `buildPlaceholderUrl`\n   *  is provided — used by the markdown renderer to keep doc cards lighter. */\n  enablePlaceholder?: boolean\n}\n\nfunction getDomain(urlStr: string): string {\n  try { return new URL(urlStr).hostname.replace('www.', '') }\n  catch { return 'External Link' }\n}\n\nfunction domainToTitle(domain: string): string {\n  return domain.split('.')[0].replace(/-/g, ' ').replace(/\\b\\w/g, c => c.toUpperCase())\n}\n\nconst ExternalLinkIcon = ({ size = 16 }: { size?: number }) => (\n  <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\">\n    <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\" />\n  </svg>\n)\n\nconst Favicon = ({ src, size = 'w-6 h-6' }: { src: string; size?: string }) => (\n  <img src={src} alt=\"\" className={size} onError={(e) => { (e.target as HTMLImageElement).style.display = 'none' }} />\n)\n\n/**\n * Rich Open-Graph link preview card with skeleton, fallback, and image-edge\n * background detection.\n *\n * Flow:\n *  1. Validate URL early (no network for malformed input, localhost, or\n *     RFC1918 ranges — those render as plain `<a>` tags).\n *  2. `GET ogEndpointPath?url=<encoded>` — embedder serves the shape declared\n *     in `OGData`.\n *  3. Resolve image: scraped og:image → `originalImage` fallback → `fallbackImage`\n *     prop → `buildPlaceholderUrl(title, siteName)`. Each step has its own\n *     error toggle so a 404 / CORS-tainted image gracefully degrades.\n *  4. Extract a letterbox background color from the resolved image via\n *     `useImageEdgeColor`. Same-origin proxy is REQUIRED for cross-origin\n *     images so the `<canvas>` extraction doesn't taint.\n *  5. Render compact (h-[120px] horizontal) or default (vertical w/ aspect-video\n *     hero) variant, with image-less degraded variants for each.\n */\nexport const OGLinkPreview: React.FC<OGLinkPreviewProps> = ({\n  url,\n  apiBaseUrl,\n  ogEndpointPath = '/api/blog/og-scraper',\n  buildPlaceholderUrl,\n  fallbackTitle,\n  fallbackDescription,\n  fallbackImage,\n  publicationName,\n  publicationLogo,\n  variant = 'default',\n  enablePlaceholder = true,\n}) => {\n  const [ogData, setOgData] = useState<OGData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(false)\n  const [imageError, setImageError] = useState(false)\n  const [originalImageError, setOriginalImageError] = useState(false)\n  const [fallbackImageError, setFallbackImageError] = useState(false)\n\n  let isValidUrl = true\n  let isLocalhost = false\n  try {\n    if (url && typeof url === 'string') {\n      const urlObj = new URL(url)\n      if (['localhost', '127.0.0.1', '0.0.0.0'].includes(urlObj.hostname) ||\n          urlObj.hostname.startsWith('192.168.') || urlObj.hostname.startsWith('10.') || urlObj.hostname.startsWith('172.')) {\n        isLocalhost = true\n      }\n    } else {\n      isValidUrl = false\n    }\n  } catch {\n    isValidUrl = false\n  }\n\n  useEffect(() => {\n    if (!isValidUrl || isLocalhost) return\n\n    const fetchOGData = async () => {\n      try {\n        new URL(url)\n        setLoading(true)\n        // Compose `${base}${path}?url=…`. Empty base → relative path\n        // (same-origin); absolute base → cross-origin embed against the hub.\n        // Plain string concat is safer than `new URL(path, base)` because\n        // the latter resolves `path` against the BASE's pathname when\n        // `path` is relative, producing surprising URLs when the embedder\n        // serves the lib from a subpath.\n        const endpoint = `${apiBaseUrl ?? ''}${ogEndpointPath}?url=${encodeURIComponent(url)}`\n        const response = await fetch(endpoint)\n        if (response.ok) {\n          const data = await response.json()\n          if (data?.title && data.title !== 'Link Preview Unavailable') {\n            setOgData(data)\n          } else {\n            setError(true)\n          }\n        } else {\n          setError(true)\n        }\n      } catch {\n        setError(true)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchOGData()\n  }, [url, isValidUrl, isLocalhost, apiBaseUrl, ogEndpointPath])\n\n  const isCompact = variant === 'compact'\n  const domain = getDomain(url)\n\n  const effectiveData: OGData | null = ogData ?? (error ? {\n    title: fallbackTitle || domainToTitle(domain),\n    description: fallbackDescription || domain,\n    image: '',\n    url,\n    siteName: publicationName || domain,\n    type: 'website',\n    favicon: `https://www.google.com/s2/favicons?domain=${domain}&sz=32`,\n  } : null)\n\n  // Hub-injected placeholder builder — fires only when the post-scrape image\n  // chain is empty AND `enablePlaceholder` is true. `null` when unprovided.\n  const placeholderImageUrl =\n    enablePlaceholder && buildPlaceholderUrl && effectiveData?.title\n      ? buildPlaceholderUrl(effectiveData.title, effectiveData.siteName || domain)\n      : null\n\n  const resolvedImageUrl = (effectiveData?.image && !imageError)\n    ? effectiveData.image\n    : (effectiveData?.originalImage && !originalImageError)\n      ? effectiveData.originalImage\n      : (fallbackImage && !fallbackImageError)\n        ? fallbackImage\n        : placeholderImageUrl\n\n  const hasImage = !!resolvedImageUrl\n  const isFallbackImage = resolvedImageUrl === fallbackImage\n  const isPlaceholder = resolvedImageUrl === placeholderImageUrl && !isFallbackImage\n  const bgColor = useImageEdgeColor(resolvedImageUrl ?? null, 'var(--ods-bg-secondary)')\n\n  const renderSkeleton = () => isCompact ? (\n    <div className=\"my-4\">\n      <div className=\"flex flex-row border border-ods-border rounded-lg overflow-hidden bg-ods-card h-[120px]\">\n        <div className=\"w-[200px] h-full flex-shrink-0 bg-ods-skeleton animate-pulse\" />\n        <div className=\"flex-1 p-3 flex flex-col justify-center\">\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-4 w-3/4 mb-2\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-full mb-1\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-2/3 mb-2\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-1/3\" />\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div className=\"my-6\">\n      <div className=\"block border border-ods-border rounded-lg overflow-hidden bg-ods-card\">\n        <div className=\"aspect-video w-full bg-ods-skeleton overflow-hidden relative animate-pulse\" />\n        <div className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <div className=\"w-6 h-6 bg-ods-skeleton rounded flex-shrink-0 mt-0.5 animate-pulse\" />\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"h-[2.5rem] leading-[1.25rem] mb-2 overflow-hidden\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '1.25rem', marginBottom: '0.25rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse w-3/4\" style={{ height: '1.25rem' }} />\n              </div>\n              <div className=\"h-[2.5rem] leading-[1.25rem] mb-2 overflow-hidden\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '1.25rem', marginBottom: '0.25rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse w-5/6\" style={{ height: '1.25rem' }} />\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '0.75rem', width: '6rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '0.75rem', width: '5rem' }} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n\n  if (!url || typeof url !== 'string' || !isValidUrl) return renderSkeleton()\n\n  if (isLocalhost) {\n    return (\n      <div className=\"my-6\">\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"inline-flex items-center gap-2 text-ods-accent hover:text-ods-accent-hover transition-colors\">\n          <span className=\"underline\">{url}</span>\n          <ExternalLinkIcon size={14} />\n        </a>\n      </div>\n    )\n  }\n\n  if (loading) return renderSkeleton()\n  if (!effectiveData) return renderSkeleton()\n\n  const title = fallbackTitle || effectiveData.title\n  // Empty string when the scrape returned nothing — descriptions render\n  // conditionally below. Avoids the legacy `'No description available'` filler\n  // that signaled \"broken card\" to users.\n  const description = fallbackDescription || effectiveData.description || ''\n  const ogDomain = getDomain(effectiveData.url)\n  const faviconSrc = effectiveData.favicon || `https://www.google.com/s2/favicons?domain=${ogDomain}&sz=32`\n  const logoSrc = publicationLogo || faviconSrc\n\n  const handleImageError = () => {\n    if (effectiveData.image && !imageError) setImageError(true)\n    else if (effectiveData.originalImage && !originalImageError) setOriginalImageError(true)\n    else setFallbackImageError(true)\n  }\n\n  const renderImage = () => {\n    if (!resolvedImageUrl) return null\n    if (isPlaceholder) {\n      return (\n        <img src={resolvedImageUrl} alt={title}\n          className=\"absolute inset-0 w-full h-full object-cover rounded-md\" />\n      )\n    }\n    if (isFallbackImage) {\n      return (\n        <Image src={resolvedImageUrl} alt={title} fill\n          className=\"object-contain rounded-md group-hover:scale-105 transition-transform duration-300\"\n          onError={handleImageError}\n          unoptimized={resolvedImageUrl.includes('/render/image/')} />\n      )\n    }\n    return (\n      <img src={resolvedImageUrl} alt={title}\n        className=\"absolute inset-0 w-full h-full object-contain rounded-md group-hover:scale-105 transition-transform duration-300\"\n        onError={handleImageError} />\n    )\n  }\n\n  if (isCompact) {\n    if (!hasImage) {\n      return (\n        <div className=\"my-4\">\n          <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n            className=\"flex flex-row items-center gap-3 border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-all duration-200 group px-4 py-3\">\n            <div className=\"w-8 h-8 bg-ods-bg-secondary rounded-lg flex items-center justify-center flex-shrink-0\">\n              <Favicon src={faviconSrc} size=\"w-5 h-5\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <h3 className=\"font-sans text-sm font-semibold text-ods-text-primary group-hover:text-ods-accent transition-colors truncate\">{title}</h3>\n              {description && (\n                <p className=\"font-sans text-xs text-ods-text-secondary truncate\">{description}</p>\n              )}\n            </div>\n            <ExternalLinkIcon size={14} />\n          </a>\n        </div>\n      )\n    }\n    return (\n      <div className=\"my-4\">\n        <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"flex flex-row border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-colors group h-[120px]\">\n          <div className=\"w-[200px] h-full flex-shrink-0 overflow-hidden relative flex items-center justify-center rounded-lg transition-colors duration-300\" style={{ backgroundColor: bgColor }}>\n            {renderImage()}\n          </div>\n          <div className=\"flex-1 p-3 flex flex-col justify-center min-w-0\">\n            <h3 className=\"font-sans text-sm font-semibold text-ods-text-primary overflow-hidden group-hover:text-ods-accent transition-colors\"\n              style={{ display: '-webkit-box', WebkitLineClamp: 1, WebkitBoxOrient: 'vertical' }}>{title}</h3>\n            {description && (\n              <p className=\"font-sans text-xs text-ods-text-secondary overflow-hidden mt-1\"\n                style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{description}</p>\n            )}\n            <div className=\"text-xs text-ods-text-secondary mt-1 truncate\">{effectiveData.siteName || ogDomain}</div>\n          </div>\n        </a>\n      </div>\n    )\n  }\n\n  if (!hasImage) {\n    return (\n      <div className=\"my-6\">\n        <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"flex items-center gap-3 border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-all duration-200 group px-4 py-3\">\n          <div className=\"w-10 h-10 bg-ods-bg-secondary rounded-lg flex items-center justify-center flex-shrink-0\">\n            <Favicon src={faviconSrc} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <h3 className=\"font-sans font-semibold text-ods-text-primary text-base group-hover:text-ods-accent transition-colors truncate\">{title}</h3>\n            {description && (\n              <p className=\"font-sans text-sm text-ods-text-secondary truncate\">{description}</p>\n            )}\n          </div>\n          <ExternalLinkIcon />\n        </a>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"my-6\">\n      <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n        className=\"block border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-colors group\">\n        <div className=\"aspect-video w-full overflow-hidden relative flex items-center justify-center rounded-lg transition-colors duration-300\" style={{ backgroundColor: bgColor }}>\n          {renderImage()}\n        </div>\n        <div className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <img src={logoSrc} alt={publicationName || ''} className=\"w-6 h-6 rounded object-contain flex-shrink-0 mt-0.5\"\n              onError={(e) => { (e.target as HTMLImageElement).style.display = 'none' }} />\n            <div className=\"flex-1 min-w-0\">\n              <h3 className=\"font-sans font-semibold text-ods-text-primary text-base overflow-hidden group-hover:text-ods-accent transition-colors h-[2.5rem] leading-[1.25rem] mb-2\"\n                style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{title}</h3>\n              {description && (\n                <p className=\"font-sans text-sm text-ods-text-secondary overflow-hidden h-[2.5rem] leading-[1.25rem] mb-2\"\n                  style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{description}</p>\n              )}\n              <div className=\"flex items-center gap-2 text-xs text-ods-text-secondary\">\n                <span className=\"font-medium\">{effectiveData.siteName}</span>\n                <span>•</span>\n                <span className=\"truncate\">{ogDomain}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </a>\n    </div>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","useState","ExternalLink","jsx","jsxs","useState","ExternalLink","useState","useEffect","jsx","jsxs","useState","useEffect"]}

package/dist/chunk-OQ6X7ZOC.js

@@ -0,0 +1,449 @@
+"use client";
+import {
+  FlamingoLogo,
+  MiamiCyberGangLogoFaceOnly,
+  OpenFrameLogo,
+  OpenmspLogo
+} from "./chunk-V4IIBNTA.js";
+
+// src/utils/platform-config.tsx
+import { Globe } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var platformIcons = {
+  openframe: /* @__PURE__ */ jsx(OpenFrameLogo, { className: "h-5 w-5", lowerPathColor: "#FFC008", upperPathColor: "#ffffff" }),
+  openmsp: /* @__PURE__ */ jsx(OpenmspLogo, { className: "h-5 w-5" }),
+  flamingo: /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#EC4899" }),
+  "flamingo-teaser": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#EC4899" }),
+  "marketing-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#F357BB" }),
+  "product-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#5EA62E" }),
+  "revenue-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#FFC008" }),
+  "people-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#5EFAF0" }),
+  "company-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#f36666" }),
+  tmcg: /* @__PURE__ */ jsx(MiamiCyberGangLogoFaceOnly, { className: "h-5 w-5" }),
+  universal: /* @__PURE__ */ jsx(Globe, { className: "h-5 w-5 text-[#10B981]" })
+};
+var platformColors = {
+  openmsp: "bg-[#3B82F6]",
+  openframe: "bg-[#8B5CF6]",
+  flamingo: "bg-[#EC4899]",
+  "flamingo-teaser": "bg-[#F59E0B]",
+  "marketing-hub": "bg-[#F357BB]",
+  "product-hub": "bg-[#5EA62E]",
+  "revenue-hub": "bg-[#FFC008]",
+  "people-hub": "bg-[#5EFAF0]",
+  "company-hub": "bg-[#f36666]",
+  tmcg: "bg-[#FF6B6B]",
+  universal: "bg-[#10B981]"
+};
+var platformDisplayNames = {
+  openmsp: "OpenMSP",
+  openframe: "OpenFrame",
+  flamingo: "Flamingo",
+  "flamingo-teaser": "Flamingo Teaser",
+  "marketing-hub": "Flamingo Marketing Hub",
+  "product-hub": "Flamingo Product Hub",
+  "revenue-hub": "Flamingo Revenue Hub",
+  "people-hub": "Flamingo People Hub",
+  "company-hub": "Flamingo Company Hub",
+  tmcg: "TMCG",
+  universal: "Universal"
+};
+var platformDescriptions = {
+  openmsp: "Comprehensive directory and comparison platform for managed service providers (MSPs) and technology vendors. Reduce vendor costs and discover open-source alternatives.",
+  openframe: "AI-driven open-source security operations center (SOC) and endpoint detection platform for MSPs.",
+  flamingo: "AI-driven open-source OS for MSPs. Swap bloated vendor tools for open ones. Automate the boring crap. Take your margin back.",
+  "flamingo-teaser": "Preview of Flamingo - the AI-driven open-source OS for MSPs.",
+  tmcg: "The Miami Cyber Gang - A cybersecurity community focused on education and collaboration.",
+  universal: "Cross-platform universal content."
+};
+var platformSlogans = {
+  openmsp: "Find Your Perfect MSP Partner",
+  openframe: "Open-Source Security Operations",
+  flamingo: "Open-Source OS for MSPs",
+  "flamingo-teaser": "Coming Soon: Open-Source OS for MSPs",
+  tmcg: "Miami Cyber Community",
+  universal: "Universal Platform"
+};
+var platformHexColors = {
+  openmsp: "#FFC008",
+  openframe: "#FFC008",
+  flamingo: "#FF6B9D",
+  universal: "#FFC008",
+  "flamingo-teaser": "#F59E0B",
+  "marketing-hub": "#F357BB",
+  "product-hub": "#5EA62E",
+  "revenue-hub": "#FFC008",
+  "people-hub": "#5EFAF0",
+  "company-hub": "#f36666",
+  tmcg: "#FF6B6B"
+};
+var platformIconNames = {
+  openmsp: "openmsp-logo",
+  openframe: "openframe-logo",
+  flamingo: "flamingo-logo",
+  universal: "globe",
+  "flamingo-teaser": "flamingo-logo",
+  "marketing-hub": "flamingo-logo",
+  "product-hub": "flamingo-logo",
+  "revenue-hub": "flamingo-logo",
+  "people-hub": "flamingo-logo",
+  "company-hub": "flamingo-logo",
+  tmcg: "tmcg-logo"
+};
+function getDefaultColorForPlatform(platformName) {
+  return platformHexColors[platformName] || platformHexColors.universal;
+}
+function getDefaultIconForPlatform(platformName) {
+  return platformIconNames[platformName] || platformIconNames.universal;
+}
+function transformPlatformConfigsToOptions(platformConfigs) {
+  return platformConfigs.map((platform) => ({
+    id: platform.id,
+    // Database UUID for matching
+    name: platform.name,
+    // Platform name enum
+    displayName: platform.display_name,
+    // Human-readable name
+    description: platform.description,
+    icon: platformIcons[platform.name] || platformIcons.universal,
+    color: platformColors[platform.name] || platformColors.universal
+  }));
+}
+function getPlatformIcon(platformName) {
+  return platformIcons[platformName] || platformIcons.universal;
+}
+function getPlatformColor(platformName) {
+  return platformColors[platformName] || platformColors.universal;
+}
+function getPlatformDisplayName(platformName) {
+  return platformDisplayNames[platformName] || platformName;
+}
+function getPlatformDescription(platformName) {
+  return platformDescriptions[platformName] || platformName;
+}
+function getPlatformSlogan(platformName) {
+  return platformSlogans[platformName] || platformName;
+}
+function getSmallPlatformIcon(platformName) {
+  const className = "h-4 w-4 flex-shrink-0";
+  switch (platformName) {
+    case "openframe":
+      return /* @__PURE__ */ jsx(OpenFrameLogo, { className, lowerPathColor: "#FFC008", upperPathColor: "#ffffff" });
+    case "openmsp":
+      return /* @__PURE__ */ jsx(OpenmspLogo, { className, frontBubbleColor: "#f1f1f1", innerFrontBubbleColor: "#000000", backBubbleColor: "#FFC008" });
+    case "flamingo":
+    case "flamingo-teaser":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className: `${className}`, fill: "#EC4899" });
+    case "marketing-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-flamingo-pink-base)" });
+    case "product-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-green-success)" });
+    case "revenue-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-yellow-warning)" });
+    case "people-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-flamingo-cyan-base)" });
+    case "company-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-red-error)" });
+    case "tmcg":
+      return /* @__PURE__ */ jsx(MiamiCyberGangLogoFaceOnly, { className });
+    case "universal":
+    default:
+      return /* @__PURE__ */ jsx(Globe, { className });
+  }
+}
+function getPlatformIconComponent(platformName, className = "h-6 w-6") {
+  switch (platformName) {
+    case "openframe":
+      return /* @__PURE__ */ jsx(OpenFrameLogo, { className });
+    case "openmsp":
+      return /* @__PURE__ */ jsx(OpenmspLogo, { className, color: "#f1f1f1" });
+    case "flamingo":
+    case "flamingo-teaser":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className: `${className} text-white` });
+    case "marketing-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-flamingo-pink-base)" });
+    case "product-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-green-success)" });
+    case "revenue-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-yellow-warning)" });
+    case "people-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-flamingo-cyan-base)" });
+    case "company-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-red-error)" });
+    case "tmcg":
+      return /* @__PURE__ */ jsx(MiamiCyberGangLogoFaceOnly, { size: 24, className });
+    case "universal":
+    default:
+      return /* @__PURE__ */ jsx(Globe, { className });
+  }
+}
+
+// src/types/tool.types.ts
+var ToolTypeValues = {
+  TACTICAL_RMM: "TACTICAL_RMM",
+  FLEET_MDM: "FLEET_MDM",
+  MESHCENTRAL: "MESHCENTRAL",
+  AUTHENTIK: "AUTHENTIK",
+  OPENFRAME: "OPENFRAME",
+  OPENFRAME_CHAT: "OPENFRAME_CHAT",
+  OPENFRAME_CLIENT: "OPENFRAME_CLIENT",
+  OSQUERY: "OSQUERY",
+  SYSTEM: "SYSTEM"
+};
+var toolLabels = {
+  TACTICAL_RMM: "Tactical",
+  FLEET_MDM: "Fleet",
+  MESHCENTRAL: "MeshCentral",
+  AUTHENTIK: "Authentik",
+  OPENFRAME: "OpenFrame",
+  OPENFRAME_CHAT: "OpenFrame Chat",
+  OPENFRAME_CLIENT: "OpenFrame Client",
+  OSQUERY: "Osquery",
+  SYSTEM: "System"
+};
+
+// src/utils/access-code-client.ts
+async function validateAccessCode(email, code, endpoints) {
+  try {
+    const response = await fetch(endpoints.validateUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ email, code })
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({}));
+      throw new Error(error.error || "Validation request failed");
+    }
+    return await response.json();
+  } catch (error) {
+    return {
+      valid: false,
+      message: error instanceof Error ? error.message : "Validation failed"
+    };
+  }
+}
+async function consumeAccessCode(email, code, endpoints) {
+  try {
+    const response = await fetch(endpoints.consumeUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ email, code })
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({}));
+      throw new Error(error.error || "Consumption request failed");
+    }
+    return await response.json();
+  } catch (error) {
+    return {
+      success: false,
+      consumed: false,
+      message: error instanceof Error ? error.message : "Consumption failed"
+    };
+  }
+}
+async function validateAndConsumeAccessCode(email, code, endpoints) {
+  const validation = await validateAccessCode(email, code, endpoints);
+  if (!validation.valid) {
+    return validation;
+  }
+  const consumption = await consumeAccessCode(email, code, endpoints);
+  return {
+    ...validation,
+    consumed: consumption.consumed,
+    message: consumption.consumed ? `Access granted for ${validation.cohort_name}` : consumption.message || validation.message
+  };
+}
+
+// src/utils/scroll-into-view.ts
+var activeRaf = 0;
+var teardownActive = null;
+function cancelActiveScroll() {
+  if (activeRaf) {
+    cancelAnimationFrame(activeRaf);
+    activeRaf = 0;
+  }
+  if (teardownActive) {
+    teardownActive();
+    teardownActive = null;
+  }
+}
+var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+function getScrollableAncestor(el) {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    const overflowY = getComputedStyle(node).overflowY;
+    if ((overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay") && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+  }
+  return null;
+}
+function scrollElementIntoView(target, options = {}) {
+  if (typeof window === "undefined" || !target) return;
+  const { headerOffset = 0, behavior = "smooth", adjustTargetY, durationMs = 320 } = options;
+  const container = getScrollableAncestor(target);
+  const readCurrent = () => container ? container.scrollTop : window.scrollY;
+  const writeTo = (y) => {
+    if (container) container.scrollTop = y;
+    else window.scrollTo(0, y);
+  };
+  const computeTarget = () => {
+    const raw = container ? container.scrollTop + (target.getBoundingClientRect().top - container.getBoundingClientRect().top) - headerOffset : target.getBoundingClientRect().top + window.scrollY - headerOffset;
+    const adjusted = adjustTargetY ? adjustTargetY(raw) : raw;
+    const maxScroll = container ? Math.max(0, container.scrollHeight - container.clientHeight) : Math.max(0, document.documentElement.scrollHeight - window.innerHeight);
+    return Math.min(Math.max(0, adjusted), maxScroll);
+  };
+  cancelActiveScroll();
+  const prefersReduced = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  if (behavior === "instant" || behavior === "auto" || prefersReduced) {
+    writeTo(computeTarget());
+    return;
+  }
+  let startY = null;
+  let startTime = 0;
+  const onUserGesture = () => cancelActiveScroll();
+  window.addEventListener("wheel", onUserGesture, { passive: true });
+  window.addEventListener("touchmove", onUserGesture, { passive: true });
+  teardownActive = () => {
+    window.removeEventListener("wheel", onUserGesture);
+    window.removeEventListener("touchmove", onUserGesture);
+  };
+  const step = (now) => {
+    if (startY === null) {
+      startY = readCurrent();
+      startTime = now;
+    }
+    const targetY = computeTarget();
+    const t = Math.min(1, (now - startTime) / durationMs);
+    const y = startY + (targetY - startY) * easeOutCubic(t);
+    writeTo(y);
+    if (t < 1) {
+      activeRaf = requestAnimationFrame(step);
+    } else {
+      writeTo(computeTarget());
+      activeRaf = 0;
+      if (teardownActive) {
+        teardownActive();
+        teardownActive = null;
+      }
+    }
+  };
+  activeRaf = requestAnimationFrame(step);
+}
+
+// src/utils/same-page-hash-nav.ts
+var STICKY_HEADER_OFFSET_PX = 96;
+var HUB_HEADER_OFFSET_PX = 80;
+function normalizeHashFragment(hash) {
+  if (!hash) return "";
+  const second = hash.indexOf("#", 1);
+  return second < 0 ? hash : hash.slice(0, second);
+}
+function navigateSamePageHash(target, options = {}) {
+  if (typeof window === "undefined") return false;
+  const { headerOffset = 0, history: historyMode = "push" } = options;
+  const normalizedTarget = target.startsWith("#") ? window.location.pathname + window.location.search + target : target;
+  let url;
+  try {
+    url = new URL(normalizedTarget, window.location.href);
+  } catch {
+    return false;
+  }
+  if (url.origin !== window.location.origin || url.pathname !== window.location.pathname || url.search !== window.location.search) {
+    return false;
+  }
+  const current = window.location.pathname + window.location.search + window.location.hash;
+  const normalizedHash = normalizeHashFragment(url.hash);
+  if (process.env.NODE_ENV === "development" && normalizedHash !== url.hash) {
+    console.warn(
+      `[navigateSamePageHash] malformed fragment "${url.hash}" \u2192 normalizing to "${normalizedHash}". Fix the upstream composer.`
+    );
+  }
+  const next = url.pathname + url.search + normalizedHash;
+  const id = normalizedHash && normalizedHash !== "#" ? normalizedHash.slice(1) : "";
+  if (!id && next !== current) return false;
+  if (next !== current) {
+    const oldURL = window.location.href;
+    if (historyMode === "replace") {
+      window.history.replaceState(null, "", next);
+    } else {
+      window.history.pushState(null, "", next);
+    }
+    window.dispatchEvent(new HashChangeEvent("hashchange", {
+      oldURL,
+      newURL: window.location.href
+    }));
+  }
+  const el = id ? document.getElementById(id) : null;
+  if (id && !el && process.env.NODE_ENV === "development") {
+    console.warn(
+      `[navigateSamePageHash] anchor "#${id}" not found \u2014 scrolling to top.`
+    );
+  }
+  scrollElementIntoView(el ?? document.documentElement, {
+    behavior: "smooth",
+    headerOffset
+  });
+  return true;
+}
+
+// src/utils/humanity-signals.ts
+var HONEYPOT_FIELD = "contact_url_confirm";
+var ELAPSED_MS_FIELD = "form_elapsed_ms";
+var DEFAULT_MIN_FILL_MS = 700;
+function extractHumanitySignals(body) {
+  const b = body ?? {};
+  const rawHp = b[HONEYPOT_FIELD];
+  const honeypot = rawHp == null ? "" : String(rawHp);
+  const rawMs = b[ELAPSED_MS_FIELD];
+  const elapsedMs = typeof rawMs === "number" && Number.isFinite(rawMs) ? rawMs : null;
+  return { honeypot, elapsedMs };
+}
+function evaluateHumanitySignals(body, opts) {
+  const { honeypot, elapsedMs } = extractHumanitySignals(body);
+  if (honeypot.trim() !== "") return { ok: false, reason: "honeypot" };
+  if (elapsedMs !== null && elapsedMs < opts.minFillMs) return { ok: false, reason: "too_fast" };
+  return { ok: true };
+}
+var splitCsvEnv = (s) => s?.split(",").map((t) => t.trim()).filter(Boolean) ?? [];
+
+export {
+  platformIcons,
+  platformColors,
+  platformDisplayNames,
+  platformDescriptions,
+  platformSlogans,
+  platformHexColors,
+  platformIconNames,
+  getDefaultColorForPlatform,
+  getDefaultIconForPlatform,
+  transformPlatformConfigsToOptions,
+  getPlatformIcon,
+  getPlatformColor,
+  getPlatformDisplayName,
+  getPlatformDescription,
+  getPlatformSlogan,
+  getSmallPlatformIcon,
+  getPlatformIconComponent,
+  ToolTypeValues,
+  toolLabels,
+  validateAccessCode,
+  consumeAccessCode,
+  validateAndConsumeAccessCode,
+  scrollElementIntoView,
+  STICKY_HEADER_OFFSET_PX,
+  HUB_HEADER_OFFSET_PX,
+  normalizeHashFragment,
+  navigateSamePageHash,
+  HONEYPOT_FIELD,
+  ELAPSED_MS_FIELD,
+  DEFAULT_MIN_FILL_MS,
+  extractHumanitySignals,
+  evaluateHumanitySignals,
+  splitCsvEnv
+};
+//# sourceMappingURL=chunk-OQ6X7ZOC.js.map