@aleph-alpha/chat-kit 5.12.0 → 5.13.0

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

@@ -1,5 +1,5 @@
-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 { defineComponent, openBlock, createBlock, unref, createElementBlock, createElementVNode, normalizeClass, renderSlot, createCommentVNode, mergeProps, withCtx, ref, watch, onScopeDispose, computed, useTemplateRef, createVNode, toDisplayString, resolveDynamicComponent, onBeforeUnmount, useSlots, onMounted, nextTick, onUnmounted, Fragment, renderList, normalizeStyle, Transition, createStaticVNode, Teleport, withModifiers, toValue, h, toRefs, useId, createTextVNode, useAttrs, onUpdated, createSlots, normalizeProps, guardReactiveProps, Comment, Text } from "vue";
+import { UiIcon, UiButton, UiFileType, UiTooltip, UiPopover, UiPopoverTrigger, UiPopoverContent, 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;
 const HOUR = 60 * MINUTE;
@@ -181,13 +181,59 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const measurers = /* @__PURE__ */ new WeakMap();
+let sharedObserver;
+function getSharedObserver() {
+  if (typeof ResizeObserver === "undefined") return void 0;
+  sharedObserver ??= new ResizeObserver((entries) => {
+    for (const entry of entries) measurers.get(entry.target)?.();
+  });
+  return sharedObserver;
+}
+function watchElement(el, measure) {
+  measurers.set(el, measure);
+  getSharedObserver()?.observe(el);
+}
+function unwatchElement(el) {
+  measurers.delete(el);
+  getSharedObserver()?.unobserve(el);
+}
+function useIsTruncated(elementRef, watchSource) {
+  const isTruncated = ref(false);
+  function measure() {
+    const el = elementRef.value;
+    isTruncated.value = el ? el.scrollWidth - el.clientWidth >= 1 : false;
+  }
+  if (watchSource) watch(watchSource, measure, { flush: "post" });
+  watch(
+    elementRef,
+    (el, previous) => {
+      if (previous) unwatchElement(previous);
+      if (el) watchElement(el, measure);
+      measure();
+    },
+    { immediate: true, flush: "post" }
+  );
+  onScopeDispose(() => {
+    if (elementRef.value) unwatchElement(elementRef.value);
+  });
+  return isTruncated;
+}
 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" };
-const _hoisted_5$4 = {
+const _hoisted_2$8 = { class: "flex min-w-0 items-center gap-3 py-0.5" };
+const _hoisted_3$7 = { class: "line-clamp-6 break-words text-sm leading-5 text-content-on-surface-secondary" };
+const _hoisted_4$7 = {
   key: 0,
-  class: "text-sm leading-5 text-content-on-surface-muted"
+  class: "flex items-center gap-1.5 text-sm leading-5 text-content-on-surface-muted"
+};
+const _hoisted_5$4 = {
+  key: 1,
+  "aria-hidden": "true",
+  class: "shrink-0 text-border-input-strong"
+};
+const _hoisted_6$4 = {
+  key: 2,
+  class: "shrink-0"
 };
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
@@ -198,6 +244,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     fileName: {},
     snippet: {},
     locationLabel: { default: void 0 },
+    collectionName: { default: void 0 },
     url: { default: void 0 },
     openSourceLabel: { default: void 0 }
   },
@@ -209,6 +256,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     const openSourceAriaLabel = computed(
       () => props.openSourceLabel ?? labels.value.citationOpenSource ?? defaultChatKitLabels.citationOpenSource
     );
+    const fileNameRef = useTemplateRef("fileNameRef");
+    const collectionRef = useTemplateRef("collectionRef");
+    const isFileNameTruncated = useIsTruncated(fileNameRef, () => props.fileName);
+    const isCollectionTruncated = useIsTruncated(
+      collectionRef,
+      () => props.collectionName
+    );
     function handleOpen() {
       if (props.url) {
         emit("open-source", props.url);
@@ -221,10 +275,20 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             filename: __props.fileName,
             class: "shrink-0"
           }, null, 8, ["filename"]),
-          createElementVNode("p", {
-            class: "min-w-0 truncate text-sm font-medium text-content-on-surface-primary",
-            title: __props.fileName
-          }, toDisplayString(__props.fileName), 9, _hoisted_3$7),
+          createVNode(unref(UiTooltip), {
+            content: __props.fileName,
+            disabled: !unref(isFileNameTruncated),
+            align: "start"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("p", {
+                ref_key: "fileNameRef",
+                ref: fileNameRef,
+                class: "min-w-0 truncate text-sm font-medium leading-4 text-content-on-surface-primary"
+              }, toDisplayString(__props.fileName), 513)
+            ]),
+            _: 1
+          }, 8, ["content", "disabled"]),
           __props.url ? (openBlock(), createBlock(unref(UiButton), {
             key: 0,
             variant: "ghost",
@@ -243,8 +307,26 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["aria-label"])) : createCommentVNode("", true)
         ]),
-        createElementVNode("p", _hoisted_4$7, toDisplayString(__props.snippet), 1),
-        __props.locationLabel ? (openBlock(), createElementBlock("p", _hoisted_5$4, toDisplayString(__props.locationLabel), 1)) : createCommentVNode("", true)
+        createElementVNode("p", _hoisted_3$7, toDisplayString(__props.snippet), 1),
+        __props.collectionName || __props.locationLabel ? (openBlock(), createElementBlock("p", _hoisted_4$7, [
+          __props.collectionName ? (openBlock(), createBlock(unref(UiTooltip), {
+            key: 0,
+            content: __props.collectionName,
+            disabled: !unref(isCollectionTruncated),
+            align: "start"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", {
+                ref_key: "collectionRef",
+                ref: collectionRef,
+                class: "min-w-0 truncate"
+              }, toDisplayString(__props.collectionName), 513)
+            ]),
+            _: 1
+          }, 8, ["content", "disabled"])) : createCommentVNode("", true),
+          __props.collectionName && __props.locationLabel ? (openBlock(), createElementBlock("span", _hoisted_5$4, " | ")) : createCommentVNode("", true),
+          __props.locationLabel ? (openBlock(), createElementBlock("span", _hoisted_6$4, toDisplayString(__props.locationLabel), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
@@ -273,16 +355,17 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         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",
+          "ck-citation ui-focus-ring mx-px inline-flex h-5 min-w-5 items-center justify-center rounded-sm border border-transparent px-1 align-middle text-sm leading-4 tabular-nums transition-colors",
           // 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"
+          // Only the control gets the hover layer; a static chip has no hover state.
+          isButton.value ? "select-none hover-layer hover-layer-default" : "",
+          __props.selected ? "bg-background-accent-soft text-content-on-accent-soft" : "bg-background-surface-citation text-content-on-surface-primary"
         ])
       }, {
         default: withCtx(() => [
-          createTextVNode(toDisplayString(__props.index), 1)
+          createElementVNode("span", null, toDisplayString(__props.index), 1)
         ]),
         _: 1
       }, 8, ["type", "role", "aria-label", "class"]);
@@ -296,7 +379,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const CkCitationLabel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-66d74063"]]);
+const CkCitationLabel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-554678fe"]]);
 const CLOSE_DELAY_MS = 80;
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
@@ -311,6 +394,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     fileName: {},
     snippet: {},
     locationLabel: { default: void 0 },
+    collectionName: {},
     url: { default: void 0 }
   },
   emits: ["open-source"],
@@ -372,7 +456,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               createVNode(unref(CkCitationLabel), {
                 as: "button",
                 index: __props.index,
-                selected: __props.selected,
+                selected: __props.selected || open.value,
                 "aria-label": __props.ariaLabel,
                 onKeydown: onTriggerKeydown,
                 onMouseenter: onPointerEnter,
@@ -397,10 +481,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 "file-name": __props.fileName,
                 snippet: __props.snippet,
                 "location-label": __props.locationLabel,
+                "collection-name": __props.collectionName,
                 url: __props.url,
                 "open-source-label": __props.openSourceLabel,
                 onOpenSource: _cache[0] || (_cache[0] = (u) => emit("open-source", u))
-              }, null, 8, ["file-name", "snippet", "location-label", "url", "open-source-label"])
+              }, null, 8, ["file-name", "snippet", "location-label", "collection-name", "url", "open-source-label"])
             ]),
             _: 1
           })