@tylertech/forge-ai 0.2.0 → 0.3.0

package/custom-elements.json

@@ -96,7 +96,7 @@
           "events": [
             {
               "type": {
-                "text": "CustomEvent<AiActionsToolbarActionEventData>"
+                "text": "CustomEvent<ForgeAiActionsToolbarActionEventData>"
               },
               "description": "Fired when an action button is clicked. The detail contains the action type.",
               "name": "forge-ai-actions-toolbar-action"
@@ -724,14 +724,14 @@
           "members": [
             {
               "kind": "method",
-              "name": "scrollMessagesToBottom",
+              "name": "scrollToBottom",
               "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Scrolls the messages container to the bottom only if user hasn't scrolled up"
+              "description": "Scrolls the messages container to the bottom with smooth animation"
             }
           ],
           "superclass": {
@@ -1853,7 +1853,7 @@
         {
           "kind": "class",
           "description": "",
-          "name": "ForgeAiFilePickerComponent",
+          "name": "AiFilePickerComponent",
           "cssProperties": [
             {
               "description": "The width of the file picker button.",
@@ -1925,7 +1925,7 @@
             {
               "name": "forge-ai-file-picker-change",
               "type": {
-                "text": "CustomEvent<AiFilePickerChangeEventData>"
+                "text": "CustomEvent<ForgeAiFilePickerChangeEventData>"
               },
               "description": "Fired when a file is selected via click or drag & drop. The event detail contains the selected file and timestamp."
             }
@@ -1980,9 +1980,9 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ForgeAiFilePickerComponent",
+          "name": "AiFilePickerComponent",
           "declaration": {
-            "name": "ForgeAiFilePickerComponent",
+            "name": "AiFilePickerComponent",
             "module": "src/lib/ai-file-picker/ai-file-picker.ts"
           }
         },
@@ -1990,7 +1990,7 @@
           "kind": "custom-element-definition",
           "name": "forge-ai-file-picker",
           "declaration": {
-            "name": "ForgeAiFilePickerComponent",
+            "name": "AiFilePickerComponent",
             "module": "src/lib/ai-file-picker/ai-file-picker.ts"
           }
         }
@@ -2514,7 +2514,7 @@
               },
               "privacy": "public",
               "default": "'Ask a question...'",
-              "description": "Placeholder text for the input field",
+              "description": "Placeholder text for the textarea field",
               "attribute": "placeholder"
             },
             {
@@ -2525,7 +2525,7 @@
               },
               "privacy": "public",
               "default": "''",
-              "description": "Current value of the input field",
+              "description": "Current value of the textarea field",
               "attribute": "value"
             },
             {
@@ -2538,15 +2538,102 @@
               "default": "'stacked'",
               "description": "Layout variant for the prompt component",
               "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "sendDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the send button is disabled",
+              "attribute": "send-disabled"
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether to autofocus the textarea field when the component renders",
+              "attribute": "autofocus"
+            },
+            {
+              "kind": "field",
+              "name": "inputDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the textarea field is disabled",
+              "attribute": "input-disabled"
+            },
+            {
+              "kind": "field",
+              "name": "cancelOnEscape",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "true",
+              "description": "Whether to dispatch escape events when Escape key is pressed",
+              "attribute": "cancel-on-escape"
+            },
+            {
+              "kind": "field",
+              "name": "running",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the component is in running state (shows stop button instead of send button)",
+              "attribute": "running"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Focuses the textarea element"
             }
           ],
           "events": [
             {
               "type": {
-                "text": "CustomEvent<AiPromptSendEventData>"
+                "text": "CustomEvent<ForgeAiPromptSendEventData>"
               },
-              "description": "Fired when the send button is clicked or Enter is pressed.",
+              "description": "Fired when the send button is clicked or Enter is pressed (without Shift). Cancelable - if cancelled, running state is not set and input is not cleared.",
               "name": "forge-ai-prompt-send"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Fired when the Escape key is pressed (if cancelOnEscape is true).",
+              "name": "forge-ai-prompt-cancel"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<ForgeAiPromptAttachmentEventData>"
+              },
+              "description": "Fired when files are pasted into the textarea.",
+              "name": "forge-ai-prompt-attachment"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<void>"
+              },
+              "description": "Fired when the stop button is clicked. Cancelable - if cancelled, running state remains true.",
+              "name": "forge-ai-prompt-stop"
             }
           ],
           "attributes": [
@@ -2556,7 +2643,7 @@
                 "text": "string"
               },
               "default": "'Ask a question...'",
-              "description": "Placeholder text for the input field",
+              "description": "Placeholder text for the textarea field",
               "fieldName": "placeholder"
             },
             {
@@ -2565,7 +2652,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Current value of the input field",
+              "description": "Current value of the textarea field",
               "fieldName": "value"
             },
             {
@@ -2576,6 +2663,51 @@
               "default": "'stacked'",
               "description": "Layout variant for the prompt component",
               "fieldName": "variant"
+            },
+            {
+              "name": "send-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the send button is disabled",
+              "fieldName": "sendDisabled"
+            },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to autofocus the textarea field when the component renders",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "input-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the textarea field is disabled",
+              "fieldName": "inputDisabled"
+            },
+            {
+              "name": "cancel-on-escape",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether to dispatch escape events when Escape key is pressed",
+              "fieldName": "cancelOnEscape"
+            },
+            {
+              "name": "running",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the component is in running state (shows stop button instead of send button)",
+              "fieldName": "running"
             }
           ],
           "superclass": {
@@ -2832,7 +2964,7 @@
           "events": [
             {
               "type": {
-                "text": "CustomEvent<AiResponseMessageActionEventData>"
+                "text": "CustomEvent<ForgeAiResponseMessageActionEventData>"
               },
               "description": "Fired when an action button is clicked.",
               "name": "forge-ai-response-message-action"
@@ -3201,8 +3333,7 @@
               },
               "privacy": "public",
               "default": "[]",
-              "description": "Array of suggestion objects to display",
-              "attribute": "suggestions"
+              "description": "Array of suggestion objects to display"
             },
             {
               "kind": "field",
@@ -3219,22 +3350,13 @@
           "events": [
             {
               "type": {
-                "text": "CustomEvent<AiSuggestionsEventData>"
+                "text": "CustomEvent<ForgeAiSuggestionsEventData>"
               },
               "description": "Fired when a suggestion is selected.",
               "name": "forge-ai-suggestions-select"
             }
           ],
           "attributes": [
-            {
-              "name": "suggestions",
-              "type": {
-                "text": "Suggestion[]"
-              },
-              "default": "[]",
-              "description": "Array of suggestion objects to display",
-              "fieldName": "suggestions"
-            },
             {
               "name": "variant",
               "type": {
@@ -3289,6 +3411,109 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/ai-thinking-indicator/ai-thinking-indicator.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "AiThinkingIndicatorComponentTagName",
+          "type": {
+            "text": "keyof HTMLElementTagNameMap"
+          },
+          "default": "'forge-ai-thinking-indicator'"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AiThinkingIndicatorComponent",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "forge-ai-thinking-indicator",
+          "customElement": true,
+          "summary": "A thinking indicator component that displays three animated dots to show that the system is processing or awaiting a response."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AiThinkingIndicatorComponentTagName",
+          "declaration": {
+            "name": "AiThinkingIndicatorComponentTagName",
+            "module": "src/lib/ai-thinking-indicator/ai-thinking-indicator.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AiThinkingIndicatorComponent",
+          "declaration": {
+            "name": "AiThinkingIndicatorComponent",
+            "module": "src/lib/ai-thinking-indicator/ai-thinking-indicator.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "AiThinkingIndicatorComponent",
+            "module": "src/lib/ai-thinking-indicator/ai-thinking-indicator.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/ai-user-message/ai-user-message.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "AiUserMessageComponentTagName",
+          "type": {
+            "text": "keyof HTMLElementTagNameMap"
+          },
+          "default": "'forge-ai-user-message'"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AiUserMessageComponent",
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "forge-ai-user-message",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AiUserMessageComponentTagName",
+          "declaration": {
+            "name": "AiUserMessageComponentTagName",
+            "module": "src/lib/ai-user-message/ai-user-message.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AiUserMessageComponent",
+          "declaration": {
+            "name": "AiUserMessageComponent",
+            "module": "src/lib/ai-user-message/ai-user-message.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "AiUserMessageComponent",
+            "module": "src/lib/ai-user-message/ai-user-message.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/ai-threads/ai-threads.ts",
@@ -3321,7 +3546,7 @@
           "events": [
             {
               "type": {
-                "text": "CustomEvent<AiThreadsSelectEventData>"
+                "text": "CustomEvent<ForgeAiThreadsSelectEventData>"
               },
               "description": "Fired when a thread is selected.",
               "name": "forge-ai-threads-select"
@@ -3386,57 +3611,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/ai-user-message/ai-user-message.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "AiUserMessageComponentTagName",
-          "type": {
-            "text": "keyof HTMLElementTagNameMap"
-          },
-          "default": "'forge-ai-user-message'"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AiUserMessageComponent",
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "forge-ai-user-message",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AiUserMessageComponentTagName",
-          "declaration": {
-            "name": "AiUserMessageComponentTagName",
-            "module": "src/lib/ai-user-message/ai-user-message.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AiUserMessageComponent",
-          "declaration": {
-            "name": "AiUserMessageComponent",
-            "module": "src/lib/ai-user-message/ai-user-message.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "declaration": {
-            "name": "AiUserMessageComponent",
-            "module": "src/lib/ai-user-message/ai-user-message.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/lib/ai-voice-input/ai-voice-input.ts",
@@ -4248,7 +4422,7 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "true",
+              "default": "false",
               "description": "Whether the popover should flip to the opposite side when there's no space.",
               "attribute": "flip"
             },
@@ -4300,7 +4474,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "Whether the popover should flip to the opposite side when there's no space.",
               "fieldName": "flip"
             },
@@ -4584,7 +4758,7 @@
   ],
   "branchName": "main",
   "forgeTypes": {
-    "AiActionsToolbarActionEventData": {
+    "ForgeAiActionsToolbarActionEventData": {
       "path": "src/lib/ai-actions-toolbar/ai-actions-toolbar.ts",
       "lineNumber": 16
     },
@@ -4618,7 +4792,7 @@
     },
     "AiDialogComponent": {
       "path": "src/lib/ai-dialog/ai-dialog.ts",
-      "lineNumber": 34
+      "lineNumber": 35
     },
     "AiChatInterfaceComponent": {
       "path": "src/lib/ai-chat-interface/ai-chat-interface.ts",
@@ -4638,15 +4812,15 @@
     },
     "DropdownMenuEvents": {
       "path": "src/lib/ai-dropdown-menu/ai-dropdown-menu.ts",
-      "lineNumber": 26
+      "lineNumber": 24
     },
     "DropdownMenuVariant": {
       "path": "src/lib/ai-dropdown-menu/ai-dropdown-menu.ts",
-      "lineNumber": 40
+      "lineNumber": 38
     },
     "ForgeAiDropdownMenuComponent": {
       "path": "src/lib/ai-dropdown-menu/ai-dropdown-menu.ts",
-      "lineNumber": 101
+      "lineNumber": 99
     },
     "DropdownNavigationController": {
       "path": "src/lib/ai-dropdown-menu/navigation-controller.ts",
@@ -4696,7 +4870,7 @@
       "path": "src/lib/ai-fab/ai-fab.ts",
       "lineNumber": 22
     },
-    "AiFilePickerChangeEventData": {
+    "ForgeAiFilePickerChangeEventData": {
       "path": "src/lib/ai-file-picker/ai-file-picker.ts",
       "lineNumber": 21
     },
@@ -4704,7 +4878,7 @@
       "path": "src/lib/ai-file-picker/ai-file-picker.ts",
       "lineNumber": 28
     },
-    "ForgeAiFilePickerComponent": {
+    "AiFilePickerComponent": {
       "path": "src/lib/ai-file-picker/ai-file-picker.ts",
       "lineNumber": 56
     },
@@ -4728,17 +4902,21 @@
       "path": "src/lib/ai-modal/ai-modal.ts",
       "lineNumber": 30
     },
-    "AiPromptSendEventData": {
+    "ForgeAiPromptSendEventData": {
       "path": "src/lib/ai-prompt/ai-prompt.ts",
-      "lineNumber": 18
+      "lineNumber": 21
+    },
+    "ForgeAiPromptAttachmentEventData": {
+      "path": "src/lib/ai-prompt/ai-prompt.ts",
+      "lineNumber": 27
     },
     "AiPromptVariant": {
       "path": "src/lib/ai-prompt/ai-prompt.ts",
-      "lineNumber": 24
+      "lineNumber": 31
     },
     "AiPromptComponent": {
       "path": "src/lib/ai-prompt/ai-prompt.ts",
-      "lineNumber": 38
+      "lineNumber": 48
     },
     "AiReasoningComponent": {
       "path": "src/lib/ai-reasoning/ai-reasoning.ts",
@@ -4752,7 +4930,7 @@
       "path": "src/lib/ai-response-message/ai-response-message.ts",
       "lineNumber": 18
     },
-    "AiResponseMessageActionEventData": {
+    "ForgeAiResponseMessageActionEventData": {
       "path": "src/lib/ai-response-message/ai-response-message.ts",
       "lineNumber": 20
     },
@@ -4772,7 +4950,7 @@
       "path": "src/lib/ai-suggestions/ai-suggestions.ts",
       "lineNumber": 17
     },
-    "AiSuggestionsEventData": {
+    "ForgeAiSuggestionsEventData": {
       "path": "src/lib/ai-suggestions/ai-suggestions.ts",
       "lineNumber": 22
     },
@@ -4784,11 +4962,19 @@
       "path": "src/lib/ai-suggestions/ai-suggestions.ts",
       "lineNumber": 39
     },
+    "AiThinkingIndicatorComponent": {
+      "path": "src/lib/ai-thinking-indicator/ai-thinking-indicator.ts",
+      "lineNumber": 24
+    },
+    "AiUserMessageComponent": {
+      "path": "src/lib/ai-user-message/ai-user-message.ts",
+      "lineNumber": 17
+    },
     "Thread": {
       "path": "src/lib/ai-threads/ai-threads.ts",
       "lineNumber": 19
     },
-    "AiThreadsSelectEventData": {
+    "ForgeAiThreadsSelectEventData": {
       "path": "src/lib/ai-threads/ai-threads.ts",
       "lineNumber": 26
     },
@@ -4796,10 +4982,6 @@
       "path": "src/lib/ai-threads/ai-threads.ts",
       "lineNumber": 40
     },
-    "AiUserMessageComponent": {
-      "path": "src/lib/ai-user-message/ai-user-message.ts",
-      "lineNumber": 17
-    },
     "SpeechRecognitionAlternative": {
       "path": "src/lib/ai-voice-input/ai-voice-input.ts",
       "lineNumber": 18
@@ -4820,7 +5002,7 @@
       "path": "src/lib/ai-voice-input/ai-voice-input.ts",
       "lineNumber": 39
     },
-    "AiVoiceInputResultEvent": {
+    "ForgeAiVoiceInputResultEvent": {
       "path": "src/lib/ai-voice-input/ai-voice-input.ts",
       "lineNumber": 61
     },

package/dist/ai-actions-toolbar/ai-actions-toolbar.d.ts

@@ -4,10 +4,10 @@ declare global {
         'forge-ai-actions-toolbar': AiActionsToolbarComponent;
     }
     interface HTMLElementEventMap {
-        'forge-ai-actions-toolbar-action': CustomEvent<AiActionsToolbarActionEventData>;
+        'forge-ai-actions-toolbar-action': CustomEvent<ForgeAiActionsToolbarActionEventData>;
     }
 }
-export interface AiActionsToolbarActionEventData {
+export interface ForgeAiActionsToolbarActionEventData {
     action: AiActionsToolbarAction;
 }
 export type AiActionsToolbarAction = 'refresh' | 'copy' | 'thumbs-up' | 'thumbs-down';
@@ -15,7 +15,7 @@ export declare const AiActionsToolbarComponentTagName: keyof HTMLElementTagNameM
 /**
  * @tag forge-ai-actions-toolbar
  *
- * @event {CustomEvent<AiActionsToolbarActionEventData>} forge-ai-actions-toolbar-action - Fired when an action button is clicked. The detail contains the action type.
+ * @event {CustomEvent<ForgeAiActionsToolbarActionEventData>} forge-ai-actions-toolbar-action - Fired when an action button is clicked. The detail contains the action type.
  */
 export declare class AiActionsToolbarComponent extends LitElement {
     static styles: import('lit').CSSResult;

package/dist/ai-chat-interface/ai-chat-interface.d.ts

@@ -18,15 +18,9 @@ export declare class AiChatInterfaceComponent extends LitElement {
     static styles: import('lit').CSSResult;
     private _slottedSuggestionsNodes;
     private _hasMessages;
-    private _resizeObserver;
-    private _mutationObserver;
-    private _userHasScrolledUp;
-    private _isScrollEventListenerAdded;
     /**
-     * Scrolls the messages container to the bottom only if user hasn't scrolled up
+     * Scrolls the messages container to the bottom with smooth animation
      */
-    scrollMessagesToBottom(): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
+    scrollToBottom(): void;
     render(): TemplateResult;
 }