@aleph-alpha/chat-kit 4.0.0 → 5.0.0

package/dist/{CkInput.vue_vue_type_script_setup_true_lang-DJN-nZ2-.js → CkHistory.vue_vue_type_script_setup_true_lang-Bp9hXdH6.js}

@@ -1,5 +1,5 @@
-import { defineComponent, openBlock, createBlock, unref, createElementBlock, createElementVNode, renderSlot, createCommentVNode, computed, createVNode, toDisplayString, withCtx, ref, onBeforeUnmount, normalizeClass, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, mergeProps, Transition, createStaticVNode, Teleport, withModifiers, toValue, h, toRefs, useId, createTextVNode, useAttrs, useSlots, resolveDynamicComponent, useTemplateRef, onUpdated, createSlots, normalizeProps, guardReactiveProps } from "vue";
-import { UiIcon, UiFileType, UiButton, UiPopover, UiPopoverTrigger, UiPopoverContent, UiTooltip, formatFileSize, UiDialog, UiDialogContent, UiDialogDescription, UiFieldLabel, UiToggleGroup, UiToggleGroupItem, UiField, UiTextarea, UiFileItem, UiProgress, Primitive, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
+import { defineComponent, openBlock, createBlock, unref, createElementBlock, createElementVNode, normalizeClass, renderSlot, createCommentVNode, mergeProps, withCtx, computed, createVNode, toDisplayString, ref, onBeforeUnmount, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, Transition, createStaticVNode, Teleport, withModifiers, toValue, h, toRefs, useId, createTextVNode, useAttrs, useSlots, resolveDynamicComponent, useTemplateRef, onUpdated, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { UiIcon, UiButton, UiFileType, UiPopover, UiPopoverTrigger, UiPopoverContent, UiTooltip, formatFileSize, UiDialog, UiDialogContent, UiDialogDescription, UiFieldLabel, UiToggleGroup, UiToggleGroupItem, UiField, UiTextarea, UiFileItem, UiProgress, Primitive, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
 import { u as useChatKitLabels, d as defaultChatKitLabels, r as remarkCitations, a as useMarkdownParser } from "./useChatKitLabels-zMFV7aEz.js";
 const MINUTE = 60;
 const HOUR = 60 * MINUTE;
@@ -36,7 +36,7 @@ function formatRelativeTime(unixSeconds, nowSeconds = Math.floor(Date.now() / 1e
   const years = Math.floor(delta / YEAR);
   return years === 1 ? "1 year ago" : `${years} years ago`;
 }
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "CkSendIcon" },
   __name: "CkSendIcon",
   setup(__props) {
@@ -45,19 +45,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{ name: "CkStopIcon" },
   __name: "CkStopIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
+      return openBlock(), createElementBlock("svg", _hoisted_1$g, [..._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: "currentColor"
@@ -66,59 +66,130 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "flex w-full min-w-0 flex-col gap-6 pb-6" };
-const _hoisted_2$9 = {
-  key: 0,
-  class: "flex items-start gap-3"
-};
-const _hoisted_3$8 = {
+const _hoisted_1$f = {
   key: 0,
-  "data-testid": "ck-agent-message-icon",
-  class: "flex flex-shrink-0 justify-center"
-};
-const _hoisted_4$7 = {
-  key: 1,
   "data-testid": "ck-agent-message-header",
-  class: "body-14-regular text-content-on-surface-muted min-w-0 flex-1 [word-break:break-word]"
+  class: "w-full min-w-0"
 };
-const _hoisted_5$5 = { class: "text-content-on-surface-primary min-w-0 text-base leading-7" };
-const _hoisted_6$3 = {
+const _hoisted_2$a = { class: "text-content-on-surface-primary min-w-0 text-base leading-7" };
+const _hoisted_3$9 = {
   key: 1,
   class: "flex items-center gap-4"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessage" },
   __name: "CkAgentMessage",
+  props: {
+    bottomSeparator: { type: Boolean, default: true }
+  },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        _ctx.$slots.icon || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-          _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
-            renderSlot(_ctx.$slots, "icon")
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_4$7, [
-            renderSlot(_ctx.$slots, "header")
-          ])) : createCommentVNode("", true)
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "flex w-full min-w-0 flex-col gap-6 pb-6",
+          __props.bottomSeparator && "border-border-surface-default border-b"
+        ])
+      }, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+          renderSlot(_ctx.$slots, "header")
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5$5, [
+        createElementVNode("div", _hoisted_2$a, [
           renderSlot(_ctx.$slots, "default")
         ]),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
           renderSlot(_ctx.$slots, "footer")
         ])) : createCommentVNode("", true)
-      ]);
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$e = {
+  key: 0,
+  "data-testid": "ck-agent-message-header-icon",
+  class: "flex flex-shrink-0 items-center justify-center"
+};
+const _hoisted_2$9 = { class: "body-14-regular text-content-on-surface-muted line-clamp-2 min-w-0 flex-1 md:line-clamp-1" };
+const _hoisted_3$8 = {
+  key: 1,
+  "data-testid": "ck-agent-message-header-activity",
+  class: "flex flex-shrink-0 items-center"
+};
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...{ name: "CkAgentMessageHeader" },
+  __name: "CkAgentMessageHeader",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-testid": "ck-agent-message-header-row",
+        class: normalizeClass([
+          "flex w-full min-w-0 items-center gap-3",
+          _ctx.$slots.activity && "border-border-surface-default border-b py-4"
+        ])
+      }, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+          renderSlot(_ctx.$slots, "icon")
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2$9, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _ctx.$slots.activity ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+          renderSlot(_ctx.$slots, "activity")
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkHeaderActivityButton"
+  },
+  __name: "CkHeaderActivityButton",
+  props: {
+    disabled: { type: Boolean, default: false },
+    ariaLabel: {},
+    icon: { default: "arrow-right" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleClick() {
+      if (props.disabled) {
+        return;
+      }
+      emit("click");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(UiButton), mergeProps({ ariaLabel: __props.ariaLabel }, {
+        disabled: __props.disabled,
+        variant: "ghost",
+        size: "sm",
+        class: "label-12-medium text-content-on-surface-muted gap-1 rounded-[3px] px-2 py-1",
+        onClick: handleClick
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          __props.icon ? (openBlock(), createBlock(unref(UiIcon), {
+            key: 0,
+            name: __props.icon,
+            size: 12,
+            "aria-hidden": "true"
+          }, null, 8, ["name"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["disabled"]);
     };
   }
 });
 const _hoisted_1$d = { class: "ck-citation-card flex w-[22.5rem] max-w-[90vw] flex-col gap-2 rounded-md bg-background-surface-floating px-6 pb-6 pt-4 shadow-md" };
-const _hoisted_2$8 = { class: "flex items-center gap-3" };
+const _hoisted_2$8 = { class: "flex items-center gap-2" };
 const _hoisted_3$7 = ["title"];
 const _hoisted_4$6 = { class: "break-words text-sm leading-5 text-content-on-surface-secondary" };
 const _hoisted_5$4 = {
   key: 0,
   class: "text-sm leading-5 text-content-on-surface-muted"
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCitationCard"
   },
@@ -151,7 +222,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             class: "shrink-0"
           }, null, 8, ["filename"]),
           createElementVNode("p", {
-            class: "min-w-0 flex-1 truncate text-sm font-medium text-content-on-surface-primary",
+            class: "min-w-0 truncate text-sm font-medium text-content-on-surface-primary",
             title: __props.fileName
           }, toDisplayString(__props.fileName), 9, _hoisted_3$7),
           __props.url ? (openBlock(), createBlock(unref(UiButton), {
@@ -180,7 +251,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$c = ["aria-label"];
 const CLOSE_DELAY_MS = 80;
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCitation"
   },
@@ -204,7 +275,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       () => props.ariaLabel ?? `${labels.value.citationSourceLabel ?? defaultChatKitLabels.citationSourceLabel} ${props.index}`
     );
     const open = ref(false);
-    const isPointerInteraction = ref(false);
+    const openedByPointer = ref(false);
     let closeTimer;
     function show() {
       if (closeTimer) {
@@ -221,15 +292,22 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }, CLOSE_DELAY_MS);
     }
     function onPointerEnter() {
-      isPointerInteraction.value = true;
+      if (!open.value) openedByPointer.value = true;
       show();
     }
     function onPointerLeave() {
-      isPointerInteraction.value = false;
       scheduleHide();
     }
+    function onTriggerKeydown(event) {
+      if (event.key === "Enter" || event.key === " ") {
+        openedByPointer.value = false;
+      }
+    }
     function onOpenAutoFocus(event) {
-      if (isPointerInteraction.value) event.preventDefault();
+      if (openedByPointer.value) event.preventDefault();
+    }
+    function onCloseAutoFocus(event) {
+      if (openedByPointer.value) event.preventDefault();
     }
     function onContentFocusOut(event) {
       const nextTarget = event.relatedTarget;
@@ -256,6 +334,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   "ck-citation mx-px inline-flex h-5 min-w-5 select-none items-center justify-center rounded-sm px-1 align-middle text-sm leading-4 tabular-nums transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                   __props.selected ? "bg-background-accent-soft text-black" : "bg-background-accent-yellow text-background-status-warning"
                 ]),
+                onKeydown: onTriggerKeydown,
                 onMouseenter: onPointerEnter,
                 onMouseleave: onPointerLeave
               }, toDisplayString(__props.index), 43, _hoisted_1$c)
@@ -267,13 +346,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             "side-offset": 8,
             class: "w-auto border-0 bg-transparent p-0 shadow-none",
             onOpenAutoFocus,
+            onCloseAutoFocus,
             onMouseenter: onPointerEnter,
             onMouseleave: onPointerLeave,
             onFocusin: show,
             onFocusout: onContentFocusOut
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$o), {
+              createVNode(unref(_sfc_main$n), {
                 "file-name": __props.fileName,
                 snippet: __props.snippet,
                 "location-label": __props.locationLabel,
@@ -297,7 +377,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const CkCitation = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-0d83c5f8"]]);
+const CkCitation = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-73025da4"]]);
 const _hoisted_1$b = ["data-message-row"];
 const _hoisted_2$7 = {
   key: 0,
@@ -307,7 +387,7 @@ const _hoisted_3$6 = {
   key: 1,
   class: "flex min-w-0 justify-start"
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ name: "CkConversationLayout" },
   __name: "CkConversationLayout",
   props: {
@@ -439,7 +519,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "scrollContainerRef",
         ref: scrollContainerRef,
-        class: "relative flex flex-col gap-4 overflow-y-auto",
+        class: "relative flex flex-col gap-8 overflow-y-auto",
         onScroll: handleScroll
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.messages, (message) => {
@@ -464,7 +544,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkMessageButton"
   },
@@ -492,7 +572,7 @@ const _hoisted_1$a = {
   class: "sr-only",
   "aria-live": "polite"
 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCopyMessageButton"
   },
@@ -549,7 +629,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         "delay-duration": 0
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$l), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
+          createVNode(unref(_sfc_main$k), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
             disabled: __props.disabled,
             onClick: handleClick
           }), {
@@ -583,7 +663,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkCopyMessageButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ba2e5f32"]]);
+const CkCopyMessageButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-ba2e5f32"]]);
 const _hoisted_1$9 = {
   width: "208",
   height: "144",
@@ -593,7 +673,7 @@ const _hoisted_1$9 = {
   "aria-hidden": "true",
   focusable: "false"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ name: "CkDropZoneIllustration" },
   __name: "CkDropZoneIllustration",
   setup(__props) {
@@ -618,7 +698,7 @@ const _hoisted_6$2 = {
   class: "pointer-events-none fixed bottom-6 left-1/2 z-50 max-w-[36rem] -translate-x-1/2 flex list-inside list-disc flex-col gap-1 rounded-md border border-border-surface-default bg-background-surface-default p-3 text-sm text-content-on-surface-secondary",
   role: "alert"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkDropZoneOverlay"
   },
@@ -781,7 +861,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             }, [
               createElementVNode("div", _hoisted_2$6, [
                 renderSlot(_ctx.$slots, "default", {}, () => [
-                  createVNode(_sfc_main$j, { class: "h-36 w-52" }),
+                  createVNode(_sfc_main$i, { class: "h-36 w-52" }),
                   createElementVNode("div", _hoisted_3$5, [
                     createElementVNode("p", _hoisted_4$5, toDisplayString(resolvedHeading.value), 1),
                     __props.hint ? (openBlock(), createElementBlock("p", _hoisted_5$3, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
@@ -806,9 +886,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkDropZoneOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-54119668"]]);
+const CkDropZoneOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-54119668"]]);
 const _hoisted_1$7 = ["aria-label"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFeedbackButton"
   },
@@ -863,7 +943,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           "delay-duration": 0
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$l), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
+            createVNode(unref(_sfc_main$k), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
               "aria-pressed": isUpSelected.value,
               "aria-disabled": __props.locked || void 0,
               disabled: isUpDisabled.value,
@@ -893,7 +973,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           "delay-duration": 0
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$l), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
+            createVNode(unref(_sfc_main$k), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
               "aria-pressed": isDownSelected.value,
               "aria-disabled": __props.locked || void 0,
               disabled: isDownDisabled.value,
@@ -920,7 +1000,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-cf3d46b6"]]);
+const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-cf3d46b6"]]);
 function useCitationRendering(citations, onOpenSource) {
   const sourcesByIndex = computed(
     () => new Map(
@@ -1003,7 +1083,7 @@ function domToVNode(node, ctx) {
   }
   return vnode;
 }
-const _sfc_main$g = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "CkMarkdownRenderer",
   props: {
     content: { type: String, required: true },
@@ -1071,7 +1151,7 @@ const _hoisted_4$4 = {
   class: "self-end text-sm text-content-on-surface-muted tabular-nums",
   "aria-live": "polite"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFeedbackDialog"
   },
@@ -1232,7 +1312,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     _: 1
                   }),
                   createElementVNode("div", _hoisted_2$5, [
-                    createVNode(unref(_sfc_main$g), { content: __props.responseText }, null, 8, ["content"])
+                    createVNode(unref(_sfc_main$f), { content: __props.responseText }, null, 8, ["content"])
                   ])
                 ])) : createCommentVNode("", true),
                 createElementVNode("section", _hoisted_3$4, [
@@ -1298,8 +1378,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-12dfee8a"]]);
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-12dfee8a"]]);
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFileItemRow",
     inheritAttrs: false
@@ -1359,14 +1439,16 @@ const _hoisted_6$1 = {
 };
 const _hoisted_7$1 = ["aria-label"];
 const _hoisted_8$1 = ["onClick"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const ITEM_GAP = 8;
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFileItemsList"
   },
   __name: "CkFileItemsList",
   props: {
     files: {},
-    maxInline: { default: 3 },
+    minItemWidth: { default: 200 },
+    maxItemWidth: { default: 256 },
     size: { default: "small" },
     isRemovable: { type: Boolean, default: false },
     removeLabel: { default: "Remove file" },
@@ -1381,7 +1463,30 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const isCollapsed = computed(() => props.files.length > props.maxInline);
+    const rootRef = ref(null);
+    const containerWidth = ref(0);
+    let resizeObserver;
+    onMounted(() => {
+      const el = rootRef.value;
+      if (!el) return;
+      containerWidth.value = el.clientWidth;
+      if (typeof ResizeObserver !== "undefined") {
+        resizeObserver = new ResizeObserver((entries) => {
+          for (const entry of entries) {
+            containerWidth.value = entry.contentRect.width;
+          }
+        });
+        resizeObserver.observe(el);
+      }
+    });
+    onBeforeUnmount(() => resizeObserver?.disconnect());
+    const inlineCapacity = computed(() => {
+      const width = containerWidth.value;
+      if (!width) return props.files.length;
+      const fit = Math.floor((width + ITEM_GAP) / (props.minItemWidth + ITEM_GAP));
+      return Math.max(1, fit);
+    });
+    const isCollapsed = computed(() => props.files.length > inlineCapacity.value);
     const isOpen = ref(false);
     function isRowDisabled(file) {
       return props.disabled || file.disabled === true;
@@ -1436,119 +1541,130 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       if (isOpen.value) isOpen.value = false;
     }
     return (_ctx, _cache) => {
-      return !isCollapsed.value ? (openBlock(), createElementBlock("ul", {
-        key: 0,
-        "data-slot": "file-items-list",
-        class: "m-0 flex w-full min-w-0 list-none flex-wrap items-center gap-2 p-0",
-        "aria-label": __props.listLabel
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "w-full min-w-0"
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file) => {
-          return openBlock(), createElementBlock("li", {
-            key: file.id,
-            class: "min-w-0 max-w-64 flex-1 basis-0",
-            onClick: ($event) => handleRowClick(file, $event)
-          }, [
-            createVNode(_sfc_main$e, {
-              file,
-              size: __props.size,
-              "is-removable": __props.isRemovable,
-              "remove-label": __props.removeLabel,
-              disabled: isRowDisabled(file),
-              onRemove: ($event) => handleRemove(file)
+        !isCollapsed.value ? (openBlock(), createElementBlock("ul", {
+          key: 0,
+          "data-slot": "file-items-list",
+          class: "m-0 flex w-full min-w-0 list-none flex-wrap items-center gap-2 p-0",
+          "aria-label": __props.listLabel
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file) => {
+            return openBlock(), createElementBlock("li", {
+              key: file.id,
+              class: "flex-1 basis-0",
+              style: normalizeStyle({
+                minWidth: `${__props.minItemWidth}px`,
+                maxWidth: `${__props.maxItemWidth}px`
+              }),
+              onClick: ($event) => handleRowClick(file, $event)
+            }, [
+              createVNode(_sfc_main$d, {
+                file,
+                size: __props.size,
+                "is-removable": __props.isRemovable,
+                "remove-label": __props.removeLabel,
+                disabled: isRowDisabled(file),
+                onRemove: ($event) => handleRemove(file)
+              }, {
+                default: withCtx((bindings) => [
+                  renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, bindings))
+                ]),
+                _: 3
+              }, 8, ["file", "size", "is-removable", "remove-label", "disabled", "onRemove"])
+            ], 12, _hoisted_2$4);
+          }), 128))
+        ], 8, _hoisted_1$5)) : (openBlock(), createBlock(unref(UiPopover), {
+          key: 1,
+          open: isOpen.value,
+          "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event)
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(UiPopoverTrigger), { "as-child": "" }, {
+              default: withCtx(() => [
+                createElementVNode("button", {
+                  type: "button",
+                  "data-slot": "file-items-list-trigger",
+                  disabled: __props.disabled,
+                  class: normalizeClass(["relative flex w-full max-w-64 min-w-0 items-center gap-3 rounded-xl bg-background-surface-muted-subtle text-left transition-colors hover:bg-background-surface-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-background-surface-muted-subtle", __props.size === "small" ? "p-2" : "p-3"]),
+                  "aria-label": resolvedTriggerAriaLabel.value
+                }, [
+                  __props.showStatus && hasFailures.value && !uploadInProgress.value ? (openBlock(), createBlock(unref(UiFileType), {
+                    key: 0,
+                    error: true
+                  })) : (openBlock(), createBlock(unref(UiFileType), {
+                    key: 1,
+                    icon: "paperclip",
+                    tone: "default"
+                  })),
+                  !__props.showStatus ? (openBlock(), createElementBlock("span", {
+                    key: 2,
+                    class: normalizeClass(["min-w-0 flex-1 truncate text-content-on-surface-primary", __props.size === "small" ? "label-12-medium" : "body-14-medium"])
+                  }, toDisplayString(resolvedTriggerLabel.value), 3)) : (openBlock(), createElementBlock("div", _hoisted_4$3, [
+                    createElementVNode("span", {
+                      class: normalizeClass(["w-full truncate text-content-on-surface-primary", __props.size === "small" ? "label-12-medium" : "body-14-medium"])
+                    }, toDisplayString(resolvedTriggerLabel.value), 3),
+                    uploadInProgress.value ? (openBlock(), createBlock(unref(UiProgress), {
+                      key: 0,
+                      "model-value": aggregateProgress.value,
+                      class: "h-1 w-full",
+                      "aria-label": `${resolvedTriggerLabel.value} upload progress`
+                    }, null, 8, ["model-value", "aria-label"])) : hasFailures.value ? (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString(failedStatusLabel.value), 1)) : __props.triggerLabel ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(countStatusLabel.value), 1)) : createCommentVNode("", true)
+                  ])),
+                  createVNode(unref(UiIcon), {
+                    name: "chevron-down",
+                    size: 16,
+                    "aria-hidden": "true",
+                    class: normalizeClass(["shrink-0 text-content-on-surface-muted transition-transform", isOpen.value && "rotate-180"])
+                  }, null, 8, ["class"])
+                ], 10, _hoisted_3$3)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(UiPopoverContent), {
+              align: "start",
+              "side-offset": 4,
+              class: normalizeClass(["w-64 p-2", __props.popoverClass])
             }, {
-              default: withCtx((bindings) => [
-                renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, bindings))
+              default: withCtx(() => [
+                createElementVNode("ul", {
+                  "data-slot": "file-items-list-collapsed",
+                  class: "m-0 flex list-none flex-col gap-2 p-0",
+                  "aria-label": __props.listLabel
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: file.id,
+                      class: "min-w-0",
+                      style: normalizeStyle({ maxWidth: `${__props.maxItemWidth}px` }),
+                      onClick: ($event) => handleRowClick(file, $event)
+                    }, [
+                      createVNode(_sfc_main$d, {
+                        file,
+                        size: __props.size,
+                        "is-removable": __props.isRemovable,
+                        "remove-label": __props.removeLabel,
+                        disabled: isRowDisabled(file),
+                        onRemove: ($event) => handleRemove(file)
+                      }, {
+                        default: withCtx((bindings) => [
+                          renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, bindings))
+                        ]),
+                        _: 3
+                      }, 8, ["file", "size", "is-removable", "remove-label", "disabled", "onRemove"])
+                    ], 12, _hoisted_8$1);
+                  }), 128))
+                ], 8, _hoisted_7$1)
               ]),
               _: 3
-            }, 8, ["file", "size", "is-removable", "remove-label", "disabled", "onRemove"])
-          ], 8, _hoisted_2$4);
-        }), 128))
-      ], 8, _hoisted_1$5)) : (openBlock(), createBlock(unref(UiPopover), {
-        key: 1,
-        open: isOpen.value,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event)
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(UiPopoverTrigger), { "as-child": "" }, {
-            default: withCtx(() => [
-              createElementVNode("button", {
-                type: "button",
-                "data-slot": "file-items-list-trigger",
-                disabled: __props.disabled,
-                class: normalizeClass(["relative flex w-full max-w-64 min-w-0 items-center gap-3 rounded-xl bg-background-surface-muted-subtle text-left transition-colors hover:bg-background-surface-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-background-surface-muted-subtle", __props.size === "small" ? "p-2" : "p-3"]),
-                "aria-label": resolvedTriggerAriaLabel.value
-              }, [
-                __props.showStatus && hasFailures.value && !uploadInProgress.value ? (openBlock(), createBlock(unref(UiFileType), {
-                  key: 0,
-                  error: true
-                })) : (openBlock(), createBlock(unref(UiFileType), {
-                  key: 1,
-                  icon: "paperclip",
-                  tone: "default"
-                })),
-                !__props.showStatus ? (openBlock(), createElementBlock("span", {
-                  key: 2,
-                  class: normalizeClass(["min-w-0 flex-1 truncate text-content-on-surface-primary", __props.size === "small" ? "label-12-medium" : "body-14-medium"])
-                }, toDisplayString(resolvedTriggerLabel.value), 3)) : (openBlock(), createElementBlock("div", _hoisted_4$3, [
-                  createElementVNode("span", {
-                    class: normalizeClass(["w-full truncate text-content-on-surface-primary", __props.size === "small" ? "label-12-medium" : "body-14-medium"])
-                  }, toDisplayString(resolvedTriggerLabel.value), 3),
-                  uploadInProgress.value ? (openBlock(), createBlock(unref(UiProgress), {
-                    key: 0,
-                    "model-value": aggregateProgress.value,
-                    class: "h-1 w-full",
-                    "aria-label": `${resolvedTriggerLabel.value} upload progress`
-                  }, null, 8, ["model-value", "aria-label"])) : hasFailures.value ? (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString(failedStatusLabel.value), 1)) : __props.triggerLabel ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(countStatusLabel.value), 1)) : createCommentVNode("", true)
-                ])),
-                createVNode(unref(UiIcon), {
-                  name: "chevron-down",
-                  size: 16,
-                  "aria-hidden": "true",
-                  class: normalizeClass(["shrink-0 text-content-on-surface-muted transition-transform", isOpen.value && "rotate-180"])
-                }, null, 8, ["class"])
-              ], 10, _hoisted_3$3)
-            ]),
-            _: 1
-          }),
-          createVNode(unref(UiPopoverContent), {
-            align: "start",
-            "side-offset": 4,
-            class: normalizeClass(["w-64 p-2", __props.popoverClass])
-          }, {
-            default: withCtx(() => [
-              createElementVNode("ul", {
-                "data-slot": "file-items-list-collapsed",
-                class: "m-0 flex list-none flex-col gap-2 p-0",
-                "aria-label": __props.listLabel
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file) => {
-                  return openBlock(), createElementBlock("li", {
-                    key: file.id,
-                    class: "min-w-0 max-w-64",
-                    onClick: ($event) => handleRowClick(file, $event)
-                  }, [
-                    createVNode(_sfc_main$e, {
-                      file,
-                      size: __props.size,
-                      "is-removable": __props.isRemovable,
-                      "remove-label": __props.removeLabel,
-                      disabled: isRowDisabled(file),
-                      onRemove: ($event) => handleRemove(file)
-                    }, {
-                      default: withCtx((bindings) => [
-                        renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, bindings))
-                      ]),
-                      _: 3
-                    }, 8, ["file", "size", "is-removable", "remove-label", "disabled", "onRemove"])
-                  ], 8, _hoisted_8$1);
-                }), 128))
-              ], 8, _hoisted_7$1)
-            ]),
-            _: 3
-          }, 8, ["class"])
-        ]),
-        _: 3
-      }, 8, ["open"]));
+            }, 8, ["class"])
+          ]),
+          _: 3
+        }, 8, ["open"]))
+      ], 512);
     };
   }
 });
@@ -1575,7 +1691,7 @@ const _hoisted_7 = {
 const _hoisted_8 = ["aria-label"];
 const _hoisted_9 = ["aria-label"];
 const _hoisted_10 = ["aria-label"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkHistoryItem",
     inheritAttrs: false
@@ -1816,7 +1932,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const baseClass = "flex w-full min-w-0 flex-col p-2";
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkHistoryWrapper",
     inheritAttrs: false
@@ -1851,7 +1967,7 @@ const _hoisted_2$2 = { class: "min-w-0 max-w-[10rem] truncate" };
 const _hoisted_3$1 = ["aria-label"];
 const _hoisted_4$1 = ["aria-selected", "onClick"];
 const _hoisted_5 = { class: "min-w-0 flex-1 truncate" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkModelSelector" },
   __name: "CkModelSelector",
   props: {
@@ -1959,7 +2075,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptSendButton" },
   __name: "CkPromptSendButton",
   props: {
@@ -1985,7 +2101,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptMenuButton" },
   __name: "CkPromptMenuButton",
   props: {
@@ -2015,7 +2131,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptStopButton" },
   __name: "CkPromptStopButton",
   props: {
@@ -2041,16 +2157,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "flex flex-col gap-2" };
+const _hoisted_1$2 = { class: "ck-prompt-root flex flex-col gap-2" };
 const _hoisted_2$1 = {
   key: 0,
   style: { "grid-area": "top" }
 };
 const _hoisted_3 = ["for"];
 const _hoisted_4 = ["id", "value", "placeholder", "disabled"];
-const LINE_HEIGHT = 24;
 const MAX_LINES = 6;
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptInput" },
   __name: "CkPromptInput",
   props: {
@@ -2061,7 +2176,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const MAX_HEIGHT = LINE_HEIGHT * MAX_LINES;
     const props = __props;
     const emit = __emit;
     const textareaId = useId();
@@ -2092,11 +2206,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         el.style.height = "";
         return;
       }
+      const lineHeight = parseFloat(getComputedStyle(el).lineHeight) || 24;
+      const maxHeight = lineHeight * MAX_LINES;
       el.style.height = "auto";
       const measured = el.scrollHeight;
-      el.style.height = `${Math.min(measured, MAX_HEIGHT)}px`;
+      el.style.height = `${Math.min(measured, maxHeight)}px`;
       const hasExplicitNewline = props.modelValue.includes("\n");
-      if (!isMultiLine.value && (hasExplicitNewline || measured >= LINE_HEIGHT * 2)) {
+      if (!isMultiLine.value && (hasExplicitNewline || measured >= lineHeight * 2)) {
         isMultiLine.value = true;
       }
     }
@@ -2118,6 +2234,19 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     function focus() {
       textareaRef.value?.focus();
     }
+    const isKeyboardFocused = ref(false);
+    let focusedByPointer = false;
+    function onPointerDown() {
+      focusedByPointer = true;
+    }
+    function onFocus() {
+      isKeyboardFocused.value = !focusedByPointer;
+      focusedByPointer = false;
+    }
+    function onBlur() {
+      isKeyboardFocused.value = false;
+      focusedByPointer = false;
+    }
     watch(
       () => props.modelValue,
       () => nextTick(adjustHeight)
@@ -2128,8 +2257,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
         createElementVNode("form", {
           class: normalizeClass([
-            "ck-prompt-form border-border-surface-default bg-background-input-strong [&:has(textarea:focus)]:border-border-surface-focus-ring [&:has(textarea:focus)]:ring-border-surface-focus-ring/40 min-h-17 grid items-center gap-x-0 gap-y-5 border p-4 transition-[border-radius] duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] [&:has(textarea:focus)]:ring-2",
-            hasMultipleRows.value ? "rounded-2xl" : "rounded-3xl"
+            "border-border-surface-default bg-background-input-strong  min-h-17 grid items-center gap-x-0 gap-y-5 border p-4 transition-[border-radius] duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] ",
+            hasMultipleRows.value ? "rounded-2xl" : "rounded-3xl",
+            isKeyboardFocused.value ? "border-border-surface-focus-ring ring-border-surface-focus-ring/40 ring-2" : "ck-prompt-form"
           ]),
           style: normalizeStyle({
             gridTemplateColumns: "auto 1fr auto",
@@ -2161,11 +2291,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled,
             style: { "grid-area": "input" },
             class: normalizeClass([
-              "ck-prompt-textarea text-content-on-surface-primary placeholder-content-on-surface-muted w-full min-w-0 resize-none overflow-y-auto bg-transparent py-0 font-sans text-base font-normal leading-6 max-h-36 focus:outline-none disabled:cursor-not-allowed disabled:opacity-60",
+              "ck-prompt-textarea text-content-on-surface-primary placeholder-content-on-surface-muted w-full min-w-0 resize-none overflow-y-auto bg-transparent py-0 font-sans font-normal focus:outline-none disabled:cursor-not-allowed disabled:opacity-60",
               isMultiLine.value ? "pl-3 pr-3" : "px-0"
             ]),
             onInput,
-            onKeydown
+            onKeydown,
+            onPointerdown: onPointerDown,
+            onFocus,
+            onBlur
           }, null, 42, _hoisted_4),
           createElementVNode("div", {
             class: normalizeClass([!isMultiLine.value && "pl-4"]),
@@ -2183,12 +2316,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkPromptInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-92b05731"]]);
+const CkPromptInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d828da46"]]);
 const _hoisted_1$1 = {
   key: 0,
-  class: "text-core-content-tertiary text-center text-xs leading-3.5"
+  class: "text-center text-content-on-surface-muted text-xs font-normal leading-4"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptInputDisclaimer" },
   __name: "CkPromptInputDisclaimer",
   props: {
@@ -2204,7 +2337,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkRegenerateMessageButton"
   },
@@ -2231,7 +2364,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "delay-duration": 0
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$l), mergeProps({ ariaLabel: __props.ariaLabel }, {
+          createVNode(unref(_sfc_main$k), mergeProps({ ariaLabel: __props.ariaLabel }, {
             disabled: __props.disabled,
             onClick: handleClick
           }), {
@@ -2252,7 +2385,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1 = { class: "inline-flex max-w-[536px] flex-col items-end justify-start gap-1" };
 const _hoisted_2 = ["aria-expanded"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkUserMessage" },
   __name: "CkUserMessage",
   props: {
@@ -2321,8 +2454,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkUserMessage = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-c759a863"]]);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const CkUserMessage = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c759a863"]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkConversation" },
   __name: "CkConversation",
   props: {
@@ -2340,11 +2473,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       () => Boolean(props.agentAvatarImage) || Boolean(props.agentAvatarFallback) || Boolean(slots["agent-message-icon"])
     );
     const isLoading = (message) => message.status === "started" || message.status === "sending";
+    const lastAgentMessageId = computed(() => {
+      for (let i = props.messages.length - 1; i >= 0; i--) {
+        if (props.messages[i].role !== "user") return props.messages[i].id;
+      }
+      return void 0;
+    });
     function getMessageText(message) {
       return message.content.filter((c) => c.type === "text").map((c) => c.text).join("");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$m, { messages: __props.messages }, {
+      return openBlock(), createBlock(_sfc_main$l, { messages: __props.messages }, {
         "user-message": withCtx(({ message }) => [
           createElementVNode("div", {
             class: normalizeClass({ "ml-8": hasIcon.value })
@@ -2363,7 +2502,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ]),
         "agent-message": withCtx(({ message }) => [
           renderSlot(_ctx.$slots, "agent-message", { message }, () => [
-            createVNode(_sfc_main$p, null, createSlots({
+            createVNode(_sfc_main$q, {
+              "bottom-separator": message.id !== lastAgentMessageId.value
+            }, createSlots({
               footer: withCtx(() => [
                 renderSlot(_ctx.$slots, "agent-message-footer", { message }, () => [
                   getMessageText(message) && !isLoading(message) ? (openBlock(), createBlock(CkCopyMessageButton, {
@@ -2376,7 +2517,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "agent-message-content", { message }, () => [
-                  createVNode(_sfc_main$g, {
+                  createVNode(_sfc_main$f, {
                     content: getMessageText(message),
                     classes: __props.agentMarkdownClasses
                   }, createSlots({ _: 2 }, [
@@ -2392,61 +2533,76 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, [
-              hasIcon.value ? {
-                name: "icon",
+              hasIcon.value || _ctx.$slots["agent-message-header"] || _ctx.$slots["agent-message-header-content"] || _ctx.$slots["agent-message-header-activity"] ? {
+                name: "header",
                 fn: withCtx(() => [
-                  isLoading(message) ? renderSlot(_ctx.$slots, "agent-message-loading-icon", {
-                    key: 0,
-                    message
-                  }, () => [
-                    __props.agentLoadingImage ? (openBlock(), createBlock(unref(UiAvatar), {
-                      key: 0,
-                      class: "size-6"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(UiAvatarImage), {
-                          src: __props.agentLoadingImage,
-                          alt: unref(labels).agentLoadingAvatarAlt
-                        }, null, 8, ["src", "alt"])
-                      ]),
-                      _: 1
-                    })) : (openBlock(), createBlock(unref(UiSpinner), {
-                      key: 1,
-                      class: "size-6",
-                      "aria-label": unref(labels).agentLoadingAvatarAlt
-                    }, null, 8, ["aria-label"]))
-                  ]) : renderSlot(_ctx.$slots, "agent-message-icon", {
-                    key: 1,
-                    message
-                  }, () => [
-                    createVNode(unref(UiAvatar), { class: "size-6" }, {
+                  renderSlot(_ctx.$slots, "agent-message-header", { message }, () => [
+                    createVNode(_sfc_main$p, null, createSlots({
                       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)
+                        renderSlot(_ctx.$slots, "agent-message-header-content", { message })
                       ]),
-                      _: 1
-                    })
+                      _: 2
+                    }, [
+                      hasIcon.value ? {
+                        name: "icon",
+                        fn: withCtx(() => [
+                          isLoading(message) ? renderSlot(_ctx.$slots, "agent-message-loading-icon", {
+                            key: 0,
+                            message
+                          }, () => [
+                            __props.agentLoadingImage ? (openBlock(), createBlock(unref(UiAvatar), {
+                              key: 0,
+                              class: "size-8"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(UiAvatarImage), {
+                                  src: __props.agentLoadingImage,
+                                  alt: unref(labels).agentLoadingAvatarAlt
+                                }, null, 8, ["src", "alt"])
+                              ]),
+                              _: 1
+                            })) : (openBlock(), createBlock(unref(UiSpinner), {
+                              key: 1,
+                              class: "size-8",
+                              "aria-label": unref(labels).agentLoadingAvatarAlt
+                            }, null, 8, ["aria-label"]))
+                          ]) : renderSlot(_ctx.$slots, "agent-message-icon", {
+                            key: 1,
+                            message
+                          }, () => [
+                            createVNode(unref(UiAvatar), { class: "size-8" }, {
+                              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-activity"] ? {
+                        name: "activity",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "agent-message-header-activity", { message })
+                        ]),
+                        key: "1"
+                      } : void 0
+                    ]), 1024)
                   ])
                 ]),
                 key: "0"
-              } : void 0,
-              _ctx.$slots["agent-message-header"] ? {
-                name: "header",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "agent-message-header", { message })
-                ]),
-                key: "1"
               } : void 0
-            ]), 1024)
+            ]), 1032, ["bottom-separator"])
           ])
         ]),
         _: 3
@@ -2454,7 +2610,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "CkHistory" },
   __name: "CkHistory",
   props: {
@@ -2502,7 +2658,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$b, {
+        createVNode(_sfc_main$a, {
           class: normalizeClass(isExpanded.value && props.maxHeight ? "overflow-y-auto" : void 0),
           style: normalizeStyle(
             isExpanded.value && props.maxHeight ? { maxHeight: props.maxHeight } : void 0
@@ -2521,7 +2677,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 edit: () => emit("edit", conversation),
                 delete: () => emit("delete", conversation)
               }, () => [
-                createVNode(_sfc_main$c, {
+                createVNode(_sfc_main$b, {
                   as: "a",
                   href: hrefFor(conversation),
                   "is-active": conversation.id === props.activeId,
@@ -2587,132 +2743,33 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "CkInput" },
-  __name: "CkInput",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "Ask me anything" },
-    disabled: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false },
-    ariaLabel: { default: "Chat message input" },
-    stopAriaLabel: { default: "Stop generating" },
-    disclaimer: { default: void 0 }
-  },
-  emits: ["update:modelValue", "submit", "stop"],
-  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 onStop() {
-      emit("stop");
-    }
-    function focus() {
-      promptInputRef.value?.focus();
-    }
-    function submit() {
-      promptInputRef.value?.submit();
-    }
-    __expose({ focus, submit });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(CkPromptInput, {
-        ref_key: "promptInputRef",
-        ref: promptInputRef,
-        "model-value": __props.modelValue,
-        placeholder: __props.placeholder,
-        disabled: isDisabled.value,
-        "aria-label": __props.ariaLabel,
-        "onUpdate:modelValue": onUpdateModelValue,
-        onSubmit
-      }, createSlots({
-        "toolbar-right": withCtx((scope) => [
-          renderSlot(_ctx.$slots, "toolbar-right", normalizeProps(guardReactiveProps(scope)), () => [
-            __props.loading ? (openBlock(), createBlock(_sfc_main$7, {
-              key: 0,
-              "aria-label": __props.stopAriaLabel,
-              disabled: __props.disabled,
-              onClick: onStop
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "stop-icon", {}, () => [
-                  createVNode(_sfc_main$q)
-                ])
-              ]),
-              _: 3
-            }, 8, ["aria-label", "disabled"])) : (openBlock(), createBlock(_sfc_main$9, mergeProps({ key: 1 }, { ariaLabel: "Send message" }, {
-              type: "submit",
-              disabled: scope.disabled
-            }), {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "send-icon", {}, () => [
-                  createVNode(_sfc_main$r)
-                ])
-              ]),
-              _: 3
-            }, 16, ["disabled"]))
-          ])
-        ]),
-        footer: withCtx(() => [
-          renderSlot(_ctx.$slots, "footer", {}, () => [
-            __props.disclaimer ? (openBlock(), createBlock(_sfc_main$5, {
-              key: 0,
-              text: __props.disclaimer
-            }, null, 8, ["text"])) : createCommentVNode("", true)
-          ])
-        ]),
-        _: 2
-      }, [
-        _ctx.$slots["toolbar-top"] ? {
-          name: "toolbar-top",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "toolbar-top")
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.$slots["toolbar-left"] ? {
-          name: "toolbar-left",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "toolbar-left")
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["model-value", "placeholder", "disabled", "aria-label"]);
-    };
-  }
-});
 export {
   CkCitation as C,
-  _sfc_main$p as _,
-  _sfc_main$o as a,
-  _sfc_main$2 as b,
-  _sfc_main$m as c,
-  CkCopyMessageButton as d,
-  CkDropZoneOverlay as e,
-  CkFeedbackButton as f,
-  CkFeedbackDialog as g,
-  _sfc_main$d as h,
-  _sfc_main$1 as i,
-  _sfc_main$c as j,
-  _sfc_main$b as k,
-  _sfc_main as l,
-  _sfc_main$g as m,
-  _sfc_main$l as n,
-  _sfc_main$a as o,
-  CkPromptInput as p,
-  _sfc_main$5 as q,
-  _sfc_main$8 as r,
-  _sfc_main$9 as s,
-  _sfc_main$7 as t,
-  _sfc_main$4 as u,
-  _sfc_main$r as v,
-  _sfc_main$q as w,
-  CkUserMessage as x,
-  formatRelativeTime as y
+  _sfc_main$q as _,
+  _sfc_main$p as a,
+  _sfc_main$n as b,
+  _sfc_main$1 as c,
+  _sfc_main$l as d,
+  CkCopyMessageButton as e,
+  CkDropZoneOverlay as f,
+  CkFeedbackButton as g,
+  CkFeedbackDialog as h,
+  _sfc_main$c as i,
+  _sfc_main$o as j,
+  _sfc_main as k,
+  _sfc_main$b as l,
+  _sfc_main$a as m,
+  _sfc_main$f as n,
+  _sfc_main$k as o,
+  _sfc_main$9 as p,
+  CkPromptInput as q,
+  _sfc_main$4 as r,
+  _sfc_main$7 as s,
+  _sfc_main$8 as t,
+  _sfc_main$6 as u,
+  _sfc_main$3 as v,
+  _sfc_main$s as w,
+  _sfc_main$r as x,
+  CkUserMessage as y,
+  formatRelativeTime as z
 };