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

package/dist/components/chat/utils/compact-card-skeleton.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+import { cn } from "../../../utils/cn.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { StatusBadgeSkeleton } from "../../ui/status-badge.js";
+import {
+  COMPACT_CARD_META_ROW_BOX,
+  COMPACT_CARD_SKELETON_IMAGE_SLOT,
+  COMPACT_CARD_SKELETON_OUTER,
+  COMPACT_CARD_TEXT_COL,
+  COMPACT_CARD_TITLE_ROW,
+  COMPACT_CARD_TITLE_TYPE,
+  COMPACT_CARD_TITLE_WRAP_ROW,
+  COMPACT_CARD_TRAILING_ICON
+} from "./compact-card-classes.js";
+const DEFAULT_ROWS = [{ width: "w-2/5" }, { width: "w-11/12" }];
+function CompactCardSkeleton({
+  slot = true,
+  slotClassName,
+  titleWidth = "w-3/5",
+  titleBadges = [],
+  rows = DEFAULT_ROWS,
+  trailingIcon = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: cn(COMPACT_CARD_SKELETON_OUTER, className), "aria-hidden": true, children: [
+    slot && /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: slotClassName ?? COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+    /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
+      /* @__PURE__ */ jsxs("span", { className: titleBadges.length > 0 ? COMPACT_CARD_TITLE_WRAP_ROW : COMPACT_CARD_TITLE_ROW, children: [
+        /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "inherit", className: cn(COMPACT_CARD_TITLE_TYPE, titleWidth) }),
+        titleBadges.map((width, i) => (
+          // The compact cards' title badges are `StatusBadge variant="button"` stamps: their own skeleton.
+          /* @__PURE__ */ jsx(StatusBadgeSkeleton, { variant: "button", className: cn("shrink-0", width) }, i)
+        ))
+      ] }),
+      rows.map(
+        (row, i) => (row.lines ?? 1) > 1 ? /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "h6", lines: row.lines, className: row.width }, i) : /* @__PURE__ */ jsxs("span", { className: cn(COMPACT_CARD_META_ROW_BOX, row.after ? "gap-2" : void 0), children: [
+          row.width && /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "h6", className: row.width }),
+          row.after
+        ] }, i)
+      )
+    ] }),
+    trailingIcon && /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_TRAILING_ICON, children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }) })
+  ] });
+}
+function ActivityRowSkeleton({
+  lead,
+  trailingWidths,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 items-center gap-3", className), children: [
+    lead,
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
+    trailingWidths.map((width, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn("h-3 shrink-0 rounded", width) }, i))
+  ] });
+}
+export {
+  ActivityRowSkeleton,
+  CompactCardSkeleton
+};

package/dist/components/chat/utils/icon-library.d.ts

@@ -28,7 +28,6 @@
  * misconfigured row still renders.
  */
 import { type IconComponent, type IconRef } from './icon-loading';
-export type { IconComponent } from './icon-loading';
 /**
  * The names that do NOT follow the set's naming convention — backend `iconName` → the icon it draws, as data. Brand-grey
  * logos live in `icons-v2-generated/brand-logos/`; the rest are

package/dist/components/chat/utils/icon-library.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-library.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/icon-library.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,EAA4C,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAG5G,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAyCpD;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA+D1D,CAAC;AA6CF;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,GAAG,IAAI,CAetF;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,IAAI,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,GACtC,aAAa,CAmBf;AAED,2JAA2J;AAC3J,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,GAAG,IAAI,CAGlF;AAED,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB;kEAC8D;IAC9D,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,UAAU,CAyLlD,CAAC"}
+{"version":3,"file":"icon-library.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/icon-library.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAGH,OAAO,EAA4C,KAAK,aAAa,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AA0C5G;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA+D1D,CAAC;AA6CF;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,GAAG,IAAI,CAetF;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,IAAI,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,GACtC,aAAa,CAmBf;AAED,2JAA2J;AAC3J,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,GAAG,IAAI,CAGlF;AAED,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB;kEAC8D;IAC9D,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,UAAU,CAyLlD,CAAC"}

package/dist/components/chat/utils/index.d.ts

@@ -18,7 +18,8 @@ export { computeIsNewTab, newTabAnchorAttrs, buildAnchorProps } from './nav-anch
 export { isCrossOriginUrl } from './is-cross-origin-url';
 export { decideNewTab, type DecideNewTabInput, type NavSurface, type RuntimeMode } from './decide-new-tab';
 export { flattenAssistantContent } from './flatten-assistant-content';
-export { SCROLL_ANCHOR, type ScrollAnchor, SCROLL_ANCHOR_WIRE_KEY, parseScrollAnchor } from './scroll-anchor';
+export { SCROLL_ANCHOR_WIRE_KEY, parseScrollAnchor } from './scroll-anchor';
+export { SCROLL_ANCHOR, type ScrollAnchor } from '../types/message.types';
 export { AUTO_CONTINUATION_DIRECTIVE_PREFIX, buildAutoContinuationDirective, type BuildAutoContinuationOptions, } from './auto-continuation-directive';
 export { type WireCommandOverride, parseWireCommandOverride, sanitizeTitleForChat, formatSingularLookupInvocation, type CommandOverride, extractEntityIdFilter, buildDiscussAddendum, } from './slash-dispatch-utils';
 export { CHAT_ATTACHMENT_VIEW_URL_PREFIX, CHAT_ATTACHMENT_VIEW_TOKEN_QUERY_PARAM, ANTHROPIC_SUPPORTED_IMAGE_MIME, type ChatAttachment, buildChatAttachmentViewUrl, escapeMarkdownInline, formatChatAttachmentMarkdownForBubble, CHAT_ATTACHMENT_VIEW_URL_PREFIX_REGEX_ESCAPED, CHAT_ATTACHMENT_MARKDOWN_PATTERN, stripChatAttachmentMarkdown, } from './chat-attachment-markdown';
@@ -27,8 +28,9 @@ export { type ColorScheme, getStatusColorScheme } from './agent-status-message';
 export { getTaskTypeLabel, CUSTOM_ITEM_ID } from './clickup-task-type-utils';
 export { COMPACT_CARD_OUTER, COMPACT_CARD_OUTER_STATIC, COMPACT_CARD_SKELETON_OUTER, COMPACT_CARD_IMAGE_SLOT, COMPACT_CARD_SKELETON_IMAGE_SLOT, COMPACT_CARD_ICON_SLOT, COMPACT_CARD_TEXT_COL, COMPACT_CARD_TITLE_ROW, COMPACT_CARD_META_ROW_BOX, COMPACT_CARD_TITLE, COMPACT_CARD_SUBTITLE, COMPACT_CARD_SUMMARY, COMPACT_CARD_META_ROW, COMPACT_CARD_ROW_FILLER, safeHref, } from './compact-card-classes';
 export { ICON_REGISTRY, getIconComponent, normalizeIconKey, getDynamicIcon, type DynamicIconSize, } from './icon-registry';
-export { resolveIcon, findIcon, ICON_ALIASES, ICON_OPTIONS, type IconComponent, type IconOption } from './icon-library';
-export { SOURCE_ICON_NAMES, getSourceIconName, SOURCE_LABELS_BY_TABLE, getSourceLabel, DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID, defaultTableIdForDocumentType, } from './source-icons';
+export { resolveIcon, findIcon, ICON_ALIASES, ICON_OPTIONS, type IconOption } from './icon-library';
+export { type IconComponent } from './icon-loading';
+export { SOURCE_ICON_NAMES, getSourceIconName, SOURCE_LABELS_BY_TABLE, getSourceLabel, DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID, defaultTableIdForDocumentType, } from '../../../utils/source-icons';
 export { type SourceRowInput, type SourceRowContext, type SourceRowCTA, resolveSourceRowCTA, resolveSourceIcon, } from './source-row-cta';
 export { resolveCardDestination, type CardDestination, type CardDestinationEntry, type CardDestinationInput, type CardDestinationSource, } from './card-destination';
 export { resolveFetchedCardHref, readFetchedCardPath, readFetchedCardTitle, type FetchedCardHrefInput, } from './resolve-fetched-card-href';

package/dist/components/chat/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EACL,yBAAyB,EACzB,+BAA+B,EAC/B,KAAK,oBAAoB,GAC1B,MAAM,+BAA+B,CAAC;AAIvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAG5D,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,mCAAmC,EACnC,2BAA2B,GAC5B,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EAAE,6BAA6B,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAG/G,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EACrB,gCAAgC,EAChC,qBAAqB,EACrB,8BAA8B,EAC9B,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,0BAA0B,EAC1B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,yBAAyB,EACzB,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIlF,OAAO,EACL,iBAAiB,EACjB,2BAA2B,EAC3B,KAAK,0BAA0B,EAC/B,KAAK,+BAA+B,EACpC,KAAK,aAAa,GACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO3G,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC9G,OAAO,EACL,kCAAkC,EAClC,8BAA8B,EAC9B,KAAK,4BAA4B,GAClC,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EACL,KAAK,mBAAmB,EACxB,wBAAwB,EACxB,oBAAoB,EACpB,8BAA8B,EAC9B,KAAK,eAAe,EACpB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EACL,+BAA+B,EAC/B,sCAAsC,EACtC,8BAA8B,EAC9B,KAAK,cAAc,EACnB,0BAA0B,EAC1B,oBAAoB,EACpB,qCAAqC,EACrC,6CAA6C,EAC7C,gCAAgC,EAChC,2BAA2B,GAC5B,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,KAAK,WAAW,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGhF,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG7E,OAAO,EACL,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,uBAAuB,EACvB,gCAAgC,EAChC,sBAAsB,EACtB,qBAAqB,EACrB,sBAAsB,EACtB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,QAAQ,GACT,MAAM,wBAAwB,CAAC;AAOhC,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxH,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,EACd,iCAAiC,EACjC,6BAA6B,GAC9B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAI1B,OAAO,EACL,sBAAsB,EACtB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,oBAAoB,GAC1B,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EAAE,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,KAAK,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEjH,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/index.ts"],"names":[],"mappings":"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"}

package/dist/components/chat/utils/index.js

@@ -38,7 +38,8 @@ import { computeIsNewTab, newTabAnchorAttrs, buildAnchorProps } from "./nav-anch
 import { isCrossOriginUrl } from "./is-cross-origin-url.js";
 import { decideNewTab } from "./decide-new-tab.js";
 import { flattenAssistantContent } from "./flatten-assistant-content.js";
-import { SCROLL_ANCHOR, SCROLL_ANCHOR_WIRE_KEY, parseScrollAnchor } from "./scroll-anchor.js";
+import { SCROLL_ANCHOR_WIRE_KEY, parseScrollAnchor } from "./scroll-anchor.js";
+import { SCROLL_ANCHOR } from "../types/message.types.js";
 import {
   AUTO_CONTINUATION_DIRECTIVE_PREFIX,
   buildAutoContinuationDirective
@@ -95,7 +96,7 @@ import {
   getSourceLabel,
   DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
   defaultTableIdForDocumentType
-} from "./source-icons.js";
+} from "../../../utils/source-icons.js";
 import {
   resolveSourceRowCTA,
   resolveSourceIcon

package/dist/components/chat/utils/scroll-anchor.d.ts

@@ -17,8 +17,7 @@
  *     to consume. Malformed wire values return `null` and are filtered
  *     by metadata-merge logic — they never clobber a prior value.
  */
-import { SCROLL_ANCHOR, type ScrollAnchor } from '../types/message.types';
-export { SCROLL_ANCHOR, type ScrollAnchor };
+import { type ScrollAnchor } from '../types/message.types';
 /** Wire-frame key for the `scrollAnchor` field on the metadata leading
  *  frame. Used as a computed property name on both the emit side
  *  (server) and the parse side (client) so a rename is one-file. */

package/dist/components/chat/utils/scroll-anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/scroll-anchor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,CAAC;AAE5C;;oEAEoE;AACpE,eAAO,MAAM,sBAAsB,EAAG,cAAuB,CAAC;AAE9D;;wEAEwE;AACxE,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI,CAEnE"}
+{"version":3,"file":"scroll-anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/scroll-anchor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE1E;;oEAEoE;AACpE,eAAO,MAAM,sBAAsB,EAAG,cAAuB,CAAC;AAE9D;;wEAEwE;AACxE,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI,CAEnE"}

package/dist/components/chat/utils/scroll-anchor.js

@@ -4,7 +4,6 @@ function parseScrollAnchor(raw) {
   return raw === SCROLL_ANCHOR.TOP || raw === SCROLL_ANCHOR.BOTTOM ? raw : null;
 }
 export {
-  SCROLL_ANCHOR,
   SCROLL_ANCHOR_WIRE_KEY,
   parseScrollAnchor
 };

package/dist/components/chat/utils/source-row-cta.d.ts

@@ -22,7 +22,6 @@
  */
 import type React from 'react';
 import type { ComposeContentUrl } from '../../../utils/content-href';
-import { DOC_TABLE_TYPES } from '../../../utils/source-grouping';
 import type { ChatRef } from '../chat-ref.types';
 export interface SourceRowInput {
     /** RagTableConfig.id (e.g. 'blog-posts', 'financial-cap-table'). Drives
@@ -121,7 +120,6 @@ export declare function sourceRowCtxFromRuntime(runtime: {
     baseRoute?: string;
     chipBasePlatform?: string;
 }): SourceRowContext;
-export { DOC_TABLE_TYPES };
 /**
  * Resolve the CTA contract for a row. Pure function — no DOM, no fetch,
  * no logging. Call from any surface (chip, card, search result) with the

package/dist/components/chat/utils/source-row-cta.d.ts.map

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

package/dist/components/chat/utils/source-row-cta.js

@@ -3,9 +3,9 @@ import { FileText } from "lucide-react";
 import { getPlatformUrl } from "../../../platform-domains.js";
 import { canonicalContentRefType } from "../../../utils/list-url.js";
 import { DOC_TABLE_TYPES } from "../../../utils/source-grouping.js";
+import { getSourceIconName } from "../../../utils/source-icons.js";
 import { safeHref } from "./compact-card-classes.js";
 import { resolveIcon } from "./icon-library.js";
-import { getSourceIconName } from "./source-icons.js";
 function sanitizePath(path) {
   return (path || "").replace(/[^a-zA-Z0-9/_\-.]/g, "");
 }
@@ -96,7 +96,6 @@ function resolveSourceIcon(input, ctx = {}) {
   return { Icon: icon, label: iconLabel };
 }
 export {
-  DOC_TABLE_TYPES,
   resolveSourceIcon,
   resolveSourceRowCTA,
   sourceRowCtxFromRuntime

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

@@ -51,5 +51,20 @@ interface CommentCardProps {
     children?: React.ReactNode;
 }
 export declare function CommentCard({ comment, onViewProduct, onDeleteComment, compact, leadWith, fullBody, footer, children, }: CommentCardProps): import("react").JSX.Element;
+/**
+ * A comment tile while it is read, in the card's own boxes: the header it leads with (the vendor button's outline
+ * with its logo box and a name bar, then a time bar; or the commenter's 48px avatar box with name and time bars), the
+ * delete button's box, the title as one `text-h3` line, and the body as the tile's three `text-h4` lines.
+ */
+export declare function CommentCardSkeleton({ leadWith, showTitle, showDelete, compact, footer, className, }: {
+    leadWith?: 'vendor' | 'commenter';
+    showTitle?: boolean;
+    /** Draw the delete button's box (the viewer may delete the comment). */
+    showDelete?: boolean;
+    compact?: boolean;
+    /** The card's footer row as the loaded card draws it (its static controls, such as a thread's Reply). */
+    footer?: React.ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=comment-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"comment-card.d.ts","sourceRoot":"","sources":["../../src/components/comment-card.tsx"],"names":[],"mappings":"AAQA,uGAAuG;AACvG,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1B,CAAC;IACF,IAAI,CAAC,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,GAAG,CAAC,EAAE;YACJ,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;YACpB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;YACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;SAC1B,CAAC;KACH,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,gBAAgB;IACxB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,aAAa,EACb,eAAe,EACf,OAAe,EACf,QAAsB,EACtB,QAAgB,EAChB,MAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,+BA6JlB"}
+{"version":3,"file":"comment-card.d.ts","sourceRoot":"","sources":["../../src/components/comment-card.tsx"],"names":[],"mappings":"AAgBA,uGAAuG;AACvG,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1B,CAAC;IACF,IAAI,CAAC,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,GAAG,CAAC,EAAE;YACJ,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;YACpB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;YACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;SAC1B,CAAC;KACH,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,gBAAgB;IACxB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoBD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,aAAa,EACb,eAAe,EACf,OAAe,EACf,QAAsB,EACtB,QAAgB,EAChB,MAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,+BAmKlB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAmB,EACnB,SAAgB,EAChB,UAAkB,EAClB,OAAe,EACf,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4CA"}

package/dist/components/comment-card.js

@@ -1,10 +1,29 @@
 "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 { TextLineSkeleton, UnifiedSkeleton } from "./loading/unified-skeleton.js";
 import { Button } from "./ui/button/index.js";
+import { useLoadingScope } from "./ui/loading-scope.js";
 import { UserSummary } from "./user-summary-stub.js";
-import { VendorDisplayButton } from "./vendor-display-button.js";
+import {
+  VENDOR_DISPLAY_BUTTON_FRAME_CLASS,
+  VENDOR_DISPLAY_BUTTON_LOGO_CLASS,
+  VendorDisplayButton
+} from "./vendor-display-button.js";
+const COMMENT_CARD_FRAME = "group box-border w-full max-w-full overflow-hidden rounded-lg border border-ods-border bg-ods-card p-4 transition-all hover:border-ods-accent";
+const COMMENT_CARD_HEADER = "mb-3 flex w-full flex-col gap-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2";
+const COMMENT_CARD_LEAD = "flex min-w-0 flex-1 items-center gap-2";
+const COMMENT_CARD_ACTIONS = "flex justify-start gap-2 min-[420px]:justify-end";
+const COMMENT_CARD_TIME = "flex-shrink-0 whitespace-nowrap text-ods-text-secondary text-h6";
+const COMMENT_CARD_CONTENT = "w-full max-w-full space-y-2 overflow-hidden";
+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;
 function CommentCard({
   comment,
   onViewProduct,
@@ -25,135 +44,175 @@ function CommentCard({
     return !!comment.user && currentUser.id === comment.user.id;
   };
   const showDeleteButton = canUserDeleteComment();
+  if (useLoadingScope()) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        CommentCardSkeleton,
+        {
+          leadWith,
+          showTitle: !!comment.title,
+          showDelete: showDeleteButton && !!onDeleteComment,
+          compact
+        }
+      ),
+      children
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "group box-border w-full max-w-full overflow-hidden rounded-lg border border-ods-border bg-ods-card p-4 transition-all hover:border-ods-accent",
-        style: { maxWidth: "100%", wordBreak: "break-word" },
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-3 flex w-full flex-col gap-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: leadWith === "vendor" && comment.vendor ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(VendorDisplayButton, { vendor: comment.vendor, onClick: onViewProduct || (() => {
-              }) }),
-              /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 whitespace-nowrap text-ods-text-secondary text-h6", children: formatActivityTime(comment.createdAt) })
-            ] }) : comment.user ? /* @__PURE__ */ jsx(
-              UserSummary,
+    /* @__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",
               {
-                name: comment.user.name,
-                email: "",
-                compact: true,
-                avatarSize: 48,
-                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: "flex justify-start gap-2 min-[420px]:justify-end", children: showDeleteButton && onDeleteComment && /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: () => onDeleteComment(comment.id),
-                variant: "outline",
-                size: "icon",
+                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__ */ jsxs(
-                  "svg",
-                  {
-                    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"
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "w-full max-w-full space-y-2 overflow-hidden",
-              style: { maxWidth: "100%", wordBreak: "break-word" },
-              children: [
-                comment.title && /* @__PURE__ */ jsx("div", { className: compact ? "flex h-[20px] items-center" : "flex h-[24px] items-center", 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.
+                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(
-                    "p",
+                    "path",
                     {
-                      className: "whitespace-pre-wrap text-ods-text-primary text-h4",
-                      style: { wordBreak: "break-word", overflowWrap: "break-word", maxWidth: "100%" },
-                      children: comment.content
+                      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"
                     }
                   )
-                ) : /* @__PURE__ */ jsx("div", { className: compact ? "flex h-[60px] items-center" : "flex h-[72px] items-center", 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: "flex flex-wrap items-center gap-2 pt-2", children: footer }) : null
-              ]
+                ]
+              }
+            )
+          }
+        ) })
+      ] }),
+      /* @__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 CommentCardSkeleton({
+  leadWith = "vendor",
+  showTitle = true,
+  showDelete = false,
+  compact = false,
+  footer,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(COMMENT_CARD_FRAME, className), "aria-hidden": true, 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: [
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: VENDOR_DISPLAY_BUTTON_LOGO_CLASS }),
+          /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-28" })
+        ] }),
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-16 shrink-0" })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          UnifiedSkeleton,
+          {
+            className: "shrink-0 rounded-lg",
+            width: COMMENT_CARD_AVATAR_PX,
+            height: COMMENT_CARD_AVATAR_PX
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-32" }),
+          /* @__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__ */ 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" }) }),
+      footer ? /* @__PURE__ */ jsx("div", { className: COMMENT_CARD_FOOTER, children: footer }) : null
+    ] })
+  ] });
+}
 export {
-  CommentCard
+  CommentCard,
+  CommentCardSkeleton
 };

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

@@ -1,5 +1,10 @@
 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.
+ */
+export declare const COMMENT_THREAD_SKELETON_COUNT = 3;
 /** A root comment with its replies. Replies never nest further (single-level threads). */
 export interface ThreadComment extends CommentCardComment {
     replies?: CommentCardComment[];
@@ -36,6 +41,19 @@ export interface CommentThreadProps {
  * 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 interface CommentsBlockProps {
     /** Header label, e.g. "Comments". */
     title: string;
@@ -55,4 +73,15 @@ 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