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

package/dist/components/comment-card.js

@@ -1,12 +1,12 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { TILE_SIZE } from "../styles/component-sizes.js";
 import { cn } from "../utils/cn.js";
 import { formatRelativeTime } from "../utils/date-utils.js";
 import { useAuth } from "./auth-stub.js";
+import { TrashIcon } from "./icons-v2-generated/index.js";
 import { TextLineSkeleton, UnifiedSkeleton } from "./loading/unified-skeleton.js";
 import { Button } from "./ui/button/index.js";
-import { useLoadingScope } from "./ui/loading-scope.js";
+import { loadingItemProps, useLoadingScope } from "./ui/loading-scope.js";
 import { UserSummary } from "./user-summary-stub.js";
 import {
   VENDOR_DISPLAY_BUTTON_FRAME_CLASS,
@@ -23,7 +23,7 @@ const COMMENT_CARD_FOOTER = "flex flex-wrap items-center gap-2 pt-2";
 const commentTitleRow = (compact) => compact ? "flex h-[20px] items-center" : "flex h-[24px] items-center";
 const commentBodyRow = (compact) => compact ? "flex h-[60px] items-center" : "flex h-[72px] items-center";
 const COMMENT_CARD_AVATAR_PX = 48;
-const COMMENT_CARD_DELETE_BOX = TILE_SIZE.touch;
+const COMMENT_CARD_FULL_BODY_LINES = 2;
 function CommentCard({
   comment,
   onViewProduct,
@@ -32,156 +32,151 @@ function CommentCard({
   leadWith = "commenter",
   fullBody = false,
   footer,
-  children
+  children,
+  loading,
+  titleRow = true,
+  ...markers
 }) {
   const { user: currentUser } = useAuth();
+  const inScope = useLoadingScope();
   const formatActivityTime = (timestamp) => {
     return formatRelativeTime(timestamp);
   };
-  const canUserDeleteComment = () => {
+  const canUserDeleteComment = (shown) => {
     if (!currentUser) return false;
-    if (typeof comment.canDelete === "boolean") return comment.canDelete;
-    return !!comment.user && currentUser.id === comment.user.id;
+    if (typeof shown.canDelete === "boolean") return shown.canDelete;
+    return !!shown.user && currentUser.id === shown.user.id;
   };
-  const showDeleteButton = canUserDeleteComment();
-  if (useLoadingScope()) {
+  if (inScope || loading) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         CommentCardSkeleton,
         {
           leadWith,
-          showTitle: !!comment.title,
-          showDelete: showDeleteButton && !!onDeleteComment,
-          compact
+          showTitle: comment ? !!comment.title : titleRow,
+          showDelete: !!onDeleteComment && (!comment || canUserDeleteComment(comment)),
+          compact,
+          fullBody,
+          footer: loading ? footer : void 0,
+          ...loadingItemProps(markers)
         }
       ),
       children
     ] });
   }
+  const showDeleteButton = canUserDeleteComment(comment);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: COMMENT_CARD_FRAME, style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
-      /* @__PURE__ */ jsxs("div", { className: COMMENT_CARD_HEADER, children: [
-        /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_LEAD, children: leadWith === "vendor" && comment.vendor ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(VendorDisplayButton, { vendor: comment.vendor, onClick: onViewProduct || (() => {
-          }) }),
-          /* @__PURE__ */ jsx("span", { className: COMMENT_CARD_TIME, children: formatActivityTime(comment.createdAt) })
-        ] }) : comment.user ? /* @__PURE__ */ jsx(
-          UserSummary,
-          {
-            name: comment.user.name,
-            email: "",
-            compact: true,
-            avatarSize: COMMENT_CARD_AVATAR_PX,
-            subtitle: formatActivityTime(comment.createdAt),
-            avatarUrl: comment.user.profilePicture ?? null,
-            mspPreview: comment.user.msp ? {
-              name: comment.user.msp.name ?? null,
-              logoUrl: comment.user.msp.icon_url ?? null,
-              seatCount: null,
-              technicianCount: null,
-              annualRevenue: null
-            } : null,
-            showEditButton: false,
-            authProviders: []
-          }
-        ) : null }),
-        /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_ACTIONS, children: showDeleteButton && onDeleteComment && /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: () => onDeleteComment(comment.id),
-            variant: "outline",
-            size: "icon",
-            className: "text-ods-text-primary",
-            children: /* @__PURE__ */ jsxs(
-              "svg",
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: COMMENT_CARD_FRAME,
+        style: { maxWidth: "100%", wordBreak: "break-word" },
+        ...loadingItemProps(markers),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: COMMENT_CARD_HEADER, children: [
+            /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_LEAD, children: leadWith === "vendor" && comment.vendor ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(VendorDisplayButton, { vendor: comment.vendor, onClick: onViewProduct || (() => {
+              }) }),
+              /* @__PURE__ */ jsx("span", { className: COMMENT_CARD_TIME, children: formatActivityTime(comment.createdAt) })
+            ] }) : comment.user ? /* @__PURE__ */ jsx(
+              UserSummary,
               {
-                width: "22",
-                height: "24",
-                viewBox: "0 0 22 24",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "text-ods-text-primary",
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M18.6025 4.37939C19.221 4.43597 19.6768 4.98399 19.6206 5.60254L18.5176 17.7358C18.4492 18.4886 18.3924 19.1183 18.3052 19.6299C18.2155 20.1552 18.0809 20.6447 17.8101 21.1021C17.4444 21.7195 16.9245 22.2292 16.3042 22.583L16.0317 22.7251C15.5519 22.9533 15.0526 23.0438 14.5215 23.0854C14.0042 23.126 13.3727 23.125 12.6172 23.125H9.38281C8.62726 23.125 7.9958 23.126 7.47852 23.0854C7.01357 23.049 6.57289 22.975 6.14844 22.8042L5.96826 22.7251C5.32037 22.4169 4.76543 21.9454 4.35693 21.3599L4.18994 21.1021C3.91912 20.6447 3.78445 20.1552 3.69482 19.6299C3.65123 19.3743 3.61556 19.0894 3.58203 18.7744L3.48242 17.7358L2.37939 5.60254L2.375 5.48682C2.38099 4.91684 2.81768 4.43244 3.39746 4.37939C3.97776 4.32664 4.496 4.72462 4.60449 5.28467L4.62061 5.39746L5.72363 17.5322C5.79528 18.3203 5.84358 18.8475 5.9126 19.252C5.97923 19.6424 6.05232 19.8298 6.12646 19.9551L6.28467 20.1836C6.45963 20.3987 6.68118 20.5732 6.93359 20.6934L7.04639 20.7388C7.17478 20.7822 7.35781 20.8195 7.6543 20.8428C8.06325 20.8749 8.59186 20.875 9.38281 20.875H12.6172C13.4081 20.875 13.9367 20.8749 14.3457 20.8428C14.7409 20.8117 14.9349 20.7559 15.0664 20.6934L15.3066 20.5557C15.5369 20.4008 15.7309 20.1958 15.8735 19.9551C15.9477 19.8298 16.0208 19.6424 16.0874 19.252C16.1564 18.8475 16.2047 18.3203 16.2764 17.5322L17.3794 5.39746C17.436 4.77903 17.984 4.32316 18.6025 4.37939Z",
-                      fill: "currentColor"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M7.37451 15.9995V11C7.37451 10.3788 7.87842 9.87526 8.49951 9.875C9.12083 9.875 9.62451 10.3787 9.62451 11V15.9995C9.62451 16.6208 9.12083 17.1245 8.49951 17.1245C7.87842 17.1242 7.37451 16.6207 7.37451 15.9995ZM12.3755 15.9995V11C12.3755 10.3787 12.8792 9.875 13.5005 9.875C14.1216 9.87526 14.6255 10.3788 14.6255 11V15.9995C14.6255 16.6207 14.1216 17.1242 13.5005 17.1245C12.8792 17.1245 12.3755 16.6208 12.3755 15.9995ZM12.585 0.875C13.0174 0.879157 13.425 0.903301 13.8096 1.02881L14.1157 1.14746C14.4155 1.28159 14.6931 1.46221 14.9375 1.68359L15.0811 1.82568C15.4034 2.16872 15.6379 2.59872 15.8984 3.05469L16.6528 4.37451H20L20.1157 4.38037C20.6825 4.43826 21.1248 4.91747 21.125 5.49951C21.125 6.08174 20.6827 6.5607 20.1157 6.61865L20 6.62451H2C1.37868 6.62451 0.875 6.12083 0.875 5.49951C0.875264 4.87842 1.37884 4.37451 2 4.37451H5.34717L6.32129 2.6709C6.53952 2.29735 6.76267 1.95525 7.0625 1.68359L7.31738 1.47705C7.58262 1.28327 7.87687 1.1312 8.19043 1.02881L8.38525 0.974609C8.71199 0.896341 9.05467 0.878464 9.41504 0.875H12.585ZM9.85742 3.125C9.29191 3.125 9.08123 3.13201 8.97266 3.14844L8.88916 3.16748C8.83075 3.18655 8.77503 3.21301 8.72217 3.24365L8.57275 3.35205C8.53704 3.38448 8.50137 3.42629 8.42773 3.54102L8.05566 4.1709L7.93848 4.37451H14.0615L13.9443 4.1709C13.6645 3.68114 13.554 3.50141 13.4858 3.41504L13.4272 3.35205C13.3815 3.31062 13.3309 3.27443 13.2778 3.24365L13.1108 3.16748C13.019 3.13753 12.8946 3.125 12.1426 3.125H9.85742Z",
-                      fill: "currentColor"
-                    }
-                  )
-                ]
+                name: comment.user.name,
+                email: "",
+                compact: true,
+                avatarSize: COMMENT_CARD_AVATAR_PX,
+                subtitle: formatActivityTime(comment.createdAt),
+                avatarUrl: comment.user.profilePicture ?? null,
+                mspPreview: comment.user.msp ? {
+                  name: comment.user.msp.name ?? null,
+                  logoUrl: comment.user.msp.icon_url ?? null,
+                  seatCount: null,
+                  technicianCount: null,
+                  annualRevenue: null
+                } : null,
+                showEditButton: false,
+                authProviders: []
               }
-            )
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: COMMENT_CARD_CONTENT, style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
-        comment.title && /* @__PURE__ */ jsx("div", { className: commentTitleRow(compact), children: /* @__PURE__ */ jsx(
-          "h4",
-          {
-            className: "line-clamp-1 tracking-[-0.02em] text-ods-text-primary transition-colors text-h3 group-hover:text-ods-accent",
-            style: {
-              wordBreak: "break-word",
-              overflowWrap: "break-word",
-              maxWidth: "100%",
-              textOverflow: "ellipsis",
-              overflow: "hidden",
-              display: "-webkit-box",
-              WebkitBoxOrient: "vertical",
-              WebkitLineClamp: 1
-            },
-            children: comment.title
-          }
-        ) }),
-        fullBody ? (
-          // Thread bodies are read in full — no fixed height, no clamp.
-          /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: "whitespace-pre-wrap text-ods-text-primary text-h4",
-              style: { wordBreak: "break-word", overflowWrap: "break-word", maxWidth: "100%" },
-              children: comment.content
-            }
-          )
-        ) : /* @__PURE__ */ jsx("div", { className: commentBodyRow(compact), children: /* @__PURE__ */ jsx(
-          "p",
-          {
-            className: "line-clamp-3 text-ods-text-primary text-h4",
-            style: {
-              wordBreak: "break-word",
-              overflowWrap: "break-word",
-              maxWidth: "100%",
-              textOverflow: "ellipsis",
-              overflow: "hidden",
-              display: "-webkit-box",
-              WebkitBoxOrient: "vertical",
-              WebkitLineClamp: 3
-            },
-            children: comment.content
-          }
-        ) }),
-        footer ? /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_FOOTER, children: footer }) : null
-      ] })
-    ] }),
+            ) : null }),
+            /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_ACTIONS, children: showDeleteButton && onDeleteComment && /* @__PURE__ */ jsx(CommentDeleteButton, { onClick: () => onDeleteComment(comment.id) }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: COMMENT_CARD_CONTENT, style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
+            comment.title && /* @__PURE__ */ jsx("div", { className: commentTitleRow(compact), children: /* @__PURE__ */ jsx(
+              "h4",
+              {
+                className: "line-clamp-1 tracking-[-0.02em] text-ods-text-primary transition-colors text-h3 group-hover:text-ods-accent",
+                style: {
+                  wordBreak: "break-word",
+                  overflowWrap: "break-word",
+                  maxWidth: "100%",
+                  textOverflow: "ellipsis",
+                  overflow: "hidden",
+                  display: "-webkit-box",
+                  WebkitBoxOrient: "vertical",
+                  WebkitLineClamp: 1
+                },
+                children: comment.title
+              }
+            ) }),
+            fullBody ? (
+              // Thread bodies are read in full — no fixed height, no clamp.
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "whitespace-pre-wrap text-ods-text-primary text-h4",
+                  style: { wordBreak: "break-word", overflowWrap: "break-word", maxWidth: "100%" },
+                  children: comment.content
+                }
+              )
+            ) : /* @__PURE__ */ jsx("div", { className: commentBodyRow(compact), children: /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "line-clamp-3 text-ods-text-primary text-h4",
+                style: {
+                  wordBreak: "break-word",
+                  overflowWrap: "break-word",
+                  maxWidth: "100%",
+                  textOverflow: "ellipsis",
+                  overflow: "hidden",
+                  display: "-webkit-box",
+                  WebkitBoxOrient: "vertical",
+                  WebkitLineClamp: 3
+                },
+                children: comment.content
+              }
+            ) }),
+            footer ? /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_FOOTER, children: footer }) : null
+          ] })
+        ]
+      }
+    ),
     children
   ] });
 }
+function CommentDeleteButton({ onClick }) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick,
+      variant: "outline",
+      size: "icon",
+      "aria-label": "Delete comment",
+      className: "text-ods-text-primary",
+      children: /* @__PURE__ */ jsx(TrashIcon, { size: 24, className: "text-ods-text-primary" })
+    }
+  );
+}
 function CommentCardSkeleton({
   leadWith = "vendor",
   showTitle = true,
   showDelete = false,
   compact = false,
+  fullBody = false,
   footer,
-  className
+  className,
+  ...markers
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn(COMMENT_CARD_FRAME, className), "aria-hidden": true, children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn(COMMENT_CARD_FRAME, className), "aria-hidden": true, ...loadingItemProps(markers), children: [
     /* @__PURE__ */ jsxs("div", { className: COMMENT_CARD_HEADER, children: [
       /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_LEAD, children: leadWith === "vendor" ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: VENDOR_DISPLAY_BUTTON_FRAME_CLASS, children: [
@@ -203,16 +198,15 @@ function CommentCardSkeleton({
           /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-16" })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_ACTIONS, children: showDelete && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn(COMMENT_CARD_DELETE_BOX, "rounded-md") }) })
+      /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_ACTIONS, children: showDelete && /* @__PURE__ */ jsx("span", { inert: true, "aria-hidden": true, className: "inline-flex", children: /* @__PURE__ */ jsx(CommentDeleteButton, {}) }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: COMMENT_CARD_CONTENT, children: [
       showTitle && /* @__PURE__ */ jsx("div", { className: commentTitleRow(compact), children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-2/3" }) }),
-      /* @__PURE__ */ jsx("div", { className: commentBodyRow(compact), children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
+      fullBody ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", lines: COMMENT_CARD_FULL_BODY_LINES, className: "w-full" }) : /* @__PURE__ */ jsx("div", { className: commentBodyRow(compact), children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
       footer ? /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_FOOTER, children: footer }) : null
     ] })
   ] });
 }
 export {
-  CommentCard,
-  CommentCardSkeleton
+  CommentCard
 };

package/dist/components/comment-thread.d.ts

@@ -1,8 +1,8 @@
 import { type ReactNode } from 'react';
 import { type CommentCardComment } from './comment-card';
 /**
- * The comment cards a thread's skeleton draws: its first fold (about three root cards fill a section's screen). Never
- * the number of comments held: in a loading scope those are not read.
+ * The comment cards a thread draws while it is read: a typical count (a thread with comments usually holds a few root
+ * comments; it has no page size). Never the number of comments held: in a loading scope those are not read.
  */
 export declare const COMMENT_THREAD_SKELETON_COUNT = 3;
 /** A root comment with its replies. Replies never nest further (single-level threads). */
@@ -29,6 +29,12 @@ export interface CommentThreadProps {
     /** Which header each ROOT card leads with; replies always lead with the commenter. */
     leadWith?: 'vendor' | 'commenter';
     onViewProduct?: (vendorSlug: string) => void;
+    /**
+     * Whether the thread's comments carry a title line (titled vendor reviews), for the rows the thread draws while it
+     * is read; a design-doc or prompt thread's comments have none. Loaded cards draw a title when their comment has one.
+     * Default true.
+     */
+    showTitle?: boolean;
 }
 /**
  * THE threaded comment list: root cards read in full, their replies indented
@@ -40,20 +46,7 @@ export interface CommentThreadProps {
  * surface owns (who may delete, which badges and settle actions a root carries)
  * arrives through props; nothing in here knows about vocabularies or vendors.
  */
-export declare function CommentThread({ comments, emptyLabel, onReply, onDelete, renderBadges, renderActions, replyPlaceholder, pending, leadWith, onViewProduct, }: CommentThreadProps): import("react").JSX.Element | null;
-/**
- * A thread while it is read: `count` comment rows, each `CommentCardSkeleton` in the thread's own list, with the
- * root's Reply button drawn for real when the thread takes replies (a root's reply count, badges and actions are read,
- * so they are not drawn).
- */
-export declare function CommentThreadSkeleton({ count, leadWith, showTitle, reply, }: {
-    count?: number;
-    leadWith?: 'vendor' | 'commenter';
-    /** The rows carry a title line (titled reviews); a design-doc thread's comments have none. */
-    showTitle?: boolean;
-    /** The thread takes replies (`CommentThread`'s `onReply`): each root's footer carries its Reply button. */
-    reply?: boolean;
-}): import("react").JSX.Element;
+export declare function CommentThread({ comments, emptyLabel, onReply, onDelete, renderBadges, renderActions, replyPlaceholder, pending, leadWith, onViewProduct, showTitle, }: CommentThreadProps): import("react").JSX.Element | null;
 export interface CommentsBlockProps {
     /** Header label, e.g. "Comments". */
     title: string;
@@ -73,15 +66,4 @@ export interface CommentsBlockProps {
  * (content behind an accordion is content readers miss).
  */
 export declare function CommentsBlock({ title, summary, defaultOpen, children, composer }: CommentsBlockProps): import("react").JSX.Element;
-/**
- * The comments section while it is read: its real title, the summary as a bar, `count` comment rows (none: the
- * block is collapsed) and, with `composer`, the root composer's real static controls (inert).
- */
-export declare function CommentsBlockSkeleton({ title, count, composer, leadWith, showTitle, }: {
-    title: string;
-    count?: number;
-    composer?: boolean;
-    leadWith?: 'vendor' | 'commenter';
-    showTitle?: boolean;
-}): import("react").JSX.Element;
 //# sourceMappingURL=comment-thread.d.ts.map

package/dist/components/comment-thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comment-thread.d.ts","sourceRoot":"","sources":["../../src/components/comment-thread.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAoC,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAM3F;;;GAGG;AACH,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAS/C,0FAA0F;AAC1F,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IACvF,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1D,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAC;IACrD,0FAA0F;IAC1F,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,gBAAkC,EAClC,OAAe,EACf,QAAQ,EACR,aAAa,GACd,EAAE,kBAAkB,sCAyBpB;AAmFD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAqC,EACrC,QAAsB,EACtB,SAAgB,EAChB,KAAa,GACd,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2GAA2G;IAC3G,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,+BAaA;AAED,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA6C5G;AAoBD;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAS,EACT,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAaA"}
+{"version":3,"file":"comment-thread.d.ts","sourceRoot":"","sources":["../../src/components/comment-thread.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAMtE;;;GAGG;AACH,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAS/C,0FAA0F;AAC1F,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IACvF,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1D,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAC;IACrD,0FAA0F;IAC1F,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,SAAS,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,gBAAkC,EAClC,OAAe,EACf,QAAQ,EACR,aAAa,EACb,SAAgB,GACjB,EAAE,kBAAkB,sCAkCpB;AA2ID,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA6C5G"}

package/dist/components/comment-thread.js

@@ -2,11 +2,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
 import { useState } from "react";
-import { CommentCard, CommentCardSkeleton } from "./comment-card.js";
+import { CommentCard } from "./comment-card.js";
 import { CommentComposer } from "./comment-composer.js";
 import { TextLineSkeleton } from "./loading/unified-skeleton.js";
 import { Button } from "./ui/button/index.js";
-import { useLoadingScope } from "./ui/loading-scope.js";
+import { LOADING_NOOP, LoadingItems, useLoadingScope } from "./ui/loading-scope.js";
 const COMMENT_THREAD_SKELETON_COUNT = 3;
 const COMMENT_THREAD_LIST = "flex flex-col gap-[var(--spacing-system-sf)]";
 const COMMENT_THREAD_ACTIONS = "ml-auto flex flex-wrap gap-[var(--spacing-system-xsf)]";
@@ -23,10 +23,21 @@ function CommentThread({
   replyPlaceholder = "Write a reply",
   pending = false,
   leadWith,
-  onViewProduct
+  onViewProduct,
+  showTitle = true
 }) {
   if (useLoadingScope()) {
-    return /* @__PURE__ */ jsx(CommentThreadSkeleton, { count: COMMENT_THREAD_SKELETON_COUNT, leadWith, reply: Boolean(onReply) });
+    return /* @__PURE__ */ jsx(
+      CommentThreadSkeleton,
+      {
+        count: COMMENT_THREAD_SKELETON_COUNT,
+        leadWith,
+        showTitle,
+        reply: Boolean(onReply),
+        deletable: Boolean(onDelete),
+        footerSlots: Boolean(renderActions || renderBadges)
+      }
+    );
   }
   if (comments.length === 0) {
     return emptyLabel ? /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: emptyLabel }) : null;
@@ -81,6 +92,7 @@ function CommentThreadRow({
     {
       fullBody: true,
       comment,
+      "data-loading-item": true,
       leadWith,
       onViewProduct,
       onDeleteComment: onDelete ? (id) => void onDelete(id) : void 0,
@@ -120,10 +132,26 @@ function CommentThreadSkeleton({
   count = COMMENT_THREAD_SKELETON_COUNT,
   leadWith = "commenter",
   showTitle = true,
-  reply = false
+  reply = false,
+  deletable = false,
+  footerSlots = false
 }) {
-  const footer = reply ? /* @__PURE__ */ jsx("span", { className: COMMENT_THREAD_ACTIONS, children: /* @__PURE__ */ jsx(ReplyButton, {}) }) : void 0;
-  return /* @__PURE__ */ jsx("div", { className: COMMENT_THREAD_LIST, "aria-hidden": "true", inert: true, children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(CommentCardSkeleton, { leadWith, showTitle, showDelete: false, footer }, i)) });
+  const footer = reply || footerSlots ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    footerSlots && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-20" }),
+    reply && /* @__PURE__ */ jsx("span", { className: COMMENT_THREAD_ACTIONS, children: /* @__PURE__ */ jsx(ReplyButton, {}) })
+  ] }) : void 0;
+  return /* @__PURE__ */ jsx("div", { className: COMMENT_THREAD_LIST, "aria-hidden": "true", inert: true, children: /* @__PURE__ */ jsx(LoadingItems, { count, children: () => /* @__PURE__ */ jsx(
+    CommentCard,
+    {
+      loading: true,
+      fullBody: true,
+      "data-loading-item": true,
+      leadWith,
+      titleRow: showTitle,
+      footer,
+      onDeleteComment: deletable ? LOADING_NOOP : void 0
+    }
+  ) }) });
 }
 function CommentsBlock({ title, summary, defaultOpen = false, children, composer }) {
   const loading = useLoadingScope();
@@ -179,24 +207,8 @@ function CommentsBlockHeader({ title, open }) {
     }
   );
 }
-function CommentsBlockSkeleton({
-  title,
-  count = 0,
-  composer = false,
-  leadWith,
-  showTitle
-}) {
-  const open = count > 0 || composer;
-  return /* @__PURE__ */ jsxs("div", { className: COMMENTS_BLOCK, "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx(CommentsBlockHeader, { title, open }),
-    count > 0 && /* @__PURE__ */ jsx(CommentThreadSkeleton, { count, leadWith, showTitle }),
-    composer && /* @__PURE__ */ jsx("div", { inert: true, children: /* @__PURE__ */ jsx(CommentComposer, { onSubmit: () => false }) })
-  ] });
-}
 export {
   COMMENT_THREAD_SKELETON_COUNT,
   CommentThread,
-  CommentThreadSkeleton,
-  CommentsBlock,
-  CommentsBlockSkeleton
+  CommentsBlock
 };

package/dist/components/contact/index.cjs

@@ -1,26 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkOMHQZXCDcjs = require('../../chunk-OMHQZXCD.cjs');
-require('../../chunk-UPAE4IV5.cjs');
-require('../../chunk-KLTUTZBO.cjs');
-require('../../chunk-R6BKQKIF.cjs');
-require('../../chunk-SIDDZZKL.cjs');
+var _chunkMDGDL3C7cjs = require('../../chunk-MDGDL3C7.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-YWQ3VXPL.cjs');
-require('../../chunk-OWQVDWTK.cjs');
-require('../../chunk-LBGAHB6X.cjs');
-require('../../chunk-KKAY6GPU.cjs');
-require('../../chunk-XEYL6AFZ.cjs');
-require('../../chunk-LELS4XMX.cjs');
+require('../../chunk-UPQMFK5B.cjs');
+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');
@@ -1809,21 +1808,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');
@@ -1832,27 +1831,27 @@ 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');
 
 
-exports.ContactForm = _chunkOMHQZXCDcjs.ContactForm;
+exports.ContactForm = _chunkMDGDL3C7cjs.ContactForm;

package/dist/components/docs/docs-hub-page.d.ts

@@ -20,9 +20,6 @@ export interface DocsHubPageProps extends Omit<DocViewerProps, 'renderContent' |
     /** Renderer for unknown / future document types. Defaults to a lib-styled
      *  "Unsupported document type" message. */
     fallbackRenderer?: DocRenderer;
-    /** Loading skeleton picker. Defaults: `markdown` / `undefined` →
-     *  `<MarkdownSkeleton>`, everything else → `<EmbedSkeleton>`. */
-    renderSkeleton?: (documentType: DocumentType | undefined) => React.ReactNode;
     /** Defaults to `true` (the embeddable wrapper favors the chat-enabled
      *  experience). Only mounts the in-source RAG search bar
      *  (`<DocSearchBar>`) — does NOT require `ChatRuntimeContext`. */
@@ -41,6 +38,6 @@ export interface DocsHubPageProps extends Omit<DocViewerProps, 'renderContent' |
  * side SEO is the host's responsibility. The hub's `<DocSeoContent>` is the
  * canonical implementation embedders can reference.
  */
-export declare function DocsHubPage({ title, documentTypeRenderers, fallbackRenderer, renderSkeleton, showAIChat, className, sidebarLabel, ...docViewerProps }: DocsHubPageProps): React.JSX.Element;
+export declare function DocsHubPage({ title, documentTypeRenderers, fallbackRenderer, showAIChat, className, sidebarLabel, ...docViewerProps }: DocsHubPageProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=docs-hub-page.d.ts.map

package/dist/components/docs/docs-hub-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docs-hub-page.d.ts","sourceRoot":"","sources":["../../../src/components/docs/docs-hub-page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAK1F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,KAAK,WAAW,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;AAEzF;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAAE,QAAQ,EAAE,WAAW,CAAA;CAAE,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AAE3G,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,eAAe,GAAG,gBAAgB,GAAG,YAAY,CAAC;IAC/G,8DAA8D;IAC9D,qBAAqB,EAAE,qBAAqB,CAAC;IAE7C;+CAC2C;IAC3C,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAE/B;qEACiE;IACjE,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAE7E;;sEAEkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuDD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAqB,EACrB,qBAAqB,EACrB,gBAA0C,EAC1C,cAAsC,EACtC,UAAiB,EACjB,SAA0B,EAC1B,YAA8B,EAC9B,GAAG,cAAc,EAClB,EAAE,gBAAgB,qBA0BlB"}
+{"version":3,"file":"docs-hub-page.d.ts","sourceRoot":"","sources":["../../../src/components/docs/docs-hub-page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAK1F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,KAAK,WAAW,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;AAEzF;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAAE,QAAQ,EAAE,WAAW,CAAA;CAAE,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AAE3G,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,eAAe,GAAG,gBAAgB,GAAG,YAAY,CAAC;IAC/G,8DAA8D;IAC9D,qBAAqB,EAAE,qBAAqB,CAAC;IAE7C;+CAC2C;IAC3C,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAE/B;;sEAEkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAwDD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAqB,EACrB,qBAAqB,EACrB,gBAA0C,EAC1C,UAAiB,EACjB,SAA0B,EAC1B,YAA8B,EAC9B,GAAG,cAAc,EAClB,EAAE,gBAAgB,qBA0BlB"}