@aleph-alpha/chat-kit 5.11.0 → 5.12.0

package/dist/{CkHistory.vue_vue_type_script_setup_true_lang-SL1vOAd9.js → CkHistory.vue_vue_type_script_setup_true_lang-CImSzLYs.js}

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, createElementBlock, createElementVNode, normalizeClass, renderSlot, createCommentVNode, mergeProps, withCtx, computed, createVNode, toDisplayString, ref, onBeforeUnmount, useSlots, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, Transition, createStaticVNode, Teleport, withModifiers, toValue, h, toRefs, useId, createTextVNode, useAttrs, resolveDynamicComponent, useTemplateRef, onUpdated, createSlots, normalizeProps, guardReactiveProps, Comment, Text } from "vue";
+import { defineComponent, openBlock, createBlock, unref, createElementBlock, createElementVNode, normalizeClass, renderSlot, createCommentVNode, mergeProps, withCtx, computed, createVNode, toDisplayString, resolveDynamicComponent, createTextVNode, ref, onBeforeUnmount, useSlots, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, Transition, createStaticVNode, Teleport, withModifiers, toValue, h, toRefs, useId, useAttrs, 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, UiFloatActions, UiFloatActionItems, UiCodeBlock, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
 import { u as useChatKitLabels, d as defaultChatKitLabels, r as remarkCitations, b as useMarkdownParser } from "./useChatKitLabels-CMOr3Kjq.js";
 const MINUTE = 60;
@@ -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$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{ name: "CkSendIcon" },
   __name: "CkSendIcon",
   setup(__props) {
@@ -45,19 +45,19 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = {
+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$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "CkStopIcon" },
   __name: "CkStopIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$h, [..._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,7 +66,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$f = {
   key: 0,
   "data-testid": "ck-agent-message-header",
   class: "w-full min-w-0"
@@ -76,7 +76,7 @@ const _hoisted_3$9 = {
   key: 1,
   class: "flex items-center gap-4"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessage" },
   __name: "CkAgentMessage",
   props: {
@@ -90,7 +90,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           __props.bottomSeparator && "border-border-surface-default border-b"
         ])
       }, [
-        _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
           renderSlot(_ctx.$slots, "header")
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$a, [
@@ -103,7 +103,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$e = {
   key: 0,
   "data-testid": "ck-agent-message-header-icon",
   class: "flex flex-shrink-0 items-center justify-center"
@@ -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$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessageHeader" },
   __name: "CkAgentMessageHeader",
   setup(__props) {
@@ -126,7 +126,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           _ctx.$slots.activity && "border-border-surface-default border-b py-4"
         ])
       }, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
           renderSlot(_ctx.$slots, "icon")
         ])) : createCommentVNode("", true),
         createElementVNode("span", _hoisted_2$9, [
@@ -139,7 +139,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkHeaderActivityButton"
   },
@@ -181,7 +181,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { 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_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-2" };
 const _hoisted_3$7 = ["title"];
 const _hoisted_4$7 = { class: "line-clamp-6 break-words text-sm leading-5 text-content-on-surface-secondary" };
@@ -189,7 +189,7 @@ 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$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCitationCard"
   },
@@ -215,7 +215,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("div", _hoisted_2$8, [
           createVNode(unref(UiFileType), {
             filename: __props.fileName,
@@ -249,7 +249,54 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = ["aria-label"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkCitationLabel"
+  },
+  __name: "CkCitationLabel",
+  props: {
+    index: {},
+    selected: { type: Boolean, default: false },
+    as: { default: "span" },
+    ariaLabel: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const labels = useChatKitLabels();
+    const isButton = computed(() => props.as === "button");
+    const resolvedAriaLabel = computed(
+      () => props.ariaLabel ?? `${labels.value.citationSourceLabel ?? defaultChatKitLabels.citationSourceLabel} ${props.index}`
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+        type: isButton.value ? "button" : void 0,
+        role: isButton.value ? void 0 : "img",
+        "aria-label": resolvedAriaLabel.value,
+        class: normalizeClass([
+          "ck-citation mx-px inline-flex h-5 min-w-5 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",
+          // The static chip is part of the prose: it must stay selectable so the
+          // number survives a copy of the surrounding text. A control shouldn't
+          // start a text selection on click, so button mode keeps `select-none`.
+          isButton.value ? "select-none" : "",
+          __props.selected ? "bg-background-accent-soft text-black" : "bg-background-accent-yellow text-background-status-warning"
+        ])
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(__props.index), 1)
+        ]),
+        _: 1
+      }, 8, ["type", "role", "aria-label", "class"]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const CkCitationLabel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-66d74063"]]);
 const CLOSE_DELAY_MS = 80;
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
@@ -268,12 +315,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   },
   emits: ["open-source"],
   setup(__props, { emit: __emit }) {
-    const props = __props;
     const emit = __emit;
-    const labels = useChatKitLabels();
-    const triggerLabel = computed(
-      () => props.ariaLabel ?? `${labels.value.citationSourceLabel ?? defaultChatKitLabels.citationSourceLabel} ${props.index}`
-    );
     const open = ref(false);
     const openedByPointer = ref(false);
     let closeTimer;
@@ -327,17 +369,15 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(UiPopoverTrigger), { "as-child": "" }, {
             default: withCtx(() => [
-              createElementVNode("button", {
-                type: "button",
-                "aria-label": triggerLabel.value,
-                class: normalizeClass([
-                  "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"
-                ]),
+              createVNode(unref(CkCitationLabel), {
+                as: "button",
+                index: __props.index,
+                selected: __props.selected,
+                "aria-label": __props.ariaLabel,
                 onKeydown: onTriggerKeydown,
                 onMouseenter: onPointerEnter,
                 onMouseleave: onPointerLeave
-              }, toDisplayString(__props.index), 43, _hoisted_1$d)
+              }, null, 8, ["index", "selected", "aria-label"])
             ]),
             _: 1
           }),
@@ -353,7 +393,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             onFocusout: onContentFocusOut
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$o), {
+              createVNode(unref(_sfc_main$p), {
                 "file-name": __props.fileName,
                 snippet: __props.snippet,
                 "location-label": __props.locationLabel,
@@ -370,14 +410,6 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const CkCitation = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-73025da4"]]);
 const _hoisted_1$c = { class: "relative flex min-h-0 flex-col overflow-hidden" };
 const _hoisted_2$7 = ["data-message-row"];
 const _hoisted_3$6 = {
@@ -1061,7 +1093,7 @@ function useCitationRendering(citations, onOpenSource) {
     const source = sourcesByIndex.value.get(index);
     if (!source) return null;
     if (slot) return slot({ source, openSource: onOpenSource });
-    return h(CkCitation, { ...source, onOpenSource });
+    return h(_sfc_main$n, { ...source, onOpenSource });
   }
   return { citationPlugins, renderCitationNode };
 }
@@ -1202,6 +1234,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     open: { type: Boolean, default: false },
     sentiment: {},
     responseText: { default: "" },
+    citations: {},
     reasons: {},
     maxFreeTextLength: { default: 250 },
     reasonRequired: { type: Boolean, default: true },
@@ -1358,7 +1391,17 @@ 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$g), {
+                      content: __props.responseText,
+                      citations: __props.citations
+                    }, {
+                      citation: withCtx(({ source }) => [
+                        createVNode(unref(CkCitationLabel), {
+                          index: source.index
+                        }, null, 8, ["index"])
+                      ]),
+                      _: 1
+                    }, 8, ["content", "citations"])
                   ])
                 ])) : createCommentVNode("", true),
                 createElementVNode("section", _hoisted_3$4, [
@@ -1424,7 +1467,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-bdf7bf3d"]]);
+const CkFeedbackDialog = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-175a7cb9"]]);
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFileItemRow",
@@ -2488,7 +2531,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           ref_key: "contentRef",
           ref: contentRef,
-          class: normalizeClass(["ck-user-message__content text-content-on-surface-muted min-w-0 max-w-full self-stretch text-lg leading-7 font-medium break-words whitespace-pre-wrap [overflow-wrap:anywhere]", {
+          class: normalizeClass(["ck-user-message__content select-text text-content-on-surface-muted min-w-0 max-w-full self-stretch text-lg leading-7 font-medium break-words whitespace-pre-wrap [overflow-wrap:anywhere]", {
             "ck-user-message__content--clamped": clampEnabled.value && !expanded.value,
             "ck-user-message__content--faded": clampEnabled.value && !expanded.value && isOverflowing.value
           }]),
@@ -2511,7 +2554,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkUserMessage = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4ca9ee1b"]]);
+const CkUserMessage = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-75aacd04"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkEditableUserMessage" },
   __name: "CkEditableUserMessage",
@@ -2646,7 +2689,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ]),
         "agent-message": withCtx(({ message }) => [
           renderSlot(_ctx.$slots, "agent-message", { message }, () => [
-            createVNode(_sfc_main$r, {
+            createVNode(_sfc_main$s, {
               "bottom-separator": message.id !== lastAgentMessageId.value
             }, createSlots({
               footer: withCtx(() => [
@@ -2683,7 +2726,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 name: "header",
                 fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "agent-message-header", { message }, () => [
-                    createVNode(_sfc_main$q, null, createSlots({
+                    createVNode(_sfc_main$r, null, createSlots({
                       default: withCtx(() => [
                         renderSlot(_ctx.$slots, "agent-message-header-content", { message })
                       ]),
@@ -2906,33 +2949,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  formatRelativeTime as A,
-  CkCitation as C,
-  _sfc_main$r as _,
-  _sfc_main$q as a,
-  _sfc_main$o as b,
-  _sfc_main$1 as c,
-  _sfc_main$m as d,
-  CkCopyMessageButton as e,
-  CkDropZoneOverlay as f,
-  _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$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
+  CkUserMessage as A,
+  formatRelativeTime as B,
+  CkCitationLabel as C,
+  _sfc_main$s as _,
+  _sfc_main$r as a,
+  _sfc_main$n as b,
+  _sfc_main$p as c,
+  _sfc_main$1 as d,
+  _sfc_main$m as e,
+  CkCopyMessageButton as f,
+  CkDropZoneOverlay as g,
+  _sfc_main$2 as h,
+  CkFeedbackButton as i,
+  CkFeedbackDialog as j,
+  _sfc_main$d as k,
+  _sfc_main$q as l,
+  _sfc_main as m,
+  _sfc_main$c as n,
+  _sfc_main$b as o,
+  _sfc_main$g as p,
+  _sfc_main$l as q,
+  _sfc_main$a as r,
+  CkPromptInput as s,
+  _sfc_main$5 as t,
+  _sfc_main$8 as u,
+  _sfc_main$9 as v,
+  _sfc_main$7 as w,
+  _sfc_main$4 as x,
+  _sfc_main$u as y,
+  _sfc_main$t as z
 };