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

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

@@ -1,112 +1,4 @@
-import { unsafeCSS, LitElement, html, nothing } from "lit";
-import { property, customElement } from "lit/decorators.js";
-import { when } from "lit/directives/when.js";
-import styles from "./ai-client-message.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 _AiClientMessageComponent_instances, icon_get, actions_get;
-const AiClientMessageComponentTagName = "forge-ai-client-message";
-const KIND_ICON_PATHS = {
-  info: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8",
-  warning: "M12 2 1 21h22zm0 3.99L19.53 19H4.47zM11 10v4h2v-4zm0 6v2h2v-2z",
-  error: "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",
-  success: "M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z"
-};
-let AiClientMessageComponent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _AiClientMessageComponent_instances);
-    this.kind = "text";
-    this.content = "";
-    this.actions = [];
-  }
-  render() {
-    if (this.kind === "text") {
-      return html`
-        <div class="client-message--text">
-          <span>${this.content}</span>
-          ${__privateGet(this, _AiClientMessageComponent_instances, actions_get)}
-        </div>
-      `;
-    }
-    return html`
-      <div class="forge-inline-message">
-        ${__privateGet(this, _AiClientMessageComponent_instances, icon_get)} ${when(this.header, () => html`<div class="forge-inline-message__title">${this.header}</div>`)}
-        <div class="forge-inline-message__content">
-          <span>${this.content}</span>
-          ${__privateGet(this, _AiClientMessageComponent_instances, actions_get)}
-        </div>
-      </div>
-    `;
-  }
-};
-_AiClientMessageComponent_instances = /* @__PURE__ */ new WeakSet();
-icon_get = function() {
-  if (this.kind === "text") {
-    return nothing;
-  }
-  return html`
-      <svg
-        class="forge-inline-message__icon"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 24 24"
-        height="24"
-        width="24"
-        fill="currentColor"
-        aria-hidden="true">
-        <path fill="none" d="M0 0h24v24H0z" />
-        <path d="${KIND_ICON_PATHS[this.kind]}" />
-      </svg>
-    `;
-};
-actions_get = function() {
-  return when(
-    this.actions.length > 0,
-    () => html`
-        <div class="client-message__actions">
-          ${this.actions.map(
-      (action) => html`<button
-                type="button"
-                class="forge-button forge-button--outlined forge-button--dense"
-                @click=${() => action.onClick()}>
-                ${action.label}
-              </button>`
-    )}
-        </div>
-      `
-  );
-};
-AiClientMessageComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property({ type: String, reflect: true })
-], AiClientMessageComponent.prototype, "kind", 2);
-__decorateClass([
-  property({ type: String })
-], AiClientMessageComponent.prototype, "header", 2);
-__decorateClass([
-  property({ type: String })
-], AiClientMessageComponent.prototype, "content", 2);
-__decorateClass([
-  property({ attribute: false })
-], AiClientMessageComponent.prototype, "actions", 2);
-AiClientMessageComponent = __decorateClass([
-  customElement(AiClientMessageComponentTagName)
-], AiClientMessageComponent);
-export {
-  AiClientMessageComponent,
-  AiClientMessageComponentTagName
-};
+//#region src/lib/ai-client-message/ai-client-message.scss?inline
+var ai_client_message_default = "/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-inline-message {\n  --_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-info-container-low, #e3edf7));\n  --_inline-message-color:var(--forge-inline-message-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));\n  --_inline-message-shape:var(--forge-inline-message-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_inline-message-padding:var(--forge-inline-message-padding, var(--forge-spacing-small, 12px));\n  --_inline-message-padding-inline:var(--forge-inline-message-padding-inline, var(--_inline-message-padding));\n  --_inline-message-padding-block:var(--forge-inline-message-padding-block, var(--_inline-message-padding));\n  --_inline-message-border-width:var(--forge-inline-message-border-width, var(--forge-border-thin, 1px));\n  --_inline-message-border-style:var(--forge-inline-message-border-style, none);\n  --_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-info-container, #c7daf0));\n  --_inline-message-gap:var(--forge-inline-message-gap, var(--forge-spacing-small, 12px));\n  --_inline-message-icon-gap:var(--forge-inline-message-icon-gap, var(--_inline-message-gap));\n  --_inline-message-content-gap:var(--forge-inline-message-content-gap, var(--_inline-message-gap));\n  --_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-info-container-low, #0b3768));\n}\n\n.forge-inline-message {\n  display: block;\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  background: var(--_inline-message-background);\n  color: var(--_inline-message-color);\n  border-radius: var(--_inline-message-shape);\n  border-width: var(--_inline-message-border-width);\n  border-style: var(--_inline-message-border-style);\n  border-color: var(--_inline-message-border-color);\n  display: flex;\n  align-items: center;\n  gap: var(--_inline-message-icon-gap);\n  box-sizing: border-box;\n  padding-inline: var(--_inline-message-padding-inline);\n  padding-block: var(--_inline-message-padding-block);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-rows: auto 1fr;\n}\n\n.forge-inline-message:not(:has(.forge-inline-message__icon)) {\n  grid-template-columns: 1fr;\n}\n\n.forge-inline-message__title {\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.forge-inline-message__icon {\n  color: var(--_inline-message-icon-color);\n  align-self: start;\n  grid-row: 1/span 2;\n}\n\n/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-button {\n  --_button-primary-color:var(--forge-button-primary-color, var(--forge-theme-primary, #3f51b5));\n  --_button-text-color:var(--forge-button-text-color, var(--_button-primary-color));\n  --_button-disabled-color:var(--forge-button-disabled-color, var(--forge-theme-surface-container, #e0e0e0));\n  --_button-padding:var(--forge-button-padding, var(--forge-spacing-medium, 16px));\n  --_button-display:var(--forge-button-display, inline-grid);\n  --_button-justify:var(--forge-button-justify, center);\n  --_button-shape:var(--forge-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_button-height:var(--forge-button-height, 36px);\n  --_button-min-width:var(--forge-button-min-width, 64px);\n  --_button-spacing:var(--forge-button-spacing, var(--forge-spacing-xsmall, 8px));\n  --_button-border-width:var(--forge-button-border-width, medium);\n  --_button-border-style:var(--forge-button-border-style, none);\n  --_button-border-color:var(--forge-button-border-color, currentColor);\n  --_button-shape-start-start-radius:var(--forge-button-shape-start-start-radius, var(--_button-shape));\n  --_button-shape-start-end-radius:var(--forge-button-shape-start-end-radius, var(--_button-shape));\n  --_button-shape-end-start-radius:var(--forge-button-shape-end-start-radius, var(--_button-shape));\n  --_button-shape-end-end-radius:var(--forge-button-shape-end-end-radius, var(--_button-shape));\n  --_button-padding-block:var(--forge-button-padding-block, var(--_button-0));\n  --_button-padding-inline:var(--forge-button-padding-inline, var(--_button-padding));\n  --_button-background:var(--forge-button-background, transparent);\n  --_button-hover-background:var(--forge-button-hover-background, var(--_button-background));\n  --_button-active-background:var(--forge-button-active-background, var(--_button-background));\n  --_button-color:var(--forge-button-color, var(--_button-text-color));\n  --_button-icon-size:var(--forge-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));\n  --_button-shadow:var(--forge-button-shadow, none);\n  --_button-hover-shadow:var(--forge-button-hover-shadow, none);\n  --_button-active-shadow:var(--forge-button-active-shadow, none);\n  --_button-cursor:var(--forge-button-cursor, pointer);\n  --_button-transition-duration:var(--forge-button-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-transition-timing:var(--forge-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-text-padding-inline:var(--forge-button-text-padding-inline, var(--forge-spacing-xsmall, 8px));\n  --_button-outlined-background:var(--forge-button-outlined-background, transparent);\n  --_button-outlined-color:var(--forge-button-outlined-color, var(--_button-primary-color));\n  --_button-outlined-border-width:var(--forge-button-outlined-border-width, var(--forge-border-thin, 1px));\n  --_button-outlined-border-style:var(--forge-button-outlined-border-style, solid);\n  --_button-outlined-border-color:var(--forge-button-outlined-border-color, var(--_button-primary-color));\n  --_button-tonal-background:var(--forge-button-tonal-background, var(--forge-theme-primary-container, #d1d5ed));\n  --_button-tonal-disabled-background:var(--forge-button-tonal-disabled-background, var(--_button-disabled-color));\n  --_button-tonal-color:var(--forge-button-tonal-color, var(--forge-theme-on-primary-container, #222c62));\n  --_button-tonal-disabled-color:var(--forge-button-tonal-disabled-color, var(--_button-disabled-text-color));\n  --_button-filled-background:var(--forge-button-filled-background, var(--_button-primary-color));\n  --_button-filled-disabled-background:var(--forge-button-filled-disabled-background, var(--_button-disabled-color));\n  --_button-filled-color:var(--forge-button-filled-color, var(--forge-theme-on-primary, #ffffff));\n  --_button-filled-disabled-color:var(--forge-button-filled-disabled-color, var(--_button-disabled-text-color));\n  --_button-raised-background:var(--forge-button-raised-background, var(--_button-primary-color));\n  --_button-raised-disabled-background:var(--forge-button-raised-disabled-background, var(--_button-disabled-color));\n  --_button-raised-color:var(--forge-button-raised-color, var(--forge-theme-on-primary, #ffffff));\n  --_button-raised-disabled-color:var(--forge-button-raised-disabled-color, var(--_button-disabled-text-color));\n  --_button-raised-shadow:var(--forge-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  --_button-raised-hover-shadow:var(--forge-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  --_button-raised-active-shadow:var(--forge-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  --_button-raised-disabled-shadow:var(--forge-button-raised-disabled-shadow, none);\n  --_button-link-color:var(--forge-button-link-color, var(--_button-primary-color));\n  --_button-link-text-decoration:var(--forge-button-link-text-decoration, underline);\n  --_button-link-height:var(--forge-button-link-height, auto);\n  --_button-link-padding:var(--forge-button-link-padding, 0);\n  --_button-link-line-height:var(--forge-button-link-line-height, normal);\n  --_button-link-width:var(--forge-button-link-width, auto);\n  --_button-link-hover-text-decoration:var(--forge-button-link-hover-text-decoration, none);\n  --_button-link-active-opacity:var(--forge-button-link-active-opacity, 0.65);\n  --_button-link-transition-duration:var(--forge-button-link-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-link-transition-timing:var(--forge-button-link-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-disabled-cursor:var(--forge-button-disabled-cursor, not-allowed);\n  --_button-disabled-text-color:var(--forge-button-disabled-text-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));\n  --_button-disabled-background:var(--forge-button-disabled-background, transparent);\n  --_button-disabled-border-color:var(--forge-button-disabled-border-color, var(--_button-disabled-color));\n  --_button-disabled-shadow:var(--forge-button-disabled-shadow, none);\n  --_button-dense-height:var(--forge-button-dense-height, 24px);\n  --_button-pill-shape:var(--forge-button-pill-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  --_button-pill-padding-inline:var(--forge-button-pill-padding-inline, var(--forge-spacing-small, 12px));\n  --_button-focus-indicator-offset:var(--forge-button-focus-indicator-offset, 4px);\n  --_button-text-focus-indicator-offset:var(--forge-button-text-focus-indicator-offset, 0px);\n  --_button-link-focus-indicator-offset:var(--forge-button-link-focus-indicator-offset, 2px);\n  --_button-popover-icon-transition-duration:var(--forge-button-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-popover-icon-transition-timing:var(--forge-button-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-popover-icon-open-rotation:var(--forge-button-popover-icon-open-rotation, 180deg);\n}\n\n.forge-button {\n  display: var(--_button-display);\n  position: relative;\n  outline: none;\n  vertical-align: middle;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-button-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));\n  font-size: var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-button-font-weight, 500);\n  line-height: var(--forge-typography-button-line-height, normal);\n  letter-spacing: var(--forge-typography-button-letter-spacing, 0.0714285714em);\n  text-transform: var(--forge-typography-button-text-transform, inherit);\n  text-decoration: var(--forge-typography-button-text-decoration, inherit);\n  position: relative;\n  display: var(--_button-display);\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: var(--_button-justify);\n  gap: var(--_button-spacing);\n  z-index: 0;\n  box-sizing: border-box;\n  min-inline-size: var(--_button-min-width);\n  height: var(--_button-height);\n  inline-size: 100%;\n  border-width: var(--_button-border-width);\n  border-style: var(--_button-border-style);\n  border-color: var(--_button-border-color);\n  border-start-start-radius: var(--_button-shape-start-start-radius);\n  border-start-end-radius: var(--_button-shape-start-end-radius);\n  border-end-start-radius: var(--_button-shape-end-start-radius);\n  border-end-end-radius: var(--_button-shape-end-end-radius);\n  padding-block: var(--_button-padding-block);\n  padding-inline: var(--_button-padding-inline);\n  box-shadow: var(--_button-shadow);\n  outline: none;\n  user-select: none;\n  -webkit-appearance: none;\n  vertical-align: middle;\n  text-decoration: none;\n  white-space: nowrap;\n  background: var(--_button-background);\n  color: var(--_button-color);\n  cursor: var(--_button-cursor);\n  transition-property: box-shadow, background;\n  transition-duration: var(--_button-transition-duration);\n  transition-timing-function: var(--_button-transition-timing);\n}\n\n.forge-button::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n\n.forge-button:hover {\n  --_button-shadow:var(--_button-hover-shadow);\n  background: var(--_button-hover-background);\n}\n\n.forge-button:active {\n  --_button-shadow:var(--_button-active-shadow);\n  background: var(--_button-active-background);\n}\n\n.forge-button {\n  position: relative;\n  inline-size: auto;\n}\n\n.forge-button:not(:disabled):not(.forge-button--link) {\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-button:not(:disabled):not(.forge-button--link)::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-button:not(:disabled):not(.forge-button--link):hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n\n.forge-button:not(:disabled):not(.forge-button--link):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@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-button:not(:disabled) {\n  outline: none;\n}\n\n.forge-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-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-button:not(:disabled) {\n  --forge-focus-indicator-color: var(--_button-primary-color);\n}\n\n.forge-button:disabled {\n  cursor: var(--_button-disabled-cursor);\n  --_button-background:var(--_button-disabled-background);\n  --_button-color:var(--_button-disabled-text-color);\n  --_button-shadow:var(--_button-disabled-shadow);\n  pointer-events: none;\n  pointer-events: initial;\n}\n\n.forge-button:where(:not(.forge-button--outlined, .forge-button--tonal, .forge-button--filled, .forge-button--raised, .forge-button--link)), .forge-button--text {\n  --_button-padding-inline:var(--_button-text-padding-inline);\n}\n\n.forge-button--outlined {\n  --_button-background:var(--_button-outlined-background);\n  --_button-color:var(--_button-outlined-color);\n  --_button-border-width:var(--_button-outlined-border-width);\n  --_button-border-style:var(--_button-outlined-border-style);\n  --_button-border-color:var(--_button-outlined-border-color);\n}\n\n.forge-button--outlined:disabled {\n  --_button-border-color:var(--_button-disabled-border-color);\n}\n\n.forge-button--tonal {\n  --_button-background:var(--_button-tonal-background);\n  --_button-color:var(--_button-tonal-color);\n}\n\n.forge-button--tonal:disabled {\n  --_button-background:var(--_button-tonal-disabled-background);\n  --_button-color:var(--_button-tonal-disabled-color);\n}\n\n.forge-button--filled, .forge-button--raised {\n  --_button-background:var(--_button-filled-background);\n  --_button-color:var(--_button-filled-color);\n  --forge-state-layer-color: var(--_button-filled-color);\n}\n\n.forge-button--filled:disabled, .forge-button--raised:disabled {\n  --_button-background:var(--_button-filled-disabled-background);\n  --_button-color:var(--_button-filled-disabled-color);\n}\n\n.forge-button--raised {\n  --_button-background:var(--_button-raised-background);\n  --_button-color:var(--_button-raised-color);\n  --_button-shadow:var(--_button-raised-shadow);\n}\n\n.forge-button--raised:hover {\n  --_button-shadow:var(--_button-raised-hover-shadow);\n}\n\n.forge-button--raised:active {\n  --_button-shadow:var(--_button-raised-active-shadow);\n}\n\n.forge-button--raised:disabled {\n  --_button-background:var(--_button-raised-disabled-background);\n  --_button-color:var(--_button-raised-disabled-color);\n  --_button-shadow:var(--_button-raised-disabled-shadow);\n}\n\n.forge-button--link {\n  --_button-color:var(--_button-link-color);\n  --_button-height:var(--_button-link-height);\n  --_button-padding:var(--_button-link-padding);\n  --_button-focus-indicator-offset:var(--_button-link-focus-indicator-offset);\n  text-decoration: var(--_button-link-text-decoration);\n  line-height: var(--_button-link-line-height);\n  transition: opacity var(--_button-link-transition-duration) var(--_button-link-transition-timing);\n  inline-size: var(--_button-link-width);\n}\n\n.forge-button--link:hover {\n  text-decoration: var(--_button-link-hover-text-decoration);\n}\n\n.forge-button--link:active {\n  opacity: var(--_button-link-active-opacity);\n}\n\n.forge-button--pill {\n  --_button-shape:var(--_button-pill-shape);\n  --_button-padding-inline:var(--_button-pill-padding-inline);\n  --forge-focus-indicator-shape: var(--_button-pill-shape);\n}\n\n.forge-button {\n  --forge-icon-font-size: var(--_button-icon-size);\n}\n\n.forge-button--dense {\n  --_button-height:var(--_button-dense-height);\n}\n\n:host {\n  display: block;\n}\n\n.forge-inline-message {\n  --forge-inline-message-border-style: solid;\n}\n.forge-inline-message__title {\n  font-weight: bold;\n}\n.forge-inline-message__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--forge-spacing-xsmall, 8px);\n  overflow-wrap: anywhere;\n}\n.forge-inline-message:not(:has(.forge-inline-message__title)) .forge-inline-message__icon {\n  align-self: center;\n}\n.forge-inline-message:not(:has(.forge-inline-message__title)) .forge-inline-message__content {\n  grid-row: 1/-1;\n  align-self: center;\n}\n\n:host([kind=info]) .forge-inline-message {\n  --forge-inline-message-background: var(--forge-theme-info-container-low, #e3edf7);\n  --forge-inline-message-color: var(--forge-theme-on-info-container-low, #0b3768);\n  --forge-inline-message-icon-color: var(--forge-theme-on-info-container-low, #0b3768);\n  --forge-inline-message-border-color: var(--forge-theme-info-container, #c7daf0);\n}\n\n:host([kind=warning]) .forge-inline-message {\n  --forge-inline-message-background: var(--forge-theme-warning-container-low, #f9e9e0);\n  --forge-inline-message-color: var(--forge-theme-on-warning-container-low, #712700);\n  --forge-inline-message-icon-color: var(--forge-theme-on-warning-container-low, #712700);\n  --forge-inline-message-border-color: var(--forge-theme-warning-container, #f4d3c2);\n}\n\n:host([kind=error]) .forge-inline-message {\n  --forge-inline-message-background: var(--forge-theme-error-container-low, #f6e0e4);\n  --forge-inline-message-color: var(--forge-theme-on-error-container-low, #5f0011);\n  --forge-inline-message-icon-color: var(--forge-theme-on-error-container-low, #5f0011);\n  --forge-inline-message-border-color: var(--forge-theme-error-container, #ecc2c9);\n}\n\n:host([kind=success]) .forge-inline-message {\n  --forge-inline-message-background: var(--forge-theme-success-container-low, #e6efe6);\n  --forge-inline-message-color: var(--forge-theme-on-success-container-low, #19441b);\n  --forge-inline-message-icon-color: var(--forge-theme-on-success-container-low, #19441b);\n  --forge-inline-message-border-color: var(--forge-theme-success-container, #cde0ce);\n}\n\n.client-message--text {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-subheading2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));\n  font-size: var(--forge-typography-subheading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-font-size-scale, 1)));\n  font-weight: var(--forge-typography-subheading2-font-weight, 400);\n  line-height: var(--forge-typography-subheading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-subheading2-letter-spacing, normal);\n  text-transform: var(--forge-typography-subheading2-text-transform, inherit);\n  text-decoration: var(--forge-typography-subheading2-text-decoration, inherit);\n  display: flex;\n  flex-direction: column;\n  gap: var(--forge-spacing-xxsmall, 4px);\n  padding-block: var(--forge-spacing-small, 12px);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  font-style: italic;\n}\n\n.client-message__actions {\n  display: flex;\n  gap: var(--forge-spacing-xsmall, 8px);\n  font-style: normal;\n}\n.client-message__actions .forge-button {\n  --forge-button-outlined-color: currentColor;\n  --forge-button-outlined-border-color: currentColor;\n}";
+//#endregion
+export { ai_client_message_default as default };

package/dist/ai-client-message/ai-client-message2.mjs

@@ -0,0 +1,76 @@
+import __decorate from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import ai_client_message_default from "./ai-client-message.mjs";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+//#region src/lib/ai-client-message/ai-client-message.ts
+var AiClientMessageComponentTagName = "forge-ai-client-message";
+var KIND_ICON_PATHS = {
+	info: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8",
+	warning: "M12 2 1 21h22zm0 3.99L19.53 19H4.47zM11 10v4h2v-4zm0 6v2h2v-2z",
+	error: "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",
+	success: "M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z"
+};
+var AiClientMessageComponent = class AiClientMessageComponent extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.kind = "text";
+		this.content = "";
+		this.actions = [];
+	}
+	static {
+		this.styles = unsafeCSS(ai_client_message_default);
+	}
+	get #icon() {
+		if (this.kind === "text") return nothing;
+		return html`
+      <svg
+        class="forge-inline-message__icon"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        height="24"
+        width="24"
+        fill="currentColor"
+        aria-hidden="true">
+        <path fill="none" d="M0 0h24v24H0z" />
+        <path d="${KIND_ICON_PATHS[this.kind]}" />
+      </svg>
+    `;
+	}
+	get #actions() {
+		return when(this.actions.length > 0, () => html`
+        <div class="client-message__actions">
+          ${this.actions.map((action) => html`<button type="button" class="forge-button forge-button--outlined forge-button--dense" @click=${() => action.onClick()}>
+                ${action.label}
+              </button>`)}
+        </div>
+      `);
+	}
+	render() {
+		if (this.kind === "text") return html`
+        <div class="client-message--text">
+          <span>${this.content}</span>
+          ${this.#actions}
+        </div>
+      `;
+		return html`
+      <div class="forge-inline-message">
+        ${this.#icon} ${when(this.header, () => html`<div class="forge-inline-message__title">${this.header}</div>`)}
+        <div class="forge-inline-message__content">
+          <span>${this.content}</span>
+          ${this.#actions}
+        </div>
+      </div>
+    `;
+	}
+};
+__decorate([property({
+	type: String,
+	reflect: true
+})], AiClientMessageComponent.prototype, "kind", void 0);
+__decorate([property({ type: String })], AiClientMessageComponent.prototype, "header", void 0);
+__decorate([property({ type: String })], AiClientMessageComponent.prototype, "content", void 0);
+__decorate([property({ attribute: false })], AiClientMessageComponent.prototype, "actions", void 0);
+AiClientMessageComponent = __decorate([customElement(AiClientMessageComponentTagName)], AiClientMessageComponent);
+//#endregion
+export { AiClientMessageComponent, AiClientMessageComponentTagName };

package/dist/ai-client-message/index.mjs

@@ -1,5 +1 @@
-import { AiClientMessageComponent, AiClientMessageComponentTagName } from "./ai-client-message.mjs";
-export {
-  AiClientMessageComponent,
-  AiClientMessageComponentTagName
-};
+export { AiClientMessageComponent, AiClientMessageComponentTagName } from "./ai-client-message2.mjs";

package/dist/ai-context-chip/ai-context-chip.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues, TemplateResult, CSSResult } from 'lit';
-import { ContextItem } from '../ai-chatbot/types.js';
+import { ContextItem } from '../types/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'forge-ai-context-chip': AiContextChipComponent;

package/dist/ai-context-chip/ai-context-chip.mjs

@@ -1,169 +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 "../core/tooltip/tooltip.mjs";
-import "../ai-spinner/ai-spinner.mjs";
-import styles from "./ai-context-chip.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 _AiContextChipComponent_instances, chipId_get, checkLabelOverflow_fn, handleRemove_fn, _contextIcon, _fileIcon, iconContent_get, removeButton_get, _loadingIndicator;
-const AiContextChipComponentTagName = "forge-ai-context-chip";
-let AiContextChipComponent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _AiContextChipComponent_instances);
-    this.id = "";
-    this.label = "";
-    this.removable = true;
-    this.loading = false;
-    this._isLabelOverflowing = false;
-    __privateAdd(this, _contextIcon, html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-    <path
-      d="M11 2v2.07A8 8 0 0 0 4.07 11H2v2h2.07A8 8 0 0 0 11 19.93V22h2v-2.07A8 8 0 0 0 19.93 13H22v-2h-2.07A8 8 0 0 0 13 4.07V2m-2 4.08V8h2V6.09c2.5.41 4.5 2.41 4.92 4.91H16v2h1.91c-.41 2.5-2.41 4.5-4.91 4.92V16h-2v1.91C8.5 17.5 6.5 15.5 6.08 13H8v-2H6.09C6.5 8.5 8.5 6.5 11 6.08M12 11a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1" />
-  </svg>`);
-    __privateAdd(this, _fileIcon, html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-    <path d="M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m9 16v-2H6v2zm3-4v-2H6v2z" />
-  </svg>`);
-    __privateAdd(this, _loadingIndicator, html`
-    <div class="loading-indicator" role="status" aria-label="Loading">
-      <forge-ai-spinner size="extra-small"></forge-ai-spinner>
-    </div>
-  `);
-  }
-  // eslint-disable-next-line @tylertech-eslint/require-private-modifier
-  firstUpdated() {
-    __privateMethod(this, _AiContextChipComponent_instances, checkLabelOverflow_fn).call(this);
-  }
-  // eslint-disable-next-line @tylertech-eslint/require-private-modifier
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    if (changedProperties.has("label")) {
-      __privateMethod(this, _AiContextChipComponent_instances, checkLabelOverflow_fn).call(this);
-    }
-  }
-  render() {
-    return html`
-      <div
-        id=${__privateGet(this, _AiContextChipComponent_instances, chipId_get)}
-        class="context-chip ${this.loading ? "loading" : ""}"
-        role="group"
-        aria-label="Context: ${this.label}"
-        aria-busy=${this.loading}>
-        <div class="context-icon">${__privateGet(this, _AiContextChipComponent_instances, iconContent_get)}</div>
-        <div class="context-content">${this.label}</div>
-        ${when(
-      this.loading,
-      () => __privateGet(this, _loadingIndicator),
-      () => when(this.sublabel, () => html`<span class="context-sublabel">${this.sublabel}</span>`)
-    )}
-        ${__privateGet(this, _AiContextChipComponent_instances, removeButton_get)}
-      </div>
-      ${when(
-      this._isLabelOverflowing,
-      () => html`<forge-ai-tooltip for=${__privateGet(this, _AiContextChipComponent_instances, chipId_get)} placement="top">${this.label}</forge-ai-tooltip>`
-    )}
-    `;
-  }
-};
-_AiContextChipComponent_instances = /* @__PURE__ */ new WeakSet();
-chipId_get = function() {
-  return `context-chip-${this.id}`;
-};
-checkLabelOverflow_fn = function() {
-  requestAnimationFrame(() => {
-    const labelElement = this.shadowRoot?.querySelector(".context-content");
-    if (labelElement) {
-      const isOverflowing = labelElement.scrollWidth > labelElement.offsetWidth;
-      if (this._isLabelOverflowing !== isOverflowing) {
-        this._isLabelOverflowing = isOverflowing;
-      }
-    }
-  });
-};
-handleRemove_fn = function() {
-  this.dispatchEvent(
-    new CustomEvent("forge-ai-context-chip-remove", {
-      detail: {
-        id: this.id,
-        item: {
-          id: this.id,
-          label: this.label,
-          removable: this.removable,
-          sublabel: this.sublabel,
-          loading: this.loading,
-          type: this.type
-        }
-      },
-      bubbles: true,
-      composed: true
-    })
-  );
-};
-_contextIcon = /* @__PURE__ */ new WeakMap();
-_fileIcon = /* @__PURE__ */ new WeakMap();
-iconContent_get = function() {
-  return this.type === "file" ? __privateGet(this, _fileIcon) : __privateGet(this, _contextIcon);
-};
-removeButton_get = function() {
-  if (!this.removable) {
-    return nothing;
-  }
-  return html`
-      <button
-        type="button"
-        class="remove-button forge-icon-button forge-icon-button--small forge-icon-button--squared"
-        @click=${__privateMethod(this, _AiContextChipComponent_instances, handleRemove_fn)}
-        aria-label="Remove ${this.label}">
-        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
-          <path
-            d="M12.854 3.146a.5.5 0 0 1 0 .708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708 0z"
-            fill="currentColor" />
-        </svg>
-      </button>
-    `;
-};
-_loadingIndicator = /* @__PURE__ */ new WeakMap();
-AiContextChipComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property()
-], AiContextChipComponent.prototype, "id", 2);
-__decorateClass([
-  property()
-], AiContextChipComponent.prototype, "label", 2);
-__decorateClass([
-  property({ type: Boolean })
-], AiContextChipComponent.prototype, "removable", 2);
-__decorateClass([
-  property()
-], AiContextChipComponent.prototype, "sublabel", 2);
-__decorateClass([
-  property({ type: Boolean })
-], AiContextChipComponent.prototype, "loading", 2);
-__decorateClass([
-  property()
-], AiContextChipComponent.prototype, "type", 2);
-__decorateClass([
-  state()
-], AiContextChipComponent.prototype, "_isLabelOverflowing", 2);
-AiContextChipComponent = __decorateClass([
-  customElement(AiContextChipComponentTagName)
-], AiContextChipComponent);
-export {
-  AiContextChipComponent,
-  AiContextChipComponentTagName
-};
+//#region src/lib/ai-context-chip/ai-context-chip.scss?inline
+var ai_context_chip_default = "/**\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: inline-flex;\n}\n\n.context-chip {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--forge-spacing-xsmall, 8px);\n  padding: var(--forge-spacing-xxxsmall, 2px) var(--forge-spacing-xxsmall, 4px);\n  background: var(--forge-theme-primary-container-minimum, #f7f8fc);\n  max-width: 160px;\n  border: 1px solid var(--forge-theme-primary-container-low, #e8eaf6);\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n  color: var(--forge-theme-on-primary-container-minimum, #222c62);\n}\n\n.context-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  fill: currentColor;\n  opacity: 0.5;\n}\n\n.context-content {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));\n  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));\n  font-weight: var(--forge-typography-label1-font-weight, 400);\n  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-label1-text-transform, inherit);\n  text-decoration: var(--forge-typography-label1-text-decoration, inherit);\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.context-sublabel {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));\n  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));\n  font-weight: var(--forge-typography-label1-font-weight, 400);\n  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-label1-text-transform, inherit);\n  text-decoration: var(--forge-typography-label1-text-decoration, inherit);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  flex-shrink: 0;\n}\n\n.context-chip.loading {\n  opacity: 0.7;\n}\n\n.loading-indicator {\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xxsmall, 4px);\n}\n\n.remove-button {\n  flex-shrink: 0;\n  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));\n  height: 18px;\n  width: 18px;\n}\n.remove-button svg {\n  height: 14px;\n  width: 14px;\n}";
+//#endregion
+export { ai_context_chip_default as default };

package/dist/ai-context-chip/ai-context-chip2.mjs

@@ -0,0 +1,113 @@
+import __decorate from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import "../core/tooltip/tooltip2.mjs";
+import "../ai-spinner/index.mjs";
+import ai_context_chip_default from "./ai-context-chip.mjs";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+//#region src/lib/ai-context-chip/ai-context-chip.ts
+var AiContextChipComponentTagName = "forge-ai-context-chip";
+var AiContextChipComponent = class AiContextChipComponent extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.id = "";
+		this.label = "";
+		this.removable = true;
+		this.loading = false;
+		this._isLabelOverflowing = false;
+		this.#contextIcon = html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <path
+      d="M11 2v2.07A8 8 0 0 0 4.07 11H2v2h2.07A8 8 0 0 0 11 19.93V22h2v-2.07A8 8 0 0 0 19.93 13H22v-2h-2.07A8 8 0 0 0 13 4.07V2m-2 4.08V8h2V6.09c2.5.41 4.5 2.41 4.92 4.91H16v2h1.91c-.41 2.5-2.41 4.5-4.91 4.92V16h-2v1.91C8.5 17.5 6.5 15.5 6.08 13H8v-2H6.09C6.5 8.5 8.5 6.5 11 6.08M12 11a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1" />
+  </svg>`;
+		this.#fileIcon = html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+    <path d="M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m9 16v-2H6v2zm3-4v-2H6v2z" />
+  </svg>`;
+		this.#loadingIndicator = html`
+    <div class="loading-indicator" role="status" aria-label="Loading">
+      <forge-ai-spinner size="extra-small"></forge-ai-spinner>
+    </div>
+  `;
+	}
+	static {
+		this.styles = unsafeCSS(ai_context_chip_default);
+	}
+	get #chipId() {
+		return `context-chip-${this.id}`;
+	}
+	#checkLabelOverflow() {
+		requestAnimationFrame(() => {
+			const labelElement = this.shadowRoot?.querySelector(".context-content");
+			if (labelElement) {
+				const isOverflowing = labelElement.scrollWidth > labelElement.offsetWidth;
+				if (this._isLabelOverflowing !== isOverflowing) this._isLabelOverflowing = isOverflowing;
+			}
+		});
+	}
+	firstUpdated() {
+		this.#checkLabelOverflow();
+	}
+	updated(changedProperties) {
+		super.updated(changedProperties);
+		if (changedProperties.has("label")) this.#checkLabelOverflow();
+	}
+	#handleRemove() {
+		this.dispatchEvent(new CustomEvent("forge-ai-context-chip-remove", {
+			detail: {
+				id: this.id,
+				item: {
+					id: this.id,
+					label: this.label,
+					removable: this.removable,
+					sublabel: this.sublabel,
+					loading: this.loading,
+					type: this.type
+				}
+			},
+			bubbles: true,
+			composed: true
+		}));
+	}
+	#contextIcon;
+	#fileIcon;
+	get #iconContent() {
+		return this.type === "file" ? this.#fileIcon : this.#contextIcon;
+	}
+	get #removeButton() {
+		if (!this.removable) return nothing;
+		return html`
+      <button
+        type="button"
+        class="remove-button forge-icon-button forge-icon-button--small forge-icon-button--squared"
+        @click=${this.#handleRemove}
+        aria-label="Remove ${this.label}">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+          <path
+            d="M12.854 3.146a.5.5 0 0 1 0 .708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708 0z"
+            fill="currentColor" />
+        </svg>
+      </button>
+    `;
+	}
+	#loadingIndicator;
+	render() {
+		return html`
+      <div id=${this.#chipId} class="context-chip ${this.loading ? "loading" : ""}" role="group" aria-label="Context: ${this.label}" aria-busy=${this.loading}>
+        <div class="context-icon">${this.#iconContent}</div>
+        <div class="context-content">${this.label}</div>
+        ${when(this.loading, () => this.#loadingIndicator, () => when(this.sublabel, () => html`<span class="context-sublabel">${this.sublabel}</span>`))}
+        ${this.#removeButton}
+      </div>
+      ${when(this._isLabelOverflowing, () => html`<forge-ai-tooltip for=${this.#chipId} placement="top">${this.label}</forge-ai-tooltip>`)}
+    `;
+	}
+};
+__decorate([property()], AiContextChipComponent.prototype, "id", void 0);
+__decorate([property()], AiContextChipComponent.prototype, "label", void 0);
+__decorate([property({ type: Boolean })], AiContextChipComponent.prototype, "removable", void 0);
+__decorate([property()], AiContextChipComponent.prototype, "sublabel", void 0);
+__decorate([property({ type: Boolean })], AiContextChipComponent.prototype, "loading", void 0);
+__decorate([property()], AiContextChipComponent.prototype, "type", void 0);
+__decorate([state()], AiContextChipComponent.prototype, "_isLabelOverflowing", void 0);
+AiContextChipComponent = __decorate([customElement(AiContextChipComponentTagName)], AiContextChipComponent);
+//#endregion
+export { AiContextChipComponent, AiContextChipComponentTagName };

package/dist/ai-context-chip/index.mjs

@@ -1,5 +1 @@
-import { AiContextChipComponent, AiContextChipComponentTagName } from "./ai-context-chip.mjs";
-export {
-  AiContextChipComponent,
-  AiContextChipComponentTagName
-};
+export { AiContextChipComponent, AiContextChipComponentTagName } from "./ai-context-chip2.mjs";

package/dist/ai-context-items/ai-context-items.d.ts

@@ -1,17 +1,23 @@
 import { LitElement, TemplateResult, nothing, CSSResult } from 'lit';
-import { ContextItem } from '../ai-chatbot/types.js';
+import { ContextItem } from '../types/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'forge-ai-context-items': AiContextItemsComponent;
     }
     interface HTMLElementEventMap {
-        'forge-ai-context-items-remove': CustomEvent<{
-            id: string;
-            item: ContextItem;
-        }>;
+        'forge-ai-context-items-remove': CustomEvent<ForgeAiContextItemsRemoveEventData>;
     }
 }
+export interface ForgeAiContextItemsRemoveEventData {
+    id: string;
+    item: ContextItem;
+}
 export declare const AiContextItemsComponentTagName: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-ai-context-items
+ *
+ * @event {CustomEvent<ForgeAiContextItemsRemoveEventData>} forge-ai-context-items-remove - Fired when a context item is removed.
+ */
 export declare class AiContextItemsComponent extends LitElement {
     #private;
     static styles: CSSResult;