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

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

@@ -0,0 +1,438 @@
+import __decorate from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import "../core/tooltip/tooltip2.mjs";
+import { toggleState } from "../utils/dom.mjs";
+import "../ai-context-items/index.mjs";
+import ai_prompt_default from "./ai-prompt.mjs";
+import "../ai-slash-command-menu/ai-slash-command-menu2.mjs";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+//#region src/lib/ai-prompt/ai-prompt.ts
+var MAX_HISTORY_SIZE = 50;
+var AiPromptComponentTagName = "forge-ai-prompt";
+var AiPromptComponent = class AiPromptComponent extends LitElement {
+	static {
+		this.styles = unsafeCSS(ai_prompt_default);
+	}
+	#internals;
+	#messageHistory;
+	#historyIndex;
+	#draftMessage;
+	constructor() {
+		super();
+		this.placeholder = "Ask a question...";
+		this.value = "";
+		this.variant = "stacked";
+		this.sendDisabled = false;
+		this.autofocus = false;
+		this.inputDisabled = false;
+		this.cancelOnEscape = true;
+		this.running = false;
+		this.debugMode = false;
+		this.slashCommands = [];
+		this.contextItems = [];
+		this._slashMenuOpen = false;
+		this._slashMenuQuery = "";
+		this.#messageHistory = [];
+		this.#historyIndex = -1;
+		this.#draftMessage = "";
+		this.#actionsStartSlot = html`<slot name="actions-start"></slot>`;
+		this.#actionsEndSlot = html`<slot name="actions-end"></slot>`;
+		this.#internals = this.attachInternals();
+		this.#setCssState();
+	}
+	willUpdate(changedProperties) {
+		if (changedProperties.has("variant")) this.#setCssState();
+	}
+	firstUpdated() {
+		if (this.autofocus) this.focus();
+	}
+	#setCssState() {
+		toggleState(this.#internals, "inline", this.variant === "inline");
+		toggleState(this.#internals, "stacked", this.variant === "stacked");
+	}
+	/**
+	* 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 (this.#messageHistory[this.#messageHistory.length - 1] === trimmed) {
+			this.#resetHistoryNavigation();
+			return;
+		}
+		this.#messageHistory.push(trimmed);
+		if (this.#messageHistory.length > MAX_HISTORY_SIZE) this.#messageHistory.shift();
+		this.#resetHistoryNavigation();
+	}
+	/**
+	* Replaces the entire message history with the provided messages.
+	* Use this when restoring thread state from persistence.
+	*/
+	setHistory(messages) {
+		this.#messageHistory = messages.map((msg) => msg?.trim()).filter((msg) => msg.length > 0).slice(-50);
+		this.#resetHistoryNavigation();
+	}
+	/**
+	* Returns a copy of the current message history.
+	*/
+	getHistory() {
+		return [...this.#messageHistory];
+	}
+	#resetHistoryNavigation() {
+		this.#historyIndex = -1;
+		this.#draftMessage = "";
+	}
+	#isCursorOnFirstLine() {
+		const cursorPos = this._inputElement?.selectionStart ?? 0;
+		return !this.value.substring(0, cursorPos).includes("\n");
+	}
+	#isCursorOnLastLine() {
+		const cursorPos = this._inputElement?.selectionStart ?? 0;
+		return !this.value.substring(cursorPos).includes("\n");
+	}
+	#isCursorAtStart() {
+		return (this._inputElement?.selectionStart ?? 0) === 0;
+	}
+	#isCursorAtEnd() {
+		return (this._inputElement?.selectionStart ?? 0) === this.value.length;
+	}
+	#moveCursorToStart() {
+		this._inputElement?.setSelectionRange(0, 0);
+	}
+	#moveCursorToEnd() {
+		const len = this.value.length;
+		this._inputElement?.setSelectionRange(len, len);
+	}
+	#navigateHistory(direction) {
+		if (this.#messageHistory.length === 0) return false;
+		if (direction > 0 && this.#historyIndex === -1) return false;
+		if (direction < 0) {
+			if (this.#historyIndex === -1) {
+				this.#draftMessage = this.value;
+				this.#historyIndex = this.#messageHistory.length - 1;
+			} else if (this.#historyIndex > 0) this.#historyIndex--;
+			else return false;
+		} else {
+			const newIndex = this.#historyIndex + 1;
+			if (newIndex >= this.#messageHistory.length) {
+				this.#historyIndex = -1;
+				this.value = this.#draftMessage;
+				if (this._inputElement) this._inputElement.value = this.#draftMessage;
+				return true;
+			}
+			this.#historyIndex = newIndex;
+		}
+		this.value = this.#messageHistory[this.#historyIndex];
+		if (this._inputElement) this._inputElement.value = this.#messageHistory[this.#historyIndex];
+		return true;
+	}
+	#actionsStartSlot;
+	#actionsEndSlot;
+	get #shouldShowStopButton() {
+		return this.running && !this.value.trim();
+	}
+	get #actions() {
+		return html`
+      <div class="actions">
+        <div class="actions-start-container">${this.#actionsStartSlot}</div>
+        <div class="actions-end-container">${this.#actionsEndSlot} ${this.#sendButton}</div>
+      </div>
+      ${when(this.slashCommands.length, () => html`<div class="vertical-divider"></div>`)}
+    `;
+	}
+	_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: messageValue,
+				time: now.toLocaleTimeString([], {
+					hour: "2-digit",
+					minute: "2-digit"
+				}),
+				date: now
+			},
+			bubbles: true,
+			composed: true,
+			cancelable: true
+		});
+		this.dispatchEvent(event);
+		if (!event.defaultPrevented) {
+			this.addToHistory(messageValue);
+			this.value = "";
+			this._slashMenuOpen = false;
+			this._slashMenuQuery = "";
+		}
+	}
+	_handleInput(event) {
+		this.value = event.target.value;
+		if (this.#historyIndex !== -1) {
+			this.#draftMessage = this.value;
+			this.#historyIndex = -1;
+		}
+		if (this.slashCommands.length === 0) return;
+		if (this.value === "/") {
+			this._slashMenuQuery = "";
+			this._slashMenuOpen = true;
+		} else if (this.value.startsWith("/") && this._slashMenuOpen) this._slashMenuQuery = this.value.slice(1);
+		else if (this._slashMenuOpen) {
+			this._slashMenuOpen = false;
+			this._slashMenuQuery = "";
+		}
+	}
+	_handleKeyDown(event) {
+		if (this._slashMenuOpen && this._slashMenuElement) {
+			if (this._slashMenuElement.handleKeyDown(event)) return;
+		}
+		if (!(event.shiftKey || event.ctrlKey || event.metaKey)) {
+			if (event.key === "ArrowUp" && this.#isCursorOnFirstLine()) {
+				if (this.#isCursorAtStart()) {
+					if (this.#navigateHistory(-1)) {
+						this.#moveCursorToStart();
+						event.preventDefault();
+						return;
+					}
+				} else {
+					this.#moveCursorToStart();
+					event.preventDefault();
+					return;
+				}
+			} else if (event.key === "ArrowDown" && this.#isCursorOnLastLine()) {
+				if (this.#isCursorAtEnd()) {
+					if (this.#navigateHistory(1)) {
+						event.preventDefault();
+						return;
+					}
+				} else {
+					this.#moveCursorToEnd();
+					event.preventDefault();
+					return;
+				}
+			}
+		}
+		if (event.key === "Enter" && !event.shiftKey) {
+			if (event.isComposing) return;
+			event.preventDefault();
+			if (this._slashMenuOpen) {
+				this._slashMenuOpen = false;
+				this._slashMenuQuery = "";
+				this._handleSend();
+				return;
+			}
+			if (!this._slashMenuOpen) this._handleSend();
+		} else if (event.key === "Escape") {
+			if (this._slashMenuOpen) {
+				event.preventDefault();
+				this._slashMenuOpen = false;
+				this._slashMenuQuery = "";
+			} else if (this.cancelOnEscape) {
+				event.preventDefault();
+				this._handleEscape();
+			}
+		}
+	}
+	_handleStop() {
+		const event = new CustomEvent("forge-ai-prompt-stop", {
+			bubbles: true,
+			composed: true,
+			cancelable: true
+		});
+		this.dispatchEvent(event);
+	}
+	_handleEscape() {
+		const event = new CustomEvent("forge-ai-prompt-cancel", {
+			bubbles: true,
+			composed: true
+		});
+		this.dispatchEvent(event);
+	}
+	_handleDebugToggle() {
+		const event = new CustomEvent("forge-ai-prompt-debug-toggle", {
+			bubbles: true,
+			composed: true
+		});
+		this.dispatchEvent(event);
+	}
+	_handlePaste(event) {
+		const files = Array.from(event.clipboardData?.files || []);
+		if (files.length > 0) {
+			event.preventDefault();
+			const attachmentEvent = new CustomEvent("forge-ai-prompt-attachment", {
+				detail: { files },
+				bubbles: true,
+				composed: true
+			});
+			this.dispatchEvent(attachmentEvent);
+		}
+	}
+	#handleSlashCommandSelect(event) {
+		const { command } = event.detail;
+		this.dispatchEvent(new CustomEvent("forge-ai-prompt-command", {
+			detail: {
+				commandId: command.id,
+				group: command.group,
+				timestamp: /* @__PURE__ */ new Date()
+			},
+			bubbles: true,
+			composed: true
+		}));
+		this.value = "";
+		if (this._inputElement) this._inputElement.value = "";
+		this._slashMenuOpen = false;
+		this._slashMenuQuery = "";
+	}
+	#handleSlashCommandClose() {
+		this._slashMenuOpen = false;
+		this._slashMenuQuery = "";
+	}
+	#handleContextItemRemove(evt) {
+		this.dispatchEvent(new CustomEvent("forge-ai-prompt-context-remove", {
+			detail: {
+				id: evt.detail.id,
+				item: evt.detail.item
+			},
+			bubbles: true,
+			composed: true
+		}));
+	}
+	get #contextItemsTemplate() {
+		if (this.contextItems.length === 0) return nothing;
+		return html`
+      <forge-ai-context-items .items=${this.contextItems} @forge-ai-context-items-remove=${this.#handleContextItemRemove}> </forge-ai-context-items>
+    `;
+	}
+	get #textArea() {
+		return html` <textarea
+      id="chat-input"
+      rows="1"
+      .value=${this.value}
+      placeholder=${this.placeholder}
+      ?disabled=${this.inputDisabled}
+      @input=${this._handleInput}
+      @keydown=${this._handleKeyDown}
+      @paste=${this._handlePaste}></textarea>`;
+	}
+	get #sendButton() {
+		return html`
+      <button
+        id="send-btn"
+        aria-label=${this.#shouldShowStopButton ? "Stop" : "Send message"}
+        class="forge-icon-button forge-icon-button--medium send-button"
+        ?disabled=${this.sendDisabled || this.inputDisabled}
+        @click=${this.#shouldShowStopButton ? this._handleStop : this._handleSend}>
+        ${this.#shouldShowStopButton ? html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M18 18H6V6h12z" />
+            </svg>` : html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="m2 21 21-9L2 3v7l15 2-15 2z" />
+            </svg>`}
+        <forge-ai-tooltip for="send-btn" placement="top">${this.#shouldShowStopButton ? "Stop" : "Send"}</forge-ai-tooltip>
+      </button>
+    `;
+	}
+	get #debugButton() {
+		return html`
+      <button
+        id="debug-btn"
+        aria-label="Exit debug mode"
+        class="forge-icon-button forge-icon-button--small forge-icon-button--tonal ai-icon-button debug-button"
+        @click=${this._handleDebugToggle}>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+          <path
+            d="M20 8h-2.81a5.985 5.985 0 0 0-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 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-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z" />
+        </svg>
+        <forge-ai-tooltip for="debug-btn" placement="top">Exit debug mode</forge-ai-tooltip>
+      </button>
+    `;
+	}
+	get #slashCommandMenu() {
+		return when(this.slashCommands.length, () => html`
+        <forge-ai-slash-command-menu
+          .commands=${this.slashCommands}
+          .filterQuery=${this._slashMenuQuery}
+          .open=${this._slashMenuOpen}
+          .anchor=${this._inputElement}
+          .widthReference=${this}
+          @forge-ai-slash-command-menu-select=${this.#handleSlashCommandSelect}
+          @forge-ai-slash-command-menu-close=${this.#handleSlashCommandClose}>
+        </forge-ai-slash-command-menu>
+      `);
+	}
+	/**
+	* Closes the slash command menu
+	*/
+	closeSlashMenu() {
+		this._slashMenuOpen = false;
+		this._slashMenuQuery = "";
+	}
+	/**
+	* Focuses the textarea element
+	*/
+	focus() {
+		this._inputElement?.focus();
+	}
+	render() {
+		return html`
+      ${when(this.variant === "stacked", () => html`
+          <div class="input-container">
+            <div class="forge-card">
+              ${this.#contextItemsTemplate}
+              <div class="forge-field">${this.#textArea} ${when(this.debugMode, () => html` ${this.#debugButton} `)}</div>
+              ${this.#actions}
+            </div>
+          </div>
+          ${this.#slashCommandMenu}
+        `)}
+      ${when(this.variant === "inline", () => html`
+          <div class="input-container">
+            <div class="forge-card">
+              ${this.#contextItemsTemplate}
+              <div class="forge-field">
+                ${this.#actionsStartSlot} ${this.#textArea} ${when(this.debugMode, () => html` ${this.#debugButton} `)}
+                <div class="actions-end-container">${this.#actionsEndSlot} ${this.#sendButton}</div>
+              </div>
+            </div>
+          </div>
+          ${this.#slashCommandMenu}
+        `)}
+    `;
+	}
+};
+__decorate([property()], AiPromptComponent.prototype, "placeholder", void 0);
+__decorate([property()], AiPromptComponent.prototype, "value", void 0);
+__decorate([property({
+	type: String,
+	attribute: "variant"
+})], AiPromptComponent.prototype, "variant", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: "send-disabled"
+})], AiPromptComponent.prototype, "sendDisabled", void 0);
+__decorate([property({ type: Boolean })], AiPromptComponent.prototype, "autofocus", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: "input-disabled"
+})], AiPromptComponent.prototype, "inputDisabled", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: "cancel-on-escape"
+})], AiPromptComponent.prototype, "cancelOnEscape", void 0);
+__decorate([property({ type: Boolean })], AiPromptComponent.prototype, "running", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: "debug-mode"
+})], AiPromptComponent.prototype, "debugMode", void 0);
+__decorate([property({
+	type: Array,
+	attribute: false
+})], AiPromptComponent.prototype, "slashCommands", void 0);
+__decorate([property({ attribute: false })], AiPromptComponent.prototype, "contextItems", void 0);
+__decorate([state()], AiPromptComponent.prototype, "_slashMenuOpen", void 0);
+__decorate([state()], AiPromptComponent.prototype, "_slashMenuQuery", void 0);
+__decorate([query("#chat-input")], AiPromptComponent.prototype, "_inputElement", void 0);
+__decorate([query("forge-ai-slash-command-menu")], AiPromptComponent.prototype, "_slashMenuElement", void 0);
+AiPromptComponent = __decorate([customElement(AiPromptComponentTagName)], AiPromptComponent);
+//#endregion
+export { AiPromptComponent, AiPromptComponentTagName };

package/dist/ai-prompt/index.mjs

@@ -1,5 +1 @@
-import { AiPromptComponent, AiPromptComponentTagName } from "./ai-prompt.mjs";
-export {
-  AiPromptComponent,
-  AiPromptComponentTagName
-};
+export { AiPromptComponent, AiPromptComponentTagName } from "./ai-prompt2.mjs";

package/dist/ai-reasoning/ai-reasoning.mjs

@@ -1,44 +1,4 @@
-import { unsafeCSS, LitElement, html } from "lit";
-import { property, customElement } from "lit/decorators.js";
-import styles from "./ai-reasoning.scss.mjs";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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;
-};
-const AiReasoningComponentTagName = "forge-ai-reasoning";
-let AiReasoningComponent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.expanded = false;
-  }
-  render() {
-    return html`
-      <slot name="header" @toggle=${this._handleHeaderToggle}></slot>
-      <div class="reasoning ${this.expanded ? "expanded" : ""}">
-        <div class="content">
-          <slot></slot>
-        </div>
-      </div>
-    `;
-  }
-  _handleHeaderToggle(event) {
-    this.expanded = event.detail.expanded;
-  }
-};
-AiReasoningComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], AiReasoningComponent.prototype, "expanded", 2);
-AiReasoningComponent = __decorateClass([
-  customElement(AiReasoningComponentTagName)
-], AiReasoningComponent);
-export {
-  AiReasoningComponent,
-  AiReasoningComponentTagName
-};
+//#region src/lib/ai-reasoning/ai-reasoning.scss?inline
+var ai_reasoning_default = ":host {\n  display: block;\n}\n\n.reasoning {\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height 0.3s ease-out;\n}\n.reasoning.expanded {\n  max-height: 500px;\n}\n\n.content {\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  padding: var(--forge-spacing-medium, 16px);\n}";
+//#endregion
+export { ai_reasoning_default as default };

package/dist/ai-reasoning/ai-reasoning2.mjs

@@ -0,0 +1,35 @@
+import __decorate from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import ai_reasoning_default from "./ai-reasoning.mjs";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property } from "lit/decorators.js";
+//#region src/lib/ai-reasoning/ai-reasoning.ts
+var AiReasoningComponentTagName = "forge-ai-reasoning";
+var AiReasoningComponent = class AiReasoningComponent extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.expanded = false;
+	}
+	static {
+		this.styles = unsafeCSS(ai_reasoning_default);
+	}
+	render() {
+		return html`
+      <slot name="header" @forge-ai-reasoning-header-toggle=${this._handleHeaderToggle}></slot>
+      <div class="reasoning ${this.expanded ? "expanded" : ""}">
+        <div class="content">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+	}
+	_handleHeaderToggle(event) {
+		this.expanded = event.detail.expanded;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], AiReasoningComponent.prototype, "expanded", void 0);
+AiReasoningComponent = __decorate([customElement(AiReasoningComponentTagName)], AiReasoningComponent);
+//#endregion
+export { AiReasoningComponent, AiReasoningComponentTagName };

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

@@ -1,2 +1,2 @@
-export { AiReasoningComponent, AiReasoningComponentTagName } from './ai-reasoning';
-export { ReasoningContentComponent, ReasoningContentComponentTagName } from './reasoning-content';
+export { AiReasoningComponent, AiReasoningComponentTagName } from './ai-reasoning.js';
+export { ReasoningContentComponent, ReasoningContentComponentTagName } from './reasoning-content/index.js';

package/dist/ai-reasoning/index.mjs

@@ -1,8 +1,4 @@
-import { AiReasoningComponent, AiReasoningComponentTagName } from "./ai-reasoning.mjs";
-import { ReasoningContentComponent, ReasoningContentComponentTagName } from "./reasoning-content/reasoning-content.mjs";
-export {
-  AiReasoningComponent,
-  AiReasoningComponentTagName,
-  ReasoningContentComponent,
-  ReasoningContentComponentTagName
-};
+import { AiReasoningComponent, AiReasoningComponentTagName } from "./ai-reasoning2.mjs";
+import { ReasoningContentComponent, ReasoningContentComponentTagName } from "./reasoning-content/reasoning-content2.mjs";
+import "./reasoning-content/index.mjs";
+export { AiReasoningComponent, AiReasoningComponentTagName, ReasoningContentComponent, ReasoningContentComponentTagName };

package/dist/ai-reasoning/reasoning-content/index.d.ts

@@ -1 +1 @@
-export { ReasoningContentComponent, ReasoningContentComponentTagName } from './reasoning-content';
+export { ReasoningContentComponent, ReasoningContentComponentTagName } from './reasoning-content.js';

package/dist/ai-reasoning/reasoning-content/index.mjs

@@ -1,5 +1 @@
-import { ReasoningContentComponent, ReasoningContentComponentTagName } from "./reasoning-content.mjs";
-export {
-  ReasoningContentComponent,
-  ReasoningContentComponentTagName
-};
+export { ReasoningContentComponent, ReasoningContentComponentTagName } from "./reasoning-content2.mjs";

package/dist/ai-reasoning/reasoning-content/reasoning-content.mjs

@@ -1,90 +1,4 @@
-import { unsafeCSS, LitElement, html } from "lit";
-import { state, customElement } from "lit/decorators.js";
-import styles from "./reasoning-content.scss.mjs";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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;
-};
-const ReasoningContentComponentTagName = "forge-ai-reasoning-content";
-let ReasoningContentComponent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this._displayedText = "";
-    this._fullText = "";
-    this._animationId = null;
-    this._hasStarted = false;
-  }
-  firstUpdated() {
-    setTimeout(() => {
-      this._extractTextAndAnimate();
-    }, 100);
-  }
-  _handleSlotChange() {
-    if (!this._hasStarted) {
-      this._extractTextAndAnimate();
-    }
-  }
-  _extractTextAndAnimate() {
-    if (this._hasStarted) {
-      return;
-    }
-    const slot = this.shadowRoot?.querySelector("slot");
-    if (slot) {
-      const assignedNodes = slot.assignedNodes({ flatten: true });
-      this._fullText = assignedNodes.map((node) => node.textContent || "").join("").trim();
-      if (this._fullText) {
-        this._hasStarted = true;
-        this._startTypingAnimation();
-      }
-    }
-  }
-  _startTypingAnimation() {
-    if (this._animationId) {
-      clearTimeout(this._animationId);
-    }
-    this._displayedText = "";
-    let currentIndex = 0;
-    const typeSpeed = 10;
-    const typeNextCharacter = () => {
-      if (currentIndex < this._fullText.length) {
-        this._displayedText = this._fullText.substring(0, currentIndex + 1);
-        currentIndex++;
-        this._animationId = setTimeout(typeNextCharacter, typeSpeed);
-      } else {
-        this._animationId = null;
-      }
-    };
-    typeNextCharacter();
-  }
-  render() {
-    if (this._hasStarted) {
-      return html`
-        <div class="reasoning-content">
-          <span class="animated-text">${this._displayedText}</span>
-        </div>
-      `;
-    }
-    return html`
-      <div class="reasoning-content">
-        <slot @slotchange=${this._handleSlotChange}></slot>
-      </div>
-    `;
-  }
-};
-ReasoningContentComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  state()
-], ReasoningContentComponent.prototype, "_displayedText", 2);
-ReasoningContentComponent = __decorateClass([
-  customElement(ReasoningContentComponentTagName)
-], ReasoningContentComponent);
-export {
-  ReasoningContentComponent,
-  ReasoningContentComponentTagName
-};
+//#region src/lib/ai-reasoning/reasoning-content/reasoning-content.scss?inline
+var reasoning_content_default = ":host {\n  display: block;\n}\n\n.reasoning-content {\n  padding: 0.5rem 0;\n}";
+//#endregion
+export { reasoning_content_default as default };