@aleph-alpha/chat-kit 6.4.2 → 6.4.3

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

@@ -223,7 +223,7 @@ function useIsTruncated(elementRef, watchSource) {
 const _hoisted_1$f = { class: "ck-citation-card flex w-[22.5rem] max-w-[90vw] flex-col gap-2 rounded-md bg-background-surface-floating px-6 pb-6 pt-4 shadow-md" };
 const _hoisted_2$9 = { class: "flex min-w-0 items-center gap-3 py-0.5" };
 const _hoisted_3$8 = { class: "line-clamp-6 break-words text-sm leading-5 text-content-on-surface-secondary" };
-const _hoisted_4$7 = {
+const _hoisted_4$8 = {
   key: 0,
   class: "flex items-center gap-1.5 text-sm leading-5 text-content-on-surface-muted"
 };
@@ -309,7 +309,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           }, 8, ["aria-label"])) : createCommentVNode("", true)
         ]),
         createElementVNode("p", _hoisted_3$8, toDisplayString(__props.snippet), 1),
-        __props.collectionName || __props.locationLabel ? (openBlock(), createElementBlock("p", _hoisted_4$7, [
+        __props.collectionName || __props.locationLabel ? (openBlock(), createElementBlock("p", _hoisted_4$8, [
           __props.collectionName ? (openBlock(), createBlock(unref(UiTooltip), {
             key: 0,
             content: __props.collectionName,
@@ -502,7 +502,7 @@ const _hoisted_3$7 = {
   key: 0,
   class: "flex min-w-0 justify-end"
 };
-const _hoisted_4$6 = {
+const _hoisted_4$7 = {
   key: 1,
   class: "flex min-w-0 justify-start"
 };
@@ -684,7 +684,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             }, [
               message.role === "user" ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
                 renderSlot(_ctx.$slots, "user-message", { message })
-              ])) : (openBlock(), createElementBlock("div", _hoisted_4$6, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_4$7, [
                 renderSlot(_ctx.$slots, "agent-message", { message })
               ]))
             ], 10, _hoisted_2$8);
@@ -853,7 +853,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
 const _hoisted_1$b = ["aria-label"];
 const _hoisted_2$7 = { class: "pointer-events-none flex h-full w-full flex-col items-center justify-center gap-4 text-content-on-surface-primary" };
 const _hoisted_3$6 = { class: "flex flex-col items-center gap-1 text-center" };
-const _hoisted_4$5 = { class: "body-16-bold" };
+const _hoisted_4$6 = { class: "body-16-bold" };
 const _hoisted_5$3 = {
   key: 0,
   class: "body-16-regular"
@@ -1029,7 +1029,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "default", {}, () => [
                   createVNode(_sfc_main$l, { class: "h-36 w-52" }),
                   createElementVNode("div", _hoisted_3$6, [
-                    createElementVNode("p", _hoisted_4$5, toDisplayString(resolvedHeading.value), 1),
+                    createElementVNode("p", _hoisted_4$6, toDisplayString(resolvedHeading.value), 1),
                     __props.hint ? (openBlock(), createElementBlock("p", _hoisted_5$3, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
                   ])
                 ], true)
@@ -1318,7 +1318,7 @@ const _hoisted_1$9 = {
 };
 const _hoisted_2$6 = { class: "ck-feedback-dialog__response min-h-0 flex-1 overflow-y-auto rounded-md border border-input bg-background-input-default px-3 py-2 shadow-xs" };
 const _hoisted_3$5 = { class: "flex min-h-0 flex-col gap-4" };
-const _hoisted_4$4 = {
+const _hoisted_4$5 = {
   class: "self-end text-sm text-content-on-surface-muted tabular-nums",
   "aria-live": "polite"
 };
@@ -1549,7 +1549,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                         maxlength: __props.maxFreeTextLength,
                         rows: "3"
                       }, null, 8, ["id", "modelValue", "placeholder", "disabled", "maxlength"]),
-                      createElementVNode("div", _hoisted_4$4, toDisplayString(characterCount.value) + "/" + toDisplayString(__props.maxFreeTextLength), 1)
+                      createElementVNode("div", _hoisted_4$5, toDisplayString(characterCount.value) + "/" + toDisplayString(__props.maxFreeTextLength), 1)
                     ]),
                     _: 1
                   })
@@ -1611,7 +1611,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 const _hoisted_1$8 = ["aria-label"];
 const _hoisted_2$5 = ["onClick"];
 const _hoisted_3$4 = ["disabled", "aria-label"];
-const _hoisted_4$3 = {
+const _hoisted_4$4 = {
   key: 3,
   class: "flex min-w-0 flex-1 flex-col items-start gap-0.5"
 };
@@ -1789,7 +1789,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   !__props.showStatus ? (openBlock(), createElementBlock("span", {
                     key: 2,
                     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)) : (openBlock(), createElementBlock("div", _hoisted_4$3, [
+                  }, toDisplayString(resolvedTriggerLabel.value), 3)) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
                     createElementVNode("span", {
                       class: normalizeClass(["w-full truncate text-content-on-surface-primary", __props.size === "small" ? "label-12-medium" : "body-14-medium"])
                     }, toDisplayString(resolvedTriggerLabel.value), 3),
@@ -1858,7 +1858,7 @@ const CHAT_HISTORY_ACTIVE_INDICATOR_CLASS = "ui-active-indicator";
 const _hoisted_1$7 = ["data-active"];
 const _hoisted_2$4 = { class: "min-w-0 flex-1" };
 const _hoisted_3$3 = { class: "truncate body-14-regular text-content-on-surface-primary" };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   key: 0,
   class: "mt-0.5 flex min-w-0 items-center gap-1 label-12-medium text-content-on-surface-muted"
 };
@@ -2006,7 +2006,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createElementVNode("div", _hoisted_2$4, [
               createElementVNode("div", _hoisted_3$3, toDisplayString(props.title), 1),
-              props.metaStart || props.metaEnd || _ctx.$slots.meta ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+              props.metaStart || props.metaEnd || _ctx.$slots.meta ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
                 renderSlot(_ctx.$slots, "meta", {}, () => [
                   props.metaStart ? (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(props.metaStart), 1)) : createCommentVNode("", true),
                   props.metaStart && props.metaEnd ? (openBlock(), createElementBlock("span", _hoisted_6$1, "|")) : createCommentVNode("", true),
@@ -2150,7 +2150,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 const _hoisted_1$6 = ["disabled", "aria-expanded", "aria-label"];
 const _hoisted_2$3 = { class: "min-w-0 max-w-[10rem] truncate" };
 const _hoisted_3$2 = ["aria-label"];
-const _hoisted_4$1 = ["aria-selected", "onClick"];
+const _hoisted_4$2 = ["aria-selected", "onClick"];
 const _hoisted_5 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_6 = { class: "min-w-0 truncate" };
 const _hoisted_7 = {
@@ -2255,7 +2255,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                         class: "absolute right-2 text-content-on-surface-primary",
                         "aria-hidden": "true"
                       })) : createCommentVNode("", true)
-                    ], 8, _hoisted_4$1)
+                    ], 8, _hoisted_4$2)
                   ]);
                 }), 128))
               ], 8, _hoisted_3$2)
@@ -2356,7 +2356,7 @@ const _hoisted_2$2 = {
   style: { "grid-area": "top" }
 };
 const _hoisted_3$1 = ["for"];
-const _hoisted_4 = ["id", "value", "placeholder", "disabled"];
+const _hoisted_4$1 = ["id", "value", "placeholder", "disabled"];
 const MAX_LINES = 6;
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkPromptInput" },
@@ -2492,7 +2492,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             onPointerdown: onPointerDown,
             onFocus,
             onBlur
-          }, null, 42, _hoisted_4),
+          }, null, 42, _hoisted_4$1),
           createElementVNode("div", {
             class: normalizeClass([!isMultiLine.value && "pl-4"]),
             style: { "grid-area": "right" }
@@ -2820,12 +2820,24 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const CkMilkdownEditor = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d1a2a9cf"]]);
+let pending;
+function loadCodeMirror() {
+  pending ??= import("./createCodeMirror-CN8xL8qU.js").catch((error) => {
+    pending = void 0;
+    throw error;
+  });
+  return pending;
+}
+function preloadCkCodeEditor() {
+  loadCodeMirror().catch(() => void 0);
+}
 const _hoisted_1$1 = ["aria-disabled"];
 const _hoisted_2 = {
   key: 0,
   class: "bg-background-surface-muted-subtle flex h-9 items-center justify-between px-3"
 };
 const _hoisted_3 = { class: "text-content-on-surface-secondary label-12-regular" };
+const _hoisted_4 = ["value", "placeholder", "aria-label", "readonly", "disabled", "wrap"];
 const FADE_HEIGHT = "53px";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "CkCodeEditor" },
@@ -2857,8 +2869,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const labels = useChatKitLabels();
     const rootRef = useTemplateRef("rootRef");
     const hostRef = useTemplateRef("hostRef");
+    const fallbackRef = useTemplateRef("fallbackRef");
     const isLocked = computed(() => props.readonly || props.disabled);
     const isReady = ref(false);
+    const isFallback = ref(false);
     const isCopied = ref(false);
     const headerLabel = computed(() => {
       const label = props.filename || props.language;
@@ -2913,16 +2927,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       lastKnownCode = value;
       emit("update:modelValue", value);
     }
-    onMounted(async () => {
-      const parent = hostRef.value;
-      if (!parent) return;
-      const { createCodeMirror } = await import("./createCodeMirror-BO-TWTzn.js");
+    async function mountEditor(parent) {
+      const { createCodeMirror } = await loadCodeMirror();
       if (destroyed) return;
-      const initialCode = props.modelValue;
-      lastKnownCode = initialCode;
-      const handle = await createCodeMirror({
+      lastKnownCode = props.modelValue;
+      const handle = createCodeMirror({
         parent,
-        doc: initialCode,
+        doc: props.modelValue,
         language: props.language,
         placeholder: props.placeholder,
         ariaLabel: props.ariaLabel,
@@ -2933,16 +2944,31 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         onChange: handleChange,
         onFocus: () => emit("focus")
       });
-      if (destroyed) {
-        handle.destroy();
-        return;
-      }
       editor = handle;
-      if (props.modelValue !== initialCode) handle.setCode(props.modelValue);
       watchScrolling(handle.view.scrollDOM, handle.view.contentDOM);
       isReady.value = true;
       if (props.autofocus) handle.focus();
+    }
+    onMounted(async () => {
+      const parent = hostRef.value;
+      if (!parent) return;
+      try {
+        await mountEditor(parent);
+      } catch (error) {
+        console.error("[CkCodeEditor] Falling back to a plain textarea:", error);
+        if (destroyed) return;
+        editor?.destroy();
+        editor = void 0;
+        isFallback.value = true;
+        if (props.autofocus) {
+          await nextTick();
+          fallbackRef.value?.focus();
+        }
+      }
     });
+    function onFallbackInput(event) {
+      handleChange(event.target.value);
+    }
     watch(
       () => props.modelValue,
       (next) => {
@@ -3001,7 +3027,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (!isInsideRoot(event.relatedTarget)) emit("blur");
     }
     function focus() {
-      editor?.focus();
+      if (editor) editor.focus();
+      else fallbackRef.value?.focus();
     }
     function getCode() {
       return editor?.getCode() ?? props.modelValue;
@@ -3014,6 +3041,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         class: normalizeClass([
           "ck-code-editor ck-code-surface border-border-surface-default bg-background-input-default min-w-0 overflow-hidden rounded-xl border",
           isReady.value && "ck-code-editor--ready",
+          isFallback.value && "ck-code-editor--fallback",
           isLocked.value && "ck-code-editor--readonly",
           __props.disabled && "ck-code-editor--disabled"
         ]),
@@ -3045,7 +3073,23 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ref: hostRef,
               class: "ck-code-editor__host",
               style: normalizeStyle(__props.maxHeight ? { "--ck-code-max-height": __props.maxHeight } : void 0)
-            }, null, 4)
+            }, [
+              isFallback.value ? (openBlock(), createElementBlock("textarea", {
+                key: 0,
+                ref_key: "fallbackRef",
+                ref: fallbackRef,
+                class: "ck-code-editor__fallback",
+                value: __props.modelValue,
+                placeholder: __props.placeholder,
+                "aria-label": __props.ariaLabel,
+                readonly: __props.readonly,
+                disabled: __props.disabled,
+                wrap: __props.lineWrapping ? "soft" : "off",
+                spellcheck: "false",
+                onInput: onFallbackInput,
+                onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus"))
+              }, null, 40, _hoisted_4)) : createCommentVNode("", true)
+            ], 4)
           ]),
           _: 1
         }, 16))
@@ -3053,7 +3097,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CkCodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6dfa80b5"]]);
+const CkCodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c589384b"]]);
 const _hoisted_1 = {
   key: 1,
   class: "flex size-8 shrink-0 items-center justify-center rounded-2xl bg-background-surface-muted-subtle"
@@ -3391,7 +3435,8 @@ export {
   _sfc_main$v as B,
   CkCitationLabel as C,
   CkUserMessage as D,
-  formatRelativeTime as E,
+  preloadCkCodeEditor as E,
+  formatRelativeTime as F,
   _sfc_main$u as _,
   _sfc_main$t as a,
   _sfc_main$p as b,

package/dist/chat-kit.css

@@ -176,7 +176,7 @@
  * `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-6dfa80b5] {
+.ck-code-editor[data-v-c589384b] {
   /* `theme.ts` paints the editor from these; transparent lets the root's
    * input surface show through. */
   --ck-cm-bg: transparent;
@@ -186,7 +186,7 @@
 
 /* `: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 {
+.ck-code-editor__host[data-v-c589384b] .cm-scroller {
   max-height: var(--ck-code-max-height, none);
   font-family: Saans, sans-serif;
   font-size: 0.875rem;
@@ -196,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-6dfa80b5] .cm-content {
+.ck-code-editor__host[data-v-c589384b] .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-6dfa80b5] .cm-gutters ~ .cm-content {
+.ck-code-editor__host[data-v-c589384b] .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-6dfa80b5] .cm-lineNumbers .cm-gutterElement {
+.ck-code-editor__host[data-v-c589384b] .cm-lineNumbers .cm-gutterElement {
   min-width: 0;
   padding: 0 0.75rem 0 1rem;
   /* `CODE_FONT_FAMILY` from `theme.ts`, repeated because importing it here
@@ -219,7 +219,38 @@
     monospace;
   font-weight: 500;
 }
-.ck-code-editor__host[data-v-6dfa80b5] .cm-placeholder {
+
+/* A column so the stand-in below grows into a host a consumer has stretched
+ * (as a fixed-height dialog does), rather than sitting at its minimum height
+ * at the top of an empty panel. */
+.ck-code-editor--fallback .ck-code-editor__host[data-v-c589384b] {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Stand-in for when CodeMirror fails to load: same text metrics and insets as
+ * the editor without a gutter, so the field reads as the same surface. Where
+ * supported, it grows with its content the way the editor does. */
+.ck-code-editor__fallback[data-v-c589384b] {
+  display: block;
+  flex: 1 1 auto;
+  width: 100%;
+  min-height: 5rem;
+  field-sizing: content;
+  max-height: var(--ck-code-max-height, none);
+  resize: none;
+  border: 0;
+  outline: none;
+  padding: 0.75rem 1.25rem 1rem 1rem;
+  background: var(--ck-cm-bg);
+  color: var(--ck-cm-foreground);
+  font-family: Saans, sans-serif;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+}
+.ck-code-editor__fallback[data-v-c589384b]::placeholder,
+.ck-code-editor__host[data-v-c589384b] .cm-placeholder {
   color: oklch(var(--content-on-surface-muted));
 }
 
@@ -228,24 +259,24 @@
  * 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]
+.ck-code-editor__body[data-v-c589384b]
   .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]
+.ck-code-editor__body[data-v-c589384b]
   .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]
+.ck-code-editor__body[data-v-c589384b]
     .ui-fade-mask__band[data-background][data-position='top'] {
     --ui-fade-mask-stop: 100%;
 }
 }
-.ck-code-editor--disabled[data-v-6dfa80b5] {
+.ck-code-editor--disabled[data-v-c589384b] {
   opacity: 0.6;
   cursor: not-allowed;
   pointer-events: none;

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":"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"}
+{"version":3,"file":"CkCodeEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/CkCodeEditor.vue"],"names":[],"mappings":"AAkdA,OAAO,KAAK,EAAqB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAyPpE,iBAAS,KAAK,IAAI,IAAI,CAGrB;AAED,iBAAS,OAAO,IAAI,MAAM,CAEzB;AAiND,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -57,6 +57,10 @@ export declare function detectLineSeparator(doc: string): string;
 /**
  * Build a CodeMirror view themed like `UiCodeBlock`. Loaded lazily by
  * `CkCodeEditor` so CodeMirror stays out of the package's main chunk.
+ *
+ * The view is built at once, as plain text, and the grammar is applied when it
+ * arrives: the placeholder, gutter and content must not wait on a network
+ * request that may be slow or never finish. Only the syntax colours do.
  */
-export declare function createCodeMirror(options: CreateCodeMirrorOptions): Promise<CodeMirrorHandle>;
+export declare function createCodeMirror(options: CreateCodeMirrorOptions): CodeMirrorHandle;
 //# sourceMappingURL=createCodeMirror.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createCodeMirror.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/createCodeMirror.ts"],"names":[],"mappings":"AAMA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,UAAU,EAOX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,8CAA8C,CAAC;AAEtD,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,MAAM,EAAE,WAAW,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,iFAAiF;AACjF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,0EAA0E;IAC1E,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAKD;;;;;GAKG;AACH,wBAAsB,eAAe,CACnC,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,CAkBjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKvD;AAyCD;;;GAGG;AACH,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,gBAAgB,CAAC,CA6E3B"}
+{"version":3,"file":"createCodeMirror.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/createCodeMirror.ts"],"names":[],"mappings":"AAMA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,UAAU,EAOX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAkB,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,8CAA8C,CAAC;AAEtD,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,MAAM,EAAE,WAAW,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,iFAAiF;AACjF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,0EAA0E;IAC1E,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAKD;;;;;GAKG;AACH,wBAAsB,eAAe,CACnC,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,CAkBjC;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKvD;AAyCD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,uBAAuB,GAC/B,gBAAgB,CA8FlB"}

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

@@ -1,3 +1,4 @@
 export { default as CkCodeEditor } from './CkCodeEditor.vue';
+export { preloadCkCodeEditor } from './loadCodeMirror';
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,mBAAmB,SAAS,CAAC"}

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

@@ -0,0 +1,17 @@
+import type * as CodeMirrorModule from './createCodeMirror';
+/**
+ * Import the CodeMirror chunk once and share the result.
+ *
+ * A failed import is forgotten rather than cached, so the next editor to mount
+ * (or the next `preloadCkCodeEditor` call) tries again instead of inheriting the
+ * failure.
+ */
+export declare function loadCodeMirror(): Promise<typeof CodeMirrorModule>;
+/**
+ * Start fetching `CkCodeEditor`'s CodeMirror chunk ahead of time, for example
+ * when a view that will open an editor is shown. The editor then appears
+ * without waiting on the network. Safe to call repeatedly; failures are
+ * swallowed here and surface, if still failing, when an editor mounts.
+ */
+export declare function preloadCkCodeEditor(): void;
+//# sourceMappingURL=loadCodeMirror.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loadCodeMirror.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/loadCodeMirror.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAI5D;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAAC,OAAO,gBAAgB,CAAC,CAMjE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAE1C"}

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

@@ -43,6 +43,6 @@ export { CkEditableUserMessage } from './CkEditableUserMessage';
 export type { CkEditableUserMessageEmits, CkEditableUserMessageProps, } from './CkEditableUserMessage';
 export { CkMilkdownEditor } from './CkMilkdownEditor';
 export type { CkMilkdownEditorEmits, CkMilkdownEditorExposed, CkMilkdownEditorProps, } from './CkMilkdownEditor';
-export { CkCodeEditor } from './CkCodeEditor';
+export { CkCodeEditor, preloadCkCodeEditor } 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":"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"}
+{"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,4 +1,4 @@
-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 { 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, preloadCkCodeEditor, } 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';

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,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"}
+{"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,EACZ,mBAAmB,GACpB,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-wu1Zrvgc.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, E } from "../CkHistory.vue_vue_type_script_setup_true_lang-Bv3FuKT4.js";
 export {
   _ as CkAgentMessage,
   a as CkAgentMessageHeader,
@@ -30,5 +30,6 @@ export {
   z as CkRegenerateMessageButton,
   A as CkSendIcon,
   B as CkStopIcon,
-  D as CkUserMessage
+  D as CkUserMessage,
+  E as preloadCkCodeEditor
 };

package/dist/{createCodeMirror-BO-TWTzn.js → createCodeMirror-CN8xL8qU.js}

@@ -114,22 +114,22 @@ function baseExtensions(options) {
     ...options.placeholder ? [placeholder(options.placeholder)] : []
   ];
 }
-async function createCodeMirror(options) {
+function createCodeMirror(options) {
   const languageSlot = new Compartment();
   const readonlySlot = new Compartment();
   const lineNumbersSlot = new Compartment();
   const wrappingSlot = new Compartment();
   const badgeSlot = new Compartment();
   const lineSeparatorSlot = new Compartment();
-  const support = await resolveLanguage(options.language);
   let languageRequestId = 0;
+  let destroyed = false;
   const view = new EditorView({
     parent: options.parent,
     state: EditorState.create({
       doc: options.doc,
       extensions: [
         ...baseExtensions(options),
-        languageSlot.of(support ? [support] : []),
+        languageSlot.of([]),
         readonlySlot.of(readonlyState(options.readonly)),
         lineNumbersSlot.of(options.showLineNumbers ? lineNumbers() : []),
         wrappingSlot.of(options.lineWrapping ? EditorView.lineWrapping : []),
@@ -141,8 +141,20 @@ async function createCodeMirror(options) {
     })
   });
   function reconfigure(slot, extension) {
+    if (destroyed) return;
     view.dispatch({ effects: slot.reconfigure(extension) });
   }
+  async function setLanguage(language) {
+    const request = ++languageRequestId;
+    const next = await resolveLanguage(language);
+    if (request !== languageRequestId) return;
+    try {
+      reconfigure(languageSlot, next ? [next] : []);
+    } catch (error) {
+      console.warn(`[CkCodeEditor] Could not apply "${language}":`, error);
+    }
+  }
+  setLanguage(options.language).catch(() => void 0);
   return {
     view,
     getCode: () => readDoc(view.state),
@@ -158,12 +170,7 @@ async function createCodeMirror(options) {
         selection: { anchor: cursor }
       });
     },
-    setLanguage: async (language) => {
-      const request = ++languageRequestId;
-      const next = await resolveLanguage(language);
-      if (request !== languageRequestId) return;
-      reconfigure(languageSlot, next ? [next] : []);
-    },
+    setLanguage,
     setReadonly: (readonly) => {
       reconfigure(readonlySlot, readonlyState(readonly));
     },
@@ -177,7 +184,10 @@ async function createCodeMirror(options) {
       reconfigure(badgeSlot, rule ? badgeExtension(rule) : []);
     },
     focus: () => view.focus(),
-    destroy: () => view.destroy()
+    destroy: () => {
+      destroyed = true;
+      view.destroy();
+    }
   };
 }
 export {

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { useChat, useConversationSessions, useConversations, } from './composabl
 export type { ChatActions, ChatState, ConversationSession, CreateConversationInput, MessageHandler, MutationOptions, UseChatReturn, UseConversationSessionsReturn, UseConversationsOptions, UseConversationsReturn, } from './composables';
 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 { 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, preloadCkCodeEditor, } 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';

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,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"}
+{"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,EACZ,mBAAmB,GACpB,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-wu1Zrvgc.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, F, E } from "./CkHistory.vue_vue_type_script_setup_true_lang-Bv3FuKT4.js";
 import { m as m2 } from "./markdownToPlainText-DN_G-I6g.js";
 export {
   C as CHAT_KIT_LABELS,
@@ -41,8 +41,9 @@ export {
   d as defaultChatKitLabels,
   d2 as defaultDocumentUploadConfig,
   f as defaultEndpoints,
-  E as formatRelativeTime,
+  F as formatRelativeTime,
   m2 as markdownToPlainText,
+  E as preloadCkCodeEditor,
   p as provideChatKitLabels,
   u3 as useChat,
   u2 as useChatKitLabels,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "6.4.2",
+  "version": "6.4.3",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -115,8 +115,8 @@
     "vue": "^3.5.27",
     "vue-tsc": "^3.2.4",
     "wait-on": "9.0.3",
-    "@aleph-alpha/eslint-config-frontend": "0.7.1",
     "@aleph-alpha/prettier-config-frontend": "2.1.1",
+    "@aleph-alpha/eslint-config-frontend": "0.7.1",
     "@aleph-alpha/tsconfig-frontend": "0.7.3"
   },
   "scripts": {

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

@@ -1,8 +1,17 @@
 import { render, screen, waitFor } from '@testing-library/vue';
 import userEvent from '@testing-library/user-event';
+import type { MockInstance } from 'vitest';
 import CkCodeEditor from './CkCodeEditor.vue';
 import { detectLineSeparator, resolveLanguage } from './createCodeMirror';
 import { matchBadgeRanges } from './badgeDecoration';
+import { loadCodeMirror } from './loadCodeMirror';
+
+// Wrapped so a test can make the lazy chunk fail; every other test gets the
+// real module.
+vi.mock('./loadCodeMirror', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('./loadCodeMirror')>();
+  return { ...actual, loadCodeMirror: vi.fn(actual.loadCodeMirror) };
+});
 
 // CodeMirror measures its own layout on construction; jsdom has none of the
 // geometry APIs it calls. The stubs stay in this spec rather than the global
@@ -353,6 +362,68 @@ describe('CkCodeEditor', () => {
     const late = await renderEditor({ modelValue: 'y' });
     expect(() => late.unmount()).not.toThrow();
   });
+
+  describe('when CodeMirror fails to load', () => {
+    let logError: MockInstance;
+
+    beforeEach(() => {
+      vi.mocked(loadCodeMirror).mockRejectedValueOnce(
+        new Error('Failed to fetch dynamically imported module'),
+      );
+      logError = vi
+        .spyOn(globalThis.console, 'error')
+        .mockImplementation(() => undefined);
+    });
+
+    afterEach(() => {
+      logError.mockRestore();
+    });
+
+    async function renderFallback(
+      props: InstanceType<typeof CkCodeEditor>['$props'] = {},
+    ) {
+      const utils = render(CkCodeEditor, { props });
+      const textarea = await waitFor(() => {
+        const found = utils.container.querySelector(
+          '.ck-code-editor--fallback textarea',
+        );
+        expect(found).toBeInTheDocument();
+        return found as HTMLTextAreaElement;
+      });
+      return { ...utils, textarea };
+    }
+
+    it('falls back to a textarea with the value, placeholder and label', async () => {
+      const { textarea } = await renderFallback({
+        modelValue: 'body',
+        placeholder: 'Write the skill',
+        ariaLabel: 'Skill body',
+      });
+
+      expect(textarea.value).toBe('body');
+      expect(textarea.placeholder).toBe('Write the skill');
+      expect(textarea.getAttribute('aria-label')).toBe('Skill body');
+      expect(logError).toHaveBeenCalled();
+    });
+
+    it('keeps v-model working through the textarea', async () => {
+      const { textarea, emitted } = await renderFallback({ modelValue: '' });
+
+      await userEvent.type(textarea, 'hi');
+
+      const updates = emitted()['update:modelValue'] as string[][];
+      expect(updates.at(-1)?.[0]).toBe('hi');
+    });
+
+    it('locks the textarea when readonly', async () => {
+      const { textarea } = await renderFallback({
+        modelValue: 'x',
+        readonly: true,
+      });
+
+      expect(textarea.readOnly).toBe(true);
+    });
+  });
 });
 
 describe('resolveLanguage', () => {

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

@@ -11,6 +11,7 @@ import {
 import { UiButton, UiFadeMask, UiIcon } from '@aleph-alpha/ui-library';
 import { useChatKitLabels } from '../../../handlers/useChatKitLabels';
 import type { CodeMirrorHandle } from './createCodeMirror';
+import { loadCodeMirror } from './loadCodeMirror';
 import type { CkCodeEditorEmits, CkCodeEditorProps } from './types';
 
 defineOptions({ name: 'CkCodeEditor' });
@@ -41,8 +42,12 @@ const emit = defineEmits<CkCodeEditorEmits>();
 const labels = useChatKitLabels();
 const rootRef = useTemplateRef<HTMLDivElement>('rootRef');
 const hostRef = useTemplateRef<HTMLDivElement>('hostRef');
+const fallbackRef = useTemplateRef<HTMLTextAreaElement>('fallbackRef');
 const isLocked = computed(() => props.readonly || props.disabled);
 const isReady = ref(false);
+// CodeMirror could not be loaded or built; a plain textarea stands in so the
+// field can still be typed into.
+const isFallback = ref(false);
 const isCopied = ref(false);
 
 // `UiCodeBlock` labels the block with the filename when there is one and hides
@@ -130,19 +135,16 @@ function handleChange(value: string): void {
   emit('update:modelValue', value);
 }
 
-onMounted(async () => {
-  const parent = hostRef.value;
-  if (!parent) return;
-
-  // Lazy: CodeMirror and its grammars load only once an editor is shown.
-  const { createCodeMirror } = await import('./createCodeMirror');
+async function mountEditor(parent: HTMLElement): Promise<void> {
+  // Lazy: CodeMirror loads only once an editor is shown. The grammar follows in
+  // the background, so a slow one delays the colours, not the editor.
+  const { createCodeMirror } = await loadCodeMirror();
   if (destroyed) return;
 
-  const initialCode = props.modelValue;
-  lastKnownCode = initialCode;
-  const handle = await createCodeMirror({
+  lastKnownCode = props.modelValue;
+  const handle = createCodeMirror({
     parent,
-    doc: initialCode,
+    doc: props.modelValue,
     language: props.language,
     placeholder: props.placeholder,
     ariaLabel: props.ariaLabel,
@@ -154,20 +156,39 @@ onMounted(async () => {
     onFocus: () => emit('focus'),
   });
 
-  // Unmounted while the grammar was loading.
-  if (destroyed) {
-    handle.destroy();
-    return;
-  }
-
   editor = handle;
-  // Props may have moved on while the grammar loaded; catch up.
-  if (props.modelValue !== initialCode) handle.setCode(props.modelValue);
   watchScrolling(handle.view.scrollDOM, handle.view.contentDOM);
   isReady.value = true;
   if (props.autofocus) handle.focus();
+}
+
+onMounted(async () => {
+  const parent = hostRef.value;
+  if (!parent) return;
+
+  try {
+    await mountEditor(parent);
+  } catch (error) {
+    // A stale or unreachable chunk, or a CodeMirror setup error such as
+    // duplicate `@codemirror/state` copies. Left alone, the header would sit
+    // over an empty body with no way to type.
+    // eslint-disable-next-line no-console
+    console.error('[CkCodeEditor] Falling back to a plain textarea:', error);
+    if (destroyed) return;
+    editor?.destroy();
+    editor = undefined;
+    isFallback.value = true;
+    if (props.autofocus) {
+      await nextTick();
+      fallbackRef.value?.focus();
+    }
+  }
 });
 
+function onFallbackInput(event: Event): void {
+  handleChange((event.target as HTMLTextAreaElement).value);
+}
+
 watch(
   () => props.modelValue,
   (next) => {
@@ -239,7 +260,8 @@ function onFocusOut(event: FocusEvent): void {
 }
 
 function focus(): void {
-  editor?.focus();
+  if (editor) editor.focus();
+  else fallbackRef.value?.focus();
 }
 
 function getCode(): string {
@@ -255,6 +277,7 @@ defineExpose({ focus, getCode });
     :class="[
       'ck-code-editor ck-code-surface border-border-surface-default bg-background-input-default min-w-0 overflow-hidden rounded-xl border',
       isReady && 'ck-code-editor--ready',
+      isFallback && 'ck-code-editor--fallback',
       isLocked && 'ck-code-editor--readonly',
       disabled && 'ck-code-editor--disabled',
     ]"
@@ -288,7 +311,22 @@ defineExpose({ focus, getCode });
         ref="hostRef"
         class="ck-code-editor__host"
         :style="maxHeight ? { '--ck-code-max-height': maxHeight } : undefined"
-      />
+      >
+        <textarea
+          v-if="isFallback"
+          ref="fallbackRef"
+          class="ck-code-editor__fallback"
+          :value="modelValue"
+          :placeholder="placeholder"
+          :aria-label="ariaLabel"
+          :readonly="readonly"
+          :disabled="disabled"
+          :wrap="lineWrapping ? 'soft' : 'off'"
+          spellcheck="false"
+          @input="onFallbackInput"
+          @focus="emit('focus')"
+        />
+      </div>
     </component>
   </div>
 </template>
@@ -344,6 +382,37 @@ defineExpose({ focus, getCode });
   font-weight: 500;
 }
 
+/* A column so the stand-in below grows into a host a consumer has stretched
+ * (as a fixed-height dialog does), rather than sitting at its minimum height
+ * at the top of an empty panel. */
+.ck-code-editor--fallback .ck-code-editor__host {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Stand-in for when CodeMirror fails to load: same text metrics and insets as
+ * the editor without a gutter, so the field reads as the same surface. Where
+ * supported, it grows with its content the way the editor does. */
+.ck-code-editor__fallback {
+  display: block;
+  flex: 1 1 auto;
+  width: 100%;
+  min-height: 5rem;
+  field-sizing: content;
+  max-height: var(--ck-code-max-height, none);
+  resize: none;
+  border: 0;
+  outline: none;
+  padding: 0.75rem 1.25rem 1rem 1rem;
+  background: var(--ck-cm-bg);
+  color: var(--ck-cm-foreground);
+  font-family: Saans, sans-serif;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+}
+
+.ck-code-editor__fallback::placeholder,
 .ck-code-editor__host :deep(.cm-placeholder) {
   color: oklch(var(--content-on-surface-muted));
 }

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

@@ -151,10 +151,14 @@ function baseExtensions(options: CreateCodeMirrorOptions): Extension[] {
 /**
  * Build a CodeMirror view themed like `UiCodeBlock`. Loaded lazily by
  * `CkCodeEditor` so CodeMirror stays out of the package's main chunk.
+ *
+ * The view is built at once, as plain text, and the grammar is applied when it
+ * arrives: the placeholder, gutter and content must not wait on a network
+ * request that may be slow or never finish. Only the syntax colours do.
  */
-export async function createCodeMirror(
+export function createCodeMirror(
   options: CreateCodeMirrorOptions,
-): Promise<CodeMirrorHandle> {
+): CodeMirrorHandle {
   // One set per view: a compartment is the key a reconfigure targets, so
   // sharing them across editors would make the instances interfere.
   const languageSlot = new Compartment();
@@ -164,9 +168,10 @@ export async function createCodeMirror(
   const badgeSlot = new Compartment();
   const lineSeparatorSlot = new Compartment();
 
-  const support = await resolveLanguage(options.language);
   // Guards against out-of-order grammar loads; see `setLanguage` below.
   let languageRequestId = 0;
+  // A grammar can land after the view is gone; it must not touch it then.
+  let destroyed = false;
 
   const view = new EditorView({
     parent: options.parent,
@@ -174,7 +179,7 @@ export async function createCodeMirror(
       doc: options.doc,
       extensions: [
         ...baseExtensions(options),
-        languageSlot.of(support ? [support] : []),
+        languageSlot.of([]),
         readonlySlot.of(readonlyState(options.readonly)),
         lineNumbersSlot.of(options.showLineNumbers ? lineNumbers() : []),
         wrappingSlot.of(options.lineWrapping ? EditorView.lineWrapping : []),
@@ -187,9 +192,29 @@ export async function createCodeMirror(
   });
 
   function reconfigure(slot: Compartment, extension: Extension): void {
+    if (destroyed) return;
     view.dispatch({ effects: slot.reconfigure(extension) });
   }
 
+  async function setLanguage(language: string): Promise<void> {
+    // Grammars load over the network and out of order, so a slow one must not
+    // land on top of a language chosen after it.
+    const request = ++languageRequestId;
+    const next = await resolveLanguage(language);
+    if (request !== languageRequestId) return;
+    try {
+      reconfigure(languageSlot, next ? [next] : []);
+    } catch (error) {
+      // Typically a grammar built against another `@codemirror/state` copy.
+      // The editor keeps working as plain text; say why the colours are gone.
+      // eslint-disable-next-line no-console
+      console.warn(`[CkCodeEditor] Could not apply "${language}":`, error);
+    }
+  }
+
+  // Nothing waits on this; a failed grammar already resolves to plain text.
+  setLanguage(options.language).catch(() => undefined);
+
   return {
     view,
     getCode: () => readDoc(view.state),
@@ -208,14 +233,7 @@ export async function createCodeMirror(
         selection: { anchor: cursor },
       });
     },
-    setLanguage: async (language) => {
-      // Grammars load over the network and out of order, so a slow one must not
-      // land on top of a language chosen after it.
-      const request = ++languageRequestId;
-      const next = await resolveLanguage(language);
-      if (request !== languageRequestId) return;
-      reconfigure(languageSlot, next ? [next] : []);
-    },
+    setLanguage,
     setReadonly: (readonly) => {
       reconfigure(readonlySlot, readonlyState(readonly));
     },
@@ -229,6 +247,9 @@ export async function createCodeMirror(
       reconfigure(badgeSlot, rule ? badgeExtension(rule) : []);
     },
     focus: () => view.focus(),
-    destroy: () => view.destroy(),
+    destroy: () => {
+      destroyed = true;
+      view.destroy();
+    },
   };
 }

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

@@ -1,2 +1,3 @@
 export { default as CkCodeEditor } from './CkCodeEditor.vue';
+export { preloadCkCodeEditor } from './loadCodeMirror';
 export type * from './types';

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

@@ -0,0 +1,28 @@
+import type * as CodeMirrorModule from './createCodeMirror';
+
+let pending: Promise<typeof CodeMirrorModule> | undefined;
+
+/**
+ * Import the CodeMirror chunk once and share the result.
+ *
+ * A failed import is forgotten rather than cached, so the next editor to mount
+ * (or the next `preloadCkCodeEditor` call) tries again instead of inheriting the
+ * failure.
+ */
+export function loadCodeMirror(): Promise<typeof CodeMirrorModule> {
+  pending ??= import('./createCodeMirror').catch((error: unknown) => {
+    pending = undefined;
+    throw error;
+  });
+  return pending;
+}
+
+/**
+ * Start fetching `CkCodeEditor`'s CodeMirror chunk ahead of time, for example
+ * when a view that will open an editor is shown. The editor then appears
+ * without waiting on the network. Safe to call repeatedly; failures are
+ * swallowed here and surface, if still failing, when an editor mounts.
+ */
+export function preloadCkCodeEditor(): void {
+  loadCodeMirror().catch(() => undefined);
+}

package/src/components/base/index.ts

@@ -86,7 +86,7 @@ export type {
   CkMilkdownEditorExposed,
   CkMilkdownEditorProps,
 } from './CkMilkdownEditor';
-export { CkCodeEditor } from './CkCodeEditor';
+export { CkCodeEditor, preloadCkCodeEditor } from './CkCodeEditor';
 export type {
   CkCodeEditorEmits,
   CkCodeEditorExposed,

package/src/components/index.ts

@@ -29,6 +29,7 @@ export {
   CkEditableUserMessage,
   CkMilkdownEditor,
   CkCodeEditor,
+  preloadCkCodeEditor,
 } from './base';
 export type {
   CkAgentMessageHeaderProps,

package/src/index.ts

@@ -101,6 +101,7 @@ export {
   CkEditableUserMessage,
   CkMilkdownEditor,
   CkCodeEditor,
+  preloadCkCodeEditor,
 } from './components';
 export type {
   CkAgentMessageHeaderProps,