@flamingo-stack/openframe-frontend-core 0.0.736 → 0.0.738

package/dist/components/embeds/index.cjs

@@ -4,7 +4,7 @@ require('../../chunk-7SEARXQW.cjs');
 
 
 
-var _chunkLIH5OQLYcjs = require('../../chunk-LIH5OQLY.cjs');
+var _chunk2UZS3ZH7cjs = require('../../chunk-2UZS3ZH7.cjs');
 
 
 
@@ -25,10 +25,10 @@ var _chunkLIH5OQLYcjs = require('../../chunk-LIH5OQLY.cjs');
 
 
 
-var _chunkOJUMVOMPcjs = require('../../chunk-OJUMVOMP.cjs');
-require('../../chunk-ZJNYWNCB.cjs');
+var _chunkU5BRSRXAcjs = require('../../chunk-U5BRSRXA.cjs');
+require('../../chunk-FG7HTGT3.cjs');
 require('../../chunk-3HPB4H4C.cjs');
-require('../../chunk-L4ZNR5V7.cjs');
+require('../../chunk-7LTG6CJ3.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 require('../../chunk-VA7OMDZO.cjs');
@@ -36,14 +36,14 @@ require('../../chunk-AAFW4STC.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-MGW5DO6P.cjs');
+require('../../chunk-3BBOAMWJ.cjs');
 require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-T27CVQBO.cjs');
-require('../../chunk-OV6BGMEL.cjs');
-require('../../chunk-ZRYKDN2J.cjs');
-require('../../chunk-HZJRERJW.cjs');
-require('../../chunk-DUXLZPMJ.cjs');
-require('../../chunk-MJGX357L.cjs');
+require('../../chunk-4T6ETBL4.cjs');
+require('../../chunk-BRKTN6UR.cjs');
+require('../../chunk-N2CISBJJ.cjs');
+require('../../chunk-3RFQPQ7Z.cjs');
+require('../../chunk-UMO55S55.cjs');
+require('../../chunk-B27QEHYR.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1840,10 +1840,10 @@ require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-EX2GYIGW.cjs');
-require('../../chunk-EJOXXJJB.cjs');
-require('../../chunk-FCGLSWKR.cjs');
-require('../../chunk-YADG5Q7C.cjs');
+require('../../chunk-LY5VOKV7.cjs');
+require('../../chunk-7F3V45AH.cjs');
+require('../../chunk-IFS4AH77.cjs');
+require('../../chunk-63N4FN5V.cjs');
 require('../../chunk-MYBTNOS6.cjs');
 require('../../chunk-FTTLBMHU.cjs');
 require('../../chunk-S5C3OZCO.cjs');
@@ -1867,7 +1867,7 @@ require('../../chunk-K6VWTUCH.cjs');
 require('../../chunk-L2RMTGOK.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
-require('../../chunk-AZL332TK.cjs');
+require('../../chunk-2QMBXGMQ.cjs');
 require('../../chunk-V45KLJQP.cjs');
 require('../../chunk-G7SBHMRR.cjs');
 require('../../chunk-AKTPO2DN.cjs');
@@ -1898,4 +1898,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.ClaudeEmbed = _chunkOJUMVOMPcjs.ClaudeEmbed; exports.EMBED_SIZES = _chunkOJUMVOMPcjs.EMBED_SIZES; exports.EmbedContainer = _chunkOJUMVOMPcjs.EmbedContainer; exports.EmbedIframe = _chunkOJUMVOMPcjs.EmbedIframe; exports.EmbedViewerFrame = _chunkOJUMVOMPcjs.EmbedViewerFrame; exports.FigmaEmbed = _chunkOJUMVOMPcjs.FigmaEmbed; exports.FileDownloadCard = _chunkLIH5OQLYcjs.FileDownloadCard; exports.GoogleSheetsViewer = _chunkLIH5OQLYcjs.GoogleSheetsViewer; exports.LinkPreviewContainer = _chunkOJUMVOMPcjs.LinkPreviewContainer; exports.LinkedInContainer = _chunkOJUMVOMPcjs.LinkedInContainer; exports.LinkedInEmbedClient = _chunkOJUMVOMPcjs.LinkedInEmbedClient; exports.MarkdownImage = _chunkOJUMVOMPcjs.MarkdownImage; exports.OGLinkErrorBoundary = _chunkOJUMVOMPcjs.OGLinkErrorBoundary; exports.OGLinkPreview = _chunkOJUMVOMPcjs.OGLinkPreview; exports.PdfViewer = _chunkLIH5OQLYcjs.PdfViewer; exports.RedditContainer = _chunkOJUMVOMPcjs.RedditContainer; exports.RedditEmbedClient = _chunkOJUMVOMPcjs.RedditEmbedClient; exports.RichMarkdownRuntimeProvider = _chunkOJUMVOMPcjs.RichMarkdownRuntimeProvider; exports.TwitterContainer = _chunkOJUMVOMPcjs.TwitterContainer; exports.TwitterEmbedClient = _chunkOJUMVOMPcjs.TwitterEmbedClient; exports.YouTubeContainer = _chunkOJUMVOMPcjs.YouTubeContainer; exports.useRichMarkdownRuntime = _chunkOJUMVOMPcjs.useRichMarkdownRuntime;
+exports.ClaudeEmbed = _chunkU5BRSRXAcjs.ClaudeEmbed; exports.EMBED_SIZES = _chunkU5BRSRXAcjs.EMBED_SIZES; exports.EmbedContainer = _chunkU5BRSRXAcjs.EmbedContainer; exports.EmbedIframe = _chunkU5BRSRXAcjs.EmbedIframe; exports.EmbedViewerFrame = _chunkU5BRSRXAcjs.EmbedViewerFrame; exports.FigmaEmbed = _chunkU5BRSRXAcjs.FigmaEmbed; exports.FileDownloadCard = _chunk2UZS3ZH7cjs.FileDownloadCard; exports.GoogleSheetsViewer = _chunk2UZS3ZH7cjs.GoogleSheetsViewer; exports.LinkPreviewContainer = _chunkU5BRSRXAcjs.LinkPreviewContainer; exports.LinkedInContainer = _chunkU5BRSRXAcjs.LinkedInContainer; exports.LinkedInEmbedClient = _chunkU5BRSRXAcjs.LinkedInEmbedClient; exports.MarkdownImage = _chunkU5BRSRXAcjs.MarkdownImage; exports.OGLinkErrorBoundary = _chunkU5BRSRXAcjs.OGLinkErrorBoundary; exports.OGLinkPreview = _chunkU5BRSRXAcjs.OGLinkPreview; exports.PdfViewer = _chunk2UZS3ZH7cjs.PdfViewer; exports.RedditContainer = _chunkU5BRSRXAcjs.RedditContainer; exports.RedditEmbedClient = _chunkU5BRSRXAcjs.RedditEmbedClient; exports.RichMarkdownRuntimeProvider = _chunkU5BRSRXAcjs.RichMarkdownRuntimeProvider; exports.TwitterContainer = _chunkU5BRSRXAcjs.TwitterContainer; exports.TwitterEmbedClient = _chunkU5BRSRXAcjs.TwitterEmbedClient; exports.YouTubeContainer = _chunkU5BRSRXAcjs.YouTubeContainer; exports.useRichMarkdownRuntime = _chunkU5BRSRXAcjs.useRichMarkdownRuntime;

package/dist/components/faq/faq-ask-card.d.ts

@@ -3,10 +3,11 @@ import type { AssistantOpenRequest, AssistantRuntime } from '../../contexts/assi
 export interface FaqAskOptions {
     /**
      * What this FAQ is about: ANY string the host's questions endpoint knows (it
-     * is sent as `section`, and reported with every click). Questions written
-     * for the topic are picked first. Whoever renders the FAQ passes it. Absent:
-     * the entity the FAQ is attached to (`FaqSection`'s `entityType`). With
-     * neither, the FAQ has no card: the lib names no topic of its own.
+     * is sent as `topic`, and reported with every click). Questions written
+     * for the topic are picked first. Absent: the FAQ's own topic
+     * (`FaqSection`'s `topic`), else the entity the FAQ is attached to (its
+     * `entityType`). With none, the FAQ has no card: the lib names no topic of
+     * its own.
      */
     topic?: string;
     /**

package/dist/components/faq/faq-ask-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"faq-ask-card.d.ts","sourceRoot":"","sources":["../../../src/components/faq/faq-ask-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAKvG,8EAA8E;AAC9E,MAAM,WAAW,aAAa;IAC5B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IACnC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oHAAoH;IACpH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAKD,0GAA0G;AAC1G,wBAAgB,eAAe,CAAC,SAAS,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,IAAI,gBAAgB,CAEjG;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAkBlH"}
+{"version":3,"file":"faq-ask-card.d.ts","sourceRoot":"","sources":["../../../src/components/faq/faq-ask-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAKvG,8EAA8E;AAC9E,MAAM,WAAW,aAAa;IAC5B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IACnC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oHAAoH;IACpH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAKD,0GAA0G;AAC1G,wBAAgB,eAAe,CAAC,SAAS,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,IAAI,gBAAgB,CAEjG;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAkBlH"}

package/dist/components/faq/faq-document-page.d.ts

@@ -27,6 +27,8 @@ export interface FaqDocumentPageProps {
     jsonLd?: FaqSchemaOptions;
     /** Base URL `FaqSection` appends `/api/faqs` to (reverse-proxy embedders). */
     apiBaseUrl?: string;
+    /** What the page is about (forwarded to `FaqSection`): its FAQs and its ask card are the ones written for the topic. */
+    topic?: string;
     /** Optional entity scoping forwarded to `FaqSection`. */
     entityType?: string;
     entityId?: number | string;
@@ -36,5 +38,5 @@ export interface FaqDocumentPageProps {
      *  object states its topic, wording and the chat it opens. */
     ask?: FaqSectionProps['ask'];
 }
-export declare function FaqDocumentPage({ title, subtitle, backButton, initialFaqs, emitJsonLd, jsonLd, apiBaseUrl, entityType, entityId, minResults, ask, shell, }: FaqDocumentPageProps): import("react").JSX.Element;
+export declare function FaqDocumentPage({ title, subtitle, backButton, initialFaqs, emitJsonLd, jsonLd, apiBaseUrl, entityType, entityId, minResults, topic, ask, shell, }: FaqDocumentPageProps): import("react").JSX.Element;
 //# sourceMappingURL=faq-document-page.d.ts.map

package/dist/components/faq/faq-document-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"faq-document-page.d.ts","sourceRoot":"","sources":["../../../src/components/faq/faq-document-page.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACnC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;gFAC4E;IAC5E,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD;;;+CAG2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;4EACwE;IACxE,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB;yDACqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;kEAC8D;IAC9D,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAoC,EACpC,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACV,GAAG,EACH,KAAY,GACb,EAAE,oBAAoB,+BA+BtB"}
+{"version":3,"file":"faq-document-page.d.ts","sourceRoot":"","sources":["../../../src/components/faq/faq-document-page.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACnC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;gFAC4E;IAC5E,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD;;;+CAG2C;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;4EACwE;IACxE,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB;yDACqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wHAAwH;IACxH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;kEAC8D;IAC9D,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAoC,EACpC,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACV,KAAK,EACL,GAAG,EACH,KAAY,GACb,EAAE,oBAAoB,+BAgCtB"}

package/dist/components/faq/faq-document-page.js

@@ -14,6 +14,7 @@ function FaqDocumentPage({
   entityType,
   entityId,
   minResults,
+  topic,
   ask,
   shell = true
 }) {
@@ -33,6 +34,7 @@ function FaqDocumentPage({
       entityType,
       entityId,
       minResults,
+      topic,
       ask
     }
   ) });

package/dist/components/faq/faq-section.d.ts

@@ -12,6 +12,15 @@ export interface FaqSectionProps {
     /** Both required together for entity-attached FAQs; partial → bare /api/faqs. */
     entityType?: string;
     entityId?: number | string;
+    /**
+     * What the page this FAQ sits on is about: ANY string the host's FAQ
+     * endpoint knows. ONE topic for the whole block: the questions are the FAQs
+     * written for it (`/api/faqs?topic=`; `initialFaqs` are then the host's read
+     * of the same topic) and the "ask the assistant" card offers the questions
+     * written for it. Whoever renders the FAQ states it; the lib names none.
+     * Ignored for the questions when the FAQ is attached to an entity.
+     */
+    topic?: string;
     /**
      * Heading node above the grouped list. `undefined` → default
      * `<h2>`"Frequently Asked Questions". `null` → no heading (the host page
@@ -28,6 +37,14 @@ export interface FaqSectionProps {
     /** Overrides for the JSON-LD's name/description/url. */
     jsonLd?: FaqSchemaOptions;
     className?: string;
+    /** The `id` of the rendered section: what an in-page link to the FAQ points at (`PAGE_FAQ_SECTION_ID` for a page's own block). */
+    id?: string;
+    /**
+     * Print the topic's bare name in small muted text under the heading
+     * (`pricing`), so whoever edits the FAQs can see which topic a page asks
+     * for. Default off. The section always carries it as `data-faq-topic` too.
+     */
+    showTopic?: boolean;
     /** Maps to /api/faqs `?count=` (the 5-tier fill target). Absent → param
      *  not sent (server default applies). */
     minResults?: number;
@@ -45,15 +62,28 @@ export interface FaqSectionProps {
      * The "ask the assistant" card beside the questions. Shown wherever the
      * host's assistant runtime says a chat is there to open
      * (`AssistantRuntimeContext`: its name, glyph, questions endpoint and
-     * opener) AND the FAQ has a topic: `ask.topic` (any string the host's
-     * questions endpoint knows), else the `entityType` the FAQ is attached to.
-     * No runtime or no topic: the FAQ is the single column it always was; the
-     * lib names no topic of its own. `false` switches the card off; the object
+     * opener) AND the FAQ has a topic: the block's `topic`, else the
+     * `entityType` the FAQ is attached to (`ask.topic` states another one for
+     * the card alone). No runtime or no topic: the FAQ is the single column it
+     * always was; the lib names no topic of its own. `false` switches the card off; the object
      * also states the questions to leave out, the wording and the chat it opens
      * (`onOpen`). An `aside` takes the card's place.
      */
     ask?: false | FaqAskOptions;
 }
+/** The id of a page's own FAQ block: what a page's "FAQ" link or section nav points at. */
+export declare const PAGE_FAQ_SECTION_ID = "faq";
+/**
+ * What a shared page of the lib takes as its `faq` prop: the topic the page is
+ * about (REQUIRED, stated by the host, never read from the page's address) and
+ * where the host serves the FAQs. The page renders `FaqSection` with it, inside
+ * its own container, after its content (`pageFaqProps`).
+ */
+export type PageFaqSlot = Pick<FaqSectionProps, 'apiBaseUrl' | 'initialFaqs' | 'heading' | 'ask' | 'emitJsonLd' | 'jsonLd' | 'showTopic'> & {
+    topic: string;
+};
+/** The `FaqSection` props of a shared page's own FAQ block: the host's slot, as the page's `#faq` section. */
+export declare function pageFaqProps(faq: PageFaqSlot): FaqSectionProps;
 /**
  * The FAQ display surface — ONE rendering on every host: the list grouped by
  * `faq.section` (each category a heading + its own accordion, with a category
@@ -65,11 +95,13 @@ export interface FaqSectionProps {
  *   page owns the <h1>) + `emitJsonLd` with `jsonLd` overrides for SEO.
  * - Per-entity embed: pass `entityType` + `entityId` (no `initialFaqs`); the
  *   hook self-fetches `GET /api/faqs`, and `heading` is this block's own <h2>.
+ * - A page's own FAQ: pass `topic` (what the page is about); the hook
+ *   self-fetches `GET /api/faqs?topic=`, and the ask card takes the same topic.
  *
  * CONTRACT: the consuming app MUST implement `GET /api/faqs`. On a fetch error
  * (or zero FAQs) the component renders nothing so the host page isn't
  * disfigured. The host always supplies the page shell — this renders a bare
  * <section>.
  */
-export declare function FaqSection({ initialFaqs, entityType, entityId, heading, emitJsonLd, jsonLd, className, minResults, apiBaseUrl, aside: asideProp, ask, }: FaqSectionProps): React.JSX.Element | null;
+export declare function FaqSection({ initialFaqs, entityType, entityId, topic, heading, emitJsonLd, jsonLd, className, id, showTopic, minResults, apiBaseUrl, aside: asideProp, ask, }: FaqSectionProps): React.JSX.Element | null;
 //# sourceMappingURL=faq-section.d.ts.map

package/dist/components/faq/faq-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"faq-section.d.ts","sourceRoot":"","sources":["../../../src/components/faq/faq-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAQ3C,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE1E,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACjC;uCACmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;6CACyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;uCACmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;;;;OAUG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CAC7B;AAuTD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAkB,EAClB,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAe,EACf,KAAK,EAAE,SAAS,EAChB,GAAG,GACJ,EAAE,eAAe,4BAgEjB"}
+{"version":3,"file":"faq-section.d.ts","sourceRoot":"","sources":["../../../src/components/faq/faq-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAQ3C,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE1E,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACjC;uCACmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kIAAkI;IAClI,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;6CACyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;uCACmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;;;;OAUG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CAC7B;AAID,2FAA2F;AAC3F,eAAO,MAAM,mBAAmB,QAAQ,CAAC;AAKzC;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,eAAe,EACf,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,YAAY,GAAG,QAAQ,GAAG,WAAW,CACzF,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtB,8GAA8G;AAC9G,wBAAgB,YAAY,CAAC,GAAG,EAAE,WAAW,GAAG,eAAe,CAE9D;AAmUD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,UAAkB,EAClB,MAAM,EACN,SAAS,EACT,EAAE,EACF,SAAiB,EACjB,UAAU,EACV,UAAe,EACf,KAAK,EAAE,SAAS,EAChB,GAAG,GACJ,EAAE,eAAe,4BA8EjB"}

package/dist/components/faq/faq-section.js

@@ -15,8 +15,20 @@ import { SECTION_HEADING_CLASS } from "../layout/page-heading.js";
 import { FaqAskCard, faqAskCardShown } from "./faq-ask-card.js";
 import { buildFaqJsonLdFromFaqs } from "./json-ld.js";
 const DEFAULT_HEADING_TEXT = "Frequently Asked Questions";
-function buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl = "") {
-  return buildSuggestionUrl("/api/faqs", { apiBaseUrl, entityType, entityId, count: minResults });
+const PAGE_FAQ_SECTION_ID = "faq";
+const PAGE_FAQ_IN_PAGE_CLASS = "space-y-10 pt-12 md:pt-20";
+function pageFaqProps(faq) {
+  return { ...faq, id: PAGE_FAQ_SECTION_ID, className: PAGE_FAQ_IN_PAGE_CLASS };
+}
+function buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl = "", topic) {
+  const entityScoped = !!entityType && entityId !== void 0 && entityId !== null && entityId !== "";
+  return buildSuggestionUrl("/api/faqs", {
+    apiBaseUrl,
+    entityType,
+    entityId,
+    count: minResults,
+    extraParams: entityScoped ? void 0 : { topic }
+  });
 }
 function groupFaqsBySection(faqs) {
   const byName = /* @__PURE__ */ new Map();
@@ -175,27 +187,40 @@ function FaqSection({
   initialFaqs,
   entityType,
   entityId,
+  topic,
   heading,
   emitJsonLd = false,
   jsonLd,
   className,
+  id,
+  showTopic = false,
   minResults,
   apiBaseUrl = "",
   aside: asideProp,
   ask
 }) {
   const assistant = useAssistantRuntime();
-  const askTopic = ask === false ? void 0 : ask?.topic || entityType;
+  const askTopic = ask === false ? void 0 : ask?.topic || topic || entityType;
   const aside = asideProp ?? (ask !== false && askTopic && faqAskCardShown(assistant) ? /* @__PURE__ */ jsx(FaqAskCard, { ...ask, topic: askTopic }) : void 0);
-  const url = buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl);
+  const url = buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl, topic);
   const initialData = useMemo(
     () => initialFaqs ? { faqs: initialFaqs } : void 0,
     [initialFaqs]
   );
-  const { data, isLoading, error } = useSelfFetch(url, { initialData });
-  const faqs = useMemo(() => data?.faqs ?? [], [data?.faqs]);
+  const { data, dataUrl, isLoading, error } = useSelfFetch(url, { initialData });
+  const held = dataUrl === url ? data?.faqs : void 0;
+  const faqs = useMemo(() => held ?? [], [held]);
   const groups = useMemo(() => faqs.length > 0 ? groupFaqsBySection(faqs) : [], [faqs]);
-  const headingNode = heading === void 0 ? /* @__PURE__ */ jsx("h2", { className: SECTION_HEADING_CLASS, children: DEFAULT_HEADING_TEXT }) : heading;
+  const titleNode = heading === void 0 ? /* @__PURE__ */ jsx("h2", { className: SECTION_HEADING_CLASS, children: DEFAULT_HEADING_TEXT }) : heading;
+  const headingNode = showTopic && topic ? (
+    // The host's heading may arrive from a server component, still streaming: React cannot check such a
+    // node when it sits in a list of siblings and warns about a missing key. So it is the ONLY child of its
+    // own wrapper, and the two siblings here are this component's own elements.
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("div", { children: titleNode }),
+      /* @__PURE__ */ jsx("p", { className: "text-ods-text-muted text-h6", children: topic })
+    ] })
+  ) : titleNode;
   if (error) return null;
   if (!isLoading && faqs.length === 0) return null;
   if (isLoading && faqs.length === 0) {
@@ -203,7 +228,7 @@ function FaqSection({
   }
   const schema = emitJsonLd ? buildFaqJsonLdFromFaqs(faqs, jsonLd) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("section", { className: className ?? "space-y-10", children: [
+    /* @__PURE__ */ jsxs("section", { id, "data-faq-topic": topic, className: className ?? "space-y-10", children: [
       !aside && headingNode,
       /* @__PURE__ */ jsx(
         GroupedFaqList,
@@ -225,5 +250,7 @@ function FaqSection({
   ] });
 }
 export {
-  FaqSection
+  FaqSection,
+  PAGE_FAQ_SECTION_ID,
+  pageFaqProps
 };

package/dist/components/faq/index.cjs

@@ -1,13 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
+var _chunkN5NDPULPcjs = require('../../chunk-N5NDPULP.cjs');
 
 
-var _chunkZEX5WU35cjs = require('../../chunk-ZEX5WU35.cjs');
-require('../../chunk-OJUMVOMP.cjs');
-require('../../chunk-ZJNYWNCB.cjs');
+
+
+
+var _chunkHNYLTEIScjs = require('../../chunk-HNYLTEIS.cjs');
+require('../../chunk-U5BRSRXA.cjs');
+require('../../chunk-FG7HTGT3.cjs');
 require('../../chunk-3HPB4H4C.cjs');
-require('../../chunk-L4ZNR5V7.cjs');
+require('../../chunk-7LTG6CJ3.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 require('../../chunk-VA7OMDZO.cjs');
@@ -15,14 +19,14 @@ require('../../chunk-AAFW4STC.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-MGW5DO6P.cjs');
+require('../../chunk-3BBOAMWJ.cjs');
 require('../../chunk-YUMFVQIN.cjs');
-require('../../chunk-T27CVQBO.cjs');
-require('../../chunk-OV6BGMEL.cjs');
-require('../../chunk-ZRYKDN2J.cjs');
-require('../../chunk-HZJRERJW.cjs');
-require('../../chunk-DUXLZPMJ.cjs');
-require('../../chunk-MJGX357L.cjs');
+require('../../chunk-4T6ETBL4.cjs');
+require('../../chunk-BRKTN6UR.cjs');
+require('../../chunk-N2CISBJJ.cjs');
+require('../../chunk-3RFQPQ7Z.cjs');
+require('../../chunk-UMO55S55.cjs');
+require('../../chunk-B27QEHYR.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1819,10 +1823,10 @@ require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-EX2GYIGW.cjs');
-require('../../chunk-EJOXXJJB.cjs');
-require('../../chunk-FCGLSWKR.cjs');
-require('../../chunk-YADG5Q7C.cjs');
+require('../../chunk-LY5VOKV7.cjs');
+require('../../chunk-7F3V45AH.cjs');
+require('../../chunk-IFS4AH77.cjs');
+require('../../chunk-63N4FN5V.cjs');
 require('../../chunk-MYBTNOS6.cjs');
 require('../../chunk-FTTLBMHU.cjs');
 require('../../chunk-S5C3OZCO.cjs');
@@ -1846,7 +1850,7 @@ require('../../chunk-K6VWTUCH.cjs');
 require('../../chunk-L2RMTGOK.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
-require('../../chunk-AZL332TK.cjs');
+require('../../chunk-2QMBXGMQ.cjs');
 require('../../chunk-V45KLJQP.cjs');
 require('../../chunk-G7SBHMRR.cjs');
 require('../../chunk-AKTPO2DN.cjs');
@@ -1858,4 +1862,6 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.FaqAskCard = _chunkZEX5WU35cjs.FaqAskCard; exports.FaqDocumentPage = _chunkZEX5WU35cjs.FaqDocumentPage; exports.FaqSection = _chunkZEX5WU35cjs.FaqSection;
+
+
+exports.FaqAskCard = _chunkHNYLTEIScjs.FaqAskCard; exports.FaqDocumentPage = _chunkN5NDPULPcjs.FaqDocumentPage; exports.FaqSection = _chunkHNYLTEIScjs.FaqSection; exports.PAGE_FAQ_SECTION_ID = _chunkHNYLTEIScjs.PAGE_FAQ_SECTION_ID; exports.pageFaqProps = _chunkHNYLTEIScjs.pageFaqProps;

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

@@ -1,4 +1,4 @@
-export { FaqSection, type FaqSectionProps } from './faq-section';
+export { FaqSection, PAGE_FAQ_SECTION_ID, pageFaqProps, type FaqSectionProps, type PageFaqSlot } from './faq-section';
 export { FaqDocumentPage, type FaqDocumentPageProps } from './faq-document-page';
 export { FaqAskCard, type FaqAskOptions } from './faq-ask-card';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/faq/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/faq/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/faq/index.js

@@ -1,8 +1,10 @@
-import { FaqSection } from "./faq-section.js";
+import { FaqSection, PAGE_FAQ_SECTION_ID, pageFaqProps } from "./faq-section.js";
 import { FaqDocumentPage } from "./faq-document-page.js";
 import { FaqAskCard } from "./faq-ask-card.js";
 export {
   FaqAskCard,
   FaqDocumentPage,
-  FaqSection
+  FaqSection,
+  PAGE_FAQ_SECTION_ID,
+  pageFaqProps
 };

package/dist/components/features/auth/auth-benefits-panel.d.ts

@@ -1,8 +1,6 @@
-import type { ReactNode } from 'react';
-export interface AuthBenefit {
-    icon: ReactNode;
-    label: string;
-}
+import { type BenefitItem } from '../../ui/benefit-list';
+/** One benefit of the panel: the lib's benefit item. */
+export type AuthBenefit = BenefitItem;
 export interface AuthBenefitsPanelProps {
     title?: string;
     description?: string;

package/dist/components/features/auth/auth-benefits-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth-benefits-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/features/auth/auth-benefits-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,uHAAuH;IACvH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAqB,EACrB,WAAiC,EACjC,SAAS,EACT,QAAqC,EACrC,cAA6C,EAC7C,YAA0C,EAC1C,SAAS,GACV,EAAE,sBAAsB,+BAuCxB"}
+{"version":3,"file":"auth-benefits-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/features/auth/auth-benefits-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGrF,wDAAwD;AACxD,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC;AAEtC,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,uHAAuH;IACvH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAqB,EACrB,WAAiC,EACjC,SAAS,EACT,QAAmC,EACnC,cAA6C,EAC7C,YAA0C,EAC1C,SAAS,GACV,EAAE,sBAAsB,+BA8BxB"}

package/dist/components/features/auth/auth-benefits-panel.js

@@ -1,29 +1,16 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../utils/cn.js";
-import { trialLabels } from "../../../utils/trial.js";
-import { FileOffIcon } from "../../icons-v2-generated/documents/file-off-icon.js";
-import { CreditCardXmarkIcon } from "../../icons-v2-generated/finance/credit-card-xmark-icon.js";
 import { OpenframeLogoIcon } from "../../icons-v2-generated/logos/openframe-logo-icon.js";
-import { FlaskVialIcon } from "../../icons-v2-generated/school/flask-vial-icon.js";
-import { XmarkAltIcon } from "../../icons-v2-generated/signs-and-symbols/xmark-alt-icon.js";
+import { BenefitList, trialBenefits } from "../../ui/benefit-list.js";
 import { Button } from "../../ui/button/index.js";
 const DEFAULT_TITLE = "The All-in-One Open Platform for MSPs";
 const DEFAULT_DESCRIPTION = "All your core ops in one place - built for MSPs who are done duct-taping tools together. Unified stack, AI-ready, no vendor tax. Just solid software that lets you run lean and fast.";
-function defaultBenefits(trialDays) {
-  const labels = trialLabels(trialDays);
-  return [
-    { icon: /* @__PURE__ */ jsx(CreditCardXmarkIcon, {}), label: labels.noCard },
-    { icon: /* @__PURE__ */ jsx(XmarkAltIcon, {}), label: labels.cancel },
-    ...labels.length ? [{ icon: /* @__PURE__ */ jsx(FlaskVialIcon, {}), label: labels.length }] : [],
-    { icon: /* @__PURE__ */ jsx(FileOffIcon, {}), label: labels.noContract }
-  ];
-}
 function AuthBenefitsPanel({
   title = DEFAULT_TITLE,
   description = DEFAULT_DESCRIPTION,
   trialDays,
-  benefits = defaultBenefits(trialDays),
+  benefits = trialBenefits(trialDays),
   learnMoreLabel = "Learn More About OpenFrame",
   learnMoreUrl = "https://www.flamingo.run/",
   className
@@ -38,10 +25,7 @@ function AuthBenefitsPanel({
       children: [
         /* @__PURE__ */ jsx("h2", { className: "tracking-[-0.64px] text-ods-text-primary text-h2", children: title }),
         /* @__PURE__ */ jsx("p", { className: "text-ods-text-primary text-h4", children: description }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap content-center items-center gap-[var(--spacing-system-m)]", children: benefits.map((benefit) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-          /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary [&_svg]:size-4", children: benefit.icon }),
-          /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-ods-text-primary text-h4", children: benefit.label })
-        ] }, benefit.label)) }),
+        /* @__PURE__ */ jsx(BenefitList, { items: benefits }),
         /* @__PURE__ */ jsx(
           Button,
           {

package/dist/components/features/conversation-card.d.ts

@@ -5,10 +5,12 @@ export interface ConversationCardSpeaker {
     name: string;
     /** A quieter word after the name ("on her laptop", "this computer"). */
     meta?: string;
+    /** When they spoke, as shown ("2:47 PM"). */
+    time?: string;
 }
 export interface ConversationCardProps {
     requester: ConversationCardSpeaker;
-    /** What they said, shown in quotation marks. */
+    /** What they said. */
     request: string;
     responder: ConversationCardSpeaker;
     /** What was done about it. */
@@ -21,12 +23,18 @@ export interface ConversationCardProps {
     footerValue: string;
     /** `attention` paints the answer in the warning colour: it needs a person. */
     footerTone?: 'default' | 'attention';
+    /**
+     * The slug of the agent that answered. The card takes that agent's tint from
+     * its identity, so it reads as that agent's at a glance. A card names its
+     * agent, never a colour.
+     */
+    agent?: string | null;
     className?: string;
 }
 /**
  * A request and what was done about it, as two turns and a footer: who asked
- * and what they said, who answered and the result, then one line that sums up
- * the reader's own part in it.
+ * and what they said, who answered and the result (a command block with its
+ * check), then one line that sums up the reader's own part in it.
  */
-export declare function ConversationCard({ requester, request, responder, outcome, outcomeAside, footerLabel, footerValue, footerTone, className, }: ConversationCardProps): import("react").JSX.Element;
+export declare function ConversationCard({ requester, request, responder, outcome, outcomeAside, footerLabel, footerValue, footerTone, agent, className, }: ConversationCardProps): import("react").JSX.Element;
 //# sourceMappingURL=conversation-card.d.ts.map

package/dist/components/features/conversation-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-card.d.ts","sourceRoot":"","sources":["../../../src/components/features/conversation-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,uBAAuB;IACtC,oDAAoD;IACpD,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,uBAAuB,CAAC;IACnC,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,uBAAuB,CAAC;IACnC,8BAA8B;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAsB,EACtB,SAAS,GACV,EAAE,qBAAqB,+BA2CvB"}
+{"version":3,"file":"conversation-card.d.ts","sourceRoot":"","sources":["../../../src/components/features/conversation-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,uBAAuB;IACtC,oDAAoD;IACpD,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,uBAAuB,CAAC;IACnC,sBAAsB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,uBAAuB,CAAC;IACnC,8BAA8B;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAsB,EACtB,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,+BAwCvB"}

package/dist/components/features/conversation-card.js

@@ -1,13 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { useAgentTint } from "../agent-identity.js";
+import { ChatTurn } from "../chat/chat-turn.js";
 import { CheckCircleIcon } from "../icons-v2-generated/signs-and-symbols/check-circle-icon.js";
-function Who({ speaker }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 text-ods-text-primary text-h4", children: [
-    speaker.name,
-    speaker.meta && /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h6", children: speaker.meta })
-  ] });
-}
+import { Tag } from "../ui/tag.js";
 function ConversationCard({
   requester,
   request,
@@ -17,47 +14,42 @@ function ConversationCard({
   footerLabel,
   footerValue,
   footerTone = "default",
+  agent,
   className
 }) {
+  const tint = useAgentTint(agent);
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("flex h-full flex-col gap-4 rounded-xl border border-ods-border bg-ods-card p-5 md:p-7", className),
+      className: cn(
+        "flex h-full flex-col gap-[var(--spacing-system-mf)] overflow-hidden rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)]",
+        className
+      ),
+      style: tint,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: requester.avatar }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx(Who, { speaker: requester }),
-            /* @__PURE__ */ jsxs("p", { className: "m-0 mt-1 line-clamp-2 min-h-[2lh] text-ods-text-primary text-h3", title: request, children: [
-              "\u201C",
-              request,
-              "\u201D"
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border border-ods-border bg-ods-bg p-3.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: responder.avatar }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx(Who, { speaker: responder }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-start gap-2 text-ods-text-secondary text-h4", children: [
-              /* @__PURE__ */ jsx(CheckCircleIcon, { size: 16, className: "mt-1 shrink-0 text-ods-success", "aria-hidden": true }),
+        /* @__PURE__ */ jsx(ChatTurn, { avatar: requester.avatar, name: requester.name, meta: requester.meta, time: requester.time, children: /* @__PURE__ */ jsxs("p", { className: "m-0 line-clamp-2 min-h-[2lh] text-ods-text-primary text-h3", title: request, children: [
+          "\u201C",
+          request,
+          "\u201D"
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          ChatTurn,
+          {
+            avatar: responder.avatar,
+            name: responder.name,
+            meta: responder.meta,
+            time: responder.time,
+            className: "rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-sf)]",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-[var(--spacing-system-xsf)] text-ods-text-secondary text-h4", children: [
               /* @__PURE__ */ jsx("span", { className: "line-clamp-3 min-h-[3lh] min-w-0 flex-1", title: outcome, children: outcome }),
-              outcomeAside
+              outcomeAside,
+              /* @__PURE__ */ jsx("span", { className: "flex h-[1lh] shrink-0 items-center", children: /* @__PURE__ */ jsx(CheckCircleIcon, { size: 16, className: "text-ods-success", "aria-hidden": true }) })
             ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center justify-between gap-3 border-t border-ods-border pt-3.5 text-ods-text-secondary text-h6", children: [
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center justify-between gap-[var(--spacing-system-sf)] text-ods-text-secondary text-h6", children: [
           /* @__PURE__ */ jsx("span", { children: footerLabel }),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "inline-flex whitespace-nowrap rounded-full border px-3 py-1",
-                footerTone === "attention" ? "border-ods-warning text-ods-warning" : "border-ods-border text-ods-text-secondary"
-              ),
-              children: footerValue
-            }
-          )
+          /* @__PURE__ */ jsx(Tag, { as: "span", label: footerValue, variant: footerTone === "attention" ? "warning" : "badge" })
         ] })
       ]
     }