@tylertech/forge-ai-react 0.7.1 → 0.8.0

package/dist/ForgeAiChatInterface.d.ts

@@ -51,5 +51,6 @@ export interface ForgeAiChatInterfaceProps extends Pick<
  * - **suggestions** - Slot for AI suggestions component
  * - **attachments** - Slot for file attachments component
  * - **prompt** - Slot for AI prompt component
+ * - **confirmation** - Slot for confirmation prompt overlay
  */
 export const ForgeAiChatInterface: React.ForwardRefExoticComponent<ForgeAiChatInterfaceProps>;

package/dist/ForgeAiChatbot.d.ts

@@ -150,7 +150,7 @@ export interface ForgeAiChatbotProps extends Pick<
  * - **abort(): _void_** - Aborts the current streaming response.
  * - **scrollToBottom({ behavior }: _{ behavior?: ScrollBehavior }_): _Promise<void>_** - Scrolls the chat interface to the bottom.
  * - **getThreadState(): __** - Gets the complete serializable thread state including threadId and messages.
- * - **setThreadState(state: _ThreadState_): _void_** - Restores thread state from a serialized ThreadState object.
+ * - **setThreadState(state: _ThreadState_): _Promise<void>_** - Restores thread state from a serialized ThreadState object.
  *
  * ### **Slots:**
  *  - **header** - Slot for custom header content

package/dist/ForgeAiPrompt.d.ts

@@ -116,6 +116,8 @@ export interface ForgeAiPromptProps extends Pick<
  * ### **Methods:**
  *  - **addToHistory(message: _string_): _void_** - Adds a message to the input history for up/down arrow navigation.
  * Use this when sending messages externally (e.g., from suggestions).
+ * - **setHistory(messages: _string[]_): _void_** - Replaces the entire message history with the provided messages.
+ * Use this when restoring thread state from persistence.
  * - **closeSlashMenu(): _void_** - Closes the slash command menu
  * - **focus(): _void_** - Focuses the textarea element
  *

package/dist/ForgeAiUserMessage.d.ts

@@ -18,6 +18,12 @@ export interface ForgeAiUserMessageProps extends Pick<
   | "onFocus"
   | "onBlur"
 > {
+  /** undefined */
+  streaming?: boolean;
+
+  /** undefined */
+  messageId?: ForgeAiUserMessageElement["messageId"];
+
   /** A space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors or functions like the method `Document.getElementsByClassName()`. */
   className?: string;
 
@@ -38,11 +44,31 @@ export interface ForgeAiUserMessageProps extends Pick<
 
   /** Allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the `Tab` key, hence the name) and determine their relative ordering for sequential focus navigation. */
   tabIndex?: number;
+
+  /** Fired when user clicks copy button */
+  onForgeAiUserMessageCopy?: (
+    event: CustomEvent<CustomEvent<ForgeAiUserMessageCopyEventData>>,
+  ) => void;
+
+  /** Fired when user clicks resend button */
+  onForgeAiUserMessageResend?: (
+    event: CustomEvent<CustomEvent<ForgeAiUserMessageResendEventData>>,
+  ) => void;
+
+  /** Fired when user saves edited message */
+  onForgeAiUserMessageEdit?: (
+    event: CustomEvent<CustomEvent<ForgeAiUserMessageEditEventData>>,
+  ) => void;
 }
 
 /**
  *
  * ---
  *
+ *
+ * ### **Events:**
+ *  - **forge-ai-user-message-copy** - Fired when user clicks copy button
+ * - **forge-ai-user-message-resend** - Fired when user clicks resend button
+ * - **forge-ai-user-message-edit** - Fired when user saves edited message
  */
 export const ForgeAiUserMessage: React.ForwardRefExoticComponent<ForgeAiUserMessageProps>;

package/dist/ForgeAiUserMessage.js

@@ -1,16 +1,47 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useRef, useEffect } from "react";
 import "@tylertech/forge-ai/ai-user-message";
+import { useEventListener } from "./react-utils.js";
 
 export const ForgeAiUserMessage = forwardRef((props, forwardedRef) => {
+  const ref = useRef(null);
+  const { streaming, messageId, ...filteredProps } = props;
+
+  /** Event listeners - run once */
+  useEventListener(
+    ref,
+    "forge-ai-user-message-copy",
+    props.onForgeAiUserMessageCopy,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-user-message-resend",
+    props.onForgeAiUserMessageResend,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-user-message-edit",
+    props.onForgeAiUserMessageEdit,
+  );
+
   return React.createElement(
     "forge-ai-user-message",
     {
-      ...props,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      ...filteredProps,
+      "message-id": props.messageId || props["message-id"],
       class: props.className,
       exportparts: props.exportparts,
       for: props.htmlFor,
       part: props.part,
       tabindex: props.tabIndex,
+      streaming: props.streaming ? true : undefined,
       style: { ...props.style },
     },
     props.children,

package/dist/index.d.ts

@@ -1,15 +1,15 @@
 export * from "./ForgeAiActionsToolbar.js";
 export * from "./ForgeAiAgentInfo.js";
-export * from "./ForgeAiArtifact.js";
 export * from "./ForgeAiAssistantResponse.js";
-export * from "./ForgeAiAttachment.js";
+export * from "./ForgeAiArtifact.js";
 export * from "./ForgeAiButton.js";
-export * from "./ForgeAiChainOfThought.js";
+export * from "./ForgeAiAttachment.js";
 export * from "./ForgeAiChatHeader.js";
+export * from "./ForgeAiChainOfThought.js";
 export * from "./ForgeAiChatInterface.js";
-export * from "./ForgeAiConfirmationPrompt.js";
 export * from "./ForgeAiChatbotToolCall.js";
 export * from "./ForgeAiChatbot.js";
+export * from "./ForgeAiConfirmationPrompt.js";
 export * from "./ForgeAiDialog.js";
 export * from "./ForgeAiDropdownMenuItemGroup.js";
 export * from "./ForgeAiDropdownMenuItem.js";
@@ -17,8 +17,8 @@ export * from "./ForgeAiDropdownMenuSeparator.js";
 export * from "./ForgeAiDropdownMenu.js";
 export * from "./ForgeAiEmbeddedChat.js";
 export * from "./ForgeAiEmptyState.js";
-export * from "./ForgeAiEventStreamViewer.js";
 export * from "./ForgeAiErrorMessage.js";
+export * from "./ForgeAiEventStreamViewer.js";
 export * from "./ForgeAiFab.js";
 export * from "./ForgeAiFilePicker.js";
 export * from "./ForgeAiFloatingChat.js";
@@ -27,27 +27,27 @@ export * from "./ForgeAiIcon.js";
 export * from "./ForgeAiIconButton.js";
 export * from "./ForgeAiMessageThread.js";
 export * from "./ForgeAiModal.js";
-export * from "./ForgeAiReasoning.js";
 export * from "./ForgeAiPrompt.js";
+export * from "./ForgeAiReasoning.js";
 export * from "./ForgeAiReasoningHeader.js";
 export * from "./ForgeAiResponseMessage.js";
 export * from "./ForgeAiSidebar.js";
 export * from "./ForgeAiSidebarChat.js";
-export * from "./ForgeAiSuggestions.js";
 export * from "./ForgeAiSpinner.js";
 export * from "./ForgeAiSlashCommandMenu.js";
 export * from "./ForgeAiThinkingIndicator.js";
-export * from "./ForgeAiUserMessage.js";
 export * from "./ForgeAiThreads.js";
+export * from "./ForgeAiSuggestions.js";
+export * from "./ForgeAiUserMessage.js";
 export * from "./ForgeAiVoiceInput.js";
 export * from "./ForgeAiThoughtBase.js";
 export * from "./ForgeAiThoughtDetail.js";
 export * from "./ForgeAiThoughtImage.js";
-export * from "./ForgeAiReasoningContent.js";
 export * from "./ForgeAiThoughtSearchResult.js";
 export * from "./ForgePromptButton.js";
+export * from "./ForgeAiReasoningContent.js";
 export * from "./ForgeAiOverlay.js";
-export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiToolDataTable.js";
+export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiTooltip.js";
 export * from "./ForgeAiPaginator.js";

package/dist/index.js

@@ -1,15 +1,15 @@
 export * from "./ForgeAiActionsToolbar.js";
 export * from "./ForgeAiAgentInfo.js";
-export * from "./ForgeAiArtifact.js";
 export * from "./ForgeAiAssistantResponse.js";
-export * from "./ForgeAiAttachment.js";
+export * from "./ForgeAiArtifact.js";
 export * from "./ForgeAiButton.js";
-export * from "./ForgeAiChainOfThought.js";
+export * from "./ForgeAiAttachment.js";
 export * from "./ForgeAiChatHeader.js";
+export * from "./ForgeAiChainOfThought.js";
 export * from "./ForgeAiChatInterface.js";
-export * from "./ForgeAiConfirmationPrompt.js";
 export * from "./ForgeAiChatbotToolCall.js";
 export * from "./ForgeAiChatbot.js";
+export * from "./ForgeAiConfirmationPrompt.js";
 export * from "./ForgeAiDialog.js";
 export * from "./ForgeAiDropdownMenuItemGroup.js";
 export * from "./ForgeAiDropdownMenuItem.js";
@@ -17,8 +17,8 @@ export * from "./ForgeAiDropdownMenuSeparator.js";
 export * from "./ForgeAiDropdownMenu.js";
 export * from "./ForgeAiEmbeddedChat.js";
 export * from "./ForgeAiEmptyState.js";
-export * from "./ForgeAiEventStreamViewer.js";
 export * from "./ForgeAiErrorMessage.js";
+export * from "./ForgeAiEventStreamViewer.js";
 export * from "./ForgeAiFab.js";
 export * from "./ForgeAiFilePicker.js";
 export * from "./ForgeAiFloatingChat.js";
@@ -27,27 +27,27 @@ export * from "./ForgeAiIcon.js";
 export * from "./ForgeAiIconButton.js";
 export * from "./ForgeAiMessageThread.js";
 export * from "./ForgeAiModal.js";
-export * from "./ForgeAiReasoning.js";
 export * from "./ForgeAiPrompt.js";
+export * from "./ForgeAiReasoning.js";
 export * from "./ForgeAiReasoningHeader.js";
 export * from "./ForgeAiResponseMessage.js";
 export * from "./ForgeAiSidebar.js";
 export * from "./ForgeAiSidebarChat.js";
-export * from "./ForgeAiSuggestions.js";
 export * from "./ForgeAiSpinner.js";
 export * from "./ForgeAiSlashCommandMenu.js";
 export * from "./ForgeAiThinkingIndicator.js";
-export * from "./ForgeAiUserMessage.js";
 export * from "./ForgeAiThreads.js";
+export * from "./ForgeAiSuggestions.js";
+export * from "./ForgeAiUserMessage.js";
 export * from "./ForgeAiVoiceInput.js";
 export * from "./ForgeAiThoughtBase.js";
 export * from "./ForgeAiThoughtDetail.js";
 export * from "./ForgeAiThoughtImage.js";
-export * from "./ForgeAiReasoningContent.js";
 export * from "./ForgeAiThoughtSearchResult.js";
 export * from "./ForgePromptButton.js";
+export * from "./ForgeAiReasoningContent.js";
 export * from "./ForgeAiOverlay.js";
-export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiToolDataTable.js";
+export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiTooltip.js";
 export * from "./ForgeAiPaginator.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tylertech/forge-ai-react",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "A React adapter for Tyler Forge™ AI Web Components.",
   "repository": "tyler-technologies-oss/forge-ai",
   "author": "Tyler Technologies, Inc.",
@@ -16,7 +16,7 @@
   },
   "peerDependencies": {
     "react": ">=17.0.0",
-    "@tylertech/forge-ai": "^0.7.2"
+    "@tylertech/forge-ai": "^0.8.0"
   },
   "devDependencies": {
     "@repo/prettier-config": "",
@@ -44,7 +44,7 @@
     "typescript": "~5.8.3",
     "vite": "7.3.0",
     "vite-tsconfig-paths": "6.0.3",
-    "@tylertech/forge-ai": "^0.7.2"
+    "@tylertech/forge-ai": "^0.8.0"
   },
   "scripts": {
     "predev": "pnpm run build",