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

package/dist/components/features/index.d.ts.map

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

package/dist/components/features/index.js

@@ -87,12 +87,17 @@ export * from "./sortable-list/index.js";
 export * from "./ticket-status-config-list/index.js";
 export * from "./conversation-card.js";
 export * from "./capability-explorer.js";
+import { VIDEO_PLAYBACK_FAILED_EVENT } from "./video-shared.js";
+import { MUX_STREAM_ORIGIN, MUX_IMAGE_ORIGIN } from "./mux-origins.js";
 export {
   DEFAULT_THEME,
   DynamicThemeProvider,
+  MUX_IMAGE_ORIGIN,
+  MUX_STREAM_ORIGIN,
   THEME_ATTRIBUTE,
   THEME_STORAGE_KEY,
   ThemeProvider,
+  VIDEO_PLAYBACK_FAILED_EVENT,
   useDynamicTheme,
   useTheme,
   useThemeToggle

package/dist/components/features/knowledge-base/index.d.ts

@@ -3,5 +3,6 @@ export type { KnowledgeBaseItemType } from './knowledge-base-item-icon';
 export { getKnowledgeBaseColumns, getKnowledgeBaseOpenColumn, KnowledgeBaseTableBody } from './knowledge-base-table';
 export type { KnowledgeBaseRow, KnowledgeBaseRowHref, KnowledgeBaseRowStatus, KnowledgeBaseRowType, KnowledgeBaseTableBodyProps, KnowledgeBaseTableMode, } from './knowledge-base-table';
 export { KnowledgeBaseArticleView } from './knowledge-base-article-view';
-export type { KnowledgeBaseArticleAuthor, KnowledgeBaseArticleStatus, KnowledgeBaseArticleViewProps, } from './knowledge-base-article-view';
+export type { KnowledgeBaseArticleAuthor, KnowledgeBaseArticleViewProps } from './knowledge-base-article-view';
+export type { KnowledgeBaseArticleStatus } from './knowledge-base-status';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/features/knowledge-base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/knowledge-base/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrH,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EACV,0BAA0B,EAC1B,0BAA0B,EAC1B,6BAA6B,GAC9B,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/knowledge-base/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrH,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC/G,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/features/knowledge-base/knowledge-base-article-view.d.ts

@@ -3,7 +3,6 @@ import type { ActionsMenuGroup } from '../../ui/actions-menu';
 import type { PageActionButton } from '../../ui/page-actions';
 import { type TicketAttachment } from '../../ui/ticket-attachments-list';
 import { type KnowledgeBaseArticleStatus } from './knowledge-base-status';
-export type { KnowledgeBaseArticleStatus };
 export interface KnowledgeBaseArticleAuthor {
     /** Display name; null: "Unknown". */
     name: string | null;

package/dist/components/features/knowledge-base/knowledge-base-article-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"knowledge-base-article-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/knowledge-base/knowledge-base-article-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,EAAE,KAAK,gBAAgB,EAAyB,MAAM,kCAAkC,CAAC;AAGhG,OAAO,EAAiC,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAEzG,YAAY,EAAE,0BAA0B,EAAE,CAAC;AAE3C,MAAM,WAAW,0BAA0B;IACzC,qCAAqC;IACrC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kGAAkG;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iGAAiG;IACjG,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAChD,MAAM,EAAE,0BAA0B,CAAC;IACnC,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,0BAA0B,CAAC;IACnC,yEAAyE;IACzE,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,MAAM,EACN,OAAO,EACP,WAAW,EACX,IAAS,EACT,MAAM,EACN,YAAY,EACZ,MAAM,EACN,OAAO,EACP,WAAgB,EAChB,QAAQ,EACR,SAAuE,GACxE,EAAE,6BAA6B,+BAoE/B"}
+{"version":3,"file":"knowledge-base-article-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/knowledge-base/knowledge-base-article-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,EAAE,KAAK,gBAAgB,EAAyB,MAAM,kCAAkC,CAAC;AAGhG,OAAO,EAAiC,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAEzG,MAAM,WAAW,0BAA0B;IACzC,qCAAqC;IACrC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kGAAkG;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iGAAiG;IACjG,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAChD,MAAM,EAAE,0BAA0B,CAAC;IACnC,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,0BAA0B,CAAC;IACnC,yEAAyE;IACzE,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,MAAM,EACN,OAAO,EACP,WAAW,EACX,IAAS,EACT,MAAM,EACN,YAAY,EACZ,MAAM,EACN,OAAO,EACP,WAAgB,EAChB,QAAQ,EACR,SAAuE,GACxE,EAAE,6BAA6B,+BAoE/B"}

package/dist/components/features/model-token-rates.d.ts.map

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

package/dist/components/features/model-token-rates.js

@@ -18,10 +18,11 @@ import { Refresh02VrIcon } from "../icons-v2-generated/media-playback/refresh-02
 import { QuestionCircleIcon } from "../icons-v2-generated/signs-and-symbols/question-circle-icon.js";
 import { XmarkCircleIcon } from "../icons-v2-generated/signs-and-symbols/xmark-circle-icon.js";
 import { LoadingRegion } from "../loading/loading-region.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Autocomplete } from "../ui/autocomplete.js";
 import { Button } from "../ui/button/index.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../ui/dropdown-menu.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { Slider } from "../ui/slider.js";
 import { TabSelector } from "../ui/tab-selector.js";
 import { PushButtonSelector } from "./push-button-selector.js";
@@ -81,6 +82,17 @@ function providerMark(providerType, stated, className) {
 }
 const PAD_X = "px-[var(--spacing-system-s)]";
 const ROW = "flex items-center gap-[var(--spacing-system-s)]";
+const HEADER_ROW_CLASS = cn(
+  ROW,
+  PAD_X,
+  "shrink-0 py-[var(--spacing-system-xs)] uppercase tracking-[-0.02em] text-ods-text-secondary text-h5"
+);
+const BODY_ROW_CLASS = cn(ROW, PAD_X, "py-[var(--spacing-system-xxs)] text-ods-text-primary text-h6");
+const UNIT_LINE_CLASS = cn(
+  "shrink-0 border-t border-ods-border py-[var(--spacing-system-xs)] text-ods-text-secondary text-h6",
+  PAD_X
+);
+const TABS_ROW_CLASS = cn("shrink-0 border-b border-ods-border py-[var(--spacing-system-xs)]", PAD_X);
 const NUMBER_CELL = "w-16 shrink-0 whitespace-nowrap text-right tabular-nums";
 function useProviderGroup(rates) {
   const groups = groupTokenRatesByProvider(rates);
@@ -112,6 +124,7 @@ function ProviderTabs({
 const TABS_SKELETON_CLASS = "h-11 w-full max-w-sm content-md:h-12";
 const TABLE_SKELETON_ROWS = 8;
 function ModelTokenRates({ rates = [], status = "ready", autoTopUpEnabled, className }) {
+  const loading = useLoadingScope() || status === "loading";
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -121,7 +134,7 @@ function ModelTokenRates({ rates = [], status = "ready", autoTopUpEnabled, class
       ),
       children: [
         autoTopUpEnabled != null && /* @__PURE__ */ jsx(AutoTopUpLine, { enabled: autoTopUpEnabled }),
-        status === "loading" ? /* @__PURE__ */ jsx(ModelTokenRatesSkeleton, {}) : status === "error" ? /* @__PURE__ */ jsx(ModelTokenRatesUnavailable, { className: "flex-1" }) : /* @__PURE__ */ jsx(ModelTokenRatesTable, { rates })
+        loading ? /* @__PURE__ */ jsx(ModelTokenRatesSkeleton, {}) : status === "error" ? /* @__PURE__ */ jsx(ModelTokenRatesUnavailable, { className: "flex-1" }) : /* @__PURE__ */ jsx(ModelTokenRatesTable, { rates })
       ]
     }
   );
@@ -170,56 +183,20 @@ function ModelTokenRatesTable({ rates }) {
     return /* @__PURE__ */ jsx("p", { className: cn("flex-1 py-[var(--spacing-system-s)] text-ods-text-secondary text-h6", PAD_X), children: MODEL_TOKEN_RATES_COPY.empty });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    groups.length > 1 && /* @__PURE__ */ jsx(
-      ProviderTabs,
-      {
-        groups,
-        value: group.providerType,
-        onValueChange: setPicked,
-        className: cn("shrink-0 border-b border-ods-border py-[var(--spacing-system-xs)]", PAD_X)
-      }
-    ),
+    groups.length > 1 && /* @__PURE__ */ jsx(ProviderTabs, { groups, value: group.providerType, onValueChange: setPicked, className: TABS_ROW_CLASS }),
     /* @__PURE__ */ jsxs("div", { role: "table", "aria-label": MODEL_TOKEN_RATES_COPY.unit, className: "flex min-h-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          role: "row",
-          className: cn(
-            ROW,
-            PAD_X,
-            "shrink-0 py-[var(--spacing-system-xs)] uppercase tracking-[-0.02em] text-ods-text-secondary text-h5"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("span", { role: "columnheader", className: "min-w-0 flex-1 truncate", children: MODEL_TOKEN_RATES_COPY.model }),
-            /* @__PURE__ */ jsx("span", { role: "columnheader", className: NUMBER_CELL, children: MODEL_TOKEN_RATES_COPY.input }),
-            /* @__PURE__ */ jsx("span", { role: "columnheader", className: NUMBER_CELL, children: MODEL_TOKEN_RATES_COPY.output })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { role: "rowgroup", className: "min-h-0 flex-1 overflow-y-auto", children: group.rates.map((rate) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          role: "row",
-          className: cn(ROW, PAD_X, "py-[var(--spacing-system-xxs)] text-ods-text-primary text-h6"),
-          children: [
-            /* @__PURE__ */ jsx("span", { role: "rowheader", className: "min-w-0 flex-1 truncate", children: rate.displayName || rate.modelName }),
-            /* @__PURE__ */ jsx("span", { role: "cell", className: NUMBER_CELL, children: formatTokenRate(rate.inputTokenRate) }),
-            /* @__PURE__ */ jsx("span", { role: "cell", className: NUMBER_CELL, children: formatTokenRate(rate.outputTokenRate) })
-          ]
-        },
-        rate.modelName
-      )) })
+      /* @__PURE__ */ jsxs("div", { role: "row", className: HEADER_ROW_CLASS, children: [
+        /* @__PURE__ */ jsx("span", { role: "columnheader", className: "min-w-0 flex-1 truncate", children: MODEL_TOKEN_RATES_COPY.model }),
+        /* @__PURE__ */ jsx("span", { role: "columnheader", className: NUMBER_CELL, children: MODEL_TOKEN_RATES_COPY.input }),
+        /* @__PURE__ */ jsx("span", { role: "columnheader", className: NUMBER_CELL, children: MODEL_TOKEN_RATES_COPY.output })
+      ] }),
+      /* @__PURE__ */ jsx("div", { role: "rowgroup", className: "min-h-0 flex-1 overflow-y-auto", children: group.rates.map((rate) => /* @__PURE__ */ jsxs("div", { role: "row", className: BODY_ROW_CLASS, children: [
+        /* @__PURE__ */ jsx("span", { role: "rowheader", className: "min-w-0 flex-1 truncate", children: rate.displayName || rate.modelName }),
+        /* @__PURE__ */ jsx("span", { role: "cell", className: NUMBER_CELL, children: formatTokenRate(rate.inputTokenRate) }),
+        /* @__PURE__ */ jsx("span", { role: "cell", className: NUMBER_CELL, children: formatTokenRate(rate.outputTokenRate) })
+      ] }, rate.modelName)) })
     ] }),
-    /* @__PURE__ */ jsx(
-      "p",
-      {
-        className: cn(
-          "shrink-0 border-t border-ods-border py-[var(--spacing-system-xs)] text-ods-text-secondary text-h6",
-          PAD_X
-        ),
-        children: MODEL_TOKEN_RATES_COPY.unit
-      }
-    )
+    /* @__PURE__ */ jsx("p", { className: UNIT_LINE_CLASS, children: MODEL_TOKEN_RATES_COPY.unit })
   ] });
 }
 function ModelTokenRatesUnavailable({ className }) {
@@ -242,30 +219,26 @@ function ModelTokenRatesUnavailable({ className }) {
 function ModelTokenRatesSkeleton({
   region = true
 } = {}) {
-  const cells = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-12" }),
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-12" })
-  ] });
   return /* @__PURE__ */ jsxs(LoadingRegion, { label: "Loading the model token rates", announce: region, className: "min-h-0 flex-1 overflow-hidden", children: [
-    /* @__PURE__ */ jsx("div", { className: cn("border-b border-ods-border py-[var(--spacing-system-xs)]", PAD_X), children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: TABS_SKELETON_CLASS }) }),
-    /* @__PURE__ */ jsxs("div", { className: cn(ROW, PAD_X, "py-[var(--spacing-system-xs)]"), children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-14" }),
-      cells
+    /* @__PURE__ */ jsx("div", { className: TABS_ROW_CLASS, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: TABS_SKELETON_CLASS }) }),
+    /* @__PURE__ */ jsxs("div", { className: HEADER_ROW_CLASS, children: [
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: MODEL_TOKEN_RATES_COPY.model }),
+      /* @__PURE__ */ jsx("span", { className: NUMBER_CELL, children: MODEL_TOKEN_RATES_COPY.input }),
+      /* @__PURE__ */ jsx("span", { className: NUMBER_CELL, children: MODEL_TOKEN_RATES_COPY.output })
     ] }),
     Array.from({ length: TABLE_SKELETON_ROWS }, (_, index) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: identical placeholder rows
-      /* @__PURE__ */ jsxs("div", { className: cn(ROW, PAD_X, "py-[var(--spacing-system-xxs)]"), children: [
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-36" }),
-        cells
+      /* @__PURE__ */ jsxs("div", { className: BODY_ROW_CLASS, children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-36 max-w-full" }) }),
+        /* @__PURE__ */ jsx("span", { className: NUMBER_CELL, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "ml-auto w-12" }) }),
+        /* @__PURE__ */ jsx("span", { className: NUMBER_CELL, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "ml-auto w-12" }) })
       ] }, index)
     ))
   ] });
 }
 const MODEL_TOKEN_EXCHANGE_BALANCE = 1e6;
 const MODEL_TOKEN_EXCHANGE_RANGE = { min: 1e6, max: 5e7, step: 1e6 };
-const PROVIDER_PLACEHOLDERS = ["loading-1", "loading-2", "loading-3"];
-const FIGURE_SKELETON_CLASS = "inline-block h-[0.8lh] rounded align-middle";
+const PROVIDER_ROWS_FOLD = 3;
 function modelOption(rate) {
   return {
     label: rate.displayName || rate.modelName,
@@ -294,10 +267,10 @@ function ExchangeFigure({
       "span",
       {
         className: cn("whitespace-nowrap tabular-nums text-ods-text-primary", size === "hero" ? "text-h1" : "text-h2"),
-        children: loading ? /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", "aria-hidden": true, className: cn(FIGURE_SKELETON_CLASS, "w-20") }) : figure
+        children: loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-20" }) : figure
       }
     ),
-    /* @__PURE__ */ jsx("span", { className: "min-h-[2lh] text-ods-text-secondary text-h4", children: loading ? /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", "aria-hidden": true, className: cn(FIGURE_SKELETON_CLASS, "w-full max-w-xs") }) : words })
+    /* @__PURE__ */ jsx("span", { className: "min-h-[2lh] text-ods-text-secondary text-h4", children: loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-full max-w-xs" }) : words })
   ] });
 }
 function ModelTokenExchange({
@@ -318,8 +291,8 @@ function ModelTokenExchange({
   className
 }) {
   const copy = MODEL_TOKEN_RATES_COPY.exchange;
-  const loading = status === "loading";
-  const failed = status === "error" || status === "ready" && !rate;
+  const loading = useLoadingScope() || status === "loading";
+  const failed = !loading && (status === "error" || status === "ready" && !rate);
   const sliderId = useId();
   const [chosen, setChosen] = useState(null);
   const balance = chosen ?? defaultAmount ?? tokenPrice?.tokens ?? MODEL_TOKEN_EXCHANGE_BALANCE;
@@ -377,12 +350,10 @@ function ModelTokenExchange({
       /* @__PURE__ */ jsx(
         PushButtonSelector,
         {
-          options: providers.length === 0 && !failed ? PROVIDER_PLACEHOLDERS.map((id) => ({
-            id,
-            name: "\xA0",
-            icon: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-8 rounded" }),
-            disabled: true
-          })) : providers.map((providerType) => {
+          isLoading: providers.length === 0 && !failed,
+          skeletonCount: PROVIDER_ROWS_FOLD,
+          optionDescriptions: false,
+          options: providers.map((providerType) => {
             const stated = models.find((option) => option.providerType === providerType) ?? (rate?.providerType === providerType ? rate : null);
             return {
               id: providerType,
@@ -400,6 +371,7 @@ function ModelTokenExchange({
       /* @__PURE__ */ jsx(
         Autocomplete,
         {
+          fieldLoading: loading,
           label: copy.use.model,
           value: rate?.modelName ?? null,
           onChange: (modelName) => {
@@ -409,7 +381,7 @@ function ModelTokenExchange({
           inputValue: query,
           onInputChange: (value) => onQueryChange?.(value),
           disableClientFilter: true,
-          loading: searching,
+          loading: searching && Boolean(query),
           disabled: providers.length === 0,
           placeholder: copy.use.search,
           noOptionsText: copy.use.noMatch
@@ -444,10 +416,10 @@ function ModelTokenExchange({
           "aria-live": "polite",
           className: "mt-auto flex flex-col rounded-md border border-ods-accent bg-ods-bg p-[var(--spacing-system-mf)]",
           children: [
-            /* @__PURE__ */ jsx("span", { className: "min-h-[2lh] text-ods-text-secondary text-h4", children: loading || !rate ? /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", "aria-hidden": true, className: cn(FIGURE_SKELETON_CLASS, "w-full max-w-xs") }) : copy.charge.so(balancePrice ?? copy.buy.tokens(tokens), model) }),
-            /* @__PURE__ */ jsx("span", { className: "min-h-[1lh] whitespace-nowrap tabular-nums text-ods-text-primary text-h1", children: loading || !rate ? /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", "aria-hidden": true, className: cn(FIGURE_SKELETON_CLASS, "w-40") }) : formatTokenAmount(tokensForBalance(balance, rate.inputTokenRate)) }),
+            /* @__PURE__ */ jsx("span", { className: "min-h-[2lh] text-ods-text-secondary text-h4", children: loading || !rate ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-full max-w-xs" }) : copy.charge.so(balancePrice ?? copy.buy.tokens(tokens), model) }),
+            /* @__PURE__ */ jsx("span", { className: "min-h-[1lh] whitespace-nowrap tabular-nums text-ods-text-primary text-h1", children: loading || !rate ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }) : formatTokenAmount(tokensForBalance(balance, rate.inputTokenRate)) }),
             /* @__PURE__ */ jsx("span", { className: "min-h-[1lh] text-ods-text-primary text-h3", children: copy.charge.read }),
-            /* @__PURE__ */ jsx("span", { className: "min-h-[1lh] text-ods-text-secondary text-h4", children: loading || !rate ? /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", "aria-hidden": true, className: cn(FIGURE_SKELETON_CLASS, "w-48") }) : copy.charge.orWritten(formatTokenAmount(tokensForBalance(balance, rate.outputTokenRate))) })
+            /* @__PURE__ */ jsx("span", { className: "min-h-[1lh] text-ods-text-secondary text-h4", children: loading || !rate ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-48" }) : copy.charge.orWritten(formatTokenAmount(tokensForBalance(balance, rate.outputTokenRate))) })
           ]
         }
       )

package/dist/components/features/notifications/approval-request-notification-tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"approval-request-notification-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/features/notifications/approval-request-notification-tile.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAS5C,MAAM,WAAW,oCAAoC;IACnD,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,QAAQ,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAuB,EACvB,SAAS,EACT,UAAU,EACV,YAAqB,EACrB,cAAsB,EACtB,SAAS,GACV,EAAE,oCAAoC,sCAmItC"}
+{"version":3,"file":"approval-request-notification-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/features/notifications/approval-request-notification-tile.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,oCAAoC;IACnD,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,QAAQ,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAuB,EACvB,SAAS,EACT,UAAU,EACV,YAAqB,EACrB,cAAsB,EACtB,SAAS,GACV,EAAE,oCAAoC,sCAmItC"}

package/dist/components/features/notifications/approval-request-notification-tile.js

@@ -6,9 +6,13 @@ import { ApprovalBatchMessage, ApprovalStatusTag } from "../../chat/approval-bat
 import { ExpandChevron } from "../../chat/expand-chevron.js";
 import { useCollapsible } from "../../chat/hooks/use-collapsible.js";
 import { Button } from "../../ui/button/index.js";
-import { NotificationTile } from "./notification-tile.js";
+import {
+  APPROVAL_BUTTON_CLASS,
+  APPROVAL_TOGGLE_BUTTON_CLASS,
+  LOCKSCREEN_APPROVAL_BUTTON_CLASS,
+  NotificationTile
+} from "./notification-tile.js";
 import { approvalMetaToBatchData, getApprovalMeta, resolutionToStatus } from "./types.js";
-const LOCKSCREEN_BUTTON = "h-9 min-w-24";
 function ApprovalRequestNotificationTile({
   notification,
   onApprove,
@@ -77,7 +81,7 @@ function ApprovalRequestNotificationTile({
               "data-pressed": approvePressed || void 0,
               className: cn(
                 "ease-[cubic-bezier(.2,0,0,1)] transition-[filter,transform] duration-200 motion-reduce:transition-none",
-                lockscreen && LOCKSCREEN_BUTTON,
+                lockscreen ? LOCKSCREEN_APPROVAL_BUTTON_CLASS : APPROVAL_BUTTON_CLASS,
                 approvePressed && "scale-[0.98] brightness-75"
               ),
               children: "Approve"
@@ -90,7 +94,7 @@ function ApprovalRequestNotificationTile({
               size: "small",
               onClick: () => resolve("rejected", onReject),
               disabled: processing,
-              className: lockscreen ? LOCKSCREEN_BUTTON : void 0,
+              className: lockscreen ? LOCKSCREEN_APPROVAL_BUTTON_CLASS : APPROVAL_BUTTON_CLASS,
               children: "Reject"
             }
           )
@@ -112,7 +116,7 @@ function ApprovalRequestNotificationTile({
             },
             "aria-expanded": expanded,
             "aria-label": toggleLabel,
-            className: "ml-auto w-6 shrink-0 px-0 md:w-8",
+            className: APPROVAL_TOGGLE_BUTTON_CLASS,
             children: /* @__PURE__ */ jsx(ExpandChevron, { expanded })
           }
         )

package/dist/components/features/notifications/notification-tile.d.ts

@@ -37,18 +37,33 @@ export interface NotificationTileProps {
     timeLabel?: string;
 }
 export declare function NotificationTile({ notification, liveDurationMs, onComplete, onSettle, className, actions, children, paused, titleLines, presentation, timeLabel, }: NotificationTileProps): import("react").JSX.Element;
+/**
+ * The two buttons on a lock-screen approval tile: compact and their own width. Stretched to fill the tile they
+ * dwarfed the notification wherever the tile is wide (a phone-width page shows it at the full content width). Shared
+ * by the approval tile and its skeleton.
+ */
+export declare const LOCKSCREEN_APPROVAL_BUTTON_CLASS = "h-9 min-w-24";
+/**
+ * The Approve and Reject buttons on a card approval tile: one fixed width that holds either label at every
+ * breakpoint, so the tile's skeleton draws the buttons at their loaded width. Shared by the tile and its skeleton.
+ */
+export declare const APPROVAL_BUTTON_CLASS = "w-20";
+/** The card approval tile's trailing toggle (the command section's chevron). Shared by the tile and its skeleton. */
+export declare const APPROVAL_TOGGLE_BUTTON_CLASS = "ml-auto w-6 shrink-0 px-0 md:w-8";
 export interface NotificationTileSkeletonProps {
     /** `approval`: the approval tile, which adds a row of small buttons under the body. */
     variant?: 'default' | 'approval';
+    /** The tile's `presentation`: a lock screen has no trailing control and its approval buttons are compact. */
+    presentation?: 'card' | 'lockscreen';
+    /** The lines the description takes (2 by default: a host that rotates tiles in one cell is as tall as its tallest tile). */
+    descriptionLines?: number;
     className?: string;
 }
 /**
- * A tile while its notification is read, box for box: the tile's frame and pad,
- * the header (icon, type, time, trailing control), a one-line title over a
- * TWO-line description (a host that rotates tiles in one cell is as tall as its
- * tallest tile), and for `approval` the button row. Each row is its text's line
- * box (h5/h6 20px, the h4 title 24px), so a host panel sizes itself against the
- * height it will have when loaded.
+ * A tile while its notification is read, box for box: the tile's frame and pad, the header (icon, type, time, and on
+ * a card the trailing control), a one-line title over the description's lines, and for `approval` the button row.
+ * Each text row is its text's own line box (`TextLineSkeleton` at the tile's type steps), so the skeleton is the
+ * loaded tile's height at every breakpoint.
  */
-export declare function NotificationTileSkeleton({ variant, className }: NotificationTileSkeletonProps): import("react").JSX.Element;
+export declare function NotificationTileSkeleton({ variant, presentation, descriptionLines, className, }: NotificationTileSkeletonProps): import("react").JSX.Element;
 //# sourceMappingURL=notification-tile.d.ts.map

package/dist/components/features/notifications/notification-tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/features/notifications/notification-tile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ5D,OAAO,KAAK,EAAE,YAAY,EAA6C,MAAM,SAAS,CAAC;AAkCvF,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uGAAuG;IACvG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,cAAqB,EACrB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAc,EACd,UAAc,EACd,YAAqB,EACrB,SAAS,GACV,EAAE,qBAAqB,+BAiLvB;AAED,MAAM,WAAW,6BAA6B;IAC5C,uFAAuF;IACvF,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,OAAmB,EAAE,SAAS,EAAE,EAAE,6BAA6B,+BA+BzG"}
+{"version":3,"file":"notification-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/features/notifications/notification-tile.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAS5D,OAAO,KAAK,EAAE,YAAY,EAA6C,MAAM,SAAS,CAAC;AAsCvF,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uGAAuG;IACvG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,cAAqB,EACrB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAc,EACd,UAAc,EACd,YAAqB,EACrB,SAAS,GACV,EAAE,qBAAqB,+BAiLvB;AAED;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,iBAAiB,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,SAAS,CAAC;AAE5C,qHAAqH;AACrH,eAAO,MAAM,4BAA4B,qCAAqC,CAAC;AAE/E,MAAM,WAAW,6BAA6B;IAC5C,uFAAuF;IACvF,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,6GAA6G;IAC7G,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC,4HAA4H;IAC5H,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,OAAmB,EACnB,YAAqB,EACrB,gBAAoB,EACpB,SAAS,GACV,EAAE,6BAA6B,+BAsC/B"}

package/dist/components/features/notifications/notification-tile.js

@@ -2,11 +2,12 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import Image from "../../../embed-shims/next-image.js";
+import { ICON_SIZE } from "../../../styles/component-sizes.js";
 import { cn } from "../../../utils/cn.js";
 import { formatTicketRelativeTime } from "../../../utils/date-utils.js";
 import { CheckCircleIcon } from "../../icons-v2-generated/signs-and-symbols/check-circle-icon.js";
 import { XmarkIcon } from "../../icons-v2-generated/signs-and-symbols/xmark-icon.js";
-import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { InteractiveSkeleton, TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { dotColorByVariant, progressColorByVariant as toastProgressColorByVariant } from "../../ui/toaster.js";
 const variantBySeverity = {
   INFO: "info",
@@ -27,6 +28,8 @@ const progressColorByVariant = {
   info: "bg-ods-accent"
 };
 const headerControlClass = "absolute inset-0 flex items-center justify-center text-ods-text-secondary transition-opacity duration-200 hover:text-ods-text-primary";
+const TILE_ICON_BOX_CLASS = `flex ${ICON_SIZE.sm} shrink-0 items-center justify-center`;
+const TILE_CONTROL_BOX_CLASS = `relative ${ICON_SIZE.sm} shrink-0`;
 function NotificationTile({
   notification,
   liveDurationMs = 4e3,
@@ -88,7 +91,7 @@ function NotificationTile({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-                /* @__PURE__ */ jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center", typeColorByVariant[accentVariant]), children: image ? /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("span", { className: cn(TILE_ICON_BOX_CLASS, typeColorByVariant[accentVariant]), children: image ? /* @__PURE__ */ jsx(
                   Image,
                   {
                     src: image,
@@ -112,7 +115,7 @@ function NotificationTile({
                     children: timeLabel ?? formatTicketRelativeTime(createdAtIso)
                   }
                 ) : null,
-                !lockscreen && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: "relative size-4 shrink-0", children: [
+                !lockscreen && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: TILE_CONTROL_BOX_CLASS, children: [
                   {
                     active: isLive,
                     label: "Dismiss notification",
@@ -181,10 +184,19 @@ function NotificationTile({
     }
   );
 }
-function TileLine({ box, bar, width }) {
-  return /* @__PURE__ */ jsx("span", { className: cn("flex items-center", box), children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", width, className: bar }) });
+const LOCKSCREEN_APPROVAL_BUTTON_CLASS = "h-9 min-w-24";
+const APPROVAL_BUTTON_CLASS = "w-20";
+const APPROVAL_TOGGLE_BUTTON_CLASS = "ml-auto w-6 shrink-0 px-0 md:w-8";
+function TileSquare({ box, bar }) {
+  return /* @__PURE__ */ jsx("span", { className: box, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", width: "1rem", className: cn("h-4", bar) }) });
 }
-function NotificationTileSkeleton({ variant = "default", className }) {
+function NotificationTileSkeleton({
+  variant = "default",
+  presentation = "card",
+  descriptionLines = 2,
+  className
+}) {
+  const lockscreen = presentation === "lockscreen";
   return /* @__PURE__ */ jsx(
     "output",
     {
@@ -195,26 +207,41 @@ function NotificationTileSkeleton({ variant = "default", className }) {
       ),
       children: /* @__PURE__ */ jsxs("span", { className: "relative flex flex-col gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)]", children: [
         /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-          /* @__PURE__ */ jsx(TileLine, { box: "size-4", width: "1rem", bar: "h-4 rounded-[2px]" }),
-          /* @__PURE__ */ jsx(TileLine, { box: "h-5", width: "7rem", bar: "h-3 rounded" }),
+          /* @__PURE__ */ jsx(TileSquare, { box: TILE_ICON_BOX_CLASS, bar: "rounded-[2px]" }),
+          /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: lockscreen ? "h6" : "h5", className: "w-28" }),
           /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
-          /* @__PURE__ */ jsx(TileLine, { box: "h-5", width: "3.5rem", bar: "h-3 rounded" }),
-          /* @__PURE__ */ jsx(TileLine, { box: "size-4", width: "1rem", bar: "h-4 rounded-full" })
+          /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "h6", className: cn("w-14", lockscreen && "self-start") }),
+          !lockscreen && /* @__PURE__ */ jsx(TileSquare, { box: TILE_CONTROL_BOX_CLASS, bar: "rounded-full" })
         ] }),
         /* @__PURE__ */ jsxs("span", { className: "grid min-w-0 grid-cols-1", children: [
-          /* @__PURE__ */ jsx(TileLine, { box: "h-6", width: "60%", bar: "h-4 rounded" }),
-          /* @__PURE__ */ jsx(TileLine, { box: "h-5", width: "88%", bar: "h-3 rounded" }),
-          /* @__PURE__ */ jsx(TileLine, { box: "h-5", width: "52%", bar: "h-3 rounded" })
+          /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "h4", className: "w-3/5" }),
+          /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "h6", lines: descriptionLines })
         ] }),
         variant === "approval" && /* @__PURE__ */ jsxs("span", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
-          /* @__PURE__ */ jsx(TileLine, { box: "h-6 md:h-8", width: "5.5rem", bar: "h-6 rounded md:h-8" }),
-          /* @__PURE__ */ jsx(TileLine, { box: "h-6 md:h-8", width: "4.5rem", bar: "h-6 rounded md:h-8" })
+          /* @__PURE__ */ jsx(
+            InteractiveSkeleton.Button,
+            {
+              size: "small",
+              className: lockscreen ? LOCKSCREEN_APPROVAL_BUTTON_CLASS : APPROVAL_BUTTON_CLASS
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            InteractiveSkeleton.Button,
+            {
+              size: "small",
+              className: lockscreen ? LOCKSCREEN_APPROVAL_BUTTON_CLASS : APPROVAL_BUTTON_CLASS
+            }
+          ),
+          !lockscreen && /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "small", className: APPROVAL_TOGGLE_BUTTON_CLASS })
         ] })
       ] })
     }
   );
 }
 export {
+  APPROVAL_BUTTON_CLASS,
+  APPROVAL_TOGGLE_BUTTON_CLASS,
+  LOCKSCREEN_APPROVAL_BUTTON_CLASS,
   NotificationTile,
   NotificationTileSkeleton
 };

package/dist/components/features/paths-display.d.ts

@@ -35,6 +35,8 @@ export interface PathsDisplayProps {
      */
     leadingIcon?: React.ReactNode;
 }
+/** How many rows the skeleton draws when the paths are read with the page. */
+export declare const PATHS_DISPLAY_SKELETON_ROWS = 2;
 /**
  * PathsDisplay - Unified component for displaying file/folder paths with copy functionality
  *
@@ -65,6 +67,13 @@ export interface PathsDisplayProps {
  * ```
  */
 export declare function PathsDisplay({ paths, onCopyPath, title, description, className, showCopyButtons, copyIconSize, leadingIcon, }: PathsDisplayProps): React.JSX.Element | null;
+/**
+ * The paths list while its paths are read: the same frame, its title, description, leading icon and copy glyph for
+ * real, and `rows` rows with a bar of a path each.
+ */
+export declare function PathsDisplaySkeleton({ rows, title, description, showCopyButtons, copyIconSize, leadingIcon, className, }: Pick<PathsDisplayProps, 'title' | 'description' | 'showCopyButtons' | 'copyIconSize' | 'leadingIcon' | 'className'> & {
+    rows?: number;
+}): React.JSX.Element;
 /**
  * Pre-defined path sets for common use cases
  */

package/dist/components/features/paths-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paths-display.d.ts","sourceRoot":"","sources":["../../../src/components/features/paths-display.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAEpC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,eAAsB,EACtB,YAAwB,EACxB,WAAW,GACZ,EAAE,iBAAiB,4BA6BnB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe;;;;CAYlB,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,eAAe,CAAC;AAElE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,sBAAsB,GAAG,MAAM,EAAE,CAE5E;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAOnE,CAAC;AAEX;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,sBAAsB,GAAG,MAAM,CAElF"}
+{"version":3,"file":"paths-display.d.ts","sourceRoot":"","sources":["../../../src/components/features/paths-display.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAEpC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAUD,8EAA8E;AAC9E,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAG7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,eAAsB,EACtB,YAAwB,EACxB,WAAW,GACZ,EAAE,iBAAiB,4BA4CnB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAkC,EAClC,KAAK,EACL,WAAW,EACX,eAAsB,EACtB,YAAwB,EACxB,WAAW,EACX,SAAS,GACV,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,aAAa,GAAG,iBAAiB,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,CAAC,GAAG;IACvH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,qBAsBA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe;;;;CAYlB,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,eAAe,CAAC;AAElE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,sBAAsB,GAAG,MAAM,EAAE,CAE5E;AAED;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAOnE,CAAC;AAEX;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,sBAAsB,GAAG,MAAM,CAElF"}