@admin-layout/tailwind-chat-pro 12.2.4-alpha.81 → 12.2.4-alpha.82

package/src/components/messages-container-ui/index.ts

@@ -5,4 +5,14 @@ export type { PlanModeViewProps, PlanModeViewInputToolbarProps } from './PlanMod
 export { DefaultMessageGroup } from './DefaultMessageGroup';
 export { DefaultInputToolBar } from './DefaultInputToolBar';
 export type { DefaultInputToolBarProps } from './DefaultInputToolBar';
+// Rich (markdown / code / widget-card) renderer, moved here from messenger-box so consumers can
+// render rich chat without depending on @messenger-box/tailwind-ui-inbox. Inject as MessageGroupComponent.
+export {
+    ModernMessageGroupComponent,
+    FormattedMessageContent,
+    CodeFormatter,
+    detectContentType,
+} from './ModernMessageGroup';
+export { renderModernStreamingContent } from './modernStreaming';
+export { MessengerSlotFillNameEnum } from './messenger-slot-fill-name-enum';
 export type { PlanMessage, CurrentUser, MessageGroupRenderProps, MessageGroupComponentType } from './types';

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

@@ -0,0 +1,13 @@
+export enum MessengerSlotFillNameEnum {
+    INBOX_RIGHT_SIDEBAR = 'inbox-right-sidebar',
+    INBOX_WITH_AI_RIGHT_SIDEBAR = 'inbox-with-ai-right-sidebar',
+    CHAT_SETTINGS = 'chat-settings',
+    TOOLUSE_NAME = 'tooluse',
+    THINKING_NAME = 'thinking',
+    CODEBLOCK_NAME = 'codeblock',
+    AIASSISTANT_NAME = 'aiassistant',
+    SERVICE_NAME = 'service',
+    TRAVEL_NAME = 'travel',
+    MEDIA_NAME = 'media',
+    WORKFLOW_NAME = 'workflow',
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CodeFormatter, detectContentType, FormattedMessageContent } from './ModernMessageGroup';
+
+/**
+ * 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).
+ *
+ * Pass this as `MessagesContainerUI` / `PlanModeView`'s `renderStreamingContent` to keep
+ * markdown / code rendering while streaming (the base default is plain text).
+ */
+export function renderModernStreamingContent(content: string, showCopyDownloadOnCodeBlock = true): React.ReactNode {
+    return detectContentType(content) === 'code' ? (
+        <CodeFormatter content={content} showCopyDownload={showCopyDownloadOnCodeBlock} />
+    ) : (
+        <FormattedMessageContent content={content} showCopyDownloadOnCodeBlock={showCopyDownloadOnCodeBlock} />
+    );
+}