@aleph-alpha/chat-kit 0.0.1-alpha.28

package/dist/ChatInput.vue_vue_type_script_setup_true_lang-DVCUwptr.js

@@ -0,0 +1,554 @@
+import { createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, defineComponent, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, createBlock, unref, mergeProps, withCtx, useId, useTemplateRef, computed, withModifiers, toDisplayString, createTextVNode, useSlots, createVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { u as useChatKitLabels } from "./useChatKitLabels-Bi0szl2l.js";
+import { UiIconButton, UiAvatar, UiAvatarImage, UiAvatarFallback } from "@aleph-alpha/ui-library";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$8 = {};
+const _hoisted_1$5 = { class: "flex w-full items-start gap-2" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "flex flex-shrink-0 items-center justify-center"
+};
+const _hoisted_3$2 = { class: "text-core-content-primary flex min-w-0 flex-1 flex-col gap-2" };
+const _hoisted_4$1 = {
+  key: 0,
+  class: "text-sm font-bold"
+};
+const _hoisted_5$1 = {
+  key: 1,
+  class: "flex items-center"
+};
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$5, [
+    _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+      renderSlot(_ctx.$slots, "icon")
+    ])) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_3$2, [
+      _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
+        renderSlot(_ctx.$slots, "header")
+      ])) : createCommentVNode("", true),
+      createElementVNode("div", null, [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        renderSlot(_ctx.$slots, "footer")
+      ])) : createCommentVNode("", true)
+    ])
+  ]);
+}
+const AgentMessage = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]]);
+const _hoisted_1$4 = ["data-message-row"];
+const _hoisted_2$2 = {
+  key: 0,
+  class: "flex justify-end"
+};
+const _hoisted_3$1 = {
+  key: 1,
+  class: "flex justify-start"
+};
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "ChatConversationLayout",
+  props: {
+    messages: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const scrollContainerRef = ref(null);
+    const containerHeight = ref(0);
+    const isAutoScrollEnabled = ref(true);
+    const hasBottomSpacer = ref(false);
+    const spacerHeight = ref(0);
+    let resizeObserver = null;
+    onMounted(() => {
+      const container = scrollContainerRef.value;
+      if (container) {
+        containerHeight.value = container.clientHeight;
+        resizeObserver = new ResizeObserver((entries) => {
+          for (const entry of entries) {
+            containerHeight.value = entry.contentRect.height;
+          }
+        });
+        resizeObserver.observe(container);
+        nextTick(() => {
+          container.scrollTop = container.scrollHeight;
+        });
+      }
+    });
+    onUnmounted(() => {
+      resizeObserver?.disconnect();
+    });
+    function isFollowingContent() {
+      const container = scrollContainerRef.value;
+      if (!container) return true;
+      const rows = container.querySelectorAll("[data-message-row]");
+      const lastRow = rows[rows.length - 1];
+      if (!lastRow) return true;
+      const lastRowBottom = lastRow.offsetTop + lastRow.offsetHeight;
+      const viewportBottom = container.scrollTop + container.clientHeight;
+      return viewportBottom >= lastRowBottom - 100;
+    }
+    function handleScroll() {
+      isAutoScrollEnabled.value = isFollowingContent();
+    }
+    function updateSpacerHeight() {
+      const container = scrollContainerRef.value;
+      if (!container || !hasBottomSpacer.value) {
+        spacerHeight.value = 0;
+        return;
+      }
+      const userRows = container.querySelectorAll('[data-message-row="user"]');
+      const lastUserRow = userRows[userRows.length - 1];
+      if (!lastUserRow) {
+        spacerHeight.value = 0;
+        return;
+      }
+      const rows = container.querySelectorAll("[data-message-row]");
+      const lastRow = rows[rows.length - 1];
+      if (!lastRow) {
+        spacerHeight.value = 0;
+        return;
+      }
+      const lastUserTop = lastUserRow.offsetTop;
+      const lastRowBottom = lastRow.offsetTop + lastRow.offsetHeight;
+      const contentFromUserToEnd = lastRowBottom - lastUserTop;
+      spacerHeight.value = Math.max(0, containerHeight.value - contentFromUserToEnd);
+    }
+    function scrollUserMessageToTop() {
+      const container = scrollContainerRef.value;
+      if (!container) return;
+      hasBottomSpacer.value = true;
+      spacerHeight.value = containerHeight.value;
+      nextTick(() => {
+        const userRows = container.querySelectorAll('[data-message-row="user"]');
+        const lastUserRow = userRows[userRows.length - 1];
+        if (lastUserRow) {
+          lastUserRow.scrollIntoView({ behavior: "smooth", block: "start" });
+        }
+        isAutoScrollEnabled.value = true;
+      });
+    }
+    function scrollToEndOfContent() {
+      const container = scrollContainerRef.value;
+      if (!container || !isAutoScrollEnabled.value) return;
+      const rows = container.querySelectorAll("[data-message-row]");
+      const lastRow = rows[rows.length - 1];
+      if (!lastRow) return;
+      const lastRowBottom = lastRow.offsetTop + lastRow.offsetHeight;
+      const viewportBottom = container.scrollTop + container.clientHeight;
+      if (lastRowBottom > viewportBottom) {
+        container.scrollTop = lastRowBottom - container.clientHeight;
+      }
+    }
+    watch(
+      () => props.messages.length,
+      (newLen, oldLen) => {
+        if (newLen <= (oldLen ?? 0)) return;
+        const lastMessage = props.messages[newLen - 1];
+        if (lastMessage?.role === "user") {
+          nextTick(() => scrollUserMessageToTop());
+        }
+      }
+    );
+    watch(
+      () => props.messages,
+      () => {
+        if (props.messages.length === 0) return;
+        const lastMessage = props.messages[props.messages.length - 1];
+        if (lastMessage && lastMessage.role !== "user") {
+          nextTick(() => {
+            updateSpacerHeight();
+            if (isAutoScrollEnabled.value) {
+              scrollToEndOfContent();
+            }
+          });
+        }
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "scrollContainerRef",
+        ref: scrollContainerRef,
+        class: "flex flex-col gap-4 overflow-y-auto",
+        onScroll: handleScroll
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.messages, (message, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            "data-message-row": message.role
+          }, [
+            message.role === "user" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+              renderSlot(_ctx.$slots, "user-message", { message })
+            ])) : (openBlock(), createElementBlock("div", _hoisted_3$1, [
+              renderSlot(_ctx.$slots, "agent-message", { message })
+            ]))
+          ], 8, _hoisted_1$4);
+        }), 128)),
+        hasBottomSpacer.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          "aria-hidden": "true",
+          style: normalizeStyle({ minHeight: `${spacerHeight.value}px` })
+        }, null, 4)) : createCommentVNode("", true)
+      ], 544);
+    };
+  }
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "PromptActionButton",
+  props: {
+    ariaLabel: {},
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    type: { default: "button" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(UiIconButton), mergeProps({ ariaLabel: __props.ariaLabel }, {
+        type: __props.type,
+        disabled: __props.disabled,
+        loading: __props.loading,
+        class: "!bg-brand-bg-brand hover:!bg-brand-bg-brand-hover !text-brand-content-default !rounded-md"
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["type", "disabled", "loading"]);
+    };
+  }
+});
+const _hoisted_1$3 = { 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({
+  __name: "PromptInput",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    maxHeight: { default: 200 },
+    ariaLabel: { default: void 0 }
+  },
+  emits: ["update:modelValue", "submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const textareaId = useId();
+    const textareaRef = useTemplateRef("textareaRef");
+    const isEmpty = computed(() => props.modelValue.trim() === "");
+    const isSubmitDisabled = computed(() => props.disabled || isEmpty.value);
+    function adjustHeight() {
+      const el = textareaRef.value;
+      if (!el) return;
+      el.style.height = "auto";
+      el.style.height = `${Math.min(el.scrollHeight, props.maxHeight)}px`;
+    }
+    function onInput(event) {
+      const value = event.target.value;
+      emit("update:modelValue", value);
+      adjustHeight();
+    }
+    function submit() {
+      if (isSubmitDisabled.value) return;
+      const trimmed = props.modelValue.trim();
+      if (!trimmed) return;
+      emit("submit", trimmed);
+    }
+    function onKeydown(event) {
+      if (event.key === "Enter" && !event.shiftKey) {
+        event.preventDefault();
+        submit();
+      }
+    }
+    function focus() {
+      textareaRef.value?.focus();
+    }
+    watch(
+      () => props.modelValue,
+      () => {
+        nextTick(adjustHeight);
+      }
+    );
+    __expose({ focus, submit });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        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"])
+        }, [
+          __props.ariaLabel ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            for: unref(textareaId),
+            class: "sr-only"
+          }, toDisplayString(__props.ariaLabel), 9, _hoisted_2$1)) : createCommentVNode("", true),
+          createElementVNode("textarea", {
+            id: unref(textareaId),
+            ref_key: "textareaRef",
+            ref: textareaRef,
+            rows: "2",
+            value: __props.modelValue,
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            class: "text-core-content-primary placeholder-core-content-placeholder min-h-10 w-full resize-none bg-transparent text-sm leading-5 focus:outline-none",
+            onInput,
+            onKeydown
+          }, null, 40, _hoisted_3),
+          createElementVNode("div", _hoisted_4, [
+            _ctx.$slots["toolbar-left"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "toolbar-left")
+            ])) : (openBlock(), createElementBlock("div", _hoisted_6)),
+            createElementVNode("div", _hoisted_7, [
+              renderSlot(_ctx.$slots, "toolbar-right", {
+                submit,
+                disabled: isSubmitDisabled.value,
+                isEmpty: isEmpty.value
+              })
+            ])
+          ])
+        ], 32),
+        renderSlot(_ctx.$slots, "footer")
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = {
+  key: 0,
+  class: "text-core-content-tertiary text-center text-xs leading-3.5"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "PromptInputDisclaimer",
+  props: {
+    text: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.$slots.default || __props.text ? (openBlock(), createElementBlock("p", _hoisted_1$2, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.text), 1)
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "bg-background-surface-secondary inline-flex max-w-[600px] flex-col items-end justify-start gap-4 rounded-tl-xl rounded-br-xl rounded-bl-xl px-6 py-3" };
+const _hoisted_2 = { class: "text-core-content-primary justify-start self-stretch font-['Inter'] text-base leading-6 font-normal" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "UserMessage",
+  props: {
+    message: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.message), 1)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ChatConversation",
+  props: {
+    messages: {},
+    agentAvatarImage: { default: "" },
+    agentAvatarFallback: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const labels = useChatKitLabels();
+    const hasIcon = computed(
+      () => Boolean(props.agentAvatarImage) || Boolean(props.agentAvatarFallback) || Boolean(slots["agent-message-icon"])
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$7, { messages: __props.messages }, {
+        "user-message": withCtx(({ message }) => [
+          renderSlot(_ctx.$slots, "user-message", { message }, () => [
+            createVNode(_sfc_main$3, {
+              message: message.content
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "user-message-content", { message }, () => [
+                  createTextVNode(toDisplayString(message.content), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["message"])
+          ])
+        ]),
+        "agent-message": withCtx(({ message }) => [
+          renderSlot(_ctx.$slots, "agent-message", { message }, () => [
+            createVNode(AgentMessage, null, createSlots({
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "agent-message-content", { message }, () => [
+                  createTextVNode(toDisplayString(message.content), 1)
+                ])
+              ]),
+              _: 2
+            }, [
+              hasIcon.value ? {
+                name: "icon",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "agent-message-icon", { message }, () => [
+                    createVNode(unref(UiAvatar), null, {
+                      default: withCtx(() => [
+                        __props.agentAvatarImage ? (openBlock(), createBlock(unref(UiAvatarImage), {
+                          key: 0,
+                          src: __props.agentAvatarImage,
+                          alt: unref(labels).agentAvatarAlt
+                        }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
+                        __props.agentAvatarFallback ? (openBlock(), createBlock(unref(UiAvatarFallback), { key: 1 }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.agentAvatarFallback), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots["agent-message-header"] ? {
+                name: "header",
+                fn: withCtx(() => [
+                  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)
+          ])
+        ]),
+        _: 3
+      }, 8, ["messages"]);
+    };
+  }
+});
+const _sfc_main$1 = {};
+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"
+};
+function _sfc_render(_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 SendIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatInput",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "Ask me anything" },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    maxHeight: { default: 200 },
+    ariaLabel: { default: "Chat message input" },
+    disclaimer: { default: void 0 }
+  },
+  emits: ["update:modelValue", "submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const promptInputRef = useTemplateRef("promptInputRef");
+    const isDisabled = computed(() => props.disabled || props.loading);
+    function onUpdateModelValue(value) {
+      emit("update:modelValue", value);
+    }
+    function onSubmit(value) {
+      emit("submit", value);
+    }
+    function focus() {
+      promptInputRef.value?.focus();
+    }
+    function submit() {
+      promptInputRef.value?.submit();
+    }
+    __expose({ focus, submit });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$5, {
+        ref_key: "promptInputRef",
+        ref: promptInputRef,
+        "model-value": __props.modelValue,
+        placeholder: __props.placeholder,
+        disabled: isDisabled.value,
+        "max-height": __props.maxHeight,
+        "aria-label": __props.ariaLabel,
+        "onUpdate:modelValue": onUpdateModelValue,
+        onSubmit
+      }, createSlots({
+        "toolbar-right": withCtx((scope) => [
+          renderSlot(_ctx.$slots, "toolbar-right", normalizeProps(guardReactiveProps(scope)), () => [
+            createVNode(_sfc_main$6, mergeProps({ ariaLabel: "Send message" }, {
+              type: "submit",
+              disabled: scope.disabled,
+              loading: __props.loading
+            }), {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "send-icon", {}, () => [
+                  createVNode(SendIcon)
+                ])
+              ]),
+              _: 3
+            }, 16, ["disabled", "loading"])
+          ])
+        ]),
+        footer: withCtx(() => [
+          renderSlot(_ctx.$slots, "footer", {}, () => [
+            __props.disclaimer ? (openBlock(), createBlock(_sfc_main$4, {
+              key: 0,
+              text: __props.disclaimer
+            }, null, 8, ["text"])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots["toolbar-left"] ? {
+          name: "toolbar-left",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "toolbar-left")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["model-value", "placeholder", "disabled", "max-height", "aria-label"]);
+    };
+  }
+});
+export {
+  AgentMessage as A,
+  _sfc_main$2 as _,
+  _sfc_main$7 as a,
+  _sfc_main as b,
+  _sfc_main$6 as c,
+  _sfc_main$5 as d,
+  _sfc_main$4 as e,
+  _sfc_main$3 as f
+};

package/dist/ChatService-LogwJNxh.js

@@ -0,0 +1,9 @@
+class ChatService {
+  config;
+  constructor(config) {
+    this.config = config || {};
+  }
+}
+export {
+  ChatService as C
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentMessage.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/AgentMessage/AgentMessage.stories.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8B7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

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

@@ -0,0 +1,20 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    header?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    footer?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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=AgentMessage.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/AgentMessage/AgentMessage.vue"],"names":[],"mappings":"AA+EA,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AACjF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/base/AgentMessage/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatConversationLayout.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ChatConversationLayout/ChatConversationLayout.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAI3C,QAAA,MAAM,sBAAsB,EAAiD,eAAe,CAAC;AAoB7F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,sBAAsB,CAU7C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+EjC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC"}

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

@@ -0,0 +1,30 @@
+declare const __VLS_export: <T extends {
+    role: string;
+}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        messages: T[];
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        'user-message': (props: {
+            message: T;
+        }) => void;
+        'agent-message': (props: {
+            message: T;
+        }) => void;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};
+//# sourceMappingURL=ChatConversationLayout.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatConversationLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ChatConversationLayout/ChatConversationLayout.vue"],"names":[],"mappings":"AA6LE,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAClD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA8OO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;kBA5OzC,CAAC,EAAE;MA4OyD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;wBAzOS,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;yBAC9B,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;;UA0O7C,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/base/ChatConversationLayout/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ChatConversationLayout } from './ChatConversationLayout.vue';
+export type { ChatConversationLayoutProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ChatConversationLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACjF,YAAY,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC"}