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

package/dist/components/tickets/index.cjs

@@ -15,40 +15,39 @@
 
 
 
-
-var _chunkKA3VQ6X2cjs = require('../../chunk-KA3VQ6X2.cjs');
-require('../../chunk-OMHQZXCD.cjs');
-require('../../chunk-2JO5HNEF.cjs');
-require('../../chunk-HUPDPANN.cjs');
-require('../../chunk-ZGWS3NJR.cjs');
+var _chunkC5UUWXHEcjs = require('../../chunk-C5UUWXHE.cjs');
+require('../../chunk-MDGDL3C7.cjs');
+require('../../chunk-YX7X5QQN.cjs');
+require('../../chunk-YXZOP726.cjs');
+require('../../chunk-I7LRZR4Q.cjs');
+require('../../chunk-RT6QATX4.cjs');
 require('../../chunk-HEVW75L3.cjs');
 
 
 
 
-var _chunkYNECNYQFcjs = require('../../chunk-YNECNYQF.cjs');
-require('../../chunk-UPAE4IV5.cjs');
-require('../../chunk-KLTUTZBO.cjs');
-require('../../chunk-R6BKQKIF.cjs');
-require('../../chunk-SIDDZZKL.cjs');
+var _chunkIZKEWQJNcjs = require('../../chunk-IZKEWQJN.cjs');
+require('../../chunk-A4YUTS6Q.cjs');
+require('../../chunk-MKF6XX5A.cjs');
+require('../../chunk-ZFOMRALU.cjs');
+require('../../chunk-TS6TISIF.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-5PK22JP7.cjs');
+require('../../chunk-CBKXU77H.cjs');
 require('../../chunk-VXAKQRV7.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-MLX6Z7TU.cjs');
-require('../../chunk-C42WIUH6.cjs');
+require('../../chunk-UPQMFK5B.cjs');
 
 
 
-var _chunkYWQ3VXPLcjs = require('../../chunk-YWQ3VXPL.cjs');
-require('../../chunk-OWQVDWTK.cjs');
-require('../../chunk-LBGAHB6X.cjs');
-require('../../chunk-KKAY6GPU.cjs');
-require('../../chunk-XEYL6AFZ.cjs');
-require('../../chunk-LELS4XMX.cjs');
+var _chunkN7QNWHJAcjs = require('../../chunk-N7QNWHJA.cjs');
+require('../../chunk-7OJMOG34.cjs');
+require('../../chunk-BE4OUWTA.cjs');
+require('../../chunk-WSBWP7IW.cjs');
+require('../../chunk-E2ZZOYSM.cjs');
+require('../../chunk-FS7CBRF4.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1837,21 +1836,21 @@ require('../../chunk-LMBYZITR.cjs');
 require('../../chunk-TMVC7S2R.cjs');
 require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
-require('../../chunk-JB2SEF6Q.cjs');
+require('../../chunk-N2SVJJLU.cjs');
 require('../../chunk-OJZBZH56.cjs');
-require('../../chunk-64KBI5MI.cjs');
+require('../../chunk-LUWYWYNC.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-QEFDGI3Z.cjs');
-require('../../chunk-YG72MEHY.cjs');
-require('../../chunk-OH5LAH3X.cjs');
-require('../../chunk-3ZLPYEL5.cjs');
-require('../../chunk-SETFUCZA.cjs');
-require('../../chunk-BEMGJDXI.cjs');
-require('../../chunk-BNUZKBNV.cjs');
+require('../../chunk-4DKPNN2A.cjs');
+require('../../chunk-5XAWVXNI.cjs');
+require('../../chunk-ODDUGLYF.cjs');
+require('../../chunk-DYF6XB27.cjs');
+require('../../chunk-4MQASMIU.cjs');
+require('../../chunk-XAA5LUHC.cjs');
+require('../../chunk-ZJS45HQZ.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -1860,26 +1859,26 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-3LW5TD54.cjs');
+require('../../chunk-F2FFJWOQ.cjs');
 require('../../chunk-7PNRXJX2.cjs');
 require('../../chunk-NTPX5GXI.cjs');
 require('../../chunk-AQXKXZWB.cjs');
 require('../../chunk-V4FXUIMH.cjs');
 require('../../chunk-SZHDXXMK.cjs');
-require('../../chunk-TUAATMUE.cjs');
+require('../../chunk-CS5SZJFV.cjs');
 require('../../chunk-5GJM7VRR.cjs');
-require('../../chunk-E76ONBKF.cjs');
+require('../../chunk-5WMRVMXH.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
-require('../../chunk-YXDHVHB2.cjs');
-require('../../chunk-FL2RMEDX.cjs');
-require('../../chunk-XIFEZ2JT.cjs');
+require('../../chunk-EHQ2UGT4.cjs');
+require('../../chunk-OMTH355I.cjs');
+require('../../chunk-4DQ4CNAG.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
-require('../../chunk-WEANWBJH.cjs');
-require('../../chunk-XFRBEXQN.cjs');
-require('../../chunk-TF5D5MNO.cjs');
+require('../../chunk-A3UZFFR3.cjs');
+require('../../chunk-NNNRN4OF.cjs');
+require('../../chunk-FLS6DZEN.cjs');
+require('../../chunk-MGEUZRNQ.cjs');
 require('../../chunk-V45KLJQP.cjs');
-require('../../chunk-65VVJSQZ.cjs');
 require('../../chunk-KHKPLOU4.cjs');
 
 
@@ -1902,5 +1901,4 @@ require('../../chunk-KHKPLOU4.cjs');
 
 
 
-
-exports.HelpCenterCard = _chunkKA3VQ6X2cjs.HelpCenterCard; exports.HelpCenterCreateForm = _chunkKA3VQ6X2cjs.HelpCenterCreateForm; exports.HelpCenterCreateFormSkeleton = _chunkKA3VQ6X2cjs.HelpCenterCreateFormSkeleton; exports.HelpCenterList = _chunkKA3VQ6X2cjs.HelpCenterList; exports.TICKET_OPEN_PARAM = _chunkYWQ3VXPLcjs.TICKET_OPEN_PARAM; exports.TICKET_TOAST_COPY = _chunkKA3VQ6X2cjs.TOAST_COPY; exports.TicketCenter = _chunkKA3VQ6X2cjs.TicketCenter; exports.TicketDetailDrawer = _chunkKA3VQ6X2cjs.TicketDetailDrawer; exports.TicketLinkedDeliveryCard = _chunkKA3VQ6X2cjs.TicketLinkedDeliveryCard; exports.TicketLiveProvider = _chunkYNECNYQFcjs.TicketLiveProvider; exports.TicketOpenForm = _chunkKA3VQ6X2cjs.TicketOpenForm; exports.TicketReplyComposer = _chunkKA3VQ6X2cjs.TicketReplyComposer; exports.TicketRow = _chunkKA3VQ6X2cjs.TicketRow; exports.buildTicketOpenHref = _chunkYWQ3VXPLcjs.buildTicketOpenHref; exports.isOptimistic = _chunkKA3VQ6X2cjs.isOptimistic; exports.mapTicketActionError = _chunkKA3VQ6X2cjs.mapTicketActionError; exports.useOptionalTicketLive = _chunkYNECNYQFcjs.useOptionalTicketLive; exports.useTicketActions = _chunkKA3VQ6X2cjs.useTicketActions; exports.useTicketEngagements = _chunkKA3VQ6X2cjs.useTicketEngagements; exports.useTicketLive = _chunkYNECNYQFcjs.useTicketLive; exports.useTicketsList = _chunkKA3VQ6X2cjs.useTicketsList;
+exports.HelpCenterCard = _chunkC5UUWXHEcjs.HelpCenterCard; exports.HelpCenterCreateForm = _chunkC5UUWXHEcjs.HelpCenterCreateForm; exports.HelpCenterList = _chunkC5UUWXHEcjs.HelpCenterList; exports.TICKET_OPEN_PARAM = _chunkN7QNWHJAcjs.TICKET_OPEN_PARAM; exports.TICKET_TOAST_COPY = _chunkC5UUWXHEcjs.TOAST_COPY; exports.TicketCenter = _chunkC5UUWXHEcjs.TicketCenter; exports.TicketDetailDrawer = _chunkC5UUWXHEcjs.TicketDetailDrawer; exports.TicketLinkedDeliveryCard = _chunkC5UUWXHEcjs.TicketLinkedDeliveryCard; exports.TicketLiveProvider = _chunkIZKEWQJNcjs.TicketLiveProvider; exports.TicketOpenForm = _chunkC5UUWXHEcjs.TicketOpenForm; exports.TicketReplyComposer = _chunkC5UUWXHEcjs.TicketReplyComposer; exports.TicketRow = _chunkC5UUWXHEcjs.TicketRow; exports.buildTicketOpenHref = _chunkN7QNWHJAcjs.buildTicketOpenHref; exports.isOptimistic = _chunkC5UUWXHEcjs.isOptimistic; exports.mapTicketActionError = _chunkC5UUWXHEcjs.mapTicketActionError; exports.useOptionalTicketLive = _chunkIZKEWQJNcjs.useOptionalTicketLive; exports.useTicketActions = _chunkC5UUWXHEcjs.useTicketActions; exports.useTicketEngagements = _chunkC5UUWXHEcjs.useTicketEngagements; exports.useTicketLive = _chunkIZKEWQJNcjs.useTicketLive; exports.useTicketsList = _chunkC5UUWXHEcjs.useTicketsList;

package/dist/components/tickets/index.d.ts

@@ -6,7 +6,7 @@ export { TicketLinkedDeliveryCard, type TicketLinkedDeliveryCardProps } from './
 export { TicketReplyComposer, type TicketReplyComposerProps } from './ticket-reply-composer';
 export { HelpCenterList, type HelpCenterListProps } from './help-center-list';
 export { HelpCenterCard, type HelpCenterCardProps } from './help-center-card';
-export { HelpCenterCreateForm, HelpCenterCreateFormSkeleton, type HelpCenterCreateFormProps, } from './help-center-create-form';
+export { HelpCenterCreateForm, type HelpCenterCreateFormProps } from './help-center-create-form';
 export { useTicketsList } from './hooks/use-tickets-list';
 export { useTicketActions, mapTicketActionError, type UseTicketActionsReturn } from './hooks/use-ticket-actions';
 export { useTicketEngagements, type TicketEngagement, type TicketEngagementFile } from './hooks/use-ticket-engagements';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC1G,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC7G,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAO7F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,KAAK,yBAAyB,GAC/B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,KAAK,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACjH,OAAO,EAAE,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACxH,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,UAAU,IAAI,iBAAiB,EAC/B,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC1G,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC7G,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAO7F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,KAAK,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACjH,OAAO,EAAE,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACxH,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,UAAU,IAAI,iBAAiB,EAC/B,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC"}

package/dist/components/tickets/index.js

@@ -6,10 +6,7 @@ import { TicketLinkedDeliveryCard } from "./ticket-linked-delivery-card.js";
 import { TicketReplyComposer } from "./ticket-reply-composer.js";
 import { HelpCenterList } from "./help-center-list.js";
 import { HelpCenterCard } from "./help-center-card.js";
-import {
-  HelpCenterCreateForm,
-  HelpCenterCreateFormSkeleton
-} from "./help-center-create-form.js";
+import { HelpCenterCreateForm } from "./help-center-create-form.js";
 import { useTicketsList } from "./hooks/use-tickets-list.js";
 import { useTicketActions, mapTicketActionError } from "./hooks/use-ticket-actions.js";
 import { useTicketEngagements } from "./hooks/use-ticket-engagements.js";
@@ -26,7 +23,6 @@ import { TICKET_OPEN_PARAM, buildTicketOpenHref } from "../../utils/dev-sections
 export {
   HelpCenterCard,
   HelpCenterCreateForm,
-  HelpCenterCreateFormSkeleton,
   HelpCenterList,
   TICKET_OPEN_PARAM,
   TOAST_COPY as TICKET_TOAST_COPY,

package/dist/components/tickets/ticket-center.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ticket-center.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-center.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAwB9D,MAAM,WAAW,iBAAiB;IAChC;kCAC8B;IAC9B,KAAK,CAAC,EAAE,OAAO,YAAY,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAoB,EAAE,GAAE,iBAAsB,+BAI5E"}
+{"version":3,"file":"ticket-center.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-center.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAsB9D,MAAM,WAAW,iBAAiB;IAChC;kCAC8B;IAC9B,KAAK,CAAC,EAAE,OAAO,YAAY,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAoB,EAAE,GAAE,iBAAsB,+BAI5E"}

package/dist/components/tickets/ticket-center.js

@@ -5,15 +5,14 @@ import { RefreshCw } from "lucide-react";
 import { useCallback, useState } from "react";
 import { toast as defaultToast } from "../../hooks/use-toast.js";
 import { devSectionAnchorId } from "../../utils/dev-sections/dev-section-param-keys.js";
-import { ChatTicketItemSkeleton } from "../chat/entity-cards/chat-ticket-item.js";
 import { useChatIdentity } from "../chat/hooks/use-chat-identity.js";
 import { EmptyState } from "../empty-state.js";
 import { usePageDataSync } from "../layout/page-data-sync.js";
-import { LoadingRegion } from "../loading/loading-region.js";
+import { LoadingFallback } from "../loading/loading-fallback.js";
 import { Button } from "../ui/button/index.js";
 import { Card } from "../ui/card.js";
 import { DataSyncLine } from "../ui/data-attribution.js";
-import { LoadingScope, useLoadingScope } from "../ui/loading-scope.js";
+import { LoadingItems, useLoadingScope } from "../ui/loading-scope.js";
 import { useTicketActions } from "./hooks/use-ticket-actions.js";
 import { TICKETS_PAGE_SIZE, useTicketsList } from "./hooks/use-tickets-list.js";
 import { TicketOpenForm } from "./ticket-open-form.js";
@@ -21,7 +20,6 @@ import { TicketRow } from "./ticket-row.js";
 import { isOptimistic } from "./types.js";
 const TICKET_CENTER_CLASS = "flex flex-col gap-6";
 const TICKET_LIST_BLOCK_CLASS = "flex flex-col gap-2";
-const TICKET_ROW_FRAME_CLASS = "border-b border-ods-border last:border-b-0";
 function TicketCenter({ toast = defaultToast } = {}) {
   if (useLoadingScope()) return /* @__PURE__ */ jsx(TicketCenterPending, { region: false });
   return /* @__PURE__ */ jsx(TicketCenterGate, { toast });
@@ -98,6 +96,7 @@ function TicketCenterAuthed({
       renderRow: (ticket) => /* @__PURE__ */ jsx(
         TicketRow,
         {
+          "data-loading-item": true,
           id: devSectionAnchorId("ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
@@ -118,7 +117,7 @@ function TicketCenterPending({
   region = true
 } = {}) {
   const syncInPage = usePageDataSync(null, true);
-  return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading tickets", announce: region, children: /* @__PURE__ */ jsx(LoadingScope, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(LoadingFallback, { label: "Loading tickets", status: region, children: /* @__PURE__ */ jsx(
     TicketCenterView,
     {
       tickets: [],
@@ -130,7 +129,7 @@ function TicketCenterPending({
       supportSystemDown: false,
       renderRow: () => null
     }
-  ) }) });
+  ) });
 }
 function TicketCenterView({
   tickets,
@@ -197,14 +196,7 @@ function TicketListHeader({
   ] });
 }
 function TicketListSkeleton() {
-  return /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: Array.from({ length: TICKETS_PAGE_SIZE }, (_, i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: TICKET_ROW_FRAME_CLASS,
-      children: /* @__PURE__ */ jsx(ChatTicketItemSkeleton, {})
-    },
-    i
-  )) });
+  return /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: /* @__PURE__ */ jsx(LoadingItems, { count: TICKETS_PAGE_SIZE, children: () => /* @__PURE__ */ jsx(TicketRow, { loading: true, "data-loading-item": true }) }) });
 }
 export {
   TicketCenter

package/dist/components/tickets/ticket-detail-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ticket-detail-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-detail-drawer.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAU/E,OAAO,KAAK,EAAE,SAAS,EAAuB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGvF;;;sBAGsB;AACtB,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB,EAAE,OAAO,CAAC;IAC3B;+BAC2B;IAC3B,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpG,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD;yEACqE;IACrE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B;;;;qEAIiE;IACjE,UAAU,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC5C;yDACqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,QAAQ,EACR,UAAU,EACV,iBAAiB,GAClB,EAAE,uBAAuB,+BAmDzB"}
+{"version":3,"file":"ticket-detail-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-detail-drawer.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAW/E,OAAO,KAAK,EAAE,SAAS,EAAuB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGvF;;;sBAGsB;AACtB,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB,EAAE,OAAO,CAAC;IAC3B;+BAC2B;IAC3B,aAAa,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpG,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD;yEACqE;IACrE,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B;;;;qEAIiE;IACjE,UAAU,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC5C;yDACqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,QAAQ,EACR,UAAU,EACV,iBAAiB,GAClB,EAAE,uBAAuB,+BAmDzB"}

package/dist/components/tickets/ticket-detail-drawer.js

@@ -4,10 +4,11 @@ import { useEffect, useRef } from "react";
 import { useStickToBottom } from "use-stick-to-bottom";
 import { LoadingRegion } from "../loading/loading-region.js";
 import { formatRelativeTime } from "../../utils/date-utils.js";
-import { ChatMessageRow, ChatMessageRowSkeleton } from "../chat/chat-message-row.js";
+import { ChatMessageRow } from "../chat/chat-message-row.js";
 import { useChatIdentity } from "../chat/hooks/use-chat-identity.js";
 import { EmptyState } from "../empty-state.js";
 import { Button } from "../ui/button/index.js";
+import { LoadingItems } from "../ui/loading-scope.js";
 import { SquareAvatar } from "../ui/square-avatar.js";
 import { TicketAttachmentsList } from "../ui/ticket-attachments-list.js";
 import { useTicketEngagements } from "./hooks/use-ticket-engagements.js";
@@ -104,7 +105,7 @@ function TicketTimelinePanel({ ticket }) {
   const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || identity.user?.email || "You";
   const customerAvatar = isViewerTheCustomer ? identity.user?.avatarUrl ?? void 0 : void 0;
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ jsx(ChatMessageRowSkeleton, {}, i)) }) });
+    return /* @__PURE__ */ jsx("div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: /* @__PURE__ */ jsx(LoadingItems, { count: TICKET_FEED_SKELETON_ROWS, children: () => /* @__PURE__ */ jsx(ChatMessageRow, { loading: true, displayName: "", body: "", "data-loading-item": true }) }) }) });
   }
   if (bodyTurns.length === 0 && engagements.length === 0) {
     return /* @__PURE__ */ jsx(
@@ -125,6 +126,7 @@ function TicketTimelinePanel({ ticket }) {
       return /* @__PURE__ */ jsx(
         ChatMessageRow,
         {
+          "data-loading-item": true,
           displayName: customerName,
           avatarUrl: customerAvatar,
           body: text
@@ -154,6 +156,7 @@ function TicketTimelinePanel({ ticket }) {
       return /* @__PURE__ */ jsx(
         ChatMessageRow,
         {
+          "data-loading-item": true,
           displayName: author,
           avatarUrl: avatarSrc,
           timeLabel: eng.createdAt ? formatRelativeTime(eng.createdAt) : null,

package/dist/components/tickets/ticket-open-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ticket-open-form.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-open-form.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAS7E,MAAM,WAAW,mBAAmB;IAClC;wCACoC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,cAAc,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3G,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,mBAAmB,+BA6GhG"}
+{"version":3,"file":"ticket-open-form.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-open-form.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAU7E,MAAM,WAAW,mBAAmB;IAClC;wCACoC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,cAAc,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3G,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,mBAAmB,+BA6GhG"}

package/dist/components/tickets/ticket-open-form.js

@@ -7,6 +7,7 @@ import { useChatAttachments } from "../chat/hooks/use-chat-attachments.js";
 import { Button } from "../ui/button/index.js";
 import { Card } from "../ui/card.js";
 import { Input } from "../ui/input.js";
+import { Label } from "../ui/label.js";
 import { Textarea } from "../ui/textarea.js";
 import { TICKET_TEXT_MAX_CHARS } from "./types.js";
 const COUNTER_VISIBLE_AT = Math.floor(TICKET_TEXT_MAX_CHARS * 0.8);
@@ -41,7 +42,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "ticket-subject", className: "mb-1 block text-ods-text-primary text-h6", children: "Ticket Subject" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "ticket-subject", className: "mb-1", children: "Ticket Subject" }),
         /* @__PURE__ */ jsx(
           Input,
           {
@@ -56,7 +57,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "ticket-content", className: "mb-1 block text-ods-text-primary text-h6", children: "Your Message" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "ticket-content", className: "mb-1", children: "Your Message" }),
         /* @__PURE__ */ jsx(
           Textarea,
           {

package/dist/components/tickets/ticket-row.d.ts

@@ -1,6 +1,7 @@
 import { type TicketDetailDrawerProps } from './ticket-detail-drawer';
 import type { AnyTicket } from './types';
-export interface TicketRowProps {
+/** A read ticket's row. */
+export interface TicketRowLoadedProps {
     ticket: AnyTicket;
     expanded: boolean;
     onToggle: (ticketId: string) => void;
@@ -17,6 +18,20 @@ export interface TicketRowProps {
      *  resolves it. `scroll-mt-24` is already baked into the outer
      *  element regardless. */
     id?: string;
+    loading?: false;
 }
-export declare function TicketRow({ ticket, expanded, onToggle, busy, supportSystemDown, onSendMessage, onClose, onReopen, onActionCollapsed, id, }: TicketRowProps): import("react").JSX.Element;
+/** A row while its ticket is read: the same frame with the summary tile's loading form, and no drawer. */
+export interface TicketRowLoadingProps {
+    loading: true;
+    id?: string;
+}
+/** A ticket row, or (`loading`) its loading form. List markers (`data-loading-item`) are forwarded in both forms. */
+export type TicketRowProps = (TicketRowLoadedProps | TicketRowLoadingProps) & {
+    [key: `data-${string}`]: unknown;
+};
+/**
+ * A ticket row. ONE switch (`useLoadingScope() || loading`): while the ticket is read the row draws the same frame
+ * with `ChatTicketItem loading` (its own loading form), else the summary tile and its drawer.
+ */
+export declare function TicketRow(props: TicketRowProps): import("react").JSX.Element;
 //# sourceMappingURL=ticket-row.d.ts.map

package/dist/components/tickets/ticket-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ticket-row.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-row.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAC5C,QAAQ,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAC9C;yEACqE;IACrE,iBAAiB,EAAE,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IAChE;;;8BAG0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,EAAE,GACH,EAAE,cAAc,+BAoFhB"}
+{"version":3,"file":"ticket-row.d.ts","sourceRoot":"","sources":["../../../src/components/tickets/ticket-row.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQzC,2BAA2B;AAC3B,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAC5C,QAAQ,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAC9C;yEACqE;IACrE,iBAAiB,EAAE,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IAChE;;;8BAG0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,0GAA0G;AAC1G,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,IAAI,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,qHAAqH;AACrH,MAAM,MAAM,cAAc,GAAG,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,GAAG;IAC5E,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAW9C"}

package/dist/components/tickets/ticket-row.js

@@ -5,9 +5,18 @@ import { formatRelativeTime } from "../../utils/date-utils.js";
 import { scrollElementIntoView } from "../../utils/scroll-into-view.js";
 import { ChatTicketItem } from "../chat/entity-cards/chat-ticket-item.js";
 import { Collapsible, CollapsibleContent } from "../collapsible.js";
+import { loadingItemProps, useLoadingScope } from "../ui/loading-scope.js";
 import { TicketDetailDrawer } from "./ticket-detail-drawer.js";
 import { isOptimistic } from "./types.js";
-function TicketRow({
+const TICKET_ROW_FRAME_CLASS = "border-b border-ods-border last:border-b-0";
+const TICKET_ROW_OUTER_CLASS = "scroll-mt-24";
+function TicketRow(props) {
+  if (useLoadingScope() || props.loading) {
+    return /* @__PURE__ */ jsx("div", { id: props.id, className: TICKET_ROW_OUTER_CLASS, ...loadingItemProps(props), children: /* @__PURE__ */ jsx("div", { className: TICKET_ROW_FRAME_CLASS, children: /* @__PURE__ */ jsx(ChatTicketItem, { loading: true }) }) });
+  }
+  return /* @__PURE__ */ jsx(TicketRowLoaded, { ...props });
+}
+function TicketRowLoaded({
   ticket,
   expanded,
   onToggle,
@@ -17,7 +26,8 @@ function TicketRow({
   onClose,
   onReopen,
   onActionCollapsed,
-  id
+  id,
+  ...markers
 }) {
   const optimistic = isOptimistic(ticket);
   const rowRef = useRef(null);
@@ -55,7 +65,7 @@ function TicketRow({
     // when the task exists but its status hasn't synced yet.
     linkedTaskLabel: ticket.clickup ? ticket.clickup.status ? ticket.clickup.status.replace(/\b\w/g, (c) => c.toUpperCase()) : "Linked work" : void 0
   };
-  return /* @__PURE__ */ jsx("div", { ref: rowRef, id, className: "scroll-mt-24", children: /* @__PURE__ */ jsxs(Collapsible, { open: expanded && !optimistic, className: "border-b border-ods-border last:border-b-0", children: [
+  return /* @__PURE__ */ jsx("div", { ref: rowRef, id, className: TICKET_ROW_OUTER_CLASS, ...loadingItemProps(markers), children: /* @__PURE__ */ jsxs(Collapsible, { open: expanded && !optimistic, className: TICKET_ROW_FRAME_CLASS, children: [
     /* @__PURE__ */ jsx(
       ChatTicketItem,
       {

package/dist/components/ui/actions-menu.d.ts

@@ -71,6 +71,9 @@ export interface ActionsMenuDropdownProps extends ActionsMenuProps {
     /** Forwarded to the dropdown content — e.g. `e.preventDefault()` to stop
      *  Radix returning focus (and its focus ring) to the trigger on close. */
     onCloseAutoFocus?: (event: Event) => void;
+    /** The menu's subject is still being read: the trigger (default or custom) is drawn for real and inert, and the menu
+     *  cannot open. A loading scope does the same. */
+    loading?: boolean;
 }
 export declare const ActionsMenuDropdown: React.FC<ActionsMenuDropdownProps>;
 export default ActionsMenu;

package/dist/components/ui/actions-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/actions-menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAc3C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;CACxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAyOD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+GAA+G;IAC/G,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;8EAC0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqGlE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"actions-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/actions-menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAe3C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;CACxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AA0ND,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+GAA+G;IAC/G,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;8EAC0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C;sDACkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiHlE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/ui/actions-menu.js

@@ -10,12 +10,12 @@ import { Chevron02RightIcon, Ellipsis01Icon } from "../icons-v2-generated/index.
 import { ActionsMenuHeaderContext } from "./actions-menu-header-context.js";
 import { Button } from "./button/index.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "./dropdown-menu.js";
+import { InertWhileLoading, useLoadingScope } from "./loading-scope.js";
 import { useReportOverlayOpen } from "./overlay-open-registry.js";
 import { COLLISION_PADDING_PX, useCollisionBoundary, usePortalContainer } from "./portal-container.js";
 const SCROLL_DISMISS_THRESHOLD_PX = 12;
 const ROW_CLASSES = "flex flex-1 min-w-0 items-center gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-s)] cursor-pointer transition-colors bg-ods-bg outline-none";
 const WRAPPER_CLASSES = "relative flex items-stretch border-b border-ods-border last:border-b-0";
-const SECONDARY_ACTION_CLASSES = "flex p-[var(--spacing-system-s)] shrink-0 items-center justify-center self-stretch border-l border-ods-border transition-colors hover:bg-ods-bg-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus [&_svg]:w-4 [&_svg]:h-4 md:[&_svg]:w-6 md:[&_svg]:h-6";
 const SecondaryAction = ({ action }) => {
   const handleClick = useCallback(
     (e) => {
@@ -28,39 +28,30 @@ const SecondaryAction = ({ action }) => {
     },
     [action]
   );
-  const classes = cn(
-    SECONDARY_ACTION_CLASSES,
-    action.openInNewTab && "max-md:hidden",
-    action.disabled && "pointer-events-none cursor-not-allowed opacity-60"
-  );
-  if (action.href) {
-    return /* @__PURE__ */ jsx(
-      Link,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
       {
+        "aria-hidden": "true",
+        className: cn("w-px shrink-0 self-stretch bg-ods-border", action.openInNewTab && "max-md:hidden")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "cell",
+        type: "button",
         href: action.href,
-        prefetch: false,
-        target: action.openInNewTab ? "_blank" : void 0,
-        rel: action.openInNewTab ? "noopener noreferrer" : void 0,
+        prefetch: action.href ? false : void 0,
+        openInNewTab: action.openInNewTab,
         "aria-label": action["aria-label"],
-        "aria-disabled": action.disabled || void 0,
-        tabIndex: action.disabled ? -1 : void 0,
-        className: classes,
+        disabled: action.disabled,
+        className: cn("h-auto self-stretch", action.openInNewTab && "max-md:hidden"),
         onClick: handleClick,
         children: action.icon
       }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": action["aria-label"],
-      disabled: action.disabled,
-      className: classes,
-      onClick: handleClick,
-      children: action.icon
-    }
-  );
+    )
+  ] });
 };
 const MenuItem = ({ item, onItemClick }) => {
   const portalContainer = usePortalContainer();
@@ -239,8 +230,10 @@ const ActionsMenuDropdown = ({
   sideOffset = 6,
   open: openProp,
   onOpenChange,
-  onCloseAutoFocus
+  onCloseAutoFocus,
+  loading: loadingProp = false
 }) => {
+  const loading = useLoadingScope() || loadingProp;
   const [open = false, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: false,
@@ -273,17 +266,21 @@ const ActionsMenuDropdown = ({
     },
     [onItemClick, setOpen]
   );
+  const triggerNode = customTrigger ?? /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      size: "icon",
+      "aria-label": triggerAriaLabel,
+      className: triggerClassName || "flex items-center justify-center border-ods-border bg-ods-card hover:bg-ods-bg-hover focus-visible:ring-0",
+      leftIcon: trigger ?? /* @__PURE__ */ jsx(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
+    }
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsx(InertWhileLoading, { children: triggerNode });
+  }
   return /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: customTrigger ?? /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "icon",
-        "aria-label": triggerAriaLabel,
-        className: triggerClassName || "flex items-center justify-center border-ods-border bg-ods-card hover:bg-ods-bg-hover focus-visible:ring-0",
-        leftIcon: trigger ?? /* @__PURE__ */ jsx(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
-      }
-    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: triggerNode }),
     /* @__PURE__ */ jsx(
       DropdownMenuContent,
       {

package/dist/components/ui/alert.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import { type HTMLAttributes } from 'react';
 declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "warning" | "error" | null | undefined;
+    variant?: "default" | "error" | "destructive" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/components/ui/allowed-domains-input.js

@@ -85,20 +85,18 @@ const AllowedDomainsInput = forwardRef(
           className: "flex-1 rounded-[6px] border-ods-border bg-ods-card"
         }
       ) }),
-      /* @__PURE__ */ jsxs(
-        "button",
+      /* @__PURE__ */ jsx(
+        Button,
         {
+          variant: "link",
+          size: "compact",
+          noPaddingX: true,
           type: "button",
-          className: cn(
-            "flex items-center gap-2 py-2 text-ods-text-primary transition-colors hover:text-ods-accent",
-            disabled && "cursor-not-allowed opacity-50"
-          ),
+          "data-tone": "primary",
           onClick: addDomain,
           disabled,
-          children: [
-            /* @__PURE__ */ jsx(PlusCircle, { className: "h-5 w-5 text-ods-text-secondary" }),
-            /* @__PURE__ */ jsx("span", { className: "font-bold text-h6", children: "Add Domain" })
-          ]
+          leftIcon: /* @__PURE__ */ jsx(PlusCircle, {}),
+          children: "Add Domain"
         }
       ),
       displayError && /* @__PURE__ */ jsx("p", { className: "text-ods-error text-h6", children: displayError }),

package/dist/components/ui/assignee-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assignee-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/assignee-dropdown.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,eAAe,CAAC,EAAE;QAChB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,gGAAgG;QAChG,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAK5D"}
+{"version":3,"file":"assignee-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/assignee-dropdown.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,eAAe,CAAC,EAAE;QAChB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,gGAAgG;QAChG,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAK5D"}