@wix/web5-core 1.56.0

package/dist/esm/components/ui/OptimizedImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","useEffect","memo","useMemo","getResizedImageUrl","normalizeImageUrl","isWeb5ImageUrl","useComponentDependencies","useResolvedImageSources","lowResFallbackCache","Map","OptimizedImage","props","alt","className","quality","format","progressive","placeholderColor","objectFit","layout","onLoad","onError","onClick","clickable","imageFromText","disableResize","imageMode","fallbackOnLowRes","lowResThreshold","isResolvedMode","unresolvedSource","filename","preResolvedUrl","resolvedUrl","filter","undefined","sourceIdentifier","deps","isLoaded","setIsLoaded","isError","setIsError","imageUrl","setImageUrl","isFallback","setIsFallback","isDebugImageEnabled","useDebugImageContext","dimensions","setDimensions","containerRef","observerRef","isContextualImage","contextualImageKey","rawKey","slice","length","decodeURIComponent","trim","resolutionInputs","src","images","resolvedSources","loading","isResolutionLoading","resolvedSource","logContextualImage","url","contextualTerm","imageEventType","isImageResolved","isFallbackImage","contextualImageFallback","fallbacks","fallbackImages","Math","floor","random","effectiveFilename","sourceCacheKey","hasResolvedSourceDimensions","width","height","isLowResResolvedAsset","cachedFallbackUrl","get","showDynamicBadge","set","container","current","updateDimensions","rect","getBoundingClientRect","ceil","window","ResizeObserver","observe","handleResize","addEventListener","disconnect","removeEventListener","normalizedUrl","isExternalNonWixUrl","startsWith","includes","imageFilename","match","replace","dpr","devicePixelRatio","optimizedUrl","handleImageLoad","e","img","currentTarget","naturalWidth","naturalHeight","originalImageUrl","currentSrc","console","warn","fallbackImageUrl","handleImageError","error","source","Error","isTransparentPlaceholder","placeholderStyles","background","animation","backgroundSize","handleKeyDown","key","preventDefault","createElement","Fragment","ref","Boolean","join","style","minHeight","onKeyDown","tabIndex","role","fill","stroke","viewBox","focusable","strokeLinecap","strokeLinejoin","strokeWidth","d","maxWidth","display","position","inset"],"sources":["../../../../src/components/ui/OptimizedImage.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, memo, useMemo } from 'react';\nimport { getResizedImageUrl, normalizeImageUrl } from '../../utils/image-utils';\nimport { isWeb5ImageUrl } from '../../types/link-types';\nimport { useComponentDependencies } from '../../context/ComponentDependenciesContext';\nimport type { ImageSearchFilterString } from '../../image/imageSearchFilterTypes';\nimport { useResolvedImageSources } from '../../hooks/useResolvedImageSources';\n\nconst lowResFallbackCache = new Map<string, string>();\n\ninterface OptimizedImageBaseProps {\n  /** Accessible alternative text for the rendered image. */\n  alt: string;\n  /** Additional CSS classes applied to the outer image container. */\n  className?: string;\n  /** Preferred output quality for resized Wix media URLs. */\n  quality?: number;\n  /** Requested output format for future image delivery customization. */\n  format?: 'auto' | 'webp' | 'jpg' | 'png';\n  /** Enables progressive loading behavior when supported by the delivery layer. */\n  progressive?: boolean;\n  /** Placeholder background color shown before the image loads. */\n  placeholderColor?: string;\n  /** CSS object-fit behavior applied to the rendered `<img>`. */\n  objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';\n  /** Layout strategy for the image container. */\n  layout?: 'fill' | 'intrinsic';\n  /** Called after the final rendered image successfully loads. */\n  onLoad?: () => void;\n  /** Called when the final rendered image fails to load. */\n  onError?: (error: Error) => void;\n  /** Click handler for interactive image surfaces. */\n  onClick?: () => void;\n  /** Makes the image container keyboard-focusable and clickable. */\n  clickable?: boolean;\n  /** Marks the source as originating from text-driven image generation for BI logging. */\n  imageFromText?: boolean;\n  /** Skips Wix fitted delivery URL rewriting and uses the normalized original URL directly. */\n  disableResize?: boolean;\n  /** CDN resize mode. 'fill' crops to exact container dimensions (sharp at slot size).\n   *  'fit' (default) preserves aspect ratio. */\n  imageMode?: 'fit' | 'fill';\n  /** Full URL to a fallback image used when the primary image is considered low resolution. */\n  fallbackOnLowRes?: string;\n  /** Minimum acceptable width or height before low-resolution fallback is triggered. */\n  lowResThreshold?: number;\n}\n\ninterface OptimizedImageWithFilenameProps {\n  /** Image source to render. Supports full URLs and `web5://image/...` contextual image tokens. */\n  filename: string;\n  /** Optional contextual search filter used only when resolving a `web5://image/...` source. */\n  filter?: ImageSearchFilterString;\n  /** Mutually exclusive with `filename`; provide this only when the image URL is already resolved. */\n  resolvedUrl?: never;\n}\n\ninterface OptimizedImageWithResolvedUrlProps {\n  /** Already-resolved image URL. When provided, OptimizedImage skips all source resolution. */\n  resolvedUrl: string;\n  /** Mutually exclusive with `resolvedUrl`; use `filename` when the source still needs resolving. */\n  filename?: never;\n  /** Not applicable for already-resolved image URLs. */\n  filter?: never;\n}\n\nexport type OptimizedImageProps = OptimizedImageBaseProps &\n  (OptimizedImageWithFilenameProps | OptimizedImageWithResolvedUrlProps);\n\nexport const OptimizedImage: React.FC<OptimizedImageProps> = memo((props) => {\n  const {\n    alt,\n    className = '',\n    quality = 85,\n    format = 'auto',\n    progressive = true,\n    placeholderColor = '#f3f4f6',\n    objectFit = 'contain',\n    layout = 'fill',\n    onLoad,\n    onError,\n    onClick,\n    clickable = false,\n    imageFromText = false,\n    disableResize = false,\n    imageMode = 'fit',\n    fallbackOnLowRes,\n    lowResThreshold = 550,\n  } = props;\n  void format;\n  void progressive;\n\n  const isResolvedMode = 'resolvedUrl' in props;\n  const unresolvedSource = 'filename' in props ? props.filename ?? '' : '';\n  const preResolvedUrl = 'resolvedUrl' in props ? props.resolvedUrl : '';\n  const filter = 'filename' in props ? props.filter : undefined;\n  const sourceIdentifier = isResolvedMode ? preResolvedUrl : unresolvedSource;\n\n  const deps = useComponentDependencies();\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [imageUrl, setImageUrl] = useState<string>('');\n  const [isFallback, setIsFallback] = useState(false);\n  const isDebugImageEnabled = deps.useDebugImageContext();\n  const [dimensions, setDimensions] = useState<{\n    width: number;\n    height: number;\n  } | null>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const observerRef = useRef<ResizeObserver | null>(null);\n\n  const isContextualImage = useMemo(\n    () =>\n      !isResolvedMode &&\n      !!(unresolvedSource && isWeb5ImageUrl(unresolvedSource)),\n    [isResolvedMode, unresolvedSource],\n  );\n\n  const contextualImageKey = useMemo(() => {\n    if (!isContextualImage) {\n      return '';\n    }\n    const rawKey = unresolvedSource.slice('web5://image/'.length);\n    try {\n      return decodeURIComponent(rawKey).trim();\n    } catch {\n      return rawKey.trim();\n    }\n  }, [isContextualImage, unresolvedSource]);\n  const resolutionInputs = useMemo(\n    () =>\n      isResolvedMode || !unresolvedSource\n        ? []\n        : [\n            {\n              src: unresolvedSource,\n              filter,\n            },\n          ],\n    [filter, isResolvedMode, unresolvedSource],\n  );\n  const { images: resolvedSources, loading: isResolutionLoading } =\n    useResolvedImageSources(resolutionInputs);\n  const resolvedSource = useMemo(\n    () => (!isResolvedMode ? resolvedSources?.[0] ?? null : null),\n    [isResolvedMode, resolvedSources],\n  );\n\n  useEffect(() => {\n    if (\n      !isContextualImage ||\n      isResolvedMode ||\n      isResolutionLoading ||\n      resolvedSources === null\n    ) {\n      return;\n    }\n\n    deps.logContextualImage?.({\n      imageUrl: resolvedSource?.url ?? '',\n      contextualTerm: contextualImageKey,\n      imageEventType: imageFromText\n        ? 'web5_image_link_from_text'\n        : 'web5_image_link',\n      isImageResolved: !!resolvedSource?.url,\n      isFallbackImage: false,\n    });\n  }, [\n    contextualImageKey,\n    deps,\n    imageFromText,\n    isContextualImage,\n    isResolvedMode,\n    isResolutionLoading,\n    resolvedSource?.url,\n    resolvedSources,\n  ]);\n\n  // When imageFromText contextual image resolution returns empty, use a random fallback\n  const contextualImageFallback = useMemo(() => {\n    if (\n      !imageFromText ||\n      !isContextualImage ||\n      isResolutionLoading ||\n      resolvedSources === null ||\n      resolvedSource?.url\n    ) {\n      return '';\n    }\n    const fallbacks = deps.fallbackImages;\n    if (!fallbacks || fallbacks.length === 0) {\n      return '';\n    }\n    return fallbacks[Math.floor(Math.random() * fallbacks.length)];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    imageFromText,\n    isContextualImage,\n    isResolutionLoading,\n    resolvedSources,\n    resolvedSource?.url,\n    deps.fallbackImages,\n  ]);\n\n  // Log when a fallback image is used for an unresolved contextual image\n  useEffect(() => {\n    if (!contextualImageFallback) {\n      return;\n    }\n    deps.logContextualImage?.({\n      imageUrl: contextualImageFallback,\n      contextualTerm: contextualImageKey,\n      imageEventType: 'web5_image_fallback',\n      isImageResolved: false,\n      isFallbackImage: true,\n    });\n  }, [contextualImageFallback, contextualImageKey, deps]);\n\n  const effectiveFilename = isResolvedMode\n    ? preResolvedUrl\n    : resolvedSource?.url || contextualImageFallback;\n  const sourceCacheKey = useMemo(\n    () =>\n      effectiveFilename ? normalizeImageUrl(effectiveFilename).trim() : '',\n    [effectiveFilename],\n  );\n  const hasResolvedSourceDimensions =\n    typeof resolvedSource?.width === 'number' &&\n    typeof resolvedSource?.height === 'number';\n  const isLowResResolvedAsset =\n    hasResolvedSourceDimensions &&\n    (resolvedSource.width! < lowResThreshold ||\n      resolvedSource.height! < lowResThreshold);\n  const cachedFallbackUrl = useMemo(\n    () => (sourceCacheKey ? lowResFallbackCache.get(sourceCacheKey) ?? '' : ''),\n    [sourceCacheKey],\n  );\n  const showDynamicBadge = isContextualImage && isDebugImageEnabled;\n\n  useEffect(() => {\n    setIsLoaded(false);\n    setIsError(false);\n    setIsFallback(false);\n    setImageUrl('');\n  }, [sourceCacheKey, fallbackOnLowRes]);\n\n  useEffect(() => {\n    if (!sourceCacheKey || !fallbackOnLowRes) {\n      return;\n    }\n\n    if (isLowResResolvedAsset) {\n      lowResFallbackCache.set(sourceCacheKey, fallbackOnLowRes);\n      setIsFallback(true);\n      setImageUrl(fallbackOnLowRes);\n      return;\n    }\n\n    if (!cachedFallbackUrl) {\n      return;\n    }\n\n    setIsFallback(true);\n    setImageUrl(cachedFallbackUrl);\n  }, [\n    cachedFallbackUrl,\n    fallbackOnLowRes,\n    isLowResResolvedAsset,\n    sourceCacheKey,\n  ]);\n\n  // For fill layout, measure container so we can request a resized Wix image.\n  useEffect(() => {\n    if (layout === 'intrinsic' || disableResize) {\n      return;\n    }\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const updateDimensions = () => {\n      const rect = container.getBoundingClientRect();\n      if (rect.width > 0 && rect.height > 0) {\n        setDimensions({\n          width: Math.ceil(rect.width),\n          height: Math.ceil(rect.height),\n        });\n      }\n    };\n\n    updateDimensions();\n\n    if ('ResizeObserver' in window) {\n      observerRef.current = new ResizeObserver(() => {\n        updateDimensions();\n      });\n      observerRef.current.observe(container);\n    }\n\n    const handleResize = () => updateDimensions();\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n      }\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [disableResize, layout]);\n\n  // Intrinsic layout: use normalized URL without resize logic.\n  useEffect(() => {\n    if (layout !== 'intrinsic') {\n      return;\n    }\n    if (\n      !effectiveFilename ||\n      isFallback ||\n      cachedFallbackUrl ||\n      (isLowResResolvedAsset && fallbackOnLowRes)\n    ) {\n      return;\n    }\n\n    const normalizedUrl = normalizeImageUrl(effectiveFilename);\n    setImageUrl(normalizedUrl);\n  }, [\n    cachedFallbackUrl,\n    effectiveFilename,\n    isFallback,\n    isLowResResolvedAsset,\n    layout,\n  ]);\n\n  // External non-Wix URLs skip resizing; use them immediately.\n  useEffect(() => {\n    if (layout === 'intrinsic') {\n      return;\n    }\n    if (\n      !effectiveFilename ||\n      isFallback ||\n      cachedFallbackUrl ||\n      (isLowResResolvedAsset && fallbackOnLowRes)\n    ) {\n      return;\n    }\n\n    const normalizedUrl = normalizeImageUrl(effectiveFilename);\n    const isExternalNonWixUrl =\n      (normalizedUrl.startsWith('http://') ||\n        normalizedUrl.startsWith('https://')) &&\n      !normalizedUrl.includes('static.wixstatic.com');\n\n    if (isExternalNonWixUrl) {\n      setImageUrl(normalizedUrl);\n    }\n  }, [\n    cachedFallbackUrl,\n    effectiveFilename,\n    isFallback,\n    isLowResResolvedAsset,\n    layout,\n  ]);\n\n  // Explicit opt-out: use original normalized URL even in fill layouts.\n  useEffect(() => {\n    if (layout === 'intrinsic') {\n      return;\n    }\n    if (\n      !disableResize ||\n      !effectiveFilename ||\n      isFallback ||\n      cachedFallbackUrl ||\n      (isLowResResolvedAsset && fallbackOnLowRes)\n    ) {\n      return;\n    }\n\n    setImageUrl(normalizeImageUrl(effectiveFilename));\n  }, [\n    cachedFallbackUrl,\n    disableResize,\n    effectiveFilename,\n    isFallback,\n    isLowResResolvedAsset,\n    layout,\n  ]);\n\n  // Wix/local URLs: wait for dimensions, then build a resized URL.\n  useEffect(() => {\n    if (layout === 'intrinsic') {\n      return;\n    }\n    if (disableResize) {\n      return;\n    }\n    if (\n      !dimensions ||\n      !effectiveFilename ||\n      isFallback ||\n      cachedFallbackUrl ||\n      (isLowResResolvedAsset && fallbackOnLowRes)\n    ) {\n      return;\n    }\n\n    const normalizedUrl = normalizeImageUrl(effectiveFilename);\n    const isExternalNonWixUrl =\n      (normalizedUrl.startsWith('http://') ||\n        normalizedUrl.startsWith('https://')) &&\n      !normalizedUrl.includes('static.wixstatic.com');\n\n    if (isExternalNonWixUrl) {\n      return;\n    }\n\n    let imageFilename = effectiveFilename;\n    if (normalizedUrl.includes('static.wixstatic.com')) {\n      const match = normalizedUrl.match(/media\\/([^/?]+)/);\n      if (match && match[1]) {\n        imageFilename = match[1];\n      } else {\n        setImageUrl(normalizedUrl);\n        return;\n      }\n    } else if (\n      normalizedUrl.startsWith('https://static.wixstatic.com/media/')\n    ) {\n      imageFilename = normalizedUrl.replace(\n        'https://static.wixstatic.com/media/',\n        '',\n      );\n    }\n\n    const dpr = window.devicePixelRatio ?? 1;\n    const optimizedUrl = getResizedImageUrl(\n      imageFilename,\n      dimensions.width * dpr,\n      dimensions.height * dpr,\n      { quality, imageMode },\n    );\n    setImageUrl(optimizedUrl);\n  }, [\n    dimensions,\n    cachedFallbackUrl,\n    effectiveFilename,\n    isFallback,\n    isLowResResolvedAsset,\n    layout,\n    disableResize,\n    quality,\n    imageMode,\n  ]);\n\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    const img = e.currentTarget;\n\n    if (\n      fallbackOnLowRes &&\n      !isFallback &&\n      !hasResolvedSourceDimensions &&\n      (img.naturalWidth < lowResThreshold ||\n        img.naturalHeight < lowResThreshold)\n    ) {\n      const originalImageUrl =\n        img.currentSrc || imageUrl || effectiveFilename || sourceIdentifier;\n\n      if (sourceCacheKey) {\n        lowResFallbackCache.set(sourceCacheKey, fallbackOnLowRes);\n      }\n\n      setIsFallback(true);\n      setImageUrl(fallbackOnLowRes);\n      setIsLoaded(false);\n\n      console.warn('OptimizedImage applied a low-res fallback image.', {\n        originalImageUrl,\n        fallbackImageUrl: fallbackOnLowRes,\n        naturalWidth: img.naturalWidth,\n        naturalHeight: img.naturalHeight,\n        lowResThreshold,\n      });\n\n      deps.logContextualImage?.({\n        imageUrl: fallbackOnLowRes,\n        contextualTerm: contextualImageKey,\n        imageEventType: 'web5_image_fallback',\n        isImageResolved: true,\n        isFallbackImage: true,\n      });\n      return;\n    }\n\n    setIsLoaded(true);\n    onLoad?.();\n  };\n\n  const handleImageError = () => {\n    setIsError(true);\n    console.error('Failed to load image:', {\n      source: sourceIdentifier,\n      imageUrl,\n      alt,\n    });\n    onError?.(new Error(`Failed to load image: ${sourceIdentifier}`));\n  };\n\n  const isTransparentPlaceholder = placeholderColor === 'transparent';\n  const placeholderStyles = isTransparentPlaceholder\n    ? {\n        background: 'transparent',\n        animation: 'none',\n      }\n    : {\n        background: `linear-gradient(90deg, ${placeholderColor} 0%, #e5e7eb 50%, ${placeholderColor} 100%)`,\n        backgroundSize: '200% 100%',\n        animation: 'shimmer 2s infinite ease-in-out',\n      };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n      e.preventDefault();\n      onClick();\n    }\n  };\n\n  return (\n    <>\n      <span\n        ref={containerRef}\n        className={[\n          'block',\n          layout === 'intrinsic' ? '' : 'relative overflow-hidden',\n          showDynamicBadge ? 'relative' : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={layout === 'intrinsic' ? undefined : { minHeight: '1px' }}\n        onClick={clickable ? onClick : undefined}\n        onKeyDown={clickable ? handleKeyDown : undefined}\n        tabIndex={clickable ? 0 : undefined}\n        role={clickable ? 'button' : undefined}\n        aria-label={clickable ? alt : undefined}\n      >\n        {showDynamicBadge && (\n          <span className=\"absolute left-2 top-2 z-10 rounded bg-blue-600/90 px-2 py-1 text-[10px] font-semibold tracking-wide text-white shadow block\">\n            {contextualImageKey}\n          </span>\n        )}\n        {!isLoaded && !isError && sourceIdentifier && (\n          <span\n            className=\"absolute inset-0 rounded block\"\n            style={placeholderStyles}\n            role=\"status\"\n            aria-label=\"Loading image\"\n          />\n        )}\n\n        {isError && (\n          <span\n            className=\"absolute inset-0 flex items-center justify-center bg-gray-100 text-gray-500 rounded block\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n          >\n            <span className=\"text-center p-4 block\">\n              <svg\n                className=\"w-8 h-8 mx-auto mb-2 text-gray-400\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n                />\n              </svg>\n              <span className=\"text-xs block\">Failed to load image</span>\n            </span>\n          </span>\n        )}\n\n        {imageUrl && !isError && (\n          <img\n            src={imageUrl}\n            alt={alt}\n            className={`${\n              layout === 'intrinsic'\n                ? 'w-full h-auto'\n                : 'absolute inset-0 w-full h-full'\n            } transition-opacity duration-300 ${\n              isLoaded ? 'opacity-100' : 'opacity-0'\n            } ${\n              objectFit === 'contain'\n                ? 'object-contain'\n                : objectFit === 'cover'\n                ? 'object-cover'\n                : objectFit === 'fill'\n                ? 'object-fill'\n                : objectFit === 'none'\n                ? 'object-none'\n                : objectFit === 'scale-down'\n                ? 'object-scale-down'\n                : ''\n            }`}\n            style={\n              layout === 'intrinsic'\n                ? {\n                    width: '100%',\n                    height: 'auto',\n                    maxWidth: '100%',\n                    display: 'block',\n                  }\n                : {\n                    position: 'absolute',\n                    inset: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit,\n                    maxWidth: '100%',\n                    display: 'block',\n                  }\n            }\n            onLoad={handleImageLoad}\n            onError={handleImageError}\n            loading={imageUrl.startsWith('data:') ? 'eager' : 'lazy'}\n          />\n        )}\n      </span>\n    </>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ui/PlacementLoader.css

@@ -0,0 +1,101 @@
+/* PlacementLoader — placement loading skeleton.
+   Rendered before the streamed response arrives. Client packages can re-skin
+   via the `--w5-placement-loader-*` tokens below without touching the markup.
+   Defaults mirror the canonical wireframe: a soft-bordered rounded container
+   with two stub text lines and a larger content block, all using a very
+   light accent-tinted skeleton wash.
+   The rendered placement's card chrome lives in
+   `../placement/PlacementResponseRenderer.css`. */
+
+/* Wrapper around the loader. Drives the entrance animation: the slot starts
+   empty, the wrapper expands from a 0-height grid row to its natural row,
+   smoothly pushing surrounding host content down instead of popping in. The
+   margin-block on either side gives breathing room from neighbouring blocks
+   on the host page and animates in alongside the height for a coherent
+   reveal. Clients can re-skin the spacing via `--w5-placement-spacing`.
+   The loader→content swap itself is height-animated by the
+   PlacementSmoothHeight wrapper (see `../placement/PlacementResponseRenderer.css`). */
+.w5-placement--loading {
+  display: grid;
+  grid-template-rows: 1fr;
+  margin-block: var(--w5-placement-spacing, 24px);
+  animation: w5-placement-loader-reveal 420ms ease-out both;
+}
+
+.w5-placement--loading > * {
+  min-height: 0;
+  overflow: hidden;
+}
+
+@keyframes w5-placement-loader-reveal {
+  from {
+    grid-template-rows: 0fr;
+    margin-block: 0;
+    opacity: 0;
+  }
+  to {
+    grid-template-rows: 1fr;
+    margin-block: var(--w5-placement-spacing, 24px);
+    opacity: 1;
+  }
+}
+
+.w5-placement-loader {
+  display: flex;
+  flex-direction: column;
+  gap: var(--w5-placement-loader-gap, 24px);
+  padding: var(--w5-placement-loader-padding, 20px 24px);
+  border: var(--w5-placement-loader-border, 1px solid rgb(226 232 240));
+  border-radius: var(--w5-placement-loader-radius, 12px);
+  background: var(--w5-placement-loader-bg, #fff);
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.w5-placement-loader__lines {
+  display: flex;
+  flex-direction: column;
+  gap: var(--w5-placement-loader-line-gap, 10px);
+}
+
+.w5-placement-loader__line,
+.w5-placement-loader__block {
+  display: block;
+  /* Very light tint of the placement accent (oklch(0.6 0.24 26.24)) —
+     same hue, lightness raised and chroma dropped for a skeleton wash. */
+  background: var(--w5-placement-loader-skeleton, oklch(0.95 0.04 26.24));
+  border-radius: var(--w5-placement-loader-skeleton-radius, 6px);
+  animation: w5-placement-loader-pulse 1.4s ease-in-out infinite;
+}
+
+.w5-placement-loader__line {
+  height: var(--w5-placement-loader-line-height, 14px);
+  width: 100%;
+}
+
+.w5-placement-loader__line--short {
+  width: var(--w5-placement-loader-line-short-width, 70%);
+}
+
+.w5-placement-loader__block {
+  height: var(--w5-placement-loader-block-height, 120px);
+  width: 100%;
+}
+
+@keyframes w5-placement-loader-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.55;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .w5-placement--loading,
+  .w5-placement-loader__line,
+  .w5-placement-loader__block {
+    animation: none;
+  }
+}

package/dist/esm/components/ui/PlacementLoader.js

@@ -0,0 +1,28 @@
+import React from 'react';
+/**
+ * Default skeleton shown while a placement loads — two stub text lines and a
+ * larger content block inside a rounded container. Themed via the
+ * `--w5-placement-loader-*` CSS variables in `PlacementLoader.css`; client
+ * packages can override those tokens to match their brand.
+ */
+export const PlacementLoader = _ref => {
+  let {
+    ariaLabel = 'Loading',
+    className
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: className ? `w5-placement-loader ${className}` : 'w5-placement-loader',
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w5-placement-loader__lines"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "w5-placement-loader__line w5-placement-loader__line--short"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "w5-placement-loader__line"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "w5-placement-loader__block"
+  }));
+};
+//# sourceMappingURL=PlacementLoader.js.map

package/dist/esm/components/ui/PlacementLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PlacementLoader","_ref","ariaLabel","className","createElement","role"],"sources":["../../../../src/components/ui/PlacementLoader.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nexport interface PlacementLoaderProps {\n  /** Accessible label announced to screen readers. */\n  ariaLabel?: string;\n  /** Extra class on the outer container. */\n  className?: string;\n}\n\n/**\n * Default skeleton shown while a placement loads — two stub text lines and a\n * larger content block inside a rounded container. Themed via the\n * `--w5-placement-loader-*` CSS variables in `PlacementLoader.css`; client\n * packages can override those tokens to match their brand.\n */\nexport const PlacementLoader: FC<PlacementLoaderProps> = ({\n  ariaLabel = 'Loading',\n  className,\n}) => (\n  <div\n    className={\n      className\n        ? `w5-placement-loader ${className}`\n        : 'w5-placement-loader'\n    }\n    role=\"status\"\n    aria-live=\"polite\"\n    aria-label={ariaLabel}\n  >\n    <div className=\"w5-placement-loader__lines\">\n      <span className=\"w5-placement-loader__line w5-placement-loader__line--short\" />\n      <span className=\"w5-placement-loader__line\" />\n    </div>\n    <span className=\"w5-placement-loader__block\" />\n  </div>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AAStC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAyC,GAAGC,IAAA;EAAA,IAAC;IACxDC,SAAS,GAAG,SAAS;IACrBC;EACF,CAAC,GAAAF,IAAA;EAAA,oBACCF,KAAA,CAAAK,aAAA;IACED,SAAS,EACPA,SAAS,GACL,uBAAuBA,SAAS,EAAE,GAClC,qBACL;IACDE,IAAI,EAAC,QAAQ;IACb,aAAU,QAAQ;IAClB,cAAYH;EAAU,gBAEtBH,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAC;EAA4B,gBACzCJ,KAAA,CAAAK,aAAA;IAAMD,SAAS,EAAC;EAA4D,CAAE,CAAC,eAC/EJ,KAAA,CAAAK,aAAA;IAAMD,SAAS,EAAC;EAA2B,CAAE,CAC1C,CAAC,eACNJ,KAAA,CAAAK,aAAA;IAAMD,SAAS,EAAC;EAA4B,CAAE,CAC3C,CAAC;AAAA,CACP","ignoreList":[]}

package/dist/esm/components/ui/PromptEntryEmptyState.css

@@ -0,0 +1,172 @@
+.web5-empty-state {
+  width: 100%;
+  /* Subtract the host's fixed top-nav height (measured into this var by
+     inject-host-nav-offset.ts) so the centered empty state fills exactly the
+     space below the nav instead of a full viewport — which would overflow by
+     the nav height and add unnecessary vertical scroll. Falls back to 0px
+     (full 100dvh) when embedded without a pinned host nav. */
+  min-height: calc(100dvh - var(--web5-window-scroll-top-offset, 0px));
+  padding:
+    clamp(1.5rem, 4vw, 3rem)
+    clamp(1.5rem, 4vw, 3rem)
+    clamp(2rem, 5vw, 3rem);
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+}
+
+/* Decorative full-bleed layer behind the content (e.g. a hero image). */
+.web5-empty-state__bg {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+
+.web5-empty-state__inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  position: relative;
+  z-index: 1;
+}
+
+/* ── Hero (left-aligned) variant ── */
+.web5-empty-state--start .web5-empty-state__inner {
+  justify-content: flex-start;
+}
+
+.web5-empty-state--start .web5-empty-state__content {
+  align-items: flex-start;
+  text-align: left;
+  width: min(100%, var(--pi-empty-start-max-w, 38rem));
+}
+
+.web5-empty-state--start .web5-empty-state__copy {
+  align-items: flex-start;
+}
+
+.web5-empty-state--start .web5-empty-state__prompt {
+  width: 100%;
+}
+
+.web5-empty-state__content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--pi-empty-stack-gap, 2rem);
+  width: min(100%, var(--pi-empty-max-w, 60rem));
+  text-align: center;
+}
+
+.web5-empty-state__copy {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.875rem;
+  max-width: min(100%, 42rem);
+}
+
+.web5-empty-state__eyebrow {
+  margin: 0;
+  color: var(--pi-empty-eyebrow-color, var(--pi-field-text));
+  font-family: var(--pi-field-font-family);
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.4;
+  letter-spacing: -0.01em;
+}
+
+.web5-empty-state__title {
+  margin: 0;
+  color: var(--pi-empty-title-color, var(--pi-field-text));
+  font-family: var(--pi-field-font-family);
+  font-size: clamp(2rem, 4vw, 2.625rem);
+  font-weight: 600;
+  line-height: 1.1;
+  letter-spacing: -0.03em;
+  text-wrap: balance;
+}
+
+.web5-empty-state__description {
+  margin: 0;
+  color: var(--pi-empty-description-color, var(--pi-field-text));
+  font-family: var(--pi-field-font-family);
+  font-size: clamp(1rem, 1.3vw, 1.125rem);
+  line-height: 1.45;
+  text-wrap: pretty;
+}
+
+.web5-empty-state__prompt {
+  width: min(100%, 42.1875rem);
+}
+
+.web5-empty-state__prompt .web5-prompt-shell__panel {
+  padding-block: 0;
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+}
+
+.web5-empty-state__prompt .web5-prompt-shell__stack {
+  gap: var(--pi-stack-gap);
+}
+
+.web5-empty-state__prompt .web5-prompt-search__inner {
+  width: min(100%, 42.1875rem);
+}
+
+.web5-empty-state__prompt .web5-prompt-field {
+  /* Start as a single line; the textarea auto-grows (SearchSection) up to the
+     input max-height (5 lines) below. */
+  min-height: var(--pi-field-min-h, 3.5rem);
+  align-items: center;
+  padding: 0.75rem 1.3125rem;
+  border-radius: var(--pi-home-entry-field-radius, var(--pi-field-radius-multiline));
+  background: var(--pi-field-bg);
+  box-shadow: var(--pi-field-shadow);
+}
+
+.web5-empty-state__prompt .web5-prompt-input {
+  min-height: 1.75rem;
+  /* Grow up to 5 lines (5 × 1.5rem line-height), then scroll. */
+  max-height: 7.5rem;
+  padding-right: 3.375rem;
+  color: #52575b;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.web5-empty-state__prompt .web5-prompt-input::placeholder {
+  color: var(--pi-field-placeholder);
+}
+
+.web5-empty-state__prompt .web5-prompt-actions {
+  top: auto;
+  right: 0.875rem;
+  bottom: 0.8125rem;
+  transform: none;
+}
+
+@media (max-width: 48rem) {
+  .web5-empty-state {
+    padding:
+      1.5rem
+      1.25rem
+      2rem;
+  }
+
+  .web5-empty-state__content {
+    gap: 1.5rem;
+  }
+
+  .web5-empty-state__copy {
+    max-width: 32rem;
+  }
+
+}

package/dist/esm/components/ui/PromptEntryEmptyState.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { cn } from '../../lib/utils.js';
+export const PromptEntryEmptyState = _ref => {
+  let {
+    eyebrow,
+    title,
+    description,
+    children,
+    className,
+    align = 'center',
+    background
+  } = _ref;
+  return /*#__PURE__*/React.createElement("section", {
+    className: cn('web5-empty-state', align === 'start' && 'web5-empty-state--start', className),
+    "aria-labelledby": "web5-empty-state-title"
+  }, background ? /*#__PURE__*/React.createElement("div", {
+    className: "web5-empty-state__bg",
+    "aria-hidden": "true"
+  }, background) : null, /*#__PURE__*/React.createElement("div", {
+    className: "web5-empty-state__inner"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "web5-empty-state__content"
+  }, /*#__PURE__*/React.createElement("header", {
+    className: "web5-empty-state__copy"
+  }, eyebrow ? /*#__PURE__*/React.createElement("p", {
+    className: "web5-empty-state__eyebrow"
+  }, eyebrow) : null, /*#__PURE__*/React.createElement("h1", {
+    id: "web5-empty-state-title",
+    className: "web5-empty-state__title"
+  }, title), description ? /*#__PURE__*/React.createElement("p", {
+    className: "web5-empty-state__description"
+  }, description) : null), children ? /*#__PURE__*/React.createElement("div", {
+    className: "web5-empty-state__prompt"
+  }, children) : null)));
+};
+//# sourceMappingURL=PromptEntryEmptyState.js.map

package/dist/esm/components/ui/PromptEntryEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","PromptEntryEmptyState","_ref","eyebrow","title","description","children","className","align","background","createElement","id"],"sources":["../../../../src/components/ui/PromptEntryEmptyState.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface PromptEntryEmptyStateProps {\n  eyebrow?: string;\n  title: string;\n  description?: string;\n  children?: ReactNode;\n  className?: string;\n  /**\n   * Content alignment. `'center'` (default) keeps the classic centered card.\n   * `'start'` left-aligns the copy + prompt against the left edge for a hero\n   * layout (used together with a full-bleed `background`).\n   */\n  align?: 'center' | 'start';\n  /**\n   * Optional decorative layer rendered behind the content (e.g. a hero image).\n   * Sits in an absolutely-positioned, non-interactive layer below the copy.\n   */\n  background?: ReactNode;\n}\n\nexport const PromptEntryEmptyState: FC<PromptEntryEmptyStateProps> = ({\n  eyebrow,\n  title,\n  description,\n  children,\n  className,\n  align = 'center',\n  background,\n}) => {\n  return (\n    <section\n      className={cn(\n        'web5-empty-state',\n        align === 'start' && 'web5-empty-state--start',\n        className,\n      )}\n      aria-labelledby=\"web5-empty-state-title\"\n    >\n      {background ? (\n        <div className=\"web5-empty-state__bg\" aria-hidden=\"true\">\n          {background}\n        </div>\n      ) : null}\n      <div className=\"web5-empty-state__inner\">\n        <div className=\"web5-empty-state__content\">\n          <header className=\"web5-empty-state__copy\">\n            {eyebrow ? (\n              <p className=\"web5-empty-state__eyebrow\">{eyebrow}</p>\n            ) : null}\n            <h1 id=\"web5-empty-state-title\" className=\"web5-empty-state__title\">\n              {title}\n            </h1>\n            {description ? (\n              <p className=\"web5-empty-state__description\">{description}</p>\n            ) : null}\n          </header>\n\n          {children ? (\n            <div className=\"web5-empty-state__prompt\">{children}</div>\n          ) : null}\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AAqBpC,OAAO,MAAMC,qBAAqD,GAAGC,IAAA,IAQ/D;EAAA,IARgE;IACpEC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,SAAS;IACTC,KAAK,GAAG,QAAQ;IAChBC;EACF,CAAC,GAAAP,IAAA;EACC,oBACEH,KAAA,CAAAW,aAAA;IACEH,SAAS,EAAEP,EAAE,CACX,kBAAkB,EAClBQ,KAAK,KAAK,OAAO,IAAI,yBAAyB,EAC9CD,SACF,CAAE;IACF,mBAAgB;EAAwB,GAEvCE,UAAU,gBACTV,KAAA,CAAAW,aAAA;IAAKH,SAAS,EAAC,sBAAsB;IAAC,eAAY;EAAM,GACrDE,UACE,CAAC,GACJ,IAAI,eACRV,KAAA,CAAAW,aAAA;IAAKH,SAAS,EAAC;EAAyB,gBACtCR,KAAA,CAAAW,aAAA;IAAKH,SAAS,EAAC;EAA2B,gBACxCR,KAAA,CAAAW,aAAA;IAAQH,SAAS,EAAC;EAAwB,GACvCJ,OAAO,gBACNJ,KAAA,CAAAW,aAAA;IAAGH,SAAS,EAAC;EAA2B,GAAEJ,OAAW,CAAC,GACpD,IAAI,eACRJ,KAAA,CAAAW,aAAA;IAAIC,EAAE,EAAC,wBAAwB;IAACJ,SAAS,EAAC;EAAyB,GAChEH,KACC,CAAC,EACJC,WAAW,gBACVN,KAAA,CAAAW,aAAA;IAAGH,SAAS,EAAC;EAA+B,GAAEF,WAAe,CAAC,GAC5D,IACE,CAAC,EAERC,QAAQ,gBACPP,KAAA,CAAAW,aAAA;IAAKH,SAAS,EAAC;EAA0B,GAAED,QAAc,CAAC,GACxD,IACD,CACF,CACE,CAAC;AAEd,CAAC","ignoreList":[]}