@aleph-alpha/chat-kit 6.4.1 → 6.4.2

package/dist/{CkHistory.vue_vue_type_script_setup_true_lang-BvRIp3m6.js → CkHistory.vue_vue_type_script_setup_true_lang-wu1Zrvgc.js}

@@ -2844,6 +2844,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     lineWrapping: { type: Boolean, default: false },
     maxHeight: { default: void 0 },
     scrollFade: { type: Boolean, default: true },
+    fadeTopBackground: { default: "secondary" },
+    fadeBottomBackground: { default: "floating" },
     autofocus: { type: Boolean, default: false },
     badge: { default: void 0 },
     writeToClipboard: { type: Function, default: void 0 }
@@ -2879,8 +2881,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const down = canScrollDown.value;
       return {
         position: edgeToFade(up, down),
-        background: "secondary",
-        style: { "--ui-fade-mask-height": up || down ? FADE_HEIGHT : "0px" }
+        style: {
+          "--ui-fade-mask-height": up || down ? FADE_HEIGHT : "0px",
+          "--ck-code-fade-top": `var(--background-surface-${props.fadeTopBackground})`,
+          "--ck-code-fade-bottom": `var(--background-surface-${props.fadeBottomBackground})`
+        }
       };
     });
     function syncScrollFades() {
@@ -3048,7 +3053,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkCodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-75f52b7e"]]);
+const CkCodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6dfa80b5"]]);
 const _hoisted_1 = {
   key: 1,
   class: "flex size-8 shrink-0 items-center justify-center rounded-2xl bg-background-surface-muted-subtle"

package/dist/chat-kit.css

@@ -176,21 +176,17 @@
  * `helpers/codemirror/code-palette.css`). The overrides live here, not in
  * `theme.ts`, because `CkMilkdownEditor`'s code blocks use that theme too and
  * must keep matching the rendered block. */
-.ck-code-editor[data-v-75f52b7e] {
+.ck-code-editor[data-v-6dfa80b5] {
+  /* `theme.ts` paints the editor from these; transparent lets the root's
+   * input surface show through. */
   --ck-cm-bg: transparent;
   --ck-cm-foreground: oklch(var(--content-on-surface-primary));
   --ck-cm-line-number: oklch(var(--content-on-surface-muted));
 }
 
-/* The editor fills the panel; `:deep` is needed because CodeMirror builds its
- * own DOM, which scoped styles do not reach. */
-.ck-code-editor__host[data-v-75f52b7e] .cm-editor {
-  background: var(--ck-cm-bg);
-  color: var(--ck-cm-foreground);
-}
-
-/* Same declarations as the `body-14-regular` typography utility. */
-.ck-code-editor__host[data-v-75f52b7e] .cm-scroller {
+/* `:deep` is needed below because CodeMirror builds its own DOM, which scoped
+ * styles do not reach. Same declarations as the `body-14-regular` typography utility. */
+.ck-code-editor__host[data-v-6dfa80b5] .cm-scroller {
   max-height: var(--ck-code-max-height, none);
   font-family: Saans, sans-serif;
   font-size: 0.875rem;
@@ -200,20 +196,20 @@
 
 /* 12px below the header, 16px above the bottom edge, and a 20px right inset,
  * as in the design. */
-.ck-code-editor__host[data-v-75f52b7e] .cm-content {
+.ck-code-editor__host[data-v-6dfa80b5] .cm-content {
   padding: 0.75rem 1.25rem 1rem 1rem;
 }
 
 /* The number column already carries the 1rem left inset, so the code must not
  * pay for it a second time. The sibling selector only matches while the gutter
  * is mounted, which is exactly when `showLineNumbers` is on. */
-.ck-code-editor__host[data-v-75f52b7e] .cm-gutters ~ .cm-content {
+.ck-code-editor__host[data-v-6dfa80b5] .cm-gutters ~ .cm-content {
   padding-left: 0;
 }
 
 /* Numbers stay monospaced so the column does not jitter as digits change; the
  * 12px right padding is the gap before the code. */
-.ck-code-editor__host[data-v-75f52b7e] .cm-lineNumbers .cm-gutterElement {
+.ck-code-editor__host[data-v-6dfa80b5] .cm-lineNumbers .cm-gutterElement {
   min-width: 0;
   padding: 0 0.75rem 0 1rem;
   /* `CODE_FONT_FAMILY` from `theme.ts`, repeated because importing it here
@@ -223,16 +219,33 @@
     monospace;
   font-weight: 500;
 }
-.ck-code-editor__host[data-v-75f52b7e] .cm-placeholder {
+.ck-code-editor__host[data-v-6dfa80b5] .cm-placeholder {
   color: oklch(var(--content-on-surface-muted));
 }
 
-/* Nothing is being edited, so the active-line band would only be noise. */
-.ck-code-editor--readonly .ck-code-editor__host[data-v-75f52b7e] .cm-activeLine,
-.ck-code-editor--readonly .ck-code-editor__host[data-v-75f52b7e] .cm-activeLineGutter {
-  background: transparent;
+/* Each band fades into its own surface (`fadeTopBackground` /
+ * `fadeBottomBackground`), whereas `UiFadeMask`'s `background` sets one for
+ * both and only knows `primary` and `secondary`. The gradient, edges and band
+ * height stay the mask's own. `[data-background]` outranks the mask's
+ * per-surface rule regardless of stylesheet order. */
+.ck-code-editor__body[data-v-6dfa80b5]
+  .ui-fade-mask__band[data-background][data-position='top'] {
+  --ui-fade-mask-surface: var(--ck-code-fade-top);
+  /* The mask turns its top band opaque halfway down on desktop, which left a
+   * solid strip under the header; mirror the bottom band's stops instead. */
+  --ui-fade-mask-stop: 20%;
+}
+.ck-code-editor__body[data-v-6dfa80b5]
+  .ui-fade-mask__band[data-background][data-position='bottom'] {
+  --ui-fade-mask-surface: var(--ck-code-fade-bottom);
+}
+@media (min-width: 768px) {
+.ck-code-editor__body[data-v-6dfa80b5]
+    .ui-fade-mask__band[data-background][data-position='top'] {
+    --ui-fade-mask-stop: 100%;
+}
 }
-.ck-code-editor--disabled[data-v-75f52b7e] {
+.ck-code-editor--disabled[data-v-6dfa80b5] {
   opacity: 0.6;
   cursor: not-allowed;
   pointer-events: none;

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

@@ -1 +1 @@
-{"version":3,"file":"CkCodeEditor.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/CkCodeEditor.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,YAAY,MAAM,oBAAoB,CAAC;AA6B9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAgDnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgKnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAwBhC,CAAC"}
+{"version":3,"file":"CkCodeEditor.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/CkCodeEditor.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,YAAY,MAAM,oBAAoB,CAAC;AA6B9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CA0DnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgKnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAwBhC,CAAC"}

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

@@ -34,6 +34,8 @@ declare const __VLS_export: import("vue").DefineComponent<CkCodeEditorProps, {
     lineWrapping: boolean;
     maxHeight: string;
     scrollFade: boolean;
+    fadeTopBackground: import("./types").CkCodeEditorFadeSurface;
+    fadeBottomBackground: import("./types").CkCodeEditorFadeSurface;
     badge: import("./badgeDecoration").CkCodeEditorBadgeRule;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"CkCodeEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/CkCodeEditor.vue"],"names":[],"mappings":"AAwXA,OAAO,KAAK,EAAqB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAgOpE,iBAAS,KAAK,IAAI,IAAI,CAErB;AAED,iBAAS,OAAO,IAAI,MAAM,CAEzB;AAmLD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CkCodeEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/CkCodeEditor.vue"],"names":[],"mappings":"AA4YA,OAAO,KAAK,EAAqB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqOpE,iBAAS,KAAK,IAAI,IAAI,CAErB;AAED,iBAAS,OAAO,IAAI,MAAM,CAEzB;AAmLD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/base/CkCodeEditor/types.d.ts

@@ -1,13 +1,18 @@
 import type { CkCodeEditorBadgeRule } from './badgeDecoration';
 export type { CkCodeEditorBadgeContent, CkCodeEditorBadgeRule, } from './badgeDecoration';
+/**
+ * Opaque design-system surfaces the scroll fade can dissolve into, each naming
+ * a `background-surface-*` token. Translucent surfaces are left out: the fade
+ * gradient needs a solid colour to end on.
+ */
+export type CkCodeEditorFadeSurface = 'primary' | 'secondary' | 'floating' | 'modal';
 /**
  * Single-document code editor built on [CodeMirror 6](https://codemirror.net/).
- * Its surface is the one `UiCodeBlock` renders for fenced code inside
- * {@link CkMarkdownRenderer}: the same bordered, rounded panel, the same muted
- * header carrying the language and a copy button, the same monospace metrics,
- * and syntax colours approximating Shiki's `github-light` / `github-dark`. A
- * snippet therefore looks the same whether it is being read in a reply or
- * edited here.
+ * It shares `UiCodeBlock`'s muted header, carrying the language and a copy
+ * button, and its syntax colours approximating Shiki's `github-light` /
+ * `github-dark`, so highlighted code keeps its colours between a reply and the
+ * editor. The body follows the design-system input field: body text on the
+ * input surface, with muted monospace line numbers.
  *
  * Use it wherever a whole document *is* code — a snippet field, a config or
  * template editor, a "create skill" form. For prose that merely contains code,
@@ -108,6 +113,20 @@ export interface CkCodeEditorProps {
      * @default true
      */
     scrollFade?: boolean;
+    /**
+     * Surface the top scroll fade dissolves into, as a `background-surface-*`
+     * token name. The gradient itself is `UiFadeMask`'s; only its colour changes.
+     *
+     * @default 'secondary'
+     */
+    fadeTopBackground?: CkCodeEditorFadeSurface;
+    /**
+     * Surface the bottom scroll fade dissolves into, as a `background-surface-*`
+     * token name. The gradient itself is `UiFadeMask`'s; only its colour changes.
+     *
+     * @default 'floating'
+     */
+    fadeBottomBackground?: CkCodeEditorFadeSurface;
     /**
      * Move focus into the editor once it has been created.
      *

package/dist/components/base/CkCodeEditor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG/D,YAAY,EACV,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;;;;;;OAgBG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD;AAED,8CAA8C;AAC9C,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrC,iDAAiD;IACjD,KAAK,EAAE,EAAE,CAAC;IACV,sEAAsE;IACtE,IAAI,EAAE,EAAE,CAAC;IACT,8EAA8E;IAC9E,IAAI,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACvC;AAED,sEAAsE;AACtE,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,MAAM,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG/D,YAAY,EACV,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAC/B,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,CAAC;AAEZ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAC5C;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,uBAAuB,CAAC;IAC/C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;;;;;;OAgBG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD;AAED,8CAA8C;AAC9C,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrC,iDAAiD;IACjD,KAAK,EAAE,EAAE,CAAC;IACV,sEAAsE;IACtE,IAAI,EAAE,EAAE,CAAC;IACT,8EAA8E;IAC9E,IAAI,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACvC;AAED,sEAAsE;AACtE,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,+CAA+C;IAC/C,OAAO,EAAE,MAAM,MAAM,CAAC;CACvB"}

package/dist/components/base/index.d.ts

@@ -44,5 +44,5 @@ export type { CkEditableUserMessageEmits, CkEditableUserMessageProps, } from './
 export { CkMilkdownEditor } from './CkMilkdownEditor';
 export type { CkMilkdownEditorEmits, CkMilkdownEditorExposed, CkMilkdownEditorProps, } from './CkMilkdownEditor';
 export { CkCodeEditor } from './CkCodeEditor';
-export type { CkCodeEditorEmits, CkCodeEditorExposed, CkCodeEditorProps, } from './CkCodeEditor';
+export type { CkCodeEditorEmits, CkCodeEditorExposed, CkCodeEditorFadeSurface, CkCodeEditorProps, } from './CkCodeEditor';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EACV,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,eAAe,EACf,gBAAgB,GACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 export { CkAgentMessage, CkAgentMessageHeader, CkHeaderActivityButton, CkCitation, CkCitationLabel, CkCitationCard, CkConversationLayout, CkCopyMessageButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageButton, CkModelSelector, CkPromptSendButton, CkPromptMenuButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkRegenerateMessageButton, CkSendIcon, CkStopIcon, CkUserMessage, CkEditableUserMessage, CkMilkdownEditor, CkCodeEditor, } from './base';
-export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationLabelProps, CkCitationCardProps, CkCitationCardEmits, CkConversationLayoutProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkMarkdownRendererEmits, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkPromptMenuButtonProps, CkUserMessageProps, CkEditableUserMessageProps, CkEditableUserMessageEmits, CkMilkdownEditorEmits, CkMilkdownEditorExposed, CkMilkdownEditorProps, CkCodeEditorEmits, CkCodeEditorExposed, CkCodeEditorProps, } from './base';
+export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationLabelProps, CkCitationCardProps, CkCitationCardEmits, CkConversationLayoutProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkMarkdownRendererEmits, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkPromptMenuButtonProps, CkUserMessageProps, CkEditableUserMessageProps, CkEditableUserMessageEmits, CkMilkdownEditorEmits, CkMilkdownEditorExposed, CkMilkdownEditorProps, CkCodeEditorEmits, CkCodeEditorExposed, CkCodeEditorFadeSurface, CkCodeEditorProps, } from './base';
 export { CkConversation, CkHistory } from './composed';
 export type { CkConversationProps, CkHistoryEmits, CkHistoryProps, } from './composed';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,GACb,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,GACb,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvD,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC"}

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, s, t, u, v, w, x, y, z, A, B, D } from "../CkHistory.vue_vue_type_script_setup_true_lang-BvRIp3m6.js";
+import { _, a, b, c, C, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, D } from "../CkHistory.vue_vue_type_script_setup_true_lang-wu1Zrvgc.js";
 export {
   _ as CkAgentMessage,
   a as CkAgentMessageHeader,

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export type { ChatActions, ChatState, ConversationSession, CreateConversationInp
 export { SdkError, createDocumentUploadProvider, defaultDocumentUploadConfig, defaultEndpoints, useDocumentUploadWithDefaultConfig, } from './composables/fileUpload';
 export type { DocumentUploadConfig, DocumentUploadProvider, FileEntry, FileStatus, } from './composables/fileUpload';
 export { CkAgentMessage, CkAgentMessageHeader, CkHeaderActivityButton, CkCitation, CkCitationLabel, CkCitationCard, CkConversation, CkConversationLayout, CkCopyMessageButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistory, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageButton, CkModelSelector, CkPromptSendButton, CkPromptMenuButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkRegenerateMessageButton, CkSendIcon, CkStopIcon, CkUserMessage, CkEditableUserMessage, CkMilkdownEditor, CkCodeEditor, } from './components';
-export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationLabelProps, CkCitationCardProps, CkCitationCardEmits, CkConversationLayoutProps, CkConversationProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryEmits, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkMarkdownRendererEmits, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkPromptMenuButtonProps, CkUserMessageProps, CkEditableUserMessageProps, CkEditableUserMessageEmits, CkMilkdownEditorEmits, CkMilkdownEditorExposed, CkMilkdownEditorProps, CkCodeEditorEmits, CkCodeEditorExposed, CkCodeEditorProps, } from './components';
+export type { CkAgentMessageHeaderProps, CkHeaderActivityButtonProps, CkHeaderActivityButtonEmits, CkCitationProps, CkCitationEmits, CkCitationSource, CkCitationLabelProps, CkCitationCardProps, CkCitationCardEmits, CkConversationLayoutProps, CkConversationProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryEmits, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkMarkdownRendererEmits, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkPromptMenuButtonProps, CkUserMessageProps, CkEditableUserMessageProps, CkEditableUserMessageEmits, CkMilkdownEditorEmits, CkMilkdownEditorExposed, CkMilkdownEditorProps, CkCodeEditorEmits, CkCodeEditorExposed, CkCodeEditorFadeSurface, CkCodeEditorProps, } from './components';
 export { formatRelativeTime, markdownToPlainText } from './helpers';
 export type { ActiveComparison, BaseMessage, ComparisonLane, 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":"AAMA,OAAO,iBAAiB,CAAC;AAGzB,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,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,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,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGpE,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,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":"AAMA,OAAO,iBAAiB,CAAC;AAGzB,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,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,yBAAyB,EACzB,UAAU,EACV,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,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,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGpE,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,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-Bkzrdgfj.js";
 import { C, d, p, u as u2, b } from "./useChatKitLabels-DxW0N5U-.js";
 import { S, c, d as d2, f, u as u3, a, b as b2, e } from "./index-D0DQjdsq.js";
-import { _, a as a2, b as b3, 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, t, u as u4, v, w, x, y, z, A, B, D, E } from "./CkHistory.vue_vue_type_script_setup_true_lang-BvRIp3m6.js";
+import { _, a as a2, b as b3, 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, t, u as u4, v, w, x, y, z, A, B, D, E } from "./CkHistory.vue_vue_type_script_setup_true_lang-wu1Zrvgc.js";
 import { m as m2 } from "./markdownToPlainText-DN_G-I6g.js";
 export {
   C as CHAT_KIT_LABELS,

package/package.json

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

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

@@ -273,6 +273,34 @@ describe('CkCodeEditor', () => {
     ).toBe('0px');
   });
 
+  it('fades into the design surfaces by default', async () => {
+    const { container } = await renderEditor({ modelValue: 'a\nb' });
+
+    const mask = container.querySelector('.ui-fade-mask') as HTMLElement;
+    expect(mask.style.getPropertyValue('--ck-code-fade-top')).toBe(
+      'var(--background-surface-secondary)',
+    );
+    expect(mask.style.getPropertyValue('--ck-code-fade-bottom')).toBe(
+      'var(--background-surface-floating)',
+    );
+  });
+
+  it('fades each edge into the surface its prop names', async () => {
+    const { container } = await renderEditor({
+      modelValue: 'a\nb',
+      fadeTopBackground: 'modal',
+      fadeBottomBackground: 'primary',
+    });
+
+    const mask = container.querySelector('.ui-fade-mask') as HTMLElement;
+    expect(mask.style.getPropertyValue('--ck-code-fade-top')).toBe(
+      'var(--background-surface-modal)',
+    );
+    expect(mask.style.getPropertyValue('--ck-code-fade-bottom')).toBe(
+      'var(--background-surface-primary)',
+    );
+  });
+
   it('omits the fade mask when `scrollFade` is off', async () => {
     const { container } = await renderEditor({
       modelValue: 'a\nb',

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

@@ -58,6 +58,16 @@ const meta: Meta<typeof CkCodeEditor> = {
     lineWrapping: { control: 'boolean' },
     autofocus: { control: 'boolean' },
     scrollFade: { control: 'boolean' },
+    fadeTopBackground: {
+      control: 'inline-radio',
+      options: ['primary', 'secondary', 'floating', 'modal'],
+      description: 'Surface the top scroll fade dissolves into.',
+    },
+    fadeBottomBackground: {
+      control: 'inline-radio',
+      options: ['primary', 'secondary', 'floating', 'modal'],
+      description: 'Surface the bottom scroll fade dissolves into.',
+    },
     // A regex plus a callback cannot be typed into a control, so the rule is
     // offered as named presets instead. Without this, badges could only be seen
     // on the one story that hard-codes a rule.

package/src/components/base/CkCodeEditor/CkCodeEditor.vue

@@ -30,6 +30,8 @@ const props = withDefaults(defineProps<CkCodeEditorProps>(), {
   maxHeight: undefined,
   autofocus: false,
   scrollFade: true,
+  fadeTopBackground: 'secondary',
+  fadeBottomBackground: 'floating',
   badge: undefined,
   writeToClipboard: undefined,
 });
@@ -84,8 +86,11 @@ const fadeProps = computed(() => {
   const down = canScrollDown.value;
   return {
     position: edgeToFade(up, down),
-    background: 'secondary',
-    style: { '--ui-fade-mask-height': up || down ? FADE_HEIGHT : '0px' },
+    style: {
+      '--ui-fade-mask-height': up || down ? FADE_HEIGHT : '0px',
+      '--ck-code-fade-top': `var(--background-surface-${props.fadeTopBackground})`,
+      '--ck-code-fade-bottom': `var(--background-surface-${props.fadeBottomBackground})`,
+    },
   };
 });
 
@@ -296,19 +301,15 @@ defineExpose({ focus, getCode });
  * `theme.ts`, because `CkMilkdownEditor`'s code blocks use that theme too and
  * must keep matching the rendered block. */
 .ck-code-editor {
+  /* `theme.ts` paints the editor from these; transparent lets the root's
+   * input surface show through. */
   --ck-cm-bg: transparent;
   --ck-cm-foreground: oklch(var(--content-on-surface-primary));
   --ck-cm-line-number: oklch(var(--content-on-surface-muted));
 }
 
-/* The editor fills the panel; `:deep` is needed because CodeMirror builds its
- * own DOM, which scoped styles do not reach. */
-.ck-code-editor__host :deep(.cm-editor) {
-  background: var(--ck-cm-bg);
-  color: var(--ck-cm-foreground);
-}
-
-/* Same declarations as the `body-14-regular` typography utility. */
+/* `:deep` is needed below because CodeMirror builds its own DOM, which scoped
+ * styles do not reach. Same declarations as the `body-14-regular` typography utility. */
 .ck-code-editor__host :deep(.cm-scroller) {
   max-height: var(--ck-code-max-height, none);
   font-family: Saans, sans-serif;
@@ -347,10 +348,29 @@ defineExpose({ focus, getCode });
   color: oklch(var(--content-on-surface-muted));
 }
 
-/* Nothing is being edited, so the active-line band would only be noise. */
-.ck-code-editor--readonly .ck-code-editor__host :deep(.cm-activeLine),
-.ck-code-editor--readonly .ck-code-editor__host :deep(.cm-activeLineGutter) {
-  background: transparent;
+/* Each band fades into its own surface (`fadeTopBackground` /
+ * `fadeBottomBackground`), whereas `UiFadeMask`'s `background` sets one for
+ * both and only knows `primary` and `secondary`. The gradient, edges and band
+ * height stay the mask's own. `[data-background]` outranks the mask's
+ * per-surface rule regardless of stylesheet order. */
+.ck-code-editor__body
+  :deep(.ui-fade-mask__band[data-background][data-position='top']) {
+  --ui-fade-mask-surface: var(--ck-code-fade-top);
+  /* The mask turns its top band opaque halfway down on desktop, which left a
+   * solid strip under the header; mirror the bottom band's stops instead. */
+  --ui-fade-mask-stop: 20%;
+}
+
+.ck-code-editor__body
+  :deep(.ui-fade-mask__band[data-background][data-position='bottom']) {
+  --ui-fade-mask-surface: var(--ck-code-fade-bottom);
+}
+
+@media (min-width: 768px) {
+  .ck-code-editor__body
+    :deep(.ui-fade-mask__band[data-background][data-position='top']) {
+    --ui-fade-mask-stop: 100%;
+  }
 }
 
 .ck-code-editor--disabled {

package/src/components/base/CkCodeEditor/types.ts

@@ -6,14 +6,24 @@ export type {
   CkCodeEditorBadgeRule,
 } from './badgeDecoration';
 
+/**
+ * Opaque design-system surfaces the scroll fade can dissolve into, each naming
+ * a `background-surface-*` token. Translucent surfaces are left out: the fade
+ * gradient needs a solid colour to end on.
+ */
+export type CkCodeEditorFadeSurface =
+  | 'primary'
+  | 'secondary'
+  | 'floating'
+  | 'modal';
+
 /**
  * Single-document code editor built on [CodeMirror 6](https://codemirror.net/).
- * Its surface is the one `UiCodeBlock` renders for fenced code inside
- * {@link CkMarkdownRenderer}: the same bordered, rounded panel, the same muted
- * header carrying the language and a copy button, the same monospace metrics,
- * and syntax colours approximating Shiki's `github-light` / `github-dark`. A
- * snippet therefore looks the same whether it is being read in a reply or
- * edited here.
+ * It shares `UiCodeBlock`'s muted header, carrying the language and a copy
+ * button, and its syntax colours approximating Shiki's `github-light` /
+ * `github-dark`, so highlighted code keeps its colours between a reply and the
+ * editor. The body follows the design-system input field: body text on the
+ * input surface, with muted monospace line numbers.
  *
  * Use it wherever a whole document *is* code — a snippet field, a config or
  * template editor, a "create skill" form. For prose that merely contains code,
@@ -114,6 +124,20 @@ export interface CkCodeEditorProps {
    * @default true
    */
   scrollFade?: boolean;
+  /**
+   * Surface the top scroll fade dissolves into, as a `background-surface-*`
+   * token name. The gradient itself is `UiFadeMask`'s; only its colour changes.
+   *
+   * @default 'secondary'
+   */
+  fadeTopBackground?: CkCodeEditorFadeSurface;
+  /**
+   * Surface the bottom scroll fade dissolves into, as a `background-surface-*`
+   * token name. The gradient itself is `UiFadeMask`'s; only its colour changes.
+   *
+   * @default 'floating'
+   */
+  fadeBottomBackground?: CkCodeEditorFadeSurface;
   /**
    * Move focus into the editor once it has been created.
    *

package/src/components/base/index.ts

@@ -90,5 +90,6 @@ export { CkCodeEditor } from './CkCodeEditor';
 export type {
   CkCodeEditorEmits,
   CkCodeEditorExposed,
+  CkCodeEditorFadeSurface,
   CkCodeEditorProps,
 } from './CkCodeEditor';

package/src/components/index.ts

@@ -73,6 +73,7 @@ export type {
   CkMilkdownEditorProps,
   CkCodeEditorEmits,
   CkCodeEditorExposed,
+  CkCodeEditorFadeSurface,
   CkCodeEditorProps,
 } from './base';
 

package/src/index.ts

@@ -148,6 +148,7 @@ export type {
   CkMilkdownEditorProps,
   CkCodeEditorEmits,
   CkCodeEditorExposed,
+  CkCodeEditorFadeSurface,
   CkCodeEditorProps,
 } from './components';