@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

package/dist/components/logs-list.js

@@ -5,8 +5,9 @@ import { cn } from "../utils/cn.js";
 import { formatDateTimeYmd } from "../utils/format.js";
 import { LoadingRegion } from "./loading/loading-region.js";
 import { TextLineSkeleton } from "./loading/unified-skeleton.js";
-import { LogSeverityDot, LogSeverityDotSkeleton } from "./log-severity-dot.js";
+import { LogSeverityDot } from "./log-severity-dot.js";
 import { ToolIcon } from "./tool-icon.js";
+import { LoadingItems } from "./ui/loading-scope.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";
@@ -15,8 +16,8 @@ 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_SKELETON_ROWS = 6;
 function LogCardSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: LOG_ROW_CLASS, "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx(LogSeverityDotSkeleton, { size: "md" }),
+  return /* @__PURE__ */ jsxs("div", { className: LOG_ROW_CLASS, "aria-hidden": true, "data-loading-item": true, children: [
+    /* @__PURE__ */ jsx(LogSeverityDot, { loading: true, 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" }) })
@@ -24,7 +25,7 @@ function LogCardSkeleton() {
   ] });
 }
 const LogCard = ({ log, isLast, showConnector, onClick }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "relative", "data-loading-item": true, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -85,10 +86,7 @@ const LogsList = forwardRef(
       return "";
     };
     if (loading) {
-      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: skeletonRows }, (_, i) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
-        /* @__PURE__ */ jsx(LogCardSkeleton, {}, i)
-      )) }) });
+      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: /* @__PURE__ */ jsx(LoadingItems, { count: skeletonRows, children: () => /* @__PURE__ */ jsx(LogCardSkeleton, {}) }) }) });
     }
     if (logs.length === 0) {
       return /* @__PURE__ */ jsx(

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

@@ -75,7 +75,7 @@ export declare const CHIP_MAX_OPTIONS = 6;
 export interface BookingFormProps {
     /** 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. */
+    /** The link is still being read: the form draws its own loading state, as in a loading scope. */
     loading?: boolean;
     meetingId: string;
     /** Absent in `deferSlot` mode — the slot is chosen AFTER these answers. */
@@ -172,32 +172,5 @@ export interface BookingFormProps {
  * While the link is read (`loading`, a loading scope, or no availability yet) the form is its own skeleton.
  */
 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.
- *
- * The slot-first skeleton (`SlotPickerSkeleton`) would put a grey calendar
- * where the form belongs — above the fold on a page whose entire content is
- * this card. Same footprint discipline as its sibling: fixed heights, and no
- * shift when the real form swaps in for single-line fields. Two footprints it
- * 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, optionalFields, fieldCopy, consent, footerNote, submitLabel, }: {
-    fieldRows?: BookingFieldRow[];
-    /** 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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"}

package/dist/components/meeting-scheduler/booking-form.js

@@ -40,7 +40,7 @@ import {
   ToggleGroupItem
 } from "../ui/index.js";
 import { HoneypotField } from "../ui/honeypot-field.js";
-import { useLoadingScope } from "../ui/loading-scope.js";
+import { LOADING_NOOP, useLoadingScope } from "../ui/loading-scope.js";
 import { TOGGLE_SIZE_CLASS } from "../ui/toggle.js";
 const FORM_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
 const ROW_GRID = "grid grid-cols-2 gap-x-[var(--spacing-system-m)] gap-y-[var(--spacing-system-lf)] content-md:grid-cols-4";
@@ -273,7 +273,7 @@ function BookingForm(props) {
   const { availability } = props;
   if (inScope || props.loading || !availability) {
     return /* @__PURE__ */ jsx(
-      BookingFormSkeleton,
+      BookingFormPending,
       {
         fieldRows: props.fieldRows,
         optionalFields: props.optionalFields,
@@ -567,7 +567,7 @@ function BookingFormBody({
     ] }) : /* @__PURE__ */ jsx("div", { className: FOOTER_BARE_CLASS, children: submitButton })
   ] });
 }
-function BookingFormSkeleton({
+function BookingFormPending({
   fieldRows,
   optionalFields,
   fieldCopy,
@@ -599,8 +599,7 @@ function BookingFormSkeleton({
         {
           id: consentId,
           checked: false,
-          onCheckedChange: () => {
-          },
+          onCheckedChange: LOADING_NOOP,
           required: true,
           label: consent === true ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-64 max-w-full" }) : consent.label,
           description: consent === true ? void 0 : consent.description
@@ -653,7 +652,6 @@ function FieldSkeleton({
 }
 export {
   BookingForm,
-  BookingFormSkeleton,
   CHIP_MAX_OPTIONS,
   DEFAULT_SUBMIT_LABEL,
   evenSpan,

package/dist/components/meeting-scheduler/context-panel.d.ts

@@ -1,4 +1,5 @@
 import type { MeetingHost } from '../../schemas/meeting-booking-schema';
+/** The skeleton's timezone picker is drawn in its loading form, where nothing can be picked. */
 /**
  * ContextPanel — the "who / what / how long" side of the scheduler card
  * (Calendly-anatomy left panel; stacks on top on mobile). Everything here is
@@ -49,29 +50,5 @@ export interface SchedulerContextPanelProps {
     /** The meeting is still being read: the panel draws its own skeleton, as in a loading scope. */
     loading?: boolean;
 }
-/**
- * Same-footprint skeleton — swaps with the loaded panel with zero shift.
- * STATIC labels ("Duration", "Timezone") render REAL; only data-driven
- * content (host identity, duration chips, the zone value) is skeleton.
- */
-export declare function ContextPanelSkeleton({ className, onBack, backLabel, title, description, durations, timezone, }: {
-    className?: string;
-    onBack?: () => void;
-    backLabel?: string;
-    /** The loaded panel has the meeting's title line (a bar of it). Default true: a scheduling link has a title. */
-    title?: boolean;
-    /** The loaded panel has the meeting's description line (a bar of it). Default true. */
-    description?: boolean;
-    /**
-     * How many duration chips the loaded panel offers: more than 1 draws the "Duration" row, otherwise the static
-     * duration line beside the host (every link states its length, as chips or as that line). Default 0.
-     */
-    durations?: number;
-    /**
-     * The timezone field, as the loaded panel draws it: `shown`, `wide` (only from `lg`, after a slot is chosen) or
-     * `hidden` (the confirmation). Default `shown`.
-     */
-    timezone?: 'shown' | 'wide' | 'hidden';
-}): import("react").JSX.Element;
 export declare function SchedulerContextPanel({ hosts, title, description, durationsMs, selectedDurationMs, onSelectDuration, timezone, onTimezoneChange, onBack, backLabel, locked, disabled, showTimezone, className, loading, }: SchedulerContextPanelProps): import("react").JSX.Element;
 //# sourceMappingURL=context-panel.d.ts.map

package/dist/components/meeting-scheduler/context-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-panel.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/context-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAWxE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;2EAGuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;2EACuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;iFAE6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gGAAgG;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA0DD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,MAAM,EACN,SAAkB,EAClB,KAAY,EACZ,WAAkB,EAClB,SAAa,EACb,QAAkB,GACnB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gHAAgH;IAChH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC,+BA0CA;AAQD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAkB,EAClB,MAAc,EACd,QAAgB,EAChB,YAAmB,EACnB,SAAS,EACT,OAAe,GAChB,EAAE,0BAA0B,+BAgH5B"}
+{"version":3,"file":"context-panel.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/context-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAUxE,gGAAgG;AAEhG;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;2EAGuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;2EACuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;iFAE6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gGAAgG;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkID,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAkB,EAClB,MAAc,EACd,QAAgB,EAChB,YAAmB,EACnB,SAAS,EACT,OAAe,GAChB,EAAE,0BAA0B,+BAsF5B"}

package/dist/components/meeting-scheduler/context-panel.js

@@ -4,11 +4,10 @@ import { cn } from "../../utils/cn.js";
 import { formatDurationCompact } from "../../utils/format.js";
 import { BackButton } from "../layout/back-button.js";
 import { InteractiveSkeleton, TextLineSkeleton } from "../loading/unified-skeleton.js";
-import { SquareAvatar, AvatarStack, Button } from "../ui/index.js";
-import { AutocompleteSkeleton } from "../ui/autocomplete.js";
-import { useLoadingScope } from "../ui/loading-scope.js";
-import { SquareAvatarSkeleton } from "../ui/square-avatar.js";
+import { Button } from "../ui/index.js";
+import { LOADING_NOOP, LoadingItems, useLoadingScope } from "../ui/loading-scope.js";
 import { TimezoneSelect } from "../ui/timezone-select.js";
+import { HostIdentity } from "./host-identity.js";
 const PANEL_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
 const IDENTITY_ROW = "flex items-center justify-between gap-[var(--spacing-system-m)] content-lg:flex-col content-lg:items-stretch content-lg:gap-[var(--spacing-system-l)]";
 const STRIP_BODY = "flex flex-col gap-[var(--spacing-system-l)] content-md:flex-row content-md:items-start content-lg:flex-col";
@@ -16,8 +15,6 @@ const STRIP_MAIN = "flex min-w-0 flex-col gap-[var(--spacing-system-l)] content-
 const STRIP_ASIDE = "flex flex-col gap-[var(--spacing-system-xxs)] content-md:w-[280px] content-md:shrink-0 content-lg:w-full";
 const BACK_BUTTON_CLASS = "py-0";
 const FIELD_LABEL_CLASS = "text-h4 text-ods-text-primary";
-const HOST_ROW_CLASS = "flex items-center gap-[var(--spacing-system-xs)]";
-const HOST_TEXT_CLASS = "flex min-w-0 flex-col";
 const DURATION_LINE_CLASS = "shrink-0 text-ods-text-secondary text-h6";
 const DURATION_FIELD_CLASS = "flex flex-col gap-[var(--spacing-system-xxs)]";
 const DURATION_CHIPS_CLASS = "flex flex-wrap gap-[var(--spacing-system-xs)]";
@@ -36,25 +33,19 @@ function ContextPanelSkeleton({
     /* @__PURE__ */ jsxs("div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ jsxs("div", { className: STRIP_MAIN, children: [
         /* @__PURE__ */ jsxs("div", { className: IDENTITY_ROW, children: [
-          /* @__PURE__ */ jsxs("div", { className: HOST_ROW_CLASS, children: [
-            /* @__PURE__ */ jsx(SquareAvatarSkeleton, { variant: "round", size: "sm" }),
-            /* @__PURE__ */ jsxs("div", { className: HOST_TEXT_CLASS, children: [
-              /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-32" }),
-              /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-24" })
-            ] })
-          ] }),
+          /* @__PURE__ */ jsx(HostIdentity, { hosts: [], loading: true }),
           durations <= 1 && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-20 shrink-0" })
         ] }),
         title && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-3/5" }),
         description && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-4/5" }),
         durations > 1 && /* @__PURE__ */ jsxs("div", { className: DURATION_FIELD_CLASS, children: [
           /* @__PURE__ */ jsx("p", { className: FIELD_LABEL_CLASS, children: "Duration" }),
-          /* @__PURE__ */ jsx("div", { className: DURATION_CHIPS_CLASS, children: Array.from({ length: durations }, (_, i) => /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "small-legacy", className: "w-16" }, i)) })
+          /* @__PURE__ */ jsx("div", { className: DURATION_CHIPS_CLASS, children: /* @__PURE__ */ jsx(LoadingItems, { count: durations, children: () => /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { "data-loading-item": true, size: "small-legacy", className: "w-16" }) }) })
         ] })
       ] }),
       timezone !== "hidden" && /* @__PURE__ */ jsxs("div", { className: cn(STRIP_ASIDE, timezone === "wide" && TIMEZONE_WIDE_ONLY_CLASS), children: [
         /* @__PURE__ */ jsx("p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
-        /* @__PURE__ */ jsx(AutocompleteSkeleton, {})
+        /* @__PURE__ */ jsx(TimezoneSelect, { value: null, loading: true, onChange: LOADING_NOOP })
       ] })
     ] })
   ] });
@@ -96,29 +87,7 @@ function SchedulerContextPanel({
     /* @__PURE__ */ jsxs("div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ jsxs("div", { className: STRIP_MAIN, children: [
         /* @__PURE__ */ jsxs("div", { className: IDENTITY_ROW, children: [
-          hosts.length > 0 && hosts.length <= 3 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[var(--spacing-system-s)]", children: hosts.map((host) => /* @__PURE__ */ jsxs("div", { className: HOST_ROW_CLASS, children: [
-            /* @__PURE__ */ jsx(
-              SquareAvatar,
-              {
-                variant: "round",
-                size: "sm",
-                src: host.avatarUrl ?? void 0,
-                alt: host.name,
-                fallback: host.name
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: HOST_TEXT_CLASS, children: [
-              /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-primary text-h4", children: host.name }),
-              host.title && /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-secondary text-h6", children: host.title })
-            ] })
-          ] }, host.name)) }),
-          hosts.length > 3 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
-            /* @__PURE__ */ jsx(AvatarStack, { people: hosts, max: 4, size: "lg", label: "Hosts" }),
-            /* @__PURE__ */ jsxs("p", { className: "text-ods-text-secondary text-h6", children: [
-              hosts.length,
-              " hosts on this calendar"
-            ] })
-          ] }),
+          /* @__PURE__ */ jsx(HostIdentity, { hosts }),
           locked || durationsMs.length <= 1 ? (
             // Post-selection, or a link that offers one length: a static line,
             // which is what sits beside the host on the header-strip layouts.
@@ -135,6 +104,7 @@ function SchedulerContextPanel({
           /* @__PURE__ */ jsx("div", { className: DURATION_CHIPS_CLASS, children: durationsMs.map((ms) => /* @__PURE__ */ jsx(
             Button,
             {
+              "data-loading-item": true,
               variant: selectedDurationMs === ms ? void 0 : "outline",
               size: "small-legacy",
               disabled,
@@ -169,6 +139,5 @@ function SchedulerContextPanel({
   ] });
 }
 export {
-  ContextPanelSkeleton,
   SchedulerContextPanel
 };

package/dist/components/meeting-scheduler/directory.d.ts

@@ -16,15 +16,5 @@ export interface MeetingSchedulerDirectoryProps {
 }
 /** Rows per page by default: also the skeleton's row count. */
 export declare const MEETING_DIRECTORY_PAGE_SIZE = 6;
-/**
- * Same-shell loading row (co-located-skeleton convention): the row's frame, "Next available" and the chevron box
- * real, the title, subtitle, audience chip, hosts and next time as shapes.
- */
-export declare function MeetingSchedulerDirectoryRowSkeleton(): import("react").JSX.Element;
-/** The directory while its links are read: `pageSize` row skeletons in the reserved rows area, and the pager. */
-export declare function MeetingSchedulerDirectorySkeleton({ pageSize, className, }: {
-    pageSize?: number;
-    className?: string;
-}): import("react").JSX.Element;
 export declare function MeetingSchedulerDirectory({ apiBaseUrl, initialData, includeAll, pageSize, bookingBasePath, contactHref, className, }: MeetingSchedulerDirectoryProps): import("react").JSX.Element;
 //# sourceMappingURL=directory.d.ts.map

package/dist/components/meeting-scheduler/directory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"directory.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/directory.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAkB,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAYnG,MAAM,WAAW,8BAA8B;IAC7C,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,WAAW,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC5C,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,+DAA+D;AAC/D,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAyE7C;;;GAGG;AACH,wBAAgB,oCAAoC,gCAkBnD;AAED,iHAAiH;AACjH,wBAAgB,iCAAiC,CAAC,EAChD,QAAsC,EACtC,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAaA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,UAAe,EACf,WAAkB,EAClB,UAAkB,EAClB,QAAsC,EACtC,eAAoC,EACpC,WAAW,EACX,SAAS,GACV,EAAE,8BAA8B,+BAkGhC"}
+{"version":3,"file":"directory.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/directory.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAkB,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAYnG,MAAM,WAAW,8BAA8B;IAC7C,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,WAAW,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC5C,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,+DAA+D;AAC/D,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAsH7C,wBAAgB,yBAAyB,CAAC,EACxC,UAAe,EACf,WAAkB,EAClB,UAAkB,EAClB,QAAsC,EACtC,eAAoC,EACpC,WAAW,EACX,SAAS,GACV,EAAE,8BAA8B,+BAkGhC"}

package/dist/components/meeting-scheduler/directory.js

@@ -13,7 +13,7 @@ import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.j
 import { PaginationSkeleton } from "../pagination.js";
 import { PersistentPaginationWrapper } from "../persistent-pagination.js";
 import { AvatarStack, StatusBadge } from "../ui/index.js";
-import { useLoadingScope } from "../ui/loading-scope.js";
+import { LoadingItems, loadingItemProps, useLoadingScope } from "../ui/loading-scope.js";
 function useNextAvailableLabel(ms) {
   const hydrated = useIsHydrated();
   return useMemo(() => {
@@ -45,6 +45,7 @@ function DirectoryRow({
   return /* @__PURE__ */ jsx(
     Link,
     {
+      "data-loading-item": true,
       href: `${bookingBasePath}/${link.slug}`,
       prefetch: false,
       className: "block rounded-lg text-inherit no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
@@ -64,8 +65,8 @@ function DirectoryRow({
     }
   );
 }
-function MeetingSchedulerDirectoryRowSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: ROW_FRAME_CLASS, "aria-hidden": true, children: [
+function MeetingSchedulerDirectoryRowSkeleton(props = {}) {
+  return /* @__PURE__ */ jsxs("div", { className: ROW_FRAME_CLASS, "aria-hidden": true, ...loadingItemProps(props), children: [
     /* @__PURE__ */ jsxs("div", { className: ROW_TITLE_COLUMN_CLASS, children: [
       /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-1/2" }),
       /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/3" })
@@ -84,7 +85,7 @@ function MeetingSchedulerDirectorySkeleton({
   className
 }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx("div", { className: ROWS_CLASS, style: { minHeight: directoryRowsMinHeight(pageSize) }, children: Array.from({ length: pageSize }, (_, i) => /* @__PURE__ */ jsx(MeetingSchedulerDirectoryRowSkeleton, {}, i)) }),
+    /* @__PURE__ */ jsx("div", { className: ROWS_CLASS, style: { minHeight: directoryRowsMinHeight(pageSize) }, children: /* @__PURE__ */ jsx(LoadingItems, { count: pageSize, children: () => /* @__PURE__ */ jsx(MeetingSchedulerDirectoryRowSkeleton, { "data-loading-item": true }) }) }),
     /* @__PURE__ */ jsx("div", { className: cn(PAGINATION_SLOT_CLASS, PAGINATION_SLOT_H), children: /* @__PURE__ */ jsx(PaginationSkeleton, {}) })
   ] });
 }
@@ -176,7 +177,5 @@ function MeetingSchedulerDirectory({
 }
 export {
   MEETING_DIRECTORY_PAGE_SIZE,
-  MeetingSchedulerDirectory,
-  MeetingSchedulerDirectoryRowSkeleton,
-  MeetingSchedulerDirectorySkeleton
+  MeetingSchedulerDirectory
 };

package/dist/components/meeting-scheduler/host-identity.d.ts

@@ -0,0 +1,12 @@
+import type { MeetingHost } from '../../schemas/meeting-booking-schema';
+/**
+ * Who the meeting is with: full rows (avatar, name, title) up to three hosts, a stacked-avatar cluster and a count for
+ * a larger team, so neither the modal's strip nor the context panel can overflow. ONE switch: in a loading scope, or
+ * while the meeting is read (`loading`), it is its own {@link HostIdentitySkeleton}. Read by the modal header and the
+ * context panel.
+ */
+export declare function HostIdentity({ hosts, loading }: {
+    hosts: MeetingHost[];
+    loading?: boolean;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=host-identity.d.ts.map

package/dist/components/meeting-scheduler/host-identity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-identity.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/host-identity.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAcxE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAe,EAAE,EAAE;IAAE,KAAK,EAAE,WAAW,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,sCA8BnG"}

package/dist/components/meeting-scheduler/host-identity.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { AvatarStack, SquareAvatar } from "../ui/index.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
+const HOST_LIST_CLASS = "flex min-w-0 flex-col gap-[var(--spacing-system-s)]";
+const HOST_ROW_CLASS = "flex items-center gap-[var(--spacing-system-xs)]";
+const HOST_TEXT_CLASS = "flex min-w-0 flex-col";
+const HOST_TEAM_CLASS = "flex min-w-0 flex-col gap-[var(--spacing-system-xs)]";
+const MAX_HOST_ROWS = 3;
+function HostIdentity({ hosts, loading = false }) {
+  if (useLoadingScope() || loading) return /* @__PURE__ */ jsx(HostIdentitySkeleton, {});
+  if (hosts.length === 0) return null;
+  if (hosts.length > MAX_HOST_ROWS) {
+    return /* @__PURE__ */ jsxs("div", { className: HOST_TEAM_CLASS, children: [
+      /* @__PURE__ */ jsx(AvatarStack, { people: hosts, max: 4, size: "lg", label: "Hosts" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-ods-text-secondary text-h6", children: [
+        hosts.length,
+        " hosts on this calendar"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: HOST_LIST_CLASS, children: hosts.map((host) => /* @__PURE__ */ jsxs("div", { className: HOST_ROW_CLASS, "data-loading-item": true, children: [
+    /* @__PURE__ */ jsx(
+      SquareAvatar,
+      {
+        variant: "round",
+        size: "sm",
+        src: host.avatarUrl ?? void 0,
+        alt: host.name,
+        fallback: host.name
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: HOST_TEXT_CLASS, children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-primary text-h4", children: host.name }),
+      host.title && /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-secondary text-h6", children: host.title })
+    ] })
+  ] }, host.name)) });
+}
+function HostIdentitySkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: HOST_LIST_CLASS, children: /* @__PURE__ */ jsxs("div", { className: HOST_ROW_CLASS, "data-loading-item": true, children: [
+    /* @__PURE__ */ jsx(SquareAvatar, { loading: true, variant: "round", size: "sm" }),
+    /* @__PURE__ */ jsxs("div", { className: HOST_TEXT_CLASS, children: [
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-32" }),
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-24" })
+    ] })
+  ] }) });
+}
+export {
+  HostIdentity
+};