@admin-layout/tailwind-chat-pro 12.2.5-alpha.2 → 12.2.5-alpha.22

package/lib/components/messages-container-ui/markdownTables.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Markdown tables in a chat message: every table sits in its own box that scrolls sideways, and
+ * nothing inside a table may break a word to make it fit.
+ *
+ * A message's prose wraps anywhere (`overflow-wrap: anywhere`), so a long path or URL never
+ * pushes the chat wider. That rule also counts every character as a break when a table sizes its
+ * columns, so a table in a narrow pane squeezed its number columns to a few characters and split
+ * "2,000" into "2,00" / "0". Inside a table a line now breaks only where the text has a space,
+ * and a table still too wide for the message scrolls in its box instead.
+ */
+/** The box every rendered markdown table sits in. */
+export declare const TABLE_SCROLL_CLASS = "llm-table-scroll";
+/**
+ * Put each `<table>` of rendered HTML in a {@link TABLE_SCROLL_CLASS} box. Every opening tag gets
+ * a box and every closing tag closes it, so well-formed HTML stays balanced (nested tables too).
+ * Escaped markup, such as a table inside a code block, is text and is left alone.
+ */
+export declare function wrapTables(html: string): string;
+/**
+ * The box, the no-split rule and the scroll cue, for both the assistant's reply and the person's
+ * own bubble. `.llm-table-scroll table *` outranks the bubbles' wrap-anywhere rules
+ * (`.user-message *`, the reply's bubble), which is what keeps a number whole.
+ */
+export declare const TABLE_STYLES = "\n    .llm-table-scroll {\n        max-width: 100%;\n        overflow-x: auto;\n    }\n\n    /* The box carries the spacing: a scroll box never collapses its child's margins, so a\n       table's own (prose gives it 1em) would show as an empty band inside the box. */\n    .llm-table-scroll > table {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n\n    .llm-table-scroll table,\n    .llm-table-scroll table * {\n        word-break: normal;\n        overflow-wrap: normal;\n    }\n\n    .llm-table-scroll th,\n    .llm-table-scroll td {\n        font-variant-numeric: tabular-nums;\n    }\n\n    /* A cut-off column alone reads as a finished table (or as a number split in two), so a side\n       that has more columns to scroll to carries a soft shadow. Both shadows are pinned to the\n       box's edges (sticky, in the table's grid cell) and fade with the scroll position; a table\n       that fits has no scroll timeline, so neither shows. Where the browser cannot tie an\n       animation to scrolling, the box scrolls without the cue. */\n    @supports (animation-timeline: scroll()) {\n        .llm-table-scroll {\n            display: grid;\n            scroll-timeline: --llm-table-scroll inline;\n        }\n\n        .llm-table-scroll > table,\n        .llm-table-scroll::before,\n        .llm-table-scroll::after {\n            grid-area: 1 / 1;\n        }\n\n        .llm-table-scroll::before,\n        .llm-table-scroll::after {\n            content: '';\n            position: sticky;\n            z-index: 1;\n            width: 0.875rem;\n            pointer-events: none;\n            opacity: 0;\n        }\n\n        .llm-table-scroll::before {\n            left: 0;\n            justify-self: start;\n            background: linear-gradient(to right, var(--llm-table-scroll-shadow, rgba(18, 25, 38, 0.14)), transparent);\n            animation: llm-table-scroll-start linear both;\n            animation-timeline: --llm-table-scroll;\n        }\n\n        .llm-table-scroll::after {\n            right: 0;\n            justify-self: end;\n            background: linear-gradient(to left, var(--llm-table-scroll-shadow, rgba(18, 25, 38, 0.14)), transparent);\n            animation: llm-table-scroll-end linear both;\n            animation-timeline: --llm-table-scroll;\n        }\n    }\n\n    @keyframes llm-table-scroll-start {\n        0% { opacity: 0; }\n        6%, 100% { opacity: 1; }\n    }\n\n    @keyframes llm-table-scroll-end {\n        0%, 94% { opacity: 1; }\n        100% { opacity: 0; }\n    }\n";
+//# sourceMappingURL=markdownTables.d.ts.map

package/lib/components/messages-container-ui/markdownTables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownTables.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/markdownTables.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,qBAAqB,CAAC;AAErD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,q/EA6ExB,CAAC"}

package/lib/components/messages-container-ui/markdownTables.js

@@ -0,0 +1,103 @@
+/**
+ * Markdown tables in a chat message: every table sits in its own box that scrolls sideways, and
+ * nothing inside a table may break a word to make it fit.
+ *
+ * A message's prose wraps anywhere (`overflow-wrap: anywhere`), so a long path or URL never
+ * pushes the chat wider. That rule also counts every character as a break when a table sizes its
+ * columns, so a table in a narrow pane squeezed its number columns to a few characters and split
+ * "2,000" into "2,00" / "0". Inside a table a line now breaks only where the text has a space,
+ * and a table still too wide for the message scrolls in its box instead.
+ */
+/** The box every rendered markdown table sits in. */
+const TABLE_SCROLL_CLASS = 'llm-table-scroll';
+/**
+ * Put each `<table>` of rendered HTML in a {@link TABLE_SCROLL_CLASS} box. Every opening tag gets
+ * a box and every closing tag closes it, so well-formed HTML stays balanced (nested tables too).
+ * Escaped markup, such as a table inside a code block, is text and is left alone.
+ */
+function wrapTables(html) {
+  return html.replace(/<table\b[^>]*>/gi, open => `<div class="${TABLE_SCROLL_CLASS}">${open}`).replace(/<\/table\s*>/gi, close => `${close}</div>`);
+}
+/**
+ * The box, the no-split rule and the scroll cue, for both the assistant's reply and the person's
+ * own bubble. `.llm-table-scroll table *` outranks the bubbles' wrap-anywhere rules
+ * (`.user-message *`, the reply's bubble), which is what keeps a number whole.
+ */
+const TABLE_STYLES = `
+    .${TABLE_SCROLL_CLASS} {
+        max-width: 100%;
+        overflow-x: auto;
+    }
+
+    /* The box carries the spacing: a scroll box never collapses its child's margins, so a
+       table's own (prose gives it 1em) would show as an empty band inside the box. */
+    .${TABLE_SCROLL_CLASS} > table {
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
+    .${TABLE_SCROLL_CLASS} table,
+    .${TABLE_SCROLL_CLASS} table * {
+        word-break: normal;
+        overflow-wrap: normal;
+    }
+
+    .${TABLE_SCROLL_CLASS} th,
+    .${TABLE_SCROLL_CLASS} td {
+        font-variant-numeric: tabular-nums;
+    }
+
+    /* A cut-off column alone reads as a finished table (or as a number split in two), so a side
+       that has more columns to scroll to carries a soft shadow. Both shadows are pinned to the
+       box's edges (sticky, in the table's grid cell) and fade with the scroll position; a table
+       that fits has no scroll timeline, so neither shows. Where the browser cannot tie an
+       animation to scrolling, the box scrolls without the cue. */
+    @supports (animation-timeline: scroll()) {
+        .${TABLE_SCROLL_CLASS} {
+            display: grid;
+            scroll-timeline: --llm-table-scroll inline;
+        }
+
+        .${TABLE_SCROLL_CLASS} > table,
+        .${TABLE_SCROLL_CLASS}::before,
+        .${TABLE_SCROLL_CLASS}::after {
+            grid-area: 1 / 1;
+        }
+
+        .${TABLE_SCROLL_CLASS}::before,
+        .${TABLE_SCROLL_CLASS}::after {
+            content: '';
+            position: sticky;
+            z-index: 1;
+            width: 0.875rem;
+            pointer-events: none;
+            opacity: 0;
+        }
+
+        .${TABLE_SCROLL_CLASS}::before {
+            left: 0;
+            justify-self: start;
+            background: linear-gradient(to right, var(--llm-table-scroll-shadow, rgba(18, 25, 38, 0.14)), transparent);
+            animation: llm-table-scroll-start linear both;
+            animation-timeline: --llm-table-scroll;
+        }
+
+        .${TABLE_SCROLL_CLASS}::after {
+            right: 0;
+            justify-self: end;
+            background: linear-gradient(to left, var(--llm-table-scroll-shadow, rgba(18, 25, 38, 0.14)), transparent);
+            animation: llm-table-scroll-end linear both;
+            animation-timeline: --llm-table-scroll;
+        }
+    }
+
+    @keyframes llm-table-scroll-start {
+        0% { opacity: 0; }
+        6%, 100% { opacity: 1; }
+    }
+
+    @keyframes llm-table-scroll-end {
+        0%, 94% { opacity: 1; }
+        100% { opacity: 0; }
+    }
+`;export{TABLE_SCROLL_CLASS,TABLE_STYLES,wrapTables};//# sourceMappingURL=markdownTables.js.map

package/lib/components/messages-container-ui/markdownTables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownTables.js","sources":["../../../src/components/messages-container-ui/markdownTables.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;;;AASG;AAEH;AACO,MAAM,kBAAkB,GAAG;AAElC;;;;AAIG;AACG,SAAU,UAAU,CAAC,IAAY,EAAA;AACnC,EAAA,OAAA,IAAO,CAAA,OAAI,CAAA,kBAAA,EAAA,IAAA,IAAA,CAAA,YAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,gBAAA,EAAA,KAAA,IAAA,CAAA,EAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AACN;AACA;AACT;AAEA;;;;AAIG,KAAA,EAAA,kBAAA,CAAA;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAmCW,kBAAkB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/messages-container-ui/messenger-slot-fill-name-enum.d.ts

@@ -11,6 +11,10 @@ export declare enum MessengerSlotFillNameEnum {
     MEDIA_NAME = "media",
     WORKFLOW_NAME = "workflow",
     CONNECTOR_NAME = "connector",
-    GENERIC_NAME = "generic"
+    GENERIC_NAME = "generic",
+    SHOPPING_NAME = "shopping",
+    MOVIES_NAME = "movies",
+    JOBS_NAME = "jobs",
+    RESUME_NAME = "resume"
 }
 //# sourceMappingURL=messenger-slot-fill-name-enum.d.ts.map

package/lib/components/messages-container-ui/messenger-slot-fill-name-enum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messenger-slot-fill-name-enum.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/messenger-slot-fill-name-enum.ts"],"names":[],"mappings":"AAAA,oBAAY,yBAAyB;IACjC,mBAAmB,wBAAwB;IAC3C,2BAA2B,gCAAgC;IAC3D,aAAa,kBAAkB;IAC/B,YAAY,YAAY;IACxB,aAAa,aAAa;IAC1B,cAAc,cAAc;IAC5B,gBAAgB,gBAAgB;IAChC,YAAY,YAAY;IACxB,WAAW,WAAW;IACtB,UAAU,UAAU;IACpB,aAAa,aAAa;IAC1B,cAAc,cAAc;IAC5B,YAAY,YAAY;CAC3B"}
+{"version":3,"file":"messenger-slot-fill-name-enum.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/messenger-slot-fill-name-enum.ts"],"names":[],"mappings":"AAAA,oBAAY,yBAAyB;IACjC,mBAAmB,wBAAwB;IAC3C,2BAA2B,gCAAgC;IAC3D,aAAa,kBAAkB;IAC/B,YAAY,YAAY;IACxB,aAAa,aAAa;IAC1B,cAAc,cAAc;IAC5B,gBAAgB,gBAAgB;IAChC,YAAY,YAAY;IACxB,WAAW,WAAW;IACtB,UAAU,UAAU;IACpB,aAAa,aAAa;IAC1B,cAAc,cAAc;IAC5B,YAAY,YAAY;IAGxB,aAAa,aAAa;IAC1B,WAAW,WAAW;IACtB,SAAS,SAAS;IAClB,WAAW,WAAW;CACzB"}

package/lib/components/messages-container-ui/messenger-slot-fill-name-enum.js

@@ -13,4 +13,10 @@ var MessengerSlotFillNameEnum;
   MessengerSlotFillNameEnum["WORKFLOW_NAME"] = "workflow";
   MessengerSlotFillNameEnum["CONNECTOR_NAME"] = "connector";
   MessengerSlotFillNameEnum["GENERIC_NAME"] = "generic";
+  // Result cards registered by ai-chat-ext (MessageResults): a row of product, showtime or
+  // role cards, and the single resume document card.
+  MessengerSlotFillNameEnum["SHOPPING_NAME"] = "shopping";
+  MessengerSlotFillNameEnum["MOVIES_NAME"] = "movies";
+  MessengerSlotFillNameEnum["JOBS_NAME"] = "jobs";
+  MessengerSlotFillNameEnum["RESUME_NAME"] = "resume";
 })(MessengerSlotFillNameEnum || (MessengerSlotFillNameEnum = {}));export{MessengerSlotFillNameEnum};//# sourceMappingURL=messenger-slot-fill-name-enum.js.map

package/lib/components/messages-container-ui/messenger-slot-fill-name-enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"messenger-slot-fill-name-enum.js","sources":["../../../src/components/messages-container-ui/messenger-slot-fill-name-enum.ts"],"sourcesContent":[null],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,yBAAyB,EAAA;AACjC,EAAA,yBAAA,CAAA,qBAAA,CAAA,GAAA,qBAAA;AACA,EAAA,yBAAA,CAAA,6BAAA,CAAA,GAAA,6BAAA;AACA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,eAAA;AACA,EAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,SAAA;AACA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,UAAA;AACA,EAAA,yBAAA,CAAA,gBAAA,CAAA,GAAA,WAAA;AACA,EAAA,yBAAA,CAAA,kBAAA,CAAA,GAAA,aAAA;AACA,EAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,SAAA;AACA,EAAA,yBAAA,CAAA,aAAA,CAAA,GAAA,QAAA;AACA,EAAA,yBAAA,CAAA,YAAA,CAAA,GAAA,OAAA;AACA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,UAAA;AACA,EAAA,yBAAA,CAAA,gBAAA,CAAA,GAAA,WAAA;AACA,EAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,SAAA;AACJ,CAAC,EAdW,yBAAyB,KAAzB,yBAAyB,GAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"messenger-slot-fill-name-enum.js","sources":["../../../src/components/messages-container-ui/messenger-slot-fill-name-enum.ts"],"sourcesContent":[null],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,yBAAyB,EAAA;AACjC,EAAA,yBAAA,CAAA,qBAAA,CAAA,GAAA,qBAAA;AACA,EAAA,yBAAA,CAAA,6BAAA,CAAA,GAAA,6BAAA;AACA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,eAAA;AACA,EAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,SAAA;AACA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,UAAA;AACA,EAAA,yBAAA,CAAA,gBAAA,CAAA,GAAA,WAAA;AACA,EAAA,yBAAA,CAAA,kBAAA,CAAA,GAAA,aAAA;AACA,EAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,SAAA;AACA,EAAA,yBAAA,CAAA,aAAA,CAAA,GAAA,QAAA;AACA,EAAA,yBAAA,CAAA,YAAA,CAAA,GAAA,OAAA;AACA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,UAAA;AACA,EAAA,yBAAA,CAAA,gBAAA,CAAA,GAAA,WAAA;AACA,EAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,SAAA;;;AAGA,EAAA,yBAAA,CAAA,eAAA,CAAA,GAAA,UAAA;AACA,EAAA,yBAAA,CAAA,aAAA,CAAA,GAAA,QAAA;AACA,EAAA,yBAAA,CAAA,WAAA,CAAA,GAAA,MAAA;AACA,EAAA,yBAAA,CAAA,aAAA,CAAA,GAAA,QAAA;AACJ,CAAC,EApBW,yBAAyB,KAAzB,yBAAyB,GAAA,EAAA,CAAA,CAAA"}

package/lib/components/messages-container-ui/modernStreaming.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { StreamingRenderOptions } from './types';
 /**
  * Renders in-flight streaming assistant content with the rich Modern renderer:
  * raw-code content goes through {@link CodeFormatter}, everything else through
@@ -7,5 +8,5 @@ import React from 'react';
  * Pass this as `MessagesContainerUI` / `PlanModeView`'s `renderStreamingContent` to keep
  * markdown / code rendering while streaming (the base default is plain text).
  */
-export declare function renderModernStreamingContent(content: string, showCopyDownloadOnCodeBlock?: boolean): React.ReactNode;
+export declare function renderModernStreamingContent(content: string, opts?: StreamingRenderOptions): React.ReactNode;
 //# sourceMappingURL=modernStreaming.d.ts.map

package/lib/components/messages-container-ui/modernStreaming.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modernStreaming.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/modernStreaming.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,2BAA2B,UAAO,GAAG,KAAK,CAAC,SAAS,CAMjH"}
+{"version":3,"file":"modernStreaming.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/modernStreaming.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,GAAE,sBAA2B,GAAG,KAAK,CAAC,SAAS,CAmBhH"}

package/lib/components/messages-container-ui/modernStreaming.js

@@ -1,4 +1,4 @@
-import {jsx}from'react/jsx-runtime';import {detectContentType,CodeFormatter,FormattedMessageContent}from'./ModernMessageGroup.js';/**
+import {jsx}from'react/jsx-runtime';import {detectContentType,CodeFormatter,FormattedMessageContent,assistantFrameClass}from'./ModernMessageGroup.js';/**
  * Renders in-flight streaming assistant content with the rich Modern renderer:
  * raw-code content goes through {@link CodeFormatter}, everything else through
  * {@link FormattedMessageContent} (markdown + embedded code blocks).
@@ -6,12 +6,29 @@ import {jsx}from'react/jsx-runtime';import {detectContentType,CodeFormatter,Form
  * Pass this as `MessagesContainerUI` / `PlanModeView`'s `renderStreamingContent` to keep
  * markdown / code rendering while streaming (the base default is plain text).
  */
-function renderModernStreamingContent(content, showCopyDownloadOnCodeBlock = true) {
-  return detectContentType(content) === 'code' ? jsx(CodeFormatter, {
-    content: content,
-    showCopyDownload: showCopyDownloadOnCodeBlock
-  }) : jsx(FormattedMessageContent, {
-    content: content,
-    showCopyDownloadOnCodeBlock: showCopyDownloadOnCodeBlock
-  });
+function renderModernStreamingContent(content, opts = {}) {
+  const {
+    isDesktopView = false,
+    isSmallScreen = false,
+    showCopyDownloadOnCodeBlock = true
+  } = opts;
+  return (
+    // Same frame as ModernMessageGroup's assistant post, so nothing restyles when the stream lands.
+    jsx("div", {
+      className: `group rounded-lg ${assistantFrameClass(isDesktopView, isSmallScreen)}`,
+      children: jsx("div", {
+        className: "min-w-0 overflow-hidden py-2",
+        children: jsx("div", {
+          className: "min-w-0 relative max-w-full w-full text-foreground",
+          children: detectContentType(content) === 'code' ? jsx(CodeFormatter, {
+            content: content,
+            showCopyDownload: showCopyDownloadOnCodeBlock
+          }) : jsx(FormattedMessageContent, {
+            content: content,
+            showCopyDownloadOnCodeBlock: showCopyDownloadOnCodeBlock
+          })
+        })
+      })
+    })
+  );
 }export{renderModernStreamingContent};//# sourceMappingURL=modernStreaming.js.map

package/lib/components/messages-container-ui/modernStreaming.js.map

@@ -1 +1 @@
-{"version":3,"file":"modernStreaming.js","sources":["../../../src/components/messages-container-ui/modernStreaming.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kIAGA;;;;;;;AAOG;SACa,4BAA4B,CAAC,OAAe,EAAE,2BAA2B,GAAG,IAAI,EAAA;AAC5F,EAAA,OAAA,yBAAyB,CAAA,KAAQ,SAAYA,iBACxC,EAAA;AAIT,IAAC,OAAA,EAAA,OAAA;;;;;;"}
+{"version":3,"file":"modernStreaming.js","sources":["../../../src/components/messages-container-ui/modernStreaming.tsx"],"sourcesContent":[null],"names":[],"mappings":"sJAIA;;;;;;;AAOG;SACa,4BAA4B,CAAC,OAAe,EAAE,OAA+B,EAAE,EAAA;AAC3F,EAAA,MAAA;IACA,aAAO,GAAA,KAAA;IACH,aAAA,GAAA,KAAA;AACA,IAAA,2BAAgB,GAAA;AAexB,GAAC,GAAA,IAAA;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/messages-container-ui/types.d.ts

@@ -11,6 +11,7 @@ export interface PlanMessage {
     createdAt?: Date | string;
     /** Optional: pass through to the injected message-group renderer (propsConfiguration, props, files, etc.) */
     propsConfiguration?: any;
+    /** `props.animateEntry: true` plays the just-sent entrance on a user bubble (see useBubbleEntrance). */
     props?: any;
     files?: any;
     author?: any;
@@ -60,4 +61,10 @@ export interface MessageGroupRenderProps {
 }
 /** The injectable message-group renderer. Defaults to a plain-text bubble renderer. */
 export type MessageGroupComponentType = React.ComponentType<MessageGroupRenderProps>;
+/** What `renderStreamingContent` gets to frame the stream like the post it becomes. */
+export interface StreamingRenderOptions {
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
+    showCopyDownloadOnCodeBlock?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/lib/components/messages-container-ui/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,yDAAyD;AACzD,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yGAAyG;IACzG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACpC,iFAAiF;IACjF,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,WAAW,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACzC;AAED,uFAAuF;AACvF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,wGAAwG;IACxG,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,yDAAyD;AACzD,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yGAAyG;IACzG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACpC,iFAAiF;IACjF,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,WAAW,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACzC;AAED,uFAAuF;AACvF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;AAErF,uFAAuF;AACvF,MAAM,WAAW,sBAAsB;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACzC"}

package/lib/components/messages-container-ui/useBubbleEntrance.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The entrance a message plays when the user has just sent it (a post with
+ * `props.animateEntry`). History, chat switches and re-renders never animate:
+ * the host flags only the bubble it just appended, and the decision is taken
+ * once at mount so the flag going away later cannot cut or replay it.
+ *
+ * Transform and opacity only, so it runs on the compositor and never moves the
+ * layout around it. Runs before paint, so the bubble never flashes in place
+ * first. Reduced-motion users get the bubble with no motion.
+ */
+export declare function useBubbleEntrance<T extends HTMLElement>(requested: boolean): import("react").RefObject<T>;
+//# sourceMappingURL=useBubbleEntrance.d.ts.map

package/lib/components/messages-container-ui/useBubbleEntrance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBubbleEntrance.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/useBubbleEntrance.ts"],"names":[],"mappings":"AASA;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,SAAS,EAAE,OAAO,gCAW1E"}

package/lib/components/messages-container-ui/useBubbleEntrance.js

@@ -0,0 +1,36 @@
+import {useRef,useState,useLayoutEffect}from'react';/** Rises out of the composer toward its tail corner; ease-out so it lands softly. */
+const KEYFRAMES = [{
+  opacity: 0,
+  transform: 'translateY(12px) scale(0.96)',
+  transformOrigin: 'right bottom'
+}, {
+  opacity: 1,
+  transform: 'translateY(0) scale(1)',
+  transformOrigin: 'right bottom'
+}];
+const TIMING = {
+  duration: 320,
+  easing: 'cubic-bezier(0.22, 1, 0.36, 1)'
+};
+/**
+ * The entrance a message plays when the user has just sent it (a post with
+ * `props.animateEntry`). History, chat switches and re-renders never animate:
+ * the host flags only the bubble it just appended, and the decision is taken
+ * once at mount so the flag going away later cannot cut or replay it.
+ *
+ * Transform and opacity only, so it runs on the compositor and never moves the
+ * layout around it. Runs before paint, so the bubble never flashes in place
+ * first. Reduced-motion users get the bubble with no motion.
+ */
+function useBubbleEntrance(requested) {
+  const ref = useRef(null);
+  const [play] = useState(requested);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!play || !el || typeof el.animate !== 'function') return undefined;
+    if (window.matchMedia?.('(prefers-reduced-motion: reduce)').matches) return undefined;
+    const animation = el.animate(KEYFRAMES, TIMING);
+    return () => animation.cancel();
+  }, [play]);
+  return ref;
+}export{useBubbleEntrance};//# sourceMappingURL=useBubbleEntrance.js.map

package/lib/components/messages-container-ui/useBubbleEntrance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBubbleEntrance.js","sources":["../../../src/components/messages-container-ui/useBubbleEntrance.ts"],"sourcesContent":[null],"names":[],"mappings":"oDAEA;AACA,MAAM,SAAS,GAAe,CAAA;SACxB,EAAA,CAAA;WACA,EAAO,8BAAgB;EAC3B,eAAA,EAAA;AACF,CAAA,EAAA;AAEA,EAAA,OAAA,EAAA,CAAA;;;;;;;;;AASG;AACH;AACI;;;AAGI;;AACsD;;AACe,SAAA,iBAAiB,CAAA,SAAA,EAAA;QACtF,GAAA,GAAM,MAAA,CAAA,IAAS,CAAG;AAClB,EAAA,MAAA,CAAA,IAAA,CAAA,qBAAuB,CAAA;AAC3B,EAAA,eAAW,CAAA,MAAA;AACX,IAAA,MAAA,KAAW,GAAA,CAAA,OAAA;AACf,IAAC,IAAA,CAAA,IAAA,IAAA,CAAA,EAAA,IAAA,OAAA,EAAA,CAAA,OAAA,KAAA,UAAA,EAAA,OAAA,SAAA;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-chat-pro",
-    "version": "12.2.5-alpha.2",
+    "version": "12.2.5-alpha.22",
     "description": "Customizable base chat / messages container UI (plan mode). The message renderer is injectable, so consumers plug in their own message-group component.",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -13,15 +13,13 @@
         "build:clean": "rimraf lib",
         "build:lib": "rollup -c rollup.config.mjs",
         "build:lib:watch": "yarn build:lib -- --watch",
-        "jest": "./node_modules/.bin/jest",
         "prepublish": "yarn build",
-        "test": "cross-env ENV_FILE=../../config/test/test.env jest",
-        "test:debug": "npm test -- --runInBand",
-        "test:watch": "npm test -- --watch",
+        "test": "vitest run",
+        "test:watch": "vitest",
         "watch": "yarn build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/tailwind-ui": "12.2.5-alpha.2",
+        "@admin-layout/tailwind-ui": "12.2.5-alpha.22",
         "clsx": "^2.1.1",
         "date-fns": "^4.1.0",
         "marked": "7.0.5",
@@ -30,12 +28,13 @@
         "remark-gfm": "^4.0.1"
     },
     "devDependencies": {
-        "common": "12.2.5-alpha.2"
+        "common": "12.2.5-alpha.2",
+        "vitest": "^3.0.4"
     },
     "peerDependencies": {
-        "@admin-layout/tailwind-ui": "12.2.5-alpha.0",
+        "@admin-layout/tailwind-ui": "12.2.5-alpha.15",
         "@common-stack/components-pro": "*",
-        "common": "12.2.5-alpha.0",
+        "common": "12.2.5-alpha.2",
         "react": ">=18"
     },
     "publishConfig": {
@@ -44,5 +43,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "5ccfbf6ff024031ed38926197c3aef7b3f4dc8ee"
+    "gitHead": "d8db495e828063c09a588df4e27936a00dce3293"
 }

package/src/__tests__/stubs/common-graphql.ts

@@ -0,0 +1,2 @@
+/** Test stand-in for `common/graphql`: the one hook the renderer's file list calls, with no data. */
+export const useFileUrlQuery = (): { data: undefined; loading: boolean } => ({ data: undefined, loading: false });

package/src/__tests__/stubs/common.ts

@@ -0,0 +1,5 @@
+/** Test stand-in for the generated `common` package: only what the renderer reads at runtime. */
+export enum AiAgentMessageRole {
+    Assistant = 'ASSISTANT',
+    User = 'USER',
+}

package/src/__tests__/stubs/components-pro.ts

@@ -0,0 +1,2 @@
+/** Test stand-in for `@common-stack/components-pro`: a slot with nothing plugged in. */
+export const Slot = (): null => null;

package/src/components/messages-container-ui/MessagesContainerUI.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import { PlanModeView } from './PlanModeView';
-import type { PlanMessage, MessageGroupComponentType } from './types';
+import type { PlanMessage, MessageGroupComponentType, StreamingRenderOptions } from './types';
 import type { PlanModeViewInputToolbarProps } from './PlanModeView';
 
 export interface MessagesContainerUIProps {
@@ -80,7 +80,7 @@ export interface MessagesContainerUIProps {
      */
     MessageGroupComponent?: MessageGroupComponentType;
     /** Optional: how to render the in-flight streaming assistant content (default: plain text). */
-    renderStreamingContent?: (content: string) => React.ReactNode;
+    renderStreamingContent?: (content: string, opts?: StreamingRenderOptions) => React.ReactNode;
     /** Optional: override how a PlanMessage is mapped to the post shape handed to the renderer. */
     mapMessageToPost?: (msg: PlanMessage, currentUser: MessagesContainerUIProps['currentUser']) => any;
 }