@aleph-alpha/chat-kit 5.8.0 → 5.10.0

package/dist/components/base/CkConversationLayout/CkConversationLayout.stories.d.ts

@@ -15,6 +15,13 @@ export declare const Default: Story;
  * Use when streaming tokens from an LLM into the last agent message.
  */
 export declare const StreamingSimulation: Story;
+/**
+ * Programmatic navigation via the exposed `scrollToMessage(index)` method. Enter
+ * a zero-based row index and the layout scrolls that message to the top. Index
+ * counts all rows regardless of role (a `thread-footer`, when present, is the
+ * trailing row); omitting the index scrolls to the last row.
+ */
+export declare const ScrollToMessage: Story;
 /**
  * Empty state for when there are no messages. Use as an initial state before
  * the first user turn, or when history has been cleared.

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

@@ -1 +1 @@
-{"version":3,"file":"CkConversationLayout.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/CkConversationLayout.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAI3C,QAAA,MAAM,oBAAoB,EACoB,eAAe,CAAC;AAoB9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAU3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA2EnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAiFjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC"}
+{"version":3,"file":"CkConversationLayout.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/CkConversationLayout.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAI3C,QAAA,MAAM,oBAAoB,EACoB,eAAe,CAAC;AAoB9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAU3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6GnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAiFjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC"}

package/dist/components/base/CkConversationLayout/CkConversationLayout.vue.d.ts

@@ -7,7 +7,9 @@ declare const __VLS_export: <T extends {
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        scrollToMessage: (index?: number) => void;
+    }>) => void;
     attrs: any;
     slots: {
         'user-message': (props: {

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

@@ -1 +1 @@
-{"version":3,"file":"CkConversationLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/CkConversationLayout.vue"],"names":[],"mappings":"AAyRA,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAC5D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAkWO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;kBA9V3C,CAAC,EAAE;MA8V2D,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;wBA3VO,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;yBAC9B,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;QAChD;;;;WAIG;yBACc,MAAM,IAAI;;UAsVtB,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CkConversationLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkConversationLayout/CkConversationLayout.vue"],"names":[],"mappings":"AA+TA,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAC5D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAwYO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;kBApY3C,CAAC,EAAE;MAoY2D,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;kCAjPb,MAAM,KAAG,IAAI;MAiPsB,KAAK,IAAI;WACxE,GAAG;;wBAjYO,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;yBAC9B,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;QAChD;;;;WAIG;yBACc,MAAM,IAAI;;UA4XtB,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

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

@@ -12,6 +12,13 @@ type Story = StoryObj<typeof meta>;
  * `#agent-message-header-content`.
  */
 export declare const Default: Story;
+/**
+ * A diagram of how CkConversation's slots nest. Every slot has a default
+ * rendering; overriding a parent slot replaces everything nested beneath it,
+ * so the child slots below it no longer apply. Collapse a node to see which
+ * slots "fold away" when you take over its parent.
+ */
+export declare const SlotAnatomy: Story;
 /**
  * Uses a remote avatar image (with fallback text). Use when you want a
  * branded agent identity in each reply.
@@ -70,11 +77,24 @@ export declare const StreamingSimulation: Story;
  */
 export declare const WithCustomMarkdownClasses: Story;
 /**
- * Integrates a custom code-block renderer (Shiki, Prism, etc.) via
- * `#agent-message-code-block`. Use when you want syntax highlighting or
- * inline copy buttons for assistant code.
+ * Fenced code blocks in agent markdown render with `UiCodeBlock` out of the
+ * box — syntax highlighting, a language label, and a copy button — without any
+ * slot wiring.
+ */
+export declare const DefaultCodeBlock: Story;
+/**
+ * Fenced code blocks render with `UiCodeBlock` (syntax highlighting + copy
+ * button) by default. Override that with a custom renderer (Prism, a bespoke
+ * theme, etc.) via `#agent-message-code-block`, as shown here.
  */
 export declare const WithCustomCodeBlock: Story;
+/**
+ * Programmatic navigation via the exposed `scrollToMessage(index)` method. Enter
+ * a zero-based row index and the conversation scrolls that message to the top.
+ * Index counts all rows regardless of role (a `thread-footer`, when present, is
+ * the trailing row); omitting the index scrolls to the last row.
+ */
+export declare const ScrollToMessage: Story;
 /**
  * Empty state — an initial view before the first turn. Use to show a welcome
  * screen, quick prompts, or onboarding content above this surface.

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

@@ -1 +1 @@
-{"version":3,"file":"CkConversation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkConversation/CkConversation.stories.ts"],"names":[],"mappings":"AASA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAwI3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkCrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4SnC;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAYtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAiBnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAiBpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA4GjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAmBvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAoDjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}
+{"version":3,"file":"CkConversation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkConversation/CkConversation.stories.ts"],"names":[],"mappings":"AASA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAwI3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkCrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6WnC;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AA2HF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAYtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAiBnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAiBpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA4GjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAmBvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA6C9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAoDjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,KAsC7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}

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

@@ -49,7 +49,11 @@ type __VLS_Slots = {
     'agent-message-footer': (props: {
         message: BaseMessage;
     }) => void;
-    /** Replace the default code block rendering inside agent markdown */
+    /**
+     * Replace the default code block rendering inside agent markdown. When not
+     * provided, fenced code blocks render with `UiCodeBlock` (syntax highlighting
+     * + copy button).
+     */
     'agent-message-code-block': (props: {
         code: string;
         language: string;
@@ -61,7 +65,18 @@ type __VLS_Slots = {
      */
     'thread-footer': () => void;
 };
-declare const __VLS_base: import("vue").DefineComponent<CkConversationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CkConversationProps> & Readonly<{}>, {
+/**
+ * Scroll so the message at `index` sits at the top of the viewport. `index` is
+ * the zero-based position among the rendered rows (any `thread-footer` counts
+ * as the trailing row); when omitted it scrolls to the last row.
+ *
+ * This only performs the scroll — it does not focus the message. Any
+ * accompanying focus handling must be done separately by the caller.
+ */
+declare function scrollToMessage(index?: number): void;
+declare const __VLS_base: import("vue").DefineComponent<CkConversationProps, {
+    scrollToMessage: typeof scrollToMessage;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CkConversationProps> & Readonly<{}>, {
     agentAvatarImage: string;
     agentAvatarFallback: string;
     agentLoadingImage: string;

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

@@ -1 +1 @@
-{"version":3,"file":"CkConversation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkConversation/CkConversation.vue"],"names":[],"mappings":"AAuPA,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,gBAAgB,CAAC;AAOtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAkBnD,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,yDAAyD;IACzD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iDAAiD;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,oCAAoC;IACpC,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,8EAA8E;IAC9E,4BAA4B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,iFAAiF;IACjF,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,6EAA6E;IAC7E,8BAA8B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1E;;;;OAIG;IACH,+BAA+B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E;;;;OAIG;IACH,uBAAuB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qEAAqE;IACrE,0BAA0B,EAAE,CAAC,KAAK,EAAE;QAClC,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAwXF,QAAA,MAAM,UAAU;;;;6EAGd,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":"CkConversation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/CkConversation/CkConversation.vue"],"names":[],"mappings":"AAqRA,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,gBAAgB,CAAC;AAOtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA0BnD,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,yDAAyD;IACzD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iDAAiD;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,oCAAoC;IACpC,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,8EAA8E;IAC9E,4BAA4B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,iFAAiF;IACjF,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,6EAA6E;IAC7E,8BAA8B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1E;;;;OAIG;IACH,+BAA+B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3E;;;;OAIG;IACH,uBAAuB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE;;;;OAIG;IACH,0BAA0B,EAAE,CAAC,KAAK,EAAE;QAClC,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AA8DF;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAE7C;AAkVD,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/CkHistory.vue.d.ts

@@ -40,10 +40,10 @@ declare const __VLS_base: import("vue").DefineComponent<CkHistoryProps, {}, {},
 }>, {
     showAction: boolean;
     showActionOnHover: boolean;
+    maxHeight: string;
     activeId: string;
     timeFormatter: (updatedAtSeconds: number) => string;
     collapsedLimit: number;
-    maxHeight: string;
     contentClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { _, a, C, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z } from "../CkHistory.vue_vue_type_script_setup_true_lang-DG96wNug.js";
+import { _, a, C, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z } from "../CkHistory.vue_vue_type_script_setup_true_lang-CEqJtMuI.js";
 export {
   _ as CkAgentMessage,
   a as CkAgentMessageHeader,

package/dist/index.js

@@ -1,7 +1,7 @@
 import { u } from "./useMessageHandler-Tellov3w.js";
 import { C, d, p, u as u2, b } from "./useChatKitLabels-CMOr3Kjq.js";
 import { S, c, d as d2, f, u as u3, a, b as b2, e } from "./index-Dn4ctxk8.js";
-import { _, a as a2, C as C2, b as b3, 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, t, u as u4, v, w, x, y, z, A } from "./CkHistory.vue_vue_type_script_setup_true_lang-DG96wNug.js";
+import { _, a as a2, C as C2, b as b3, 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, t, u as u4, v, w, x, y, z, A } from "./CkHistory.vue_vue_type_script_setup_true_lang-CEqJtMuI.js";
 export {
   C as CHAT_KIT_LABELS,
   _ as CkAgentMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "5.8.0",
+  "version": "5.10.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -108,8 +108,8 @@
     "vue-tsc": "^3.2.4",
     "wait-on": "9.0.3",
     "@aleph-alpha/eslint-config-frontend": "0.7.0",
-    "@aleph-alpha/prettier-config-frontend": "2.1.0",
-    "@aleph-alpha/tsconfig-frontend": "0.7.1"
+    "@aleph-alpha/tsconfig-frontend": "0.7.1",
+    "@aleph-alpha/prettier-config-frontend": "2.1.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist",

package/src/adapters/arena.spec.ts

@@ -32,7 +32,6 @@ function arenaResponse(
         matchup_id: matchupId,
         slot,
         model_id: modelId,
-        variant: 'king-of-the-hill',
       }),
     },
   } as StoredResponse;
@@ -54,29 +53,24 @@ describe('responsesToTree arena collapse', () => {
 
     const children = root.childrenIds.map((id) => tree.nodes[id]!);
     expect(children.every((c) => c.role === 'assistant')).toBe(true);
-    // Model id stamped for lane labels; ordered slot a then b.
+    // Ordered slot a then b.
     const slots = children.map(
       (c) => (c.metadata.arena as { slot?: string }).slot,
     );
     expect(slots).toEqual(['a', 'b']);
+    // Blind until the vote: no model label leaks (neither arena.modelId nor
+    // metadata.model), so the columns render "Response A/B".
+    for (const c of children) {
+      expect(
+        (c.metadata.arena as { modelId?: string }).modelId,
+      ).toBeUndefined();
+      expect(c.metadata.model).toBeUndefined();
+    }
   });
 
-  it('marks the recorded winner when arenaWinners is supplied', () => {
-    const tree = responsesToTree(
-      [
-        arenaResponse('respA', 'm1', 'a', 'phoenix-latest', 'A'),
-        arenaResponse('respB', 'm1', 'b', 'kimi-k2.6', 'B'),
-      ],
-      { arenaWinners: { m1: 'respB' } },
-    );
-    const root = tree.nodes[tree.rootId!]!;
-    // Winner is respB's assistant node (its wire message id).
-    expect(root.comparisonWinnerId).toBe('msg-respB');
-    expect(root.childrenIds[root.activeChildIndex]).toBe('msg-respB');
-  });
-
-  it('leaves a single surviving response as an ordinary linear turn', () => {
-    // 7-Discard: after continue, the BE dropped the loser — one response left.
+  it('leaves a single (server-collapsed resolved) response as a linear turn', () => {
+    // The backend collapses a resolved matchup to its winning branch, so a
+    // resolved pair arrives as a lone response — an ordinary linear turn.
     const tree = responsesToTree([
       arenaResponse('respA', 'm1', 'a', 'phoenix-latest', 'A'),
     ]);

package/src/adapters/responses-api.spec.ts

@@ -456,9 +456,12 @@ describe('responsesToTree', () => {
         },
       ],
     });
-    // The assistant turn does not inherit attachments but still carries
-    // its responseId stamp.
-    expect(tree.nodes['msg-a1']!.metadata).toEqual({ responseId: 'r1' });
+    // The assistant turn does not inherit attachments but still carries its
+    // responseId stamp and the response's model id.
+    expect(tree.nodes['msg-a1']!.metadata).toEqual({
+      responseId: 'r1',
+      model: 'pharia-1',
+    });
   });
 
   it('skips malformed metadata.attachments without polluting the tree', () => {

package/src/adapters/responses-api.ts

@@ -462,6 +462,53 @@ function parseResponseAttachments(
   return attachments as ResponseAttachment[];
 }
 
+// Maps response-level attachments onto the shape stored in node metadata.
+function toMessageAttachments(
+  attachments: ResponseAttachment[],
+): ResponseMessageAttachment[] {
+  return attachments.map(
+    (a): ResponseMessageAttachment => ({
+      name: a.fileName,
+      fileId: a.fileId,
+      fileName: a.fileName,
+      searchStoreId: a.searchStoreId,
+      ...(a.documentId ? { documentId: a.documentId } : {}),
+    }),
+  );
+}
+
+// Builds the user node for a single `request_input`, or null when the input is
+// not a user turn / carries no visible content. Attachments bind to the first
+// user node only (`isFirstUserNode`).
+function buildUserNode(
+  resp: StoredResponse,
+  input: unknown,
+  idx: number,
+  responseAttachments: ResponseAttachment[] | null,
+  isFirstUserNode: boolean,
+): ResponseMessageNode | null {
+  const role = (input as { role?: string }).role;
+  const text = extractInputText((input as { content?: unknown }).content);
+  const hasContent = text || responseAttachments?.length;
+  if (role !== 'user' || !hasContent) return null;
+
+  const metadata: ResponseTreeMessageMetadata = {
+    responseId: resp.id,
+    ...(resp.model ? { model: resp.model } : {}),
+  };
+  if (responseAttachments && isFirstUserNode) {
+    metadata.attachments = toMessageAttachments(responseAttachments);
+  }
+
+  return {
+    id: `user-${resp.id}-${idx}`,
+    role: 'user',
+    content: [textPart(text)],
+    createdAt: new Date(resp.created_at * 1000),
+    metadata,
+  };
+}
+
 // Within a single response, the visible messages chain linearly: every user
 // input is followed by exactly one assistant turn (whose reasoning, tool,
 // and text outputs are merged into one node). Across responses, branching
@@ -473,40 +520,15 @@ function responseToMessageNodes(resp: StoredResponse): ResponseMessageNode[] {
   // the user turn that started the response. We bind them to the first
   // user `request_input` (mirroring the existing wire convention).
   const responseAttachments = parseResponseAttachments(resp);
-  let userNodesPushed = 0;
-  if (resp.request_input) {
-    for (const [idx, input] of resp.request_input.entries()) {
-      const role = (input as { role?: string }).role;
-      const rawContent = (input as { content?: unknown }).content;
-      const text = extractInputText(rawContent);
-      const userContent = text || responseAttachments?.length;
-      if (role !== 'user' || !userContent) continue;
-
-      const metadata: ResponseTreeMessageMetadata = {
-        responseId: resp.id,
-        ...(resp.model ? { model: resp.model } : {}),
-      };
-      if (responseAttachments && userNodesPushed === 0) {
-        metadata.attachments = responseAttachments.map(
-          (a): ResponseMessageAttachment => ({
-            name: a.fileName,
-            fileId: a.fileId,
-            fileName: a.fileName,
-            searchStoreId: a.searchStoreId,
-            ...(a.documentId ? { documentId: a.documentId } : {}),
-          }),
-        );
-      }
-
-      nodes.push({
-        id: `user-${resp.id}-${idx}`,
-        role: 'user',
-        content: [textPart(text)],
-        createdAt: new Date(resp.created_at * 1000),
-        metadata,
-      });
-      userNodesPushed += 1;
-    }
+  for (const [idx, input] of resp.request_input?.entries() ?? []) {
+    const userNode = buildUserNode(
+      resp,
+      input,
+      idx,
+      responseAttachments,
+      nodes.length === 0,
+    );
+    if (userNode) nodes.push(userNode);
   }
 
   const assistantParts = toAssistantParts(resp);
@@ -516,7 +538,12 @@ function responseToMessageNodes(resp: StoredResponse): ResponseMessageNode[] {
       role: 'assistant',
       content: assistantParts,
       createdAt: new Date((resp.completed_at ?? resp.created_at) * 1000),
-      metadata: { responseId: resp.id },
+      // A stored response carries a single `model` covering both its input and
+      // output, so the assistant node gets the same model id as its user node.
+      metadata: {
+        responseId: resp.id,
+        ...(resp.model ? { model: resp.model } : {}),
+      },
     });
   }
   return nodes;
@@ -676,7 +703,6 @@ function linkResponse(state: TreeBuildState, resp: StoredResponse): void {
  */
 export function responsesToTree(
   responses: StoredResponse[],
-  opts?: { arenaWinners?: Record<string, string> },
 ): ResponseConversationTree {
   if (responses.length === 0) {
     return { nodes: {}, rootId: null };
@@ -696,7 +722,6 @@ export function responsesToTree(
   const rootId = collapseArenaComparisons(
     state.treeNodes,
     responses,
-    opts?.arenaWinners ?? {},
     state.rootMessageId,
     state.userMessageByResponse,
   );
@@ -708,8 +733,6 @@ interface ParsedArena {
   matchupId: string;
   modelId?: string;
   slot?: string;
-  slotSeed?: string;
-  variant?: string;
 }
 
 /** Parse a stored response's `metadata.arena` (JSON string or dict). */
@@ -728,16 +751,12 @@ function parseArenaMeta(resp: StoredResponse): ParsedArena | null {
     matchup_id?: unknown;
     model_id?: unknown;
     slot?: unknown;
-    slot_seed?: unknown;
-    variant?: unknown;
   };
   if (typeof a.matchup_id !== 'string') return null;
   return {
     matchupId: a.matchup_id,
     modelId: typeof a.model_id === 'string' ? a.model_id : undefined,
     slot: typeof a.slot === 'string' ? a.slot : undefined,
-    slotSeed: typeof a.slot_seed === 'string' ? a.slot_seed : undefined,
-    variant: typeof a.variant === 'string' ? a.variant : undefined,
   };
 }
 
@@ -749,18 +768,17 @@ function parseArenaMeta(resp: StoredResponse): ParsedArena | null {
  * collapses those duplicates so reload matches the live shape (one prompt, N
  * lanes) that {@link projectActivePath} renders.
  *
- * Only pairs still present as ≥2 responses are folded: once a comparison is
- * voted-and-continued the backend drops the loser (Decision 7-Discard), so a
- * single surviving response is left as an ordinary linear turn. `arenaWinners`
- * (matchup id → winning response id) marks the resolved winner so the reloaded
- * comparison renders revealed rather than blind.
+ * Only pairs still present as ≥2 responses are folded, which now means only an
+ * unresolved (pending) pair: the backend collapses a resolved matchup to its
+ * winning branch server-side, so a resolved pair arrives as a single response
+ * and is left as an ordinary linear turn. A folded pending pair renders blind
+ * (no winner marked) until the user votes.
  *
  * Returns the (possibly updated) root id. Best-effort per group.
  */
 function collapseArenaComparisons(
   nodes: Record<string, ResponseTreeMessage>,
   responses: StoredResponse[],
-  arenaWinners: Record<string, string>,
   rootMessageId: string | null,
   userMessageByResponse: Map<string, string>,
 ): string | null {
@@ -770,18 +788,12 @@ function collapseArenaComparisons(
   };
 
   let root = rootMessageId;
-  for (const [matchupId, group] of groupResponsesByMatchup(responses)) {
-    // Fewer than two survivors is no comparison: a lone response left after a
-    // vote-and-continue (7-Discard) stays an ordinary linear turn.
+  for (const [, group] of groupResponsesByMatchup(responses)) {
+    // Fewer than two survivors is no comparison: a resolved matchup is already
+    // collapsed to its winner server-side, so it arrives as a lone response.
     if (group.length < 2) continue;
     try {
-      root = foldArenaGroup(
-        nodes,
-        group,
-        arenaWinners[matchupId],
-        userNodeFor,
-        root,
-      );
+      root = foldArenaGroup(nodes, group, userNodeFor, root);
     } catch {
       // Leave this group as-is on any structural surprise.
     }
@@ -831,7 +843,12 @@ function stampLaneAssistant(
   const meta = parseArenaMeta(resp);
   const assistant = nodes[getAssistantNodeId(resp)];
   if (assistant && meta) {
-    assistant.metadata.arena = { modelId: meta.modelId, slot: meta.slot };
+    // A folded pair is always still pending (resolved matchups arrive collapsed
+    // server-side), so it renders BLIND until the user votes: keep only `slot`
+    // for column order and drop any model label so the lane shows "Response
+    // A/B", not the model name. The vote response reveals the real names.
+    assistant.metadata.arena = { slot: meta.slot };
+    delete assistant.metadata.model;
   }
 }
 
@@ -886,23 +903,6 @@ function activateForkNode(
   return root;
 }
 
-// Reveal the recorded winner lane: mark it and make it the active child. No-op
-// when no winner is recorded or its assistant is not among the lanes.
-function applyArenaWinner(
-  canonicalUser: ResponseTreeMessage,
-  group: StoredResponse[],
-  winnerRespId: string | undefined,
-): void {
-  if (!winnerRespId) return;
-  const winnerResp = group.find((r) => r.id === winnerRespId);
-  if (!winnerResp) return;
-  const winnerAssistantId = getAssistantNodeId(winnerResp);
-  const idx = canonicalUser.childrenIds.indexOf(winnerAssistantId);
-  if (idx === -1) return;
-  canonicalUser.comparisonWinnerId = winnerAssistantId;
-  canonicalUser.activeChildIndex = idx;
-}
-
 // Fold one matchup's sibling responses onto a single comparison node: the first
 // lane's user turn becomes the shared fork parent, every lane's assistant becomes
 // a child, and the duplicate echoed-user turns are dropped. The first lane's
@@ -911,7 +911,6 @@ function applyArenaWinner(
 function foldArenaGroup(
   nodes: Record<string, ResponseTreeMessage>,
   group: StoredResponse[],
-  winnerRespId: string | undefined,
   userNodeFor: (responseId: string) => ResponseTreeMessage | undefined,
   root: string | null,
 ): string | null {
@@ -921,15 +920,11 @@ function foldArenaGroup(
   if (!canonicalUser) return root;
   const sharedParentId = canonicalUser.parentId;
 
-  // Stamp matchup context on the fork parent so a reloaded comparison can be
-  // voted on (the host reconstructs the preference payload from here).
+  // Stamp the matchup id on the fork parent so a reloaded comparison can be
+  // voted on (the host builds the vote payload from `matchup_id`).
   const forkMeta = parseArenaMeta(first);
   if (forkMeta) {
-    canonicalUser.metadata.arena = {
-      matchupId: forkMeta.matchupId,
-      slotSeed: forkMeta.slotSeed,
-      variant: forkMeta.variant,
-    };
+    canonicalUser.metadata.arena = { matchupId: forkMeta.matchupId };
   }
 
   let newRoot = root;
@@ -955,6 +950,5 @@ function foldArenaGroup(
 
   canonicalUser.comparing = true;
   newRoot = activateForkNode(nodes, canonicalUser, sharedParentId, newRoot);
-  applyArenaWinner(canonicalUser, group, winnerRespId);
   return newRoot;
 }