@aleph-alpha/chat-kit 0.7.0 → 0.9.0

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

@@ -1,6 +1,50 @@
-import { defineComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, toRefs, computed, h, createBlock, unref, mergeProps, withCtx, useId, useTemplateRef, withModifiers, toDisplayString, createTextVNode, useSlots, createVNode, createSlots, normalizeProps, guardReactiveProps, normalizeClass } from "vue";
-import { a as useMarkdownParser, u as useChatKitLabels } from "./useChatKitLabels-xZXcnxZZ.js";
-import { UiButton, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback } from "@aleph-alpha/ui-library";
+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-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",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{ name: "CkSendIcon" },
+  __name: "CkSendIcon",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
+        createElementVNode("path", { d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z" }, null, -1),
+        createElementVNode("path", { d: "M6 12h16" }, null, -1)
+      ])]);
+    };
+  }
+});
+const _hoisted_1$6 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none"
+};
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{ name: "CkStopIcon" },
+  __name: "CkStopIcon",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [
+        createElementVNode("path", {
+          d: "M13.3335 3.33301C13.3335 2.96482 13.035 2.66634 12.6668 2.66634H3.3335C2.96531 2.66634 2.66683 2.96482 2.66683 3.33301V12.6663C2.66683 13.0345 2.96531 13.333 3.3335 13.333H12.6668C13.035 13.333 13.3335 13.0345 13.3335 12.6663V3.33301ZM14.6668 12.6663C14.6668 13.7709 13.7714 14.6663 12.6668 14.6663H3.3335C2.22893 14.6663 1.3335 13.7709 1.3335 12.6663V3.33301C1.3335 2.22844 2.22893 1.33301 3.3335 1.33301H12.6668C13.7714 1.33301 14.6668 2.22844 14.6668 3.33301V12.6663Z",
+          fill: "#1D1D1B"
+        }, null, -1)
+      ])]);
+    };
+  }
+});
 const _hoisted_1$5 = { class: "flex w-full items-start gap-2" };
 const _hoisted_2$3 = {
   key: 0,
@@ -15,7 +59,7 @@ const _hoisted_5$1 = {
   key: 1,
   class: "flex items-center"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessage" },
   __name: "CkAgentMessage",
   setup(__props) {
@@ -48,7 +92,7 @@ const _hoisted_3$1 = {
   key: 1,
   class: "flex justify-start"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{ name: "CkConversationLayout" },
   __name: "CkConversationLayout",
   props: {
@@ -197,6 +241,134 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkMessageActionButton"
+  },
+  __name: "CkMessageActionButton",
+  props: {
+    ariaLabel: {},
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(UiIconButton), mergeProps({ ariaLabel: __props.ariaLabel }, {
+        disabled: __props.disabled,
+        variant: "ghost",
+        class: "message-action-button box-border w-8 h-8 transition-colors hover:bg-background-surface-muted hover:border-border-button-outlined focus-visible:bg-background-surface-muted focus-visible:border-border-button-outlined active:bg-background-surface-muted active:border-border-button-outlined"
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 16, ["disabled"]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const CkMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-ee7595cc"]]);
+const _hoisted_1$3 = {
+  class: "sr-only",
+  "aria-live": "polite"
+};
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkCopyMessageActionButton"
+  },
+  __name: "CkCopyMessageActionButton",
+  props: {
+    text: {},
+    disabled: { type: Boolean, default: false },
+    durationMs: { default: 3e3 },
+    ariaLabelCopy: { default: "Copy message" },
+    ariaLabelCopied: { default: "Copied" },
+    writeToClipboard: { type: Function, default: void 0 }
+  },
+  emits: ["copy"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const copied = ref(false);
+    const tooltipOpen = ref(false);
+    let resetTimer;
+    onUnmounted(() => {
+      if (resetTimer !== void 0) {
+        clearTimeout(resetTimer);
+      }
+    });
+    async function handleClick() {
+      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);
+        }
+        resetTimer = setTimeout(() => {
+          copied.value = false;
+          resetTimer = void 0;
+        }, props.durationMs);
+      } catch {
+        emit("copy", { success: false });
+      }
+    }
+    return (_ctx, _cache) => {
+      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-141343e6"]]);
 const defaultMarkdownClasses = {
   p: "my-1 leading-7",
   a: "underline underline-offset-4",
@@ -291,14 +463,38 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { class: "flex flex-col gap-2" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{ name: "CkPromptStopButton" },
+  __name: "CkPromptStopButton",
+  props: {
+    ariaLabel: { default: "Stop generating" },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(UiIconButton), mergeProps({ ariaLabel: __props.ariaLabel }, {
+        disabled: props.disabled,
+        class: "!bg-brand-bg-brand hover:!bg-brand-bg-brand-hover !text-brand-content-default !rounded-md",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["disabled"]);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "flex flex-col gap-2" };
 const _hoisted_2$1 = ["for"];
 const _hoisted_3 = ["id", "value", "placeholder", "disabled"];
 const _hoisted_4 = { class: "flex items-center justify-between" };
 const _hoisted_5 = { key: 0 };
 const _hoisted_6 = { key: 1 };
 const _hoisted_7 = { class: "ml-auto" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptInput" },
   __name: "CkPromptInput",
   props: {
@@ -350,7 +546,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     );
     __expose({ focus, submit });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         createElementVNode("form", {
           class: "border-core-border-default bg-core-bg-primary [&:has(textarea:focus)]:ring-core-border-focus flex flex-col gap-3 rounded-xl border px-4 pt-3 pb-3 shadow-sm [&:has(textarea:focus)]:ring-2",
           onSubmit: withModifiers(submit, ["prevent"])
@@ -390,11 +586,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$1 = {
   key: 0,
   class: "text-core-content-tertiary text-center text-xs leading-3.5"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptInputDisclaimer" },
   __name: "CkPromptInputDisclaimer",
   props: {
@@ -402,7 +598,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return _ctx.$slots.default || __props.text ? (openBlock(), createElementBlock("p", _hoisted_1$2, [
+      return _ctx.$slots.default || __props.text ? (openBlock(), createElementBlock("p", _hoisted_1$1, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.text), 1)
         ])
@@ -410,9 +606,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "bg-background-surface-primary inline-flex max-w-[600px] flex-col items-end justify-start gap-4 rounded-xl p-6" };
+const _hoisted_1 = { class: "bg-background-surface-primary inline-flex max-w-[600px] flex-col items-end justify-start gap-4 rounded-xl p-6" };
 const _hoisted_2 = { class: "text-content-on-surface-primary justify-start self-stretch text-base leading-6 font-normal" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkUserMessage" },
   __name: "CkUserMessage",
   props: {
@@ -420,7 +616,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.message), 1)
@@ -430,7 +626,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkConversation" },
   __name: "CkConversation",
   props: {
@@ -449,13 +645,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     );
     const isLoading = (message) => message.status === "started" || message.status === "sending";
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$8, { messages: __props.messages }, {
+      return openBlock(), createBlock(_sfc_main$a, { messages: __props.messages }, {
         "user-message": withCtx(({ message }) => [
           createElementVNode("div", {
             class: normalizeClass({ "ml-8": hasIcon.value })
           }, [
             renderSlot(_ctx.$slots, "user-message", { message }, () => [
-              createVNode(_sfc_main$3, {
+              createVNode(_sfc_main$2, {
                 message: message.content
               }, {
                 default: withCtx(() => [
@@ -470,7 +666,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ]),
         "agent-message": withCtx(({ message }) => [
           renderSlot(_ctx.$slots, "agent-message", { message }, () => [
-            createVNode(_sfc_main$9, null, createSlots({
+            createVNode(_sfc_main$b, null, createSlots({
+              footer: withCtx(() => [
+                renderSlot(_ctx.$slots, "agent-message-footer", { message }, () => [
+                  message.content && !isLoading(message) ? (openBlock(), createBlock(CkCopyMessageActionButton, {
+                    key: 0,
+                    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(() => [
                 renderSlot(_ctx.$slots, "agent-message-content", { message }, () => [
                   createVNode(_sfc_main$7, {
@@ -542,13 +748,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "agent-message-header", { message })
                 ]),
                 key: "1"
-              } : void 0,
-              _ctx.$slots["agent-message-footer"] ? {
-                name: "footer",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "agent-message-footer", { message })
-                ]),
-                key: "2"
               } : void 0
             ]), 1024)
           ])
@@ -558,29 +757,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{ name: "CkSendIcon" },
-  __name: "CkSendIcon",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-        createElementVNode("path", { d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z" }, null, -1),
-        createElementVNode("path", { d: "M6 12h16" }, null, -1)
-      ])]);
-    };
-  }
-});
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "CkInput" },
   __name: "CkInput",
@@ -591,9 +767,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean, default: false },
     maxHeight: { default: 200 },
     ariaLabel: { default: "Chat message input" },
+    stopAriaLabel: { default: "Stop generating" },
     disclaimer: { default: void 0 }
   },
-  emits: ["update:modelValue", "submit"],
+  emits: ["update:modelValue", "submit", "stop"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -605,6 +782,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onSubmit(value) {
       emit("submit", value);
     }
+    function onStop() {
+      emit("stop");
+    }
     function focus() {
       promptInputRef.value?.focus();
     }
@@ -613,7 +793,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     __expose({ focus, submit });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$5, {
+      return openBlock(), createBlock(_sfc_main$4, {
         ref_key: "promptInputRef",
         ref: promptInputRef,
         "model-value": __props.modelValue,
@@ -626,23 +806,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, createSlots({
         "toolbar-right": withCtx((scope) => [
           renderSlot(_ctx.$slots, "toolbar-right", normalizeProps(guardReactiveProps(scope)), () => [
-            createVNode(_sfc_main$6, mergeProps({ ariaLabel: "Send message" }, {
+            __props.loading ? (openBlock(), createBlock(_sfc_main$5, {
+              key: 0,
+              "aria-label": __props.stopAriaLabel,
+              disabled: __props.disabled,
+              onClick: onStop
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "stop-icon", {}, () => [
+                  createVNode(_sfc_main$c)
+                ])
+              ]),
+              _: 3
+            }, 8, ["aria-label", "disabled"])) : (openBlock(), createBlock(_sfc_main$6, mergeProps({ key: 1 }, { ariaLabel: "Send message" }, {
               type: "submit",
-              disabled: scope.disabled,
-              loading: __props.loading
+              disabled: scope.disabled
             }), {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "send-icon", {}, () => [
-                  createVNode(_sfc_main$1)
+                  createVNode(_sfc_main$d)
                 ])
               ]),
               _: 3
-            }, 16, ["disabled", "loading"])
+            }, 16, ["disabled"]))
           ])
         ]),
         footer: withCtx(() => [
           renderSlot(_ctx.$slots, "footer", {}, () => [
-            __props.disclaimer ? (openBlock(), createBlock(_sfc_main$4, {
+            __props.disclaimer ? (openBlock(), createBlock(_sfc_main$3, {
               key: 0,
               text: __props.disclaimer
             }, null, 8, ["text"])) : createCommentVNode("", true)
@@ -662,13 +853,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$9 as _,
-  _sfc_main$2 as a,
-  _sfc_main$8 as b,
+  CkCopyMessageActionButton as C,
+  _sfc_main$b as _,
+  _sfc_main$1 as a,
+  _sfc_main$a as b,
   _sfc_main as c,
   _sfc_main$7 as d,
-  _sfc_main$6 as e,
-  _sfc_main$5 as f,
+  CkMessageActionButton as e,
+  _sfc_main$6 as f,
   _sfc_main$4 as g,
-  _sfc_main$3 as h
+  _sfc_main$3 as h,
+  _sfc_main$5 as i,
+  _sfc_main$d as j,
+  _sfc_main$c as k,
+  _sfc_main$2 as l
 };

package/dist/chat-kit.css

@@ -0,0 +1,20 @@
+
+  /* Ghost buttons inject a dark v-hover overlay; suppress it so token bg/border show through. */
+.message-action-button[data-v-ee7595cc] .v-hover-overlay {
+    opacity: 0 !important;
+}
+
+.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-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-141343e6],
+    .copy-message-icon-fade-leave-active[data-v-141343e6] {
+      transition-duration: 0.01ms;
+}
+}

package/dist/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.stories.d.ts

@@ -0,0 +1,8 @@
+import CkCopyMessageActionButton from './CkCopyMessageActionButton.vue';
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+declare const meta: Meta<typeof CkCopyMessageActionButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=CkCopyMessageActionButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CkCopyMessageActionButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/CkCopyMessageActionButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,CAShD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    /** Plain text to copy to the clipboard */
+    text: string;
+    disabled?: boolean;
+    /** How long to show the checkmark before reverting (ms) */
+    durationMs?: number;
+    ariaLabelCopy?: string;
+    ariaLabelCopied?: string;
+    /**
+     * Optional writer (e.g. tests). When omitted, uses `navigator.clipboard.writeText`.
+     */
+    writeToClipboard?: (text: string) => Promise<void>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (payload: {
+        success: boolean;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((payload: {
+        success: boolean;
+    }) => any) | undefined;
+}>, {
+    disabled: boolean;
+    durationMs: number;
+    ariaLabelCopy: string;
+    ariaLabelCopied: string;
+    writeToClipboard: (text: string) => Promise<void>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=CkCopyMessageActionButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"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/base/CkCopyMessageActionButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CkCopyMessageActionButton } from './CkCopyMessageActionButton.vue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCopyMessageActionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/components/base/CkMessageActionButton/CkMessageActionButton.stories.d.ts

@@ -0,0 +1,7 @@
+import CkMessageActionButton from './CkMessageActionButton.vue';
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+declare const meta: Meta<typeof CkMessageActionButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=CkMessageActionButton.stories.d.ts.map

package/dist/components/base/CkMessageActionButton/CkMessageActionButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CkMessageActionButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkMessageActionButton/CkMessageActionButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAG3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAS5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/dist/components/base/CkMessageActionButton/CkMessageActionButton.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    ariaLabel: string;
+    disabled?: boolean;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CkMessageActionButton.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CkMessageActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkMessageActionButton/CkMessageActionButton.vue"],"names":[],"mappings":"AA4CE,KAAK,WAAW,GAAG;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkEN,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;cA1EC,OAAO;6EA6EtB,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/base/CkMessageActionButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CkMessageActionButton } from './CkMessageActionButton.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/base/CkMessageActionButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkMessageActionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/components/base/CkPromptActionButton/CkPromptActionButton.vue.d.ts

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    type: "button" | "submit";
     disabled: boolean;
+    type: "button" | "submit";
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-{"version":3,"file":"CkPromptActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkPromptActionButton/CkPromptActionButton.vue"],"names":[],"mappings":"AAuCE,KAAK,WAAW,GAAG;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAgEN,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;UAxEH,QAAQ,GAAG,QAAQ;cAFf,OAAO;aACR,OAAO;6EA4ErB,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":"CkPromptActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkPromptActionButton/CkPromptActionButton.vue"],"names":[],"mappings":"AAuCE,KAAK,WAAW,GAAG;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAgEN,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;cA1EC,OAAO;UAEX,QAAQ,GAAG,QAAQ;aADhB,OAAO;6EA4ErB,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/base/CkPromptStopButton/CkPromptStopButton.stories.d.ts

@@ -0,0 +1,8 @@
+import CkPromptStopButton from './CkPromptStopButton.vue';
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+declare const meta: Meta<typeof CkPromptStopButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=CkPromptStopButton.stories.d.ts.map

package/dist/components/base/CkPromptStopButton/CkPromptStopButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CkPromptStopButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkPromptStopButton/CkPromptStopButton.stories.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CASzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}

package/dist/components/base/CkPromptStopButton/CkPromptStopButton.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    ariaLabel?: string;
+    disabled?: boolean;
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CkPromptStopButton.vue.d.ts.map