@aleph-alpha/chat-kit 1.7.0 → 1.10.0

package/dist/{CkInput.vue_vue_type_script_setup_true_lang-C5C09u0z.js → CkInput.vue_vue_type_script_setup_true_lang-CR3lzV0q.js}

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, createBlock, unref, mergeProps, withCtx, createVNode, Transition, toDisplayString, computed, normalizeClass, useAttrs, useSlots, withModifiers, resolveDynamicComponent, toRefs, h, useId, useTemplateRef, createTextVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import { u as useChatKitLabels, d as defaultChatKitLabels, a as useMarkdownParser } from "./useChatKitLabels-ftC52m7f.js";
-import { UiButton, UiTooltip, UiIcon, Primitive, UiPopover, UiPopoverTrigger, UiPopoverContent, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
-const _hoisted_1$9 = {
+import { UiButton, UiTooltip, UiIcon, UiFileItem, UiPopover, UiPopoverTrigger, UiFileType, UiPopoverContent, Primitive, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
+const _hoisted_1$a = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -12,31 +12,31 @@ const _hoisted_1$9 = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ name: "CkSendIcon" },
   __name: "CkSendIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
+      return openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
         createElementVNode("path", { d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z" }, null, -1),
         createElementVNode("path", { d: "M6 12h16" }, null, -1)
       ])]);
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ name: "CkStopIcon" },
   __name: "CkStopIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
+      return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._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: "#1D1D1B"
@@ -45,37 +45,37 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "flex w-full items-start gap-2" };
-const _hoisted_2$4 = {
+const _hoisted_1$8 = { class: "flex w-full items-start gap-2" };
+const _hoisted_2$5 = {
   key: 0,
   class: "flex flex-shrink-0 items-center justify-center"
 };
-const _hoisted_3$3 = { class: "text-core-content-primary flex min-w-0 flex-1 flex-col gap-2" };
-const _hoisted_4$2 = {
+const _hoisted_3$4 = { class: "text-core-content-primary flex min-w-0 flex-1 flex-col gap-2" };
+const _hoisted_4$3 = {
   key: 0,
   class: "text-sm font-bold"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$3 = {
   key: 1,
   class: "flex items-center"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessage" },
   __name: "CkAgentMessage",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
           renderSlot(_ctx.$slots, "icon")
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$3, [
-          _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
+        createElementVNode("div", _hoisted_3$4, [
+          _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_4$3, [
             renderSlot(_ctx.$slots, "header")
           ])) : createCommentVNode("", true),
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
             renderSlot(_ctx.$slots, "footer")
           ])) : createCommentVNode("", true)
         ])
@@ -83,16 +83,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["data-message-row"];
-const _hoisted_2$3 = {
+const _hoisted_1$7 = ["data-message-row"];
+const _hoisted_2$4 = {
   key: 0,
   class: "flex justify-end"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$3 = {
   key: 1,
   class: "flex justify-start"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{ name: "CkConversationLayout" },
   __name: "CkConversationLayout",
   props: {
@@ -232,12 +232,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             key: message.id,
             "data-message-row": message.role
           }, [
-            message.role === "user" ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+            message.role === "user" ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
               renderSlot(_ctx.$slots, "user-message", { message })
-            ])) : (openBlock(), createElementBlock("div", _hoisted_3$2, [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
               renderSlot(_ctx.$slots, "agent-message", { message })
             ]))
-          ], 8, _hoisted_1$6);
+          ], 8, _hoisted_1$7);
         }), 128)),
         hasBottomSpacer.value ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -248,7 +248,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkMessageActionButton"
   },
@@ -272,11 +272,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   class: "sr-only",
   "aria-live": "polite"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCopyMessageActionButton"
   },
@@ -333,7 +333,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         "delay-duration": 0
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
+          createVNode(unref(_sfc_main$f), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
             disabled: __props.disabled,
             onClick: handleClick
           }), {
@@ -360,7 +360,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 16, ["disabled"]),
-          createElementVNode("span", _hoisted_1$5, toDisplayString(copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy), 1)
+          createElementVNode("span", _hoisted_1$6, toDisplayString(copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy), 1)
         ]),
         _: 1
       }, 8, ["open", "content"]);
@@ -374,9 +374,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const CkCopyMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-f77a1193"]]);
-const _hoisted_1$4 = ["aria-label"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const CkCopyMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-f77a1193"]]);
+const _hoisted_1$5 = ["aria-label"];
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFeedbackButton"
   },
@@ -431,7 +431,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           "delay-duration": 0
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
+            createVNode(unref(_sfc_main$f), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
               "aria-pressed": isUpSelected.value,
               "aria-disabled": __props.locked || void 0,
               disabled: isUpDisabled.value,
@@ -461,7 +461,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           "delay-duration": 0
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
+            createVNode(unref(_sfc_main$f), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
               "aria-pressed": isDownSelected.value,
               "aria-disabled": __props.locked || void 0,
               disabled: isDownDisabled.value,
@@ -484,12 +484,206 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["content"])
-      ], 8, _hoisted_1$4);
+      ], 8, _hoisted_1$5);
+    };
+  }
+});
+const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-245705b8"]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkFileItemRow",
+    inheritAttrs: false
+  },
+  __name: "CkFileItemRow",
+  props: {
+    file: {},
+    size: {},
+    isRemovable: { type: Boolean },
+    removeLabel: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["remove"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", {
+        file: __props.file,
+        remove: () => emit("remove"),
+        size: __props.size,
+        isRemovable: __props.isRemovable,
+        removeLabel: __props.removeLabel,
+        disabled: __props.disabled
+      }, () => [
+        createVNode(unref(UiFileItem), {
+          filename: __props.file.filename,
+          "type-label": __props.file.typeLabel,
+          "size-label": __props.file.sizeLabel,
+          progress: __props.file.progress ?? null,
+          error: __props.file.error ?? null,
+          "media-icon": __props.file.mediaIcon,
+          "media-tone": __props.file.mediaTone,
+          size: __props.size,
+          removable: __props.isRemovable && !__props.disabled,
+          "remove-label": __props.removeLabel,
+          disabled: __props.disabled,
+          onRemove: _cache[0] || (_cache[0] = ($event) => emit("remove"))
+        }, null, 8, ["filename", "type-label", "size-label", "progress", "error", "media-icon", "media-tone", "size", "removable", "remove-label", "disabled"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$4 = ["aria-label"];
+const _hoisted_2$3 = ["onClick"];
+const _hoisted_3$2 = ["disabled", "aria-label"];
+const _hoisted_4$2 = ["aria-label"];
+const _hoisted_5$2 = ["onClick"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkFileItemsList"
+  },
+  __name: "CkFileItemsList",
+  props: {
+    files: {},
+    maxInline: { default: 3 },
+    size: { default: "small" },
+    isRemovable: { type: Boolean, default: false },
+    removeLabel: { default: "Remove file" },
+    disabled: { type: Boolean, default: false },
+    triggerLabel: { default: void 0 },
+    triggerAriaLabel: { default: void 0 },
+    listLabel: { default: void 0 },
+    popoverClass: { default: void 0 }
+  },
+  emits: ["remove", "item-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isCollapsed = computed(() => props.files.length > props.maxInline);
+    const isOpen = ref(false);
+    function isRowDisabled(file) {
+      return props.disabled || file.disabled === true;
+    }
+    const defaultTriggerLabel = computed(() => `${props.files.length} files`);
+    const resolvedTriggerLabel = computed(
+      () => props.triggerLabel ?? defaultTriggerLabel.value
+    );
+    const resolvedTriggerAriaLabel = computed(
+      () => props.triggerAriaLabel ?? props.triggerLabel ?? defaultTriggerLabel.value
+    );
+    function handleRemove(file) {
+      if (isRowDisabled(file)) return;
+      emit("remove", file.id);
+    }
+    function handleRowClick(file, event) {
+      if (isRowDisabled(file)) return;
+      const target = event.target;
+      if (target?.closest('button, a, [role="button"]')) return;
+      emit("item-click", file, event);
+      if (isOpen.value) isOpen.value = false;
+    }
+    return (_ctx, _cache) => {
+      return !isCollapsed.value ? (openBlock(), createElementBlock("ul", {
+        key: 0,
+        "data-slot": "file-items-list",
+        class: "m-0 flex w-full min-w-0 list-none flex-wrap items-center gap-2 p-0",
+        "aria-label": __props.listLabel
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file) => {
+          return openBlock(), createElementBlock("li", {
+            key: file.id,
+            class: "min-w-0 max-w-full flex-1 basis-0",
+            onClick: ($event) => handleRowClick(file, $event)
+          }, [
+            createVNode(_sfc_main$c, {
+              file,
+              size: __props.size,
+              "is-removable": __props.isRemovable,
+              "remove-label": __props.removeLabel,
+              disabled: isRowDisabled(file),
+              onRemove: ($event) => handleRemove(file)
+            }, {
+              default: withCtx((bindings) => [
+                renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, bindings))
+              ]),
+              _: 3
+            }, 8, ["file", "size", "is-removable", "remove-label", "disabled", "onRemove"])
+          ], 8, _hoisted_2$3);
+        }), 128))
+      ], 8, _hoisted_1$4)) : (openBlock(), createBlock(unref(UiPopover), {
+        key: 1,
+        open: isOpen.value,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(UiPopoverTrigger), { "as-child": "" }, {
+            default: withCtx(() => [
+              createElementVNode("button", {
+                type: "button",
+                "data-slot": "file-items-list-trigger",
+                disabled: __props.disabled,
+                class: normalizeClass(["relative flex w-full max-w-full min-w-0 items-center gap-3 rounded-xl bg-background-surface-muted-subtle text-left transition-colors hover:bg-background-surface-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-background-surface-muted-subtle", __props.size === "small" ? "p-2" : "p-3"]),
+                "aria-label": resolvedTriggerAriaLabel.value
+              }, [
+                createVNode(unref(UiFileType), {
+                  icon: "paperclip",
+                  tone: "default"
+                }),
+                createElementVNode("span", {
+                  class: normalizeClass(["min-w-0 flex-1 truncate text-content-on-surface-primary", __props.size === "small" ? "label-12-medium" : "body-14-medium"])
+                }, toDisplayString(resolvedTriggerLabel.value), 3),
+                createVNode(unref(UiIcon), {
+                  name: "chevron-down",
+                  size: 16,
+                  "aria-hidden": "true",
+                  class: normalizeClass(["shrink-0 text-content-on-surface-muted transition-transform", isOpen.value && "rotate-180"])
+                }, null, 8, ["class"])
+              ], 10, _hoisted_3$2)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(UiPopoverContent), {
+            align: "start",
+            "side-offset": 4,
+            class: normalizeClass(["w-64 p-2", __props.popoverClass])
+          }, {
+            default: withCtx(() => [
+              createElementVNode("ul", {
+                "data-slot": "file-items-list-collapsed",
+                class: "m-0 flex list-none flex-col gap-2 p-0",
+                "aria-label": __props.listLabel
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: file.id,
+                    class: "min-w-0",
+                    onClick: ($event) => handleRowClick(file, $event)
+                  }, [
+                    createVNode(_sfc_main$c, {
+                      file,
+                      size: __props.size,
+                      "is-removable": __props.isRemovable,
+                      "remove-label": __props.removeLabel,
+                      disabled: isRowDisabled(file),
+                      onRemove: ($event) => handleRemove(file)
+                    }, {
+                      default: withCtx((bindings) => [
+                        renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, bindings))
+                      ]),
+                      _: 3
+                    }, 8, ["file", "size", "is-removable", "remove-label", "disabled", "onRemove"])
+                  ], 8, _hoisted_5$2);
+                }), 128))
+              ], 8, _hoisted_4$2)
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        _: 3
+      }, 8, ["open"]));
     };
   }
 });
-const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-245705b8"]]);
-const CHAT_HISTORY_ACTIVE_INDICATOR_CLASS = 'before:absolute before:z-10 before:top-1/2 before:left-0 before:h-1/2 before:w-0.5 before:-translate-y-1/2 before:origin-left before:scale-x-0 before:rounded-full before:bg-background-accent-default before:opacity-0 before:transition-[transform,opacity] before:duration-200 before:ease-linear before:content-[""] data-[active=true]:before:scale-x-100 data-[active=true]:before:opacity-100';
+const CHAT_HISTORY_ACTIVE_INDICATOR_CLASS = "ui-active-indicator";
 const _hoisted_1$3 = ["data-active"];
 const _hoisted_2$2 = { class: "min-w-0 flex-1" };
 const _hoisted_3$1 = { class: "truncate body-14-regular text-content-on-surface-primary" };
@@ -1066,7 +1260,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return message.content.filter((c) => c.type === "text").map((c) => c.text).join("");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, { messages: __props.messages }, {
+      return openBlock(), createBlock(_sfc_main$g, { messages: __props.messages }, {
         "user-message": withCtx(({ message }) => [
           createElementVNode("div", {
             class: normalizeClass({ "ml-8": hasIcon.value })
@@ -1085,7 +1279,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ]),
         "agent-message": withCtx(({ message }) => [
           renderSlot(_ctx.$slots, "agent-message", { message }, () => [
-            createVNode(_sfc_main$f, null, createSlots({
+            createVNode(_sfc_main$h, null, createSlots({
               footer: withCtx(() => [
                 renderSlot(_ctx.$slots, "agent-message-footer", { message }, () => [
                   getMessageText(message) && !isLoading(message) ? (openBlock(), createBlock(CkCopyMessageActionButton, {
@@ -1328,7 +1522,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "stop-icon", {}, () => [
-                  createVNode(_sfc_main$g)
+                  createVNode(_sfc_main$i)
                 ])
               ]),
               _: 3
@@ -1338,7 +1532,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "send-icon", {}, () => [
-                  createVNode(_sfc_main$h)
+                  createVNode(_sfc_main$j)
                 ])
               ]),
               _: 3
@@ -1368,21 +1562,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   CkCopyMessageActionButton as C,
-  _sfc_main$f as _,
+  _sfc_main$h as _,
   _sfc_main$2 as a,
-  _sfc_main$e as b,
+  _sfc_main$g as b,
   CkFeedbackButton as c,
-  _sfc_main$1 as d,
-  _sfc_main$a as e,
-  _sfc_main$9 as f,
-  _sfc_main as g,
-  _sfc_main$8 as h,
-  _sfc_main$d as i,
-  _sfc_main$7 as j,
-  _sfc_main$5 as k,
-  _sfc_main$4 as l,
-  _sfc_main$6 as m,
-  _sfc_main$h as n,
-  _sfc_main$g as o,
-  _sfc_main$3 as p
+  _sfc_main$b as d,
+  _sfc_main$1 as e,
+  _sfc_main$a as f,
+  _sfc_main$9 as g,
+  _sfc_main as h,
+  _sfc_main$8 as i,
+  _sfc_main$f as j,
+  _sfc_main$7 as k,
+  _sfc_main$5 as l,
+  _sfc_main$4 as m,
+  _sfc_main$6 as n,
+  _sfc_main$j as o,
+  _sfc_main$i as p,
+  _sfc_main$3 as q
 };

package/dist/adapters/responses-api.d.ts

@@ -93,6 +93,22 @@ export interface ResponseToolDescriptor {
  * today; extend it as new tool kinds are introduced upstream.
  */
 export type ResponseOutputToolType = 'mcp_list_tools' | 'mcp_call' | 'tool_call' | 'function_call' | 'web_search_call' | 'file_search_call' | 'code_interpreter_call' | 'image_generation_call' | 'local_shell_call';
+/**
+ * Server-provided rendering hints for a tool invocation. The server emits a
+ * human-readable `text` (e.g. "Searching the web…") and a lucide.dev `icon`
+ * name to display alongside the tool, plus a `phase` describing the current
+ * lifecycle stage so the UI can swap labels/icons as the call progresses.
+ *
+ * Only `'done'` is received in a response today.
+ */
+export interface ResponseOutputToolDisplay {
+    /** Human-readable label to render for the tool (server-controlled). */
+    text: string;
+    /** Lucide.dev icon name to render next to the label. */
+    icon: string;
+    /** Lifecycle phase of the tool call. */
+    phase: 'done';
+}
 /**
  * Tool-related output produced during a Responses-API turn. Covers tool
  * discovery (`mcp_list_tools`), invocation (`mcp_call`, `function_call`,
@@ -116,6 +132,12 @@ export interface ResponseOutputTool {
     call_id?: string;
     /** Tool result payload (shape depends on the tool kind). */
     output?: unknown;
+    /**
+     * Optional server-provided display hints (label, icon, phase). When
+     * present, `responsesToTree` forwards `text` and `icon` onto the
+     * resulting `MessageToolContent` so the UI can render them directly.
+     */
+    display?: ResponseOutputToolDisplay;
     [key: string]: unknown;
 }
 /**

package/dist/adapters/responses-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responses-api.d.ts","sourceRoot":"","sources":["../../src/adapters/responses-api.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"responses-api.d.ts","sourceRoot":"","sources":["../../src/adapters/responses-api.ts"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,UAAU,CAAC;AAMlB;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,aAAa,GAAG,MAAM,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACpC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACpC;AAED;;;;;;GAMG;AACH,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,OAAO,EAAE,sBAAsB,EAAE,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,WAAW,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,yBAAyB,EAAE,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAC9B,gBAAgB,GAChB,UAAU,GACV,WAAW,GACX,eAAe,GACf,iBAAiB,GACjB,kBAAkB,GAClB,uBAAuB,GACvB,uBAAuB,GACvB,kBAAkB,CAAC;AAEvB;;;;;;;GAOG;AACH,MAAM,WAAW,yBAAyB;IACxC,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACjC,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,MAAM,cAAc,GACtB,qBAAqB,GACrB,uBAAuB,GACvB,kBAAkB,CAAC;AAEvB;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QACnC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;KACpC,CAAC;IACF,YAAY,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,cAAc,EAAE,CAAC;CACxB;AAiKD;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,cAAc,EAAE,GAAG,gBAAgB,CAkE7E"}

package/dist/adapters/responses-api.js

@@ -20,6 +20,14 @@ function extractReasoningSummary(parts) {
 function textPart(text, id) {
   return { type: "text", id: id ?? generateId(), text, status: "completed" };
 }
+function toolPart(out) {
+  return {
+    type: "tool",
+    id: out.id,
+    name: out.name ?? out.type,
+    ...out.display ? { text: out.display.text, icon: out.display.icon } : {}
+  };
+}
 function toAssistantParts(resp) {
   const parts = [];
   for (const out of resp.output ?? []) {
@@ -47,11 +55,7 @@ function toAssistantParts(resp) {
       case "mcp_call":
       case "function_call":
       case "tool_call": {
-        parts.push({
-          type: "tool",
-          id: out.id,
-          name: out.name ?? out.type
-        });
+        parts.push(toolPart(out));
         break;
       }
     }

package/dist/components/base/CkFileItemsList/CkFileItemRow.vue.d.ts

@@ -0,0 +1,33 @@
+import { type UiFileItemSize } from '@aleph-alpha/ui-library';
+import type { CkFileEntry } from './types';
+type __VLS_Props = {
+    file: CkFileEntry;
+    size: UiFileItemSize;
+    isRemovable: boolean;
+    removeLabel: string;
+    disabled: boolean;
+};
+type __VLS_Slots = {
+    default?: (props: {
+        file: CkFileEntry;
+        remove: () => void;
+        size: UiFileItemSize;
+        isRemovable: boolean;
+        removeLabel: string;
+        disabled: boolean;
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CkFileItemRow.vue.d.ts.map

package/dist/components/base/CkFileItemsList/CkFileItemRow.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CkFileItemRow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFileItemsList/CkFileItemRow.vue"],"names":[],"mappings":"AAgEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAS3C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAChB,IAAI,EAAE,WAAW,CAAC;QAClB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,IAAI,EAAE,cAAc,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,CAAC;AA2EF,QAAA,MAAM,UAAU;;;;kFAGd,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/CkFileItemsList/CkFileItemsList.stories.d.ts

@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import CkFileItemsList from './CkFileItemsList.vue';
+declare const meta: Meta<typeof CkFileItemsList>;
+export default meta;
+type Story = StoryObj<typeof CkFileItemsList>;
+/**
+ * Up to `maxInline` (default `3`) files are rendered inline as a horizontal
+ * row of `UiFileItem`s.
+ */
+export declare const Inline: Story;
+/**
+ * When the list overflows `maxInline`, the component collapses to a single
+ * popover trigger. Click it to reveal the full vertical list of files.
+ */
+export declare const Collapsed: Story;
+/**
+ * Each row exposes a remove control when `isRemovable` is `true`. The component
+ * emits `remove` with the corresponding file `id`.
+ */
+export declare const Removable: Story;
+/**
+ * Use the `item` scoped slot to replace the row rendering entirely. The
+ * default renders `UiFileItem`; overriding it lets consumers render any
+ * component (router links, custom chips, project-specific file rows, …)
+ * while still receiving the file data and a pre-bound `remove` handler.
+ */
+export declare const CustomItem: Story;
+/**
+ * Listen for `item-click` to make rows actionable (open a file viewer,
+ * navigate, etc.). Clicks on the remove button — or on any `<button>` /
+ * `<a>` rendered via the `#item` slot — are excluded so they don't double
+ * fire. The popover auto-closes after a click in the collapsed state.
+ */
+export declare const Clickable: Story;
+/**
+ * Set `disabled` on the list (or `disabled: true` on individual `CkFileEntry`)
+ * to make rows `inert` while a response streams or a network request is in
+ * flight. Disabled rows do not emit `remove` or `item-click`, and the
+ * collapsed trigger button itself is `disabled`.
+ */
+export declare const Disabled: Story;
+//# sourceMappingURL=CkFileItemsList.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CkFileItemsList.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFileItemsList/CkFileItemsList.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,eAAe,MAAM,uBAAuB,CAAC;AAGpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAoBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAqE9C;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAsBF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAmBF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAiBF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC"}