@tylertech/forge-ai 0.15.3-dev.1 → 0.16.0

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

@@ -0,0 +1,6 @@
+export { AiToolCallComponent, AiToolCallComponentTagName } from './ai-tool-call.js';
+export { createToolRenderer } from './create-tool-renderer.js';
+export type { CreateToolRendererConfig, CreateToolRendererElementConfig, CreateToolRendererFunctionConfig } from './create-tool-renderer.js';
+export { requestCanvasOpen, requestCanvasClose, toolCanvasHostContext, createToolCanvas, resolveToolCanvasTitle, resolveToolCanvasSubtitle, resolveToolCanvasActionLabel, resolveToolCanvasIcon, resolveToolCanvasInline } from './tool-canvas.js';
+export type { ForgeAiCanvasOpenRequestEventData, ForgeAiCanvasCloseRequestEventData, ToolCanvasHostState, CreateToolCanvasConfig } from './tool-canvas.js';
+export { isToolCallSettled, shouldShowToolRenderer } from './utils.js';

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

@@ -0,0 +1,5 @@
+import { createToolCanvas, requestCanvasClose, requestCanvasOpen, resolveToolCanvasActionLabel, resolveToolCanvasIcon, resolveToolCanvasInline, resolveToolCanvasSubtitle, resolveToolCanvasTitle, toolCanvasHostContext } from "./tool-canvas.mjs";
+import { isToolCallSettled, shouldShowToolRenderer } from "./utils.mjs";
+import { AiToolCallComponent, AiToolCallComponentTagName } from "./ai-tool-call2.mjs";
+import { createToolRenderer } from "./create-tool-renderer.mjs";
+export { AiToolCallComponent, AiToolCallComponentTagName, createToolCanvas, createToolRenderer, isToolCallSettled, requestCanvasClose, requestCanvasOpen, resolveToolCanvasActionLabel, resolveToolCanvasIcon, resolveToolCanvasInline, resolveToolCanvasSubtitle, resolveToolCanvasTitle, shouldShowToolRenderer, toolCanvasHostContext };

package/dist/{ai-chatbot → ai-tool-call}/tool-canvas.d.ts

@@ -1,4 +1,4 @@
-import { ToolCall, ToolCanvas, ToolCanvasInline, AnyToolDefinition, ToolPresentation } from './types.js';
+import { ToolCall, ToolCanvas, ToolCanvasInline, AnyToolDefinition, ToolPresentation } from '../types/index.js';
 export interface ForgeAiCanvasOpenRequestEventData {
     toolCallId: string;
     toolName: string;

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

@@ -0,0 +1,135 @@
+import { createContext } from "@lit/context";
+//#region src/lib/ai-tool-call/tool-canvas.ts
+/**
+* Provided by hosts that render tool calls next to a canvas panel. Without a provider, inline
+* renderers get `inline`.
+*/
+var toolCanvasHostContext = createContext(Symbol("forge-ai-tool-canvas-host"));
+/**
+* Asks the nearest canvas host to show the given tool call. Hosts without a canvas leave the event
+* unhandled. Returns whether the tool call is now showing.
+*/
+function requestCanvasOpen(target, detail) {
+	const request = {
+		...detail,
+		handled: false
+	};
+	target.dispatchEvent(new CustomEvent("forge-ai-canvas-open-request", {
+		detail: request,
+		bubbles: true,
+		composed: true
+	}));
+	return request.handled;
+}
+/** Asks the nearest canvas host to close the canvas if it is showing the given tool call. Returns whether it closed. */
+function requestCanvasClose(target, detail) {
+	const request = {
+		...detail,
+		handled: false
+	};
+	target.dispatchEvent(new CustomEvent("forge-ai-canvas-close-request", {
+		detail: request,
+		bubbles: true,
+		composed: true
+	}));
+	return request.handled;
+}
+/** Builds the `canvas` controls a host injects into a tool renderer. */
+function createToolCanvas({ available, isOpen, open, close }) {
+	return {
+		available,
+		isOpen: isOpen(),
+		open: (options) => available && open(options),
+		close: () => available && close(),
+		toggle: () => available && (isOpen() ? close() : open())
+	};
+}
+var DEFAULT_ACTION_LABEL = {
+	open: "Open in canvas",
+	collapse: "Collapse canvas"
+};
+function resolveToolCallValue(value, toolCall) {
+	if (typeof value === "function") return value(toolCall);
+	return value;
+}
+function resolveToolCanvasTitle(toolCall, toolDefinition) {
+	return resolveToolCallValue(toolDefinition.canvas?.title, toolCall) ?? toolDefinition.displayName ?? toolDefinition.name;
+}
+function resolveToolCanvasSubtitle(toolCall, toolDefinition) {
+	return resolveToolCallValue(toolDefinition.canvas?.subtitle, toolCall);
+}
+function resolveToolCanvasActionLabel(toolCall, toolDefinition, active) {
+	const labels = resolveToolCallValue(toolDefinition.canvas?.actionLabel, toolCall) ?? DEFAULT_ACTION_LABEL;
+	return active ? labels.collapse : labels.open;
+}
+/**
+* Resolves the artifact card icon to a fresh `<svg>` element, or undefined for the card's default glyph.
+* Markup strings are parsed and reduced to an allowlist of shape elements and presentation attributes.
+*/
+function resolveToolCanvasIcon(toolCall, toolDefinition) {
+	const icon = resolveToolCallValue(toolDefinition.canvas?.icon, toolCall);
+	if (!icon) return;
+	if (typeof icon !== "string") return icon.cloneNode(true);
+	const template = document.createElement("template");
+	template.innerHTML = icon;
+	const svg = template.content.querySelector("svg");
+	if (!svg) return;
+	sanitizeSvg(svg);
+	return svg;
+}
+var SVG_ICON_ELEMENTS = /* @__PURE__ */ new Set([
+	"svg",
+	"g",
+	"path",
+	"circle",
+	"ellipse",
+	"rect",
+	"line",
+	"polyline",
+	"polygon"
+]);
+var SVG_ICON_ATTRIBUTES = /* @__PURE__ */ new Set([
+	"xmlns",
+	"viewBox",
+	"width",
+	"height",
+	"d",
+	"fill",
+	"fill-rule",
+	"clip-rule",
+	"stroke",
+	"stroke-width",
+	"stroke-linecap",
+	"stroke-linejoin",
+	"opacity",
+	"transform",
+	"cx",
+	"cy",
+	"r",
+	"rx",
+	"ry",
+	"x",
+	"y",
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"points",
+	"aria-hidden"
+]);
+function sanitizeSvg(svg) {
+	for (const element of [svg, ...svg.querySelectorAll("*")]) {
+		if (!SVG_ICON_ELEMENTS.has(element.localName)) {
+			element.remove();
+			continue;
+		}
+		for (const attribute of [...element.attributes]) if (!SVG_ICON_ATTRIBUTES.has(attribute.name)) element.removeAttribute(attribute.name);
+	}
+}
+function resolveToolCanvasInline(toolDefinition) {
+	const canvas = toolDefinition.canvas;
+	if (canvas?.inline) return canvas.inline;
+	return canvas?.open === "auto" ? "card" : "renderer";
+}
+//#endregion
+export { createToolCanvas, requestCanvasClose, requestCanvasOpen, resolveToolCanvasActionLabel, resolveToolCanvasIcon, resolveToolCanvasInline, resolveToolCanvasSubtitle, resolveToolCanvasTitle, toolCanvasHostContext };

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

@@ -0,0 +1,12 @@
+import { AnyToolDefinition, ToolCall } from '../types/index.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?: AnyToolDefinition): 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?: AnyToolDefinition): boolean;

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

@@ -0,0 +1,20 @@
+//#region src/lib/ai-tool-call/utils.ts
+/**
+* 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`.
+*/
+function shouldShowToolRenderer(toolCall, toolDefinition) {
+	if (!toolDefinition?.renderer) return false;
+	if (toolCall.status === "complete") return true;
+	return !!toolDefinition.renderOnStart && (toolCall.status === "parsing" || toolCall.status === "executing");
+}
+/**
+* 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.
+*/
+function isToolCallSettled(toolCall, toolDefinition) {
+	return toolCall.status === "complete" || toolCall.status === "error" || shouldShowToolRenderer(toolCall, toolDefinition);
+}
+//#endregion
+export { isToolCallSettled, shouldShowToolRenderer };

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

@@ -1,5 +1,5 @@
 import { LitElement, nothing, PropertyValues, TemplateResult, CSSResult } from 'lit';
-import { ToolCall, AnyToolDefinition } from '../ai-chatbot/types.js';
+import { ToolCall, AnyToolDefinition } from '../types/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'forge-ai-tool-call-indicator': AiToolCallIndicatorComponent;

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

@@ -1,331 +1,4 @@
-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;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _internals, _completeIcon, _summaryCompleteIcon, _errorIcon, _chevronIcon, _codeIcon, _AiToolCallIndicatorComponent_instances, count_get, isRunning_get, elapsedMs_get, formattedElapsed_get, summaryLabel_get, toggle_fn, toggleRow_fn, isRowExpanded_fn, hasDetail_fn, rowDuration_fn, formatValue_fn, highlightJson_fn, statusMarker_fn, detailPayload_fn, statusBadge_fn, renderCard_fn, renderRow_fn, timeline_get;
-const AiToolCallIndicatorComponentTagName = "forge-ai-tool-call-indicator";
-const MAX_DETAIL_LENGTH = 2e3;
-let AiToolCallIndicatorComponent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _AiToolCallIndicatorComponent_instances);
-    __privateAdd(this, _internals, this.attachInternals());
-    this.toolCalls = [];
-    this.debugMode = false;
-    this._expanded = false;
-    this._expandedRows = /* @__PURE__ */ new Set();
-    __privateAdd(this, _completeIcon, html`
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      height="16"
-      width="16"
-      fill="currentColor"
-      aria-hidden="true">
-      <path d="M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z" />
-    </svg>
-  `);
-    __privateAdd(this, _summaryCompleteIcon, html`
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      height="16"
-      width="16"
-      fill="currentColor"
-      aria-hidden="true">
-      <path
-        d="M13 2.03v2.02c4.39.54 7.5 4.53 6.96 8.92-.46 3.64-3.32 6.53-6.96 6.96v2c5.5-.55 9.5-5.43 8.95-10.93-.45-4.75-4.22-8.5-8.95-8.97m-2 .03c-1.95.19-3.81.94-5.33 2.2L7.1 5.74c1.12-.9 2.47-1.48 3.9-1.68zM4.26 5.67A9.9 9.9 0 0 0 2.05 11h2c.19-1.42.75-2.77 1.64-3.9zM2.06 13c.2 1.96.97 3.81 2.21 5.33l1.42-1.43A8 8 0 0 1 4.06 13zm5.04 5.37-1.43 1.37A10 10 0 0 0 11 22v-2a8 8 0 0 1-3.9-1.63m9.72-3.18-4.11-4.11c.41-1.04.18-2.26-.68-3.11-.9-.91-2.25-1.09-3.34-.59l1.94 1.94-1.35 1.36-1.99-1.95c-.54 1.09-.29 2.44.59 3.35.86.86 2.08 1.08 3.12.68l4.11 4.1c.18.19.45.19.63 0l1.04-1.03c.22-.18.22-.5.04-.64" />
-    </svg>
-  `);
-    __privateAdd(this, _errorIcon, html`
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      height="16"
-      width="16"
-      fill="currentColor"
-      aria-hidden="true">
-      <path d="M12 2 1 21h22zm0 3.99L19.53 19H4.47zM11 10v4h2v-4zm0 6v2h2v-2z" />
-    </svg>
-  `);
-    __privateAdd(this, _chevronIcon, html`
-    <svg
-      class="chevron"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      height="20"
-      width="20"
-      fill="currentColor"
-      aria-hidden="true">
-      <path d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z" />
-    </svg>
-  `);
-    __privateAdd(this, _codeIcon, html`
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      height="18"
-      width="18"
-      fill="currentColor"
-      aria-hidden="true">
-      <path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z" />
-    </svg>
-  `);
-  }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("debugMode")) {
-      __privateGet(this, _internals).states[this.debugMode ? "add" : "delete"]("debug-mode");
-    }
-  }
-  render() {
-    if (!__privateGet(this, _AiToolCallIndicatorComponent_instances, count_get)) {
-      return nothing;
-    }
-    const icon = __privateGet(this, _AiToolCallIndicatorComponent_instances, isRunning_get) ? html`<forge-ai-spinner size="small"></forge-ai-spinner>` : html`<span class="status-icon">${__privateGet(this, _summaryCompleteIcon)}</span>`;
-    return html`
-      <button class="summary" type="button" aria-expanded=${this._expanded} @click=${__privateMethod(this, _AiToolCallIndicatorComponent_instances, toggle_fn)}>
-        ${icon}
-        <span class="status-text">${__privateGet(this, _AiToolCallIndicatorComponent_instances, summaryLabel_get)}</span>
-        ${__privateGet(this, _chevronIcon)}
-        <span class="focus-indicator"></span>
-      </button>
-      ${__privateGet(this, _AiToolCallIndicatorComponent_instances, timeline_get)}
-    `;
-  }
-};
-_internals = /* @__PURE__ */ new WeakMap();
-_completeIcon = /* @__PURE__ */ new WeakMap();
-_summaryCompleteIcon = /* @__PURE__ */ new WeakMap();
-_errorIcon = /* @__PURE__ */ new WeakMap();
-_chevronIcon = /* @__PURE__ */ new WeakMap();
-_codeIcon = /* @__PURE__ */ new WeakMap();
-_AiToolCallIndicatorComponent_instances = /* @__PURE__ */ new WeakSet();
-count_get = function() {
-  return this.toolCalls.length;
-};
-isRunning_get = function() {
-  return this.toolCalls.some((tc) => !isToolCallSettled(tc, this.tools?.get(tc.name)));
-};
-elapsedMs_get = function() {
-  if (__privateGet(this, _AiToolCallIndicatorComponent_instances, isRunning_get)) {
-    return void 0;
-  }
-  const starts = this.toolCalls.map((tc) => tc.startTimestamp ?? 0).filter((t) => t > 0);
-  const ends = this.toolCalls.map((tc) => tc.endTimestamp ?? 0).filter((t) => t > 0);
-  if (!starts.length || !ends.length) {
-    return void 0;
-  }
-  return Math.max(...ends) - Math.min(...starts);
-};
-formattedElapsed_get = function() {
-  const ms = __privateGet(this, _AiToolCallIndicatorComponent_instances, elapsedMs_get) ?? 0;
-  if (ms < 1e3) {
-    return `${ms}ms`;
-  }
-  return `${Math.round(ms / 1e3)}s`;
-};
-summaryLabel_get = function() {
-  if (__privateGet(this, _AiToolCallIndicatorComponent_instances, isRunning_get)) {
-    return "Running tools...";
-  }
-  const elapsed = __privateGet(this, _AiToolCallIndicatorComponent_instances, elapsedMs_get);
-  const base = `Used ${__privateGet(this, _AiToolCallIndicatorComponent_instances, count_get)} ${__privateGet(this, _AiToolCallIndicatorComponent_instances, count_get) === 1 ? "tool" : "tools"}`;
-  return elapsed === void 0 ? base : `${base} · ${__privateGet(this, _AiToolCallIndicatorComponent_instances, formattedElapsed_get)}`;
-};
-toggle_fn = function() {
-  this._expanded = !this._expanded;
-};
-toggleRow_fn = function(id) {
-  const next = new Set(this._expandedRows);
-  if (next.has(id)) {
-    next.delete(id);
-  } else {
-    next.add(id);
-  }
-  this._expandedRows = next;
-};
-isRowExpanded_fn = function(id) {
-  return this._expandedRows.has(id);
-};
-hasDetail_fn = function(toolCall) {
-  if (!this.debugMode) {
-    return false;
-  }
-  const hasArgs = !!toolCall.args && Object.keys(toolCall.args).length > 0;
-  const showResult = toolCall.status === "complete" && toolCall.result !== void 0;
-  const showError = toolCall.status === "error";
-  return hasArgs || showResult || showError;
-};
-rowDuration_fn = function(toolCall) {
-  const { startTimestamp, endTimestamp } = toolCall;
-  if (!startTimestamp || !endTimestamp || endTimestamp < startTimestamp) {
-    return void 0;
-  }
-  const ms = endTimestamp - startTimestamp;
-  return ms < 1e3 ? `${ms}ms` : `${(ms / 1e3).toFixed(1)}s`;
-};
-formatValue_fn = function(value) {
-  let text;
-  try {
-    text = JSON.stringify(value, null, 2);
-  } catch {
-    text = String(value);
-  }
-  if (text === void 0) {
-    text = String(value);
-  }
-  if (text.length > MAX_DETAIL_LENGTH) {
-    return `${text.slice(0, MAX_DETAIL_LENGTH)}… (truncated)`;
-  }
-  return text;
-};
-highlightJson_fn = function(value) {
-  const escaped = __privateMethod(this, _AiToolCallIndicatorComponent_instances, formatValue_fn).call(this, value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-  const highlighted = escaped.replace(
-    /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g,
-    (match) => {
-      let cls = "token-number";
-      if (/^"/.test(match)) {
-        cls = /:$/.test(match) ? "token-key" : "token-string";
-      } else if (/true|false/.test(match)) {
-        cls = "token-boolean";
-      } else if (/null/.test(match)) {
-        cls = "token-null";
-      }
-      return `<span class="${cls}">${match}</span>`;
-    }
-  );
-  return html`${unsafeHTML(highlighted)}`;
-};
-statusMarker_fn = function(toolCall) {
-  if (toolCall.status === "error" || toolCall.status === "cancelled") {
-    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) {
-  const payload = {
-    "tool_name": toolCall.name,
-    "tool_call_id": toolCall.id,
-    "status": toolCall.status
-  };
-  const duration = __privateMethod(this, _AiToolCallIndicatorComponent_instances, rowDuration_fn).call(this, toolCall);
-  if (duration) {
-    payload.duration = duration;
-  }
-  if (toolCall.args && Object.keys(toolCall.args).length > 0) {
-    payload.input = toolCall.args;
-  }
-  if (toolCall.result !== void 0) {
-    payload.output = toolCall.result;
-  }
-  return payload;
-};
-statusBadge_fn = function(toolCall) {
-  const duration = __privateMethod(this, _AiToolCallIndicatorComponent_instances, rowDuration_fn).call(this, toolCall);
-  if (!duration) {
-    return nothing;
-  }
-  return html`<span class="code-card__status" data-status=${toolCall.status}>${duration}</span>`;
-};
-renderCard_fn = function(toolCall) {
-  const expanded = __privateMethod(this, _AiToolCallIndicatorComponent_instances, isRowExpanded_fn).call(this, toolCall.id);
-  const regionId = `detail-${toolCall.id}`;
-  const name = this.tools?.get(toolCall.name)?.displayName ?? toolCall.name;
-  return html`
-      <div class="code-card">
-        <button
-          class="code-card__header row-button"
-          type="button"
-          aria-expanded=${expanded}
-          aria-controls=${regionId}
-          @click=${() => __privateMethod(this, _AiToolCallIndicatorComponent_instances, toggleRow_fn).call(this, toolCall.id)}>
-          <span class="code-card__title">${__privateGet(this, _codeIcon)}<span class="code-card__name">${name}</span></span>
-          ${__privateMethod(this, _AiToolCallIndicatorComponent_instances, statusBadge_fn).call(this, toolCall)} ${__privateGet(this, _chevronIcon)}
-          <span class="focus-indicator"></span>
-        </button>
-        ${when(
-    expanded,
-    () => html`
-            <div id=${regionId} class="code-card__body" role="region">
-              <pre class="code-card__code">${__privateMethod(this, _AiToolCallIndicatorComponent_instances, highlightJson_fn).call(this, __privateMethod(this, _AiToolCallIndicatorComponent_instances, detailPayload_fn).call(this, toolCall))}</pre>
-            </div>
-          `
-  )}
-      </div>
-    `;
-};
-renderRow_fn = function(toolCall) {
-  if (__privateMethod(this, _AiToolCallIndicatorComponent_instances, hasDetail_fn).call(this, toolCall)) {
-    return html`
-        <div class="timeline-row" data-status=${toolCall.status}>
-          <div class="row-header">${__privateMethod(this, _AiToolCallIndicatorComponent_instances, statusMarker_fn).call(this, toolCall)}${__privateMethod(this, _AiToolCallIndicatorComponent_instances, renderCard_fn).call(this, toolCall)}</div>
-        </div>
-      `;
-  }
-  const definition = this.tools?.get(toolCall.name);
-  const name = definition?.displayName ?? toolCall.name;
-  return html`
-      <div class="timeline-row" data-status=${toolCall.status}>
-        <div class="row-header">
-          ${__privateMethod(this, _AiToolCallIndicatorComponent_instances, statusMarker_fn).call(this, toolCall)}
-          <span class="row-label">
-            <span class="row-name">${name}${__privateMethod(this, _AiToolCallIndicatorComponent_instances, statusBadge_fn).call(this, toolCall)}</span>
-          </span>
-        </div>
-      </div>
-    `;
-};
-timeline_get = function() {
-  return html`
-      <div class="timeline ${this._expanded ? "expanded" : ""}">
-        <div class="timeline-content">${this.toolCalls.map((tc) => __privateMethod(this, _AiToolCallIndicatorComponent_instances, renderRow_fn).call(this, tc))}</div>
-      </div>
-    `;
-};
-AiToolCallIndicatorComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property({ attribute: false })
-], AiToolCallIndicatorComponent.prototype, "toolCalls", 2);
-__decorateClass([
-  property({ attribute: false })
-], AiToolCallIndicatorComponent.prototype, "tools", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "debug-mode" })
-], AiToolCallIndicatorComponent.prototype, "debugMode", 2);
-__decorateClass([
-  state()
-], AiToolCallIndicatorComponent.prototype, "_expanded", 2);
-__decorateClass([
-  state()
-], AiToolCallIndicatorComponent.prototype, "_expandedRows", 2);
-AiToolCallIndicatorComponent = __decorateClass([
-  customElement(AiToolCallIndicatorComponentTagName)
-], AiToolCallIndicatorComponent);
-export {
-  AiToolCallIndicatorComponent,
-  AiToolCallIndicatorComponentTagName
-};
+//#region src/lib/ai-tool-call-indicator/ai-tool-call-indicator.scss?inline
+var ai_tool_call_indicator_default = "@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:host {\n  display: block;\n}\n\n.summary {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xsmall, 8px);\n  padding-block: var(--forge-spacing-xxsmall, 4px);\n  margin-block: var(--forge-spacing-xsmall, 8px);\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  text-align: start;\n  border-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  outline: none;\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.summary::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.summary:hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n.summary: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.status-icon {\n  display: flex;\n  align-items: center;\n}\n\n.status-text {\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  min-width: 0;\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}\n\n.chevron {\n  flex-shrink: 0;\n  transition: transform var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n\n.summary[aria-expanded=true] .chevron,\n.row-button[aria-expanded=true] .chevron {\n  transform: rotate(180deg);\n}\n\n.focus-indicator {\n  position: absolute;\n  display: none;\n}\n\n:host .summary:focus .focus-indicator,\n:host .row-button:focus .focus-indicator {\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  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-inward-grow, forge-focus-indicator-inward-shrink;\n  border-end-end-radius: calc(var(--_focus-indicator-shape-end-end) - var(--_focus-indicator-inward-offset));\n  border-end-start-radius: calc(var(--_focus-indicator-shape-end-start) - var(--_focus-indicator-inward-offset));\n  border-start-end-radius: calc(var(--_focus-indicator-shape-start-end) - var(--_focus-indicator-inward-offset));\n  border-start-start-radius: calc(var(--_focus-indicator-shape-start-start) - var(--_focus-indicator-inward-offset));\n  border: var(--_focus-indicator-width) solid currentColor;\n  inset: var(--_focus-indicator-inward-offset);\n}\n:host .summary:focus .focus-indicator::before,\n:host .row-button:focus .focus-indicator::before {\n  content: \"\";\n}\n:host .summary:focus .focus-indicator,\n:host .row-button:focus .focus-indicator {\n  display: block;\n  --forge-focus-indicator-shape: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n}\n:host .code-card__header[aria-expanded=true]:focus .focus-indicator {\n  --forge-focus-indicator-shape-end-start: 0px;\n  --forge-focus-indicator-shape-end-end: 0px;\n}\n\n.timeline {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.3s ease-out;\n}\n.timeline.expanded {\n  grid-template-rows: 1fr;\n}\n\n.timeline-content {\n  overflow: hidden;\n  min-height: 0;\n  padding-inline-start: var(--forge-spacing-small, 12px);\n}\n\n.timeline-row {\n  position: relative;\n  padding-inline-start: var(--forge-spacing-large, 24px);\n  padding-block-end: var(--forge-spacing-medium, 16px);\n}\n.timeline-row::before {\n  content: \"\";\n  position: absolute;\n  inset-block-start: calc(28px + 4px);\n  inset-block-end: -4px;\n  inset-inline-start: calc(28px / 2);\n  width: 1px;\n  background-color: var(--forge-theme-outline, #e0e0e0);\n}\n.timeline-row:last-child::before {\n  display: none;\n}\n\n.row-header {\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-small, 12px);\n  width: 100%;\n  min-height: 28px;\n  margin-inline-start: calc(-1 * var(--forge-spacing-large, 24px));\n}\n.row-header:has(.code-card) {\n  align-items: flex-start;\n}\n\n.row-button {\n  position: relative;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding-block: var(--forge-spacing-xsmall, 8px);\n  padding-inline: 0 var(--forge-spacing-xsmall, 8px);\n  text-align: start;\n  color: inherit;\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n  outline: none;\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.row-button::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.row-button:hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n.row-button: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.row-marker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background-color: var(--forge-theme-primary-container, #d1d5ed);\n  color: var(--forge-theme-primary, #3f51b5);\n}\n:host(:state(debug-mode)) .row-marker {\n  margin-block-start: var(--forge-spacing-xxsmall, 4px);\n}\n.row-marker--complete {\n  background-color: var(--forge-theme-success-container, #cde0ce);\n  color: var(--forge-theme-on-success-container, #19441b);\n}\n.row-marker--error {\n  background-color: var(--forge-theme-error-container, #ecc2c9);\n  color: var(--forge-theme-on-error-container, #5f0011);\n}\n\n.row-label {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: var(--forge-spacing-xxxsmall, 2px);\n}\n\n.row-name {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));\n  font-size: var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.8125)));\n  font-weight: var(--forge-typography-label2-font-weight, 400);\n  line-height: var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label2-letter-spacing, 0.0096153846em);\n  text-transform: var(--forge-typography-label2-text-transform, inherit);\n  text-decoration: var(--forge-typography-label2-text-decoration, inherit);\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xsmall, 8px);\n  line-height: normal;\n  font-weight: 500;\n  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));\n}\n\n.code-card {\n  flex: 1;\n  min-width: 0;\n  border: 1px solid var(--forge-theme-outline, #e0e0e0);\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n  overflow: hidden;\n  background-color: var(--forge-theme-surface, #ffffff);\n}\n\n.code-card__header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-small, 12px);\n  width: 100%;\n  padding-block: var(--forge-spacing-xsmall, 8px);\n  padding-inline: var(--forge-spacing-small, 12px);\n  border: none;\n  cursor: pointer;\n  text-align: start;\n  background-color: var(--forge-theme-surface-container-minimum, #f5f5f5);\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1)) calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1)) 0 0;\n}\n.code-card__header[aria-expanded=false] {\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n}\n.code-card__header[aria-expanded=true] {\n  border-block-end: 1px solid var(--forge-theme-outline, #e0e0e0);\n}\n\n.code-card__title {\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xsmall, 8px);\n  flex: 1;\n  min-width: 0;\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}\n\n.code-card__name {\n  font-family: monospace;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.code-card__status {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding-block: var(--forge-spacing-xxxsmall, 2px);\n  padding-inline: var(--forge-spacing-xsmall, 8px);\n  border-radius: 999px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  background-color: var(--forge-theme-surface-container, #e0e0e0);\n}\n.code-card__status[data-status=complete] {\n  color: var(--forge-theme-on-success-container, #19441b);\n  background-color: var(--forge-theme-success-container, #cde0ce);\n}\n.code-card__status[data-status=error] {\n  color: var(--forge-theme-on-error-container, #5f0011);\n  background-color: var(--forge-theme-error-container, #ecc2c9);\n}\n\n.code-card__code::-webkit-scrollbar {\n  height: var(--forge-scrollbar-height, 16px);\n  width: var(--forge-scrollbar-width, 16px);\n}\n.code-card__code::-webkit-scrollbar-track {\n  background-color: var(--forge-scrollbar-track-container, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.code-card__code::-webkit-scrollbar-track:hover {\n  background-color: var(--forge-scrollbar-track-container-hover, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.code-card__code::-webkit-scrollbar-corner {\n  background-color: var(--forge-scrollbar-track-container, var(--forge-theme-surface-container-low, #ebebeb));\n}\n.code-card__code::-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.code-card__code::-webkit-scrollbar-thumb:hover {\n  background-color: var(--forge-scrollbar-thumb-container-hover, var(--forge-theme-surface-container-high, #9e9e9e));\n}\n.code-card__code {\n  font-family: monospace;\n  font-size: 0.8125rem;\n  line-height: 1.6;\n  margin: 0;\n  padding: var(--forge-spacing-small, 12px);\n  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));\n  overflow: auto;\n  max-height: 320px;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n.code-card__code .token-key {\n  color: var(--forge-theme-primary, #3f51b5);\n}\n.code-card__code .token-string {\n  color: var(--forge-theme-success, #2e7d32);\n}\n.code-card__code .token-number {\n  color: var(--forge-theme-primary, #3f51b5);\n}\n.code-card__code .token-boolean {\n  color: var(--forge-theme-tertiary, #3d5afe);\n}\n.code-card__code .token-null {\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}";
+//#endregion
+export { ai_tool_call_indicator_default as default };