@tylertech/forge-ai-react 0.6.1 → 0.7.1

package/dist/ForgeAiActionsToolbar.d.ts

@@ -21,6 +21,9 @@ export interface ForgeAiActionsToolbarProps extends Pick<
   /** undefined */
   enableReactions?: boolean;
 
+  /** undefined */
+  feedbackType?: ForgeAiActionsToolbarElement["feedbackType"];
+
   /** 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;
 

package/dist/ForgeAiActionsToolbar.js

@@ -4,7 +4,7 @@ import { useEventListener } from "./react-utils.js";
 
 export const ForgeAiActionsToolbar = forwardRef((props, forwardedRef) => {
   const ref = useRef(null);
-  const { enableReactions, ...filteredProps } = props;
+  const { enableReactions, feedbackType, ...filteredProps } = props;
 
   /** Event listeners - run once */
   useEventListener(
@@ -30,6 +30,7 @@ export const ForgeAiActionsToolbar = forwardRef((props, forwardedRef) => {
         }
       },
       ...filteredProps,
+      "feedback-type": props.feedbackType || props["feedback-type"],
       class: props.className,
       exportparts: props.exportparts,
       for: props.htmlFor,

package/dist/ForgeAiAssistantResponse.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+import { ForgeAiAssistantResponse as ForgeAiAssistantResponseElement } from "@tylertech/forge-ai/ai-assistant-response";
+
+export type { ForgeAiAssistantResponseElement };
+
+export interface ForgeAiAssistantResponseProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
+  /** undefined */
+  enableReactions?: boolean;
+
+  /** undefined */
+  debugMode?: 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 action is clicked */
+  onForgeAiAssistantResponseCopy?: (
+    event: CustomEvent<CustomEvent<{ responseId: string }>>,
+  ) => void;
+
+  /** Fired when refresh action is clicked */
+  onForgeAiAssistantResponseRefresh?: (
+    event: CustomEvent<CustomEvent<{ responseId: string }>>,
+  ) => void;
+
+  /** Fired when thumbs up is clicked */
+  onForgeAiAssistantResponseThumbsUp?: (
+    event: CustomEvent<CustomEvent<ForgeAiAssistantResponseFeedbackEventData>>,
+  ) => void;
+
+  /** Fired when thumbs down is clicked */
+  onForgeAiAssistantResponseThumbsDown?: (
+    event: CustomEvent<CustomEvent<ForgeAiAssistantResponseFeedbackEventData>>,
+  ) => void;
+}
+
+/**
+ * Renders a complete assistant response with interleaved text chunks and tool calls.
+ * ---
+ *
+ *
+ * ### **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-thumbs-up** - Fired when thumbs up is clicked
+ * - **forge-ai-assistant-response-thumbs-down** - Fired when thumbs down is clicked
+ */
+export const ForgeAiAssistantResponse: React.ForwardRefExoticComponent<ForgeAiAssistantResponseProps>;

package/dist/ForgeAiAssistantResponse.js

@@ -0,0 +1,54 @@
+import React, { forwardRef, useRef, useEffect } from "react";
+import "@tylertech/forge-ai/ai-assistant-response";
+import { useEventListener } from "./react-utils.js";
+
+export const ForgeAiAssistantResponse = forwardRef((props, forwardedRef) => {
+  const ref = useRef(null);
+  const { enableReactions, debugMode, ...filteredProps } = props;
+
+  /** Event listeners - run once */
+  useEventListener(
+    ref,
+    "forge-ai-assistant-response-copy",
+    props.onForgeAiAssistantResponseCopy,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-assistant-response-refresh",
+    props.onForgeAiAssistantResponseRefresh,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-assistant-response-thumbs-up",
+    props.onForgeAiAssistantResponseThumbsUp,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-assistant-response-thumbs-down",
+    props.onForgeAiAssistantResponseThumbsDown,
+  );
+
+  return React.createElement(
+    "forge-ai-assistant-response",
+    {
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      ...filteredProps,
+      class: props.className,
+      exportparts: props.exportparts,
+      for: props.htmlFor,
+      part: props.part,
+      tabindex: props.tabIndex,
+      "enable-reactions": props.enableReactions ? true : undefined,
+      "debug-mode": props.debugMode ? true : undefined,
+      style: { ...props.style },
+    },
+    props.children,
+  );
+});

package/dist/ForgeAiChatbot.d.ts

@@ -39,6 +39,9 @@ export interface ForgeAiChatbotProps extends Pick<
   /** undefined */
   voiceInput?: ForgeAiChatbotElement["voiceInput"];
 
+  /** undefined */
+  debugCommand?: ForgeAiChatbotElement["debugCommand"];
+
   /** undefined */
   placeholder?: ForgeAiChatbotElement["placeholder"];
 
@@ -51,6 +54,9 @@ export interface ForgeAiChatbotProps extends Pick<
   /** Controls the heading level for the title content (default: 2) */
   headingLevel?: ForgeAiChatbotElement["headingLevel"];
 
+  /** The disclaimer text to display below the prompt. Set to empty string, null, or undefined to hide. */
+  disclaimerText?: ForgeAiChatbotElement["disclaimerText"];
+
   /** 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;
 
@@ -111,6 +117,11 @@ export interface ForgeAiChatbotProps extends Pick<
 
   /** Fired when header info option is selected */
   onForgeAiChatbotInfo?: (event: CustomEvent<CustomEvent<void>>) => void;
+
+  /** Fired when user provides feedback on a response (thumbs up/down) */
+  onForgeAiChatbotResponseFeedback?: (
+    event: CustomEvent<CustomEvent<ForgeAiChatbotResponseFeedbackEventData>>,
+  ) => void;
 }
 
 /**
@@ -129,6 +140,7 @@ export interface ForgeAiChatbotProps extends Pick<
  * - **forge-ai-chatbot-minimize** - Fired when header minimize button is clicked
  * - **forge-ai-chatbot-clear** - Fired when header clear option is selected (cancelable, prevents clearMessages() if default prevented)
  * - **forge-ai-chatbot-info** - Fired when header info option is selected
+ * - **forge-ai-chatbot-response-feedback** - Fired when user provides feedback on a response (thumbs up/down)
  *
  * ### **Methods:**
  *  - **clearMessages(): _void_** - Clears all messages from the chat history.

package/dist/ForgeAiChatbot.js

@@ -12,10 +12,12 @@ export const ForgeAiChatbot = forwardRef((props, forwardedRef) => {
     debugMode,
     fileUpload,
     voiceInput,
+    debugCommand,
     placeholder,
     minimizeIcon,
     titleText,
     headingLevel,
+    disclaimerText,
     ...filteredProps
   } = props;
 
@@ -58,6 +60,11 @@ export const ForgeAiChatbot = forwardRef((props, forwardedRef) => {
   );
   useEventListener(ref, "forge-ai-chatbot-clear", props.onForgeAiChatbotClear);
   useEventListener(ref, "forge-ai-chatbot-info", props.onForgeAiChatbotInfo);
+  useEventListener(
+    ref,
+    "forge-ai-chatbot-response-feedback",
+    props.onForgeAiChatbotResponseFeedback,
+  );
 
   return React.createElement(
     "forge-ai-chatbot",
@@ -73,10 +80,12 @@ export const ForgeAiChatbot = forwardRef((props, forwardedRef) => {
       ...filteredProps,
       "file-upload": props.fileUpload || props["file-upload"],
       "voice-input": props.voiceInput || props["voice-input"],
+      "debug-command": props.debugCommand || props["debug-command"],
       placeholder: props.placeholder,
       "minimize-icon": props.minimizeIcon || props["minimize-icon"],
       "title-text": props.titleText || props["title-text"],
       "heading-level": props.headingLevel || props["heading-level"],
+      "disclaimer-text": props.disclaimerText || props["disclaimer-text"],
       class: props.className,
       exportparts: props.exportparts,
       for: props.htmlFor,

package/dist/ForgeAiPrompt.d.ts

@@ -114,7 +114,9 @@ export interface ForgeAiPromptProps extends Pick<
  * - **forge-ai-prompt-debug-toggle** - Fired when the debug icon button is clicked.
  *
  * ### **Methods:**
- *  - **closeSlashMenu(): _void_** - Closes the slash command menu
+ *  - **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).
+ * - **closeSlashMenu(): _void_** - Closes the slash command menu
  * - **focus(): _void_** - Focuses the textarea element
  *
  * ### **Slots:**

package/dist/ForgeAiResponseMessage.d.ts

@@ -18,15 +18,6 @@ export interface ForgeAiResponseMessageProps extends Pick<
   | "onFocus"
   | "onBlur"
 > {
-  /** Whether the message is complete. Toolbar only shows when true. */
-  complete?: boolean;
-
-  /** undefined */
-  enableReactions?: boolean;
-
-  /** undefined */
-  hasDebugData?: 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;
 
@@ -47,37 +38,11 @@ export interface ForgeAiResponseMessageProps 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 copy action is clicked. */
-  onForgeAiResponseMessageCopy?: (
-    event: CustomEvent<CustomEvent<void>>,
-  ) => void;
-
-  /** Fired when refresh action is clicked. */
-  onForgeAiResponseMessageRefresh?: (
-    event: CustomEvent<CustomEvent<void>>,
-  ) => void;
-
-  /** Fired when thumbs-up action is clicked. */
-  onForgeAiResponseMessageThumbsUp?: (
-    event: CustomEvent<CustomEvent<void>>,
-  ) => void;
-
-  /** Fired when thumbs-down action is clicked. */
-  onForgeAiResponseMessageThumbsDown?: (
-    event: CustomEvent<CustomEvent<void>>,
-  ) => void;
 }
 
 /**
- *
+ * A simple wrapper component for rendering assistant response message content.
  * ---
  *
- *
- * ### **Events:**
- *  - **forge-ai-response-message-copy** - Fired when copy action is clicked.
- * - **forge-ai-response-message-refresh** - Fired when refresh action is clicked.
- * - **forge-ai-response-message-thumbs-up** - Fired when thumbs-up action is clicked.
- * - **forge-ai-response-message-thumbs-down** - Fired when thumbs-down action is clicked.
  */
 export const ForgeAiResponseMessage: React.ForwardRefExoticComponent<ForgeAiResponseMessageProps>;

package/dist/ForgeAiResponseMessage.js

@@ -1,53 +1,16 @@
-import React, { forwardRef, useRef, useEffect } from "react";
+import React, { forwardRef } from "react";
 import "@tylertech/forge-ai/ai-response-message";
-import { useEventListener } from "./react-utils.js";
 
 export const ForgeAiResponseMessage = forwardRef((props, forwardedRef) => {
-  const ref = useRef(null);
-  const { complete, enableReactions, hasDebugData, ...filteredProps } = props;
-
-  /** Event listeners - run once */
-  useEventListener(
-    ref,
-    "forge-ai-response-message-copy",
-    props.onForgeAiResponseMessageCopy,
-  );
-  useEventListener(
-    ref,
-    "forge-ai-response-message-refresh",
-    props.onForgeAiResponseMessageRefresh,
-  );
-  useEventListener(
-    ref,
-    "forge-ai-response-message-thumbs-up",
-    props.onForgeAiResponseMessageThumbsUp,
-  );
-  useEventListener(
-    ref,
-    "forge-ai-response-message-thumbs-down",
-    props.onForgeAiResponseMessageThumbsDown,
-  );
-
   return React.createElement(
     "forge-ai-response-message",
     {
-      ref: (node) => {
-        ref.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
-      ...filteredProps,
+      ...props,
       class: props.className,
       exportparts: props.exportparts,
       for: props.htmlFor,
       part: props.part,
       tabindex: props.tabIndex,
-      complete: props.complete ? true : undefined,
-      "enable-reactions": props.enableReactions ? true : undefined,
-      "has-debug-data": props.hasDebugData ? true : undefined,
       style: { ...props.style },
     },
     props.children,

package/dist/index.d.ts

@@ -1,14 +1,15 @@
 export * from "./ForgeAiActionsToolbar.js";
 export * from "./ForgeAiAgentInfo.js";
 export * from "./ForgeAiArtifact.js";
+export * from "./ForgeAiAssistantResponse.js";
 export * from "./ForgeAiAttachment.js";
-export * from "./ForgeAiChainOfThought.js";
 export * from "./ForgeAiButton.js";
+export * from "./ForgeAiChainOfThought.js";
 export * from "./ForgeAiChatHeader.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";
@@ -16,8 +17,8 @@ export * from "./ForgeAiDropdownMenuSeparator.js";
 export * from "./ForgeAiDropdownMenu.js";
 export * from "./ForgeAiEmbeddedChat.js";
 export * from "./ForgeAiEmptyState.js";
-export * from "./ForgeAiErrorMessage.js";
 export * from "./ForgeAiEventStreamViewer.js";
+export * from "./ForgeAiErrorMessage.js";
 export * from "./ForgeAiFab.js";
 export * from "./ForgeAiFilePicker.js";
 export * from "./ForgeAiFloatingChat.js";
@@ -26,27 +27,27 @@ export * from "./ForgeAiIcon.js";
 export * from "./ForgeAiIconButton.js";
 export * from "./ForgeAiMessageThread.js";
 export * from "./ForgeAiModal.js";
-export * from "./ForgeAiPrompt.js";
 export * from "./ForgeAiReasoning.js";
-export * from "./ForgeAiResponseMessage.js";
-export * from "./ForgeAiSlashCommandMenu.js";
+export * from "./ForgeAiPrompt.js";
 export * from "./ForgeAiReasoningHeader.js";
+export * from "./ForgeAiResponseMessage.js";
 export * from "./ForgeAiSidebar.js";
-export * from "./ForgeAiSpinner.js";
 export * from "./ForgeAiSidebarChat.js";
 export * from "./ForgeAiSuggestions.js";
+export * from "./ForgeAiSpinner.js";
+export * from "./ForgeAiSlashCommandMenu.js";
 export * from "./ForgeAiThinkingIndicator.js";
-export * from "./ForgeAiThreads.js";
 export * from "./ForgeAiUserMessage.js";
+export * from "./ForgeAiThreads.js";
 export * from "./ForgeAiVoiceInput.js";
-export * from "./ForgeAiThoughtDetail.js";
 export * from "./ForgeAiThoughtBase.js";
+export * from "./ForgeAiThoughtDetail.js";
 export * from "./ForgeAiThoughtImage.js";
-export * from "./ForgeAiThoughtSearchResult.js";
 export * from "./ForgeAiReasoningContent.js";
+export * from "./ForgeAiThoughtSearchResult.js";
 export * from "./ForgePromptButton.js";
-export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiOverlay.js";
-export * from "./ForgeAiTooltip.js";
+export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiToolDataTable.js";
+export * from "./ForgeAiTooltip.js";
 export * from "./ForgeAiPaginator.js";

package/dist/index.js

@@ -1,14 +1,15 @@
 export * from "./ForgeAiActionsToolbar.js";
 export * from "./ForgeAiAgentInfo.js";
 export * from "./ForgeAiArtifact.js";
+export * from "./ForgeAiAssistantResponse.js";
 export * from "./ForgeAiAttachment.js";
-export * from "./ForgeAiChainOfThought.js";
 export * from "./ForgeAiButton.js";
+export * from "./ForgeAiChainOfThought.js";
 export * from "./ForgeAiChatHeader.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";
@@ -16,8 +17,8 @@ export * from "./ForgeAiDropdownMenuSeparator.js";
 export * from "./ForgeAiDropdownMenu.js";
 export * from "./ForgeAiEmbeddedChat.js";
 export * from "./ForgeAiEmptyState.js";
-export * from "./ForgeAiErrorMessage.js";
 export * from "./ForgeAiEventStreamViewer.js";
+export * from "./ForgeAiErrorMessage.js";
 export * from "./ForgeAiFab.js";
 export * from "./ForgeAiFilePicker.js";
 export * from "./ForgeAiFloatingChat.js";
@@ -26,27 +27,27 @@ export * from "./ForgeAiIcon.js";
 export * from "./ForgeAiIconButton.js";
 export * from "./ForgeAiMessageThread.js";
 export * from "./ForgeAiModal.js";
-export * from "./ForgeAiPrompt.js";
 export * from "./ForgeAiReasoning.js";
-export * from "./ForgeAiResponseMessage.js";
-export * from "./ForgeAiSlashCommandMenu.js";
+export * from "./ForgeAiPrompt.js";
 export * from "./ForgeAiReasoningHeader.js";
+export * from "./ForgeAiResponseMessage.js";
 export * from "./ForgeAiSidebar.js";
-export * from "./ForgeAiSpinner.js";
 export * from "./ForgeAiSidebarChat.js";
 export * from "./ForgeAiSuggestions.js";
+export * from "./ForgeAiSpinner.js";
+export * from "./ForgeAiSlashCommandMenu.js";
 export * from "./ForgeAiThinkingIndicator.js";
-export * from "./ForgeAiThreads.js";
 export * from "./ForgeAiUserMessage.js";
+export * from "./ForgeAiThreads.js";
 export * from "./ForgeAiVoiceInput.js";
-export * from "./ForgeAiThoughtDetail.js";
 export * from "./ForgeAiThoughtBase.js";
+export * from "./ForgeAiThoughtDetail.js";
 export * from "./ForgeAiThoughtImage.js";
-export * from "./ForgeAiThoughtSearchResult.js";
 export * from "./ForgeAiReasoningContent.js";
+export * from "./ForgeAiThoughtSearchResult.js";
 export * from "./ForgePromptButton.js";
-export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiOverlay.js";
-export * from "./ForgeAiTooltip.js";
+export * from "./ForgeAiPopover.js";
 export * from "./ForgeAiToolDataTable.js";
+export * from "./ForgeAiTooltip.js";
 export * from "./ForgeAiPaginator.js";

package/package.json

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