@flamingo-stack/openframe-frontend-core 0.0.748 → 0.0.749

package/dist/{cloud-tenants-V5727B7F.cjs → cloud-tenants-2MYFHEYY.cjs}

@@ -9,10 +9,10 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunk6XP6RNFDcjs = require('./chunk-6XP6RNFD.cjs');
-require('./chunk-HNLI4OU5.cjs');
+var _chunkSECT4H34cjs = require('./chunk-SECT4H34.cjs');
+require('./chunk-C6LPOYDM.cjs');
 require('./chunk-NTGIQP7O.cjs');
-require('./chunk-U6XWGK53.cjs');
+require('./chunk-ALPRQ3ZX.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-4FWURR3W.cjs');
@@ -20,14 +20,14 @@ require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-BBM2ICOY.cjs');
+require('./chunk-3TELPOVH.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-ZNUSYMH7.cjs');
-require('./chunk-BBTSJYTR.cjs');
-require('./chunk-PSIKUDUV.cjs');
+require('./chunk-WZX26ODJ.cjs');
+require('./chunk-V3UJ6NDR.cjs');
+require('./chunk-LVO7FALW.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-YRULLK7N.cjs');
-require('./chunk-B27QEHYR.cjs');
+require('./chunk-P6F6PHVK.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
 require('./chunk-KHPX3KU4.cjs');
@@ -1824,8 +1824,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-YIRX6C7V.cjs');
-require('./chunk-P7KTAXXE.cjs');
+require('./chunk-XJ3J4UIS.cjs');
+require('./chunk-OFO75R2O.cjs');
 require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
 require('./chunk-L2IQESTQ.cjs');
@@ -1848,16 +1848,18 @@ require('./chunk-HOTM4UM6.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
 require('./chunk-HTRILBJD.cjs');
 require('./chunk-K6VWTUCH.cjs');
-require('./chunk-L2RMTGOK.cjs');
+require('./chunk-MGF3FUKD.cjs');
 require('./chunk-Z74QE57T.cjs');
 require('./chunk-XZJCBIYR.cjs');
+require('./chunk-UGCRLRCT.cjs');
 require('./chunk-2QMBXGMQ.cjs');
 require('./chunk-V45KLJQP.cjs');
 require('./chunk-G7SBHMRR.cjs');
-require('./chunk-AKTPO2DN.cjs');
+require('./chunk-L4UI63K6.cjs');
 require('./chunk-OF336YWG.cjs');
 require('./chunk-3LU4UFPS.cjs');
-require('./chunk-5M5C6UV4.cjs');
+require('./chunk-RB6BSE3O.cjs');
+require('./chunk-2YXOD2KL.cjs');
 require('./chunk-3ATAYP36.cjs');
 
 // src/components/product-demo/screens/cloud-tenants.tsx
@@ -1918,7 +1920,7 @@ var getHref = () => "#";
 function CloudTenantsScreen(_props) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => buildCloudTenantsFixture(cast), [cast]);
-  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
+  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSECT4H34cjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-l)]", children: table });
 }
 

package/dist/components/case-studies/index.cjs

@@ -4,16 +4,16 @@
 var _chunkDTKGIG4Acjs = require('../../chunk-DTKGIG4A.cjs');
 
 
-var _chunkJNBOQ7F2cjs = require('../../chunk-JNBOQ7F2.cjs');
+var _chunkOZLIKBKCcjs = require('../../chunk-OZLIKBKC.cjs');
 
 
 
 
 
-var _chunk6XP6RNFDcjs = require('../../chunk-6XP6RNFD.cjs');
-require('../../chunk-HNLI4OU5.cjs');
+var _chunkSECT4H34cjs = require('../../chunk-SECT4H34.cjs');
+require('../../chunk-C6LPOYDM.cjs');
 require('../../chunk-NTGIQP7O.cjs');
-require('../../chunk-U6XWGK53.cjs');
+require('../../chunk-ALPRQ3ZX.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 require('../../chunk-4FWURR3W.cjs');
@@ -21,17 +21,17 @@ require('../../chunk-LU7TD6QS.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-BBM2ICOY.cjs');
+require('../../chunk-3TELPOVH.cjs');
 require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-ZNUSYMH7.cjs');
+require('../../chunk-WZX26ODJ.cjs');
 
 
 
-var _chunkBBTSJYTRcjs = require('../../chunk-BBTSJYTR.cjs');
-require('../../chunk-PSIKUDUV.cjs');
+var _chunkV3UJ6NDRcjs = require('../../chunk-V3UJ6NDR.cjs');
+require('../../chunk-LVO7FALW.cjs');
 require('../../chunk-3RFQPQ7Z.cjs');
 require('../../chunk-YRULLK7N.cjs');
-require('../../chunk-B27QEHYR.cjs');
+require('../../chunk-P6F6PHVK.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1838,12 +1838,12 @@ require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-YIRX6C7V.cjs');
+require('../../chunk-XJ3J4UIS.cjs');
 
 
 
 
-var _chunkP7KTAXXEcjs = require('../../chunk-P7KTAXXE.cjs');
+var _chunkOFO75R2Ocjs = require('../../chunk-OFO75R2O.cjs');
 require('../../chunk-QYLIHZKZ.cjs');
 require('../../chunk-63N4FN5V.cjs');
 require('../../chunk-L2IQESTQ.cjs');
@@ -1866,21 +1866,23 @@ require('../../chunk-HOTM4UM6.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
 require('../../chunk-HTRILBJD.cjs');
 require('../../chunk-K6VWTUCH.cjs');
-require('../../chunk-L2RMTGOK.cjs');
+require('../../chunk-MGF3FUKD.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
+require('../../chunk-UGCRLRCT.cjs');
 require('../../chunk-2QMBXGMQ.cjs');
 require('../../chunk-V45KLJQP.cjs');
 require('../../chunk-G7SBHMRR.cjs');
-require('../../chunk-AKTPO2DN.cjs');
+require('../../chunk-L4UI63K6.cjs');
 require('../../chunk-OF336YWG.cjs');
 require('../../chunk-3LU4UFPS.cjs');
-require('../../chunk-5M5C6UV4.cjs');
+require('../../chunk-RB6BSE3O.cjs');
+require('../../chunk-2YXOD2KL.cjs');
 require('../../chunk-3ATAYP36.cjs');
 
 // src/components/case-studies/share-experience-section.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var DEFAULT_TITLE = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.HeadingLines, { children: [
+var DEFAULT_TITLE = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.HeadingLines, { children: [
   "Share Your Experience",
   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     "with Fellow MSPs",
@@ -1917,7 +1919,7 @@ function ShareExperienceSection({
 } = {}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: `flex flex-col gap-10${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-ods-text-primary", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h1", children: _chunkP7KTAXXEcjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h1", children: _chunkOFO75R2Ocjs.accentSentenceMarks.call(void 0, title) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-6 max-w-[765px] text-h4", children: subtitle })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md border border-ods-border bg-ods-bg p-10", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-10", children: [
@@ -1925,9 +1927,9 @@ function ShareExperienceSection({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-h2", children: howItWorksTitle }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: howItWorksBody })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6XP6RNFDcjs.BenefitCardGrid, { columns: 4, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSECT4H34cjs.BenefitCardGrid, { columns: 4, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.BenefitCard,
+          _chunkSECT4H34cjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJQLBIZMcjs.G2Icon, { color: "var(--social-g2)", size: 24 }) }),
             title: "G2",
@@ -1936,7 +1938,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.BenefitCard,
+          _chunkSECT4H34cjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA2VKPXOBcjs.CapterraIcon, { size: 24 }) }),
             title: "Capterra",
@@ -1945,7 +1947,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.BenefitCard,
+          _chunkSECT4H34cjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTLKSZG3Dcjs.TrustpilotIcon, { size: 24 }) }),
             title: "TrustPilot",
@@ -1954,7 +1956,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.BenefitCard,
+          _chunkSECT4H34cjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILYW6BQNcjs.GetappIcon, { size: 24 }) }),
             title: "GetApp",
@@ -1963,7 +1965,7 @@ function ShareExperienceSection({
           }
         )
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJNBOQ7F2cjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOZLIKBKCcjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
     ] }) })
   ] });
 }
@@ -1973,7 +1975,7 @@ function ShareExperienceSection({
 function EntityQuotesPanel({ quotes, className }) {
   if (!quotes || quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6XP6RNFDcjs.StackedRowsPanel,
+    _chunkSECT4H34cjs.StackedRowsPanel,
     {
       className,
       title: `${_chunkDTKGIG4Acjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
@@ -2002,7 +2004,7 @@ function EntityQuotesPanel({ quotes, className }) {
 function QuoteCardsStrip({ quotes, className }) {
   if (quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBBTSJYTRcjs.CardsStrip,
+    _chunkV3UJ6NDRcjs.CardsStrip,
     {
       className,
       showTitle: false,
@@ -2010,15 +2012,15 @@ function QuoteCardsStrip({ quotes, className }) {
       items: [...quotes],
       itemKey: (quote) => quote.key,
       renderCard: (quote, ctx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkP7KTAXXEcjs.Card,
+        _chunkOFO75R2Ocjs.Card,
         {
           "aria-hidden": ctx.isClone || void 0,
           onPointerEnter: ctx.isTouch ? void 0 : () => ctx.onActivate(ctx.cardKey),
           onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
           className: "relative shrink-0 rounded-md border-ods-border bg-ods-card p-[var(--spacing-system-sf)] shadow-none hover:border-ods-border-hover",
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBBTSJYTRcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSECT4H34cjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV3UJ6NDRcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative: ctx.isClone })
           ]
         },
         ctx.cardKey

package/dist/components/categories-cart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"categories-cart.d.ts","sourceRoot":"","sources":["../../src/components/categories-cart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI/D,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAY,EACZ,WAAe,EACf,gBAAoB,EACpB,SAAiB,EACjB,SAAc,GACf,EAAE,qBAAqB,+BAqEvB"}
+{"version":3,"file":"categories-cart.d.ts","sourceRoot":"","sources":["../../src/components/categories-cart.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK/D,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAY,EACZ,WAAe,EACf,gBAAoB,EACpB,SAAiB,EACjB,SAAc,GACf,EAAE,qBAAqB,+BAkEvB"}

package/dist/components/categories-cart.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import Link from "../embed-shims/next-link.js";
+import { UnifiedSkeleton } from "./loading/unified-skeleton.js";
 import { VendorIcon } from "./vendor-icon.js";
 function CategoriesCart({
   category,
@@ -20,13 +21,7 @@ function CategoriesCart({
         /* @__PURE__ */ jsxs("div", { className: "relative h-8 w-full overflow-hidden md:h-10", children: [
           /* @__PURE__ */ jsx("div", { className: "flex w-full gap-2 md:gap-3", children: isLoading ? (
             // Skeleton loading for vendor icons
-            Array.from({ length: 20 }).map((_, index) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "h-8 w-8 flex-shrink-0 animate-pulse rounded bg-ods-border md:h-10 md:w-10"
-              },
-              index
-            ))
+            Array.from({ length: 20 }).map((_, index) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 flex-shrink-0 rounded md:h-10 md:w-10" }, index))
           ) : vendors && vendors.length > 0 ? vendors.map((vendor) => /* @__PURE__ */ jsx(
             VendorIcon,
             {

package/dist/components/chat/chat-container.js

@@ -5,8 +5,8 @@ import { cn } from "../../utils/cn.js";
 import { Chevron02LeftIcon } from "../icons-v2-generated/index.js";
 import { PlusCircleIcon } from "../icons-v2-generated/signs-and-symbols/plus-circle-icon.js";
 import { XmarkIcon } from "../icons-v2-generated/signs-and-symbols/xmark-icon.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
-import { Skeleton } from "../ui/skeleton.js";
 import { SquareAvatar as Avatar } from "../ui/square-avatar.js";
 import { TicketStatusTag, resolveStatusTagProps } from "../ui/ticket-status-tag.js";
 import { MspOrganizationCard } from "./msp-organization-card.js";
@@ -102,10 +102,10 @@ const ChatHeader = forwardRef(
           /* @__PURE__ */ jsxs("div", { className: cardClasses, children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 px-4 py-3", children: [
               isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-16 shrink-0 rounded-full" }),
+                /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-16 shrink-0 rounded-full" }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                  /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-40" }),
-                  /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" })
+                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-40" }),
+                  /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-28" })
                 ] })
               ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
                 userIcon ? /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-ods-accent", children: userIcon }) : /* @__PURE__ */ jsx(

package/dist/components/chat/chat-context-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-context-picker.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-context-picker.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,KAAK,EAAyB,eAAe,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAElH,8DAA8D;AAC9D,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAcjD,MAAM,WAAW,yBAAyB;IACxC,oDAAoD;IACpD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;+EAC2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,IAAY,EACZ,QAAgB,EAChB,QAAQ,GACT,EAAE,yBAAyB,+BAwB3B;AAMD,MAAM,WAAW,sBAAsB;IACrC,8CAA8C;IAC9C,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,uBAAuB,CAAC;IAChC,iEAAiE;IACjE,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,8CAA8C;IAC9C,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,sBAAsB,sCAoQxB;AAMD,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,SAAS,CAAC;IACnD;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,sCA6C3B"}
+{"version":3,"file":"chat-context-picker.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-context-picker.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,OAAO,KAAK,EAAyB,eAAe,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAElH,8DAA8D;AAC9D,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAcjD,MAAM,WAAW,yBAAyB;IACxC,oDAAoD;IACpD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;+EAC2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,IAAY,EACZ,QAAgB,EAChB,QAAQ,GACT,EAAE,yBAAyB,+BAwB3B;AAMD,MAAM,WAAW,sBAAsB;IACrC,8CAA8C;IAC9C,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,uBAAuB,CAAC;IAChC,iEAAiE;IACjE,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,8CAA8C;IAC9C,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,2DAA2D;IAC3D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,sBAAsB,sCAoQxB;AAMD,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,SAAS,CAAC;IACnD;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,SAAS,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAgB,EAChB,SAAS,GACV,EAAE,yBAAyB,sCA6C3B"}

package/dist/components/chat/chat-context-picker.js

@@ -9,6 +9,7 @@ import { SearchIcon } from "../icons-v2-generated/interface/search-icon.js";
 import { Upload02Icon } from "../icons-v2-generated/interface/upload-02-icon.js";
 import { PlusIcon } from "../icons-v2-generated/signs-and-symbols/plus-icon.js";
 import { XmarkCircleIcon } from "../icons-v2-generated/signs-and-symbols/xmark-circle-icon.js";
+import { LoadingRegion } from "../loading/loading-region.js";
 import {
   CONTEXT_BACK_CLASS,
   CONTEXT_STATE_CLASS,
@@ -240,7 +241,7 @@ function ChatContextPicker({
               children: /* @__PURE__ */ jsx(
                 Suspense,
                 {
-                  fallback: /* @__PURE__ */ jsx("div", { className: "max-h-[340px] overflow-hidden", children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: ITEMS_SKELETON_ROWS }) }),
+                  fallback: /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading items", className: "max-h-[340px] overflow-hidden", children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: ITEMS_SKELETON_ROWS }) }),
                   children: config.renderItems({
                     type: activeType.type,
                     query: debouncedQuery,

package/dist/components/chat/chat-message-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-row.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB;iEAC6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;2EAEuE;IACvE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;qEAEiE;IACjE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BAqDtG;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,gCAkBrC"}
+{"version":3,"file":"chat-message-row.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-row.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB;iEAC6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;2EAEuE;IACvE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;qEAEiE;IACjE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BAqDtG;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,gCAgBrC"}

package/dist/components/chat/chat-message-row.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import Image from "../../embed-shims/next-image.js";
 import { personInitials } from "../../utils/format.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { useProxiedImageUrl } from "./hooks/use-proxied-image-url.js";
 function ChatMessageRow({ displayName, avatarUrl, timeLabel, body, footer }) {
   const proxiedAvatar = useProxiedImageUrl(avatarUrl ?? "");
@@ -34,14 +35,14 @@ function ChatMessageRow({ displayName, avatarUrl, timeLabel, body, footer }) {
 }
 function ChatMessageRowSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 gap-2 md:gap-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "h-8 w-8 flex-shrink-0 animate-pulse rounded-lg bg-ods-border md:h-10 md:w-10" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 flex-shrink-0 rounded-lg md:h-10 md:w-10" }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-[15px] w-24 animate-pulse rounded bg-ods-border md:h-[20px] md:w-32" }),
-        /* @__PURE__ */ jsx("div", { className: "h-[12px] w-12 animate-pulse rounded bg-ods-border md:h-[16px] md:w-16" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[15px] w-24 rounded md:h-[20px] md:w-32" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[12px] w-12 rounded md:h-[16px] md:w-16" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-[14px] w-full animate-pulse rounded bg-ods-border md:h-[18px]" }),
-      /* @__PURE__ */ jsx("div", { className: "mt-1 h-[14px] w-3/4 animate-pulse rounded bg-ods-border md:h-[18px]" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[14px] w-full rounded md:h-[18px]" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mt-1 h-[14px] w-3/4 rounded md:h-[18px]" })
     ] })
   ] });
 }

package/dist/components/chat/chat-message-skeleton.d.ts

@@ -16,6 +16,8 @@ interface ChatMessageSkeletonProps {
  */
 export declare function ChatMessageSkeleton({ className, showAvatar, isUser, bodyLines, }: ChatMessageSkeletonProps): import("react").JSX.Element;
 interface ChatMessageListSkeletonProps {
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
     className?: string;
     messageCount?: number;
     showAvatars?: boolean;
@@ -42,6 +44,6 @@ interface ChatMessageListSkeletonProps {
      */
     fill?: boolean;
 }
-export declare function ChatMessageListSkeleton({ className, messageCount, showAvatars, fullWidth, contentClassName, bodyLines, fill, }: ChatMessageListSkeletonProps): import("react").JSX.Element;
+export declare function ChatMessageListSkeleton({ region, className, messageCount, showAvatars, fullWidth, contentClassName, bodyLines, fill, }: ChatMessageListSkeletonProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=chat-message-skeleton.d.ts.map

package/dist/components/chat/chat-message-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-skeleton.tsx"],"names":[],"mappings":"AAIA,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;+EAE2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAiB,EACjB,MAAc,EACd,SAAa,GACd,EAAE,wBAAwB,+BAwB1B;AAED,UAAU,4BAA4B;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;8CAE0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;mDAC+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,YAAgB,EAChB,WAAkB,EAClB,SAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,IAAY,GACb,EAAE,4BAA4B,+BAyC9B"}
+{"version":3,"file":"chat-message-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-skeleton.tsx"],"names":[],"mappings":"AAMA,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;+EAE2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAiB,EACjB,MAAc,EACd,SAAa,GACd,EAAE,wBAAwB,+BAwB1B;AAED,UAAU,4BAA4B;IACpC,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;8CAE0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;mDAC+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAa,EACb,SAAS,EACT,YAAgB,EAChB,WAAkB,EAClB,SAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,IAAY,GACb,EAAE,4BAA4B,+BAyC9B"}

package/dist/components/chat/chat-message-skeleton.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { LoadingRegion } from "../loading/loading-region.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 const BODY_LINE_WIDTHS = ["w-full", "w-11/12", "w-4/5", "w-5/6"];
 const bodyLineWidth = (index, total) => index === total - 1 ? "w-3/5" : BODY_LINE_WIDTHS[index % BODY_LINE_WIDTHS.length];
 function ChatMessageSkeleton({
@@ -12,14 +14,15 @@ function ChatMessageSkeleton({
   const lines = Math.max(1, bodyLines);
   return /* @__PURE__ */ jsx("div", { className: cn("relative py-[var(--spacing-system-s)]", className), children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-      showAvatar && !isUser && /* @__PURE__ */ jsx("div", { className: "h-8 w-8 flex-shrink-0 animate-pulse rounded-full bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-32 animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "ml-auto h-4 w-14 animate-pulse rounded bg-ods-border" })
+      showAvatar && !isUser && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 flex-shrink-0 rounded-full" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-32 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "ml-auto h-4 w-14 rounded" })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pt-[var(--spacing-system-xxs)]", children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx("div", { className: cn("h-4 animate-pulse rounded bg-ods-border", bodyLineWidth(i, lines)) }, i)) })
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pt-[var(--spacing-system-xxs)]", children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn("h-4 rounded", bodyLineWidth(i, lines)) }, i)) })
   ] }) });
 }
 function ChatMessageListSkeleton({
+  region = true,
   className,
   messageCount = 6,
   showAvatars = true,
@@ -32,7 +35,7 @@ function ChatMessageListSkeleton({
     id: index,
     isUser: index % 3 === 0
   }));
-  return /* @__PURE__ */ jsx("div", { className: "relative flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading messages", announce: region, className: "relative flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(

package/dist/components/chat/chat-sidebar-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-sidebar-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-sidebar-skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,2BAA2B;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,sBAAsB,wHA6B3B,CAAC;AAIF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,mBAAmB,qHAmCxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"chat-sidebar-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-sidebar-skeleton.tsx"],"names":[],"mappings":"AAMA,UAAU,2BAA2B;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,sBAAsB,wHA6B3B,CAAC;AAIF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,mBAAmB,qHAmCxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/chat/chat-sidebar-skeleton.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { ChatPlusIcon } from "../icons-v2-generated/index.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
 const DialogListItemSkeleton = forwardRef(
   ({ className, ...props }, ref) => {
@@ -20,10 +21,10 @@ const DialogListItemSkeleton = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start justify-center gap-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex w-full items-center", children: /* @__PURE__ */ jsx("div", { className: "h-6 w-full max-w-[200px] animate-pulse rounded bg-ods-border" }) }),
-            /* @__PURE__ */ jsx("div", { className: "h-4 w-32 animate-pulse rounded bg-ods-border" })
+            /* @__PURE__ */ jsx("div", { className: "flex w-full items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-full max-w-[200px] rounded" }) }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-32 rounded" })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "size-6 shrink-0 animate-pulse rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-6 shrink-0 rounded" })
         ]
       }
     );

package/dist/components/chat/chat-top-navigation.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { Settings01Icon, SidebarIcon } from "../icons-v2-generated/index.js";
-import { Skeleton } from "../ui/skeleton.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { SquareAvatar } from "../ui/square-avatar.js";
 const edgeButtonClass = cn(
   "flex size-14 shrink-0 items-center justify-center border-ods-border text-ods-text-secondary",
@@ -39,10 +39,10 @@ const ChatTopNavigation = forwardRef(
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)]", children: [
         isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "size-10 shrink-0 rounded-full" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-10 shrink-0 rounded-full" }),
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-24" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-32" })
           ] })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(SquareAvatar, { src: avatarUrl ?? void 0, alt: name, fallback: name, size: "md", variant: "round" }),

package/dist/components/chat/context-items-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-items-list.d.ts","sourceRoot":"","sources":["../../../src/components/chat/context-items-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAI7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAMlE,eAAO,MAAM,iBAAiB,qOACsM,CAAC;AACrO,eAAO,MAAM,kBAAkB,uFAAuF,CAAC;AACvH,eAAO,MAAM,mBAAmB,wEAAwE,CAAC;AACzG,eAAO,MAAM,kBAAkB,gPACgN,CAAC;AAChP,eAAO,MAAM,mBAAmB,wDAAwD,CAAC;AAMzF,MAAM,WAAW,mBAAmB;IAClC,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,IAAiB,EACjB,KAAK,GACN,EAAE,mBAAmB,+BAgBrB;AAMD,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAahE;AAOD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,uDAAuD;IACvD,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,0DAA0D;IAC1D,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAe,EACf,UAAU,EACV,WAAmB,EACnB,UAAyB,EACzB,SAAS,GACV,EAAE,qBAAqB,+BA0CvB;AAOD,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB;;gFAE4E;IAC5E,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,qBAAa,oBAAqB,SAAQ,SAAS,CAAC,yBAAyB,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;IAClG,KAAK;;MAAsB;IAE3B,MAAM,CAAC,wBAAwB;;;IAI/B,kBAAkB,CAAC,IAAI,EAAE,yBAAyB;IAMlD,OAAO,CAAC,KAAK,CAEX;IAEF,MAAM;CAIP"}
+{"version":3,"file":"context-items-list.d.ts","sourceRoot":"","sources":["../../../src/components/chat/context-items-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAK7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAMlE,eAAO,MAAM,iBAAiB,qOACsM,CAAC;AACrO,eAAO,MAAM,kBAAkB,uFAAuF,CAAC;AACvH,eAAO,MAAM,mBAAmB,wEAAwE,CAAC;AACzG,eAAO,MAAM,kBAAkB,gPACgN,CAAC;AAChP,eAAO,MAAM,mBAAmB,wDAAwD,CAAC;AAMzF,MAAM,WAAW,mBAAmB;IAClC,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,IAAiB,EACjB,KAAK,GACN,EAAE,mBAAmB,+BAgBrB;AAMD,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAahE;AAOD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,uDAAuD;IACvD,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,0DAA0D;IAC1D,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAe,EACf,UAAU,EACV,WAAmB,EACnB,UAAyB,EACzB,SAAS,GACV,EAAE,qBAAqB,+BA+CvB;AAOD,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB;;gFAE4E;IAC5E,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,qBAAa,oBAAqB,SAAQ,SAAS,CAAC,yBAAyB,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;IAClG,KAAK;;MAAsB;IAE3B,MAAM,CAAC,wBAAwB;;;IAI/B,kBAAkB,CAAC,IAAI,EAAE,yBAAyB;IAMlD,OAAO,CAAC,KAAK,CAEX;IAEF,MAAM;CAIP"}

package/dist/components/chat/context-items-list.js

@@ -6,7 +6,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Component, useCallback } from "react";
 import { cn } from "../../utils/cn.js";
 import { CheckFillIcon } from "../icons-v2-generated/signs-and-symbols/check-fill-icon.js";
-import { Skeleton } from "../ui/skeleton.js";
+import { LoadingRegion } from "../loading/loading-region.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 const itemKey = (i) => `${i.type}:${i.id}`;
 const CONTEXT_ROW_CLASS = "flex w-full items-center gap-2 border-b border-ods-border bg-ods-bg py-3 pl-4 pr-2 text-left outline-none transition-colors last:border-b-0 hover:bg-ods-bg-hover focus-visible:bg-ods-bg-hover [&_svg]:size-4 md:[&_svg]:size-6";
 const CONTEXT_ICON_CLASS = "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary md:size-6";
@@ -46,7 +47,7 @@ function ContextItemsSkeleton({ count }) {
     "div",
     {
       className: "flex items-center border-b border-ods-border bg-ods-bg py-3 pl-4 pr-2 last:border-b-0",
-      children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-1/2" })
+      children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-1/2" })
     },
     `ctx-skeleton-${i}`
   )) });
@@ -97,7 +98,8 @@ function ContextItemsList({
             itemKey(item)
           );
         }),
-        loadingMore && /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: 3 })
+        loadingMore && // `contents`: the rows stay the list's own rows; the region only adds the one announcement.
+        /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading more items", className: "contents", children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: 3 }) })
       ]
     }
   );

package/dist/components/chat/entity-cards/admin-content-card-grid.d.ts

@@ -16,6 +16,25 @@ export declare function AdminContentCardSkeleton({ className, actions, subtitleR
     /** The bordered actions row. Off for a card rendered without `actions` (a read-only rail card). */
     actions?: boolean;
 }): import("react").JSX.Element;
+export interface AdminContentCardGridSkeletonProps {
+    /** How many placeholder cards: one page. */
+    count?: number;
+    /** The placeholder card. Default `AdminContentCardSkeleton`. */
+    Skeleton?: ComponentType<{
+        className?: string;
+    }>;
+    className?: string;
+    /** What is loading, read once by a screen reader. Default "Loading". */
+    label?: string;
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
+}
+/**
+ * The grid's loading state on its own: one page of placeholder cards in the
+ * grid's columns. `AdminContentCardGrid` draws exactly this while it loads; a
+ * page that has no grid yet (a Suspense fallback) draws it directly.
+ */
+export declare function AdminContentCardGridSkeleton({ count, Skeleton, className, label, region, }: AdminContentCardGridSkeletonProps): import("react").JSX.Element;
 export interface AdminContentCardGridProps<T> {
     items: readonly T[];
     /** One page of cards: the loading skeleton count and the reserved slot count. */
@@ -34,6 +53,10 @@ export interface AdminContentCardGridProps<T> {
         className?: string;
     }>;
     className?: string;
+    /** What is loading, read once by a screen reader while `loading`. Default "Loading". */
+    loadingLabel?: string;
+    /** The loading state announces itself. `false` inside another loading region. Default `true`. */
+    loadingRegion?: boolean;
 }
 /**
  * A paginated card grid that is ONE height in every state: the card-grid
@@ -48,5 +71,5 @@ export interface AdminContentCardGridProps<T> {
  * Pair it with a pagination control that keeps its space on a single page, so the
  * pagination row holds too.
  */
-export declare function AdminContentCardGrid<T>({ items, pageSize, loading, itemKey, renderCard, empty, Skeleton, className, }: AdminContentCardGridProps<T>): import("react").JSX.Element;
+export declare function AdminContentCardGrid<T>({ items, pageSize, loading, itemKey, renderCard, empty, Skeleton, className, loadingLabel, loadingRegion, }: AdminContentCardGridProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=admin-content-card-grid.d.ts.map

package/dist/components/chat/entity-cards/admin-content-card-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"admin-content-card-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/admin-content-card-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,qFAAqF;AACrF,eAAO,MAAM,6BAA6B,kFACuC,CAAC;AAElF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAc,EACd,WAAkB,GACnB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA8BA;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACnC,8FAA8F;IAC9F,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAmC,EACnC,SAAS,GACV,EAAE,yBAAyB,CAAC,CAAC,CAAC,+BA0C9B"}
+{"version":3,"file":"admin-content-card-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/admin-content-card-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,qFAAqF;AACrF,eAAO,MAAM,6BAA6B,kFACuC,CAAC;AAElF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAc,EACd,WAAkB,GACnB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA8BA;AAED,MAAM,WAAW,iCAAiC;IAChD,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,KAAU,EACV,QAAmC,EACnC,SAAS,EACT,KAAiB,EACjB,MAAa,GACd,EAAE,iCAAiC,+BAanC;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACnC,8FAA8F;IAC9F,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAmC,EACnC,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE,yBAAyB,CAAC,CAAC,CAAC,+BA2C9B"}