@tylertech/forge-ai 0.7.3 → 0.8.1

package/dist/ai-user-message-toolbar/ai-user-message-toolbar.mjs

@@ -0,0 +1,160 @@
+import { unsafeCSS, LitElement, html, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import "../core/tooltip/tooltip.mjs";
+import styles from "./ai-user-message-toolbar.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 _resendIcon, _copyIcon, _editIcon, _AiUserMessageToolbarComponent_instances, formattedTime_get, formattedFullDate_get, handleCopy_fn, handleResend_fn, handleEdit_fn, timestampTemplate_get, actionButtons_get, _copyButton;
+const AiUserMessageToolbarComponentTagName = "forge-ai-user-message-toolbar";
+let AiUserMessageToolbarComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _AiUserMessageToolbarComponent_instances);
+    this.streaming = false;
+    __privateAdd(this, _resendIcon, html`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        d="M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8 8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6 6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" />
+    </svg>
+  `);
+    __privateAdd(this, _copyIcon, html`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        d="M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z" />
+    </svg>
+  `);
+    __privateAdd(this, _editIcon, html`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path
+        d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z" />
+    </svg>
+  `);
+    __privateAdd(this, _copyButton, html`
+    <button
+      id="copy-btn"
+      aria-label="Copy message"
+      class="forge-icon-button forge-icon-button--small"
+      @click=${__privateMethod(this, _AiUserMessageToolbarComponent_instances, handleCopy_fn)}>
+      ${__privateGet(this, _copyIcon)}
+    </button>
+    <forge-ai-tooltip for="copy-btn" placement="bottom">Copy</forge-ai-tooltip>
+  `);
+  }
+  render() {
+    return html`
+      <div class="user-message-toolbar">${__privateGet(this, _AiUserMessageToolbarComponent_instances, timestampTemplate_get)} ${__privateGet(this, _AiUserMessageToolbarComponent_instances, actionButtons_get)} ${__privateGet(this, _copyButton)}</div>
+    `;
+  }
+};
+_resendIcon = /* @__PURE__ */ new WeakMap();
+_copyIcon = /* @__PURE__ */ new WeakMap();
+_editIcon = /* @__PURE__ */ new WeakMap();
+_AiUserMessageToolbarComponent_instances = /* @__PURE__ */ new WeakSet();
+formattedTime_get = function() {
+  if (!this.timestamp) {
+    return "";
+  }
+  return new Date(this.timestamp).toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+};
+formattedFullDate_get = function() {
+  if (!this.timestamp) {
+    return "";
+  }
+  return new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(this.timestamp);
+};
+handleCopy_fn = function() {
+  this.dispatchEvent(
+    new CustomEvent("forge-ai-user-message-toolbar-copy", {
+      bubbles: true,
+      composed: true
+    })
+  );
+};
+handleResend_fn = function() {
+  this.dispatchEvent(
+    new CustomEvent("forge-ai-user-message-toolbar-resend", {
+      bubbles: true,
+      composed: true
+    })
+  );
+};
+handleEdit_fn = function() {
+  this.dispatchEvent(
+    new CustomEvent("forge-ai-user-message-toolbar-edit", {
+      bubbles: true,
+      composed: true
+    })
+  );
+};
+timestampTemplate_get = function() {
+  if (!this.timestamp) {
+    return nothing;
+  }
+  return html`
+      <span id="timestamp" class="timestamp">${__privateGet(this, _AiUserMessageToolbarComponent_instances, formattedTime_get)}</span>
+      <forge-ai-tooltip for="timestamp" placement="bottom">${__privateGet(this, _AiUserMessageToolbarComponent_instances, formattedFullDate_get)}</forge-ai-tooltip>
+    `;
+};
+actionButtons_get = function() {
+  if (this.streaming) {
+    return nothing;
+  }
+  return html`
+      <button
+        id="resend-btn"
+        aria-label="Resend message"
+        class="forge-icon-button forge-icon-button--small"
+        @click=${__privateMethod(this, _AiUserMessageToolbarComponent_instances, handleResend_fn)}>
+        ${__privateGet(this, _resendIcon)}
+      </button>
+      <forge-ai-tooltip for="resend-btn" placement="bottom">Resend</forge-ai-tooltip>
+
+      <button
+        id="edit-btn"
+        aria-label="Edit message"
+        class="forge-icon-button forge-icon-button--small"
+        @click=${__privateMethod(this, _AiUserMessageToolbarComponent_instances, handleEdit_fn)}>
+        ${__privateGet(this, _editIcon)}
+      </button>
+      <forge-ai-tooltip for="edit-btn" placement="bottom">Edit</forge-ai-tooltip>
+    `;
+};
+_copyButton = /* @__PURE__ */ new WeakMap();
+AiUserMessageToolbarComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  property({ attribute: false })
+], AiUserMessageToolbarComponent.prototype, "timestamp", 2);
+__decorateClass([
+  property({ type: Boolean })
+], AiUserMessageToolbarComponent.prototype, "streaming", 2);
+AiUserMessageToolbarComponent = __decorateClass([
+  customElement(AiUserMessageToolbarComponentTagName)
+], AiUserMessageToolbarComponent);
+export {
+  AiUserMessageToolbarComponent,
+  AiUserMessageToolbarComponentTagName
+};

package/dist/ai-user-message-toolbar/ai-user-message-toolbar.scss.mjs

@@ -0,0 +1,4 @@
+const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/* prettier-ignore */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/* prettier-ignore */\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: transparent;\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,\n.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,\n:not(:where(.forge-icon-button--outlined, .forge-icon-button--tonal, .forge-icon-button--filled, .forge-icon-button--raised))) {\n  --forge-focus-indicator-outward-offset: 0px;\n}\n\n.forge-icon-button--outlined {\n  border-width: var(--_icon-button-outlined-border-width);\n  border-style: var(--_icon-button-outlined-border-style);\n  border-color: var(--_icon-button-outlined-border-color);\n}\n\n.forge-icon-button--tonal {\n  --_icon-button-icon-color: var(--_icon-button-tonal-icon-color);\n  --_icon-button-background-color: var(--_icon-button-tonal-background-color);\n}\n\n.forge-icon-button--filled, .forge-icon-button--raised {\n  --_icon-button-icon-color: var(--_icon-button-filled-icon-color);\n  --_icon-button-background-color: var(--_icon-button-filled-background-color);\n}\n\n.forge-icon-button--raised {\n  --_icon-button-shadow: var(--_icon-button-raised-shadow);\n}\n\n.forge-icon-button--raised:hover {\n  --_icon-button-raised-shadow: var(--_icon-button-raised-hover-shadow);\n}\n\n.forge-icon-button--raised:active {\n  --_icon-button-raised-shadow: var(--_icon-button-raised-active-shadow);\n}\n\n.forge-icon-button--squared {\n  --_icon-button-shape: var(--_icon-button-shape-squared);\n}\n\n.forge-icon-button--small {\n  --_icon-button-size: var(--_icon-button-density-small-size);\n  --_icon-button-icon-size: var(--_icon-button-density-small-icon-size);\n  --_icon-button-padding: var(--_icon-button-density-small-padding);\n}\n\n.forge-icon-button--small > * {\n  font-size: var(--_icon-button-density-small-icon-size);\n}\n\n.forge-icon-button--medium {\n  --_icon-button-size: var(--_icon-button-density-medium-size);\n  --_icon-button-padding: var(--_icon-button-density-medium-padding);\n}\n\n.forge-icon-button:disabled {\n  pointer-events: none;\n  opacity: var(--_icon-button-disabled-opacity);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.forge-icon-button forge-circular-progress {\n  --forge-circular-progress-indicator-color: var(--_icon-button-icon-color);\n  --forge-circular-progress-track-color: transparent;\n  --forge-circular-progress-size: 1em;\n}\n\n:host {\n  display: block;\n}\n\n.user-message-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xxsmall, 4px);\n}\n\n.forge-icon-button {\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n}\n.forge-icon-button:hover {\n  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));\n}\n\n.timestamp {\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  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  padding-inline: var(--forge-spacing-xxsmall, 4px);\n}';
+export {
+  styles as default
+};

package/dist/ai-user-message-toolbar/index.d.ts

@@ -0,0 +1 @@
+export * from './ai-user-message-toolbar.js';

package/dist/ai-user-message-toolbar/index.mjs

@@ -0,0 +1,5 @@
+import { AiUserMessageToolbarComponent, AiUserMessageToolbarComponentTagName } from "./ai-user-message-toolbar.mjs";
+export {
+  AiUserMessageToolbarComponent,
+  AiUserMessageToolbarComponentTagName
+};

package/dist/ai-voice-input/ai-voice-input.mjs

@@ -2,6 +2,7 @@ import { unsafeCSS, LitElement, html } from "lit";
 import { state, customElement } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import styles from "./ai-voice-input.scss.mjs";
+import "../core/tooltip/tooltip.mjs";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -80,6 +81,7 @@ let AiVoiceInputComponent = class extends LitElement {
     return html`
       <div class="ai-voice-input">
         <button
+          id="voice-btn"
           class=${classes}
           @click=${this._toggleRecording}
           aria-label=${this._isRecording ? "Stop recording" : "Start recording"}
@@ -90,6 +92,9 @@ let AiVoiceInputComponent = class extends LitElement {
               d="M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3m5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72z" />
           </svg>
         </button>
+        <forge-ai-tooltip for="voice-btn" placement="top"
+          >${this._isRecording ? "Stop recording" : "Dictate"}</forge-ai-tooltip
+        >
       </div>
     `;
   }

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-export * from './ai-actions-toolbar';
 export * from './ai-assistant-response';
+export * from './ai-response-message-toolbar';
+export * from './ai-user-message-toolbar';
 export * from './ai-agent-info';
 export * from './ai-artifact';
 export * from './ai-attachment';

package/dist/index.mjs

@@ -1,5 +1,6 @@
-import { AiActionsToolbarComponent, AiActionsToolbarComponentTagName } from "./ai-actions-toolbar/ai-actions-toolbar.mjs";
 import { AiAssistantResponseComponent, AiAssistantResponseComponentTagName } from "./ai-assistant-response/ai-assistant-response.mjs";
+import { AiResponseMessageToolbarComponent, AiResponseMessageToolbarComponentTagName } from "./ai-response-message-toolbar/ai-response-message-toolbar.mjs";
+import { AiUserMessageToolbarComponent, AiUserMessageToolbarComponentTagName } from "./ai-user-message-toolbar/ai-user-message-toolbar.mjs";
 import { AiAgentInfoComponent, AiAgentInfoComponentTagName } from "./ai-agent-info/ai-agent-info.mjs";
 import { AiArtifactComponent, AiArtifactComponentTagName } from "./ai-artifact/ai-artifact.mjs";
 import { AiAttachmentComponent, AiAttachmentComponentTagName } from "./ai-attachment/ai-attachment.mjs";
@@ -57,8 +58,6 @@ export {
   AgUiAdapter,
   AgentAdapter,
   AgentRunner,
-  AiActionsToolbarComponent,
-  AiActionsToolbarComponentTagName,
   AiAgentInfoComponent,
   AiAgentInfoComponentTagName,
   AiArtifactComponent,
@@ -111,6 +110,8 @@ export {
   AiReasoningHeaderComponentTagName,
   AiResponseMessageComponent,
   AiResponseMessageComponentTagName,
+  AiResponseMessageToolbarComponent,
+  AiResponseMessageToolbarComponentTagName,
   AiSidebarChatComponent,
   AiSidebarChatComponentTagName,
   AiSidebarComponent,
@@ -125,6 +126,8 @@ export {
   AiThreadsComponentTagName,
   AiUserMessageComponent,
   AiUserMessageComponentTagName,
+  AiUserMessageToolbarComponent,
+  AiUserMessageToolbarComponentTagName,
   AiVoiceInputComponent,
   AiVoiceInputComponentTagName,
   EventEmitter,

package/dist/tools/ai-paginator/ai-paginator.mjs

@@ -1,6 +1,7 @@
 import { unsafeCSS, LitElement, html } from "lit";
 import { property, state, customElement } from "lit/decorators.js";
 import styles from "./ai-paginator.scss.mjs";
+import "../../core/tooltip/tooltip.mjs";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __typeError = (msg) => {
@@ -37,6 +38,7 @@ let AiPaginator = class extends LitElement {
       <div class="paginator-container">
         <div class="paginator">
           <button
+            id="prev-btn"
             aria-label="View previous page"
             class="forge-icon-button forge-icon-button--medium"
             ?disabled=${this._isPreviousDisabled}
@@ -45,8 +47,10 @@ let AiPaginator = class extends LitElement {
               <path d="M15.41 16.58 10.83 12l4.58-4.59L14 6l-6 6 6 6z" />
             </svg>
           </button>
+          <forge-ai-tooltip for="prev-btn" placement="bottom">Previous</forge-ai-tooltip>
           <span class="label">${this.currentPage} of ${this.totalPages}</span>
           <button
+            id="next-btn"
             aria-label="View next page"
             class="forge-icon-button forge-icon-button--medium"
             ?disabled=${this._isNextDisabled}
@@ -55,6 +59,7 @@ let AiPaginator = class extends LitElement {
               <path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z" />
             </svg>
           </button>
+          <forge-ai-tooltip for="next-btn" placement="bottom">Next</forge-ai-tooltip>
         </div>
       </div>
     `;

package/package.json

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

package/dist/ai-actions-toolbar/ai-actions-toolbar.d.ts

@@ -1,51 +0,0 @@
-import { LitElement, TemplateResult, PropertyValues } from 'lit';
-import { FeedbackType } from '../ai-chatbot/types.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'forge-ai-actions-toolbar': AiActionsToolbarComponent;
-    }
-    interface HTMLElementEventMap {
-        'forge-ai-actions-toolbar-action': CustomEvent<ForgeAiActionsToolbarActionEventData>;
-        'forge-ai-actions-toolbar-feedback': CustomEvent<ForgeAiActionsToolbarFeedbackEventData>;
-    }
-}
-export interface ForgeAiActionsToolbarActionEventData {
-    action: AiActionsToolbarAction;
-}
-export interface ForgeAiActionsToolbarFeedbackEventData {
-    action: 'positive' | 'negative';
-    feedback?: string;
-}
-export type AiActionsToolbarAction = 'refresh' | 'copy' | 'thumbs-up' | 'thumbs-down';
-export declare const AiActionsToolbarComponentTagName: keyof HTMLElementTagNameMap;
-/**
- * @tag forge-ai-actions-toolbar
- *
- * @event {CustomEvent<ForgeAiActionsToolbarActionEventData>} forge-ai-actions-toolbar-action - Fired when an action button is clicked. The detail contains the action type.
- * @event {CustomEvent<ForgeAiActionsToolbarFeedbackEventData>} forge-ai-actions-toolbar-feedback - Fired when feedback is submitted. The detail contains the action and optional feedback text.
- */
-export declare class AiActionsToolbarComponent extends LitElement {
-    static styles: import('lit').CSSResult;
-    enableReactions: boolean;
-    feedbackType?: FeedbackType;
-    private _thumbsUpActive;
-    private _thumbsDownActive;
-    private _popoverOpen;
-    private _thumbsDownButton;
-    private _thumbsDownPopover;
-    private _thumbsDownFeedbackTextarea?;
-    willUpdate(changedProperties: PropertyValues<this>): void;
-    private _emitActionEvent;
-    private _emitFeedbackEvent;
-    private _handleThumbsUp;
-    private _handleThumbsDown;
-    private _handleFeedbackSubmit;
-    private _handleFeedbackCancel;
-    private _handlePopoverToggle;
-    private get _refreshButtonTemplate();
-    private get _copyButtonTemplate();
-    private get _thumbsUpButtonTemplate();
-    private get _thumbsDownButtonTemplate();
-    private get _feedbackFormTemplate();
-    render(): TemplateResult;
-}

package/dist/ai-actions-toolbar/ai-actions-toolbar.mjs

@@ -1,211 +0,0 @@
-import { unsafeCSS, LitElement, html } from "lit";
-import { property, state, query, customElement } from "lit/decorators.js";
-import { when } from "lit/directives/when.js";
-import "../core/tooltip/tooltip.mjs";
-import "../core/popover/popover.mjs";
-import styles from "./ai-actions-toolbar.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 AiActionsToolbarComponentTagName = "forge-ai-actions-toolbar";
-let AiActionsToolbarComponent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.enableReactions = false;
-    this._thumbsUpActive = false;
-    this._thumbsDownActive = false;
-    this._popoverOpen = false;
-  }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("feedbackType") && this.feedbackType) {
-      this._thumbsUpActive = this.feedbackType === "positive";
-      this._thumbsDownActive = this.feedbackType === "negative";
-    }
-  }
-  _emitActionEvent(action) {
-    const event = new CustomEvent("forge-ai-actions-toolbar-action", {
-      detail: { action }
-    });
-    this.dispatchEvent(event);
-  }
-  _emitFeedbackEvent(action, feedback) {
-    const event = new CustomEvent("forge-ai-actions-toolbar-feedback", {
-      detail: { action, feedback }
-    });
-    this.dispatchEvent(event);
-  }
-  _handleThumbsUp() {
-    this._thumbsUpActive = true;
-    this._thumbsDownActive = false;
-    if (this._thumbsDownPopover) {
-      this._thumbsDownPopover.open = false;
-    }
-    this._emitFeedbackEvent("positive");
-  }
-  async _handleThumbsDown() {
-    if (this._thumbsDownPopover) {
-      const willOpen = !this._thumbsDownPopover.open;
-      if (willOpen) {
-        await this.updateComplete;
-        this._thumbsDownPopover.anchor = this._thumbsDownButton;
-      }
-      this._thumbsDownPopover.open = willOpen;
-      if (this._thumbsDownFeedbackTextarea && !willOpen) {
-        this._thumbsDownFeedbackTextarea.value = "";
-      }
-    }
-    this._thumbsUpActive = false;
-  }
-  _handleFeedbackSubmit() {
-    const feedbackText = this._thumbsDownFeedbackTextarea?.value || "";
-    this._emitFeedbackEvent("negative", feedbackText);
-    this._thumbsDownActive = true;
-    if (this._thumbsDownPopover) {
-      this._thumbsDownPopover.open = false;
-    }
-  }
-  _handleFeedbackCancel() {
-    if (this._thumbsDownPopover) {
-      this._thumbsDownPopover.open = false;
-    }
-  }
-  _handlePopoverToggle(evt) {
-    this._popoverOpen = evt.detail.open;
-  }
-  get _refreshButtonTemplate() {
-    return html`
-      <button
-        id="refresh-btn"
-        aria-label="Refresh"
-        class="forge-icon-button forge-icon-button--small"
-        @click=${() => this._emitActionEvent("refresh")}>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8 8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6 6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" />
-        </svg>
-      </button>
-      <forge-ai-tooltip for="refresh-btn" placement="bottom">Resend</forge-ai-tooltip>
-    `;
-  }
-  get _copyButtonTemplate() {
-    return html`
-      <button
-        id="copy-btn"
-        aria-label="Copy content"
-        class="forge-icon-button forge-icon-button--small"
-        @click=${() => this._emitActionEvent("copy")}>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <path
-            d="M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z" />
-        </svg>
-      </button>
-      <forge-ai-tooltip for="copy-btn" placement="bottom">Copy</forge-ai-tooltip>
-    `;
-  }
-  get _thumbsUpButtonTemplate() {
-    return html`
-      <button
-        id="thumbs-up-btn"
-        aria-label="Thumbs up"
-        class="forge-icon-button forge-icon-button--small ${this._thumbsUpActive ? "is-active-positive" : ""}"
-        @click=${this._handleThumbsUp}>
-        ${this._thumbsUpActive ? html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-              <path
-                d="M23 10a2 2 0 0 0-2-2h-6.32l.96-4.57c.02-.1.03-.21.03-.32 0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.58C7.22 7.95 7 8.45 7 9v10a2 2 0 0 0 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73zM1 21h4V9H1z" />
-            </svg>` : html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-              <path
-                d="M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z" />
-            </svg>`}
-      </button>
-      <forge-ai-tooltip for="thumbs-up-btn" placement="bottom">Thumbs up</forge-ai-tooltip>
-    `;
-  }
-  get _thumbsDownButtonTemplate() {
-    return html`
-      <button
-        id="thumbs-down-btn"
-        aria-label="Thumbs down"
-        class="forge-icon-button forge-icon-button--small ${this._thumbsDownActive || this._popoverOpen ? "is-active-negative" : ""}"
-        @click=${this._handleThumbsDown}>
-        ${this._thumbsDownActive || this._popoverOpen ? html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-              <path
-                d="M19 15h4V3h-4m-4 0H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2a2 2 0 0 0 2 2h6.31l-.95 4.57c-.02.1-.03.2-.03.31 0 .42.17.79.44 1.06L9.83 23l6.58-6.59c.37-.36.59-.86.59-1.41V5a2 2 0 0 0-2-2" />
-            </svg>` : html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-              <path
-                d="M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z" />
-            </svg>`}
-      </button>
-      <forge-ai-tooltip for="thumbs-down-btn" placement="bottom">Thumbs down</forge-ai-tooltip>
-      <forge-ai-popover
-        .anchor=${this._thumbsDownButton ?? null}
-        placement="bottom"
-        .shift=${true}
-        flip
-        arrow
-        @forge-ai-popover-toggle=${this._handlePopoverToggle}>
-        ${this._feedbackFormTemplate}
-      </forge-ai-popover>
-    `;
-  }
-  get _feedbackFormTemplate() {
-    return html`
-      <div class="popover-content">
-        <div class="popover-header">Leave feedback for this response</div>
-        <div class="forge-field">
-          <textarea placeholder="Enter your feedback..."></textarea>
-        </div>
-        <div class="popover-actions">
-          <button class="forge-button forge-button--outlined" @click=${this._handleFeedbackCancel}>Cancel</button>
-          <button class="forge-button forge-button--filled" @click=${this._handleFeedbackSubmit}>Submit</button>
-        </div>
-      </div>
-    `;
-  }
-  render() {
-    return html`
-      <div class="actions-toolbar">
-        ${this._refreshButtonTemplate} ${this._copyButtonTemplate}
-        ${when(this.enableReactions, () => html`${this._thumbsUpButtonTemplate} ${this._thumbsDownButtonTemplate}`)}
-      </div>
-    `;
-  }
-};
-AiActionsToolbarComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property({ type: Boolean, attribute: "enable-reactions" })
-], AiActionsToolbarComponent.prototype, "enableReactions", 2);
-__decorateClass([
-  property({ attribute: "feedback-type" })
-], AiActionsToolbarComponent.prototype, "feedbackType", 2);
-__decorateClass([
-  state()
-], AiActionsToolbarComponent.prototype, "_thumbsUpActive", 2);
-__decorateClass([
-  state()
-], AiActionsToolbarComponent.prototype, "_thumbsDownActive", 2);
-__decorateClass([
-  state()
-], AiActionsToolbarComponent.prototype, "_popoverOpen", 2);
-__decorateClass([
-  query("#thumbs-down-btn")
-], AiActionsToolbarComponent.prototype, "_thumbsDownButton", 2);
-__decorateClass([
-  query("forge-ai-popover")
-], AiActionsToolbarComponent.prototype, "_thumbsDownPopover", 2);
-__decorateClass([
-  query("textarea")
-], AiActionsToolbarComponent.prototype, "_thumbsDownFeedbackTextarea", 2);
-AiActionsToolbarComponent = __decorateClass([
-  customElement(AiActionsToolbarComponentTagName)
-], AiActionsToolbarComponent);
-export {
-  AiActionsToolbarComponent,
-  AiActionsToolbarComponentTagName
-};

package/dist/ai-actions-toolbar/index.d.ts

@@ -1 +0,0 @@
-export * from './ai-actions-toolbar';

package/dist/ai-actions-toolbar/index.mjs

@@ -1,5 +0,0 @@
-import { AiActionsToolbarComponent, AiActionsToolbarComponentTagName } from "./ai-actions-toolbar.mjs";
-export {
-  AiActionsToolbarComponent,
-  AiActionsToolbarComponentTagName
-};