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

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

@@ -4,10 +4,14 @@ import { forwardRef, useRef, useEffect } from "react";
 import { cn } from "../../utils/cn.js";
 import { formatDateWithTimezone, VIEWER_TIMEZONE } from "../../utils/format.js";
 import { ChatPlusIcon, ChatsIcon, Chevron02RightIcon } from "../icons-v2-generated/index.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
-import { ChatSidebarSkeleton, DialogListItemSkeleton } from "./chat-sidebar-skeleton.js";
+import { LoadingItems, loadingItemProps, useLoadingScope } from "../ui/loading-scope.js";
+import { CHAT_HISTORY_PAGE_SIZE } from "./mingo-chat-history.js";
+const DIALOG_LIST_ITEM_CLASS = "flex items-center gap-4 overflow-clip px-4 py-3 border-b border-ods-border bg-ods-card";
 const DialogListItem = forwardRef(
-  ({ className, dialog, isActive, onDialogSelect, onClick, ...props }, ref) => {
+  ({ className, dialog, isActive, onDialogSelect, onClick, loading: loadingProp = false, ...props }, ref) => {
+    const loading = useLoadingScope() || loadingProp;
     const handleClick = (e) => {
       onDialogSelect?.(dialog.id);
       onClick?.(e);
@@ -15,23 +19,25 @@ const DialogListItem = forwardRef(
     const formatTimestamp = (timestamp) => {
       return formatDateWithTimezone(timestamp, VIEWER_TIMEZONE, "numericDateTime24h");
     };
+    const unread = loading ? 0 : dialog.unreadMessagesCount ?? 0;
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        ref,
+        ref: loading ? void 0 : ref,
+        "aria-hidden": loading || void 0,
         className: cn(
-          "flex items-center gap-4 overflow-clip",
-          "px-4 py-3",
-          "cursor-pointer border-b border-ods-border",
-          "bg-ods-card",
-          "transition-colors hover:bg-ods-bg-hover",
-          isActive && "border-l-2 border-l-ods-accent bg-ods-bg-hover",
+          DIALOG_LIST_ITEM_CLASS,
+          !loading && "cursor-pointer transition-colors hover:bg-ods-bg-hover",
+          !loading && isActive && "border-l-2 border-l-ods-accent bg-ods-bg-hover",
           className
         ),
-        onClick: handleClick,
-        ...props,
+        onClick: loading ? void 0 : handleClick,
+        ...loading ? loadingItemProps(props) : props,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start justify-center gap-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-col items-start justify-center gap-1", children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-full max-w-[200px]" }),
+            /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-32" })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "flex w-full min-w-0 items-center", children: /* @__PURE__ */ jsx(
               "h3",
               {
@@ -45,14 +51,18 @@ const DialogListItem = forwardRef(
               }
             ) }),
             dialog.timestamp && /* @__PURE__ */ jsx("p", { className: "w-full min-w-0 truncate text-ods-text-secondary text-h6", children: formatTimestamp(dialog.timestamp) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "ml-2 flex-shrink-0", children: dialog.unreadMessagesCount && dialog.unreadMessagesCount > 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-6 min-w-6 shrink-0 items-center justify-center rounded-md bg-ods-accent px-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ jsx("span", { className: "text-ods-text-on-accent text-h6", children: dialog.unreadMessagesCount > 99 ? "99+" : dialog.unreadMessagesCount }) }) : /* @__PURE__ */ jsx(Chevron02RightIcon, { className: "size-6 text-ods-text-secondary" }) })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "ml-2 flex-shrink-0", children: unread > 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-6 min-w-6 shrink-0 items-center justify-center rounded-md bg-ods-accent px-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ jsx("span", { className: "text-ods-text-on-accent text-h6", children: unread > 99 ? "99+" : unread }) }) : /* @__PURE__ */ jsx(Chevron02RightIcon, { className: "size-6 text-ods-text-secondary" }) })
         ]
       }
     );
   }
 );
 DialogListItem.displayName = "DialogListItem";
+const LOADING_DIALOG = { id: "", title: "" };
+function DialogListItemLoadingPage({ count }) {
+  return /* @__PURE__ */ jsx(LoadingItems, { count, children: () => /* @__PURE__ */ jsx(DialogListItem, { loading: true, dialog: LOADING_DIALOG, "data-loading-item": true }) });
+}
 const ChatSidebar = forwardRef(
   ({
     className,
@@ -66,15 +76,19 @@ const ChatSidebar = forwardRef(
     hasNextPage,
     isFetchingNextPage,
     onLoadMore,
+    pageSize = CHAT_HISTORY_PAGE_SIZE,
     ...props
   }, ref) => {
-    const showEmptyState = dialogs.length === 0 && !children;
+    const loading = useLoadingScope() || !!isLoading && dialogs.length === 0 && !children;
+    const showEmptyState = !loading && dialogs.length === 0 && !children;
     const scrollContainerRef = useRef(null);
     const loadMoreRef = useRef(null);
     const onLoadMoreRef = useRef(onLoadMore);
-    onLoadMoreRef.current = onLoadMore;
     const isFetchingRef = useRef(isFetchingNextPage);
-    isFetchingRef.current = isFetchingNextPage;
+    useEffect(() => {
+      onLoadMoreRef.current = onLoadMore;
+      isFetchingRef.current = isFetchingNextPage;
+    });
     useEffect(() => {
       const scrollContainer = scrollContainerRef.current;
       const loadMoreElement = loadMoreRef.current;
@@ -91,9 +105,6 @@ const ChatSidebar = forwardRef(
       observer.observe(loadMoreElement);
       return () => observer.disconnect();
     }, [hasNextPage]);
-    if (isLoading && dialogs.length === 0 && !children) {
-      return /* @__PURE__ */ jsx(ChatSidebarSkeleton, { className, dialogCount: 8, showNewChatButton: true });
-    }
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -121,7 +132,7 @@ const ChatSidebar = forwardRef(
                 /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: "Previous Mingo sessions will show here" })
               ] })
             ] })
-          ) : children ? (
+          ) : loading ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx(DialogListItemLoadingPage, { count: pageSize }) }) }) : children ? (
             /* Custom children content */
             /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overscroll-contain", children })
           ) : (
@@ -130,17 +141,14 @@ const ChatSidebar = forwardRef(
               dialogs.map((dialog) => /* @__PURE__ */ jsx(
                 DialogListItem,
                 {
+                  "data-loading-item": true,
                   dialog,
                   isActive: dialog.id === activeDialogId,
                   onDialogSelect
                 },
                 dialog.id
               )),
-              hasNextPage && /* @__PURE__ */ jsx("div", { ref: loadMoreRef, children: isFetchingNextPage && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(DialogListItemSkeleton, {}),
-                /* @__PURE__ */ jsx(DialogListItemSkeleton, {}),
-                /* @__PURE__ */ jsx(DialogListItemSkeleton, {})
-              ] }) })
+              hasNextPage && /* @__PURE__ */ jsx("div", { ref: loadMoreRef, children: isFetchingNextPage && /* @__PURE__ */ jsx(DialogListItemLoadingPage, { count: pageSize }) })
             ] }) })
           ) })
         ]

package/dist/components/chat/chat-ticket-list.d.ts

@@ -5,9 +5,12 @@ export interface ChatTicketListProps extends HTMLAttributes<HTMLDivElement> {
     onTicketClick?: (ticketId: string) => void;
     /** Show skeleton placeholder rows instead of tickets while loading. */
     isLoading?: boolean;
-    /** Number of skeleton rows rendered while `isLoading`. Defaults to 5. */
+    /** Number of skeleton rows rendered while loading: the host's page size when it pages the tickets. Defaults to
+     *  {@link CHAT_TICKET_LIST_SKELETON_ROWS}. */
     skeletonCount?: number;
 }
+/** The rows a loading list draws when the host states none: a typical list, since the list has no page size. */
+export declare const CHAT_TICKET_LIST_SKELETON_ROWS = 5;
 declare const ChatTicketList: import("react").ForwardRefExoticComponent<ChatTicketListProps & import("react").RefAttributes<HTMLDivElement>>;
 export { ChatTicketList };
 //# sourceMappingURL=chat-ticket-list.d.ts.map

package/dist/components/chat/chat-ticket-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-ticket-list.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-ticket-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAE1F,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,gHA8CnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"chat-ticket-list.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-ticket-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAE1F,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;kDAC8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,gHAAgH;AAChH,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAEhD,QAAA,MAAM,cAAc,gHAkDnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/chat/chat-ticket-list.js

@@ -2,18 +2,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
+import { LoadingItems, useLoadingScope } from "../ui/loading-scope.js";
 import { ScrollFadeOverlay, useScrollFade } from "../ui/scroll-fade.js";
 import { ChatTicketItem } from "./entity-cards/chat-ticket-item.js";
+const CHAT_TICKET_LIST_SKELETON_ROWS = 5;
 const ChatTicketList = forwardRef(
-  ({ className, tickets, onTicketClick, isLoading = false, skeletonCount = 5, ...props }, ref) => {
+  ({
+    className,
+    tickets,
+    onTicketClick,
+    isLoading: isLoadingProp = false,
+    skeletonCount = CHAT_TICKET_LIST_SKELETON_ROWS,
+    ...props
+  }, ref) => {
+    const isLoading = useLoadingScope() || isLoadingProp;
     const { scrollRef, fadeTop, fadeBottom, update: updateFade } = useScrollFade();
-    if (isLoading) {
-      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex min-h-0 flex-col gap-2", className), ...props, children: [
-        /* @__PURE__ */ jsx("p", { className: "shrink-0 text-ods-text-secondary text-h5", children: "Your Chats:" }),
-        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden rounded-md border border-ods-border", children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsx(ChatTicketItem, { isLoading: true }, i)) })
-      ] });
-    }
-    if (tickets.length === 0) return null;
+    if (!isLoading && tickets.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex min-h-0 flex-col gap-2", className), ...props, children: [
       /* @__PURE__ */ jsx("p", { className: "shrink-0 text-ods-text-secondary text-h5", children: "Your Chats:" }),
       /* @__PURE__ */ jsxs(
@@ -21,13 +25,13 @@ const ChatTicketList = forwardRef(
         {
           className: cn(
             "relative min-h-0 flex-1 overflow-hidden border-x border-ods-border",
-            !fadeTop && "rounded-t-md border-t",
-            !fadeBottom && "rounded-b-md border-b"
+            (isLoading || !fadeTop) && "rounded-t-md border-t",
+            (isLoading || !fadeBottom) && "rounded-b-md border-b"
           ),
           children: [
-            /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "h-full overflow-y-auto overscroll-contain", onScroll: updateFade, children: tickets.map((ticket) => /* @__PURE__ */ jsx(ChatTicketItem, { ticket, onClick: onTicketClick }, ticket.id)) }),
-            /* @__PURE__ */ jsx(ScrollFadeOverlay, { edge: "top", visible: fadeTop }),
-            /* @__PURE__ */ jsx(ScrollFadeOverlay, { edge: "bottom", visible: fadeBottom })
+            /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "h-full overflow-y-auto overscroll-contain", onScroll: updateFade, children: isLoading ? /* @__PURE__ */ jsx(LoadingItems, { count: skeletonCount, children: () => /* @__PURE__ */ jsx(ChatTicketItem, { loading: true, "data-loading-item": true }) }) : tickets.map((ticket) => /* @__PURE__ */ jsx(ChatTicketItem, { ticket, onClick: onTicketClick, "data-loading-item": true }, ticket.id)) }),
+            /* @__PURE__ */ jsx(ScrollFadeOverlay, { edge: "top", visible: !isLoading && fadeTop }),
+            /* @__PURE__ */ jsx(ScrollFadeOverlay, { edge: "bottom", visible: !isLoading && fadeBottom })
           ]
         }
       )
@@ -36,5 +40,6 @@ const ChatTicketList = forwardRef(
 );
 ChatTicketList.displayName = "ChatTicketList";
 export {
+  CHAT_TICKET_LIST_SKELETON_ROWS,
   ChatTicketList
 };

package/dist/components/chat/chat-top-navigation.d.ts

@@ -16,7 +16,8 @@ export interface ChatTopNavigationProps extends HTMLAttributes<HTMLElement> {
     /** Content above the bar, full width (e.g. a "Back to ..." strip). */
     before?: ReactNode;
     /** Identity still resolving: placeholders instead of a default name that
-     *  would flash before the tenant's branding lands. */
+     *  would flash before the tenant's branding lands. A loading scope does the same. The subtitle's bar is drawn
+     *  only when the bar has a subtitle (`subtitle` given, `''` while it is read). */
     isLoading?: boolean;
 }
 /**

package/dist/components/chat/chat-top-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-top-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-top-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACzE,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gEAAgE;IAChE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sEAAsE;IACtE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;0DACsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAQD;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,gHAgEtB,CAAC;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"chat-top-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-top-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQxE,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACzE,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gEAAgE;IAChE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sEAAsE;IACtE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;sFAEkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAKD;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,gHAwEtB,CAAC;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,15 +1,13 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { 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 { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { Button } from "../ui/button/index.js";
+import { useLoadingScope } from "../ui/loading-scope.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",
-  "hover:text-ods-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus",
-  "[&_svg]:size-6"
-);
+const EDGE_CELL_CLASS = "w-14";
 const ChatTopNavigation = forwardRef(
   ({
     className,
@@ -21,50 +19,60 @@ const ChatTopNavigation = forwardRef(
     sidebarOpen,
     onOpenSettings,
     before,
-    isLoading,
+    isLoading: isLoadingProp,
     ...props
-  }, ref) => /* @__PURE__ */ jsxs("header", { ref, className: cn("flex shrink-0 flex-col bg-ods-bg", className), ...props, children: [
-    before,
-    /* @__PURE__ */ jsxs("div", { className: "flex h-14 items-stretch border-b border-ods-border", children: [
-      onToggleSidebar && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onToggleSidebar,
-          "aria-label": sidebarOpen ? "Hide sidebar" : "Show sidebar",
-          "aria-expanded": sidebarOpen,
-          className: cn(edgeButtonClass, "border-r"),
-          children: /* @__PURE__ */ jsx(SidebarIcon, {})
-        }
-      ),
-      /* @__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(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(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" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+  }, ref) => {
+    const isLoading = useLoadingScope() || isLoadingProp;
+    return /* @__PURE__ */ jsxs("header", { ref, className: cn("flex shrink-0 flex-col bg-ods-bg", className), ...props, children: [
+      before,
+      /* @__PURE__ */ jsxs("div", { className: "flex h-14 items-stretch divide-x divide-ods-border border-b border-ods-border", children: [
+        onToggleSidebar && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "cell",
+            type: "button",
+            onClick: onToggleSidebar,
+            "aria-label": sidebarOpen ? "Hide sidebar" : "Show sidebar",
+            "aria-expanded": sidebarOpen,
+            className: EDGE_CELL_CLASS,
+            children: /* @__PURE__ */ jsx(SidebarIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)]", children: [
+          /* @__PURE__ */ jsx(
+            SquareAvatar,
+            {
+              loading: isLoading,
+              src: avatarUrl ?? void 0,
+              alt: name,
+              fallback: name,
+              size: "md",
+              variant: "round"
+            }
+          ),
+          isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-24" }),
+            subtitle !== void 0 && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-32" })
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
             /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-primary text-h3", children: name }),
             subtitle && /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-secondary text-h6", children: subtitle })
-          ] })
+          ] }),
+          actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xs)]", children: actions })
         ] }),
-        actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xs)]", children: actions })
-      ] }),
-      onOpenSettings && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onOpenSettings,
-          "aria-label": "Settings",
-          className: cn(edgeButtonClass, "border-l"),
-          children: /* @__PURE__ */ jsx(Settings01Icon, {})
-        }
-      )
-    ] })
-  ] })
+        onOpenSettings && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "cell",
+            type: "button",
+            onClick: onOpenSettings,
+            "aria-label": "Settings",
+            className: EDGE_CELL_CLASS,
+            children: /* @__PURE__ */ jsx(Settings01Icon, {})
+          }
+        )
+      ] })
+    ] });
+  }
 );
 ChatTopNavigation.displayName = "ChatTopNavigation";
 export {

package/dist/components/chat/chat-turn.d.ts

@@ -12,9 +12,11 @@ export interface ChatTurnProps {
     /** What was said. A string is drawn as the message text; a node is drawn as given. */
     children?: ReactNode;
     className?: string;
+    /** Draw the turn's loading form outside a loading scope too (`useLoadingScope() || loading`). */
+    loading?: boolean;
     /**
      * The loading state a loading scope draws, the turn's own skeleton: the picture's size in px (none without it),
-     * the message's line count (1 by default) and whether a time is shown.
+     * the message's line count (1 by default) or its own loading form (`body`), and whether a time and a meta are shown.
      */
     skeleton?: Omit<ChatTurnSkeletonProps, 'nameSize' | 'className'>;
 }
@@ -27,8 +29,8 @@ export declare const TURN_BODY_CLASS = "flex min-w-0 flex-1 flex-col gap-[var(--
  * what was said under them. Names read as they do everywhere else: the body
  * face, the text colour.
  */
-export declare function ChatTurn({ avatar, name, meta, nameSize, time, children, className, skeleton, }: ChatTurnProps): import("react").JSX.Element;
-export interface ChatTurnSkeletonProps {
+export declare function ChatTurn({ avatar, name, meta, nameSize, time, children, className, loading: loadingProp, skeleton, }: ChatTurnProps): import("react").JSX.Element;
+interface ChatTurnSkeletonProps {
     /** The picture's size in px; no picture without it. */
     avatarPx?: number;
     /** The picture's corner, as the caller draws it (a person's round photo by default, a square logo). */
@@ -36,18 +38,16 @@ export interface ChatTurnSkeletonProps {
     nameSize?: 'default' | 'quiet';
     /** How many lines the message takes. */
     lines?: 1 | 2 | 3;
+    /**
+     * The message's own loading form, drawn in place of the line bars (a card whose message is a block of its own:
+     * a quote at its line count, an outcome row with its check).
+     */
+    body?: ReactNode;
     /** Whether the name row carries a time at its far end. */
     time?: boolean;
     /** Whether the name carries a meta line; a string is static copy, drawn for real. */
     meta?: boolean | string;
     className?: string;
 }
-/**
- * The turn's name row while it is read: a bar at the name's type step, the meta (stacked under it below
- * `content-md`, beside it from there, as the turn draws it) and the time at the far end. Read by the turn's
- * skeleton and by every card that draws a turn of its own.
- */
-export declare function ChatTurnNameSkeleton({ nameSize, meta, time, }: Pick<ChatTurnSkeletonProps, 'nameSize' | 'meta' | 'time'>): import("react").JSX.Element;
-/** A turn while it is read: the picture's box, a bar at the name's type step, and a bar per message line. */
-export declare function ChatTurnSkeleton({ avatarPx, avatarShape, nameSize, lines, time, meta, className, }: ChatTurnSkeletonProps): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=chat-turn.d.ts.map

package/dist/components/chat/chat-turn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-turn.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-turn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,aAAa;IAC5B,gGAAgG;IAChG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gGAAgG;IAChG,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC/B,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;CAClE;AAED,mGAAmG;AACnG,eAAO,MAAM,cAAc,4DAA4D,CAAC;AACxF,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAe9F;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAoB,EACpB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,+BA6Bf;AAED,MAAM,WAAW,qBAAqB;IACpC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC/B,wCAAwC;IACxC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAoB,EACpB,IAAY,EACZ,IAAY,GACb,EAAE,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC,+BAc3D;AAED,6GAA6G;AAC7G,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAqB,EACrB,QAAoB,EACpB,KAAS,EACT,IAAY,EACZ,IAAY,EACZ,SAAS,GACV,EAAE,qBAAqB,+BAmBvB"}
+{"version":3,"file":"chat-turn.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-turn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,aAAa;IAC5B,gGAAgG;IAChG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gGAAgG;IAChG,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC/B,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;CAClE;AAED,mGAAmG;AACnG,eAAO,MAAM,cAAc,4DAA4D,CAAC;AACxF,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAe9F;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAoB,EACpB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,GACT,EAAE,aAAa,+BAgCf;AAED,UAAU,qBAAqB;IAC7B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC/B,wCAAwC;IACxC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { useLoadingScope } from "../ui/loading-scope.js";
-import { SquareAvatarSkeleton } from "../ui/square-avatar.js";
+import { SquareAvatar } from "../ui/square-avatar.js";
 const TURN_ROW_CLASS = "flex min-w-0 items-start gap-[var(--spacing-system-sf)]";
 const TURN_BODY_CLASS = "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]";
 const NAME_ROW_CLASS = "flex min-w-0 items-baseline gap-[var(--spacing-system-xsf)]";
@@ -21,9 +21,11 @@ function ChatTurn({
   time,
   children,
   className,
+  loading: loadingProp,
   skeleton
 }) {
-  if (useLoadingScope()) {
+  const loading = useLoadingScope() || loadingProp;
+  if (loading) {
     return /* @__PURE__ */ jsx(
       ChatTurnSkeleton,
       {
@@ -31,7 +33,9 @@ function ChatTurn({
         time: skeleton?.time ?? time != null,
         meta: skeleton?.meta ?? !!meta,
         lines: skeleton?.lines,
+        body: skeleton?.body,
         avatarPx: skeleton?.avatarPx,
+        avatarShape: skeleton?.avatarShape,
         className
       }
     );
@@ -68,29 +72,21 @@ function ChatTurnSkeleton({
   avatarShape = "round",
   nameSize = "default",
   lines = 1,
+  body,
   time = false,
   meta = false,
   className
 }) {
   return /* @__PURE__ */ jsxs("div", { className: cn(TURN_ROW_CLASS, className), "aria-hidden": true, children: [
-    avatarPx ? /* @__PURE__ */ jsx(SquareAvatarSkeleton, { sizePx: avatarPx, variant: avatarShape }) : null,
+    avatarPx ? /* @__PURE__ */ jsx(SquareAvatar, { loading: true, sizePx: avatarPx, variant: avatarShape }) : null,
     /* @__PURE__ */ jsxs("div", { className: TURN_BODY_CLASS, children: [
       /* @__PURE__ */ jsx(ChatTurnNameSkeleton, { nameSize, meta, time }),
-      /* @__PURE__ */ jsx("div", { children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(
-        TextLineSkeleton,
-        {
-          type: "h4",
-          className: i === lines - 1 && lines > 1 ? "w-2/3" : "w-full"
-        },
-        i
-      )) })
+      body ?? /* @__PURE__ */ jsx(TextLineSkeleton, { lines, type: "h4" })
     ] })
   ] });
 }
 export {
   ChatTurn,
-  ChatTurnNameSkeleton,
-  ChatTurnSkeleton,
   TURN_BODY_CLASS,
   TURN_ROW_CLASS
 };

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

@@ -11,9 +11,10 @@
 import { Component, type ReactNode } from 'react';
 import type { ChatContextItem } from './types/context-item.types';
 export declare 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";
-export declare const CONTEXT_ICON_CLASS = "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary md:size-6";
+export declare const CONTEXT_ICON_CLASS = "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary md:size-6 [&_svg]:size-4 md:[&_svg]:size-6";
 export declare const CONTEXT_LABEL_CLASS = "flex-1 truncate text-h4 font-medium leading-6 text-ods-text-primary";
-export declare const CONTEXT_BACK_CLASS = "flex shrink-0 items-center gap-2 border-b border-ods-border bg-ods-bg px-2 py-3 text-left text-h4 font-medium leading-6 text-ods-text-secondary outline-none transition-colors hover:text-ods-text-primary [&_svg]:size-4 md:[&_svg]:size-6";
+/** The bar that pins a level's Back row while the list under it scrolls: its surface keeps rows from showing through. */
+export declare const CONTEXT_BACK_BAR_CLASS = "sticky top-0 z-10 shrink-0 bg-ods-bg";
 export declare const CONTEXT_STATE_CLASS = "bg-ods-bg px-4 py-3 text-h4 text-ods-text-secondary";
 export interface ContextMenuRowProps {
     /** Lead glyph (entity-type icon). Omit for item rows (label only). */
@@ -27,11 +28,11 @@ export interface ContextMenuRowProps {
     selected?: boolean;
     role?: 'menuitem' | 'option';
     title?: string;
+    /** The row's item is still being read: the SAME row (an inert `div`) draws its label as a bar. In a loading scope a
+     *  row with no label yet does the same. */
+    loading?: boolean;
 }
-export declare function ContextMenuRow({ icon, label, trailing, onClick, disabled, selected, role, title, }: ContextMenuRowProps): import("react").JSX.Element;
-export declare function ContextItemsSkeleton({ count }: {
-    count: number;
-}): import("react").JSX.Element;
+export declare function ContextMenuRow({ icon, label, trailing, onClick, disabled, selected, role, title, loading: loadingProp, ...props }: ContextMenuRowProps): import("react").JSX.Element;
 export interface ContextItemsListProps {
     items: ChatContextItem[];
     /** Selected keys (`${type}:${id}`) for the ✓ state. */
@@ -45,10 +46,13 @@ export interface ContextItemsListProps {
     onLoadMore?: () => void;
     /** A page is currently loading (shows inline skeleton rows). */
     loadingMore?: boolean;
+    /** The host's page size: the rows the loading list and each next page draw. Default
+     *  {@link CONTEXT_ITEMS_PAGE_SIZE}. */
+    pageSize?: number;
     emptyLabel?: string;
     className?: string;
 }
-export declare function ContextItemsList({ items, selectedKeys, onToggle, atLimit, hasMore, onLoadMore, loadingMore, emptyLabel, className, }: ContextItemsListProps): import("react").JSX.Element;
+export declare function ContextItemsList({ items, selectedKeys, onToggle, atLimit, hasMore, onLoadMore, loadingMore, pageSize, emptyLabel, className, }: ContextItemsListProps): import("react").JSX.Element;
 export interface ContextErrorBoundaryProps {
     /** Change this (e.g. `type:query`) to clear a previous error and retry. */
     resetKey: string;

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;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"}
+{"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;AAO7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAMlE,eAAO,MAAM,iBAAiB,qOACsM,CAAC;AACrO,eAAO,MAAM,kBAAkB,wHACwF,CAAC;AACxH,eAAO,MAAM,mBAAmB,wEAAwE,CAAC;AACzG,yHAAyH;AACzH,eAAO,MAAM,sBAAsB,yCAAyC,CAAC;AAC7E,eAAO,MAAM,mBAAmB,wDAAwD,CAAC;AAYzF,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;IACf;+CAC2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,IAAiB,EACjB,KAAK,EACL,OAAO,EAAE,WAAmB,EAC5B,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAmCrB;AAgBD,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;2CACuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,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,QAAkC,EAClC,UAAyB,EACzB,SAAS,GACV,EAAE,qBAAqB,+BAmDvB;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"}