@tylertech/forge-ai 0.13.12 → 0.13.13

package/custom-elements.json

@@ -5826,6 +5826,56 @@
       "kind": "javascript-module",
       "path": "src/lib/ai-chatbot/utils.ts",
       "declarations": [
+        {
+          "kind": "function",
+          "name": "shouldShowToolRenderer",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "toolCall",
+              "type": {
+                "text": "ToolCall"
+              }
+            },
+            {
+              "name": "toolDefinition",
+              "optional": true,
+              "type": {
+                "text": "ToolDefinition"
+              }
+            }
+          ],
+          "description": "Whether a tool call's renderer should currently be shown: once the call is complete,\nor immediately (while still parsing/executing) if the tool opted into `renderOnStart`."
+        },
+        {
+          "kind": "function",
+          "name": "isToolCallSettled",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "toolCall",
+              "type": {
+                "text": "ToolCall"
+              }
+            },
+            {
+              "name": "toolDefinition",
+              "optional": true,
+              "type": {
+                "text": "ToolDefinition"
+              }
+            }
+          ],
+          "description": "Whether a tool call should be treated as settled for activity indicators (thinking\nindicator, tool-call summary spinner): either genuinely finished, or already showing\nits own renderer to the user, which makes a redundant \"running\" spinner misleading."
+        },
         {
           "kind": "function",
           "name": "generateId",
@@ -5973,6 +6023,22 @@
             "module": "../utils/markdown.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "shouldShowToolRenderer",
+          "declaration": {
+            "name": "shouldShowToolRenderer",
+            "module": "src/lib/ai-chatbot/utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isToolCallSettled",
+          "declaration": {
+            "name": "isToolCallSettled",
+            "module": "src/lib/ai-chatbot/utils.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "generateId",
@@ -15085,7 +15151,7 @@
     },
     "AiChatbotToolCallComponent": {
       "path": "src/lib/ai-chatbot/ai-chatbot-tool-call.ts",
-      "lineNumber": 19
+      "lineNumber": 20
     },
     "ForgeAiChatbotMessageEventData": {
       "path": "src/lib/ai-chatbot/ai-chatbot.ts",
@@ -15705,7 +15771,7 @@
     },
     "AiToolCallIndicatorComponent": {
       "path": "src/lib/ai-tool-call-indicator/ai-tool-call-indicator.ts",
-      "lineNumber": 31
+      "lineNumber": 32
     },
     "ForgeAiUserMessageCopyEventData": {
       "path": "src/lib/ai-user-message/ai-user-message.ts",

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

@@ -83,7 +83,7 @@ renderTextChunk_fn = function(child) {
 };
 renderToolCall_fn = function(toolCall) {
   const toolDefinition = this.tools?.get(toolCall.name);
-  if (!toolDefinition?.renderer || toolCall.status !== "complete") {
+  if (!toolDefinition?.renderer) {
     return nothing;
   }
   return html`<forge-ai-chatbot-tool-call
@@ -166,14 +166,12 @@ thinkingIndicator_get = function() {
   if (!this.showThinking) {
     return nothing;
   }
+  const lastChild = this.response.children[this.response.children.length - 1];
   const isThinking = this.response.status === "streaming" && this.response.isThinking === true;
-  if (!isThinking) {
-    const lastChild = this.response.children[this.response.children.length - 1];
-    if (lastChild?.type === "text" && lastChild.status === "streaming") {
-      const content = typeof lastChild.content === "string" ? lastChild.content : "";
-      if (content.trim().length > 0) {
-        return nothing;
-      }
+  if (!isThinking && lastChild?.type === "text" && lastChild.status === "streaming") {
+    const content = typeof lastChild.content === "string" ? lastChild.content : "";
+    if (content.trim().length > 0) {
+      return nothing;
     }
   }
   const hasActiveToolCall = this.response.children.some((child) => {

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

@@ -1,6 +1,7 @@
 import { unsafeCSS, LitElement, nothing, html } from "lit";
 import { property, customElement } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
+import { shouldShowToolRenderer } from "./utils.mjs";
 import styles from "./ai-chatbot-tool-call.scss.mjs";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -20,7 +21,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 _customRendererRef, _renderedElement, _AiChatbotToolCallComponent_instances, shouldRenderCustom_get, dispatchScrollRequest_fn, customRenderer_get;
+var _customRendererRef, _renderedElement, _AiChatbotToolCallComponent_instances, shouldRenderCustom_get, dispatchScrollRequest_fn, customRenderer_get, replaceRenderedElement_fn;
 const AiChatbotToolCallComponentTagName = "forge-ai-chatbot-tool-call";
 let AiChatbotToolCallComponent = class extends LitElement {
   constructor() {
@@ -31,25 +32,24 @@ let AiChatbotToolCallComponent = class extends LitElement {
   }
   updated(changedProperties) {
     super.updated(changedProperties);
-    if (changedProperties.has("toolCall") || changedProperties.has("toolDefinition")) {
-      const renderer = this.toolDefinition?.renderer;
-      const container = __privateGet(this, _customRendererRef).value;
-      if (container && __privateGet(this, _AiChatbotToolCallComponent_instances, shouldRenderCustom_get)) {
-        if (__privateGet(this, _renderedElement) && container.contains(__privateGet(this, _renderedElement))) {
-          container.removeChild(__privateGet(this, _renderedElement));
-        }
-        if (renderer?.elementTag) {
-          const element = document.createElement(renderer.elementTag);
-          element.toolCall = this.toolCall;
-          __privateSet(this, _renderedElement, element);
-          container.appendChild(element);
-          __privateMethod(this, _AiChatbotToolCallComponent_instances, dispatchScrollRequest_fn).call(this);
-        } else if (renderer?.render) {
-          __privateSet(this, _renderedElement, renderer.render(this.toolCall));
-          container.appendChild(__privateGet(this, _renderedElement));
-          __privateMethod(this, _AiChatbotToolCallComponent_instances, dispatchScrollRequest_fn).call(this);
-        }
+    if (!changedProperties.has("toolCall") && !changedProperties.has("toolDefinition")) {
+      return;
+    }
+    const container = __privateGet(this, _customRendererRef).value;
+    if (!container || !__privateGet(this, _AiChatbotToolCallComponent_instances, shouldRenderCustom_get)) {
+      return;
+    }
+    const renderer = this.toolDefinition?.renderer;
+    if (renderer?.elementTag) {
+      if (__privateGet(this, _renderedElement) instanceof HTMLElement && __privateGet(this, _renderedElement).tagName.toLowerCase() === renderer.elementTag) {
+        __privateGet(this, _renderedElement).toolCall = this.toolCall;
+        return;
       }
+      const element = document.createElement(renderer.elementTag);
+      element.toolCall = this.toolCall;
+      __privateMethod(this, _AiChatbotToolCallComponent_instances, replaceRenderedElement_fn).call(this, container, element);
+    } else if (renderer?.render) {
+      __privateMethod(this, _AiChatbotToolCallComponent_instances, replaceRenderedElement_fn).call(this, container, renderer.render(this.toolCall));
     }
   }
   render() {
@@ -60,14 +60,7 @@ _customRendererRef = /* @__PURE__ */ new WeakMap();
 _renderedElement = /* @__PURE__ */ new WeakMap();
 _AiChatbotToolCallComponent_instances = /* @__PURE__ */ new WeakSet();
 shouldRenderCustom_get = function() {
-  const status = this.toolCall?.status;
-  if (status === "complete") {
-    return true;
-  }
-  if (this.toolDefinition?.renderOnStart && (status === "parsing" || status === "executing")) {
-    return true;
-  }
-  return false;
+  return shouldShowToolRenderer(this.toolCall, this.toolDefinition);
 };
 dispatchScrollRequest_fn = function() {
   this.dispatchEvent(
@@ -87,6 +80,14 @@ customRenderer_get = function() {
   }
   return nothing;
 };
+replaceRenderedElement_fn = function(container, element) {
+  if (__privateGet(this, _renderedElement) && container.contains(__privateGet(this, _renderedElement))) {
+    container.removeChild(__privateGet(this, _renderedElement));
+  }
+  __privateSet(this, _renderedElement, element);
+  container.appendChild(element);
+  __privateMethod(this, _AiChatbotToolCallComponent_instances, dispatchScrollRequest_fn).call(this);
+};
 AiChatbotToolCallComponent.styles = unsafeCSS(styles);
 __decorateClass([
   property({ attribute: false })

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

@@ -1,5 +1,16 @@
-import { ChatMessage, ContextItem, FileAttachment, ToolCall } from './types.js';
+import { ChatMessage, ContextItem, FileAttachment, ToolCall, ToolDefinition } from './types.js';
 export { renderMarkdown, renderInlineMarkdown, type RenderMarkdownOptions } from '../utils/markdown.js';
+/**
+ * Whether a tool call's renderer should currently be shown: once the call is complete,
+ * or immediately (while still parsing/executing) if the tool opted into `renderOnStart`.
+ */
+export declare function shouldShowToolRenderer(toolCall: ToolCall, toolDefinition?: ToolDefinition): boolean;
+/**
+ * Whether a tool call should be treated as settled for activity indicators (thinking
+ * indicator, tool-call summary spinner): either genuinely finished, or already showing
+ * its own renderer to the user, which makes a redundant "running" spinner misleading.
+ */
+export declare function isToolCallSettled(toolCall: ToolCall, toolDefinition?: ToolDefinition): boolean;
 /**
  * Generates a unique ID using UUID v4
  */

package/dist/ai-chatbot/utils.mjs

@@ -1,5 +1,17 @@
 import { v4 } from "uuid";
 import { renderInlineMarkdown, renderMarkdown } from "../utils/markdown.mjs";
+function shouldShowToolRenderer(toolCall, toolDefinition) {
+  if (!toolDefinition?.renderer) {
+    return false;
+  }
+  if (toolCall.status === "complete") {
+    return true;
+  }
+  return !!toolDefinition.renderOnStart && (toolCall.status === "parsing" || toolCall.status === "executing");
+}
+function isToolCallSettled(toolCall, toolDefinition) {
+  return toolCall.status === "complete" || toolCall.status === "error" || shouldShowToolRenderer(toolCall, toolDefinition);
+}
 function generateId() {
   return v4();
 }
@@ -89,6 +101,8 @@ export {
   formatChatTranscript,
   formatToolCallForExport,
   generateId,
+  isToolCallSettled,
   renderInlineMarkdown,
-  renderMarkdown
+  renderMarkdown,
+  shouldShowToolRenderer
 };

package/dist/ai-tool-call-indicator/ai-tool-call-indicator.mjs

@@ -2,6 +2,7 @@ import { unsafeCSS, LitElement, html, nothing } from "lit";
 import { property, state, customElement } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { isToolCallSettled } from "../ai-chatbot/utils.mjs";
 import "../ai-spinner/ai-spinner.mjs";
 import styles from "./ai-tool-call-indicator.scss.mjs";
 var __defProp = Object.defineProperty;
@@ -123,7 +124,7 @@ count_get = function() {
   return this.toolCalls.length;
 };
 isRunning_get = function() {
-  return this.toolCalls.some((tc) => tc.status !== "complete" && tc.status !== "error");
+  return this.toolCalls.some((tc) => !isToolCallSettled(tc, this.tools?.get(tc.name)));
 };
 elapsedMs_get = function() {
   if (__privateGet(this, _AiToolCallIndicatorComponent_instances, isRunning_get)) {
@@ -217,12 +218,12 @@ highlightJson_fn = function(value) {
   return html`${unsafeHTML(highlighted)}`;
 };
 statusMarker_fn = function(toolCall) {
-  if (toolCall.status === "complete") {
-    return html`<span class="row-marker row-marker--complete">${__privateGet(this, _completeIcon)}</span>`;
-  }
   if (toolCall.status === "error") {
     return html`<span class="row-marker row-marker--error">${__privateGet(this, _errorIcon)}</span>`;
   }
+  if (isToolCallSettled(toolCall, this.tools?.get(toolCall.name))) {
+    return html`<span class="row-marker row-marker--complete">${__privateGet(this, _completeIcon)}</span>`;
+  }
   return html`<span class="row-marker"><forge-ai-spinner size="small"></forge-ai-spinner></span>`;
 };
 detailPayload_fn = function(toolCall) {

package/package.json

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