@tylertech/forge-ai 0.7.0 → 0.7.2

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

@@ -1,4 +1,5 @@
-import { LitElement, TemplateResult } from 'lit';
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { FeedbackType } from '../ai-chatbot/types.js';
 declare global {
     interface HTMLElementTagNameMap {
         'forge-ai-actions-toolbar': AiActionsToolbarComponent;
@@ -26,12 +27,14 @@ export declare const AiActionsToolbarComponentTagName: keyof HTMLElementTagNameM
 export declare class AiActionsToolbarComponent extends LitElement {
     static styles: import('lit').CSSResult;
     enableReactions: boolean;
+    feedbackType?: FeedbackType;
     private _thumbsUpActive;
     private _thumbsDownActive;
     private _popoverOpen;
     private _thumbsDownButton;
     private _thumbsDownPopover;
     private _thumbsDownFeedbackTextarea?;
+    willUpdate(changedProperties: PropertyValues<this>): void;
     private _emitActionEvent;
     private _emitFeedbackEvent;
     private _handleThumbsUp;

package/dist/ai-actions-toolbar/ai-actions-toolbar.mjs

@@ -23,6 +23,12 @@ let AiActionsToolbarComponent = class extends LitElement {
     this._thumbsDownActive = false;
     this._popoverOpen = false;
   }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("feedbackType") && this.feedbackType) {
+      this._thumbsUpActive = this.feedbackType === "positive";
+      this._thumbsDownActive = this.feedbackType === "negative";
+    }
+  }
   _emitActionEvent(action) {
     const event = new CustomEvent("forge-ai-actions-toolbar-action", {
       detail: { action }
@@ -31,9 +37,7 @@ let AiActionsToolbarComponent = class extends LitElement {
   }
   _emitFeedbackEvent(action, feedback) {
     const event = new CustomEvent("forge-ai-actions-toolbar-feedback", {
-      detail: { action, feedback },
-      bubbles: true,
-      composed: true
+      detail: { action, feedback }
     });
     this.dispatchEvent(event);
   }
@@ -177,6 +181,9 @@ AiActionsToolbarComponent.styles = unsafeCSS(styles);
 __decorateClass([
   property({ type: Boolean, attribute: "enable-reactions" })
 ], AiActionsToolbarComponent.prototype, "enableReactions", 2);
+__decorateClass([
+  property({ attribute: "feedback-type" })
+], AiActionsToolbarComponent.prototype, "feedbackType", 2);
 __decorateClass([
   state()
 ], AiActionsToolbarComponent.prototype, "_thumbsUpActive", 2);

package/dist/ai-assistant-response/ai-assistant-response.d.ts

@@ -11,14 +11,14 @@ declare global {
         'forge-ai-assistant-response-refresh': CustomEvent<{
             responseId: string;
         }>;
-        'forge-ai-assistant-response-thumbs-up': CustomEvent<{
-            responseId: string;
-        }>;
-        'forge-ai-assistant-response-thumbs-down': CustomEvent<{
-            responseId: string;
-        }>;
+        'forge-ai-assistant-response-thumbs-up': CustomEvent<ForgeAiAssistantResponseFeedbackEventData>;
+        'forge-ai-assistant-response-thumbs-down': CustomEvent<ForgeAiAssistantResponseFeedbackEventData>;
     }
 }
+export interface ForgeAiAssistantResponseFeedbackEventData {
+    responseId: string;
+    feedback?: string;
+}
 export declare const AiAssistantResponseComponentTagName: keyof HTMLElementTagNameMap;
 /**
  * @tag forge-ai-assistant-response
@@ -27,8 +27,8 @@ export declare const AiAssistantResponseComponentTagName: keyof HTMLElementTagNa
  *
  * @event {CustomEvent<{ responseId: string }>} forge-ai-assistant-response-copy - Fired when copy action is clicked
  * @event {CustomEvent<{ responseId: string }>} forge-ai-assistant-response-refresh - Fired when refresh action is clicked
- * @event {CustomEvent<{ responseId: string }>} forge-ai-assistant-response-thumbs-up - Fired when thumbs up is clicked
- * @event {CustomEvent<{ responseId: string }>} forge-ai-assistant-response-thumbs-down - Fired when thumbs down is clicked
+ * @event {CustomEvent<ForgeAiAssistantResponseFeedbackEventData>} forge-ai-assistant-response-thumbs-up - Fired when thumbs up is clicked
+ * @event {CustomEvent<ForgeAiAssistantResponseFeedbackEventData>} forge-ai-assistant-response-thumbs-down - Fired when thumbs down is clicked
  */
 export declare class AiAssistantResponseComponent extends LitElement {
     #private;

package/dist/ai-assistant-response/ai-assistant-response.mjs

@@ -1,6 +1,7 @@
 import { unsafeCSS, LitElement, html, nothing } from "lit";
 import { property, state, query, customElement } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 import { MarkdownStreamController } from "../ai-chatbot/markdown-stream-controller.mjs";
 import "../ai-actions-toolbar/ai-actions-toolbar.mjs";
 import "../ai-chatbot/ai-chatbot-tool-call.mjs";
@@ -26,7 +27,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _internals, _markdownController, _debugIcon, _AiAssistantResponseComponent_instances, hasVisibleContent_get, updateEmptyState_fn, renderTextChunk_fn, renderToolCall_fn, children_get, handleToolbarAction_fn, handleDebugClick_fn, handleDebugPopoverToggle_fn, debugButton_get, debugPopover_get, toolbar_get;
+var _internals, _markdownController, _debugIcon, _AiAssistantResponseComponent_instances, hasVisibleContent_get, updateEmptyState_fn, renderTextChunk_fn, renderToolCall_fn, children_get, handleToolbarAction_fn, handleToolbarFeedback_fn, handleDebugClick_fn, handleDebugPopoverToggle_fn, debugButton_get, debugPopover_get, toolbar_get;
 const AiAssistantResponseComponentTagName = "forge-ai-assistant-response";
 let AiAssistantResponseComponent = class extends LitElement {
   constructor() {
@@ -116,9 +117,15 @@ handleToolbarAction_fn = function(event) {
   const action = event.detail.action;
   const eventType = `forge-ai-assistant-response-${action}`;
   const bubbleEvent = new CustomEvent(eventType, {
-    detail: { responseId: this.response.id },
-    bubbles: true,
-    composed: true
+    detail: { responseId: this.response.id }
+  });
+  this.dispatchEvent(bubbleEvent);
+};
+handleToolbarFeedback_fn = function(event) {
+  const { action, feedback } = event.detail;
+  const eventType = action === "positive" ? "forge-ai-assistant-response-thumbs-up" : "forge-ai-assistant-response-thumbs-down";
+  const bubbleEvent = new CustomEvent(eventType, {
+    detail: { responseId: this.response.id, feedback }
   });
   this.dispatchEvent(bubbleEvent);
 };
@@ -177,7 +184,9 @@ toolbar_get = function() {
       <div class="toolbar-container">
         <forge-ai-actions-toolbar
           ?enable-reactions=${this.enableReactions}
-          @forge-ai-actions-toolbar-action=${__privateMethod(this, _AiAssistantResponseComponent_instances, handleToolbarAction_fn)}>
+          feedback-type=${ifDefined(this.response.feedback?.type)}
+          @forge-ai-actions-toolbar-action=${__privateMethod(this, _AiAssistantResponseComponent_instances, handleToolbarAction_fn)}
+          @forge-ai-actions-toolbar-feedback=${__privateMethod(this, _AiAssistantResponseComponent_instances, handleToolbarFeedback_fn)}>
         </forge-ai-actions-toolbar>
         ${__privateGet(this, _AiAssistantResponseComponent_instances, debugButton_get)}
       </div>

package/dist/ai-chatbot/ag-ui-adapter.d.ts

@@ -11,6 +11,8 @@ export declare class AgUiAdapter extends AgentAdapter {
     constructor(config: AgUiAdapterConfig, threadId?: string);
     get threadId(): string;
     set threadId(value: string);
+    setContext(context: Record<string, unknown>): void;
+    getContext(): Record<string, unknown>;
     static create(config: AgUiAdapterConfig & {
         threadId?: string;
     }): Promise<AgUiAdapter>;

package/dist/ai-chatbot/ag-ui-adapter.mjs

@@ -2,14 +2,13 @@ import { HttpAgentWithCredentials } from "./http-agent-with-credentials.mjs";
 import { AgentAdapter } from "./agent-adapter.mjs";
 import { generateId } from "./utils.mjs";
 class AgUiAdapter extends AgentAdapter {
-  #config;
   #agent;
   #toolCalls = /* @__PURE__ */ new Map();
   #threadId;
   #textBuffers = /* @__PURE__ */ new Map();
+  #context = {};
   constructor(config, threadId) {
     super();
-    this.#config = config;
     this.#threadId = threadId ?? generateId();
     this.#agent = new HttpAgentWithCredentials({
       url: config.url,
@@ -19,6 +18,9 @@ class AgUiAdapter extends AgentAdapter {
     if (config.tools) {
       this.setTools(config.tools);
     }
+    if (config.context) {
+      this.#context = { ...config.context };
+    }
     this.#setupSubscriber();
   }
   get threadId() {
@@ -28,6 +30,12 @@ class AgUiAdapter extends AgentAdapter {
     this.#threadId = value;
     this.#agent.threadId = value;
   }
+  setContext(context) {
+    this.#context = { ...context };
+  }
+  getContext() {
+    return { ...this.#context };
+  }
   static async create(config) {
     const { threadId, ...adapterConfig } = config;
     const adapter = new AgUiAdapter(adapterConfig, threadId ?? generateId());
@@ -51,7 +59,7 @@ class AgUiAdapter extends AgentAdapter {
       throw new Error("Adapter not connected. Call connect() first.");
     }
     const transformedMessages = this.#transformMessages(messages);
-    const context = this.#config.context ? this.#transformContext(this.#config.context) : void 0;
+    const context = Object.keys(this.#context).length ? this.#transformContext(this.#context) : void 0;
     this.#agent.setMessages(transformedMessages);
     const tools = this.#transformTools(this._tools);
     this.#agent.runAgent({ tools, context });

package/dist/ai-chatbot/ai-chatbot.d.ts

@@ -22,6 +22,7 @@ declare global {
         'forge-ai-chatbot-file-select': CustomEvent<ForgeAiChatbotFileSelectEventData>;
         'forge-ai-voice-input-result': CustomEvent<ForgeAiVoiceInputResultEvent>;
         'forge-ai-chatbot-file-remove': CustomEvent<ForgeAiChatbotFileRemoveEventData>;
+        'forge-ai-chatbot-response-feedback': CustomEvent<ForgeAiChatbotResponseFeedbackEventData>;
     }
 }
 export interface ForgeAiChatbotMessageEventData {
@@ -38,6 +39,11 @@ export interface ForgeAiChatbotErrorEventData {
 export interface ForgeAiChatbotFileRemoveEventData {
     fileId: string;
 }
+export interface ForgeAiChatbotResponseFeedbackEventData {
+    messageId: string;
+    type: 'positive' | 'negative';
+    feedback?: string;
+}
 export declare const AiChatbotComponentTagName: keyof HTMLElementTagNameMap;
 /**
  * Type for feature toggle values
@@ -70,6 +76,7 @@ export type FeatureToggle = 'on' | 'off';
  * @event {CustomEvent<void>} forge-ai-chatbot-minimize - Fired when header minimize button is clicked
  * @event {CustomEvent<void>} forge-ai-chatbot-clear - Fired when header clear option is selected (cancelable, prevents clearMessages() if default prevented)
  * @event {CustomEvent<void>} forge-ai-chatbot-info - Fired when header info option is selected
+ * @event {CustomEvent<ForgeAiChatbotResponseFeedbackEventData>} forge-ai-chatbot-response-feedback - Fired when user provides feedback on a response (thumbs up/down)
  */
 export declare class AiChatbotComponent extends LitElement {
     #private;

package/dist/ai-chatbot/ai-chatbot.mjs

@@ -506,10 +506,28 @@ handleRefresh_fn = function(evt) {
   this.adapter.sendMessage(this.getMessages());
 };
 handleThumbsUp_fn = function(evt) {
-  console.warn("thumbs-up", evt.detail.messageId);
+  __privateGet(this, _messageStateController).setResponseFeedback(evt.detail.messageId, {
+    type: "positive",
+    reason: evt.detail.feedback
+  });
+  const detail = {
+    messageId: evt.detail.messageId,
+    type: "positive",
+    feedback: evt.detail.feedback
+  };
+  __privateMethod(this, _AiChatbotComponent_instances, dispatchEvent_fn).call(this, { type: "forge-ai-chatbot-response-feedback", detail });
 };
 handleThumbsDown_fn = function(evt) {
-  console.warn("thumbs-down", evt.detail.messageId);
+  __privateGet(this, _messageStateController).setResponseFeedback(evt.detail.messageId, {
+    type: "negative",
+    reason: evt.detail.feedback
+  });
+  const detail = {
+    messageId: evt.detail.messageId,
+    type: "negative",
+    feedback: evt.detail.feedback
+  };
+  __privateMethod(this, _AiChatbotComponent_instances, dispatchEvent_fn).call(this, { type: "forge-ai-chatbot-response-feedback", detail });
 };
 processFileUpload_fn = function(file, timestamp) {
   const fileId = generateId();
@@ -585,6 +603,7 @@ handleAttachmentRemove_fn = function(evt) {
   }
 };
 handleSuggestionSelect_fn = async function(evt) {
+  __privateGet(this, _promptRef).value?.addToHistory(evt.detail.text);
   await this.sendMessage(evt.detail.text);
   __privateGet(this, _promptRef).value?.focus();
 };

package/dist/ai-chatbot/ai-chatbot.scss.mjs

@@ -1,4 +1,4 @@
-const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/* prettier-ignore */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n:host {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\nforge-ai-chat-interface::part(messages) {\n  overflow: hidden;\n}\nforge-ai-chat-interface forge-ai-message-thread {\n  min-height: 0;\n}\n\n.session-files {\n  display: flex;\n  flex-direction: column;\n  gap: var(--forge-spacing-xsmall, 8px);\n  min-width: 0;\n}\n.session-files .session-files-header {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));\n  font-weight: var(--forge-typography-label1-font-weight, 400);\n  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-label1-text-transform, inherit);\n  text-decoration: var(--forge-typography-label1-text-decoration, inherit);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}\n.session-files .session-files-list::-webkit-scrollbar {\n  height: var(--forge-scrollbar-height, 16px);\n  width: var(--forge-scrollbar-width, 16px);\n}\n.session-files .session-files-list::-webkit-scrollbar-track {\n  background-color: var(--forge-scrollbar-track-container, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.session-files .session-files-list::-webkit-scrollbar-track:hover {\n  background-color: var(--forge-scrollbar-track-container-hover, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.session-files .session-files-list::-webkit-scrollbar-corner {\n  background-color: var(--forge-scrollbar-track-container, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.session-files .session-files-list::-webkit-scrollbar-thumb {\n  height: var(--forge-scrollbar-thumb-min-height, 32px);\n  width: var(--forge-scrollbar-thumb-min-width, 32px);\n  border-radius: var(--forge-scrollbar-border-radius, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  border-width: var(--forge-scrollbar-border-width, 3px);\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--forge-scrollbar-thumb-container, var(--forge-theme-surface-container-medium, #c2c2c2));\n  background-clip: content-box;\n}\n.session-files .session-files-list::-webkit-scrollbar-thumb:hover {\n  background-color: var(--forge-scrollbar-thumb-container-hover, var(--forge-theme-surface-container-high, #9e9e9e));\n}\n.session-files .session-files-list {\n  display: flex;\n  gap: var(--forge-spacing-small, 12px);\n  overflow-x: auto;\n  padding-block-end: var(--forge-spacing-xsmall, 8px);\n}\n\n.disclaimer {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));\n  font-weight: var(--forge-typography-label1-font-weight, 400);\n  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-label1-text-transform, inherit);\n  text-decoration: var(--forge-typography-label1-text-decoration, inherit);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  text-align: center;\n  margin-block-start: var(--forge-spacing-xxsmall, 4px);\n}';
+const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/* prettier-ignore */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n:host {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\nforge-ai-chat-interface::part(messages) {\n  overflow: hidden;\n}\nforge-ai-chat-interface forge-ai-message-thread {\n  min-height: 0;\n}\n\n.session-files {\n  display: flex;\n  flex-direction: column;\n  gap: var(--forge-spacing-xsmall, 8px);\n  min-width: 0;\n}\n.session-files .session-files-header {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));\n  font-weight: var(--forge-typography-label1-font-weight, 400);\n  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-label1-text-transform, inherit);\n  text-decoration: var(--forge-typography-label1-text-decoration, inherit);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}\n.session-files .session-files-list::-webkit-scrollbar {\n  height: var(--forge-scrollbar-height, 16px);\n  width: var(--forge-scrollbar-width, 16px);\n}\n.session-files .session-files-list::-webkit-scrollbar-track {\n  background-color: var(--forge-scrollbar-track-container, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.session-files .session-files-list::-webkit-scrollbar-track:hover {\n  background-color: var(--forge-scrollbar-track-container-hover, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.session-files .session-files-list::-webkit-scrollbar-corner {\n  background-color: var(--forge-scrollbar-track-container, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.session-files .session-files-list::-webkit-scrollbar-thumb {\n  height: var(--forge-scrollbar-thumb-min-height, 32px);\n  width: var(--forge-scrollbar-thumb-min-width, 32px);\n  border-radius: var(--forge-scrollbar-border-radius, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  border-width: var(--forge-scrollbar-border-width, 3px);\n  border-style: solid;\n  border-color: transparent;\n  background-color: var(--forge-scrollbar-thumb-container, var(--forge-theme-surface-container-medium, #c2c2c2));\n  background-clip: content-box;\n}\n.session-files .session-files-list::-webkit-scrollbar-thumb:hover {\n  background-color: var(--forge-scrollbar-thumb-container-hover, var(--forge-theme-surface-container-high, #9e9e9e));\n}\n.session-files .session-files-list {\n  display: flex;\n  gap: var(--forge-spacing-small, 12px);\n  overflow-x: auto;\n  padding-block-end: var(--forge-spacing-xsmall, 8px);\n}\n\n.disclaimer {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));\n  font-weight: var(--forge-typography-label1-font-weight, 400);\n  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-label1-text-transform, inherit);\n  text-decoration: var(--forge-typography-label1-text-decoration, inherit);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  text-align: center;\n  margin-block-start: var(--forge-spacing-xxsmall, 4px);\n  margin-block-end: calc(var(--forge-spacing-small, 12px) * -1);\n}';
 export {
   styles as default
 };

package/dist/ai-chatbot/index.d.ts

@@ -1,9 +1,9 @@
 export { AiChatbotComponent, AiChatbotComponentTagName } from './ai-chatbot.js';
-export type { ForgeAiChatbotMessageEventData, ForgeAiChatbotToolCallEventData, ForgeAiChatbotErrorEventData, FeatureToggle } from './ai-chatbot.js';
+export type { ForgeAiChatbotMessageEventData, ForgeAiChatbotToolCallEventData, ForgeAiChatbotErrorEventData, ForgeAiChatbotResponseFeedbackEventData, FeatureToggle } from './ai-chatbot.js';
 export { AiChatbotToolCallComponent, AiChatbotToolCallComponentTagName } from './ai-chatbot-tool-call.js';
 export type { Suggestion } from '../ai-suggestions/index.js';
 export { AgentAdapter, type MessageStartEvent, type MessageDeltaEvent, type MessageEndEvent, type ToolCallEvent, type ToolCallStartEvent, type ToolCallArgsEvent, type ToolCallEndEvent, type FileUploadEvent, type FileRemoveEvent, type AdapterState, type ErrorEvent, type CustomAgentEvent, type RawAgentEvent, type RunStartedAgentEvent, type StepStartedAgentEvent, type StepFinishedAgentEvent, type StateSnapshotAgentEvent, type StateDeltaAgentEvent, type ActivitySnapshotAgentEvent, type ActivityDeltaAgentEvent } from './agent-adapter.js';
-export type { ChatMessage, ToolDefinition, ToolCall, ToolRenderer, IToolRenderer, HandlerContext, FileAttachment, UploadedFileMetadata, FileUploadCallbacks, FileUploadHandler, FileRemoveCallbacks, ForgeAiChatbotFileSelectEventData, ThreadState } from './types.js';
+export type { ChatMessage, ToolDefinition, ToolCall, ToolRenderer, IToolRenderer, HandlerContext, FileAttachment, UploadedFileMetadata, FileUploadCallbacks, FileUploadHandler, FileRemoveCallbacks, ForgeAiChatbotFileSelectEventData, ThreadState, FeedbackType, ResponseFeedback } from './types.js';
 export * from './ag-ui-adapter.js';
 export * from './http-agent-with-credentials.js';
 export * from './event-emitter.js';

package/dist/ai-chatbot/message-state-controller.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { ChatMessage, MessageItem, ToolCall, ToolDefinition, AssistantResponse } from './types.js';
+import { ChatMessage, MessageItem, ToolCall, ToolDefinition, AssistantResponse, ResponseFeedback } from './types.js';
 import { MessageStartEvent, MessageDeltaEvent, MessageEndEvent, ToolCallStartEvent, ToolCallArgsEvent, ToolCallEndEvent, ToolResultEvent } from './agent-adapter.js';
 export interface MessageStateControllerConfig {
     tools: Map<string, ToolDefinition>;
@@ -51,4 +51,5 @@ export declare class MessageStateController implements ReactiveController {
      */
     getMessages(): ChatMessage[];
     setMessages(messages: ChatMessage[]): void;
+    setResponseFeedback(responseId: string, feedback: ResponseFeedback): void;
 }

package/dist/ai-chatbot/message-state-controller.mjs

@@ -298,7 +298,8 @@ class MessageStateController {
           timestamp: response.timestamp,
           status: response.status === "streaming" ? "streaming" : response.status === "error" ? "error" : "complete",
           toolCalls: toolCalls.length ? toolCalls : void 0,
-          eventStream: response.eventStream
+          eventStream: response.eventStream,
+          feedback: response.feedback
         };
         messages.push(message);
       } else if (item.type === "toolCall") {
@@ -331,7 +332,8 @@ class MessageStateController {
           children,
           status: msg.status === "streaming" ? "streaming" : msg.status === "error" ? "error" : "complete",
           timestamp: msg.timestamp,
-          eventStream: msg.eventStream
+          eventStream: msg.eventStream,
+          feedback: msg.feedback
         };
         messageItems.push({ type: "assistant", data: response });
       } else {
@@ -341,6 +343,13 @@ class MessageStateController {
     this._messageItems = messageItems;
     this.#notifyStateChange();
   }
+  setResponseFeedback(responseId, feedback) {
+    const item = this._messageItems.find((i) => i.type === "assistant" && i.data.id === responseId);
+    if (item?.type === "assistant") {
+      item.data.feedback = feedback;
+      this.#notifyStateChange();
+    }
+  }
   #appendEventToMessage(id, event) {
     const messageExists = this._messageItems.some((item) => item.type === "message" && item.data.id === id);
     if (!messageExists) {

package/dist/ai-chatbot/types.d.ts

@@ -138,6 +138,7 @@ export interface ChatMessage {
     toolCalls?: ToolCall[];
     toolCallId?: string;
     eventStream?: StreamEvent[];
+    feedback?: ResponseFeedback;
 }
 export interface ToolCall<TArgs = Record<string, unknown>> {
     id: string;
@@ -159,12 +160,18 @@ export type ResponseItem = {
     type: 'toolCall';
     data: ToolCall;
 };
+export type FeedbackType = 'positive' | 'negative';
+export interface ResponseFeedback {
+    type: FeedbackType;
+    reason?: string;
+}
 export interface AssistantResponse {
     id: string;
     children: ResponseItem[];
     status: 'streaming' | 'complete' | 'error';
     timestamp: number;
     eventStream?: StreamEvent[];
+    feedback?: ResponseFeedback;
 }
 export interface FileAttachment {
     id: string;

package/dist/ai-message-thread/ai-message-thread.d.ts

@@ -20,6 +20,7 @@ export interface ForgeAiMessageThreadRefreshEventData {
 }
 export interface ForgeAiMessageThreadThumbsEventData {
     messageId: string;
+    feedback?: string;
 }
 export declare const AiMessageThreadComponentTagName: keyof HTMLElementTagNameMap;
 /**

package/dist/ai-message-thread/ai-message-thread.mjs

@@ -95,17 +95,13 @@ handleRefresh_fn = function(messageId) {
     detail: { messageId }
   });
 };
-handleThumbsUp_fn = function(messageId) {
-  __privateMethod(this, _AiMessageThreadComponent_instances, dispatchEvent_fn).call(this, {
-    type: "forge-ai-message-thread-thumbs-up",
-    detail: { messageId }
-  });
+handleThumbsUp_fn = function(messageId, feedback) {
+  const detail = { messageId, feedback };
+  __privateMethod(this, _AiMessageThreadComponent_instances, dispatchEvent_fn).call(this, { type: "forge-ai-message-thread-thumbs-up", detail });
 };
-handleThumbsDown_fn = function(messageId) {
-  __privateMethod(this, _AiMessageThreadComponent_instances, dispatchEvent_fn).call(this, {
-    type: "forge-ai-message-thread-thumbs-down",
-    detail: { messageId }
-  });
+handleThumbsDown_fn = function(messageId, feedback) {
+  const detail = { messageId, feedback };
+  __privateMethod(this, _AiMessageThreadComponent_instances, dispatchEvent_fn).call(this, { type: "forge-ai-message-thread-thumbs-down", detail });
 };
 renderToolCall_fn = function(toolCall) {
   const toolDefinition = this.tools?.get(toolCall.name);
@@ -123,8 +119,8 @@ renderAssistantResponse_fn = function(response) {
         ?debug-mode=${this.debugMode}
         @forge-ai-assistant-response-copy=${(e) => __privateMethod(this, _AiMessageThreadComponent_instances, handleCopy_fn).call(this, e.detail.responseId)}
         @forge-ai-assistant-response-refresh=${(e) => __privateMethod(this, _AiMessageThreadComponent_instances, handleRefresh_fn).call(this, e.detail.responseId)}
-        @forge-ai-assistant-response-thumbs-up=${(e) => __privateMethod(this, _AiMessageThreadComponent_instances, handleThumbsUp_fn).call(this, e.detail.responseId)}
-        @forge-ai-assistant-response-thumbs-down=${(e) => __privateMethod(this, _AiMessageThreadComponent_instances, handleThumbsDown_fn).call(this, e.detail.responseId)}>
+        @forge-ai-assistant-response-thumbs-up=${(e) => __privateMethod(this, _AiMessageThreadComponent_instances, handleThumbsUp_fn).call(this, e.detail.responseId, e.detail.feedback)}
+        @forge-ai-assistant-response-thumbs-down=${(e) => __privateMethod(this, _AiMessageThreadComponent_instances, handleThumbsDown_fn).call(this, e.detail.responseId, e.detail.feedback)}>
       </forge-ai-assistant-response>
     `;
 };

package/dist/ai-prompt/ai-prompt.d.ts

@@ -73,6 +73,11 @@ export declare class AiPromptComponent extends LitElement {
     constructor();
     willUpdate(changedProperties: PropertyValues<this>): void;
     firstUpdated(): void;
+    /**
+     * Adds a message to the input history for up/down arrow navigation.
+     * Use this when sending messages externally (e.g., from suggestions).
+     */
+    addToHistory(message: string): void;
     private _handleSend;
     private _handleInput;
     private _handleKeyDown;

package/dist/ai-prompt/ai-prompt.mjs

@@ -22,7 +22,16 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _internals, _AiPromptComponent_instances, setCssState_fn, _actionsSlot, shouldShowStopButton_get, conditionalActions_get, handleSlotChange_fn, handleSlashCommandSelect_fn, handleSlashCommandClose_fn, slashCommandMenu_get;
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
+  }
+});
+var _internals, _messageHistory, _historyIndex, _draftMessage, _AiPromptComponent_instances, setCssState_fn, resetHistoryNavigation_fn, navigateHistory_fn, _actionsSlot, shouldShowStopButton_get, conditionalActions_get, handleSlotChange_fn, handleSlashCommandSelect_fn, handleSlashCommandClose_fn, slashCommandMenu_get;
+const MAX_HISTORY_SIZE = 50;
 const AiPromptComponentTagName = "forge-ai-prompt";
 let AiPromptComponent = class extends LitElement {
   constructor() {
@@ -41,6 +50,9 @@ let AiPromptComponent = class extends LitElement {
     this._slashMenuOpen = false;
     this._slashMenuQuery = "";
     __privateAdd(this, _internals);
+    __privateAdd(this, _messageHistory, []);
+    __privateAdd(this, _historyIndex, -1);
+    __privateAdd(this, _draftMessage, "");
     __privateAdd(this, _actionsSlot, html`<slot name="actions" @slotchange=${__privateMethod(this, _AiPromptComponent_instances, handleSlotChange_fn)}></slot>`);
     __privateSet(this, _internals, this.attachInternals());
     __privateMethod(this, _AiPromptComponent_instances, setCssState_fn).call(this);
@@ -55,14 +67,34 @@ let AiPromptComponent = class extends LitElement {
       this.focus();
     }
   }
+  /**
+   * Adds a message to the input history for up/down arrow navigation.
+   * Use this when sending messages externally (e.g., from suggestions).
+   */
+  addToHistory(message) {
+    const trimmed = message?.trim();
+    if (!trimmed) {
+      return;
+    }
+    if (__privateGet(this, _messageHistory)[__privateGet(this, _messageHistory).length - 1] === trimmed) {
+      __privateMethod(this, _AiPromptComponent_instances, resetHistoryNavigation_fn).call(this);
+      return;
+    }
+    __privateGet(this, _messageHistory).push(trimmed);
+    if (__privateGet(this, _messageHistory).length > MAX_HISTORY_SIZE) {
+      __privateGet(this, _messageHistory).shift();
+    }
+    __privateMethod(this, _AiPromptComponent_instances, resetHistoryNavigation_fn).call(this);
+  }
   _handleSend() {
     if (this.sendDisabled || this.inputDisabled || !this.value.trim()) {
       return;
     }
+    const messageValue = this.value;
     const now = /* @__PURE__ */ new Date();
     const event = new CustomEvent("forge-ai-prompt-send", {
       detail: {
-        value: this.value,
+        value: messageValue,
         time: now.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }),
         date: now
       },
@@ -72,6 +104,7 @@ let AiPromptComponent = class extends LitElement {
     });
     this.dispatchEvent(event);
     if (!event.defaultPrevented) {
+      this.addToHistory(messageValue);
       this.value = "";
       this._slashMenuOpen = false;
       this._slashMenuQuery = "";
@@ -79,6 +112,10 @@ let AiPromptComponent = class extends LitElement {
   }
   _handleInput(event) {
     this.value = event.target.value;
+    if (__privateGet(this, _historyIndex) !== -1) {
+      __privateSet(this, _draftMessage, this.value);
+      __privateSet(this, _historyIndex, -1);
+    }
     if (this.slashCommands.length === 0) {
       this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
       return;
@@ -101,6 +138,20 @@ let AiPromptComponent = class extends LitElement {
         return;
       }
     }
+    const hasModifier = event.shiftKey || event.ctrlKey || event.metaKey;
+    if (!hasModifier) {
+      if (event.key === "ArrowUp") {
+        if (__privateMethod(this, _AiPromptComponent_instances, navigateHistory_fn).call(this, -1)) {
+          event.preventDefault();
+          return;
+        }
+      } else if (event.key === "ArrowDown") {
+        if (__privateMethod(this, _AiPromptComponent_instances, navigateHistory_fn).call(this, 1)) {
+          event.preventDefault();
+          return;
+        }
+      }
+    }
     if (event.key === "Enter" && !event.shiftKey) {
       if (event.isComposing) {
         return;
@@ -222,11 +273,52 @@ let AiPromptComponent = class extends LitElement {
   }
 };
 _internals = /* @__PURE__ */ new WeakMap();
+_messageHistory = /* @__PURE__ */ new WeakMap();
+_historyIndex = /* @__PURE__ */ new WeakMap();
+_draftMessage = /* @__PURE__ */ new WeakMap();
 _AiPromptComponent_instances = /* @__PURE__ */ new WeakSet();
 setCssState_fn = function() {
   toggleState(__privateGet(this, _internals), "inline", this.variant === "inline");
   toggleState(__privateGet(this, _internals), "stacked", this.variant === "stacked");
 };
+resetHistoryNavigation_fn = function() {
+  __privateSet(this, _historyIndex, -1);
+  __privateSet(this, _draftMessage, "");
+};
+navigateHistory_fn = function(direction) {
+  if (__privateGet(this, _messageHistory).length === 0) {
+    return false;
+  }
+  if (direction > 0 && __privateGet(this, _historyIndex) === -1) {
+    return false;
+  }
+  if (direction < 0) {
+    if (__privateGet(this, _historyIndex) === -1) {
+      __privateSet(this, _draftMessage, this.value);
+      __privateSet(this, _historyIndex, __privateGet(this, _messageHistory).length - 1);
+    } else if (__privateGet(this, _historyIndex) > 0) {
+      __privateWrapper(this, _historyIndex)._--;
+    } else {
+      return false;
+    }
+  } else {
+    const newIndex = __privateGet(this, _historyIndex) + 1;
+    if (newIndex >= __privateGet(this, _messageHistory).length) {
+      __privateSet(this, _historyIndex, -1);
+      this.value = __privateGet(this, _draftMessage);
+      if (this._inputElement) {
+        this._inputElement.value = __privateGet(this, _draftMessage);
+      }
+      return true;
+    }
+    __privateSet(this, _historyIndex, newIndex);
+  }
+  this.value = __privateGet(this, _messageHistory)[__privateGet(this, _historyIndex)];
+  if (this._inputElement) {
+    this._inputElement.value = __privateGet(this, _messageHistory)[__privateGet(this, _historyIndex)];
+  }
+  return true;
+};
 _actionsSlot = /* @__PURE__ */ new WeakMap();
 shouldShowStopButton_get = function() {
   return this.running && !this.value.trim();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tylertech/forge-ai",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "A library of Tyler Forge™ AI chat interface web components.",
   "license": "Apache-2.0",
   "author": "Tyler Technologies, Inc.",