@gram-ai/elements 1.12.0 → 1.13.1

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export { Chat } from './components/Chat';
 export { ToolUI, ToolUISection } from './components/ui/tool-ui';
 export type { ToolUIProps, ToolUISectionProps, ToolStatus, } from './components/ui/tool-ui';
 export type { ElementsConfig, ComposerConfig, AttachmentsConfig, ModalConfig, SidecarConfig, ToolsConfig, ModelConfig, ThemeConfig, WelcomeConfig, Suggestion, Model, ModalTriggerPosition, ColorScheme, Radius, Density, Variant, } from './types';
+export type { Plugin } from './types/plugins';

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import { MODELS } from '../lib/models';
-import { ToolCallMessagePartComponent } from '@assistant-ui/react';
-import { Dispatch, SetStateAction, ReactNode } from 'react';
+import { ImageMessagePartComponent, ReasoningGroupComponent, ReasoningMessagePartComponent, TextMessagePartComponent, ToolCallMessagePartComponent } from '@assistant-ui/react';
+import { ComponentType, Dispatch, PropsWithChildren, SetStateAction, ReactNode } from 'react';
 import { Plugin } from './plugins';
 export interface ElementsProviderProps {
     /**
@@ -20,7 +20,13 @@ export interface ElementsConfig {
      * The system prompt to use for the Elements library.
      */
     systemPrompt?: string;
+    /**
+     * Any plugins to use for the Elements library.
+     *
+     * @default import { recommended } from '@gram-ai/elements/plugins'
+     */
     plugins?: Plugin[];
+    components?: ComponentOverrides;
     /**
      * The project slug to use for the Elements library.
      */
@@ -155,6 +161,57 @@ export interface ThemeConfig {
      */
     radius?: Radius;
 }
+export interface ComponentOverrides {
+    /**
+     * The component to use for the composer (the input area where users type messages)
+     */
+    Composer?: ComponentType;
+    /**
+     * The component to use for the user message.
+     */
+    UserMessage?: ComponentType;
+    /**
+     * The component to use for the edit composer (inline message editor)
+     */
+    EditComposer?: ComponentType;
+    /**
+     * The component to use for the assistant message (messages generated by the LLM).
+     *
+     * Note: if you override this, the Text component will not be used.
+     */
+    AssistantMessage?: ComponentType;
+    /**
+     * The component to use for the thread welcome.
+     */
+    ThreadWelcome?: ComponentType;
+    /**
+     * The component to use for the text message.
+     */
+    Text?: TextMessagePartComponent;
+    /**
+     * The component to use for the image message.
+     */
+    Image?: ImageMessagePartComponent;
+    /**
+     * The component to use for the tool fallback (default UI shown when a tool returns a result).
+     */
+    ToolFallback?: ToolCallMessagePartComponent;
+    /**
+     * The component to use for the reasoning message.
+     */
+    Reasoning?: ReasoningMessagePartComponent;
+    /**
+     * The component to use for the reasoning group.
+     */
+    ReasoningGroup?: ReasoningGroupComponent;
+    /**
+     * The component to use for the tool group (a group of tool calls returned by the LLM in a single message).
+     */
+    ToolGroup?: ComponentType<PropsWithChildren<{
+        startIndex: number;
+        endIndex: number;
+    }>>;
+}
 /**
  * ToolsConfig is used to configure tool support in the Elements library.
  * At the moment, you can override the default React components used by

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gram-ai/elements",
   "description": "Gram Elements is a library of UI primitives for building chat-like experiences for MCP Servers.",
   "type": "module",
-  "version": "1.12.0",
+  "version": "1.13.1",
   "main": "dist/index.js",
   "exports": {
     ".": {