@aleph-alpha/chat-kit 5.1.0 → 5.3.0

package/dist/{CkHistory.vue_vue_type_script_setup_true_lang-vlUZ_Tw1.js → CkHistory.vue_vue_type_script_setup_true_lang-BcYJmbCd.js}

@@ -1,6 +1,6 @@
 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, Comment, Text } 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";
+import { UiIcon, UiButton, UiFileType, UiPopover, UiPopoverTrigger, UiPopoverContent, UiTooltip, formatFileSize, UiDialog, UiDialogContent, UiDialogDescription, UiFieldLabel, UiToggleGroup, UiToggleGroupItem, UiField, UiTextarea, UiFileItem, UiProgress, Primitive, UiFloatActions, UiFloatActionItems, 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-DLy0BFx8.js";
 const MINUTE = 60;
 const HOUR = 60 * MINUTE;
 const DAY = 24 * HOUR;
@@ -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$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "CkSendIcon" },
   __name: "CkSendIcon",
   setup(__props) {
@@ -52,7 +52,7 @@ const _hoisted_1$h = {
   viewBox: "0 0 16 16",
   fill: "none"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "CkStopIcon" },
   __name: "CkStopIcon",
   setup(__props) {
@@ -76,7 +76,7 @@ const _hoisted_3$9 = {
   key: 1,
   class: "flex items-center gap-4"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessage" },
   __name: "CkAgentMessage",
   props: {
@@ -114,7 +114,7 @@ const _hoisted_3$8 = {
   "data-testid": "ck-agent-message-header-activity",
   class: "flex flex-shrink-0 items-center"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessageHeader" },
   __name: "CkAgentMessageHeader",
   setup(__props) {
@@ -139,7 +139,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkHeaderActivityButton"
   },
@@ -189,7 +189,7 @@ const _hoisted_5$4 = {
   key: 0,
   class: "text-sm leading-5 text-content-on-surface-muted"
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCitationCard"
   },
@@ -251,7 +251,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$d = ["aria-label"];
 const CLOSE_DELAY_MS = 80;
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCitation"
   },
@@ -353,7 +353,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             onFocusout: onContentFocusOut
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$n), {
+              createVNode(unref(_sfc_main$o), {
                 "file-name": __props.fileName,
                 snippet: __props.snippet,
                 "location-label": __props.locationLabel,
@@ -377,7 +377,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const CkCitation = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-73025da4"]]);
+const CkCitation = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-73025da4"]]);
 const _hoisted_1$c = ["data-message-row"];
 const _hoisted_2$7 = {
   key: 0,
@@ -387,7 +387,7 @@ const _hoisted_3$6 = {
   key: 1,
   class: "flex min-w-0 justify-start"
 };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{ name: "CkConversationLayout" },
   __name: "CkConversationLayout",
   props: {
@@ -544,7 +544,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkMessageButton"
   },
@@ -572,7 +572,7 @@ const _hoisted_1$b = {
   class: "sr-only",
   "aria-live": "polite"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCopyMessageButton"
   },
@@ -629,7 +629,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         "delay-duration": 0
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$k), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
+          createVNode(unref(_sfc_main$l), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
             disabled: __props.disabled,
             onClick: handleClick
           }), {
@@ -663,7 +663,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkCopyMessageButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-ba2e5f32"]]);
+const CkCopyMessageButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ba2e5f32"]]);
 const _hoisted_1$a = {
   width: "208",
   height: "144",
@@ -673,7 +673,7 @@ const _hoisted_1$a = {
   "aria-hidden": "true",
   focusable: "false"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ name: "CkDropZoneIllustration" },
   __name: "CkDropZoneIllustration",
   setup(__props) {
@@ -698,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$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkDropZoneOverlay"
   },
@@ -861,7 +861,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             }, [
               createElementVNode("div", _hoisted_2$6, [
                 renderSlot(_ctx.$slots, "default", {}, () => [
-                  createVNode(_sfc_main$i, { class: "h-36 w-52" }),
+                  createVNode(_sfc_main$j, { 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)
@@ -886,9 +886,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkDropZoneOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-54119668"]]);
+const CkDropZoneOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-54119668"]]);
 const _hoisted_1$8 = ["aria-label"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFeedbackButton"
   },
@@ -943,7 +943,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           "delay-duration": 0
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$k), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
+            createVNode(unref(_sfc_main$l), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
               "aria-pressed": isUpSelected.value,
               "aria-disabled": __props.locked || void 0,
               disabled: isUpDisabled.value,
@@ -973,7 +973,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           "delay-duration": 0
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$k), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
+            createVNode(unref(_sfc_main$l), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
               "aria-pressed": isDownSelected.value,
               "aria-disabled": __props.locked || void 0,
               disabled: isDownDisabled.value,
@@ -1000,7 +1000,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-cf3d46b6"]]);
+const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-cf3d46b6"]]);
 function useCitationRendering(citations, onOpenSource) {
   const sourcesByIndex = computed(
     () => new Map(
@@ -1083,7 +1083,7 @@ function domToVNode(node, ctx) {
   }
   return vnode;
 }
-const _sfc_main$f = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "CkMarkdownRenderer",
   props: {
     content: { type: String, required: true },
@@ -1151,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$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFeedbackDialog"
   },
@@ -1312,7 +1312,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                     _: 1
                   }),
                   createElementVNode("div", _hoisted_2$5, [
-                    createVNode(unref(_sfc_main$f), { content: __props.responseText }, null, 8, ["content"])
+                    createVNode(unref(_sfc_main$g), { content: __props.responseText }, null, 8, ["content"])
                   ])
                 ])) : createCommentVNode("", true),
                 createElementVNode("section", _hoisted_3$4, [
@@ -1378,8 +1378,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-12dfee8a"]]);
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-12dfee8a"]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFileItemRow",
     inheritAttrs: false
@@ -1440,7 +1440,7 @@ const _hoisted_6$1 = {
 const _hoisted_7$1 = ["aria-label"];
 const _hoisted_8$1 = ["onClick"];
 const ITEM_GAP = 8;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFileItemsList"
   },
@@ -1562,7 +1562,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }),
               onClick: ($event) => handleRowClick(file, $event)
             }, [
-              createVNode(_sfc_main$d, {
+              createVNode(_sfc_main$e, {
                 file,
                 size: __props.size,
                 "is-removable": __props.isRemovable,
@@ -1642,7 +1642,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle({ maxWidth: `${__props.maxItemWidth}px` }),
                       onClick: ($event) => handleRowClick(file, $event)
                     }, [
-                      createVNode(_sfc_main$d, {
+                      createVNode(_sfc_main$e, {
                         file,
                         size: __props.size,
                         "is-removable": __props.isRemovable,
@@ -1691,7 +1691,7 @@ const _hoisted_7 = {
 const _hoisted_8 = ["aria-label"];
 const _hoisted_9 = ["aria-label"];
 const _hoisted_10 = ["aria-label"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkHistoryItem",
     inheritAttrs: false
@@ -1932,7 +1932,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 const baseClass = "flex w-full min-w-0 flex-col p-2";
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkHistoryWrapper",
     inheritAttrs: false
@@ -1967,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$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{ name: "CkModelSelector" },
   __name: "CkModelSelector",
   props: {
@@ -2075,7 +2075,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptSendButton" },
   __name: "CkPromptSendButton",
   props: {
@@ -2101,7 +2101,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptMenuButton" },
   __name: "CkPromptMenuButton",
   props: {
@@ -2131,7 +2131,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptStopButton" },
   __name: "CkPromptStopButton",
   props: {
@@ -2165,7 +2165,7 @@ const _hoisted_2$1 = {
 const _hoisted_3 = ["for"];
 const _hoisted_4 = ["id", "value", "placeholder", "disabled"];
 const MAX_LINES = 6;
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptInput" },
   __name: "CkPromptInput",
   props: {
@@ -2257,9 +2257,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("form", {
           class: normalizeClass([
-            "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)] ",
+            "ck-prompt-form border-border-surface-default bg-background-input-strong grid items-center gap-x-0 gap-y-5 border 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"
+            isKeyboardFocused.value ? "border-border-surface-focus-ring ring-border-surface-focus-ring/40 ring-2" : "ck-prompt-shadow"
           ]),
           style: normalizeStyle({
             gridTemplateColumns: "auto 1fr auto",
@@ -2316,12 +2316,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkPromptInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d828da46"]]);
+const CkPromptInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-c6b78cec"]]);
 const _hoisted_1$2 = {
   key: 0,
   class: "text-center text-content-on-surface-muted text-xs font-normal leading-4"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptInputDisclaimer" },
   __name: "CkPromptInputDisclaimer",
   props: {
@@ -2337,7 +2337,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkRegenerateMessageButton"
   },
@@ -2364,7 +2364,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         "delay-duration": 0
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$k), mergeProps({ ariaLabel: __props.ariaLabel }, {
+          createVNode(unref(_sfc_main$l), mergeProps({ ariaLabel: __props.ariaLabel }, {
             disabled: __props.disabled,
             onClick: handleClick
           }), {
@@ -2385,7 +2385,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1 = { class: "inline-flex max-w-[536px] flex-col items-end justify-start gap-1" };
 const _hoisted_2 = ["aria-expanded"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkUserMessage" },
   __name: "CkUserMessage",
   props: {
@@ -2395,12 +2395,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const labels = useChatKitLabels();
-    const showMoreLabel = computed(
-      () => labels.value.userMessageShowMore ?? defaultChatKitLabels.userMessageShowMore
-    );
-    const showLessLabel = computed(
-      () => labels.value.userMessageShowLess ?? defaultChatKitLabels.userMessageShowLess
-    );
+    const showMoreLabel = computed(() => labels.value.userMessageShowMore);
+    const showLessLabel = computed(() => labels.value.userMessageShowLess);
     const clampEnabled = computed(() => (props.collapsedLines ?? 0) > 0);
     const contentRef = ref(null);
     const expanded = ref(false);
@@ -2414,13 +2410,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       expanded.value = !expanded.value;
     }
     let resizeObserver;
-    onMounted(() => {
-      nextTick(measure);
-      if (typeof ResizeObserver !== "undefined") {
-        resizeObserver = new ResizeObserver(() => measure());
-        if (contentRef.value) resizeObserver.observe(contentRef.value);
-      }
-    });
+    function observeContent(el) {
+      if (typeof ResizeObserver === "undefined") return;
+      if (!resizeObserver) resizeObserver = new ResizeObserver(() => measure());
+      resizeObserver.disconnect();
+      if (el) resizeObserver.observe(el);
+    }
+    watch(
+      contentRef,
+      (el) => {
+        observeContent(el);
+        nextTick(measure);
+      },
+      { flush: "post" }
+    );
     onBeforeUnmount(() => resizeObserver?.disconnect());
     watch([() => props.message, () => props.collapsedLines], () => {
       expanded.value = false;
@@ -2454,7 +2457,68 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkUserMessage = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c759a863"]]);
+const CkUserMessage = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4ca9ee1b"]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "CkEditableUserMessage" },
+  __name: "CkEditableUserMessage",
+  props: {
+    message: { default: void 0 },
+    collapsedLines: { default: 0 }
+  },
+  emits: ["edit"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const slots = useSlots();
+    const labels = useChatKitLabels();
+    const actionsLabel = computed(() => labels.value.userMessageActions);
+    const editActionLabel = computed(() => labels.value.userMessageEditAction);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(UiFloatActions), {
+        trigger: "hover",
+        placement: "left",
+        offset: 4,
+        class: "max-w-full"
+      }, {
+        container: withCtx(() => [
+          createVNode(unref(CkUserMessage), {
+            message: __props.message,
+            "collapsed-lines": __props.collapsedLines
+          }, createSlots({ _: 2 }, [
+            unref(slots).default ? {
+              name: "default",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["message", "collapsed-lines"])
+        ]),
+        action: withCtx(() => [
+          createVNode(unref(UiFloatActionItems), { "aria-label": actionsLabel.value }, {
+            default: withCtx(() => [
+              createVNode(unref(UiFloatActionItems), {
+                type: "button",
+                "aria-label": editActionLabel.value,
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("edit"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(UiIcon), {
+                    name: "pencil",
+                    size: 16,
+                    "aria-hidden": "true"
+                  })
+                ]),
+                _: 1
+              }, 8, ["aria-label"])
+            ]),
+            _: 1
+          }, 8, ["aria-label"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
 const _hoisted_1 = {
   key: 1,
   class: "flex size-8 shrink-0 items-center justify-center rounded-2xl bg-background-surface-muted-subtle"
@@ -2500,7 +2564,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return slot ? slot({ message }).some((vnode) => !isVNodeEmpty(vnode)) : false;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$l, { messages: __props.messages }, {
+      return openBlock(), createBlock(_sfc_main$m, { messages: __props.messages }, {
         "user-message": withCtx(({ message }) => [
           createElementVNode("div", {
             class: normalizeClass({ "ml-8": hasIcon.value })
@@ -2519,7 +2583,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ]),
         "agent-message": withCtx(({ message }) => [
           renderSlot(_ctx.$slots, "agent-message", { message }, () => [
-            createVNode(_sfc_main$q, {
+            createVNode(_sfc_main$r, {
               "bottom-separator": message.id !== lastAgentMessageId.value
             }, createSlots({
               footer: withCtx(() => [
@@ -2534,7 +2598,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "agent-message-content", { message }, () => [
-                  createVNode(_sfc_main$f, {
+                  createVNode(_sfc_main$g, {
                     content: getMessageText(message),
                     classes: __props.agentMarkdownClasses
                   }, createSlots({ _: 2 }, [
@@ -2554,7 +2618,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 name: "header",
                 fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "agent-message-header", { message }, () => [
-                    createVNode(_sfc_main$p, null, createSlots({
+                    createVNode(_sfc_main$q, null, createSlots({
                       default: withCtx(() => [
                         renderSlot(_ctx.$slots, "agent-message-header-content", { message })
                       ]),
@@ -2679,7 +2743,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$a, {
+        createVNode(_sfc_main$b, {
           class: normalizeClass(isExpanded.value && props.maxHeight ? "overflow-y-auto" : void 0),
           style: normalizeStyle(
             isExpanded.value && props.maxHeight ? { maxHeight: props.maxHeight } : void 0
@@ -2698,7 +2762,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 edit: () => emit("edit", conversation),
                 delete: () => emit("delete", conversation)
               }, () => [
-                createVNode(_sfc_main$b, {
+                createVNode(_sfc_main$c, {
                   as: "a",
                   href: hrefFor(conversation),
                   "is-active": conversation.id === props.activeId,
@@ -2765,32 +2829,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
+  formatRelativeTime as A,
   CkCitation as C,
-  _sfc_main$q as _,
-  _sfc_main$p as a,
-  _sfc_main$n as b,
+  _sfc_main$r as _,
+  _sfc_main$q as a,
+  _sfc_main$o as b,
   _sfc_main$1 as c,
-  _sfc_main$l as d,
+  _sfc_main$m 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$2 as g,
+  CkFeedbackButton as h,
+  CkFeedbackDialog as i,
+  _sfc_main$d as j,
+  _sfc_main$p as k,
+  _sfc_main as l,
+  _sfc_main$c as m,
+  _sfc_main$b as n,
+  _sfc_main$g as o,
+  _sfc_main$l as p,
+  _sfc_main$a as q,
+  CkPromptInput as r,
+  _sfc_main$5 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
+  _sfc_main$9 as u,
+  _sfc_main$7 as v,
+  _sfc_main$4 as w,
+  _sfc_main$t as x,
+  _sfc_main$s as y,
+  CkUserMessage as z
 };

package/dist/chat-kit.css

@@ -89,18 +89,21 @@
    variant (≤320px container) and the Desktop variant (≥768px container) rather
    than snapping at a breakpoint. Range = 768 − 320 = 448; each term is
    `clamp(mobile, calc(mobile + (100cqw − 320px) × span / 448), desktop)`. */
-.ck-prompt-root[data-v-d828da46] {
+.ck-prompt-root[data-v-c6b78cec] {
   container-type: inline-size;
 }
-
-/* Solea two-layer drop shadow — warm grey + subtle orange tint. Matches the
-   `shadow/md/{1,2}` tokens from the design system; the generic `shadow-md`
-   utility from preset-wind4 uses a cold black-based shadow instead. */
-.ck-prompt-form[data-v-d828da46] {
+.ck-prompt-form[data-v-c6b78cec] {
   /* 8px (mobile) → 16px (desktop) */
   padding: clamp(8px, calc(8px + (100cqw - 320px) * 8 / 448), 16px);
   /* 52px → 68px (= 36px button + 2× padding) */
   min-height: clamp(52px, calc(52px + (100cqw - 320px) * 16 / 448), 68px);
+}
+
+/* Solea two-layer drop shadow — warm grey + subtle orange tint. Matches the
+   `shadow/md/{1,2}` tokens from the design system; the generic `shadow-md`
+   utility from preset-wind4 uses a cold black-based shadow instead. Applied
+   only when the field is not keyboard-focused; the focus ring replaces it. */
+.ck-prompt-shadow[data-v-c6b78cec] {
   box-shadow:
     0 4px 6px -2px rgba(112, 95, 90, 0.1),
     0 6px 14px -2px rgba(248, 94, 43, 0.05);
@@ -109,7 +112,7 @@
 /* 14px → 16px font, 20px → 24px line-height, 120px → 144px (6 lines) cap.
    `adjustHeight` reads the resolved line-height from the DOM so the auto-grow
    math tracks these fluid values. */
-.ck-prompt-textarea[data-v-d828da46] {
+.ck-prompt-textarea[data-v-c6b78cec] {
   font-size: clamp(14px, calc(14px + (100cqw - 320px) * 2 / 448), 16px);
   line-height: clamp(20px, calc(20px + (100cqw - 320px) * 4 / 448), 24px);
   max-height: clamp(120px, calc(120px + (100cqw - 320px) * 24 / 448), 144px);
@@ -118,37 +121,37 @@
 /* Slim styled scrollbar for the multi-line textarea — matches Figma's 4 px
    muted-default track. Firefox uses the native `scrollbar-*` properties;
    Chromium/WebKit needs the `::-webkit-scrollbar` pseudo-elements. */
-.ck-prompt-textarea[data-v-d828da46] {
+.ck-prompt-textarea[data-v-c6b78cec] {
   scrollbar-width: thin;
   scrollbar-color: rgba(166, 141, 133, 0.3) transparent;
 }
-.ck-prompt-textarea[data-v-d828da46]::-webkit-scrollbar {
+.ck-prompt-textarea[data-v-c6b78cec]::-webkit-scrollbar {
   width: 4px;
 }
-.ck-prompt-textarea[data-v-d828da46]::-webkit-scrollbar-track {
+.ck-prompt-textarea[data-v-c6b78cec]::-webkit-scrollbar-track {
   background: transparent;
 }
-.ck-prompt-textarea[data-v-d828da46]::-webkit-scrollbar-thumb {
+.ck-prompt-textarea[data-v-c6b78cec]::-webkit-scrollbar-thumb {
   background: rgba(166, 141, 133, 0.3);
   border-radius: 9999px;
 }
 
 /* Floating pill per design — the inset white + soft drop shadow aren't
    expressible with the design-system shadow utilities, so set them here. */
-.ck-user-message__toggle[data-v-c759a863] {
+.ck-user-message__toggle[data-v-4ca9ee1b] {
   box-shadow:
     0 2px 2px 0 rgba(0, 0, 0, 0.05),
     0 0 4px 0 #fff inset;
 }
 
 /* text-lg has a 1.75rem (28px) line-height; clamp height = lines × line-height. */
-.ck-user-message__content--clamped[data-v-c759a863] {
+.ck-user-message__content--clamped[data-v-4ca9ee1b] {
   max-height: calc(var(--ck-collapsed-lines) * 1.75rem);
   overflow: hidden;
 }
 
 /* Fade the last visible line to low opacity. */
-.ck-user-message__content--faded[data-v-c759a863] {
+.ck-user-message__content--faded[data-v-4ca9ee1b] {
   -webkit-mask-image: linear-gradient(
     to bottom,
     #000 calc(100% - 1.75rem),