@aleph-alpha/chat-kit 1.15.0 → 1.16.0

package/dist/{CkInput.vue_vue_type_script_setup_true_lang-D8In_Dnl.js → CkInput.vue_vue_type_script_setup_true_lang-AtcxFGLn.js}

@@ -1,6 +1,41 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, createBlock, unref, mergeProps, withCtx, createVNode, Transition, toDisplayString, computed, normalizeClass, toRefs, h, useId, createTextVNode, useAttrs, useSlots, withModifiers, resolveDynamicComponent, useTemplateRef, onBeforeUnmount, createSlots, normalizeProps, guardReactiveProps } from "vue";
-import { u as useChatKitLabels, d as defaultChatKitLabels, a as useMarkdownParser } from "./useChatKitLabels-BxNkTzr2.js";
+import { u as useChatKitLabels, d as defaultChatKitLabels, a as useMarkdownParser } from "./useChatKitLabels-BC6ItJc6.js";
 import { UiButton, UiTooltip, UiIcon, UiDialog, UiDialogContent, UiDialogDescription, UiFieldLabel, UiToggleGroup, UiToggleGroupItem, UiField, UiTextarea, UiFileItem, UiPopover, UiPopoverTrigger, UiFileType, UiPopoverContent, Primitive, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
+const MINUTE = 60;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+const WEEK = 7 * DAY;
+const MONTH = 30 * DAY;
+const YEAR = 365 * DAY;
+function formatRelativeTime(unixSeconds, nowSeconds = Math.floor(Date.now() / 1e3)) {
+  const delta = Math.max(0, nowSeconds - unixSeconds);
+  if (delta < MINUTE) return "Just now";
+  if (delta < HOUR) {
+    const mins = Math.floor(delta / MINUTE);
+    return mins === 1 ? "1 minute ago" : `${mins} minutes ago`;
+  }
+  if (delta < DAY) {
+    const hrs = Math.floor(delta / HOUR);
+    return hrs === 1 ? "1 hour ago" : `${hrs} hours ago`;
+  }
+  if (delta < 2 * DAY) return "Yesterday";
+  if (delta < WEEK) {
+    const days = Math.floor(delta / DAY);
+    return `${days} days ago`;
+  }
+  if (delta < 2 * WEEK) return "1 week ago";
+  if (delta < MONTH) {
+    const weeks = Math.floor(delta / WEEK);
+    return `${weeks} weeks ago`;
+  }
+  if (delta < 2 * MONTH) return "1 month ago";
+  if (delta < YEAR) {
+    const months = Math.floor(delta / MONTH);
+    return `${months} months ago`;
+  }
+  const years = Math.floor(delta / YEAR);
+  return years === 1 ? "1 year ago" : `${years} years ago`;
+}
 const _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -48,12 +83,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 const _hoisted_1$9 = { class: "border-border-surface-default flex w-full flex-col gap-6 border-b pb-6" };
 const _hoisted_2$6 = {
   key: 0,
-  class: "flex items-center gap-3"
+  class: "flex items-start gap-3"
 };
 const _hoisted_3$5 = {
   key: 0,
   "data-testid": "ck-agent-message-icon",
-  class: "flex flex-shrink-0 items-center justify-center"
+  class: "flex flex-shrink-0 justify-center"
 };
 const _hoisted_4$4 = {
   key: 1,
@@ -1102,10 +1137,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       props.showActionOnHover ? "[&_button]:opacity-0 [&_button]:transition-opacity group-hover/ck-history-item:[&_button]:opacity-100 group-focus-within/ck-history-item:[&_button]:opacity-100" : ""
     ]);
     const actionButtonClass = computed(() => [
-      "relative z-10 inline-flex size-8 shrink-0 items-center justify-center rounded-sm border border-transparent text-content-on-surface-primary outline-hidden transition-colors",
+      "relative z-10 inline-flex size-8 shrink-0 items-center justify-center rounded-sm border-0 text-content-on-surface-primary outline-hidden transition-colors",
       "[&_svg]:size-4 [&_svg]:shrink-0",
       "focus-visible:ring-0 focus-visible:outline-none",
-      pointerOnAction.value && "bg-background-surface-muted-subtle border-border-button-outlined"
+      pointerOnAction.value && "bg-background-surface-muted-subtle"
     ]);
     const actionPopoverPanelClass = computed(() => [
       "w-auto min-w-48 max-w-sm p-0 bg-background-surface-secondary",
@@ -1671,13 +1706,27 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     hrefResolver: {},
     activeId: { default: void 0 },
     showAction: { type: Boolean, default: true },
-    showActionOnHover: { type: Boolean, default: true }
+    showActionOnHover: { type: Boolean, default: true },
+    timeFormatter: { type: Function, default: formatRelativeTime },
+    collapsedLimit: { default: 5 },
+    maxHeight: { default: void 0 }
   },
   emits: ["select", "edit", "delete"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const labels = useChatKitLabels();
+    const isExpanded = ref(false);
+    const canCollapse = computed(
+      () => props.collapsedLimit > 0 && props.conversations.length > props.collapsedLimit
+    );
+    const visibleConversations = computed(() => {
+      if (!canCollapse.value || isExpanded.value) return props.conversations;
+      return props.conversations.slice(0, props.collapsedLimit);
+    });
+    function toggleExpanded() {
+      isExpanded.value = !isExpanded.value;
+    }
     function hrefFor(c) {
       return props.hrefResolver(c.id);
     }
@@ -1685,6 +1734,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const title = c.title?.trim();
       return title ? title : labels.value.historyItemUntitled;
     }
+    function timeFor(c) {
+      return props.timeFormatter?.(c.updatedAt);
+    }
     function handleRowClick(c, event) {
       if (event.defaultPrevented) return;
       if (event.button !== 0) return;
@@ -1693,68 +1745,84 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("select", c, event);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$8, null, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(props.conversations, (conversation) => {
-            return renderSlot(_ctx.$slots, "item", {
-              key: conversation.id,
-              conversation,
-              href: hrefFor(conversation),
-              isActive: conversation.id === props.activeId,
-              title: titleFor(conversation),
-              select: (event) => handleRowClick(conversation, event),
-              edit: () => emit("edit", conversation),
-              delete: () => emit("delete", conversation)
-            }, () => [
-              createVNode(_sfc_main$9, {
-                as: "a",
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_sfc_main$8, {
+          class: normalizeClass(isExpanded.value && props.maxHeight ? "overflow-y-auto" : void 0),
+          style: normalizeStyle(
+            isExpanded.value && props.maxHeight ? { maxHeight: props.maxHeight } : void 0
+          )
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(visibleConversations.value, (conversation) => {
+              return renderSlot(_ctx.$slots, "item", {
+                key: conversation.id,
+                conversation,
                 href: hrefFor(conversation),
-                "is-active": conversation.id === props.activeId,
+                isActive: conversation.id === props.activeId,
                 title: titleFor(conversation),
-                "show-action": props.showAction,
-                "show-action-on-hover": props.showActionOnHover,
-                "action-popover": props.showAction,
-                "action-aria-label": unref(labels).historyItemActionAriaLabel,
-                onClick: ($event) => handleRowClick(conversation, $event)
-              }, {
-                "action-popover": withCtx(() => [
-                  createVNode(unref(UiSidebarPopoverMenu), { "show-footer-separator": false }, {
-                    default: withCtx(() => [
-                      createVNode(unref(UiSidebarPopoverMenuItem), {
-                        label: unref(labels).historyItemEditAction,
-                        onClick: ($event) => emit("edit", conversation)
-                      }, {
-                        icon: withCtx(() => [
-                          createVNode(unref(UiIcon), {
-                            name: "pencil",
-                            size: "s"
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["label", "onClick"]),
-                      createVNode(unref(UiSidebarPopoverMenuItem), {
-                        label: unref(labels).historyItemDeleteAction,
-                        onClick: ($event) => emit("delete", conversation)
-                      }, {
-                        icon: withCtx(() => [
-                          createVNode(unref(UiIcon), {
-                            name: "trash",
-                            size: "s"
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["label", "onClick"])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1032, ["href", "is-active", "title", "show-action", "show-action-on-hover", "action-popover", "action-aria-label", "onClick"])
-            ]);
-          }), 128))
-        ]),
-        _: 3
-      });
+                time: timeFor(conversation),
+                select: (event) => handleRowClick(conversation, event),
+                edit: () => emit("edit", conversation),
+                delete: () => emit("delete", conversation)
+              }, () => [
+                createVNode(_sfc_main$9, {
+                  as: "a",
+                  href: hrefFor(conversation),
+                  "is-active": conversation.id === props.activeId,
+                  title: titleFor(conversation),
+                  "meta-start": timeFor(conversation),
+                  "show-action": props.showAction,
+                  "show-action-on-hover": props.showActionOnHover,
+                  "action-popover": props.showAction,
+                  "action-aria-label": unref(labels).historyItemActionAriaLabel,
+                  onClick: ($event) => handleRowClick(conversation, $event)
+                }, {
+                  "action-popover": withCtx(() => [
+                    createVNode(unref(UiSidebarPopoverMenu), { "show-footer-separator": false }, {
+                      default: withCtx(() => [
+                        createVNode(unref(UiSidebarPopoverMenuItem), {
+                          label: unref(labels).historyItemEditAction,
+                          onClick: ($event) => emit("edit", conversation)
+                        }, {
+                          icon: withCtx(() => [
+                            createVNode(unref(UiIcon), {
+                              name: "pencil",
+                              size: "s"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["label", "onClick"]),
+                        createVNode(unref(UiSidebarPopoverMenuItem), {
+                          label: unref(labels).historyItemDeleteAction,
+                          onClick: ($event) => emit("delete", conversation)
+                        }, {
+                          icon: withCtx(() => [
+                            createVNode(unref(UiIcon), {
+                              name: "trash",
+                              size: "s"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["label", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["href", "is-active", "title", "meta-start", "show-action", "show-action-on-hover", "action-popover", "action-aria-label", "onClick"])
+              ]);
+            }), 128))
+          ]),
+          _: 3
+        }, 8, ["class", "style"]),
+        canCollapse.value && !isExpanded.value ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          type: "button",
+          "data-testid": "ck-history-show-all",
+          class: "mt-1 w-full rounded-lg px-2 py-2 text-center body-14-medium text-content-on-surface-muted transition-colors hover:bg-background-surface-muted-subtle",
+          onClick: toggleExpanded
+        }, toDisplayString(unref(labels).historyShowAll), 1)) : createCommentVNode("", true)
+      ]);
     };
   }
 });
@@ -1873,5 +1941,6 @@ export {
   _sfc_main$6 as o,
   _sfc_main$k as p,
   _sfc_main$j as q,
-  CkUserMessage as r
+  CkUserMessage as r,
+  formatRelativeTime as s
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CkHistoryItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/CkHistoryItem.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAsCpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAkG5C;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC"}
+{"version":3,"file":"CkHistoryItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/CkHistoryItem.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAqCpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AA8F5C;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CkHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/CkHistoryItem.vue"],"names":[],"mappings":"AA0SA,OAAO,KAAK,EAAsB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA0dzE,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKzD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CkHistoryItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryItem/CkHistoryItem.vue"],"names":[],"mappings":"AAySA,OAAO,KAAK,EAAsB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAydzE,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKzD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CkHistoryWrapper.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryWrapper/CkHistoryWrapper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AA2B/C;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAwDrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC"}
+{"version":3,"file":"CkHistoryWrapper.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkHistoryWrapper/CkHistoryWrapper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAkC/C;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KA8CrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KA+BxB,CAAC"}

package/dist/components/composed/CkHistory/CkHistory.stories.d.ts

@@ -30,4 +30,19 @@ export declare const RouterLinkIntegration: Story;
  * look while delegating navigation to the router.
  */
 export declare const WithCustomItem: Story;
+/**
+ * Hides the relative time label by setting `time-formatter` to `undefined`.
+ * Rows display only the title (the pre-v1.14 default).
+ */
+export declare const WithoutTime: Story;
+/**
+ * With 10 conversations and a `collapsedLimit` of 5, only the first 5 rows
+ * are shown initially. A "Show all" button at the bottom reveals the rest
+ * and makes the list scrollable (capped at `maxHeight`).
+ */
+export declare const CollapsedWithShowAll: Story;
+/**
+ * All conversations visible without collapse — set `collapsedLimit` to `0`.
+ */
+export declare const NoCollapse: Story;
 //# sourceMappingURL=CkHistory.stories.d.ts.map

package/dist/components/composed/CkHistory/CkHistory.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkHistory.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkHistory/CkHistory.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,SAAS,MAAM,iBAAiB,CAAC;AA+CxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAoBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AA2KxC;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KAyE5B,CAAC"}
+{"version":3,"file":"CkHistory.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkHistory/CkHistory.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAuExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAsBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AA4LxC;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KA0E5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KASlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC"}

package/dist/components/composed/CkHistory/CkHistory.vue.d.ts

@@ -11,6 +11,8 @@ type __VLS_Slots = {
      *  - `href` — URL produced by `hrefResolver(conversation.id)`
      *  - `isActive` — whether this row matches `activeId`
      *  - `title` — resolved title (falls back to `historyItemUntitled` label)
+     *  - `time` — formatted relative time string from `timeFormatter`, or
+     *    `undefined` when no formatter is set
      *  - `select(event)` — RouterLink-style click guard: `preventDefault()`
      *    and emit `select` for plain left-clicks; ignores middle/modifier
      *    clicks so native browser affordances still work.
@@ -21,6 +23,7 @@ type __VLS_Slots = {
         href: string;
         isActive: boolean;
         title: string;
+        time: string | undefined;
         select: (event: MouseEvent) => void;
         edit: () => void;
         delete: () => void;
@@ -37,7 +40,10 @@ declare const __VLS_base: import("vue").DefineComponent<CkHistoryProps, {}, {},
 }>, {
     showAction: boolean;
     showActionOnHover: boolean;
+    maxHeight: string;
     activeId: string;
+    timeFormatter: (updatedAtSeconds: number) => string;
+    collapsedLimit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/composed/CkHistory/CkHistory.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkHistory.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkHistory/CkHistory.vue"],"names":[],"mappings":"AAyIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAC;AAc9D,KAAK,WAAW,GAAG;IACjB;;;;;;;;;;;;;;OAcG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE;QACZ,YAAY,EAAE,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;QACpC,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,KAAK,IAAI,CAAC;CACZ,CAAC;AAmOF,QAAA,MAAM,UAAU;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CkHistory.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkHistory/CkHistory.vue"],"names":[],"mappings":"AA6LA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAC;AAiB9D,KAAK,WAAW,GAAG;IACjB;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE;QACZ,YAAY,EAAE,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;QACzB,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;QACpC,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,KAAK,IAAI,CAAC;CACZ,CAAC;AAmSF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/composed/CkHistory/types.d.ts

@@ -49,6 +49,39 @@ export interface CkHistoryProps {
      * @default true
      */
     showActionOnHover?: boolean;
+    /**
+     * Formats a conversation's `updatedAt` timestamp (Unix seconds) into a
+     * human-readable relative time string displayed under the title.
+     *
+     * Defaults to the built-in `formatRelativeTime` which produces English
+     * labels like "Just now", "Yesterday", "3 days ago". Pass your own
+     * function for locale-aware formatting (e.g. via `Intl.RelativeTimeFormat`
+     * or your i18n library).
+     *
+     * To hide the time label entirely, pass `() => ''`.
+     *
+     * @default formatRelativeTime
+     */
+    timeFormatter?: (updatedAtSeconds: number) => string;
+    /**
+     * Maximum number of conversations shown in collapsed mode. When the
+     * array has more items than this limit a "Show all" button is rendered
+     * below the visible rows. Clicking it expands the list and makes it
+     * scrollable (capped at `maxHeight`).
+     *
+     * Set to `0` or `undefined` to disable collapsing — all conversations
+     * are shown and the list is always scrollable.
+     *
+     * @default 5
+     */
+    collapsedLimit?: number;
+    /**
+     * Maximum height (CSS value) of the list when expanded. Allows the list
+     * to scroll when conversations exceed the available space.
+     *
+     * @default undefined — no max-height constraint
+     */
+    maxHeight?: string;
 }
 /**
  * Emitted events for `CkHistory`.

package/dist/components/composed/CkHistory/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkHistory/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,cAAc;IAC7B,iEAAiE;IACjE,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B;;;;;;;;;;;;OAYG;IACH,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;;OAOG;IACH,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IACxD,0EAA0E;IAC1E,IAAI,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACnC,4EAA4E;IAC5E,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;CACtC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkHistory/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,cAAc;IAC7B,iEAAiE;IACjE,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B;;;;;;;;;;;;OAYG;IACH,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,MAAM,CAAC;IACrD;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;;OAOG;IACH,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IACxD,0EAA0E;IAC1E,IAAI,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACnC,4EAA4E;IAC5E,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;CACtC"}

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { _, a, b, C, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r } from "../CkInput.vue_vue_type_script_setup_true_lang-D8In_Dnl.js";
+import { _, a, b, C, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r } from "../CkInput.vue_vue_type_script_setup_true_lang-AtcxFGLn.js";
 export {
   _ as CkAgentMessage,
   a as CkConversation,

package/dist/handlers/index.js

@@ -1,5 +1,5 @@
 import { u } from "../useMessageHandler-CMdy-lm0.js";
-import { C, d, p, u as u2, a } from "../useChatKitLabels-BxNkTzr2.js";
+import { C, d, p, u as u2, a } from "../useChatKitLabels-BC6ItJc6.js";
 export {
   C as CHAT_KIT_LABELS,
   d as defaultChatKitLabels,

package/dist/handlers/useChatKitLabels.d.ts

@@ -75,6 +75,11 @@ export type ChatKitLabels = {
     historyItemEditAction: string;
     /** Label for the "Delete" action in the `CkHistory` row popover menu. */
     historyItemDeleteAction: string;
+    /**
+     * Label for the "Show all" button that appears when `collapsedLimit` is
+     * set and more conversations exist than the limit.
+     */
+    historyShowAll?: string;
 };
 /** English defaults used when no labels are provided by the consumer. */
 export declare const defaultChatKitLabels: ChatKitLabels;

package/dist/handlers/useChatKitLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatKitLabels.d.ts","sourceRoot":"","sources":["../../src/handlers/useChatKitLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,0CAA0C;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gDAAgD;IAChD,gBAAgB,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,+DAA+D;IAC/D,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,gEAAgE;IAChE,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,kFAAkF;IAClF,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qEAAqE;IACrE,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,iEAAiE;IACjE,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,iDAAiD;IACjD,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iDAAiD;IACjD,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8EAA8E;IAC9E,0BAA0B,EAAE,MAAM,CAAC;IACnC,uEAAuE;IACvE,qBAAqB,EAAE,MAAM,CAAC;IAC9B,yEAAyE;IACzE,uBAAuB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,EAAE,aA0BlC,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAC1C,CAAC;AAE5B,KAAK,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE5C,yFAAyF;AACzF,KAAK,cAAc,GACf,GAAG,CAAC,aAAa,CAAC,GAClB,WAAW,CAAC,aAAa,CAAC,GAC1B,CAAC,MAAM,aAAa,CAAC,CAAC;AAE1B;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAKjE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,aAAa,CAAC,CAK7D"}
+{"version":3,"file":"useChatKitLabels.d.ts","sourceRoot":"","sources":["../../src/handlers/useChatKitLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,0CAA0C;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gDAAgD;IAChD,gBAAgB,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,+DAA+D;IAC/D,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,gEAAgE;IAChE,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,kFAAkF;IAClF,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qEAAqE;IACrE,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,iEAAiE;IACjE,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,iDAAiD;IACjD,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iDAAiD;IACjD,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8EAA8E;IAC9E,0BAA0B,EAAE,MAAM,CAAC;IACnC,uEAAuE;IACvE,qBAAqB,EAAE,MAAM,CAAC;IAC9B,yEAAyE;IACzE,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,EAAE,aA2BlC,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAC1C,CAAC;AAE5B,KAAK,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAE5C,yFAAyF;AACzF,KAAK,cAAc,GACf,GAAG,CAAC,aAAa,CAAC,GAClB,WAAW,CAAC,aAAa,CAAC,GAC1B,CAAC,MAAM,aAAa,CAAC,CAAC;AAE1B;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAKjE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,aAAa,CAAC,CAK7D"}

package/dist/helpers/formatRelativeTime.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Convert a Unix-seconds timestamp to a human-readable relative time string.
+ *
+ * Uses simple threshold-based bucketing (not `Intl.RelativeTimeFormat`) so the
+ * output is deterministic and easy to snapshot-test. Consumers who need
+ * locale-aware formatting can supply their own formatter via the
+ * `timeFormatter` prop on `CkHistory`.
+ */
+export declare function formatRelativeTime(unixSeconds: number, nowSeconds?: number): string;
+//# sourceMappingURL=formatRelativeTime.d.ts.map

package/dist/helpers/formatRelativeTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatRelativeTime.d.ts","sourceRoot":"","sources":["../../src/helpers/formatRelativeTime.ts"],"names":[],"mappings":"AAOA;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EACnB,UAAU,GAAE,MAAsC,GACjD,MAAM,CA8BR"}

package/dist/helpers/index.d.ts

@@ -1,4 +1,5 @@
 export * from './conversationTree';
+export * from './formatRelativeTime';
 export * from './generateId';
 export * from './secondsToDate';
 export * from './toError';

package/dist/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC"}

package/dist/index.d.ts

@@ -7,5 +7,6 @@ export { SdkError, createDocumentUploadProvider, defaultDocumentUploadConfig, de
 export type { DocumentUploadConfig, DocumentUploadProvider, FileEntry, FileStatus, } from './composables/fileUpload';
 export { CkAgentMessage, CkConversation, CkConversationLayout, CkCopyMessageActionButton, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistory, CkHistoryItem, CkHistoryWrapper, CkInput, CkMarkdownRenderer, CkMessageActionButton, CkPromptActionButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkSendIcon, CkStopIcon, CkUserMessage, } from './components';
 export type { CkConversationLayoutProps, CkConversationProps, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryEmits, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkUserMessageProps, } from './components';
+export { formatRelativeTime } from './helpers';
 export type { BaseMessage, Conversation, ConversationTree, MessageContent, MessageContentStatus, MessageMetadata, MessageReasoningContent, MessageRole, MessageStatus, MessageTextContent, MessageToolContent, TreeMessage, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AASpB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EACL,OAAO,EACP,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,aAAa,EACb,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,QAAQ,EACR,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,UAAU,GACX,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,GACZ,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AASpB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EACL,OAAO,EACP,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,aAAa,EACb,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,QAAQ,EACR,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,UAAU,GACX,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,YAAY,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,7 +1,7 @@
 import { u } from "./useMessageHandler-CMdy-lm0.js";
-import { C, d, p, u as u2, a } from "./useChatKitLabels-BxNkTzr2.js";
+import { C, d, p, u as u2, a } from "./useChatKitLabels-BC6ItJc6.js";
 import { S, c, d as d2, a as a2, u as u3, b, e, f } from "./index-Ct5hD214.js";
-import { _, a as a3, b as b2, C as C2, c as c2, d as d3, e as e2, f as f2, g, h, i, j, k, l, m, n, o, p as p2, q, r } from "./CkInput.vue_vue_type_script_setup_true_lang-D8In_Dnl.js";
+import { _, a as a3, b as b2, C as C2, c as c2, d as d3, e as e2, f as f2, g, h, i, j, k, l, m, n, o, p as p2, q, r, s } from "./CkInput.vue_vue_type_script_setup_true_lang-AtcxFGLn.js";
 export {
   C as CHAT_KIT_LABELS,
   _ as CkAgentMessage,
@@ -29,6 +29,7 @@ export {
   d as defaultChatKitLabels,
   d2 as defaultDocumentUploadConfig,
   a2 as defaultEndpoints,
+  s as formatRelativeTime,
   p as provideChatKitLabels,
   u3 as useChat,
   u2 as useChatKitLabels,

package/dist/{useChatKitLabels-BxNkTzr2.js → useChatKitLabels-BC6ItJc6.js}

@@ -12722,7 +12722,8 @@ const defaultChatKitLabels = {
   historyItemUntitled: "Untitled conversation",
   historyItemActionAriaLabel: "Conversation options",
   historyItemEditAction: "Edit",
-  historyItemDeleteAction: "Delete"
+  historyItemDeleteAction: "Delete",
+  historyShowAll: "Show all"
 };
 const CHAT_KIT_LABELS = /* @__PURE__ */ Symbol("chat-kit-labels");
 function provideChatKitLabels(labels) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/base/CkAgentMessage/CkAgentMessage.vue

@@ -6,11 +6,11 @@ defineOptions({ name: 'CkAgentMessage' });
   <div
     class="border-border-surface-default flex w-full flex-col gap-6 border-b pb-6"
   >
-    <div v-if="$slots.icon || $slots.header" class="flex items-center gap-3">
+    <div v-if="$slots.icon || $slots.header" class="flex items-start gap-3">
       <div
         v-if="$slots.icon"
         data-testid="ck-agent-message-icon"
-        class="flex flex-shrink-0 items-center justify-center"
+        class="flex flex-shrink-0 justify-center"
       >
         <slot name="icon" />
       </div>

package/src/components/base/CkHistoryItem/CkHistoryItem.spec.ts

@@ -9,13 +9,11 @@ describe('CkHistoryItem', () => {
       props: {
         title: 'Thread A',
         metaStart: 'Mon',
-        metaEnd: 'Berlin',
       },
     });
 
     expect(screen.getByText('Thread A')).toBeInTheDocument();
     expect(screen.getByText('Mon')).toBeInTheDocument();
-    expect(screen.getByText('Berlin')).toBeInTheDocument();
   });
 
   it('emits action-click when the action button is clicked', async () => {

package/src/components/base/CkHistoryItem/CkHistoryItem.stories.ts

@@ -18,7 +18,6 @@ const meta: Meta<typeof CkHistoryItem> = {
   args: {
     title: 'Project Proposal Overview',
     metaStart: 'Today',
-    metaEnd: 'Innsbruck',
     actionTooltip: 'More actions',
   },
   argTypes: {
@@ -58,7 +57,6 @@ function handleActionClick() {
   <CkHistoryItem
     title="Project Proposal Overview"
     meta-start="Today"
-    meta-end="Innsbruck"
     action-tooltip="More actions"
     @action-click="handleActionClick"
   />
@@ -72,7 +70,6 @@ import { CkHistoryItem } from '@aleph-alpha/chat-kit';
   <CkHistoryItem
     title="Project Proposal Overview"
     meta-start="Today"
-    meta-end="Innsbruck"
     action-tooltip="More actions"
     is-active
   />
@@ -86,7 +83,6 @@ import { CkHistoryItem } from '@aleph-alpha/chat-kit';
   <CkHistoryItem
     title="Project Proposal Overview"
     meta-start="Today"
-    meta-end="Innsbruck"
     action-tooltip="More actions"
     :show-action-on-hover="false"
   />
@@ -108,7 +104,6 @@ import { CkHistoryItem } from '@aleph-alpha/chat-kit';
   <CkHistoryItem
     title="Project Proposal Overview"
     meta-start="Today"
-    meta-end="Innsbruck"
     action-popover
     action-aria-label="Chat options"
   >
@@ -182,7 +177,6 @@ export const AlwaysShowAction: Story = {
 export const NoMeta: Story = {
   args: {
     metaStart: '',
-    metaEnd: '',
   },
   render: renderStory,
   parameters: { docs: { source: { code: noMetaTemplateSource } } },

package/src/components/base/CkHistoryItem/CkHistoryItem.vue

@@ -122,11 +122,10 @@ const actionColumnClass = computed(() => [
  * underneath the icon.
  */
 const actionButtonClass = computed(() => [
-  'relative z-10 inline-flex size-8 shrink-0 items-center justify-center rounded-sm border border-transparent text-content-on-surface-primary outline-hidden transition-colors',
+  'relative z-10 inline-flex size-8 shrink-0 items-center justify-center rounded-sm border-0 text-content-on-surface-primary outline-hidden transition-colors',
   '[&_svg]:size-4 [&_svg]:shrink-0',
   'focus-visible:ring-0 focus-visible:outline-none',
-  pointerOnAction.value &&
-    'bg-background-surface-muted-subtle border-border-button-outlined',
+  pointerOnAction.value && 'bg-background-surface-muted-subtle',
 ]);
 
 // Popover panel surface is `background/surface/secondary` to match the