@admin-layout/tailwind-chat-pro 12.2.4-alpha.102

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

@@ -0,0 +1,98 @@
+import React from 'react';
+import type { PlanMessage, MessageGroupComponentType } from './types';
+import type { PlanModeViewInputToolbarProps } from './PlanModeView';
+export interface MessagesContainerUIProps {
+    messages: PlanMessage[];
+    streamingContent?: string;
+    currentUser: {
+        id: string;
+        name?: string;
+        avatar?: string;
+        [key: string]: any;
+    };
+    onSend: (text: string) => void;
+    /** Optional classes applied to the container root (useful for width/padding tweaks). */
+    className?: string;
+    /** Optional ref for the scroll container inside PlanModeView. */
+    scrollContainerRef?: React.Ref<HTMLDivElement>;
+    /** Optional className applied to PlanModeView root wrapper. */
+    planModeViewClassName?: string;
+    /** Optional className applied to PlanModeView scroll container element. */
+    planModeScrollContainerClassName?: string;
+    /** When true, hide scrollbar visuals but keep it scrollable. */
+    hideScrollbar?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    onStop?: () => void;
+    showDate?: boolean;
+    showAvatar?: boolean;
+    showMessageBubbleBorder?: boolean;
+    /** When false (default), do NOT create an internal scroll container (avoids nested scroll). */
+    useInternalScroll?: boolean;
+    /** When true, the built-in input toolbar area is not rendered. */
+    hideInputToolbar?: boolean;
+    /**
+     * Where to place the input toolbar.
+     * - `bottom` (default): render toolbar in the bottom area.
+     * - `inlineWhenEmpty`: when there are no messages and no streaming/loading, render the toolbar inline
+     *   inside the empty state (matches landing UI), otherwise use bottom placement.
+     */
+    inputPlacement?: 'bottom' | 'inlineWhenEmpty';
+    /**
+     * Optional: render the input composer; receives value, onChange, onSend, disabled.
+     * Defaults to `@admin-layout/tailwind-ui`'s `InputToolBar`, so the base works out of the box.
+     */
+    renderInputToolbar?: (props: PlanModeViewInputToolbarProps) => React.ReactNode;
+    /** Placeholder for the default input composer (ignored when `renderInputToolbar` is provided). */
+    inputPlaceholder?: string;
+    /** Optional: passed to the injected message-group renderer */
+    onOpen?: (element?: any) => void;
+    onMessageClick?: (msg: any) => void;
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
+    sandboxErrors?: any[];
+    currentFiles?: Record<string, string>;
+    onFixError?: (errorMessage: string) => Promise<void>;
+    /** Optional: error message to show above messages; use with onRetry for retry button */
+    error?: string | null;
+    /** Optional: called when user clicks retry (e.g. after error) */
+    onRetry?: () => void;
+    /**
+     * Optional: custom content when there are no messages and no streaming/loading.
+     * Receives input toolbar props so you can render the composer inline (e.g. landing UI).
+     */
+    renderEmptyState?: (ctx: {
+        inputToolbarProps: PlanModeViewInputToolbarProps;
+    }) => React.ReactNode;
+    /**
+     * Optional: when provided, scroll to bottom whenever these deps change (e.g. [streamingContent, messages.length]).
+     * Use from the parent to keep the view at bottom on each stream chunk.
+     */
+    scrollToBottomDeps?: React.DependencyList;
+    /** Optional: className applied to the content wrapper inside PlanModeView. */
+    contentClassName?: string;
+    /** Optional: className applied to the post container inside PlanModeView. */
+    postContainerClassName?: string;
+    /** When true, code blocks show copy and download actions (default: true). */
+    showCopyDownloadOnCodeBlock?: boolean;
+    /**
+     * The message-group renderer. Defaults to a plain-text bubble renderer so the base
+     * works standalone. Inject a rich renderer (e.g. messenger-box's
+     * `ModernMessageGroupComponent`) for markdown / code / widget-card rendering.
+     */
+    MessageGroupComponent?: MessageGroupComponentType;
+    /** Optional: how to render the in-flight streaming assistant content (default: plain text). */
+    renderStreamingContent?: (content: string) => React.ReactNode;
+    /** Optional: override how a PlanMessage is mapped to the post shape handed to the renderer. */
+    mapMessageToPost?: (msg: PlanMessage, currentUser: MessagesContainerUIProps['currentUser']) => any;
+}
+/**
+ * MessagesContainerUI — a customizable base chat container for plan mode
+ * (chat / search / research). Owns the layout, scrolling, streaming area,
+ * empty / error / loading states and the input-toolbar slot. The actual message
+ * rendering is delegated to an injectable `MessageGroupComponent` (defaults to a
+ * plain-text bubble renderer), so consumers plug in their own rich renderer.
+ */
+export declare function MessagesContainerUI({ messages, streamingContent, currentUser, onSend, className, scrollContainerRef, planModeViewClassName, planModeScrollContainerClassName, hideScrollbar, disabled, isLoading, onStop, showDate, showAvatar, showMessageBubbleBorder, useInternalScroll, hideInputToolbar, inputPlacement, renderInputToolbar, inputPlaceholder, onOpen, onMessageClick, isDesktopView, isSmallScreen, sandboxErrors, currentFiles, onFixError, error, onRetry, renderEmptyState, scrollToBottomDeps, contentClassName, postContainerClassName, showCopyDownloadOnCodeBlock, MessageGroupComponent, renderStreamingContent, mapMessageToPost, }: MessagesContainerUIProps): import("react/jsx-runtime").JSX.Element;
+export default MessagesContainerUI;
+//# sourceMappingURL=MessagesContainerUI.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesContainerUI.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/MessagesContainerUI.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,88 @@
+import {jsx}from'react/jsx-runtime';import clsx from'clsx';import {PlanModeView}from'./PlanModeView.js';/**
+ * MessagesContainerUI — a customizable base chat container for plan mode
+ * (chat / search / research). Owns the layout, scrolling, streaming area,
+ * empty / error / loading states and the input-toolbar slot. The actual message
+ * rendering is delegated to an injectable `MessageGroupComponent` (defaults to a
+ * plain-text bubble renderer), so consumers plug in their own rich renderer.
+ */
+function MessagesContainerUI({
+  messages,
+  streamingContent,
+  currentUser,
+  onSend,
+  className,
+  scrollContainerRef,
+  planModeViewClassName,
+  planModeScrollContainerClassName,
+  hideScrollbar = false,
+  disabled = false,
+  isLoading = false,
+  onStop,
+  showDate = false,
+  showAvatar = false,
+  showMessageBubbleBorder = false,
+  useInternalScroll = false,
+  hideInputToolbar = false,
+  inputPlacement = 'bottom',
+  renderInputToolbar,
+  inputPlaceholder,
+  onOpen,
+  onMessageClick,
+  isDesktopView = false,
+  isSmallScreen = false,
+  sandboxErrors,
+  currentFiles,
+  onFixError,
+  error = null,
+  onRetry,
+  renderEmptyState,
+  scrollToBottomDeps,
+  contentClassName,
+  postContainerClassName,
+  showCopyDownloadOnCodeBlock = true,
+  MessageGroupComponent,
+  renderStreamingContent,
+  mapMessageToPost
+}) {
+  return jsx("div", {
+    className: clsx('flex flex-col flex-1 min-h-0', className),
+    children: jsx(PlanModeView, {
+      messages: messages,
+      streamingContent: streamingContent,
+      currentUser: currentUser,
+      onSend: onSend,
+      disabled: disabled,
+      isLoading: isLoading,
+      onStop: onStop,
+      showDate: showDate,
+      showAvatar: showAvatar,
+      showMessageBubbleBorder: showMessageBubbleBorder,
+      useInternalScroll: useInternalScroll,
+      scrollContainerRef: scrollContainerRef,
+      className: planModeViewClassName,
+      scrollContainerClassName: planModeScrollContainerClassName,
+      hideScrollbar: hideScrollbar,
+      hideInputToolbar: hideInputToolbar,
+      inputPlacement: inputPlacement,
+      renderInputToolbar: renderInputToolbar,
+      inputPlaceholder: inputPlaceholder,
+      onOpen: onOpen,
+      onMessageClick: onMessageClick,
+      isDesktopView: isDesktopView,
+      isSmallScreen: isSmallScreen,
+      sandboxErrors: sandboxErrors,
+      currentFiles: currentFiles,
+      onFixError: onFixError,
+      error: error,
+      onRetry: onRetry,
+      renderEmptyState: renderEmptyState,
+      scrollToBottomDeps: scrollToBottomDeps,
+      contentClassName: contentClassName,
+      postContainerClassName: postContainerClassName,
+      showCopyDownloadOnCodeBlock: showCopyDownloadOnCodeBlock,
+      MessageGroupComponent: MessageGroupComponent,
+      renderStreamingContent: renderStreamingContent,
+      mapMessageToPost: mapMessageToPost
+    })
+  });
+}export{MessagesContainerUI};//# sourceMappingURL=MessagesContainerUI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesContainerUI.js","sources":["../../../src/components/messages-container-ui/MessagesContainerUI.tsx"],"sourcesContent":[null],"names":[],"mappings":"wGAuFA;;;;;;AAMG;AACG,SAAU,mBAAmB,CAAC;AAuChC,EAAA,QAAA;AA0CJ,EAAC,gBAAA;AAED,EAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,46 @@
+import { IAuthUser, IPost } from 'common';
+import React from 'react';
+export declare function AssistantResponseWrapper({ children, bubbleClassName, }: {
+    children: React.ReactNode;
+    bubbleClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+interface ModernMessageGroupProps {
+    showAuthorName?: boolean;
+    showAvatar?: boolean;
+    showTimestamp?: boolean;
+    messages: IPost[];
+    currentUser: IAuthUser;
+    onOpen: (element?: any) => void;
+    onMessageClick: (msg: IPost) => void;
+    isDesktopView?: boolean;
+    isSmallScreen?: boolean;
+    sandboxErrors?: any[];
+    currentFiles?: Record<string, string>;
+    onFixError?: (errorMessage: string) => Promise<void>;
+    onRecreateSandbox?: (fragmentId: string) => void;
+    /** When true, code blocks show copy and download actions in header and footer (default: true) */
+    showCopyDownloadOnCodeBlock?: boolean;
+}
+export declare const groupMessagesByUserAndTime: (messages: IPost[], timeThresholdMinutes?: number) => IPost[][];
+export declare const detectContentType: (value: string) => "html" | "markdown" | "code" | "text";
+export declare const CodeFormatter: React.FC<{
+    content: string;
+    showCopyDownload?: boolean;
+    variant?: 'default' | 'user';
+    /** When variant is `user`, use primary-foreground only on plan-mode bubbles (bg-primary). */
+    planMode?: boolean;
+}>;
+export declare const FormattedMessageContent: React.FC<{
+    content: string;
+    variant?: 'default' | 'user';
+    /** When variant is `user`, use primary-foreground only on plan-mode bubbles (bg-primary). */
+    planMode?: boolean;
+    /**
+     * When true, fenced code blocks use the same copy/download UI as elsewhere.
+     * Implemented via react-markdown (safe) instead of raw HTML from marked.
+     */
+    showCopyDownloadOnCodeBlock?: boolean;
+}>;
+export declare const ModernMessageGroupComponent: React.FC<ModernMessageGroupProps>;
+export {};
+//# sourceMappingURL=ModernMessageGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModernMessageGroup.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/ModernMessageGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,SAAS,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG9D,OAAO,KAAuC,MAAM,OAAO,CAAC;AA8B5D,wBAAgB,wBAAwB,CAAC,EACrC,QAAQ,EACR,eAAe,GAClB,EAAE;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,2CAUA;AAuYD,UAAU,uBAAuB;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,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,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iGAAiG;IACjG,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACzC;AAiBD,eAAO,MAAM,0BAA0B,GAAI,UAAU,KAAK,EAAE,EAAE,6BAAwB,KAAG,KAAK,EAAE,EAgC/F,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAyDhF,CAAC;AA+VF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CA8DA,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACzC,CA4SA,CAAC;AAghBF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0DzE,CAAC"}