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

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

@@ -153,7 +153,7 @@ export declare const MEETING_SCHEDULER_H = "content-md:h-[34.375rem] content-lg:
  * question the HubSpot link declares is on the page instead of scrolling inside
  * a card cut off mid-consent. What keeps that from jumping is the form's own
  * footprint discipline: the SSR seed renders the real form on first paint, and
- * the cold-start `BookingFormSkeleton` draws the same rows through the same grid.
+ * the cold-start `BookingForm` (its own loading form) draws the same rows through the same grid.
  *
  * Hosts read it through `SCHEDULER_FLOW_PRESETS[flow].height`, never directly.
  */
@@ -191,8 +191,8 @@ export declare function SchedulerDegradedCard({ flow, className, message, action
     children?: ReactNode;
 }): import("react").JSX.Element;
 export declare function HubSpotMeetingScheduler({ meetingId, apiBaseUrl, initialAvailability, title, description, hosts, displayTimezone, fallbackUrl, onBack, onBooked, onStageChange, className, flow, detailsForm: DetailsForm, detailsFormProps, rescue, layout, }: HubSpotMeetingSchedulerProps): import("react").JSX.Element;
-export { BookingForm, BookingFormSkeleton, formFieldOptionLabel, type BookingFormProps, type BookingFieldRow, type BookingFieldSlot, type BookingFieldCopy, type BookingFormConsent, } from './booking-form';
-export { MeetingSchedulerDirectory, MeetingSchedulerDirectoryRowSkeleton, MeetingSchedulerDirectorySkeleton, MEETING_DIRECTORY_PAGE_SIZE, type MeetingSchedulerDirectoryProps, } from './directory';
+export { BookingForm, formFieldOptionLabel, type BookingFormProps, type BookingFieldRow, type BookingFieldSlot, type BookingFieldCopy, type BookingFormConsent, } from './booking-form';
+export { MeetingSchedulerDirectory, MEETING_DIRECTORY_PAGE_SIZE, type MeetingSchedulerDirectoryProps, } from './directory';
 export type { MeetingAvailability, BookingConfirmation, MeetingBookingErrorCode, MeetingHost };
 export type { SchedulingLink, SchedulingLinksPayload, DeniedEmailDomains } from '../../schemas/meeting-booking-schema';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EACjB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAA6B,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAM/F,OAAO,EAA2D,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAyBhH,MAAM,WAAW,4BAA4B;IAC3C,kFAAkF;IAClF,SAAS,EAAE,MAAM,CAAC;IAClB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5C;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC9C;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,IAAI,CACrB,gBAAgB,EAChB,WAAW,GAAG,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,oBAAoB,GAAG,SAAS,CAC5F,CAAC;IACF;2CACuC;IACvC,MAAM,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrC;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,KAAK,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;AAC7C,mFAAmF;AACnF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,aAAa,CAAC;AA4ClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,mBAAmB,qDAAqD,CAAC;AAEtF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iCAAiC,0CAA0C,CAAC;AAEzF,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,eAAe,CAAC;AAE3D,4EAA4E;AAC5E,eAAO,MAAM,sBAAsB,EAAE,aAA4B,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,aAAa,EACb;IAAE,WAAW,EAAE,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAStG,CAAC;AAqDF;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAA6B,EAC7B,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gHAAgH;IAChH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAQA;AA2FD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,UAAe,EACf,mBAAmB,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,eAAe,EACf,WAAW,EACX,MAAM,EACN,QAAQ,EACR,aAAa,EACb,SAAS,EACT,IAA6B,EAC7B,WAAW,EAAE,WAAyB,EACtC,gBAAgB,EAChB,MAAa,EACb,MAAe,GAChB,EAAE,4BAA4B,+BAsrB9B;AAKD,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,yBAAyB,EACzB,oCAAoC,EACpC,iCAAiC,EACjC,2BAA2B,EAC3B,KAAK,8BAA8B,GACpC,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,WAAW,EAAE,CAAC;AAC/F,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"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"}

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

@@ -15,7 +15,7 @@ import { formatDurationCompact, formatDateWithTimezone } from "../../utils/forma
 import { BackButton } from "../layout/back-button.js";
 import { LoadingRegion } from "../loading/loading-region.js";
 import { Alert, AlertDescription, Button } from "../ui/index.js";
-import { useLoadingScope } from "../ui/loading-scope.js";
+import { LOADING_NOOP, useLoadingScope } from "../ui/loading-scope.js";
 import { BookingForm, DEFAULT_SUBMIT_LABEL } from "./booking-form.js";
 import { Confirmation } from "./confirmation.js";
 import { SchedulerContextPanel } from "./context-panel.js";
@@ -81,7 +81,6 @@ function isNativelyBookable(availability) {
 const MODAL_STACK_CLASS = "flex flex-col gap-[var(--spacing-system-l)]";
 const MODAL_CARD_CLASS = "flex flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card";
 const MODAL_STEP_CLASS = "flex flex-col p-[var(--spacing-system-m)]";
-const NOOP = () => void 0;
 const NOOP_SUBMIT = () => Promise.resolve();
 const MODAL_FIELD_ROWS = [[{ name: "firstName" }, { name: "lastName" }], [{ name: "email" }]];
 const MODAL_PRIMARY_CLASS = "flex-1 content-md:min-w-[15.5rem] content-md:flex-none";
@@ -466,11 +465,11 @@ function HubSpotMeetingScheduler({
           slots,
           timezone,
           monthOffset,
-          onMonthOffsetChange: NOOP,
+          onMonthOffsetChange: LOADING_NOOP,
           selectedSlot: null,
-          onSelectSlot: NOOP,
+          onSelectSlot: LOADING_NOOP,
           selectedDay: null,
-          onSelectDay: NOOP
+          onSelectDay: LOADING_NOOP
         }
       ) })
     ) : step === "confirmed" && confirmation && timezone ? /* @__PURE__ */ jsx("div", { className: stepPanelClass, children: /* @__PURE__ */ jsx(Confirmation, { confirmation, timezone }) }) : step === "details" && (detailsFirst ? (
@@ -586,26 +585,20 @@ function HubSpotMeetingScheduler({
 }
 import {
   BookingForm as BookingForm2,
-  BookingFormSkeleton,
   formFieldOptionLabel
 } from "./booking-form.js";
 import {
   MeetingSchedulerDirectory,
-  MeetingSchedulerDirectoryRowSkeleton,
-  MeetingSchedulerDirectorySkeleton,
   MEETING_DIRECTORY_PAGE_SIZE
 } from "./directory.js";
 export {
   BookingForm2 as BookingForm,
-  BookingFormSkeleton,
   DEFAULT_SCHEDULER_FLOW,
   HubSpotMeetingScheduler,
   MEETING_DIRECTORY_PAGE_SIZE,
   MEETING_SCHEDULER_DETAILS_FIRST_H,
   MEETING_SCHEDULER_H,
   MeetingSchedulerDirectory,
-  MeetingSchedulerDirectoryRowSkeleton,
-  MeetingSchedulerDirectorySkeleton,
   SCHEDULER_FLOW_PRESETS,
   SchedulerDegradedCard,
   formFieldOptionLabel

package/dist/components/meeting-scheduler/modal-header.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. */
 /**
  * The head of the scheduler's MODAL layout: the host strip (who, and how long
  * on its right - chips when the link offers several lengths, the length alone
@@ -24,8 +25,4 @@ export interface SchedulerModalHeaderProps {
     loading?: boolean;
 }
 export declare function SchedulerModalHeader({ hosts, durationsMs, selectedDurationMs, onSelectDuration, timezone, onTimezoneChange, locked, disabled, showTimezone, loading, }: SchedulerModalHeaderProps): import("react").JSX.Element;
-/** Same footprint as the loaded header, for the cold load: "Timezone" real, one host and the length as bars. */
-export declare function SchedulerModalHeaderSkeleton({ showTimezone }?: {
-    showTimezone?: boolean;
-}): import("react").JSX.Element;
 //# sourceMappingURL=modal-header.d.ts.map

package/dist/components/meeting-scheduler/modal-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/modal-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAUxE;;;;;;;GAOG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,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,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mHAAmH;IACnH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA2CD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,MAAc,EACd,QAAgB,EAChB,YAAmB,EACnB,OAAe,GAChB,EAAE,yBAAyB,+BA4C3B;AAED,gHAAgH;AAChH,wBAAgB,4BAA4B,CAAC,EAAE,YAAmB,EAAE,GAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAO,+BAuBpG"}
+{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/modal-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AASxE,gGAAgG;AAEhG;;;;;;;GAOG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,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,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mHAAmH;IACnH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAQD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,MAAc,EACd,QAAgB,EAChB,YAAmB,EACnB,OAAe,GAChB,EAAE,yBAAyB,+BA4C3B"}

package/dist/components/meeting-scheduler/modal-header.js

@@ -3,47 +3,15 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { formatDurationCompact } from "../../utils/format.js";
 import { 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, useLoadingScope } from "../ui/loading-scope.js";
 import { TimezoneSelect } from "../ui/timezone-select.js";
+import { HostIdentity } from "./host-identity.js";
 const ROW_CLASS = "border-b border-ods-border p-[var(--spacing-system-m)]";
 const STRIP_CLASS = cn(ROW_CLASS, "flex items-center justify-between gap-[var(--spacing-system-m)]");
 const FIELD_LABEL_CLASS = "text-h4 text-ods-text-primary";
 const TIMEZONE_ROW_CLASS = cn(ROW_CLASS, "flex flex-col gap-[var(--spacing-system-xxs)]");
-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 DURATION_LINE_CLASS = "shrink-0 text-ods-text-secondary text-h6";
-function HostIdentity({ hosts }) {
-  if (hosts.length === 0) return null;
-  if (hosts.length > 3) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", 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, 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 SchedulerModalHeader({
   hosts,
   durationsMs,
@@ -95,22 +63,15 @@ function SchedulerModalHeader({
 function SchedulerModalHeaderSkeleton({ showTimezone = true } = {}) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: STRIP_CLASS, children: [
-      /* @__PURE__ */ jsx("div", { className: HOST_LIST_CLASS, 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 }),
       /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: cn(DURATION_LINE_CLASS, "w-20") })
     ] }),
     showTimezone && /* @__PURE__ */ jsxs("div", { className: TIMEZONE_ROW_CLASS, children: [
       /* @__PURE__ */ jsx("p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
-      /* @__PURE__ */ jsx(AutocompleteSkeleton, {})
+      /* @__PURE__ */ jsx(TimezoneSelect, { value: null, loading: true, onChange: LOADING_NOOP })
     ] })
   ] });
 }
 export {
-  SchedulerModalHeader,
-  SchedulerModalHeaderSkeleton
+  SchedulerModalHeader
 };

package/dist/components/meeting-scheduler/slot-picker.d.ts

@@ -79,21 +79,5 @@ export declare const SLOT_PICKER_HEADING = "Select Date & Time";
 /** Deterministic month caption for a given offset (fixed en-US locale so
  *  the SSR and client first-paint markup agree byte-for-byte). */
 export declare function monthLabelFor(offset: number): string;
-/**
- * The slot area before the first response — the pre-mount window while the
- * display timezone resolves, and the first availability request.
- *
- * The calendar half is REAL, not a placeholder: see the module docblock. Only
- * the times column is a skeleton, and it is the same one the loaded picker
- * shows while a month loads, so there is no swap between the two.
- */
-export declare function SlotPickerSkeleton({ monthOffset, layout, }: {
-    monthOffset?: number;
-    layout?: SlotPickerLayout;
-}): import("react").JSX.Element;
-/** Same-footprint skeleton for the time-chip column. */
-export declare function TimeChipsSkeleton({ layout }?: {
-    layout?: SlotPickerLayout;
-}): import("react").JSX.Element;
 export declare function SlotPicker({ slots, layout, timezone, monthOffset, onMonthOffsetChange, selectedSlot, onSelectSlot, selectedDay, onSelectDay, isLoading, isSubmitting, loading, }: SlotPickerProps): import("react").JSX.Element;
 //# sourceMappingURL=slot-picker.d.ts.map

package/dist/components/meeting-scheduler/slot-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot-picker.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/slot-picker.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,gHAAgH;IAChH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;8DAC8D;AAC9D,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIjE;AA6CD;yDACyD;AACzD,eAAO,MAAM,mBAAmB,uBAAuB,CAAC;AA4GxD;kEACkE;AAClE,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAIpD;AAgED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,WAAe,EACf,MAAe,GAChB,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,+BAgCA;AAED,wDAAwD;AACxD,wBAAgB,iBAAiB,CAAC,EAAE,MAAe,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAAO,+BAmBxF;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAe,EACf,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,SAAiB,EACjB,YAAoB,EACpB,OAAe,GAChB,EAAE,eAAe,+BAkHjB"}
+{"version":3,"file":"slot-picker.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/slot-picker.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,gHAAgH;IAChH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;8DAC8D;AAC9D,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIjE;AA6CD;yDACyD;AACzD,eAAO,MAAM,mBAAmB,uBAAuB,CAAC;AA4GxD;kEACkE;AAClE,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAIpD;AAkID,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAe,EACf,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,SAAiB,EACjB,YAAoB,EACpB,OAAe,GAChB,EAAE,eAAe,+BAmHjB"}

package/dist/components/meeting-scheduler/slot-picker.js

@@ -7,7 +7,7 @@ import { formatDateWithTimezone, formatTimeWithTimezone, VIEWER_TIMEZONE } from
 import { MAX_MONTH_OFFSET } from "../../utils/hubspot-meetings-convention.js";
 import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button, DatePickerCalendar } from "../ui/index.js";
-import { useLoadingScope } from "../ui/loading-scope.js";
+import { LOADING_NOOP, LoadingItems, useLoadingScope } from "../ui/loading-scope.js";
 function dayKeyInZone(ms, timeZone) {
   return new Intl.DateTimeFormat("en-CA", { timeZone, year: "numeric", month: "2-digit", day: "2-digit" }).format(
     new Date(ms)
@@ -78,7 +78,6 @@ function monthLabelFor(offset) {
   return formatDateWithTimezone(month, VIEWER_TIMEZONE, "monthYear");
 }
 const DISABLE_EVERY_DAY = () => true;
-const NOOP = () => void 0;
 function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDay, slotsByDay }) {
   const now = /* @__PURE__ */ new Date();
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
@@ -108,10 +107,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
     }
   ) });
 }
-function SlotPickerSkeleton({
-  monthOffset = 0,
-  layout = "card"
-}) {
+function SlotPickerSkeleton({ monthOffset = 0, layout = "card" }) {
   const modal = layout === "modal";
   return /* @__PURE__ */ jsxs("div", { className: modal ? MODAL_ROW_CLASS : SLOT_ROW_CLASS, children: [
     /* @__PURE__ */ jsxs(
@@ -124,9 +120,9 @@ function SlotPickerSkeleton({
             DayCalendar,
             {
               monthOffset,
-              onMonthOffsetChange: NOOP,
+              onMonthOffsetChange: LOADING_NOOP,
               selectedDay: null,
-              onSelectDay: NOOP,
+              onSelectDay: LOADING_NOOP,
               slotsByDay: null
             }
           )
@@ -142,13 +138,11 @@ function SlotPickerSkeleton({
     )
   ] });
 }
+const SLOT_PICKER_SKELETON_CHIPS = 16;
 function TimeChipsSkeleton({ layout = "card" } = {}) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: COLUMN_HEADING_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-40" }) }),
-    /* @__PURE__ */ jsx("div", { className: layout === "modal" ? MODAL_CHIP_GRID_CLASS : CHIP_GRID_CLASS, children: Array.from({ length: 16 }, (_, i) => (
-      // h-11 content-md:h-12 — the loaded chip's own default-size height.
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn(CHIP_CLASS, "h-11 content-md:h-12") }, i)
-    )) })
+    /* @__PURE__ */ jsx("div", { className: layout === "modal" ? MODAL_CHIP_GRID_CLASS : CHIP_GRID_CLASS, children: /* @__PURE__ */ jsx(LoadingItems, { count: SLOT_PICKER_SKELETON_CHIPS, children: () => /* @__PURE__ */ jsx(UnifiedSkeleton, { "data-loading-item": true, className: cn(CHIP_CLASS, "h-11 content-md:h-12") }) }) })
   ] });
 }
 function SlotPicker({
@@ -225,6 +219,7 @@ function SlotPicker({
                   if (isSubmitting) return;
                   onSelectSlot(ms);
                 },
+                "data-loading-item": true,
                 className: CHIP_CLASS,
                 children: timeLabelInZone(ms, timezone)
               },
@@ -262,8 +257,6 @@ function SlotPicker({
 export {
   SLOT_PICKER_HEADING,
   SlotPicker,
-  SlotPickerSkeleton,
-  TimeChipsSkeleton,
   dayKeyInZone,
   monthLabelFor
 };

package/dist/components/metric-value.d.ts

@@ -8,10 +8,5 @@ interface MetricValueProps {
  * Example: 30s Generation Time
  */
 export declare function MetricValue({ value, label, className }: MetricValueProps): import("react").JSX.Element;
-/** A value while it is read: a bar at the value's type step, the label (the page's own words) drawn as it is. */
-export declare function MetricValueSkeleton({ label, className }: {
-    label: string;
-    className?: string;
-}): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=metric-value.d.ts.map

package/dist/components/metric-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metric-value.d.ts","sourceRoot":"","sources":["../../src/components/metric-value.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAQxE;AAED,iHAAiH;AACjH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAO9F"}
+{"version":3,"file":"metric-value.d.ts","sourceRoot":"","sources":["../../src/components/metric-value.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAQxE"}

package/dist/components/metric-value.js

@@ -19,6 +19,5 @@ function MetricValueSkeleton({ label, className }) {
   ] });
 }
 export {
-  MetricValue,
-  MetricValueSkeleton
+  MetricValue
 };

package/dist/components/msp-display.d.ts

@@ -5,10 +5,5 @@ interface MSPDisplayProps {
     className?: string;
 }
 export declare function MSPDisplay({ name, logoUrl, size, className }: MSPDisplayProps): import("react").JSX.Element;
-/** The row while it is read: the logo's box and a bar on the name's line. */
-export declare function MSPDisplaySkeleton({ size, className }: {
-    size?: number;
-    className?: string;
-}): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=msp-display.d.ts.map

package/dist/components/msp-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"msp-display.d.ts","sourceRoot":"","sources":["../../src/components/msp-display.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAS,EAAE,SAAS,EAAE,EAAE,eAAe,+BASlF;AAED,6EAA6E;AAC7E,wBAAgB,kBAAkB,CAAC,EAAE,IAAS,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BASjG"}
+{"version":3,"file":"msp-display.d.ts","sourceRoot":"","sources":["../../src/components/msp-display.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAS,EAAE,SAAS,EAAE,EAAE,eAAe,+BASlF"}

package/dist/components/msp-display.js

@@ -4,7 +4,7 @@ import { cn } from "../utils/cn.js";
 import { useProxiedImageUrl } from "./chat/hooks/use-proxied-image-url.js";
 import { TextLineSkeleton } from "./loading/unified-skeleton.js";
 import { useLoadingScope } from "./ui/loading-scope.js";
-import { SquareAvatar, SquareAvatarSkeleton } from "./ui/square-avatar.js";
+import { SquareAvatar } from "./ui/square-avatar.js";
 const MSP_ROW_CLASS = "flex min-w-0 items-center gap-2";
 const MSP_NAME_CLASS = "truncate pl-2";
 function MSPDisplay({ name, logoUrl, size = 40, className }) {
@@ -17,11 +17,10 @@ function MSPDisplay({ name, logoUrl, size = 40, className }) {
 }
 function MSPDisplaySkeleton({ size = 40, className }) {
   return /* @__PURE__ */ jsxs("div", { className: cn(MSP_ROW_CLASS, className), "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx(SquareAvatarSkeleton, { sizePx: size }),
+    /* @__PURE__ */ jsx(SquareAvatar, { loading: true, sizePx: size }),
     /* @__PURE__ */ jsx("div", { className: MSP_NAME_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "inline-block w-32 align-top" }) })
   ] });
 }
 export {
-  MSPDisplay,
-  MSPDisplaySkeleton
+  MSPDisplay
 };

package/dist/components/navigation/app-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;4CAGwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;oCAGgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;gDAC4C;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;gFAC4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;kBAEc;IACd,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAChE;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAExE,eAAO,MAAM,SAAS,4CA+NpB,CAAC;AA6BH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;4CAGwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;oCAGgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;gDAC4C;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;gFAC4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;kBAEc;IACd,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAChE;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAExE,eAAO,MAAM,SAAS,4CAgOpB,CAAC;AA6BH,eAAe,SAAS,CAAC"}

package/dist/components/navigation/app-header.js

@@ -13,6 +13,7 @@ import { OpenframeTextIcon } from "../icons-v2-generated/logos/openframe-text-ic
 import { UserClassicIcon } from "../icons-v2-generated/users/user-classic-icon.js";
 import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, SquareAvatar } from "../ui/index.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { HeaderButton } from "./header-button.js";
 import { HeaderGlobalSearch } from "./header-global-search.js";
 import { HeaderMingoButton } from "./header-mingo-button.js";
@@ -46,10 +47,11 @@ const AppHeader = React.memo(function AppHeaderImpl({
   isMobileMenuOpen,
   onToggleMobileMenu,
   disabled = false,
-  loading = false,
+  loading: loadingProp = false,
   loadingActionCells
 }) {
   const isMdUp = useMdUp() ?? false;
+  const loading = useLoadingScope() || loadingProp;
   if (loading) {
     return /* @__PURE__ */ jsx(
       AppHeaderSkeleton,

package/dist/components/navigation/header-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-button.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;sDAEkD;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAgB,EAChB,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA6BnB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"header-button.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;sDAEkD;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAgB,EAChB,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAwBnB;AAED,eAAe,YAAY,CAAC"}

package/dist/components/navigation/header-button.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { Button } from "../ui/button/index.js";
 import { UnreadDot } from "./unread-dot.js";
 function HeaderButton({
   isActive = false,
@@ -10,20 +11,15 @@ function HeaderButton({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    "button",
+    Button,
     {
+      variant: "cell",
+      "data-state": isActive ? "active" : void 0,
       className: cn(
-        "flex shrink-0 items-center justify-center",
-        "transition-colors duration-200",
         // Square cell width follows the TopNavigation size (56px small /
         // 72px big) via the shell's --top-nav-cell var; 56px fallback for
         // standalone use.
-        "h-full w-[var(--top-nav-cell,3.5rem)]",
-        isActive ? "bg-ods-bg-active text-ods-text-primary" : (
-          // Transparent at rest so the cell inherits the bar's background
-          // (TopNavigation `backgroundClassName` can differ per platform).
-          "bg-transparent text-ods-text-secondary hover:bg-ods-bg-hover"
-        ),
+        "w-[var(--top-nav-cell,3.5rem)]",
         className
       ),
       ...props,

package/dist/components/navigation/header-mingo-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-mingo-button.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-mingo-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;2CAEuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;gDAC4C;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAgB,EAChB,QAAgB,EAChB,eAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAoCxB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"header-mingo-button.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-mingo-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;2CAEuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;gDAC4C;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAgB,EAChB,QAAgB,EAChB,eAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,qBA+BxB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/navigation/header-mingo-button.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { AgentMark } from "../agent-mark.js";
 import { XmarkIcon } from "../icons-v2-generated/index.js";
+import { Button } from "../ui/button/index.js";
 function HeaderMingoButton({
   isActive = false,
   iconOnly = false,
@@ -12,23 +13,18 @@ function HeaderMingoButton({
 }) {
   const showClose = isActive && (iconOnly || closeWhenActive);
   return /* @__PURE__ */ jsxs(
-    "button",
+    Button,
     {
+      variant: "cell",
       type: "button",
       "aria-label": showClose ? "Close Mingo AI" : "Mingo AI",
       "aria-pressed": isActive,
       className: cn(
-        "flex h-full shrink-0 items-center gap-2 px-4",
         // Fixed 140px cell from md, so the header's right-hand cluster has a
         // known width and a loading placeholder can reserve it exactly
         // (`AppHeaderProps.loadingActionCells` → `'wide'`). Content-width below
         // md, and in `iconOnly` mode, where the control is a square affordance.
-        !iconOnly && "md:w-[140px] md:justify-center",
-        "transition-colors duration-200",
-        "focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
-        // Transparent at rest so the cell inherits the bar's background
-        // (TopNavigation `backgroundClassName` can differ per platform).
-        "bg-transparent text-ods-text-primary hover:bg-ods-bg-hover",
+        !iconOnly && "md:w-[140px]",
         className
       ),
       ...props,

package/dist/components/navigation/header-organization-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-organization-filter.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-organization-filter.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oCAAoC;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,6BAA6B;IAC5C,4BAA4B;IAC5B,aAAa,CAAC,EAAE,oCAAoC,EAAE,CAAC;IACvD,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,aAAkB,EAClB,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,SAAS,GACV,EAAE,6BAA6B,+BAuC/B;AAED,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"header-organization-filter.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-organization-filter.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,oCAAoC;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,6BAA6B;IAC5C,4BAA4B;IAC5B,aAAa,CAAC,EAAE,oCAAoC,EAAE,CAAC;IACvD,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,aAAkB,EAClB,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,SAAS,GACV,EAAE,6BAA6B,+BA8B/B;AAED,eAAe,wBAAwB,CAAC"}

package/dist/components/navigation/header-organization-filter.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { Filter02Icon } from "../icons-v2-generated/index.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/index.js";
+import { Button } from "../ui/button/index.js";
 function HeaderOrganizationFilter({
   organizations = [],
   selectedOrgId,
@@ -14,29 +15,16 @@ function HeaderOrganizationFilter({
   const displayName = selectedOrg?.name || "All Organizations";
   const deviceCount = selectedOrg?.deviceCount ?? totalDeviceCount;
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        className: cn(
-          "flex h-full items-center gap-4 px-4",
-          // Transparent so the cell inherits the bar's background.
-          "border-l border-ods-border bg-transparent",
-          "w-[240px] shrink-0",
-          "transition-colors hover:bg-ods-bg-hover",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Filter02Icon, { className: "h-4 w-4 shrink-0 text-ods-text-secondary" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col items-start justify-center", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h5", title: displayName, children: displayName }),
-            deviceCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "truncate text-ods-text-secondary text-h6", children: [
-              deviceCount.toLocaleString(),
-              " Devices"
-            ] })
-          ] })
-        ]
-      }
-    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "cell", className: cn("w-[240px] justify-start", className), children: [
+      /* @__PURE__ */ jsx(Filter02Icon, { className: "h-4 w-4 shrink-0 text-ods-text-secondary" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col items-start justify-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h5", title: displayName, children: displayName }),
+        deviceCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "truncate text-ods-text-secondary text-h6", children: [
+          deviceCount.toLocaleString(),
+          " Devices"
+        ] })
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
       /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onOrgChange?.(""), children: "All Organizations" }),
       organizations.map((org) => /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onOrgChange?.(org.id), children: org.name }, org.id))