@tylertech/forge-ai-react 0.1.0

package/dist/ForgeAiReasoningHeader.d.ts

@@ -0,0 +1,65 @@
+import React from "react";
+import { ForgeAiReasoningHeader as ForgeAiReasoningHeaderElement } from "@tylertech/forge-ai/ai-reasoning-header";
+
+export type { ForgeAiReasoningHeaderElement };
+
+export interface ForgeAiReasoningHeaderProps
+  extends Pick<
+    React.AllHTMLAttributes<HTMLElement>,
+    | "children"
+    | "dir"
+    | "hidden"
+    | "id"
+    | "lang"
+    | "slot"
+    | "style"
+    | "title"
+    | "translate"
+    | "onClick"
+    | "onFocus"
+    | "onBlur"
+  > {
+  /** Whether the header is expanded */
+  expanded?: boolean;
+
+  /** Whether this is a reasoning header */
+  reasoning?: 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 the header is clicked and the expanded state changes */
+  onToggle?: (event: CustomEvent<CustomEvent<{ expanded: boolean }>>) => void;
+}
+
+/**
+ *
+ * ---
+ *
+ *
+ * ### **Events:**
+ *  - **toggle** - Fired when the header is clicked and the expanded state changes
+ *
+ * ### **Slots:**
+ *  - **title** - Content for the header when in regular (non-reasoning) state
+ * - **reasoning-title** - Content for the header when in reasoning state
+ */
+export const ForgeAiReasoningHeader: React.ForwardRefExoticComponent<ForgeAiReasoningHeaderProps>;

package/dist/ForgeAiReasoningHeader.js

@@ -0,0 +1,35 @@
+import React, { forwardRef, useRef, useEffect } from "react";
+import "@tylertech/forge-ai/ai-reasoning-header";
+import { useEventListener } from "./react-utils.js";
+
+export const ForgeAiReasoningHeader = forwardRef((props, forwardedRef) => {
+  const ref = useRef(null);
+  const { expanded, reasoning, ...filteredProps } = props;
+
+  /** Event listeners - run once */
+  useEventListener(ref, "toggle", props.onToggle);
+
+  return React.createElement(
+    "forge-ai-reasoning-header",
+    {
+      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,
+      expanded: props.expanded ? true : undefined,
+      reasoning: props.reasoning ? true : undefined,
+      style: { ...props.style },
+    },
+    props.children,
+  );
+});

package/dist/ForgeAiResponseMessage.d.ts

@@ -0,0 +1,57 @@
+import React from "react";
+import { ForgeAiResponseMessage as ForgeAiResponseMessageElement } from "@tylertech/forge-ai/ai-response-message";
+
+export type { ForgeAiResponseMessageElement };
+
+export interface ForgeAiResponseMessageProps
+  extends Pick<
+    React.AllHTMLAttributes<HTMLElement>,
+    | "children"
+    | "dir"
+    | "hidden"
+    | "id"
+    | "lang"
+    | "slot"
+    | "style"
+    | "title"
+    | "translate"
+    | "onClick"
+    | "onFocus"
+    | "onBlur"
+  > {
+  /** 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 an action button is clicked. */
+  onForgeAiResponseMessageAction?: (
+    event: CustomEvent<CustomEvent<AiResponseMessageActionEventData>>,
+  ) => void;
+}
+
+/**
+ *
+ * ---
+ *
+ *
+ * ### **Events:**
+ *  - **forge-ai-response-message-action** - Fired when an action button is clicked.
+ */
+export const ForgeAiResponseMessage: React.ForwardRefExoticComponent<ForgeAiResponseMessageProps>;

package/dist/ForgeAiResponseMessage.js

@@ -0,0 +1,36 @@
+import React, { forwardRef, useRef, useEffect } 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);
+
+  /** Event listeners - run once */
+  useEventListener(
+    ref,
+    "forge-ai-response-message-action",
+    props.onForgeAiResponseMessageAction,
+  );
+
+  return React.createElement(
+    "forge-ai-response-message",
+    {
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      ...props,
+      class: props.className,
+      exportparts: props.exportparts,
+      for: props.htmlFor,
+      part: props.part,
+      tabindex: props.tabIndex,
+      style: { ...props.style },
+    },
+    props.children,
+  );
+});

package/dist/ForgeAiSidebar.d.ts

@@ -0,0 +1,70 @@
+import React from "react";
+import { ForgeAiSidebar as ForgeAiSidebarElement } from "@tylertech/forge-ai/ai-sidebar";
+
+export type { ForgeAiSidebarElement };
+
+export interface ForgeAiSidebarProps
+  extends Pick<
+    React.AllHTMLAttributes<HTMLElement>,
+    | "children"
+    | "dir"
+    | "hidden"
+    | "id"
+    | "lang"
+    | "slot"
+    | "style"
+    | "title"
+    | "translate"
+    | "onClick"
+    | "onFocus"
+    | "onBlur"
+  > {
+  /** Indicates whether the sidebar is open. */
+  open?: 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 the sidebar is opened */
+  onForgeAiSidebarOpen?: (event: CustomEvent) => void;
+
+  /** Fired when the sidebar is closed */
+  onForgeAiSidebarClose?: (event: CustomEvent) => void;
+}
+
+/**
+ *
+ * ---
+ *
+ *
+ * ### **Events:**
+ *  - **forge-ai-sidebar-open** - Fired when the sidebar is opened
+ * - **forge-ai-sidebar-close** - Fired when the sidebar is closed
+ *
+ * ### **Methods:**
+ *  - **show(): _void_** - Opens the sidebar.
+ * - **close(): _void_** - Closes the sidebar.
+ * - **toggle(): _void_** - Toggles the sidebar open state.
+ *
+ * ### **Slots:**
+ *  - _default_ - Default slot for sidebar content (typically ai-chat-interface)
+ */
+export const ForgeAiSidebar: React.ForwardRefExoticComponent<ForgeAiSidebarProps>;

package/dist/ForgeAiSidebar.js

@@ -0,0 +1,35 @@
+import React, { forwardRef, useRef, useEffect } from "react";
+import "@tylertech/forge-ai/ai-sidebar";
+import { useEventListener } from "./react-utils.js";
+
+export const ForgeAiSidebar = forwardRef((props, forwardedRef) => {
+  const ref = useRef(null);
+  const { open, ...filteredProps } = props;
+
+  /** Event listeners - run once */
+  useEventListener(ref, "forge-ai-sidebar-open", props.onForgeAiSidebarOpen);
+  useEventListener(ref, "forge-ai-sidebar-close", props.onForgeAiSidebarClose);
+
+  return React.createElement(
+    "forge-ai-sidebar",
+    {
+      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,
+      open: props.open ? true : undefined,
+      style: { ...props.style },
+    },
+    props.children,
+  );
+});

package/dist/ForgeAiSidebarChat.d.ts

@@ -0,0 +1,87 @@
+import React from "react";
+import { ForgeAiSidebarChat as ForgeAiSidebarChatElement } from "@tylertech/forge-ai/ai-sidebar-chat";
+
+export type { ForgeAiSidebarChatElement };
+
+export interface ForgeAiSidebarChatProps
+  extends Pick<
+    React.AllHTMLAttributes<HTMLElement>,
+    | "children"
+    | "dir"
+    | "hidden"
+    | "id"
+    | "lang"
+    | "slot"
+    | "style"
+    | "title"
+    | "translate"
+    | "onClick"
+    | "onFocus"
+    | "onBlur"
+  > {
+  /** Indicates whether the sidebar chat is open. */
+  open?: boolean;
+
+  /** Controls whether the chat is displayed in an expanded modal state.
+When true, the chat content will be shown in a fullscreen modal.
+When false, the chat will be displayed in the sidebar. */
+  expanded?: 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 the sidebar chat is opened */
+  onForgeAiSidebarChatOpen?: (event: CustomEvent) => void;
+
+  /** Fired when the sidebar chat is closed */
+  onForgeAiSidebarChatClose?: (event: CustomEvent) => void;
+
+  /** Fired when the sidebar chat is expanded to modal */
+  onForgeAiSidebarChatExpand?: (event: CustomEvent) => void;
+
+  /** Fired when the sidebar chat is collapsed from modal */
+  onForgeAiSidebarChatCollapse?: (event: CustomEvent) => void;
+}
+
+/**
+ *
+ * ---
+ *
+ *
+ * ### **Events:**
+ *  - **forge-ai-sidebar-chat-open** - Fired when the sidebar chat is opened
+ * - **forge-ai-sidebar-chat-close** - Fired when the sidebar chat is closed
+ * - **forge-ai-sidebar-chat-expand** - Fired when the sidebar chat is expanded to modal
+ * - **forge-ai-sidebar-chat-collapse** - Fired when the sidebar chat is collapsed from modal
+ *
+ * ### **Methods:**
+ *  - **show(): _void_** - Opens the sidebar chat.
+ * - **close(): _void_** - Closes the sidebar chat.
+ * - **toggle(): _void_** - Toggles the sidebar chat open state.
+ * - **expand(): _void_** - Expands the chat to fullscreen modal.
+ * - **collapse(): _void_** - Collapses the chat from fullscreen modal back to sidebar.
+ *
+ * ### **Slots:**
+ *  - _default_ - Default slot for messages (ai-user-message, ai-response-message components)
+ * - **suggestions** - Slot for AI suggestions component
+ * - **prompt** - Slot for custom AI prompt component. If not provided, a default forge-ai-prompt will be used.
+ */
+export const ForgeAiSidebarChat: React.ForwardRefExoticComponent<ForgeAiSidebarChatProps>;

package/dist/ForgeAiSidebarChat.js

@@ -0,0 +1,54 @@
+import React, { forwardRef, useRef, useEffect } from "react";
+import "@tylertech/forge-ai/ai-sidebar-chat";
+import { useEventListener } from "./react-utils.js";
+
+export const ForgeAiSidebarChat = forwardRef((props, forwardedRef) => {
+  const ref = useRef(null);
+  const { open, expanded, ...filteredProps } = props;
+
+  /** Event listeners - run once */
+  useEventListener(
+    ref,
+    "forge-ai-sidebar-chat-open",
+    props.onForgeAiSidebarChatOpen,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-sidebar-chat-close",
+    props.onForgeAiSidebarChatClose,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-sidebar-chat-expand",
+    props.onForgeAiSidebarChatExpand,
+  );
+  useEventListener(
+    ref,
+    "forge-ai-sidebar-chat-collapse",
+    props.onForgeAiSidebarChatCollapse,
+  );
+
+  return React.createElement(
+    "forge-ai-sidebar-chat",
+    {
+      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,
+      open: props.open ? true : undefined,
+      expanded: props.expanded ? true : undefined,
+      style: { ...props.style },
+    },
+    props.children,
+  );
+});

package/dist/ForgeAiSuggestions.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+import { ForgeAiSuggestions as ForgeAiSuggestionsElement } from "@tylertech/forge-ai/ai-suggestions";
+
+export type { ForgeAiSuggestionsElement };
+
+export interface ForgeAiSuggestionsProps
+  extends Pick<
+    React.AllHTMLAttributes<HTMLElement>,
+    | "children"
+    | "dir"
+    | "hidden"
+    | "id"
+    | "lang"
+    | "slot"
+    | "style"
+    | "title"
+    | "translate"
+    | "onClick"
+    | "onFocus"
+    | "onBlur"
+  > {
+  /** Array of suggestion objects to display */
+  suggestions?: ForgeAiSuggestionsElement["suggestions"];
+
+  /** Display variant for suggestions layout */
+  variant?: ForgeAiSuggestionsElement["variant"];
+
+  /** 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 a suggestion is selected. */
+  onForgeAiSuggestionsSelect?: (
+    event: CustomEvent<CustomEvent<AiSuggestionsEventData>>,
+  ) => void;
+}
+
+/**
+ *
+ * ---
+ *
+ *
+ * ### **Events:**
+ *  - **forge-ai-suggestions-select** - Fired when a suggestion is selected.
+ */
+export const ForgeAiSuggestions: React.ForwardRefExoticComponent<ForgeAiSuggestionsProps>;

package/dist/ForgeAiSuggestions.js

@@ -0,0 +1,39 @@
+import React, { forwardRef, useRef, useEffect } from "react";
+import "@tylertech/forge-ai/ai-suggestions";
+import { useEventListener } from "./react-utils.js";
+
+export const ForgeAiSuggestions = forwardRef((props, forwardedRef) => {
+  const ref = useRef(null);
+  const { suggestions, variant, ...filteredProps } = props;
+
+  /** Event listeners - run once */
+  useEventListener(
+    ref,
+    "forge-ai-suggestions-select",
+    props.onForgeAiSuggestionsSelect,
+  );
+
+  return React.createElement(
+    "forge-ai-suggestions",
+    {
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      ...filteredProps,
+      suggestions: props.suggestions,
+      variant: props.variant,
+      class: props.className,
+      exportparts: props.exportparts,
+      for: props.htmlFor,
+      part: props.part,
+      tabindex: props.tabIndex,
+      style: { ...props.style },
+    },
+    props.children,
+  );
+});

package/dist/ForgeAiThoughtBase.d.ts

@@ -0,0 +1,57 @@
+import React from "react";
+import { ForgeAiThoughtBase as ForgeAiThoughtBaseElement } from "@tylertech/forge-ai/ai-chain-of-thought/thought-base";
+
+export type { ForgeAiThoughtBaseElement };
+
+export interface ForgeAiThoughtBaseProps
+  extends Pick<
+    React.AllHTMLAttributes<HTMLElement>,
+    | "children"
+    | "dir"
+    | "hidden"
+    | "id"
+    | "lang"
+    | "slot"
+    | "style"
+    | "title"
+    | "translate"
+    | "onClick"
+    | "onFocus"
+    | "onBlur"
+  > {
+  /** The step number for this thought */
+  step?: ForgeAiThoughtBaseElement["step"];
+
+  /** 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;
+}
+
+/**
+ *
+ * ---
+ *
+ *
+ * ### **Slots:**
+ *  - **icon** - Icon to display in the header
+ * - **title** - Title content for the header
+ * - _default_ - Main content area
+ */
+export const ForgeAiThoughtBase: React.ForwardRefExoticComponent<ForgeAiThoughtBaseProps>;

package/dist/ForgeAiThoughtBase.js

@@ -0,0 +1,21 @@
+import React, { forwardRef } from "react";
+import "@tylertech/forge-ai/ai-chain-of-thought/thought-base";
+
+export const ForgeAiThoughtBase = forwardRef((props, forwardedRef) => {
+  const { step, ...filteredProps } = props;
+
+  return React.createElement(
+    "forge-ai-thought-base",
+    {
+      ...filteredProps,
+      step: props.step,
+      class: props.className,
+      exportparts: props.exportparts,
+      for: props.htmlFor,
+      part: props.part,
+      tabindex: props.tabIndex,
+      style: { ...props.style },
+    },
+    props.children,
+  );
+});

package/dist/ForgeAiThoughtDetail.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { ForgeAiThoughtDetail as ForgeAiThoughtDetailElement } from "@tylertech/forge-ai/ai-chain-of-thought/thought-detail";
+
+export type { ForgeAiThoughtDetailElement };
+
+export interface ForgeAiThoughtDetailProps
+  extends Pick<
+    React.AllHTMLAttributes<HTMLElement>,
+    | "children"
+    | "dir"
+    | "hidden"
+    | "id"
+    | "lang"
+    | "slot"
+    | "style"
+    | "title"
+    | "translate"
+    | "onClick"
+    | "onFocus"
+    | "onBlur"
+  > {
+  /** 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;
+}
+
+/**
+ *
+ * ---
+ *
+ */
+export const ForgeAiThoughtDetail: React.ForwardRefExoticComponent<ForgeAiThoughtDetailProps>;