@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/components/chat/mingo-onboarding-card.js

@@ -1,7 +1,24 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
-import { Button } from "../ui/button/index.js";
+import { InteractiveSkeleton, MediaSkeleton, TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { BUTTON_KIND_CLASS, Button } from "../ui/button/index.js";
+import { InertWhileLoading, LoadingItems, loadingItemProps, useLoadingScope } from "../ui/loading-scope.js";
+import { SKELETON_TITLE_WIDTHS } from "./chat-nav-sidebar.js";
+const CARD_BASE_CLASS = "flex w-full items-start border-b border-ods-border bg-ods-card p-[var(--spacing-system-s)] text-left last:border-b-0";
+const CARD_BODY_CLASS = "flex w-full flex-col gap-[var(--spacing-system-xxs)]";
+const CARD_TITLE_ROW_CLASS = "flex w-full items-center gap-[var(--spacing-system-xxs)]";
+const CARD_ICON_CLASS = "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary";
+const CARD_ACTIONS_CLASS = "mt-[var(--spacing-system-xs)] flex flex-wrap items-center gap-[var(--spacing-system-xxs)]";
+const MINGO_ONBOARDING_CARD_SKELETON_ACTIONS = 3;
+const ROW_VARIANTS = [
+  { slashWidth: "w-20", descriptionLines: 2 },
+  { slashWidth: "w-16", descriptionLines: 2 },
+  { slashWidth: "w-24", descriptionLines: 2 },
+  { slashWidth: "w-28", descriptionLines: 2 },
+  { slashWidth: "w-24", descriptionLines: 1 },
+  { slashWidth: "w-16", descriptionLines: 2 }
+];
 function MingoOnboardingCard({
   icon,
   title,
@@ -9,48 +26,69 @@ function MingoOnboardingCard({
   description,
   actions,
   onClick,
-  className
+  loading: loadingProp = false,
+  skeletonIndex = 0,
+  className,
+  ...props
 }) {
+  const loading = useLoadingScope() || loadingProp;
   const hasActions = !!actions && actions.length > 0;
-  const isInteractive = !hasActions && !!onClick;
-  const body = /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-[var(--spacing-system-xxs)]", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-[var(--spacing-system-xxs)]", children: [
-      icon ? (
+  const itemProps = loadingItemProps(props);
+  const variant = ROW_VARIANTS[skeletonIndex % ROW_VARIANTS.length];
+  const isInteractive = !loading && !hasActions && !!onClick;
+  const actionButtons = hasActions ? actions.map((action) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      "data-loading-item": true,
+      type: "button",
+      variant: "outline",
+      size: "small",
+      onClick: (e) => {
+        e.stopPropagation();
+        action.onClick(e);
+      },
+      children: action.label
+    },
+    action.id
+  )) : null;
+  const body = /* @__PURE__ */ jsxs("div", { className: CARD_BODY_CLASS, children: [
+    /* @__PURE__ */ jsxs("div", { className: CARD_TITLE_ROW_CLASS, children: [
+      loading ? /* @__PURE__ */ jsx("span", { className: CARD_ICON_CLASS, children: /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }) }) : icon ? (
         // Icon slot — monochrome `ods-text-secondary` (≈ #888) so
         // consumers can drop any `icons-v2-generated` glyph (they use
         // `currentColor`) without per-card styling. Brand multi-color
         // SVGs ignore this color.
-        /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary", children: icon })
+        /* @__PURE__ */ jsx("span", { className: CARD_ICON_CLASS, children: icon })
       ) : null,
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h6", children: title }),
-      slashCommand ? /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-ods-text-secondary text-h6", children: slashCommand }) : null
+      loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+          TextLineSkeleton,
+          {
+            type: "h6",
+            className: SKELETON_TITLE_WIDTHS[skeletonIndex % SKELETON_TITLE_WIDTHS.length]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: cn("shrink-0", variant.slashWidth) })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h6", children: title }),
+        slashCommand ? /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-ods-text-secondary text-h6", children: slashCommand }) : null
+      ] })
     ] }),
-    description ? /* @__PURE__ */ jsx("p", { className: "w-full text-ods-text-secondary text-h6", children: description }) : null,
-    hasActions ? /* @__PURE__ */ jsx("div", { className: "mt-[var(--spacing-system-xs)] flex flex-wrap items-center gap-[var(--spacing-system-xxs)]", children: actions.map((action) => /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: "small",
-        onClick: (e) => {
-          e.stopPropagation();
-          action.onClick(e);
-        },
-        children: action.label
-      },
-      action.id
-    )) }) : null
+    loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", lines: variant.descriptionLines, className: "w-full" }) : description ? /* @__PURE__ */ jsx("p", { className: "w-full text-ods-text-secondary text-h6", children: description }) : null,
+    loading && actions === void 0 ? (
+      // The commands are not read yet: the typical card's three action chips.
+      /* @__PURE__ */ jsx("div", { className: CARD_ACTIONS_CLASS, children: /* @__PURE__ */ jsx(LoadingItems, { count: MINGO_ONBOARDING_CARD_SKELETON_ACTIONS, children: () => /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { "data-loading-item": true, size: "small", className: "w-16" }) }) })
+    ) : hasActions ? /* @__PURE__ */ jsx("div", { className: CARD_ACTIONS_CLASS, children: loading ? /* @__PURE__ */ jsx(InertWhileLoading, { className: "contents", children: actionButtons }) : actionButtons }) : null
   ] });
-  const baseClass = cn(
-    "flex w-full items-start border-b border-ods-border bg-ods-card p-[var(--spacing-system-s)] text-left last:border-b-0",
-    isInteractive && "cursor-pointer transition-colors hover:bg-ods-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent",
-    className
-  );
+  const rowCard = !!onClick && !hasActions;
+  const baseClass = cn(rowCard ? BUTTON_KIND_CLASS.row : CARD_BASE_CLASS, className);
   if (isInteractive) {
-    return /* @__PURE__ */ jsx("button", { type: "button", onClick, className: baseClass, children: body });
+    return /* @__PURE__ */ jsx(Button, { variant: "row", type: "button", onClick, className, ...itemProps, children: body });
   }
-  return /* @__PURE__ */ jsx("div", { className: baseClass, children: body });
+  return /* @__PURE__ */ jsx("div", { className: baseClass, "aria-hidden": loading || void 0, ...itemProps, children: body });
 }
+const MINGO_ONBOARDING_SKELETON_ROWS = ROW_VARIANTS.length;
 export {
+  MINGO_ONBOARDING_SKELETON_ROWS,
   MingoOnboardingCard
 };

package/dist/components/chat/mingo-welcome.d.ts

@@ -53,6 +53,9 @@ export interface MingoWelcomeProps {
      *  flash the new-user layout before the list arrives. Ignored once
      *  `dialogHistory` is provided. */
     isLoadingHistory?: boolean;
+    /** The host's dialog page size: how many rows the history's loading state draws
+     *  (`isLoadingHistory`). Default `CHAT_HISTORY_PAGE_SIZE`. */
+    historyPageSize?: number;
     /** The dialog-list load FAILED (e.g. backend down) and there's nothing
      *  cached. Renders an error + retry block in place of the new-user empty
      *  state (which would otherwise misleadingly advertise Guide). Takes
@@ -85,5 +88,5 @@ export interface MingoWelcomeProps {
  * notification carries no action; its dismiss "X" persists to local/session
  * storage so it shows only until the user closes it once.
  */
-export declare function MingoWelcome({ title, subtitle, promo, promoStorageKey, promoStorage, quickActions, onQuickActionHover, onQuickActionHoverEnd, hasExistingChats, dialogHistory, isLoadingHistory, loadError, onRetry, onStartGuideChat, agentSlug, className, }: MingoWelcomeProps): import("react").JSX.Element;
+export declare function MingoWelcome({ title, subtitle, promo, promoStorageKey, promoStorage, quickActions, onQuickActionHover, onQuickActionHoverEnd, hasExistingChats, dialogHistory, isLoadingHistory, historyPageSize, loadError, onRetry, onStartGuideChat, agentSlug, className, }: MingoWelcomeProps): import("react").JSX.Element;
 //# sourceMappingURL=mingo-welcome.d.ts.map

package/dist/components/chat/mingo-welcome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mingo-welcome.d.ts","sourceRoot":"","sources":["../../../src/components/chat/mingo-welcome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAgBvE,+EAA+E;AAC/E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,8EAA8E;AAC9E,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;2CAEuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;6EAEyE;IACzE,KAAK,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;4DACwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/C;wDACoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC;;gFAE4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;8DAE0D;IAC1D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;uCAImC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;iFAG6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;iEAE6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;oFAEgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAA2B,EAC3B,KAAK,EACL,eAA2C,EAC3C,YAAsB,EACtB,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,gBAAwB,EACxB,aAAa,EACb,gBAAwB,EACxB,SAAiB,EACjB,OAAO,EACP,gBAAgB,EAChB,SAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,+BAmNnB"}
+{"version":3,"file":"mingo-welcome.d.ts","sourceRoot":"","sources":["../../../src/components/chat/mingo-welcome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAkBvE,+EAA+E;AAC/E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,8EAA8E;AAC9E,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;2CAEuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;6EAEyE;IACzE,KAAK,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;4DACwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/C;wDACoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC;;gFAE4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;8DAE0D;IAC1D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;uCAImC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;kEAC8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;iFAG6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;iEAE6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;oFAEgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAA2B,EAC3B,KAAK,EACL,eAA2C,EAC3C,YAAsB,EACtB,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,gBAAwB,EACxB,aAAa,EACb,gBAAwB,EACxB,eAAe,EACf,SAAiB,EACjB,OAAO,EACP,gBAAgB,EAChB,SAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,+BAyNnB"}

package/dist/components/chat/mingo-welcome.js

@@ -7,8 +7,9 @@ import { AgentMark } from "../agent-mark.js";
 import { CompassIcon, Arrow01DownIcon, AlertCircleIcon, Refresh01RightIcon } from "../icons-v2-generated/index.js";
 import { XmarkIcon } from "../icons-v2-generated/signs-and-symbols/xmark-icon.js";
 import { Button } from "../ui/button/index.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { ScrollFadeOverlay, useScrollFade } from "../ui/scroll-fade.js";
-import { MingoChatHistorySkeleton } from "./mingo-chat-history.js";
+import { MingoChatHistory } from "./mingo-chat-history.js";
 import { QuickActionChipButton } from "./quick-action-chip.js";
 import { QuickActionWall } from "./quick-action-wall.js";
 const DEFAULT_SUBTITLE = "Ready to help with your technical tasks. What can I do for you?";
@@ -17,6 +18,7 @@ const DEFAULT_PROMO = {
   description: "Start a Guide Chat to learn how it works and how to set it up."
 };
 const DEFAULT_PROMO_STORAGE_KEY = "mingo-welcome:promo-dismissed";
+const NO_DIALOGS = [];
 function MingoWelcome({
   title,
   subtitle = DEFAULT_SUBTITLE,
@@ -29,6 +31,7 @@ function MingoWelcome({
   hasExistingChats = false,
   dialogHistory,
   isLoadingHistory = false,
+  historyPageSize,
   loadError = false,
   onRetry,
   onStartGuideChat,
@@ -36,6 +39,7 @@ function MingoWelcome({
   className
 }) {
   const heading = title ?? "Hey, I'm Mingo";
+  const historyLoading = useLoadingScope() || isLoadingHistory;
   const resolvedPromo = hasExistingChats ? null : promo === void 0 ? onStartGuideChat ? DEFAULT_PROMO : null : promo;
   const hydrated = useIsHydrated();
   const [dismissedThisSession, setPromoDismissed] = useState(false);
@@ -58,7 +62,7 @@ function MingoWelcome({
     }
   }, [promoStorage, promoStorageKey]);
   const { scrollRef, fadeTop, fadeBottom, update: updateScrollFade } = useScrollFade();
-  const showPinnedRegion = !!dialogHistory || !isLoadingHistory && !loadError;
+  const showPinnedRegion = !!dialogHistory || !historyLoading && !loadError;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -77,7 +81,11 @@ function MingoWelcome({
             /* @__PURE__ */ jsx("p", { className: "text-body-sm text-ods-text-secondary", children: "Something went wrong reaching the server. Check your connection and try again." })
           ] }),
           onRetry && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "small", leftIcon: /* @__PURE__ */ jsx(Refresh01RightIcon, {}), onClick: onRetry, children: "Try again" })
-        ] }) : isLoadingHistory ? /* @__PURE__ */ jsx(MingoChatHistorySkeleton, {}) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [
+        ] }) : historyLoading ? (
+          // The history draws its own loading state (one page of rows) until the
+          // first page tells new and returning users apart.
+          /* @__PURE__ */ jsx(MingoChatHistory, { dialogs: NO_DIALOGS, loading: true, pageSize: historyPageSize })
+        ) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -104,12 +112,14 @@ function MingoWelcome({
               /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h6", children: resolvedPromo.description })
             ] }),
             /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
+                variant: "transparent",
+                size: "icon-sm",
                 type: "button",
                 onClick: dismissPromo,
                 "aria-label": "Dismiss",
-                className: "absolute right-2 top-2 rounded-sm text-ods-text-secondary transition-colors hover:text-ods-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
+                className: "absolute right-2 top-2",
                 children: /* @__PURE__ */ jsx(XmarkIcon, { size: 16 })
               }
             )

package/dist/components/chat/model-display.d.ts

@@ -1,19 +1,5 @@
 import React from 'react';
 import type { ModelDisplayProps } from './types';
 declare const ModelDisplay: React.ForwardRefExoticComponent<ModelDisplayProps & React.RefAttributes<HTMLDivElement>>;
-export interface ModelDisplaySkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Also render the right-aligned "tokens used" tail placeholder. The token
-     *  tail only appears once `contextWindow` is known, so the default skeleton
-     *  shows just the left part (provider icon + model name). */
-    showTokens?: boolean;
-}
-/**
- * Loading placeholder for the {@link ModelDisplay} inline pill. Mirrors its
- * layout (provider icon + model name) so the footer doesn't shift when the
- * real model metadata resolves. The "tokens used" tail is opt-in via
- * `showTokens`, matching ModelDisplay (which only renders it once the context
- * window is known).
- */
-declare const ModelDisplaySkeleton: React.ForwardRefExoticComponent<ModelDisplaySkeletonProps & React.RefAttributes<HTMLDivElement>>;
-export { ModelDisplay, ModelDisplaySkeleton };
+export { ModelDisplay };
 //# sourceMappingURL=model-display.d.ts.map

package/dist/components/chat/model-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-display.d.ts","sourceRoot":"","sources":["../../../src/components/chat/model-display.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAC;AA2CtE,QAAA,MAAM,YAAY,0FA6FjB,CAAC;AAyBF,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF;;iEAE6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,oBAAoB,kGAWzB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"model-display.d.ts","sourceRoot":"","sources":["../../../src/components/chat/model-display.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAC;AAgDtE,QAAA,MAAM,YAAY,0FAgHjB,CAAC;AAyBF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/chat/model-display.js

@@ -4,7 +4,8 @@ import React from "react";
 import { cn } from "../../utils/cn.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "../hover-card.js";
 import { AnthropicLogoGreyIcon, GeminiLogoGreyIcon, OpenaiLogoGreyIcon } from "../icons-v2-generated/index.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { MediaSkeleton, TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { useChatAppearance } from "./chat-appearance-context.js";
 import { CHAT_APPEARANCE } from "./types/chat.types.js";
 const getProviderIcon = (provider) => {
@@ -37,6 +38,8 @@ const formatTokenCount = (count) => {
   return String(count);
 };
 const hasAnyBreakdownRow = (breakdown) => !!breakdown && !!(breakdown.haikuRewriter || breakdown.haikuClassifier || breakdown.haikuSummarizer);
+const MODEL_DISPLAY_ROW_CLASS = "flex items-center gap-1 text-h6";
+const PROVIDER_ICON_BOX_CLASS = "flex shrink-0 items-center justify-center";
 const ModelDisplay = React.forwardRef(
   ({
     className,
@@ -49,14 +52,23 @@ const ModelDisplay = React.forwardRef(
     hitRatePct,
     inputTokens,
     outputTokens,
+    loading = false,
     ...props
   }, ref) => {
+    const isLoading = useLoadingScope() || loading;
     const icon = getProviderIcon(provider);
     const name = displayName || modelName;
     const isV2 = useChatAppearance() === CHAT_APPEARANCE.V2;
     const formatCount = (count) => isV2 ? count.toLocaleString("en-US") : formatTokenCount(count);
-    const inline = /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-1 text-ods-text-secondary", "text-h6", className), ...props, children: [
-      icon && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center", children: icon }),
+    if (isLoading) {
+      return /* @__PURE__ */ jsxs("div", { ref, "aria-hidden": true, className: cn(MODEL_DISPLAY_ROW_CLASS, className), ...props, children: [
+        icon && /* @__PURE__ */ jsx("span", { className: PROVIDER_ICON_BOX_CLASS, children: /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm" }) }),
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-24" }),
+        contextWindow != null && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "ml-auto w-32" })
+      ] });
+    }
+    const inline = /* @__PURE__ */ jsxs("div", { ref, className: cn(MODEL_DISPLAY_ROW_CLASS, "text-ods-text-secondary", className), ...props, children: [
+      icon && /* @__PURE__ */ jsx("span", { className: PROVIDER_ICON_BOX_CLASS, children: icon }),
       /* @__PURE__ */ jsx("span", { className: "font-body", children: name }),
       contextWindow != null && /* @__PURE__ */ jsxs("span", { className: "ml-auto opacity-70 text-h6", children: [
         usedTokens != null ? formatCount(usedTokens) : "\u2014",
@@ -129,15 +141,6 @@ function BreakdownRow({
   ] });
 }
 ModelDisplay.displayName = "ModelDisplay";
-const ModelDisplaySkeleton = React.forwardRef(
-  ({ className, showTokens = false, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, "aria-hidden": true, className: cn("flex items-center gap-1 text-h6", className), ...props, children: [
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-4 shrink-0 rounded-sm" }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-24" }),
-    showTokens && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "ml-auto h-3 w-32" })
-  ] })
-);
-ModelDisplaySkeleton.displayName = "ModelDisplaySkeleton";
 export {
-  ModelDisplay,
-  ModelDisplaySkeleton
+  ModelDisplay
 };

package/dist/components/chat/msp-organization-card.d.ts

@@ -21,6 +21,9 @@ export interface MspOrganizationCardProps {
      * "Your IT is managed by" over the name, no website line, no card chrome.
      */
     variant?: 'card' | 'footer';
+    /** The organization is still loading: the card draws its own skeleton (either variant). Inside a `LoadingScope` it
+     *  does so whatever this says. */
+    loading?: boolean;
     /** Appended to the root element. */
     className?: string;
 }
@@ -34,6 +37,10 @@ export interface MspOrganizationCardProps {
  *
  * The trailing button renders only when `href` or `onOpenWebsite` is provided:
  * `href` becomes an anchor (new tab), otherwise `onOpenWebsite` fires on click.
+ *
+ * ONE switch (`useLoadingScope() || loading`): while the organization is read the SAME card (either variant) draws
+ * the logo in its loading form and its read text as bars (the footer's static caption stays real), and its link button
+ * real and inert.
  */
-export declare function MspOrganizationCard({ name, website, logoUrl, title, href, onOpenWebsite, variant, className, }: MspOrganizationCardProps): import("react").JSX.Element;
+export declare function MspOrganizationCard({ name, website, logoUrl, title, href, onOpenWebsite, variant, loading: loadingProp, className, }: MspOrganizationCardProps): import("react").JSX.Element;
 //# sourceMappingURL=msp-organization-card.d.ts.map

package/dist/components/chat/msp-organization-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"msp-organization-card.d.ts","sourceRoot":"","sources":["../../../src/components/chat/msp-organization-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,wBAAwB;IACvC,2FAA2F;IAC3F,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,IAAI,EACJ,aAAa,EACb,OAAgB,EAChB,SAAS,GACV,EAAE,wBAAwB,+BA6D1B"}
+{"version":3,"file":"msp-organization-card.d.ts","sourceRoot":"","sources":["../../../src/components/chat/msp-organization-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,WAAW,wBAAwB;IACvC,2FAA2F;IAC3F,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;sCACkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,IAAI,EACJ,aAAa,EACb,OAAgB,EAChB,OAAO,EAAE,WAAmB,EAC5B,SAAS,GACV,EAAE,wBAAwB,+BA0D1B"}

package/dist/components/chat/msp-organization-card.js

@@ -1,10 +1,17 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "../../embed-shims/next-link.js";
 import { cn } from "../../utils/cn.js";
 import { ExternalLinkIcon } from "../icons-v2-generated/index.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
+import { InertWhileLoading, useLoadingScope } from "../ui/loading-scope.js";
 import { SquareAvatar } from "../ui/square-avatar.js";
+const CARD_FRAME_CLASS = "flex items-start gap-[var(--spacing-system-m)] rounded-md bg-ods-bg p-[var(--spacing-system-m)] ring-1 ring-inset ring-ods-border";
+const FOOTER_FRAME_CLASS = "flex items-center gap-[var(--spacing-system-s)] px-[var(--spacing-system-m)] py-[var(--spacing-system-s)]";
+const TEXT_STACK_CLASS = "flex min-w-0 flex-1 flex-col";
+const FOOTER_CAPTION = "Your IT is managed by";
+const FOOTER_CAPTION_CLASS = "truncate text-ods-text-secondary text-h6";
 function MspOrganizationCard({
   name,
   website,
@@ -13,48 +20,36 @@ function MspOrganizationCard({
   href,
   onOpenWebsite,
   variant = "card",
+  loading: loadingProp = false,
   className
 }) {
+  const loading = useLoadingScope() || loadingProp;
   const actionLabel = website ? `Open ${website}` : "Open organization website";
-  if (variant === "footer") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-[var(--spacing-system-s)] px-[var(--spacing-system-m)] py-[var(--spacing-system-s)]",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(SquareAvatar, { src: logoUrl, alt: name, fallback: name, size: "sm", variant: "square" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-h6", children: "Your IT is managed by" }),
-            /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h4", children: title ?? name })
-          ] }),
-          href ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "icon-sm", "aria-label": actionLabel, children: /* @__PURE__ */ jsx(Link, { href, target: "_blank", rel: "noreferrer noopener", children: /* @__PURE__ */ jsx(ExternalLinkIcon, {}) }) }) : onOpenWebsite ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon-sm", "aria-label": actionLabel, onClick: onOpenWebsite, children: /* @__PURE__ */ jsx(ExternalLinkIcon, {}) }) : null
-        ]
-      }
-    );
+  const footer = variant === "footer";
+  const buttonSize = footer ? "icon-sm" : "icon";
+  const action = href ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: buttonSize, "aria-label": actionLabel, children: /* @__PURE__ */ jsx(Link, { href, target: "_blank", rel: "noreferrer noopener", children: /* @__PURE__ */ jsx(ExternalLinkIcon, {}) }) }) : onOpenWebsite ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: buttonSize, "aria-label": actionLabel, onClick: onOpenWebsite, children: /* @__PURE__ */ jsx(ExternalLinkIcon, {}) }) : null;
+  const trailing = action && loading ? /* @__PURE__ */ jsx(InertWhileLoading, { children: action }) : action;
+  if (footer) {
+    return /* @__PURE__ */ jsxs("div", { className: cn(FOOTER_FRAME_CLASS, className), children: [
+      /* @__PURE__ */ jsx(SquareAvatar, { loading, src: logoUrl, alt: name, fallback: name, size: "sm", variant: "square" }),
+      /* @__PURE__ */ jsxs("div", { className: TEXT_STACK_CLASS, children: [
+        /* @__PURE__ */ jsx("span", { className: FOOTER_CAPTION_CLASS, children: FOOTER_CAPTION }),
+        loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-3/5" }) : /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h4", children: title ?? name })
+      ] }),
+      trailing
+    ] });
   }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        // Inset ring (box-shadow) instead of `border` so the 1px stroke does not
-        // add to the box height — matches Figma's 80px frame (16 + 48 + 16) with
-        // its inside-aligned stroke. A real border would render 82px.
-        "flex items-start gap-[var(--spacing-system-m)] rounded-md bg-ods-bg p-[var(--spacing-system-m)] ring-1 ring-inset ring-ods-border",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(SquareAvatar, { src: logoUrl, alt: name, fallback: name, size: "lg", variant: "square" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h3", children: title ?? `Your IT is managed by ${name}` }),
-          website ? /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-h4", children: website }) : null
-        ] }),
-        href ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", size: "icon", "aria-label": actionLabel, children: /* @__PURE__ */ jsx(Link, { href, target: "_blank", rel: "noreferrer noopener", children: /* @__PURE__ */ jsx(ExternalLinkIcon, {}) }) }) : onOpenWebsite ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", "aria-label": actionLabel, onClick: onOpenWebsite, children: /* @__PURE__ */ jsx(ExternalLinkIcon, {}) }) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: cn(CARD_FRAME_CLASS, className), children: [
+    /* @__PURE__ */ jsx(SquareAvatar, { loading, src: logoUrl, alt: name, fallback: name, size: "lg", variant: "square" }),
+    /* @__PURE__ */ jsx("div", { className: TEXT_STACK_CLASS, children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-3/5" }),
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-2/5" })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h3", children: title ?? `Your IT is managed by ${name}` }),
+      website ? /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-h4", children: website }) : null
+    ] }) }),
+    trailing
+  ] });
 }
 export {
   MspOrganizationCard

package/dist/components/chat/quick-action-chip.d.ts

@@ -107,30 +107,14 @@ export interface QuickActionChipButtonProps {
      *  strips, table cells). Default `true`. */
     interactive?: boolean;
     className?: string;
-}
-export interface QuickActionChipSkeletonProps {
-    /** Label placeholder width in `ch` of the chip's own font — vary per item
-     *  for a realistic spread. Default 16. */
+    /** The chip's label is still being read: the chip draws its {@link QuickActionChipSkeleton} (same box). In a loading
+     *  scope it does the same. */
+    loading?: boolean;
+    /** While loading, the label placeholder's width in `ch` (see {@link QuickActionChipSkeletonProps.labelCh}). */
     labelCh?: number;
-    /** Reserve the leading-icon slot (default true — most chips carry one). */
-    icon?: boolean;
-    /** Reserve the leading lozenge affix slot. */
-    lozenge?: boolean;
-    /** Chip scale — MUST match the loaded chips' `size` or the swap jumps. */
-    size?: 'default' | 'large';
-    /** `'question'`: the placeholder of a `variant="question"` chip (its height and padding). */
-    variant?: 'outline' | 'question';
-    className?: string;
+    /** The list's markers (`data-loading-item`), forwarded in both forms. */
+    [marker: `data-${string}`]: unknown;
 }
-/**
- * Loading placeholder for {@link QuickActionChipButton} — renders the REAL
- * `Tag` (same height, padding, border, radius, icon box) with `UnifiedSkeleton`
- * bars (as spans, so they stay valid phrasing content inside the Tag's label
- * span) in the icon/lozenge/label slots, so a skeleton chip is 1:1 with a loaded chip by
- * construction. Use anywhere quick actions stream in (chat empty states,
- * marketing walls, deck panels).
- */
-export declare function QuickActionChipSkeleton({ labelCh, icon, lozenge, size, variant, className, }: QuickActionChipSkeletonProps): import("react").JSX.Element;
 /**
  * The unified quick-action chip — Figma chip anatomy (card bg, border, mono
  * uppercase label) via the `Tag` outline/primary variants, with icon
@@ -139,7 +123,7 @@ export declare function QuickActionChipSkeleton({ labelCh, icon, lozenge, size,
  * (guide / mingo / ai-agent), the marketing marquee strips, and the ROI
  * table task cells.
  */
-export declare function QuickActionChipButton({ label, icon, theme, lozenge, variant, selected, selectedAccent, size, onSelect, onHoverStart, onHoverEnd, interactive, className, }: QuickActionChipButtonProps): import("react").JSX.Element;
+export declare function QuickActionChipButton({ label, icon, theme, lozenge, variant, selected, selectedAccent, size, onSelect, onHoverStart, onHoverEnd, interactive, className, loading: loadingProp, labelCh, ...props }: QuickActionChipButtonProps): import("react").JSX.Element;
 /**
  * THE quick-action chip DATA shape — one declarative description of a chip that
  * every quick-action surface builds (chat empty states, {@link QuickActionWall},
@@ -181,11 +165,13 @@ export interface QuickActionChip {
  * `defaultTheme`/`defaultLozenge` fill gaps for wall-level theming;
  * `interactive={false}` renders the decorative Tag form (loop-clone copies).
  */
-export declare function QuickActionChipFromData({ chip, defaultTheme, defaultLozenge, interactive, className, }: {
+export declare function QuickActionChipFromData({ chip, defaultTheme, defaultLozenge, interactive, className, ...props }: {
     chip: QuickActionChip;
     defaultTheme?: QuickActionThemeSpec;
     defaultLozenge?: boolean;
     interactive?: boolean;
     className?: string;
+    /** The list's markers (`data-loading-item`), forwarded to the chip. */
+    [marker: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 //# sourceMappingURL=quick-action-chip.d.ts.map

package/dist/components/chat/quick-action-chip.d.ts.map

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