@tylertech/forge-ai 0.13.3 → 0.13.4

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

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 import { property } from "lit/decorators.js";
 import { ChatbotCoreController } from "../core/chatbot-core-controller.mjs";
-import { fileAttachmentsToContextItems, generateId, downloadFile } from "./utils.mjs";
+import { fileAttachmentsToContextItems, generateId, formatChatTranscript, downloadFile, createChatExportFilename } from "./utils.mjs";
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
   var result = void 0;
@@ -15,6 +15,8 @@ class AiChatbotBase extends LitElement {
   constructor() {
     super(...arguments);
     this.fileUpload = "off";
+    this.maxFileSize = 10485760;
+    this.acceptedFileTypes = "";
     this.voiceInput = "on";
     this.placeholder = "Ask a question...";
     this.enableReactions = false;
@@ -23,6 +25,7 @@ class AiChatbotBase extends LitElement {
     this.debugMode = false;
     this.disclaimerText = "AI can make mistakes. Always verify responses.";
     this.debugCommand = "on";
+    this.exportOption = "on";
     this.agents = [];
     this.contextItems = [];
   }
@@ -446,34 +449,14 @@ class AiChatbotBase extends LitElement {
     this.dispatchEvent(event);
     return event;
   }
-  _formatToolCallForExport(toolCall) {
-    const lines = [`  Tool: ${toolCall.name}`, `  Args: ${JSON.stringify(toolCall.args)}`];
-    if (toolCall.status === "error") {
-      const errorMsg = typeof toolCall.result === "object" && toolCall.result !== null && "error" in toolCall.result ? toolCall.result.error : "Unknown error";
-      lines.push(`  Error: ${errorMsg}`);
-    } else if (toolCall.result !== void 0) {
-      lines.push(`  Result: ${JSON.stringify(toolCall.result)}`);
-    }
-    return lines.join("\n");
-  }
   _handleExport() {
     const messages = this.getMessages();
     if (messages.length === 0) {
       return;
     }
-    const chatText = messages.map((message) => {
-      const timestamp = new Date(message.timestamp).toLocaleString();
-      const role = message.role === "user" ? "You" : "Assistant";
-      let output = `[${timestamp}] ${role}:
-${message.content}
-`;
-      if (message.toolCalls?.length) {
-        output += "\n" + message.toolCalls.map((tc) => this._formatToolCallForExport(tc)).join("\n\n") + "\n";
-      }
-      return output;
-    }).join("\n");
-    const filename = `chat-history-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}.txt`;
-    downloadFile(chatText, filename, "text/plain");
+    const chatText = formatChatTranscript(messages, { includeToolCalls: this.debugMode });
+    const agentName = this.getSelectedAgent()?.name ?? this.titleText;
+    downloadFile(chatText, createChatExportFilename(agentName), "text/plain");
   }
 }
 __decorateClass([
@@ -482,6 +465,12 @@ __decorateClass([
 __decorateClass([
   property({ attribute: "file-upload" })
 ], AiChatbotBase.prototype, "fileUpload");
+__decorateClass([
+  property({ type: Number, attribute: "max-file-size" })
+], AiChatbotBase.prototype, "maxFileSize");
+__decorateClass([
+  property({ attribute: "accepted-file-types" })
+], AiChatbotBase.prototype, "acceptedFileTypes");
 __decorateClass([
   property({ attribute: "voice-input" })
 ], AiChatbotBase.prototype, "voiceInput");
@@ -509,6 +498,9 @@ __decorateClass([
 __decorateClass([
   property({ attribute: "debug-command" })
 ], AiChatbotBase.prototype, "debugCommand");
+__decorateClass([
+  property({ attribute: "export-option" })
+], AiChatbotBase.prototype, "exportOption");
 __decorateClass([
   property({ type: Object, attribute: false })
 ], AiChatbotBase.prototype, "agentInfo");

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

@@ -14,11 +14,6 @@ export declare class AiChatbotToolCallComponent extends LitElement {
     static styles: CSSResult;
     toolCall: ToolCall;
     toolDefinition?: ToolDefinition;
-    debugMode: boolean;
-    private _popoverOpen;
-    private _debugPopoverOpen;
-    private _infoButton?;
-    private _debugButton?;
     updated(changedProperties: PropertyValues<this>): void;
     render(): TemplateResult | typeof nothing;
 }

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

@@ -1,10 +1,6 @@
-import { unsafeCSS, LitElement, html, nothing } from "lit";
-import { property, state, query, customElement } from "lit/decorators.js";
+import { unsafeCSS, LitElement, nothing, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-import "../core/popover/popover.mjs";
-import "../ai-spinner/ai-spinner.mjs";
-import "../ai-event-stream-viewer/ai-event-stream-viewer.mjs";
-import "../core/tooltip/tooltip.mjs";
 import styles from "./ai-chatbot-tool-call.scss.mjs";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -24,32 +20,18 @@ 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, handleButtonClick_fn, handlePopoverToggle_fn, handleDebugClick_fn, handleDebugPopoverToggle_fn, dispatchScrollRequest_fn, statusIcon_get, _infoIcon, _debugIcon, customRenderer_get, debugButton_get, debugPopover_get, popoverContent_get;
+var _customRendererRef, _renderedElement, _AiChatbotToolCallComponent_instances, shouldRenderCustom_get, dispatchScrollRequest_fn, customRenderer_get;
 const AiChatbotToolCallComponentTagName = "forge-ai-chatbot-tool-call";
 let AiChatbotToolCallComponent = class extends LitElement {
   constructor() {
     super(...arguments);
     __privateAdd(this, _AiChatbotToolCallComponent_instances);
-    this.debugMode = false;
-    this._popoverOpen = false;
-    this._debugPopoverOpen = false;
     __privateAdd(this, _customRendererRef, createRef());
     __privateAdd(this, _renderedElement);
-    __privateAdd(this, _infoIcon, html`
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="currentColor">
-      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" />
-    </svg>
-  `);
-    __privateAdd(this, _debugIcon, html`
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-      <path
-        d="M14 12h-4v-2h4m0 6h-4v-2h4m6-6h-2.81a6 6 0 0 0-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6 6 0 0 0-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20z" />
-    </svg>
-  `);
   }
   updated(changedProperties) {
     super.updated(changedProperties);
-    if (changedProperties.has("toolCall") || changedProperties.has("toolDefinition") || changedProperties.has("debugMode")) {
+    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)) {
@@ -71,46 +53,7 @@ let AiChatbotToolCallComponent = class extends LitElement {
     }
   }
   render() {
-    const isError = this.toolCall.status === "error";
-    const isComplete = this.toolCall.status === "complete";
-    const showDetails = isComplete || isError;
-    if (!this.debugMode) {
-      return __privateGet(this, _AiChatbotToolCallComponent_instances, customRenderer_get);
-    }
-    return html`
-      <div class="tool-call ${isError ? "tool-call--error" : ""}">
-        <span class="status-icon">${__privateGet(this, _AiChatbotToolCallComponent_instances, statusIcon_get)}</span>
-        <span class="tool-name">${this.toolDefinition?.displayName ?? this.toolCall.name}</span>
-        <div class="tool-actions">
-          ${showDetails ? html`
-                <div>
-                  <button
-                    id="info-btn"
-                    class="forge-icon-button forge-icon-button--small info-button"
-                    type="button"
-                    aria-label="${this._popoverOpen ? "Hide" : "Show"} tool details"
-                    aria-expanded="${this._popoverOpen}"
-                    @click=${__privateMethod(this, _AiChatbotToolCallComponent_instances, handleButtonClick_fn)}>
-                    ${__privateGet(this, _infoIcon)}
-                  </button>
-                  <forge-ai-tooltip for="info-btn" placement="bottom">Details</forge-ai-tooltip>
-                </div>
-                ${__privateGet(this, _AiChatbotToolCallComponent_instances, debugButton_get)}
-              ` : nothing}
-        </div>
-      </div>
-      ${showDetails ? html`
-            <forge-ai-popover
-              .anchor=${this._infoButton}
-              .open=${this._popoverOpen}
-              placement="bottom-start"
-              .flip=${true}
-              @forge-ai-popover-toggle=${__privateMethod(this, _AiChatbotToolCallComponent_instances, handlePopoverToggle_fn)}>
-              ${__privateGet(this, _AiChatbotToolCallComponent_instances, popoverContent_get)}
-            </forge-ai-popover>
-          ` : nothing}
-      ${__privateGet(this, _AiChatbotToolCallComponent_instances, debugPopover_get)} ${__privateGet(this, _AiChatbotToolCallComponent_instances, customRenderer_get)}
-    `;
+    return __privateGet(this, _AiChatbotToolCallComponent_instances, customRenderer_get);
   }
 };
 _customRendererRef = /* @__PURE__ */ new WeakMap();
@@ -126,18 +69,6 @@ shouldRenderCustom_get = function() {
   }
   return false;
 };
-handleButtonClick_fn = function(_evt) {
-  this._popoverOpen = !this._popoverOpen;
-};
-handlePopoverToggle_fn = function(evt) {
-  this._popoverOpen = evt.detail.newState === "open";
-};
-handleDebugClick_fn = function() {
-  this._debugPopoverOpen = !this._debugPopoverOpen;
-};
-handleDebugPopoverToggle_fn = function(event) {
-  this._debugPopoverOpen = event.detail.open;
-};
 dispatchScrollRequest_fn = function() {
   this.dispatchEvent(
     new CustomEvent("forge-ai-message-thread-scroll-request", {
@@ -146,30 +77,6 @@ dispatchScrollRequest_fn = function() {
     })
   );
 };
-statusIcon_get = function() {
-  switch (this.toolCall.status) {
-    case "pending":
-    case "executing":
-      return html`<forge-ai-spinner size="small"></forge-ai-spinner>`;
-    case "complete":
-      return html`
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="currentColor">
-            <path d="M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z" />
-          </svg>
-        `;
-    case "error":
-      return html`
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="currentColor">
-            <path fill="none" d="M0 0h24v24H0z" />
-            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z" />
-          </svg>
-        `;
-    default:
-      return nothing;
-  }
-};
-_infoIcon = /* @__PURE__ */ new WeakMap();
-_debugIcon = /* @__PURE__ */ new WeakMap();
 customRenderer_get = function() {
   const renderer = this.toolDefinition?.renderer;
   if (!renderer || !__privateGet(this, _AiChatbotToolCallComponent_instances, shouldRenderCustom_get)) {
@@ -180,68 +87,6 @@ customRenderer_get = function() {
   }
   return nothing;
 };
-debugButton_get = function() {
-  const hasDebugData = this.debugMode && (this.toolCall.eventStream?.length ?? 0) > 0;
-  if (!hasDebugData) {
-    return nothing;
-  }
-  return html`
-      <div>
-        <button
-          id="debug-btn"
-          aria-label="View event stream"
-          class="forge-icon-button forge-icon-button--tonal forge-icon-button--small debug-button"
-          @click=${__privateMethod(this, _AiChatbotToolCallComponent_instances, handleDebugClick_fn)}>
-          ${__privateGet(this, _debugIcon)}
-        </button>
-        <forge-ai-tooltip for="debug-btn" placement="bottom">Event stream</forge-ai-tooltip>
-      </div>
-    `;
-};
-debugPopover_get = function() {
-  const hasDebugData = this.debugMode && this.toolCall.eventStream;
-  if (!hasDebugData) {
-    return nothing;
-  }
-  return html`
-      <forge-ai-popover
-        .anchor=${this._debugButton}
-        .open=${this._debugPopoverOpen}
-        id="debug-popover"
-        placement="right"
-        flip
-        @forge-ai-popover-toggle=${__privateMethod(this, _AiChatbotToolCallComponent_instances, handleDebugPopoverToggle_fn)}>
-        <forge-ai-event-stream-viewer
-          .events=${this.toolCall.eventStream}></forge-ai-event-stream-viewer>
-      </forge-ai-popover>
-    `;
-};
-popoverContent_get = function() {
-  const hasArgs = Object.keys(this.toolCall.args).length > 0;
-  const hasArgsBuffer = this.toolCall.argsBuffer && this.toolCall.argsBuffer.length > 0;
-  const hasResult = this.toolCall.result !== void 0;
-  return html`
-      <div class="tool-details">
-        ${hasArgsBuffer ? html`
-              <div class="tool-section">
-                <div class="section-label">Arguments (streaming):</div>
-                <pre class="code-block">${this.toolCall.argsBuffer}</pre>
-              </div>
-            ` : hasArgs ? html`
-                <div class="tool-section">
-                  <div class="section-label">Arguments:</div>
-                  <pre class="code-block">${JSON.stringify(this.toolCall.args, null, 2)}</pre>
-                </div>
-              ` : nothing}
-        ${hasResult ? html`
-              <div class="tool-section">
-                <div class="section-label">Result:</div>
-                <pre class="code-block">${JSON.stringify(this.toolCall.result, null, 2)}</pre>
-              </div>
-            ` : nothing}
-      </div>
-    `;
-};
 AiChatbotToolCallComponent.styles = unsafeCSS(styles);
 __decorateClass([
   property({ attribute: false })
@@ -249,21 +94,6 @@ __decorateClass([
 __decorateClass([
   property({ attribute: false })
 ], AiChatbotToolCallComponent.prototype, "toolDefinition", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "debug-mode" })
-], AiChatbotToolCallComponent.prototype, "debugMode", 2);
-__decorateClass([
-  state()
-], AiChatbotToolCallComponent.prototype, "_popoverOpen", 2);
-__decorateClass([
-  state()
-], AiChatbotToolCallComponent.prototype, "_debugPopoverOpen", 2);
-__decorateClass([
-  query(".info-button")
-], AiChatbotToolCallComponent.prototype, "_infoButton", 2);
-__decorateClass([
-  query("#debug-btn")
-], AiChatbotToolCallComponent.prototype, "_debugButton", 2);
 AiChatbotToolCallComponent = __decorateClass([
   customElement(AiChatbotToolCallComponentTagName)
 ], AiChatbotToolCallComponent);

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

@@ -1,4 +1,4 @@
-const styles = '/* prettier-ignore */\n/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-icon-button {\n  --_icon-button-display:var(--forge-icon-button-display, inline-flex);\n  --_icon-button-size:var(--forge-icon-button-size, 48px);\n  --_icon-button-gap:var(--forge-icon-button-gap, 0);\n  --_icon-button-icon-color:var(--forge-icon-button-icon-color, currentColor);\n  --_icon-button-background-color:var(--forge-icon-button-background-color, none);\n  --_icon-button-icon-size:var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));\n  --_icon-button-cursor:var(--forge-icon-button-cursor, pointer);\n  --_icon-button-padding:var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));\n  --_icon-button-border:var(--forge-icon-button-border, none);\n  --_icon-button-shadow:var(--forge-icon-button-shadow, none);\n  --_icon-button-transition-duration:var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_icon-button-transition-timing:var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_icon-button-shape:var(--forge-icon-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  --_icon-button-shape-start-start:var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));\n  --_icon-button-shape-start-end:var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));\n  --_icon-button-shape-end-start:var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));\n  --_icon-button-shape-end-end:var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));\n  --_icon-button-shape-squared:var(--forge-icon-button-shape-squared, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_icon-button-outlined-border-width:var(--forge-icon-button-outlined-border-width, 1px);\n  --_icon-button-outlined-border-style:var(--forge-icon-button-outlined-border-style, solid);\n  --_icon-button-outlined-border-color:var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));\n  --_icon-button-tonal-icon-color:var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));\n  --_icon-button-tonal-background-color:var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-filled-icon-color:var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));\n  --_icon-button-filled-background-color:var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-raised-shadow:var(--forge-icon-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-hover-shadow:var(--forge-icon-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-active-shadow:var(--forge-icon-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-disabled-shadow:var(--forge-icon-button-raised-disabled-shadow, none);\n  --_icon-button-density-small-size:var(--forge-icon-button-density-small-size, 24px);\n  --_icon-button-density-small-padding:var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));\n  --_icon-button-density-small-icon-size:var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));\n  --_icon-button-density-medium-size:var(--forge-icon-button-density-medium-size, 36px);\n  --_icon-button-density-medium-padding:var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));\n  --_icon-button-density-large-size:var(--forge-icon-button-density-large-size, var(--_icon-button-size));\n  --_icon-button-toggle-on-background-color:var(--forge-icon-button-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-tonal-toggle-background-color:var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));\n  --_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-background-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));\n  --_icon-button-filled-toggle-icon-color:var(--forge-icon-button-filled-toggle-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));\n  --_icon-button-disabled-cursor:var(--forge-icon-button-disabled-cursor, not-allowed);\n  --_icon-button-disabled-opacity:var(--forge-icon-button-disabled-opacity, 0.38);\n  --_icon-button-popover-icon-padding:var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));\n  --_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n}\n\n.forge-icon-button {\n  display: var(--_icon-button-display);\n  position: relative;\n  outline: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  position: relative;\n  z-index: 0;\n  display: var(--_icon-button-display);\n  align-items: center;\n  justify-content: center;\n  gap: var(--_icon-button-gap);\n  box-sizing: border-box;\n  height: var(--_icon-button-density-large-size);\n  min-width: var(--_icon-button-density-large-size);\n  border: var(--_icon-button-border);\n  border-start-start-radius: var(--_icon-button-shape-start-start);\n  border-start-end-radius: var(--_icon-button-shape-start-end);\n  border-end-start-radius: var(--_icon-button-shape-end-start);\n  border-end-end-radius: var(--_icon-button-shape-end-end);\n  padding: var(--_icon-button-padding);\n  box-shadow: var(--_icon-button-shadow);\n  color: var(--_icon-button-icon-color);\n  background: var(--_icon-button-background-color);\n  font-size: var(--_icon-button-icon-size);\n  cursor: var(--_icon-button-cursor);\n  user-select: none;\n  transition-property: box-shadow, background;\n  transition-duration: var(--_icon-button-transition-duration);\n  transition-timing-function: var(--_icon-button-transition-timing);\n}\n\n.forge-icon-button img, .forge-icon-button svg {\n  height: var(--_icon-button-icon-size);\n  width: var(--_icon-button-icon-size);\n}\n\n.forge-icon-button svg {\n  fill: currentColor;\n}\n\n.forge-icon-button:not(:disabled) {\n  --_state-layer-display:var(--forge-state-layer-display, flex);\n  --_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));\n  --_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));\n  --_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);\n  --_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));\n  --_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);\n  --_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);\n  --_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);\n  --_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms);\n}\n\n.forge-icon-button:not(:disabled)::before {\n  opacity: 0;\n  position: absolute;\n  backface-visibility: hidden;\n  transform: translateZ(0);\n  background-color: var(--_state-layer-hover-color);\n  inset: 0;\n  transition: opacity var(--_state-layer-hover-duration) linear, background-color var(--_state-layer-hover-duration) linear;\n  --_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 100ms);\n  content: "";\n  opacity: 0;\n  border-radius: inherit;\n}\n\n.forge-icon-button:not(:disabled):hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n\n.forge-icon-button:not(:disabled):active::before {\n  opacity: var(--_state-layer-pressed-opacity);\n  transition-duration: var(--_state-layer-pressed-duration);\n  --_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.18);\n}\n\n.forge-icon-button:not(:disabled) {\n  --forge-state-layer-color: var(--_icon-button-icon-color);\n}\n\n@keyframes forge-focus-indicator-outward-grow {\n  from {\n    outline-width: 0;\n  }\n  to {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-outward-shrink {\n  from {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-grow {\n  from {\n    border-width: 0;\n  }\n  to {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-shrink {\n  from {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n.forge-icon-button:not(:disabled) {\n  outline: none;\n}\n\n.forge-icon-button:not(:disabled):focus-visible::after {\n  --_focus-indicator-display:var(--forge-focus-indicator-display, flex);\n  --_focus-indicator-width:var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));\n  --_focus-indicator-active-width:var(--forge-focus-indicator-active-width, 6px);\n  --_focus-indicator-color:var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n  --_focus-indicator-shape:var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));\n  --_focus-indicator-duration:var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));\n  --_focus-indicator-easing:var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));\n  --_focus-indicator-shape-start-start:var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-start-end:var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-end:var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-start:var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));\n  --_focus-indicator-outward-offset:var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));\n  --_focus-indicator-inward-offset:var(--forge-focus-indicator-inward-offset, 0px);\n  --_focus-indicator-offset-block:var(--forge-focus-indicator-offset-block, 0);\n  --_focus-indicator-offset-inline:var(--forge-focus-indicator-offset-inline, 0);\n}\n\n.forge-icon-button:not(:disabled):focus-visible::after {\n  animation-delay: 0s, calc(var(--_focus-indicator-duration) * 0.25);\n  animation-duration: calc(var(--_focus-indicator-duration) * 0.25), calc(var(--_focus-indicator-duration) * 0.75);\n  animation-timing-function: var(--_focus-indicator-easing);\n  box-sizing: border-box;\n  color: var(--_focus-indicator-color);\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  margin-block: var(--_focus-indicator-offset-block);\n  margin-inline: var(--_focus-indicator-offset-inline);\n  animation-name: forge-focus-indicator-outward-grow, forge-focus-indicator-outward-shrink;\n  border-end-end-radius: calc(var(--_focus-indicator-shape-end-end) + var(--_focus-indicator-outward-offset));\n  border-end-start-radius: calc(var(--_focus-indicator-shape-end-start) + var(--_focus-indicator-outward-offset));\n  border-start-end-radius: calc(var(--_focus-indicator-shape-start-end) + var(--_focus-indicator-outward-offset));\n  border-start-start-radius: calc(var(--_focus-indicator-shape-start-start) + var(--_focus-indicator-outward-offset));\n  inset: calc(-1 * var(--_focus-indicator-outward-offset));\n  outline: var(--_focus-indicator-width) solid currentColor;\n  content: "";\n  display: block;\n}\n\n.forge-icon-button:not(:disabled) {\n  --forge-focus-indicator-color: var(--_icon-button-focus-indicator-color);\n  --forge-focus-indicator-shape: var(--_icon-button-shape);\n}\n\n.forge-icon-button:not(:disabled):where(.forge-icon-button--text, :not(:where(.forge-icon-button--outlined, .forge-icon-button--tonal, .forge-icon-button--filled, .forge-icon-button--raised))) {\n  --forge-focus-indicator-outward-offset: 0px;\n}\n\n.forge-icon-button--outlined {\n  border-width: var(--_icon-button-outlined-border-width);\n  border-style: var(--_icon-button-outlined-border-style);\n  border-color: var(--_icon-button-outlined-border-color);\n}\n\n.forge-icon-button--tonal {\n  --_icon-button-icon-color:var(--_icon-button-tonal-icon-color);\n  --_icon-button-background-color:var(--_icon-button-tonal-background-color);\n}\n\n.forge-icon-button--filled, .forge-icon-button--raised {\n  --_icon-button-icon-color:var(--_icon-button-filled-icon-color);\n  --_icon-button-background-color:var(--_icon-button-filled-background-color);\n}\n\n.forge-icon-button--raised {\n  --_icon-button-shadow:var(--_icon-button-raised-shadow);\n}\n\n.forge-icon-button--raised:hover {\n  --_icon-button-raised-shadow:var(--_icon-button-raised-hover-shadow);\n}\n\n.forge-icon-button--raised:active {\n  --_icon-button-raised-shadow:var(--_icon-button-raised-active-shadow);\n}\n\n.forge-icon-button--squared {\n  --_icon-button-shape:var(--_icon-button-shape-squared);\n}\n\n.forge-icon-button--small {\n  --_icon-button-size:var(--_icon-button-density-small-size);\n  --_icon-button-icon-size:var(--_icon-button-density-small-icon-size);\n  --_icon-button-padding:var(--_icon-button-density-small-padding);\n}\n\n.forge-icon-button--small > * {\n  font-size: var(--_icon-button-density-small-icon-size);\n}\n\n.forge-icon-button--medium {\n  --_icon-button-size:var(--_icon-button-density-medium-size);\n  --_icon-button-padding:var(--_icon-button-density-medium-padding);\n}\n\n.forge-icon-button:disabled {\n  pointer-events: none;\n  opacity: var(--_icon-button-disabled-opacity);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.forge-icon-button forge-circular-progress {\n  --forge-circular-progress-indicator-color: var(--_icon-button-icon-color);\n  --forge-circular-progress-track-color: transparent;\n  --forge-circular-progress-size: 1em;\n}\n\n:host {\n  display: block;\n}\n\n.tool-call {\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xsmall, 8px);\n  background: var(--forge-theme-surface-container-minimum, #f5f5f5);\n  border-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  border: 1px solid var(--forge-theme-outline, #e0e0e0);\n  margin-block: var(--forge-spacing-medium, 16px);\n  padding: var(--forge-spacing-xxsmall, 4px) var(--forge-spacing-xsmall, 8px);\n  overflow: hidden;\n}\n.tool-call--error {\n  border-color: var(--forge-theme-error, #b00020);\n  background: var(--forge-theme-error-container-low, #f6e0e4);\n}\n.tool-call--error .status-icon {\n  color: var(--forge-theme-error, #b00020);\n}\n\n.debug-button {\n  color: var(--forge-theme-on-error-container-low, #5f0011);\n  --forge-icon-button-focus-indicator-color: var(--forge-theme-error, #b00020);\n  --forge-icon-button-tonal-background-color: var(--forge-theme-error-container-low, #f6e0e4);\n}\n\n.tool-name {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-body1-font-weight, 400);\n  line-height: var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));\n  letter-spacing: var(--forge-typography-body1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-body1-text-transform, inherit);\n  text-decoration: var(--forge-typography-body1-text-decoration, inherit);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.status-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}\n\n.info-button {\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}\n.info-button:hover {\n  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));\n}\n\n.tool-details {\n  display: grid;\n  gap: var(--forge-spacing-medium, 16px);\n  padding: var(--forge-spacing-medium, 16px);\n  min-width: 300px;\n  max-width: 500px;\n  min-height: 100px;\n  max-height: 400px;\n  overflow-y: auto;\n}\n\n.tool-section {\n  display: grid;\n  gap: var(--forge-spacing-xsmall, 8px);\n}\n\n.tool-actions {\n  display: flex;\n  gap: var(--forge-spacing-small, 12px);\n  margin-inline-start: auto;\n}\n.tool-actions > * {\n  display: flex;\n  align-items: center;\n}\n\n.section-label {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-heading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-heading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-heading1-font-weight, 500);\n  line-height: var(--forge-typography-heading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-line-height-scale, 1.125)));\n  letter-spacing: var(--forge-typography-heading1-letter-spacing, 0.0178571429em);\n  text-transform: var(--forge-typography-heading1-text-transform, inherit);\n  text-decoration: var(--forge-typography-heading1-text-decoration, inherit);\n}\n\n.code-block {\n  background-color: var(--forge-theme-surface-container-minimum, #f5f5f5);\n  color: var(--forge-theme-on-surface-container-minimum, #000000);\n  padding: var(--forge-spacing-small, 12px);\n  border-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  overflow-x: auto;\n  margin: 0;\n  font-family: monospace;\n  font-size: 0.85em;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n.tool-error {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));\n  font-weight: var(--forge-typography-body2-font-weight, 400);\n  line-height: var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));\n  letter-spacing: var(--forge-typography-body2-letter-spacing, 0.015625em);\n  text-transform: var(--forge-typography-body2-text-transform, inherit);\n  text-decoration: var(--forge-typography-body2-text-decoration, inherit);\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xsmall, 8px);\n  color: var(--forge-theme-error, #b00020);\n  padding: var(--forge-spacing-small, 12px);\n  margin-block: var(--forge-spacing-small, 12px);\n  background: var(--forge-theme-error-container-low, #f6e0e4);\n  border-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n}';
+const styles = ":host {\n  display: block;\n}";
 export {
   styles as default
 };