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

package/dist/components/features/remote-session/remote-desktop-view.d.ts

@@ -42,16 +42,16 @@ export interface RemoteDesktopViewProps {
     chat?: ReactNode;
     /** Dialogs the page owns (settings, shortcuts), rendered after the session. */
     children?: ReactNode;
+    /**
+     * The device is still being read: the view draws itself with its header's text and controls as skeletons over an
+     * empty screen (also in a page's loading scope). `screen`, `chat` and `children` are not drawn while loading.
+     */
+    loading?: boolean;
 }
 /**
  * The remote desktop page: the device header with the session controls, the
  * screen and the session chat. Everything that talks to the device (the
  * connection, the stream, input) is the host's, passed in through `screen`.
  */
-export declare function RemoteDesktopView({ deviceName, organizationName, onBack, fullscreen, onEnterFullscreen, onExitFullscreen, displayMenuGroups, currentDisplayLabel, actionsMenuGroups, onOpenSettings, chatOpen, onToggleChat, screen, chat, children, }: RemoteDesktopViewProps): import("react").JSX.Element;
-/** The page while the device is still loading: the header bar as placeholders over an empty screen. */
-export declare function RemoteDesktopViewSkeleton({ onBack, region, }: Pick<RemoteDesktopViewProps, 'onBack'> & {
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-}): import("react").JSX.Element;
+export declare function RemoteDesktopView({ deviceName, organizationName, onBack, fullscreen, onEnterFullscreen, onExitFullscreen, displayMenuGroups, currentDisplayLabel, actionsMenuGroups, onOpenSettings, chatOpen, onToggleChat, screen, chat, children, loading: loadingProp, }: RemoteDesktopViewProps): import("react").JSX.Element;
 //# sourceMappingURL=remote-desktop-view.d.ts.map

package/dist/components/features/remote-session/remote-desktop-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remote-desktop-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-desktop-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAenF,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,yHAAyH;IACzH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,2FAA2F;IAC3F,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,UAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,QAAgB,EAChB,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,QAAQ,GACT,EAAE,sBAAsB,+BA+GxB;AAED,uGAAuG;AACvG,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,MAAa,GACd,EAAE,IAAI,CAAC,sBAAsB,EAAE,QAAQ,CAAC,GAAG;IAC1C,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BA0BA"}
+{"version":3,"file":"remote-desktop-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/remote-session/remote-desktop-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgBnF,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,yHAAyH;IACzH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,2FAA2F;IAC3F,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,UAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,QAAgB,EAChB,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,OAAO,EAAE,WAAmB,GAC7B,EAAE,sBAAsB,+BAoJxB"}

package/dist/components/features/remote-session/remote-desktop-view.js

@@ -11,9 +11,10 @@ import {
 } from "../../icons-v2-generated/index.js";
 import { PageLayout } from "../../layout/page-layout.js";
 import { LoadingRegion } from "../../loading/loading-region.js";
-import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { InteractiveSkeleton, TextLineSkeleton } from "../../loading/unified-skeleton.js";
 import { ActionsMenuDropdown } from "../../ui/actions-menu.js";
 import { Button } from "../../ui/button/button.js";
+import { useLoadingScope } from "../../ui/loading-scope.js";
 import { TruncateText } from "../../ui/truncate-text.js";
 import { RemoteDesktopFullscreenToolbar } from "./remote-desktop-fullscreen-toolbar.js";
 const PAGE_CLASS = "h-full overflow-hidden px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]";
@@ -34,9 +35,25 @@ function RemoteDesktopView({
   onToggleChat,
   screen,
   chat,
-  children
+  children,
+  loading: loadingProp = false
 }) {
-  const controlsBar = /* @__PURE__ */ jsxs("div", { className: CONTROLS_BAR_CLASS, children: [
+  const inScope = useLoadingScope();
+  const loading = inScope || loadingProp;
+  const controlsBar = loading ? /* @__PURE__ */ jsx("div", { className: CONTROLS_BAR_CLASS, "aria-hidden": true, children: /* @__PURE__ */ jsxs("div", { className: CONTROLS_ROW_CLASS, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-mf)]", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ jsx(MonitorIcon, { className: "h-4 w-4 text-ods-text-primary" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-48 max-w-full" }),
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-36 max-w-full" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 items-center gap-[var(--spacing-system-xs)]", children: [
+      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "icon" }),
+      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "icon" }),
+      /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "icon" })
+    ] })
+  ] }) }) : /* @__PURE__ */ jsxs("div", { className: CONTROLS_BAR_CLASS, children: [
     /* @__PURE__ */ jsxs("div", { className: CONTROLS_ROW_CLASS, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-mf)]", children: [
         /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ jsx(MonitorIcon, { className: "h-4 w-4 text-ods-text-primary" }) }),
@@ -106,6 +123,12 @@ function RemoteDesktopView({
       }
     )
   ] });
+  if (loading) {
+    return /* @__PURE__ */ jsx(PageLayout, { className: PAGE_CLASS, backButton: onBack ? { label: "Back", onClick: onBack } : void 0, children: /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the remote session", announce: !inScope, className: "contents", children: [
+      controlsBar,
+      /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 rounded-lg bg-black" })
+    ] }) });
+  }
   return /* @__PURE__ */ jsxs(
     PageLayout,
     {
@@ -137,29 +160,6 @@ function RemoteDesktopView({
     }
   );
 }
-function RemoteDesktopViewSkeleton({
-  onBack,
-  region = true
-}) {
-  return /* @__PURE__ */ jsx(PageLayout, { className: PAGE_CLASS, backButton: onBack ? { label: "Back", onClick: onBack } : void 0, children: /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the remote session", announce: region, className: "contents", children: [
-    /* @__PURE__ */ jsx("div", { className: CONTROLS_BAR_CLASS, children: /* @__PURE__ */ jsxs("div", { className: CONTROLS_ROW_CLASS, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-mf)]", children: [
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-9 w-9 flex-shrink-0 rounded-md" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-48" }),
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-36" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 items-center gap-[var(--spacing-system-xs)]", children: [
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 rounded-lg bg-black" })
-  ] }) });
-}
 export {
-  RemoteDesktopView,
-  RemoteDesktopViewSkeleton
+  RemoteDesktopView
 };

package/dist/components/features/remote-session/remote-session-chat-panel.js

@@ -101,7 +101,7 @@ function RemoteSessionChatPanel({
               value: draft,
               onChange: (event) => onDraftChange(event.target.value),
               disabled: !ready,
-              placeholder: ready ? "Enter your Message..." : "Loading chat...",
+              placeholder: ready ? "Enter your Message..." : "Connecting to the chat",
               "aria-label": "Message",
               className: "h-12 min-w-0 flex-1 rounded-md border border-ods-border bg-ods-bg px-[var(--spacing-system-s)] text-ods-text-primary outline-none text-h6 placeholder:text-ods-text-secondary"
             }

package/dist/components/features/status-filter-component.d.ts

@@ -31,11 +31,29 @@ export interface StatusFilterComponentProps {
      * (which React then pairs against this component during hydration).
      */
     showAll?: boolean;
+    /** The options are read on the client and have not arrived: the row draws its skeleton, as in a loading scope. */
+    loading?: boolean;
 }
+/** How many option buttons the skeleton draws when the options are read with the page. */
+export declare const STATUS_FILTER_SKELETON_PILLS = 3;
 /**
  * StatusFilterComponent - Reusable status filter for admin dashboards
  *
  * Displays a row of status filter buttons matching the blog posts dashboard pattern
  */
-export declare function StatusFilterComponent({ selectedStatus, onStatusChange, statusOptions, showCount, count, className, disabledValues, label, showAll, }: StatusFilterComponentProps): import("react").JSX.Element;
+export declare function StatusFilterComponent({ selectedStatus, onStatusChange, statusOptions, showCount, count, className, disabledValues, label, showAll, loading, }: StatusFilterComponentProps): import("react").JSX.Element;
+/**
+ * The status filter while its page is read: the same row, its label and "All" for real (the row's own words), the
+ * `options` the page states for real, else `pills` option buttons as boxes of the buttons' size. With `showCount`
+ * the count is a bar before "items".
+ */
+export declare function StatusFilterComponentSkeleton({ label, options, pills, showAll, showCount, className, }: {
+    label?: string;
+    /** Option labels the page states itself: drawn as real buttons (in place of `pills` boxes). */
+    options?: string[];
+    pills?: number;
+    showAll?: boolean;
+    showCount?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=status-filter-component.d.ts.map

package/dist/components/features/status-filter-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-filter-component.d.ts","sourceRoot":"","sources":["../../../src/components/features/status-filter-component.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;2EAGuE;IACvE,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,cAAc,EACd,aAAa,EACb,SAAiB,EACjB,KAAS,EACT,SAAc,EACd,cAAmB,EACnB,KAAgB,EAChB,OAAc,GACf,EAAE,0BAA0B,+BA8C5B"}
+{"version":3,"file":"status-filter-component.d.ts","sourceRoot":"","sources":["../../../src/components/features/status-filter-component.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;2EAGuE;IACvE,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kHAAkH;IAClH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAYD,0FAA0F;AAC1F,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,cAAc,EACd,aAAa,EACb,SAAiB,EACjB,KAAS,EACT,SAAc,EACd,cAAmB,EACnB,KAAgB,EAChB,OAAc,EACd,OAAe,GAChB,EAAE,0BAA0B,+BAyD5B;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,KAAgB,EAChB,OAAO,EACP,KAAoC,EACpC,OAAc,EACd,SAAiB,EACjB,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAyCA"}

package/dist/components/features/status-filter-component.js

@@ -1,7 +1,19 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Filter } from "lucide-react";
+import { ICON_SIZE } from "../../styles/component-sizes.js";
+import { cn } from "../../utils/cn.js";
+import { InteractiveSkeleton, TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
+const STATUS_FILTER_ROW_CLASS = "flex flex-wrap items-center gap-3 rounded-lg border border-ods-border bg-ods-card p-4";
+const STATUS_FILTER_LABEL_CLASS = "flex items-center gap-2";
+const STATUS_FILTER_ICON_CLASS = `${ICON_SIZE.sm} text-ods-accent`;
+const STATUS_FILTER_LABEL_TEXT_CLASS = "text-ods-text-secondary text-h5";
+const STATUS_FILTER_BUTTON_CLASS = "text-h3";
+const STATUS_FILTER_COUNT_CLASS = "ml-auto shrink-0 text-ods-text-secondary text-h6";
+const STATUS_FILTER_BUTTON_SIZE = "small-legacy";
+const STATUS_FILTER_SKELETON_PILLS = 3;
 function StatusFilterComponent({
   selectedStatus,
   onStatusChange,
@@ -11,51 +23,102 @@ function StatusFilterComponent({
   className = "",
   disabledValues = [],
   label = "Status",
-  showAll = true
+  showAll = true,
+  loading = false
 }) {
   const filteredOptions = statusOptions.filter((option) => option.value !== "all");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `flex flex-wrap items-center gap-3 rounded-lg border border-ods-border bg-ods-card p-4 ${className}`,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 text-ods-accent" }),
-          /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: label })
-        ] }),
-        showAll && /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: selectedStatus === "all" ? "accent" : "outline",
-            size: "small-legacy",
-            onClick: () => onStatusChange("all"),
-            disabled: disabledValues.includes("all"),
-            className: "text-h3",
-            children: "All"
-          }
-        ),
-        filteredOptions.map((option) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: selectedStatus === option.value ? "accent" : "outline",
-            size: "small-legacy",
-            onClick: () => onStatusChange(option.value),
-            disabled: disabledValues.includes(option.value),
-            className: "text-h3",
-            children: option.label
-          },
-          option.value
-        )),
-        showCount && /* @__PURE__ */ jsxs("div", { className: "ml-auto shrink-0 text-ods-text-secondary text-h6", children: [
-          count,
-          " items"
-        ] })
-      ]
-    }
-  );
+  if (useLoadingScope() || loading) {
+    return /* @__PURE__ */ jsx(
+      StatusFilterComponentSkeleton,
+      {
+        label,
+        options: filteredOptions.length > 0 ? filteredOptions.map((option) => option.label) : void 0,
+        showAll,
+        showCount,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `${STATUS_FILTER_ROW_CLASS} ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: STATUS_FILTER_LABEL_CLASS, children: [
+      /* @__PURE__ */ jsx(Filter, { className: STATUS_FILTER_ICON_CLASS }),
+      /* @__PURE__ */ jsx("span", { className: STATUS_FILTER_LABEL_TEXT_CLASS, children: label })
+    ] }),
+    showAll && /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: selectedStatus === "all" ? "accent" : "outline",
+        size: STATUS_FILTER_BUTTON_SIZE,
+        onClick: () => onStatusChange("all"),
+        disabled: disabledValues.includes("all"),
+        className: STATUS_FILTER_BUTTON_CLASS,
+        children: "All"
+      }
+    ),
+    filteredOptions.map((option) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: selectedStatus === option.value ? "accent" : "outline",
+        size: STATUS_FILTER_BUTTON_SIZE,
+        onClick: () => onStatusChange(option.value),
+        disabled: disabledValues.includes(option.value),
+        className: STATUS_FILTER_BUTTON_CLASS,
+        children: option.label
+      },
+      option.value
+    )),
+    showCount && /* @__PURE__ */ jsxs("div", { className: STATUS_FILTER_COUNT_CLASS, children: [
+      count,
+      " items"
+    ] })
+  ] });
+}
+function StatusFilterComponentSkeleton({
+  label = "Status",
+  options,
+  pills = STATUS_FILTER_SKELETON_PILLS,
+  showAll = true,
+  showCount = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(STATUS_FILTER_ROW_CLASS, className), "aria-hidden": true, inert: true, children: [
+    /* @__PURE__ */ jsxs("div", { className: STATUS_FILTER_LABEL_CLASS, children: [
+      /* @__PURE__ */ jsx(Filter, { className: STATUS_FILTER_ICON_CLASS }),
+      /* @__PURE__ */ jsx("span", { className: STATUS_FILTER_LABEL_TEXT_CLASS, children: label })
+    ] }),
+    showAll && /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: STATUS_FILTER_BUTTON_SIZE,
+        className: STATUS_FILTER_BUTTON_CLASS,
+        tabIndex: -1,
+        children: "All"
+      }
+    ),
+    options ? options.map((option) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: STATUS_FILTER_BUTTON_SIZE,
+        className: STATUS_FILTER_BUTTON_CLASS,
+        tabIndex: -1,
+        children: option
+      },
+      option
+    )) : Array.from({ length: pills }, (_, index) => /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: STATUS_FILTER_BUTTON_SIZE }, index)),
+    showCount && /* @__PURE__ */ jsxs("div", { className: STATUS_FILTER_COUNT_CLASS, children: [
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "inline-block w-6 align-top" }),
+      " items"
+    ] })
+  ] });
 }
 export {
-  StatusFilterComponent
+  STATUS_FILTER_SKELETON_PILLS,
+  StatusFilterComponent,
+  StatusFilterComponentSkeleton
 };

package/dist/components/features/use-video-warmup.d.ts

@@ -1,4 +1,3 @@
-export { MUX_STREAM_ORIGIN, MUX_IMAGE_ORIGIN } from './mux-origins';
 /**
  * Save-Data detection — the ONE source of truth for "is this a metered
  * connection". Consumed by the preload gate below and by `video.tsx`'s
@@ -62,4 +61,5 @@ export interface UseVideoWarmupResult<T extends Element = HTMLDivElement> {
     isNear: boolean;
 }
 export declare function useVideoWarmup<T extends Element = HTMLDivElement>({ videoUrl, supabaseStorageOrigin, nearMargin, }?: UseVideoWarmupOptions): UseVideoWarmupResult<T>;
+export {};
 //# sourceMappingURL=use-video-warmup.d.ts.map

package/dist/components/features/use-video-warmup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-video-warmup.d.ts","sourceRoot":"","sources":["../../../src/components/features/use-video-warmup.ts"],"names":[],"mappings":"AA+CA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGpE;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAKzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,qBAAqB,EAAE,GAAE;IAAE,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,IAAI,CAcjH;AAED,UAAU,qBAAqB;IAC7B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,cAAc;IACtE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,cAAc,EAAE,EACjE,QAAQ,EACR,qBAAqB,EACrB,UAAqB,GACtB,GAAE,qBAA0B,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAiDtD"}
+{"version":3,"file":"use-video-warmup.d.ts","sourceRoot":"","sources":["../../../src/components/features/use-video-warmup.ts"],"names":[],"mappings":"AA2CA;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAKzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,qBAAqB,EAAE,GAAE;IAAE,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,IAAI,CAcjH;AAED,UAAU,qBAAqB;IAC7B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,OAAO,GAAG,cAAc;IACtE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,cAAc,EAAE,EACjE,QAAQ,EACR,qBAAqB,EACrB,UAAqB,GACtB,GAAE,qBAA0B,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAiDtD"}

package/dist/components/features/use-video-warmup.js

@@ -4,7 +4,6 @@ import ReactDOM from "react-dom";
 import { useChatRuntime } from "../../contexts/chat-runtime-context.js";
 import { useNearViewport } from "../../hooks/use-near-viewport.js";
 import { MUX_STREAM_ORIGIN, MUX_IMAGE_ORIGIN } from "./mux-origins.js";
-import { MUX_STREAM_ORIGIN as MUX_STREAM_ORIGIN2, MUX_IMAGE_ORIGIN as MUX_IMAGE_ORIGIN2 } from "./mux-origins.js";
 function saveDataEnabled() {
   if (typeof navigator === "undefined") return false;
   const conn = navigator.connection;
@@ -14,8 +13,8 @@ function useVideoOriginPreconnect({ supabaseStorageOrigin } = {}) {
   const runtime = useChatRuntime();
   const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
   try {
-    ReactDOM.preconnect(MUX_STREAM_ORIGIN2, { crossOrigin: "anonymous" });
-    ReactDOM.preconnect(MUX_IMAGE_ORIGIN2, { crossOrigin: "anonymous" });
+    ReactDOM.preconnect(MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
+    ReactDOM.preconnect(MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
     if (resolvedOrigin) {
       ReactDOM.preconnect(resolvedOrigin, { crossOrigin: "anonymous" });
     }
@@ -60,8 +59,6 @@ function useVideoWarmup({
   return { ref, isNear };
 }
 export {
-  MUX_IMAGE_ORIGIN,
-  MUX_STREAM_ORIGIN,
   saveDataEnabled,
   useVideoOriginPreconnect,
   useVideoWarmup

package/dist/components/features/use-walkthrough-video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-walkthrough-video.d.ts","sourceRoot":"","sources":["../../../src/components/features/use-walkthrough-video.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,MAAM,WAAW,0BAA0B;IACzC,uDAAuD;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;0EAGsE;IACtE,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;CACxD;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,0BAA0B,GAAG,yBAAyB,CAyC/F"}
+{"version":3,"file":"use-walkthrough-video.d.ts","sourceRoot":"","sources":["../../../src/components/features/use-walkthrough-video.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,MAAM,WAAW,0BAA0B;IACzC,uDAAuD;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;0EAGsE;IACtE,oBAAoB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;CACxD;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,0BAA0B,GAAG,yBAAyB,CA4C/F"}

package/dist/components/features/use-walkthrough-video.js

@@ -1,8 +1,11 @@
 "use client";
 import { useQuery } from "@tanstack/react-query";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { useCaptions } from "./use-captions.js";
 function useWalkthroughVideo(opts) {
-  const { endpoint, initialData, enabled = true, transformCaptionsUrl } = opts;
+  const { endpoint, initialData, enabled: enabledGiven = true, transformCaptionsUrl } = opts;
+  const inScope = useLoadingScope();
+  const enabled = enabledGiven && !inScope;
   const captions = useCaptions();
   const query = useQuery({
     queryKey: ["walkthrough-video", endpoint],

package/dist/components/features/video-bites-strip.d.ts

@@ -66,9 +66,50 @@ export interface VideoBitesStripProps {
      *  surfaces pass `sortBitesByFeaturedAtDesc` so display order matches the
      *  featured-recency ranking their server aggregation is capped by. */
     sortComparator?: (a: VideoBiteStripItem, b: VideoBiteStripItem) => number;
+    /** How many cards the strip's loading state draws (in a `LoadingScope`). Default `VIDEO_BITES_SKELETON_COUNT`, a
+     *  full line; 0 where the host's records usually carry none (nothing is drawn). */
+    skeletonCount?: number;
     className?: string;
 }
-export declare function VideoBitesStrip({ bites, title, showTitle, filterPublished, profile, href, headerSlot, autoScroll, autoScrollSpeed, pauseOnHover, cardHeightDesktop, cardHeightMobile, showChevrons, onBiteNavigate, sortComparator, className, }: VideoBitesStripProps): React.ReactElement | null;
+/** A card's height in px per breakpoint (Figma: 416 desktop), the strip's default and its loading state's. */
+export declare const VIDEO_BITES_CARD_HEIGHT_DESKTOP_PX = 416;
+export declare const VIDEO_BITES_CARD_HEIGHT_MOBILE_PX = 300;
+/** The widest line a strip bleeds across: a marquee's loading state fills it, the track clips the rest. */
+export declare const STRIP_LINE_MAX_PX = 2560;
+/** A marquee's loading state is a FULL line of cards: as many 9:16 cards at the desktop height as fill the widest line. */
+export declare const VIDEO_BITES_SKELETON_COUNT: number;
+export declare function VideoBitesStrip({ bites, title, showTitle, filterPublished, profile, href, headerSlot, autoScroll, autoScrollSpeed, pauseOnHover, cardHeightDesktop, cardHeightMobile, showChevrons, onBiteNavigate, sortComparator, skeletonCount, className, }: VideoBitesStripProps): React.ReactElement | null;
+export interface VideoBiteCardSkeletonProps {
+    /** The bite's aspect ratio ('9:16' portrait by default). */
+    aspect?: string;
+    /** Fixed card height (strip); omitted, the card fills its cell and the aspect sets the height. */
+    height?: number;
+    heightMobile?: number;
+    className?: string;
+}
+/**
+ * A bite card while it is read: the card's own frame and its media box as the skeleton's surface. The title and
+ * the speaker sit in the hover overlay, unseen at rest, so they are not drawn.
+ */
+export declare function VideoBiteCardSkeleton({ aspect, height, heightMobile, className, }: VideoBiteCardSkeletonProps): React.JSX.Element;
+export interface VideoBitesStripSkeletonProps {
+    /** How many cards. Default `VIDEO_BITES_SKELETON_COUNT` (a full line); 0 draws nothing. */
+    count?: number;
+    /** The bites' aspect ratio ('9:16' by default). */
+    aspect?: string;
+    /** The strip's heading: static copy, drawn as it is. */
+    title?: string;
+    showTitle?: boolean;
+    headerSlot?: React.ReactNode;
+    cardHeightDesktop?: number;
+    cardHeightMobile?: number;
+    className?: string;
+}
+/**
+ * The strip while its bites are read: the same `CardsStrip` (its heading, track, gaps and edge bleed), with no
+ * marquee, each card a `VideoBiteCardSkeleton`. `VideoBitesStrip` draws it in a loading scope.
+ */
+export declare function VideoBitesStripSkeleton({ count, aspect, title, showTitle, headerSlot, cardHeightDesktop, cardHeightMobile, className, }: VideoBitesStripSkeletonProps): React.JSX.Element;
 export interface VideoBiteCardProps {
     bite: VideoBiteStripItem;
     index: number;

package/dist/components/features/video-bites-strip.d.ts.map

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