@tylertech/forge-ai-react 0.7.2 → 0.8.1

package/dist/ForgeAiAssistantResponse.d.ts

@@ -50,8 +50,8 @@ export interface ForgeAiAssistantResponseProps extends Pick<
     event: CustomEvent<CustomEvent<{ responseId: string }>>,
   ) => void;
 
-  /** Fired when refresh action is clicked */
-  onForgeAiAssistantResponseRefresh?: (
+  /** Fired when resend action is clicked */
+  onForgeAiAssistantResponseResend?: (
     event: CustomEvent<CustomEvent<{ responseId: string }>>,
   ) => void;
 
@@ -73,7 +73,7 @@ export interface ForgeAiAssistantResponseProps extends Pick<
  *
  * ### **Events:**
  *  - **forge-ai-assistant-response-copy** - Fired when copy action is clicked
- * - **forge-ai-assistant-response-refresh** - Fired when refresh action is clicked
+ * - **forge-ai-assistant-response-resend** - Fired when resend action is clicked
  * - **forge-ai-assistant-response-thumbs-up** - Fired when thumbs up is clicked
  * - **forge-ai-assistant-response-thumbs-down** - Fired when thumbs down is clicked
  */

package/dist/ForgeAiAssistantResponse.js

@@ -14,8 +14,8 @@ export const ForgeAiAssistantResponse = forwardRef((props, forwardedRef) => {
   );
   useEventListener(
     ref,
-    "forge-ai-assistant-response-refresh",
-    props.onForgeAiAssistantResponseRefresh,
+    "forge-ai-assistant-response-resend",
+    props.onForgeAiAssistantResponseResend,
   );
   useEventListener(
     ref,

package/dist/ForgeAiMessageThread.d.ts

@@ -56,9 +56,9 @@ export interface ForgeAiMessageThreadProps extends Pick<
     event: CustomEvent<CustomEvent<ForgeAiMessageThreadCopyEventData>>,
   ) => void;
 
-  /** Fired when user clicks refresh on a message */
-  onForgeAiMessageThreadRefresh?: (
-    event: CustomEvent<CustomEvent<ForgeAiMessageThreadRefreshEventData>>,
+  /** Fired when user clicks resend on a message */
+  onForgeAiMessageThreadResend?: (
+    event: CustomEvent<CustomEvent<ForgeAiMessageThreadResendEventData>>,
   ) => void;
 
   /** Fired when user gives thumbs up */
@@ -79,7 +79,7 @@ export interface ForgeAiMessageThreadProps extends Pick<
  *
  * ### **Events:**
  *  - **forge-ai-message-thread-copy** - Fired when user clicks copy on a message
- * - **forge-ai-message-thread-refresh** - Fired when user clicks refresh on a message
+ * - **forge-ai-message-thread-resend** - Fired when user clicks resend on a message
  * - **forge-ai-message-thread-thumbs-up** - Fired when user gives thumbs up
  * - **forge-ai-message-thread-thumbs-down** - Fired when user gives thumbs down
  *

package/dist/ForgeAiMessageThread.js

@@ -20,8 +20,8 @@ export const ForgeAiMessageThread = forwardRef((props, forwardedRef) => {
   );
   useEventListener(
     ref,
-    "forge-ai-message-thread-refresh",
-    props.onForgeAiMessageThreadRefresh,
+    "forge-ai-message-thread-resend",
+    props.onForgeAiMessageThreadResend,
   );
   useEventListener(
     ref,

package/dist/{ForgeAiActionsToolbar.d.ts → ForgeAiResponseMessageToolbar.d.ts}

@@ -1,9 +1,9 @@
 import React from "react";
-import { ForgeAiActionsToolbar as ForgeAiActionsToolbarElement } from "@tylertech/forge-ai/ai-actions-toolbar";
+import { ForgeAiResponseMessageToolbar as ForgeAiResponseMessageToolbarElement } from "@tylertech/forge-ai/ai-response-message-toolbar";
 
-export type { ForgeAiActionsToolbarElement };
+export type { ForgeAiResponseMessageToolbarElement };
 
-export interface ForgeAiActionsToolbarProps extends Pick<
+export interface ForgeAiResponseMessageToolbarProps extends Pick<
   React.AllHTMLAttributes<HTMLElement>,
   | "children"
   | "dir"
@@ -22,7 +22,10 @@ export interface ForgeAiActionsToolbarProps extends Pick<
   enableReactions?: boolean;
 
   /** undefined */
-  feedbackType?: ForgeAiActionsToolbarElement["feedbackType"];
+  feedbackType?: ForgeAiResponseMessageToolbarElement["feedbackType"];
+
+  /** undefined */
+  feedbackReason?: ForgeAiResponseMessageToolbarElement["feedbackReason"];
 
   /** 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;
@@ -46,13 +49,17 @@ export interface ForgeAiActionsToolbarProps extends Pick<
   tabIndex?: number;
 
   /** Fired when an action button is clicked. The detail contains the action type. */
-  onForgeAiActionsToolbarAction?: (
-    event: CustomEvent<CustomEvent<ForgeAiActionsToolbarActionEventData>>,
+  onForgeAiResponseMessageToolbarAction?: (
+    event: CustomEvent<
+      CustomEvent<ForgeAiResponseMessageToolbarActionEventData>
+    >,
   ) => void;
 
   /** Fired when feedback is submitted. The detail contains the action and optional feedback text. */
-  onForgeAiActionsToolbarFeedback?: (
-    event: CustomEvent<CustomEvent<ForgeAiActionsToolbarFeedbackEventData>>,
+  onForgeAiResponseMessageToolbarFeedback?: (
+    event: CustomEvent<
+      CustomEvent<ForgeAiResponseMessageToolbarFeedbackEventData>
+    >,
   ) => void;
 }
 
@@ -62,7 +69,7 @@ export interface ForgeAiActionsToolbarProps extends Pick<
  *
  *
  * ### **Events:**
- *  - **forge-ai-actions-toolbar-action** - Fired when an action button is clicked. The detail contains the action type.
- * - **forge-ai-actions-toolbar-feedback** - Fired when feedback is submitted. The detail contains the action and optional feedback text.
+ *  - **forge-ai-response-message-toolbar-action** - Fired when an action button is clicked. The detail contains the action type.
+ * - **forge-ai-response-message-toolbar-feedback** - Fired when feedback is submitted. The detail contains the action and optional feedback text.
  */
-export const ForgeAiActionsToolbar: React.ForwardRefExoticComponent<ForgeAiActionsToolbarProps>;
+export const ForgeAiResponseMessageToolbar: React.ForwardRefExoticComponent<ForgeAiResponseMessageToolbarProps>;

package/dist/ForgeAiResponseMessageToolbar.js

@@ -0,0 +1,48 @@
+import React, { forwardRef, useRef, useEffect } from "react";
+import "@tylertech/forge-ai/ai-response-message-toolbar";
+import { useEventListener } from "./react-utils.js";
+
+export const ForgeAiResponseMessageToolbar = forwardRef(
+  (props, forwardedRef) => {
+    const ref = useRef(null);
+    const { enableReactions, feedbackType, feedbackReason, ...filteredProps } =
+      props;
+
+    /** Event listeners - run once */
+    useEventListener(
+      ref,
+      "forge-ai-response-message-toolbar-action",
+      props.onForgeAiResponseMessageToolbarAction,
+    );
+    useEventListener(
+      ref,
+      "forge-ai-response-message-toolbar-feedback",
+      props.onForgeAiResponseMessageToolbarFeedback,
+    );
+
+    return React.createElement(
+      "forge-ai-response-message-toolbar",
+      {
+        ref: (node) => {
+          ref.current = node;
+          if (typeof forwardedRef === "function") {
+            forwardedRef(node);
+          } else if (forwardedRef) {
+            forwardedRef.current = node;
+          }
+        },
+        ...filteredProps,
+        "feedback-type": props.feedbackType || props["feedback-type"],
+        "feedback-reason": props.feedbackReason || props["feedback-reason"],
+        class: props.className,
+        exportparts: props.exportparts,
+        for: props.htmlFor,
+        part: props.part,
+        tabindex: props.tabIndex,
+        "enable-reactions": props.enableReactions ? true : undefined,
+        style: { ...props.style },
+      },
+      props.children,
+    );
+  },
+);

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

@@ -0,0 +1,71 @@
+import React from "react";
+import { ForgeAiUserMessageToolbar as ForgeAiUserMessageToolbarElement } from "@tylertech/forge-ai/ai-user-message-toolbar";
+
+export type { ForgeAiUserMessageToolbarElement };
+
+export interface ForgeAiUserMessageToolbarProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
+  /** undefined */
+  streaming?: boolean;
+
+  /** 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;
+
+  /** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
+  exportparts?: string;
+
+  /** Used for labels to link them with their inputs (using input id). */
+  htmlFor?: string;
+
+  /** Used to help React identify which items have changed, are added, or are removed within a list. */
+  key?: number | string;
+
+  /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
+  part?: string;
+
+  /** A mutable ref object whose `.current` property is initialized to the passed argument (`initialValue`). The returned object will persist for the full lifetime of the component. */
+  ref?: any;
+
+  /** 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 copy button is clicked */
+  onForgeAiUserMessageToolbarCopy?: (
+    event: CustomEvent<CustomEvent<void>>,
+  ) => void;
+
+  /** Fired when resend button is clicked */
+  onForgeAiUserMessageToolbarResend?: (
+    event: CustomEvent<CustomEvent<void>>,
+  ) => void;
+
+  /** Fired when edit button is clicked */
+  onForgeAiUserMessageToolbarEdit?: (
+    event: CustomEvent<CustomEvent<void>>,
+  ) => void;
+}
+
+/**
+ * Toolbar for user message actions including copy, resend, and edit.
+ * ---
+ *
+ *
+ * ### **Events:**
+ *  - **forge-ai-user-message-toolbar-copy** - Fired when copy button is clicked
+ * - **forge-ai-user-message-toolbar-resend** - Fired when resend button is clicked
+ * - **forge-ai-user-message-toolbar-edit** - Fired when edit button is clicked
+ */
+export const ForgeAiUserMessageToolbar: React.ForwardRefExoticComponent<ForgeAiUserMessageToolbarProps>;

package/dist/{ForgeAiActionsToolbar.js → ForgeAiUserMessageToolbar.js}

@@ -1,25 +1,30 @@
 import React, { forwardRef, useRef, useEffect } from "react";
-import "@tylertech/forge-ai/ai-actions-toolbar";
+import "@tylertech/forge-ai/ai-user-message-toolbar";
 import { useEventListener } from "./react-utils.js";
 
-export const ForgeAiActionsToolbar = forwardRef((props, forwardedRef) => {
+export const ForgeAiUserMessageToolbar = forwardRef((props, forwardedRef) => {
   const ref = useRef(null);
-  const { enableReactions, feedbackType, ...filteredProps } = props;
+  const { streaming, ...filteredProps } = props;
 
   /** Event listeners - run once */
   useEventListener(
     ref,
-    "forge-ai-actions-toolbar-action",
-    props.onForgeAiActionsToolbarAction,
+    "forge-ai-user-message-toolbar-copy",
+    props.onForgeAiUserMessageToolbarCopy,
   );
   useEventListener(
     ref,
-    "forge-ai-actions-toolbar-feedback",
-    props.onForgeAiActionsToolbarFeedback,
+    "forge-ai-user-message-toolbar-resend",
+    props.onForgeAiUserMessageToolbarResend,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-user-message-toolbar-edit",
+    props.onForgeAiUserMessageToolbarEdit,
   );
 
   return React.createElement(
-    "forge-ai-actions-toolbar",
+    "forge-ai-user-message-toolbar",
     {
       ref: (node) => {
         ref.current = node;
@@ -30,13 +35,12 @@ export const ForgeAiActionsToolbar = forwardRef((props, forwardedRef) => {
         }
       },
       ...filteredProps,
-      "feedback-type": props.feedbackType || props["feedback-type"],
       class: props.className,
       exportparts: props.exportparts,
       for: props.htmlFor,
       part: props.part,
       tabindex: props.tabIndex,
-      "enable-reactions": props.enableReactions ? true : undefined,
+      streaming: props.streaming ? true : undefined,
       style: { ...props.style },
     },
     props.children,

package/dist/index.d.ts

@@ -1,11 +1,10 @@
-export * from "./ForgeAiActionsToolbar.js";
 export * from "./ForgeAiAgentInfo.js";
-export * from "./ForgeAiArtifact.js";
 export * from "./ForgeAiAssistantResponse.js";
+export * from "./ForgeAiArtifact.js";
 export * from "./ForgeAiAttachment.js";
 export * from "./ForgeAiButton.js";
-export * from "./ForgeAiChatHeader.js";
 export * from "./ForgeAiChainOfThought.js";
+export * from "./ForgeAiChatHeader.js";
 export * from "./ForgeAiChatInterface.js";
 export * from "./ForgeAiConfirmationPrompt.js";
 export * from "./ForgeAiChatbotToolCall.js";
@@ -24,22 +23,24 @@ export * from "./ForgeAiFilePicker.js";
 export * from "./ForgeAiFloatingChat.js";
 export * from "./ForgeAiGradientContainer.js";
 export * from "./ForgeAiIcon.js";
-export * from "./ForgeAiMessageThread.js";
 export * from "./ForgeAiIconButton.js";
+export * from "./ForgeAiMessageThread.js";
 export * from "./ForgeAiModal.js";
 export * from "./ForgeAiPrompt.js";
-export * from "./ForgeAiReasoningHeader.js";
 export * from "./ForgeAiReasoning.js";
+export * from "./ForgeAiReasoningHeader.js";
 export * from "./ForgeAiResponseMessage.js";
+export * from "./ForgeAiResponseMessageToolbar.js";
 export * from "./ForgeAiSidebar.js";
 export * from "./ForgeAiSidebarChat.js";
 export * from "./ForgeAiSlashCommandMenu.js";
 export * from "./ForgeAiSpinner.js";
 export * from "./ForgeAiSuggestions.js";
 export * from "./ForgeAiThinkingIndicator.js";
+export * from "./ForgeAiUserMessage.js";
 export * from "./ForgeAiThreads.js";
+export * from "./ForgeAiUserMessageToolbar.js";
 export * from "./ForgeAiVoiceInput.js";
-export * from "./ForgeAiUserMessage.js";
 export * from "./ForgeAiThoughtBase.js";
 export * from "./ForgeAiThoughtDetail.js";
 export * from "./ForgeAiThoughtImage.js";
@@ -49,5 +50,5 @@ export * from "./ForgeAiReasoningContent.js";
 export * from "./ForgeAiOverlay.js";
 export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiTooltip.js";
-export * from "./ForgeAiToolDataTable.js";
 export * from "./ForgeAiPaginator.js";
+export * from "./ForgeAiToolDataTable.js";

package/dist/index.js

@@ -1,11 +1,10 @@
-export * from "./ForgeAiActionsToolbar.js";
 export * from "./ForgeAiAgentInfo.js";
-export * from "./ForgeAiArtifact.js";
 export * from "./ForgeAiAssistantResponse.js";
+export * from "./ForgeAiArtifact.js";
 export * from "./ForgeAiAttachment.js";
 export * from "./ForgeAiButton.js";
-export * from "./ForgeAiChatHeader.js";
 export * from "./ForgeAiChainOfThought.js";
+export * from "./ForgeAiChatHeader.js";
 export * from "./ForgeAiChatInterface.js";
 export * from "./ForgeAiConfirmationPrompt.js";
 export * from "./ForgeAiChatbotToolCall.js";
@@ -24,22 +23,24 @@ export * from "./ForgeAiFilePicker.js";
 export * from "./ForgeAiFloatingChat.js";
 export * from "./ForgeAiGradientContainer.js";
 export * from "./ForgeAiIcon.js";
-export * from "./ForgeAiMessageThread.js";
 export * from "./ForgeAiIconButton.js";
+export * from "./ForgeAiMessageThread.js";
 export * from "./ForgeAiModal.js";
 export * from "./ForgeAiPrompt.js";
-export * from "./ForgeAiReasoningHeader.js";
 export * from "./ForgeAiReasoning.js";
+export * from "./ForgeAiReasoningHeader.js";
 export * from "./ForgeAiResponseMessage.js";
+export * from "./ForgeAiResponseMessageToolbar.js";
 export * from "./ForgeAiSidebar.js";
 export * from "./ForgeAiSidebarChat.js";
 export * from "./ForgeAiSlashCommandMenu.js";
 export * from "./ForgeAiSpinner.js";
 export * from "./ForgeAiSuggestions.js";
 export * from "./ForgeAiThinkingIndicator.js";
+export * from "./ForgeAiUserMessage.js";
 export * from "./ForgeAiThreads.js";
+export * from "./ForgeAiUserMessageToolbar.js";
 export * from "./ForgeAiVoiceInput.js";
-export * from "./ForgeAiUserMessage.js";
 export * from "./ForgeAiThoughtBase.js";
 export * from "./ForgeAiThoughtDetail.js";
 export * from "./ForgeAiThoughtImage.js";
@@ -49,5 +50,5 @@ export * from "./ForgeAiReasoningContent.js";
 export * from "./ForgeAiOverlay.js";
 export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiTooltip.js";
-export * from "./ForgeAiToolDataTable.js";
 export * from "./ForgeAiPaginator.js";
+export * from "./ForgeAiToolDataTable.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tylertech/forge-ai-react",
-  "version": "0.7.2",
+  "version": "0.8.1",
   "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.3"
+    "@tylertech/forge-ai": "^0.8.1"
   },
   "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.3"
+    "@tylertech/forge-ai": "^0.8.1"
   },
   "scripts": {
     "predev": "pnpm run build",