@aleph-alpha/chat-kit 0.8.0 → 0.9.0

package/dist/{CkInput.vue_vue_type_script_setup_true_lang-Bpa5PJj-.js → CkInput.vue_vue_type_script_setup_true_lang-DmcLXAgB.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, createBlock, unref, mergeProps, withCtx, createVNode, Transition, toDisplayString, toRefs, computed, h, useId, useTemplateRef, withModifiers, createTextVNode, useSlots, createSlots, normalizeProps, guardReactiveProps, normalizeClass } from "vue";
-import { a as useMarkdownParser, u as useChatKitLabels } from "./useChatKitLabels-DOiK9ds0.js";
-import { UiIconButton, UiIcon, UiButton, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback } from "@aleph-alpha/ui-library";
+import { a as useMarkdownParser, u as useChatKitLabels } from "./useChatKitLabels-DNwoZ1x6.js";
+import { UiIconButton, UiTooltip, UiIcon, UiButton, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback } from "@aleph-alpha/ui-library";
 const _hoisted_1$7 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -295,6 +295,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const copied = ref(false);
+    const tooltipOpen = ref(false);
     let resetTimer;
     onUnmounted(() => {
       if (resetTimer !== void 0) {
@@ -305,10 +306,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       if (props.disabled) {
         return;
       }
+      tooltipOpen.value = true;
       try {
         const write = props.writeToClipboard ?? ((t) => globalThis.navigator.clipboard.writeText(t));
         await write(props.text);
         copied.value = true;
+        tooltipOpen.value = true;
         emit("copy", { success: true });
         if (resetTimer !== void 0) {
           clearTimeout(resetTimer);
@@ -322,40 +325,50 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(unref(CkMessageActionButton), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
-          disabled: __props.disabled,
-          onClick: handleClick
-        }), {
-          default: withCtx(() => [
-            createVNode(Transition, {
-              name: "copy-message-icon-fade",
-              mode: "out-in"
-            }, {
-              default: withCtx(() => [
-                !copied.value ? (openBlock(), createBlock(unref(UiIcon), {
-                  key: "copy",
-                  name: "copy",
-                  size: 16,
-                  "aria-hidden": "true"
-                })) : (openBlock(), createBlock(unref(UiIcon), {
-                  key: "check",
-                  name: "check",
-                  size: 16,
-                  "aria-hidden": "true"
-                }))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 16, ["disabled"]),
-        createElementVNode("span", _hoisted_1$3, toDisplayString(copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy), 1)
-      ]);
+      return openBlock(), createBlock(unref(UiTooltip), {
+        open: tooltipOpen.value,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => tooltipOpen.value = $event),
+        content: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy,
+        side: "bottom",
+        align: "center",
+        "delay-duration": 0
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(CkMessageActionButton), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
+            disabled: __props.disabled,
+            onClick: handleClick
+          }), {
+            default: withCtx(() => [
+              createVNode(Transition, {
+                name: "copy-message-icon-fade",
+                mode: "out-in"
+              }, {
+                default: withCtx(() => [
+                  !copied.value ? (openBlock(), createBlock(unref(UiIcon), {
+                    key: "copy",
+                    name: "copy",
+                    size: 16,
+                    "aria-hidden": "true"
+                  })) : (openBlock(), createBlock(unref(UiIcon), {
+                    key: "check",
+                    name: "check",
+                    size: 16,
+                    "aria-hidden": "true"
+                  }))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 16, ["disabled"]),
+          createElementVNode("span", _hoisted_1$3, toDisplayString(copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy), 1)
+        ]),
+        _: 1
+      }, 8, ["open", "content"]);
     };
   }
 });
-const CkCopyMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-1fb0b8d1"]]);
+const CkCopyMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-141343e6"]]);
 const defaultMarkdownClasses = {
   p: "my-1 leading-7",
   a: "underline underline-offset-4",
@@ -658,8 +671,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "agent-message-footer", { message }, () => [
                   message.content && !isLoading(message) ? (openBlock(), createBlock(CkCopyMessageActionButton, {
                     key: 0,
-                    text: message.content
-                  }, null, 8, ["text"])) : createCommentVNode("", true)
+                    text: message.content,
+                    "aria-label-copy": unref(labels).copyMessageAction,
+                    "aria-label-copied": unref(labels).copyMessageActionCopied
+                  }, null, 8, ["text", "aria-label-copy", "aria-label-copied"])) : createCommentVNode("", true)
                 ])
               ]),
               default: withCtx(() => [

package/dist/chat-kit.css

@@ -4,17 +4,17 @@
     opacity: 0 !important;
 }
 
-.copy-message-icon-fade-enter-active[data-v-1fb0b8d1],
-  .copy-message-icon-fade-leave-active[data-v-1fb0b8d1] {
+.copy-message-icon-fade-enter-active[data-v-141343e6],
+  .copy-message-icon-fade-leave-active[data-v-141343e6] {
     transition: opacity 0.15s ease-out;
 }
-.copy-message-icon-fade-enter-from[data-v-1fb0b8d1],
-  .copy-message-icon-fade-leave-to[data-v-1fb0b8d1] {
+.copy-message-icon-fade-enter-from[data-v-141343e6],
+  .copy-message-icon-fade-leave-to[data-v-141343e6] {
     opacity: 0;
 }
 @media (prefers-reduced-motion: reduce) {
-.copy-message-icon-fade-enter-active[data-v-1fb0b8d1],
-    .copy-message-icon-fade-leave-active[data-v-1fb0b8d1] {
+.copy-message-icon-fade-enter-active[data-v-141343e6],
+    .copy-message-icon-fade-leave-active[data-v-141343e6] {
       transition-duration: 0.01ms;
 }
 }

package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkCopyMessageActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.vue"],"names":[],"mappings":"AAoHE,KAAK,WAAW,GAAG;IACf,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AA4KN,QAAA,MAAM,YAAY;;iBA/Ja,OAAO;;;;iBAAP,OAAO;;;cAtBrB,OAAO;gBAEL,MAAM;mBACH,MAAM;qBACJ,MAAM;sBAIL,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;6EAiLtD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CkCopyMessageActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.vue"],"names":[],"mappings":"AAgIE,KAAK,WAAW,GAAG;IACf,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAyMN,QAAA,MAAM,YAAY;;iBA5La,OAAO;;;;iBAAP,OAAO;;;cAtBrB,OAAO;gBAEL,MAAM;mBACH,MAAM;qBACJ,MAAM;sBAIL,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;6EA8MtD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/composed/CkConversation/CkConversation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkConversation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkConversation/CkConversation.vue"],"names":[],"mappings":"AA+HE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAanD,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,yDAAyD;IACzD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iDAAiD;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,oCAAoC;IACpC,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,8EAA8E;IAC9E,4BAA4B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,uCAAuC;IACvC,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qCAAqC;IACrC,uBAAuB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qEAAqE;IACrE,0BAA0B,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACjF,CAAC;AAgRJ,QAAA,MAAM,UAAU;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CkConversation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkConversation/CkConversation.vue"],"names":[],"mappings":"AAiIE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAanD,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,yDAAyD;IACzD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iDAAiD;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,oCAAoC;IACpC,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,8EAA8E;IAC9E,4BAA4B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,uCAAuC;IACvC,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qCAAqC;IACrC,uBAAuB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qEAAqE;IACrE,0BAA0B,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACjF,CAAC;AAoRJ,QAAA,MAAM,UAAU;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { _, a, b, C, c, d, e, f, g, h, i, j, k, l } from "../CkInput.vue_vue_type_script_setup_true_lang-Bpa5PJj-.js";
+import { _, a, b, C, c, d, e, f, g, h, i, j, k, l } from "../CkInput.vue_vue_type_script_setup_true_lang-DmcLXAgB.js";
 export {
   _ as CkAgentMessage,
   a as CkConversation,

package/dist/handlers/index.js

@@ -1,5 +1,5 @@
 import { u } from "../useMessageHandler-D7OdrrcB.js";
-import { C, d, p, u as u2, a } from "../useChatKitLabels-DOiK9ds0.js";
+import { C, d, p, u as u2, a } from "../useChatKitLabels-DNwoZ1x6.js";
 export {
   C as CHAT_KIT_LABELS,
   d as defaultChatKitLabels,

package/dist/handlers/useChatKitLabels.d.ts

@@ -23,6 +23,10 @@ export type ChatKitLabels = {
     agentLoadingAvatarAlt: string;
     /** Placeholder text for the chat input field */
     inputPlaceholder: string;
+    /** Accessible label / tooltip for the copy-message action button in its idle state */
+    copyMessageAction: string;
+    /** Accessible label / tooltip for the copy-message action button after a successful copy */
+    copyMessageActionCopied: string;
 };
 /** English defaults used when no labels are provided by the consumer. */
 export declare const defaultChatKitLabels: ChatKitLabels;

package/dist/handlers/useChatKitLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatKitLabels.d.ts","sourceRoot":"","sources":["../../src/handlers/useChatKitLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,0CAA0C;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gDAAgD;IAChD,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,EAAE,aAIlC,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAA6B,CAAC;AAEnG,KAAK,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE5C,yFAAyF;AACzF,KAAK,cAAc,GAAG,GAAG,CAAC,aAAa,CAAC,GAAG,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,aAAa,CAAC,CAAC;AAE9F;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAKjE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,aAAa,CAAC,CAK7D"}
+{"version":3,"file":"useChatKitLabels.d.ts","sourceRoot":"","sources":["../../src/handlers/useChatKitLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,0CAA0C;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gDAAgD;IAChD,gBAAgB,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,uBAAuB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,EAAE,aAMlC,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAA6B,CAAC;AAEnG,KAAK,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE5C,yFAAyF;AACzF,KAAK,cAAc,GAAG,GAAG,CAAC,aAAa,CAAC,GAAG,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,aAAa,CAAC,CAAC;AAE9F;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAKjE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,aAAa,CAAC,CAK7D"}

package/dist/index.js

@@ -1,8 +1,8 @@
 import { C } from "./ChatService-LogwJNxh.js";
 import { u } from "./useMessageHandler-D7OdrrcB.js";
-import { C as C2, d, p, u as u2, a } from "./useChatKitLabels-DOiK9ds0.js";
+import { C as C2, d, p, u as u2, a } from "./useChatKitLabels-DNwoZ1x6.js";
 import { useChat } from "./composables/index.js";
-import { _, a as a2, b, C as C3, c, d as d2, e, f, g, h, i, j, k, l } from "./CkInput.vue_vue_type_script_setup_true_lang-Bpa5PJj-.js";
+import { _, a as a2, b, C as C3, c, d as d2, e, f, g, h, i, j, k, l } from "./CkInput.vue_vue_type_script_setup_true_lang-DmcLXAgB.js";
 export {
   C2 as CHAT_KIT_LABELS,
   C as ChatService,

package/dist/{useChatKitLabels-DOiK9ds0.js → useChatKitLabels-DNwoZ1x6.js}

@@ -13777,7 +13777,9 @@ function useMarkdownParser(source, plugins) {
 const defaultChatKitLabels = {
   agentAvatarAlt: "Agent avatar",
   agentLoadingAvatarAlt: "Agent loading",
-  inputPlaceholder: "Type a message..."
+  inputPlaceholder: "Type a message...",
+  copyMessageAction: "Copy response",
+  copyMessageActionCopied: "Copied!"
 };
 const CHAT_KIT_LABELS = /* @__PURE__ */ Symbol("chat-kit-labels");
 function provideChatKitLabels(labels) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -63,7 +63,7 @@
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "unified": "^11.0.5",
-    "@aleph-alpha/ui-library": "1.25.1"
+    "@aleph-alpha/ui-library": "1.25.2"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.2.17",