@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/components/loading/unified-skeleton.d.ts

@@ -1,5 +1,11 @@
 import type React from 'react';
-interface UnifiedSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+import { type ButtonSizeKey } from '../ui/button/button-styles';
+interface UnifiedSkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * A skeleton is a shape, never a frame: it takes no children, so nothing (another skeleton above all) is ever
+     * drawn inside its pulsing surface.
+     */
+    children?: never;
     className?: string;
     variant?: 'default' | 'text' | 'circular' | 'rectangular';
     width?: string | number;
@@ -27,8 +33,8 @@ interface UnifiedSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
  * Base skeleton component with consistent styling across the application.
  *
  * Design Specifications:
- * - Color: #2A2A2A base with #3A3A3A pulse highlight
- * - Animation: 1.5s pulse duration, ease-in-out timing
+ * - Surface: `SKELETON_SURFACE_CLASS` (`ui/skeleton-surface.ts`), the ONE skeleton surface: the ODS skeleton token
+ *   and the ONE pulse every loading state shares. Never a second colour, duration or animation.
  * - Responsive: Mobile-first approach with proper scaling
  * - Accessibility: hidden from assistive technology (the `LoadingRegion` around it announces), reduced motion support
  *
@@ -41,7 +47,47 @@ interface UnifiedSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
  */
 export declare function UnifiedSkeleton({ className, variant, width, height, animate, 'aria-label': ariaLabel, as: Tag, ...props }: UnifiedSkeletonProps): React.JSX.Element;
 /**
- * Text skeleton variants for consistent typography loading
+ * The ODS type steps a text line can take, as static classes (a class built at runtime emits no CSS). `inherit` sets
+ * no type of its own: the bar takes the line height of the element it sits in (a row sized by its caller).
+ */
+declare const TEXT_LINE_TYPE: {
+    readonly h1: "text-h1";
+    readonly h2: "text-h2";
+    readonly h3: "text-h3";
+    readonly h4: "text-h4";
+    readonly h5: "text-h5";
+    readonly h6: "text-h6";
+    readonly code: "text-code";
+    readonly inherit: "";
+};
+export type TextLineType = keyof typeof TEXT_LINE_TYPE;
+export interface TextLineSkeletonProps {
+    /** The type step of the text the bar stands for (`inherit`: the surrounding element's). */
+    type: TextLineType;
+    /** How many lines the text takes (1 by default). Past 6, the height is set inline in `lh`. */
+    lines?: number;
+    /**
+     * `span` for a bar inside phrasing content (a `<p>`, a heading, a label): a `<div>` there is invalid HTML, and
+     * the browser's parser closes the `<p>` around it, adding empty paragraphs that take a flex gap each.
+     */
+    as?: 'div' | 'span';
+    /**
+     * The bar's width as an inline style, for a width a static class cannot state (a `ch` count per item: `'12ch'`).
+     * A class in `className` is the usual way.
+     */
+    width?: string | number;
+    className?: string;
+}
+/**
+ * THE text bar: a run of text lines while it loads. The bar takes the type step the loaded text uses and `lines` of
+ * its line height (`lh`), so the loaded text takes its place at every breakpoint without moving the page. Never
+ * rebuild it as a `UnifiedSkeleton` with `h-[1lh]`.
+ */
+export declare function TextLineSkeleton({ type, lines, as, width, className }: TextLineSkeletonProps): React.JSX.Element;
+/**
+ * Text skeleton variants at fixed heights. A skeleton that must take exactly
+ * the space of the text it stands for (a card whose loaded and loading boxes
+ * are one size) is `TextLineSkeleton`, sized by the text's own type step.
  */
 export declare const TextSkeleton: {
     /**
@@ -61,14 +107,16 @@ export declare const TextSkeleton: {
      */
     Caption: ({ className, ...props }: Omit<UnifiedSkeletonProps, "variant">) => React.JSX.Element;
 };
-/**
- * Interactive element skeletons
- */
 export declare const InteractiveSkeleton: {
     /**
-     * Button skeleton with proper touch targets
+     * A button while its label is read (or a whole button row in a skeleton): the box is that Button size's own
+     * classes (`BUTTON_SIZE_CLASS`, the same map `buttonVariants` reads: height and padding per breakpoint; the
+     * `default` size when none is given, as `Button`'s own default) and a width standing for the label (`className`
+     * overrides it); icon sizes carry their own width.
      */
-    Button: ({ className, ...props }: Omit<UnifiedSkeletonProps, "variant">) => React.JSX.Element;
+    Button: ({ className, size, ...props }: Omit<UnifiedSkeletonProps, "variant"> & {
+        size?: ButtonSizeKey;
+    }) => React.JSX.Element;
     /**
      * Input field skeleton
      */

package/dist/components/loading/unified-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unified-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/unified-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAmB,EACnB,KAAK,EACL,MAAM,EACN,OAAc,EACd,YAAY,EAAE,SAAS,EACvB,EAAE,EAAE,GAAW,EACf,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAmDtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;IACvB;;OAEG;uCACgC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAIxE;;OAEG;0CACmC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAI3E;;OAEG;oCAC6B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAIrE;;OAEG;uCACgC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;CAGzE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;sCAC+B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAQvE;;OAEG;qCAC8B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAItE;;OAEG;oCAC6B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;CAGtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB;;OAEG;4CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;IAUxE;;;OAGG;yCACkC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAI1E;;OAEG;0CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;CASzE,CAAC"}
+{"version":3,"file":"unified-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/loading/unified-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAInF,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAmB,EACnB,KAAK,EACL,MAAM,EACN,OAAc,EACd,YAAY,EAAE,SAAS,EACvB,EAAE,EAAE,GAAW,EACf,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAqDtB;AAED;;;GAGG;AACH,QAAA,MAAM,cAAc;;;;;;;;;CASV,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,cAAc,CAAC;AAEvD,MAAM,WAAW,qBAAqB;IACpC,2FAA2F;IAC3F,IAAI,EAAE,YAAY,CAAC;IACnB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAS,EAAE,EAAU,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBAsBxG;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY;IACvB;;OAEG;uCACgC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAIxE;;OAEG;0CACmC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAI3E;;OAEG;oCAC6B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAIrE;;OAEG;uCACgC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;CAGzE,CAAC;AAQF,eAAO,MAAM,mBAAmB;IAC9B;;;;;OAKG;4CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,aAAa,CAAA;KAAE;IAQnE;;OAEG;qCAC8B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAQtE;;OAEG;oCAC6B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;CAGtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB;;OAEG;4CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;IAUxE;;;OAGG;yCACkC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAI1E;;OAEG;0CAKA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;CASzE,CAAC"}

package/dist/components/loading/unified-skeleton.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { TEXT_LINES_HEIGHT } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
+import { BUTTON_SIZE_CLASS } from "../ui/button/button-styles.js";
+import { INPUT_HEIGHT_CLASS, INPUT_RADIUS_CLASS } from "../ui/input-styles.js";
 import { SKELETON_SURFACE_CLASS } from "../ui/skeleton-surface.js";
 function UnifiedSkeleton({
   className,
@@ -29,8 +32,9 @@ function UnifiedSkeleton({
     className ?? ""
   );
   const style = {
-    width,
-    height
+    ...props.style,
+    ...width !== void 0 && { width },
+    ...height !== void 0 && { height }
   };
   return /* @__PURE__ */ jsx(
     Tag,
@@ -44,9 +48,38 @@ function UnifiedSkeleton({
         !width && !style.width && variant !== "circular" && "w-full",
         className
       ),
-      style,
       ...ariaLabel ? { role: "status", "aria-label": ariaLabel } : { "aria-hidden": true },
-      ...props
+      ...props,
+      style
+    }
+  );
+}
+const TEXT_LINE_TYPE = {
+  h1: "text-h1",
+  h2: "text-h2",
+  h3: "text-h3",
+  h4: "text-h4",
+  h5: "text-h5",
+  h6: "text-h6",
+  code: "text-code",
+  inherit: ""
+};
+function TextLineSkeleton({ type, lines = 1, as = "div", width, className }) {
+  const Tag = as;
+  const heightClass = TEXT_LINES_HEIGHT[lines];
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      "aria-hidden": "true",
+      className: cn("flex flex-col", TEXT_LINE_TYPE[type], heightClass, className),
+      style: heightClass && width === void 0 ? void 0 : { height: heightClass ? void 0 : `${lines}lh`, width },
+      children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx(Tag, { className: "flex h-[1lh] items-center", children: /* @__PURE__ */ jsx(
+        UnifiedSkeleton,
+        {
+          as,
+          className: cn("block h-[0.7lh] rounded", lines > 1 && index === lines - 1 ? "w-3/5" : "w-full")
+        }
+      ) }, index))
     }
   );
 }
@@ -68,22 +101,37 @@ const TextSkeleton = {
    */
   Caption: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: cn("h-3 content-md:h-4", className), ...props })
 };
+const BUTTON_SKELETON_LABEL_WIDTH_CLASS = "w-24";
 const InteractiveSkeleton = {
   /**
-   * Button skeleton with proper touch targets
+   * A button while its label is read (or a whole button row in a skeleton): the box is that Button size's own
+   * classes (`BUTTON_SIZE_CLASS`, the same map `buttonVariants` reads: height and padding per breakpoint; the
+   * `default` size when none is given, as `Button`'s own default) and a width standing for the label (`className`
+   * overrides it); icon sizes carry their own width.
    */
-  Button: ({ className, ...props }) => /* @__PURE__ */ jsx(
+  Button: ({
+    className,
+    size = "default",
+    ...props
+  }) => /* @__PURE__ */ jsx(
     UnifiedSkeleton,
     {
       variant: "default",
-      className: cn("h-10 w-32 content-md:h-12 content-md:w-40", className),
+      className: cn(BUTTON_SIZE_CLASS[size], !size.startsWith("icon") && BUTTON_SKELETON_LABEL_WIDTH_CLASS, className),
       ...props
     }
   ),
   /**
    * Input field skeleton
    */
-  Input: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "default", className: cn("h-10 w-full content-md:h-12", className), ...props }),
+  Input: ({ className, ...props }) => /* @__PURE__ */ jsx(
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: cn("w-full", INPUT_HEIGHT_CLASS, INPUT_RADIUS_CLASS, className),
+      ...props
+    }
+  ),
   /**
    * Filter chip skeleton
    */
@@ -129,6 +177,7 @@ const MediaSkeleton = {
 export {
   InteractiveSkeleton,
   MediaSkeleton,
+  TextLineSkeleton,
   TextSkeleton,
   UnifiedSkeleton
 };

package/dist/components/log-severity-dot.d.ts

@@ -1,3 +1,5 @@
 import { type LogSeverityDotProps } from '../types/logs.types';
+/** The dot while its log is read: the dot's own box, the dot a circle of the dot's size. */
+export declare function LogSeverityDotSkeleton({ size, className }: Pick<LogSeverityDotProps, 'size' | 'className'>): import("react").JSX.Element;
 export declare const LogSeverityDot: import("react").ForwardRefExoticComponent<LogSeverityDotProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=log-severity-dot.d.ts.map

package/dist/components/log-severity-dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-severity-dot.d.ts","sourceRoot":"","sources":["../../src/components/log-severity-dot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA4C,MAAM,qBAAqB,CAAC;AAGzG,eAAO,MAAM,cAAc,gHA2B1B,CAAC"}
+{"version":3,"file":"log-severity-dot.d.ts","sourceRoot":"","sources":["../../src/components/log-severity-dot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAA4C,MAAM,qBAAqB,CAAC;AASzG,4FAA4F;AAC5F,wBAAgB,sBAAsB,CAAC,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,WAAW,CAAC,+BAMjH;AAED,eAAO,MAAM,cAAc,gHAe1B,CAAC"}

package/dist/components/log-severity-dot.js

@@ -3,28 +3,25 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { LOG_SEVERITY_COLORS, LOG_SEVERITY_LABELS } from "../types/logs.types.js";
 import { cn } from "../utils/cn.js";
+import { UnifiedSkeleton } from "./loading/unified-skeleton.js";
+const SEVERITY_BOX_CLASS = { sm: "w-4 h-4", md: "w-6 h-6", lg: "w-8 h-8" };
+const SEVERITY_DOT_CLASS = { sm: "w-2 h-2", md: "w-3 h-3", lg: "w-4 h-4" };
+const SEVERITY_FRAME_CLASS = "relative flex shrink-0 items-center justify-center";
+function LogSeverityDotSkeleton({ size = "md", className }) {
+  return /* @__PURE__ */ jsx("span", { className: cn(SEVERITY_FRAME_CLASS, SEVERITY_BOX_CLASS[size], className), "aria-hidden": true, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "circular", className: SEVERITY_DOT_CLASS[size] }) });
+}
 const LogSeverityDot = forwardRef(
   ({ severity, size = "md", className }, ref) => {
-    const sizeClasses = {
-      sm: "w-4 h-4",
-      md: "w-6 h-6",
-      lg: "w-8 h-8"
-    };
-    const dotSizeClasses = {
-      sm: "w-2 h-2",
-      md: "w-3 h-3",
-      lg: "w-4 h-4"
-    };
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
-        className: cn("relative flex shrink-0 items-center justify-center", sizeClasses[size], className),
+        className: cn(SEVERITY_FRAME_CLASS, SEVERITY_BOX_CLASS[size], className),
         "aria-label": `${LOG_SEVERITY_LABELS[severity]} severity`,
         children: /* @__PURE__ */ jsx(
           "div",
           {
-            className: cn("rounded-full", dotSizeClasses[size]),
+            className: cn("rounded-full", SEVERITY_DOT_CLASS[size]),
             style: { backgroundColor: LOG_SEVERITY_COLORS[severity] }
           }
         )
@@ -34,5 +31,6 @@ const LogSeverityDot = forwardRef(
 );
 LogSeverityDot.displayName = "LogSeverityDot";
 export {
-  LogSeverityDot
+  LogSeverityDot,
+  LogSeverityDotSkeleton
 };

package/dist/components/logs-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logs-list.d.ts","sourceRoot":"","sources":["../../src/components/logs-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,qBAAqB,CAAC;AA0DnE,eAAO,MAAM,QAAQ,0GAsFpB,CAAC"}
+{"version":3,"file":"logs-list.d.ts","sourceRoot":"","sources":["../../src/components/logs-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,qBAAqB,CAAC;AAoFnE,eAAO,MAAM,QAAQ,0GA0EpB,CAAC"}

package/dist/components/logs-list.js

@@ -3,18 +3,32 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
 import { cn } from "../utils/cn.js";
 import { formatDateTimeYmd } from "../utils/format.js";
-import { LogSeverityDot } from "./log-severity-dot.js";
+import { LoadingRegion } from "./loading/loading-region.js";
+import { TextLineSkeleton } from "./loading/unified-skeleton.js";
+import { LogSeverityDot, LogSeverityDotSkeleton } from "./log-severity-dot.js";
 import { ToolIcon } from "./tool-icon.js";
 const formatTimestamp = (timestamp) => formatDateTimeYmd(timestamp, null, { separator: "," });
+const LOG_ROW_CLASS = "relative box-border flex w-full items-start gap-3 rounded px-1 py-2";
+const LOG_ROW_TEXT_CLASS = "min-w-0 flex-1 space-y-1";
+const LOG_META_ROW_CLASS = "flex items-center gap-2";
+const LOG_SCROLL_CLASS = "flex-1 overflow-y-auto px-4 py-3";
+const LOG_FRAME_CLASS = "relative flex flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card";
+const LOGS_LIST_FOLD = 6;
+function LogCardSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: LOG_ROW_CLASS, "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx(LogSeverityDotSkeleton, { size: "md" }),
+    /* @__PURE__ */ jsxs("div", { className: LOG_ROW_TEXT_CLASS, children: [
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-3/4" }),
+      /* @__PURE__ */ jsx("div", { className: LOG_META_ROW_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h5", className: "w-32" }) })
+    ] })
+  ] });
+}
 const LogCard = ({ log, isLast, showConnector, onClick }) => {
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn(
-          "relative box-border flex w-full items-start gap-3 rounded px-1 py-2",
-          "cursor-pointer transition-colors hover:bg-ods-bg-hover/50"
-        ),
+        className: cn(LOG_ROW_CLASS, "cursor-pointer transition-colors hover:bg-ods-bg-hover/50"),
         onClick,
         role: "button",
         tabIndex: 0,
@@ -26,9 +40,9 @@ const LogCard = ({ log, isLast, showConnector, onClick }) => {
         },
         children: [
           /* @__PURE__ */ jsx(LogSeverityDot, { severity: log.severity, size: "md" }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: LOG_ROW_TEXT_CLASS, children: [
             /* @__PURE__ */ jsx("p", { className: "text-ods-text-primary text-h6", children: log.title }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: LOG_META_ROW_CLASS, children: [
               /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h5", children: formatTimestamp(log.timestamp) }),
               log.toolType && /* @__PURE__ */ jsx(ToolIcon, { toolType: log.toolType, size: 16 })
             ] })
@@ -70,20 +84,10 @@ const LogsList = forwardRef(
       return "";
     };
     if (loading) {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "rounded-lg border border-ods-border bg-ods-card p-4",
-            "flex items-center justify-center",
-            getContainerClasses(),
-            className
-          ),
-          style: getContainerStyles(),
-          children: /* @__PURE__ */ jsx("div", { className: "text-ods-text-muted text-h6", children: "Loading logs..." })
-        }
-      );
+      return /* @__PURE__ */ jsx("div", { ref, className: cn(LOG_FRAME_CLASS, getContainerClasses(), className), style: getContainerStyles(), children: /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading logs", className: LOG_SCROLL_CLASS, children: Array.from({ length: LOGS_LIST_FOLD }, (_, i) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
+        /* @__PURE__ */ jsx(LogCardSkeleton, {}, i)
+      )) }) });
     }
     if (logs.length === 0) {
       return /* @__PURE__ */ jsx(
@@ -101,29 +105,16 @@ const LogsList = forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx(
-      "div",
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(LOG_FRAME_CLASS, getContainerClasses(), className), style: getContainerStyles(), children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: LOG_SCROLL_CLASS, children: logs.map((log, index) => /* @__PURE__ */ jsx(
+      LogCard,
       {
-        ref,
-        className: cn(
-          "relative rounded-lg border border-ods-border bg-ods-card",
-          "flex flex-col overflow-hidden",
-          getContainerClasses(),
-          className
-        ),
-        style: getContainerStyles(),
-        children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: "flex-1 overflow-y-auto px-4 py-3", children: logs.map((log, index) => /* @__PURE__ */ jsx(
-          LogCard,
-          {
-            log,
-            isLast: index === logs.length - 1,
-            showConnector,
-            onClick: () => onLogClick?.(log)
-          },
-          log.id
-        )) })
-      }
-    );
+        log,
+        isLast: index === logs.length - 1,
+        showConnector,
+        onClick: () => onLogClick?.(log)
+      },
+      log.id
+    )) }) });
   }
 );
 LogsList.displayName = "LogsList";

package/dist/components/media-carousel.d.ts

@@ -34,5 +34,4 @@ export interface MediaCarouselProps {
     reserveDotRow?: boolean;
 }
 export declare const MediaCarousel: import("react").NamedExoticComponent<MediaCarouselProps>;
-export type { MediaItem };
 //# sourceMappingURL=media-carousel.d.ts.map

package/dist/components/media-carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-carousel.d.ts","sourceRoot":"","sources":["../../src/components/media-carousel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAmBpE;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC7C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,kHAAkH;IAClH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;gFAE4E;IAC5E,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C;;;8EAG0E;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,0DA6RxB,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"media-carousel.d.ts","sourceRoot":"","sources":["../../src/components/media-carousel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAmBpE;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC7C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,kHAAkH;IAClH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;gFAE4E;IAC5E,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C;;;8EAG0E;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,0DA6RxB,CAAC"}

package/dist/components/meeting-scheduler/booking-form.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode, Ref } from 'react';
-import { type BuiltInBookingFieldName, type DeniedEmailDomains, type MeetingAvailability } from '../../schemas/meeting-booking-schema';
+import { type BuiltInBookingFieldName, type DeniedEmailDomains, type MeetingAvailability, type MeetingFormField } from '../../schemas/meeting-booking-schema';
 import type { FormRescueDefinition } from '../../utils/form-rescue';
 /**
  * One field in a host-supplied row. `name` is a built-in (`email`, `firstName`,
@@ -27,6 +27,14 @@ export type BookingFieldRow = BookingFieldSlot[];
 export interface BookingFieldCopy {
     label?: string;
     placeholder?: string;
+    /**
+     * How a CHOICE question (`select`, `radio`) is drawn. Omitted or `dropdown`:
+     * the question's own control (a select, or radio buttons). `chips`: one-tap
+     * chips, when the link offers at most `CHIP_MAX_OPTIONS` answers (past it, the
+     * question's own control). The answers, their name and their validation are
+     * always the link's own.
+     */
+    display?: 'chips' | 'dropdown';
 }
 /**
  * A HOST-supplied consent row — the block the waitlist form draws for its SMS
@@ -59,8 +67,16 @@ export declare const DEFAULT_SUBMIT_LABEL = "Confirm Booking";
 /** The even split of four columns over `count` slots; a remainder goes to the
  *  leading slots (three slots → 2/1/1), so a row never leaves a trailing gap. */
 export declare const evenSpan: (count: number, index: number) => BookingFieldSpan;
+/** An option's display text: HubSpot's label when it differs from the submitted value. Exported: a host that asks
+ *  one of the link's questions outside the form (a landing hero) words its answers the same way. */
+export declare const formFieldOptionLabel: (field: Pick<MeetingFormField, "optionLabels">, value: string) => string;
+/** The most answers a choice question may offer and still be drawn as chips: more read better as a list. */
+export declare const CHIP_MAX_OPTIONS = 6;
 export interface BookingFormProps {
-    availability: MeetingAvailability;
+    /** The link's availability; null while it is read (the form is then its skeleton). */
+    availability: MeetingAvailability | null;
+    /** The link is still being read: the form draws its own skeleton (`BookingFormSkeleton`), as in a loading scope. */
+    loading?: boolean;
     meetingId: string;
     /** Absent in `deferSlot` mode — the slot is chosen AFTER these answers. */
     startTimeMs?: number;
@@ -76,6 +92,15 @@ export interface BookingFormProps {
     deferSlot?: boolean;
     /** Repopulates the form on a remount — the back edge, or an error return. */
     initialValues?: Record<string, unknown>;
+    /**
+     * Answers the host took OUTSIDE the form, by question name (a landing hero's
+     * one-tap question). Each is written into its question when the form mounts
+     * and whenever it changes, while the question is empty or still holds the
+     * host's last answer: nothing the visitor typed is overwritten, and an answer
+     * the host withdraws clears what it wrote. An answer to a question the form
+     * does not ask is ignored.
+     */
+    answers?: Readonly<Record<string, string>>;
     /** Defaults to "Confirm Booking"; details-first says "Continue". */
     submitLabel?: string;
     /** Small print beside the submit (details-first sets expectations). */
@@ -90,6 +115,15 @@ export interface BookingFormProps {
      * appended full width. Both are deliberate — see `slotNode`/`unplacedFields`.
      */
     fieldRows?: BookingFieldRow[];
+    /**
+     * The OPTIONAL questions of the link this form asks, by name. A link is often
+     * shared by several pages, and a question added to it for one page must not
+     * appear on the others: with this set, an optional question it does not name
+     * is left out (in `fieldRows` and in the default layout alike). A REQUIRED
+     * question is always asked, named or not: a required field with no control
+     * is a submit that cannot succeed. Omitted: every declared question is asked.
+     */
+    optionalFields?: readonly string[];
     /** The form element's id, so a host can submit it from a button outside it
      *  (`<button form={id}>`): the modal layout keeps its actions in a footer
      *  under the card. */
@@ -134,8 +168,10 @@ export interface BookingFormProps {
  * external embedders). Honeypot + elapsed-ms are merged into the POST at
  * submit; the parent calls `resetSignals()` after a SLOT_TAKEN refetch so a
  * legitimate retry isn't flagged too-fast.
+ *
+ * While the link is read (`loading`, a loading scope, or no availability yet) the form is its own skeleton.
  */
-export declare function BookingForm({ availability, meetingId, startTimeMs, durationMs, timezone, deferSlot, initialValues, submitLabel, footerNote, fieldRows, formId, hideSubmit, onValidityChange, fieldCopy, deniedEmailDomains, consent, isSubmitting, onSubmit, honeypotInputProps, getSignals, rescue, }: BookingFormProps): import("react").JSX.Element;
+export declare function BookingForm(props: BookingFormProps): import("react").JSX.Element;
 /**
  * Cold-start placeholder for `flow="details-first"`, where the FORM is the
  * first thing in the action panel.
@@ -147,13 +183,21 @@ export declare function BookingForm({ availability, meetingId, startTimeMs, dura
  * cannot know: a textarea row is taller than its placeholder (the rows carry no
  * type), and a HubSpot `legalConsent` block only exists once availability lands.
  */
-export declare function BookingFormSkeleton({ fieldRows, consent, footerNote, }: {
+export declare function BookingFormSkeleton({ fieldRows, optionalFields, fieldCopy, consent, footerNote, submitLabel, }: {
     fieldRows?: BookingFieldRow[];
-    /** Whether the host adds its consent row (drawn only then). A HubSpot
-     *  `legalConsent` block is unknown until availability lands — the one
-     *  footprint this skeleton cannot budget for. */
-    consent?: boolean;
+    /** The optional questions the form asks (`BookingForm`'s `optionalFields`): a row slot naming another optional
+     *  question is left out, as the loaded form leaves it out. */
+    optionalFields?: readonly string[];
+    /** The host's per-field copy (`BookingForm`'s `fieldCopy`): a built-in field's label is drawn with it. */
+    fieldCopy?: Record<string, BookingFieldCopy>;
+    /** The host's consent row (`BookingForm`'s `consent`), drawn for real: it is the host's own words. `true` (no
+     *  copy known) draws the row with its label as a bar. A HubSpot `legalConsent` block is unknown until
+     *  availability lands, the one footprint this skeleton cannot budget for. */
+    consent?: BookingFormConsent | boolean;
+    /** The footer's note (the host's words), drawn for real. */
     footerNote?: string;
+    /** The submit button's label (`BookingForm`'s `submitLabel`): the button is drawn for real at its own size. */
+    submitLabel?: string;
 }): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=booking-form.d.ts.map

package/dist/components/meeting-scheduler/booking-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-form.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/booking-form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"booking-form.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/booking-form.tsx"],"names":[],"mappings":"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"}