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

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [12.2.4-alpha.76](https://github.com/CDEBase/admin-layout/compare/v12.2.4-alpha.75...v12.2.4-alpha.76) (2026-06-27)
+
+**Note:** Version bump only for package @admin-layout/tailwind-chat-pro
+
+## [12.2.4-alpha.75](https://github.com/CDEBase/admin-layout/compare/v12.2.4-alpha.74...v12.2.4-alpha.75) (2026-06-27)
+
+**Note:** Version bump only for package @admin-layout/tailwind-chat-pro
+
+## [12.2.4-alpha.74](https://github.com/CDEBase/admin-layout/compare/v12.2.4-alpha.73...v12.2.4-alpha.74) (2026-06-27)
+
+### Features
+
+- **tailwind-chat-pro:** customizable base MessagesContainerUI ([a4bc1b3](https://github.com/CDEBase/admin-layout/commit/a4bc1b38152d27adbb6ece4a50c70b8a6829b5c9))
+- **tailwind-chat-pro:** default input toolbar to @admin-layout/tailwind-ui InputToolBar ([b9e9ab8](https://github.com/CDEBase/admin-layout/commit/b9e9ab846786d0f370db9ca98c0c16aa1a201d13))

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2017 CDMBase LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './messages-container-ui';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { PlanModeViewInputToolbarProps } from './types';
+export interface DefaultInputToolBarProps extends PlanModeViewInputToolbarProps {
+    placeholder?: string;
+    /** When true, the send button shows a stop affordance (wired to onStop). */
+    isLoading?: boolean;
+    onStop?: () => void;
+    className?: string;
+}
+/**
+ * DefaultInputToolBar — the input composer used when no `renderInputToolbar` is
+ * provided. It wraps `@admin-layout/tailwind-ui`'s `InputToolBar` (the shared
+ * "ai-tool-box") wired to the base's toolbar props: a built-in textarea
+ * (Enter sends, Shift+Enter newlines) plus the mic/send/stop button.
+ *
+ * Consumers that need the richer composer (mode switcher, templates, attachments,
+ * project settings, …) pass their own `renderInputToolbar` instead.
+ */
+export declare const DefaultInputToolBar: React.FC<DefaultInputToolBarProps>;
+export default DefaultInputToolBar;
+//# sourceMappingURL=DefaultInputToolBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultInputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/DefaultInputToolBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,wBAAyB,SAAQ,6BAA6B;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuClE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,46 @@
+import {jsx}from'react/jsx-runtime';import {InputToolBar}from'@admin-layout/tailwind-ui';/**
+ * DefaultInputToolBar — the input composer used when no `renderInputToolbar` is
+ * provided. It wraps `@admin-layout/tailwind-ui`'s `InputToolBar` (the shared
+ * "ai-tool-box") wired to the base's toolbar props: a built-in textarea
+ * (Enter sends, Shift+Enter newlines) plus the mic/send/stop button.
+ *
+ * Consumers that need the richer composer (mode switcher, templates, attachments,
+ * project settings, …) pass their own `renderInputToolbar` instead.
+ */
+const DefaultInputToolBar = ({
+  value,
+  onChange,
+  onSend,
+  disabled = false,
+  placeholder = 'Message',
+  isLoading = false,
+  onStop,
+  className
+}) => {
+  const hasContent = value.trim().length > 0;
+  return jsx(InputToolBar, {
+    className: className,
+    inputConfig: {
+      value,
+      onChange: e => onChange(e.target.value),
+      placeholder,
+      disabled,
+      onKeyDown: e => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+          e.preventDefault();
+          if (hasContent && !disabled && !isLoading) onSend();
+        }
+      }
+    },
+    micSendButton: {
+      hasContent,
+      onSend,
+      onMic: () => {
+        /* voice input not wired in the base default */
+      },
+      disabled,
+      isLoading,
+      onStop: isLoading ? onStop : undefined
+    }
+  });
+};export{DefaultInputToolBar};//# sourceMappingURL=DefaultInputToolBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultInputToolBar.js","sources":["../../../src/components/messages-container-ui/DefaultInputToolBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yFAYA;;;;;;;;AAQG;AACI,MAAM,mBAAmB,GAAuC,CAAC;OAUpE;UAEA;;AAKY,EAAA,QAAA,GAAA,KAAA;aACA,GAAA,SAAW;cACX,KAAA;AACA,EAAA,MAAA;;;AAGQ,EAAA,MAAA,UAAA,GAAA,aAAc,MAAK,GAAA,CAAA;AAAwB,EAAA,OAAAA,GAAA,CAAA,YAAA,EAAA;wBAC9C;eACJ,EAAA;AACJ,MAAA,KACD;cACI,EAAA,CAAA,IAAA,QAAU,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA;iBACV;cACA;iBACI,CAAA,IAAA;YACJ,CAAC,CAAA,GAAA,KAAA,OAAA,IAAA,CAAA,CAAA,CAAA,QAAA,EAAA;YACD,cAAQ,EAAA;cACR,UAAS,IAAA,CAAA,QAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA;;AAEZ,MAAA;AAGb,KAAE;AAEF,IAAA;;;;;;;;;;;"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { MessageGroupRenderProps } from './types';
+/**
+ * DefaultMessageGroup — the base renderer used when no `MessageGroupComponent`
+ * is injected. Renders the post's text in a left/right aligned bubble with an
+ * optional author name, avatar and timestamp. Whitespace is preserved so
+ * plain-text replies read naturally.
+ *
+ * Consumers that need rich rendering (markdown, code blocks, media/travel/
+ * workflow widget cards, …) inject their own component via
+ * `MessagesContainerUI`'s `MessageGroupComponent` prop — e.g. messenger-box's
+ * `ModernMessageGroupComponent`.
+ */
+export declare const DefaultMessageGroup: React.FC<MessageGroupRenderProps>;
+export default DefaultMessageGroup;
+//# sourceMappingURL=DefaultMessageGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMessageGroup.d.ts","sourceRoot":"","sources":["../../../src/components/messages-container-ui/DefaultMessageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAMvD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqDjE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,64 @@
+import {jsx,jsxs}from'react/jsx-runtime';import clsx from'clsx';const ASSISTANT_BUBBLE_BG = 'bg-white';
+const USER_BUBBLE_BG = 'bg-indigo-50';
+const BORDER_COLOR = 'border-gray-200';
+/**
+ * DefaultMessageGroup — the base renderer used when no `MessageGroupComponent`
+ * is injected. Renders the post's text in a left/right aligned bubble with an
+ * optional author name, avatar and timestamp. Whitespace is preserved so
+ * plain-text replies read naturally.
+ *
+ * Consumers that need rich rendering (markdown, code blocks, media/travel/
+ * workflow widget cards, …) inject their own component via
+ * `MessagesContainerUI`'s `MessageGroupComponent` prop — e.g. messenger-box's
+ * `ModernMessageGroupComponent`.
+ */
+const DefaultMessageGroup = ({
+  messages,
+  onMessageClick,
+  showAuthorName = false,
+  showAvatar = false,
+  showTimestamp = false
+}) => {
+  const post = messages?.[0];
+  if (!post) return null;
+  const role = post?.propsConfiguration?.contents?.role;
+  const isUser = role === 'USER' || role === 'user' || post?.author?.isCurrentUser === true;
+  const text = typeof post?.message === 'string' ? post.message : '';
+  const author = post?.author ?? {};
+  const name = author.fullName || author.givenName || author.username || (isUser ? 'You' : 'Assistant');
+  const picture = author.picture ?? null;
+  const created = post?.createdAt ? new Date(post.createdAt) : null;
+  const timeLabel = created && !Number.isNaN(created.getTime()) ? created.toLocaleTimeString() : '';
+  return jsx("div", {
+    className: clsx('flex w-full', isUser ? 'justify-end' : 'justify-start'),
+    children: jsxs("div", {
+      className: clsx('flex max-w-[85%] gap-2', isUser ? 'flex-row-reverse' : 'flex-row'),
+      children: [showAvatar && jsx("div", {
+        className: "flex-shrink-0",
+        children: picture ?
+        // eslint-disable-next-line @next/next/no-img-element
+        jsx("img", {
+          src: picture,
+          alt: name,
+          className: "w-7 h-7 rounded-full object-cover"
+        }) : jsx("div", {
+          className: "w-7 h-7 rounded-full bg-gray-200 flex items-center justify-center text-xs font-medium text-gray-600",
+          children: name.charAt(0).toUpperCase()
+        })
+      }), jsxs("div", {
+        className: clsx('min-w-0', isUser ? 'text-right' : 'text-left'),
+        children: [showAuthorName && jsx("div", {
+          className: "mb-0.5 text-xs font-medium text-gray-500",
+          children: name
+        }), jsx("div", {
+          onClick: onMessageClick ? () => onMessageClick(post) : undefined,
+          className: clsx('inline-block rounded-2xl px-4 py-2.5 text-[15px] leading-relaxed text-gray-900', 'whitespace-pre-wrap break-words border', BORDER_COLOR, isUser ? USER_BUBBLE_BG : ASSISTANT_BUBBLE_BG, onMessageClick && 'cursor-pointer'),
+          children: text
+        }), showTimestamp && timeLabel && jsx("div", {
+          className: "mt-0.5 text-[11px] text-gray-400",
+          children: timeLabel
+        })]
+      })]
+    })
+  });
+};export{DefaultMessageGroup};//# sourceMappingURL=DefaultMessageGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMessageGroup.js","sources":["../../../src/components/messages-container-ui/DefaultMessageGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"gEAIA,MAAM,mBAAmB,GAAG,UAAU;AACtC,MAAM,cAAc,GAAG,cAAc;AACrC,MAAM,YAAY,GAAG,iBAAiB;AAEtC;;;;;;;;;;AAUG;MACU,mBAAmB,GAAsC,CAAC;AAOnE,EAAA,QAAM;AACN,EAAA,cAAS;AAAE,EAAA,iBAAW,KAAC;YAEjB,QAAO;AACb,EAAA,gBAAY;AACZ,CAAA,KAAA;AACA,EAAA,MAAA,eAAmB,GAAE,CAAA,CAAA;MACrB,CAAA,IAAM,EAAA,OAAe,IAAO;AAC5B,EAAA,MAAA,WAAa,EAAkB,4BAAuB,EAAA,IAAA;AACtD,EAAA,MAAA,SAAa,IAAG,KAAM,MAAA,IAAU,IAAE,WAAa,IAAC,IAAA,EAAS,QAAQ,aAAC,KAAA,IAAA;QAClE,IAAM,GAAA,OAAY,IAAA,EAAA,YAAkB,QAAO,GAAA,IAAQ,CAAA,UAAW,EAAE;QAEhE,qBACS,IAAA,EAAS;qBAKM,CAAA,QAAA,IAAA,MAAA,CAAA,SAAA,IAAA,MAAA,CAAA,QAAA,KAAqD,MAAA,GAAA,KAAA,GAAA,WAAA,CAAA;AACrD,EAAA,MAAA,OAAA,GAAA,MAAA,CAAA,OAAA,IAAK,IAAK;AA2BtC,EAAE,MAAA,OAAA,GAAA,IAAA,EAAA,SAAA,GAAA,IAAA,IAAA,CAAA,IAAA,CAAA,SAAA,CAAA,GAAA,IAAA;AAEF,EAAA,MAAA,8BAAmC,CAAA,KAAA,CAAA,OAAA,CAAA,OAAA,EAAA,CAAA,GAAA,OAAA,CAAA,kBAAA,EAAA,GAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,WAAW,wBAAwB;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAChF,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/C,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,2EAA2E;IAC3E,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+FAA+F;IAC/F,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,iBAAiB,CAAC;IAC9C;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,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,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,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,iBAAiB,EAAE,6BAA6B,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAClG;;;OAGG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC;IAC1C,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6EAA6E;IAC7E,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAGtC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,yBAAyB,CAAC;IAClD,+FAA+F;IAC/F,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,wBAAwB,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC;CACtG;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,qBAAqB,EACrB,gCAAgC,EAChC,aAAqB,EACrB,QAAgB,EAChB,SAAiB,EACjB,MAAM,EACN,QAAgB,EAChB,UAAkB,EAClB,uBAA+B,EAC/B,iBAAyB,EACzB,gBAAwB,EACxB,cAAyB,EACzB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,aAAqB,EACrB,aAAqB,EACrB,aAAa,EACb,YAAY,EACZ,UAAU,EACV,KAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,2BAAkC,EAClC,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACnB,EAAE,wBAAwB,2CA2C1B;AAED,eAAe,mBAAmB,CAAC"}

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/PlanModeView.d.ts

@@ -0,0 +1,107 @@
+import React from 'react';
+import type { MessageGroupComponentType, PlanMessage } from './types';
+export interface PlanModeViewInputToolbarProps {
+    value: string;
+    onChange: (text: string) => void;
+    onSend: () => void;
+    disabled?: boolean;
+}
+export interface PlanModeViewProps {
+    messages: PlanMessage[];
+    streamingContent?: string;
+    currentUser: {
+        id: string;
+        name?: string;
+        avatar?: string;
+        [key: string]: any;
+    };
+    onSend: (text: string) => void;
+    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;
+    /**
+     * Optional ref for the scroll container element (defaults to the internal
+     * message list wrapper).
+     *
+     * If provided, it will be attached to the internal scroll container div
+     * (so parent code can read/scroll it).
+     */
+    scrollContainerRef?: React.Ref<HTMLDivElement>;
+    /** Optional className applied to the scroll container element. */
+    scrollContainerClassName?: string;
+    /** When true, hide the scrollbar visuals but keep it scrollable. */
+    hideScrollbar?: boolean;
+    contentClassName?: string;
+    postContainerClassName?: string;
+    /** Optional className applied to the root wrapper element. */
+    className?: string;
+    /** 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 toolbar; receives value, onChange, onSend, disabled.
+     * Defaults to {@link DefaultInputToolBar} (which wraps `@admin-layout/tailwind-ui`'s
+     * `InputToolBar`), so the base ships a working composer out of the box.
+     */
+    renderInputToolbar?: (props: PlanModeViewInputToolbarProps) => React.ReactNode;
+    /** Placeholder for the default input toolbar (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]).
+     * Lets the parent force scroll on each stream chunk when the internal ResizeObserver/layout effect miss.
+     */
+    scrollToBottomDeps?: React.DependencyList;
+    /** When true, fenced / raw code blocks show copy and download actions (default: true). */
+    showCopyDownloadOnCodeBlock?: boolean;
+    /**
+     * The message-group renderer. Each rendered group receives a single mapped post.
+     * Defaults to {@link DefaultMessageGroup} (plain-text bubbles) so the base works
+     * standalone. Inject a rich renderer (e.g. messenger-box's
+     * `ModernMessageGroupComponent`) to get markdown / code / widget-card rendering.
+     */
+    MessageGroupComponent?: MessageGroupComponentType;
+    /**
+     * Optional: how to render the in-flight streaming assistant content. Defaults to a
+     * plain-text bubble. Inject a richer renderer (markdown / code) if desired.
+     */
+    renderStreamingContent?: (content: string) => React.ReactNode;
+    /**
+     * Optional: override how a PlanMessage is mapped to the post shape handed to
+     * `MessageGroupComponent`. Defaults to {@link defaultPlanMessageToPost}.
+     */
+    mapMessageToPost?: (msg: PlanMessage, currentUser: PlanModeViewProps['currentUser']) => any;
+}
+/** Default mapping of a PlanMessage to the post-like shape expected by message-group renderers. */
+export declare function defaultPlanMessageToPost(msg: PlanMessage, currentUser: PlanModeViewProps['currentUser']): any;
+export declare function PlanModeView({ messages, streamingContent, currentUser, onSend, disabled, isLoading, onStop, showDate, showAvatar, showMessageBubbleBorder, useInternalScroll, scrollContainerRef, scrollContainerClassName, hideScrollbar, contentClassName, postContainerClassName, className, hideInputToolbar, inputPlacement, renderInputToolbar, inputPlaceholder, onOpen, onMessageClick, isDesktopView, isSmallScreen, sandboxErrors, currentFiles, onFixError, error, onRetry, renderEmptyState, scrollToBottomDeps, showCopyDownloadOnCodeBlock, MessageGroupComponent, renderStreamingContent, mapMessageToPost, }: PlanModeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PlanModeView.d.ts.map

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

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