@aleph-alpha/chat-kit 6.3.0 → 6.4.1

package/dist/{code-palette-DAJUTnR-.js → code-palette-BWrZDi47.js}

@@ -19273,7 +19273,7 @@ function legacy(parser) {
   return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql(dialectName) {
-  return import("./index-ZHg2R9iD.js").then((m) => m.sql({ dialect: m[dialectName] }));
+  return import("./index-DZGfsazg.js").then((m) => m.sql({ dialect: m[dialectName] }));
 }
 const languages = [
   // New-style language modes
@@ -19281,7 +19281,7 @@ const languages = [
     name: "C",
     extensions: ["c", "h", "ino"],
     load() {
-      return import("./index-BoUJGvvQ.js").then((m) => m.cpp());
+      return import("./index-B4uqe-fL.js").then((m) => m.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19289,7 +19289,7 @@ const languages = [
     alias: ["cpp"],
     extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
     load() {
-      return import("./index-BoUJGvvQ.js").then((m) => m.cpp());
+      return import("./index-B4uqe-fL.js").then((m) => m.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19304,14 +19304,14 @@ const languages = [
     name: "CSS",
     extensions: ["css"],
     load() {
-      return import("./index-BhvbqYsK.js").then((m) => m.css());
+      return import("./index-CefLTKmi.js").then((m) => m.css());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Go",
     extensions: ["go"],
     load() {
-      return import("./index-BtY1uxn6.js").then((m) => m.go());
+      return import("./index-Bw39pbRL.js").then((m) => m.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19319,14 +19319,14 @@ const languages = [
     alias: ["xhtml"],
     extensions: ["html", "htm", "handlebars", "hbs"],
     load() {
-      return import("./index-DxTzaHLr.js").then((m) => m.html());
+      return import("./index-ptbBQ53d.js").then((m) => m.html());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Java",
     extensions: ["java"],
     load() {
-      return import("./index-gYt3E3Cp.js").then((m) => m.java());
+      return import("./index-Bfo4U-Al.js").then((m) => m.java());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19334,14 +19334,14 @@ const languages = [
     alias: ["ecmascript", "js", "node"],
     extensions: ["js", "mjs", "cjs"],
     load() {
-      return import("./index-DufAP1JF.js").then((m) => m.javascript());
+      return import("./index-Cx5ThXzs.js").then((m) => m.javascript());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Jinja",
     extensions: ["j2", "jinja", "jinja2"],
     load() {
-      return import("./index-w2yzH7vs.js").then((m) => m.jinja());
+      return import("./index--Yonjzfi.js").then((m) => m.jinja());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19349,28 +19349,28 @@ const languages = [
     alias: ["json5"],
     extensions: ["json", "map"],
     load() {
-      return import("./index-CB6xZVsf.js").then((m) => m.json());
+      return import("./index-Hro6EPZS.js").then((m) => m.json());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "JSX",
     extensions: ["jsx"],
     load() {
-      return import("./index-DufAP1JF.js").then((m) => m.javascript({ jsx: true }));
+      return import("./index-Cx5ThXzs.js").then((m) => m.javascript({ jsx: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "LESS",
     extensions: ["less"],
     load() {
-      return import("./index-CIF93PZF.js").then((m) => m.less());
+      return import("./index-TemHfU1M.js").then((m) => m.less());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Liquid",
     extensions: ["liquid"],
     load() {
-      return import("./index-B2tew8uf.js").then((m) => m.liquid());
+      return import("./index-oO_X5wU0.js").then((m) => m.liquid());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19383,7 +19383,7 @@ const languages = [
     name: "Markdown",
     extensions: ["md", "markdown", "mkd"],
     load() {
-      return import("./index-BvG6l44n.js").then((m) => m.markdown());
+      return import("./index-DTomeh-p.js").then((m) => m.markdown());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19402,7 +19402,7 @@ const languages = [
     name: "PHP",
     extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
     load() {
-      return import("./index-DgCcFC3N.js").then((m) => m.php());
+      return import("./index-CeaT_FBl.js").then((m) => m.php());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19423,28 +19423,28 @@ const languages = [
     extensions: ["BUILD", "bzl", "py", "pyw"],
     filename: /^(BUCK|BUILD)$/,
     load() {
-      return import("./index-MfXW4ZyN.js").then((m) => m.python());
+      return import("./index-CZmdzLaU.js").then((m) => m.python());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Rust",
     extensions: ["rs"],
     load() {
-      return import("./index-DhwsowEf.js").then((m) => m.rust());
+      return import("./index-GDUM7K5V.js").then((m) => m.rust());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Sass",
     extensions: ["sass"],
     load() {
-      return import("./index-Cxs6kPho.js").then((m) => m.sass({ indented: true }));
+      return import("./index-DqUiBDRo.js").then((m) => m.sass({ indented: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "SCSS",
     extensions: ["scss"],
     load() {
-      return import("./index-Cxs6kPho.js").then((m) => m.sass());
+      return import("./index-DqUiBDRo.js").then((m) => m.sass());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19464,7 +19464,7 @@ const languages = [
     name: "TSX",
     extensions: ["tsx"],
     load() {
-      return import("./index-DufAP1JF.js").then((m) => m.javascript({ jsx: true, typescript: true }));
+      return import("./index-Cx5ThXzs.js").then((m) => m.javascript({ jsx: true, typescript: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19472,14 +19472,14 @@ const languages = [
     alias: ["ts"],
     extensions: ["ts", "mts", "cts"],
     load() {
-      return import("./index-DufAP1JF.js").then((m) => m.javascript({ typescript: true }));
+      return import("./index-Cx5ThXzs.js").then((m) => m.javascript({ typescript: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "WebAssembly",
     extensions: ["wat", "wast"],
     load() {
-      return import("./index-BLVAx_f8.js").then((m) => m.wast());
+      return import("./index-DlLnTKv3.js").then((m) => m.wast());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19487,7 +19487,7 @@ const languages = [
     alias: ["rss", "wsdl", "xsd"],
     extensions: ["xml", "xsl", "xsd", "svg"],
     load() {
-      return import("./index-BUCqcTPA.js").then((m) => m.xml());
+      return import("./index-CrBanggA.js").then((m) => m.xml());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -19495,7 +19495,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return import("./index-DqGDenO9.js").then((m) => m.yaml());
+      return import("./index-DH9e_hqJ.js").then((m) => m.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -20284,13 +20284,13 @@ const languages = [
     name: "Vue",
     extensions: ["vue"],
     load() {
-      return import("./index-Dl24CCB3.js").then((m) => m.vue());
+      return import("./index-CGEgwupi.js").then((m) => m.vue());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Angular Template",
     load() {
-      return import("./index-CYk7AB8M.js").then((m) => m.angular());
+      return import("./index-g_Bs6dNr.js").then((m) => m.angular());
     }
   })
 ];
@@ -21398,12 +21398,22 @@ const ckHighlightStyle = HighlightStyle.define([
       tags.definitionKeyword,
       tags.moduleKeyword,
       tags.operatorKeyword,
-      tags.operator
+      tags.operator,
+      // CSS units (`px`, `rem`) are `keyword.other.unit` to a TextMate grammar.
+      tags.unit
     ],
     color: cssVar("keyword")
   },
   {
-    tag: [tags.string, tags.special(tags.string), tags.regexp, tags.escape, tags.character],
+    tag: [
+      tags.string,
+      tags.special(tags.string),
+      tags.regexp,
+      tags.escape,
+      tags.character,
+      // `class="card"` — the quoted value is a string, not a constant.
+      tags.attributeValue
+    ],
     color: cssVar("string")
   },
   {
@@ -21419,7 +21429,8 @@ const ckHighlightStyle = HighlightStyle.define([
       tags.definition(tags.typeName),
       tags.className,
       tags.namespace,
-      tags.self
+      // `entity.other.attribute-name`, which GitHub colours like any entity.
+      tags.attributeName
     ],
     color: cssVar("function")
   },
@@ -21436,19 +21447,35 @@ const ckHighlightStyle = HighlightStyle.define([
       tags.typeName,
       tags.standard(tags.typeName),
       tags.propertyName,
-      tags.attributeName,
-      tags.attributeValue
+      // `this` / `self` are `variable.language`, which GitHub paints blue.
+      tags.self,
+      // CSS colour literals (`#ff0066`), `constant.other.color-*`.
+      tags.color,
+      // Bare identifiers a grammar cannot classify further — SQL column and
+      // table names, for one. Every more specific name tag has its own rule
+      // above, so this only catches what would otherwise be unstyled.
+      tags.name
     ],
     color: cssVar("constant")
   },
   // A declared property name, which UiCodeBlock renders in the text token.
   { tag: tags.definition(tags.propertyName), color: cssVar("property") },
-  { tag: [tags.tagName, tags.angleBracket], color: cssVar("tag") },
+  { tag: tags.tagName, color: cssVar("tag") },
+  // Markdown blockquotes are `markup.quote`, the same green as a tag name.
+  { tag: tags.quote, color: cssVar("tag") },
   {
-    tag: [tags.variableName, tags.punctuation, tags.bracket, tags.separator],
+    tag: [
+      tags.variableName,
+      tags.punctuation,
+      tags.bracket,
+      tags.separator,
+      // `<`, `>` and `</` are plain text in the GitHub themes; only the tag
+      // name inside them is green.
+      tags.angleBracket
+    ],
     color: cssVar("foreground")
   },
-  { tag: tags.heading, fontWeight: "bold" },
+  { tag: tags.heading, color: cssVar("constant"), fontWeight: "bold" },
   { tag: tags.strong, fontWeight: "bold" },
   { tag: tags.emphasis, fontStyle: "italic" },
   { tag: tags.link, textDecoration: "underline" },
@@ -21478,7 +21505,16 @@ const ckCodeMirrorTheme = [
     ".cm-gutters": {
       backgroundColor: "transparent",
       borderRight: "none",
-      color: cssVar("comment")
+      color: cssVar("line-number")
+    },
+    // `UiCodeBlock` draws its numbers as a 2rem right-aligned column inside the
+    // block's 1rem padding, with a 1rem gap before the code. CodeMirror puts
+    // the gutter outside `.cm-content`, so the same geometry is expressed as
+    // padding on the number cell.
+    ".cm-lineNumbers .cm-gutterElement": {
+      minWidth: "4rem",
+      padding: "0 1rem",
+      textAlign: "right"
     },
     ".cm-activeLineGutter": {
       backgroundColor: "transparent"
@@ -21503,96 +21539,97 @@ const ckCodeMirrorTheme = [
   syntaxHighlighting(ckHighlightStyle)
 ];
 export {
-  NodeSet as $,
-  foldInside as A,
-  Text as B,
-  Compartment as C,
-  codePointAt as D,
+  highlightActiveLine as $,
+  Annotation as A,
+  DefaultBufferLength as B,
+  CharCategory as C,
+  Decoration as D,
   EditorView as E,
-  Annotation as F,
-  Decoration as G,
-  StateField as H,
-  codePointSize as I,
-  showTooltip as J,
-  logException as K,
+  Facet as F,
+  NodeProp as G,
+  Tree as H,
+  IterMode as I,
+  MatchDecorator as J,
+  EditorState as K,
   LRLanguage as L,
-  getTooltip as M,
-  Facet as N,
-  combineConfig as O,
+  MapMode as M,
+  NodeSet as N,
+  Compartment as O,
   Prec as P,
-  fromCodePoint as Q,
+  lineNumbers as Q,
   RangeSet as R,
   StateEffect as S,
   Transaction as T,
-  MapMode as U,
+  languages as U,
   ViewPlugin as V,
   WidgetType as W,
-  RangeValue as X,
-  Direction as Y,
-  CharCategory as Z,
-  Parser as _,
-  EditorState as a,
-  NodeType as a0,
-  DefaultBufferLength as a1,
-  NodeProp as a2,
-  Tree as a3,
-  IterMode as a4,
-  flatIndent as a5,
-  NodeWeakMap as a6,
-  Tag as a7,
-  countColumn as a8,
-  Language as a9,
-  crosshairCursor as aA,
-  foldKeymap as aB,
-  foldService as aa,
-  defineLanguageFacet as ab,
-  languageDataProp as ac,
-  LanguageDescription as ad,
-  ParseContext as ae,
-  bracketMatchingHandle as af,
-  sublanguageProp as ag,
-  syntaxHighlighting as ah,
-  HighlightStyle as ai,
-  keyName as aj,
-  base as ak,
-  getPanel as al,
-  getDialog as am,
-  showDialog as an,
-  showPanel as ao,
-  RangeSetBuilder as ap,
-  crelt as aq,
-  runScopeHandlers as ar,
-  findClusterBreak as as,
-  activateHover as at,
-  hoverTooltip as au,
-  highlightActiveLineGutter as av,
-  foldGutter as aw,
-  dropCursor as ax,
-  defaultHighlightStyle as ay,
-  rectangularSelection as az,
-  languages as b,
-  ckCodeMirrorTheme as c,
-  drawSelection as d,
-  highlightSpecialChars as e,
-  highlightActiveLine as f,
-  bracketMatching as g,
-  history as h,
-  indentOnInput as i,
-  indentUnit as j,
-  keymap as k,
-  lineNumbers as l,
-  defaultKeymap as m,
-  historyKeymap as n,
-  indentWithTab as o,
-  placeholder as p,
-  LanguageSupport as q,
-  indentNodeProp as r,
-  continuedIndent as s,
-  foldNodeProp as t,
-  styleTags as u,
-  tags as v,
-  syntaxTree as w,
-  EditorSelection as x,
-  parseMixed as y,
-  delimitedIndent as z
+  ckCodeMirrorTheme as X,
+  history as Y,
+  drawSelection as Z,
+  highlightSpecialChars as _,
+  LanguageSupport as a,
+  bracketMatching as a0,
+  indentOnInput as a1,
+  defaultKeymap as a2,
+  historyKeymap as a3,
+  indentWithTab as a4,
+  placeholder as a5,
+  flatIndent as a6,
+  NodeWeakMap as a7,
+  Tag as a8,
+  countColumn as a9,
+  rectangularSelection as aA,
+  crosshairCursor as aB,
+  foldKeymap as aC,
+  Language as aa,
+  foldService as ab,
+  defineLanguageFacet as ac,
+  languageDataProp as ad,
+  LanguageDescription as ae,
+  ParseContext as af,
+  bracketMatchingHandle as ag,
+  sublanguageProp as ah,
+  syntaxHighlighting as ai,
+  HighlightStyle as aj,
+  keyName as ak,
+  base as al,
+  getPanel as am,
+  getDialog as an,
+  showDialog as ao,
+  showPanel as ap,
+  RangeSetBuilder as aq,
+  crelt as ar,
+  runScopeHandlers as as,
+  findClusterBreak as at,
+  activateHover as au,
+  hoverTooltip as av,
+  highlightActiveLineGutter as aw,
+  foldGutter as ax,
+  dropCursor as ay,
+  defaultHighlightStyle as az,
+  syntaxTree as b,
+  continuedIndent as c,
+  EditorSelection as d,
+  delimitedIndent as e,
+  foldNodeProp as f,
+  foldInside as g,
+  Text as h,
+  indentNodeProp as i,
+  codePointAt as j,
+  indentUnit as k,
+  StateField as l,
+  keymap as m,
+  codePointSize as n,
+  showTooltip as o,
+  parseMixed as p,
+  logException as q,
+  getTooltip as r,
+  styleTags as s,
+  tags as t,
+  combineConfig as u,
+  fromCodePoint as v,
+  RangeValue as w,
+  Direction as x,
+  Parser as y,
+  NodeType as z
 };

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

@@ -31,9 +31,16 @@ export declare const Readonly: Story;
 export declare const WithoutHeader: Story;
 /**
  * `maxHeight` caps the scrollable area and `lineWrapping` folds long lines
- * instead of scrolling sideways.
+ * instead of scrolling sideways. Scroll it: the code fades at whichever edge
+ * has more of the document beyond it, and neither edge fades once you reach it.
  */
 export declare const ScrollingAndWrapping: Story;
+/**
+ * `badge` draws matched references as inline pills, the way a mention renders in
+ * prose. The document still holds the raw `@collection:…` text, so `getCode()`
+ * and copy give the real reference; a pill deletes as one unit.
+ */
+export declare const WithBadges: Story;
 /**
  * Parity check: the editor on the left, the same snippet rendered through
  * `CkMarkdownRenderer` and `UiCodeBlock` on the right. Border, radius, header,

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;AAG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAiCnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiInC;;;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;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,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,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"}

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

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

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":"AA4PA,OAAO,KAAK,EAAqB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA2JpE,iBAAS,KAAK,IAAI,IAAI,CAErB;AAED,iBAAS,OAAO,IAAI,MAAM,CAEzB;AAsJD,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":"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"}

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

@@ -0,0 +1,47 @@
+import type { Extension, Range } from '@codemirror/state';
+import { Decoration } from '@codemirror/view';
+/** What a matched reference should look like once it is drawn as a pill. */
+export interface CkCodeEditorBadgeContent {
+    /** Text inside the pill. */
+    label: string;
+    /**
+     * Optional inline SVG markup for a leading icon, sized to 12px. This is
+     * developer-supplied configuration rather than document content, and it is
+     * sanitised before it reaches the DOM.
+     */
+    icon?: string;
+    /** Native tooltip, useful for showing the underlying reference. */
+    title?: string;
+    /**
+     * Classes replacing the default pill styling, which is the secondary badge
+     * the ChatKit design file specifies.
+     */
+    class?: string;
+}
+/** Rule turning matched text in the document into inline pills. */
+export interface CkCodeEditorBadgeRule {
+    /**
+     * Pattern matched within each line. A non-global pattern is promoted to a
+     * global one, and matching never crosses a line break.
+     */
+    pattern: RegExp;
+    /**
+     * Maps a match to its pill, or returns `null` to leave that occurrence as
+     * ordinary text. The match array carries any capture groups.
+     */
+    render: (match: RegExpExecArray) => CkCodeEditorBadgeContent | null;
+}
+/**
+ * Draw matched references as inline pills, the way a mention or a chip renders
+ * inside prose.
+ *
+ * The document keeps the original text: the decoration only replaces what is
+ * *drawn*, so reading the value, copying and pasting all still yield the raw
+ * reference. The matched range is also registered as atomic, so the caret
+ * treats a pill as a single unit and backspace removes the whole reference
+ * rather than one character of it.
+ */
+export declare function badgeExtension(rule: CkCodeEditorBadgeRule): Extension;
+/** Exported for tests: the ranges a rule would decorate in a plain string. */
+export declare function matchBadgeRanges(rule: CkCodeEditorBadgeRule, text: string): Range<Decoration>[];
+//# sourceMappingURL=badgeDecoration.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badgeDecoration.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkCodeEditor/badgeDecoration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EACL,UAAU,EAOX,MAAM,kBAAkB,CAAC;AAG1B,4EAA4E;AAC5E,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mEAAmE;AACnE,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,wBAAwB,GAAG,IAAI,CAAC;CACrE;AAgED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,qBAAqB,GAAG,SAAS,CA+BrE;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,qBAAqB,EAC3B,IAAI,EAAE,MAAM,GACX,KAAK,CAAC,UAAU,CAAC,EAAE,CAkBrB"}

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

@@ -1,5 +1,6 @@
 import { type LanguageSupport } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
+import { type CkCodeEditorBadgeRule } from './badgeDecoration';
 import '../../../helpers/codemirror/code-palette.css';
 export interface CreateCodeMirrorOptions {
     /** Element the view is mounted into. */
@@ -11,10 +12,16 @@ export interface CreateCodeMirrorOptions {
     readonly: boolean;
     showLineNumbers: boolean;
     lineWrapping: boolean;
+    /** Draws matched references as inline pills; see `badgeDecoration.ts`. */
+    badge?: CkCodeEditorBadgeRule;
     /** Called synchronously whenever the document changes. */
     onChange: (value: string) => void;
+    /**
+     * Called when the editing area takes focus. There is deliberately no `onBlur`
+     * counterpart: losing focus to the header's copy button is not leaving the
+     * editor, and only the component around this view can tell the difference.
+     */
     onFocus: () => void;
-    onBlur: () => void;
 }
 /** Imperative surface `CkCodeEditor` drives; keeps CodeMirror out of the SFC. */
 export interface CodeMirrorHandle {
@@ -26,6 +33,7 @@ export interface CodeMirrorHandle {
     setReadonly: (readonly: boolean) => void;
     setShowLineNumbers: (show: boolean) => void;
     setLineWrapping: (wrap: boolean) => void;
+    setBadge: (rule: CkCodeEditorBadgeRule | undefined) => void;
     focus: () => void;
     destroy: () => void;
 }
@@ -36,6 +44,16 @@ export interface CodeMirrorHandle {
  * unhighlighted code instead of throwing.
  */
 export declare function resolveLanguage(language: string): Promise<LanguageSupport | null>;
+/**
+ * Pick the line ending a document already uses.
+ *
+ * CodeMirror splits on `\n`, `\r\n` and `\r` alike, but `doc.toString()` always
+ * joins with `\n`. Left alone, opening a file with Windows line endings and
+ * typing one character would silently rewrite every line ending in it. Telling
+ * the editor which separator this document uses keeps it intact, both when
+ * reading the value back and when the user presses Enter.
+ */
+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.

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,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,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;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,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;AAuCD;;;GAGG;AACH,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,gBAAgB,CAAC,CAyD3B"}
+{"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"}