@aleph-alpha/chat-kit 6.3.0 → 6.4.0

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-gV-lp0ZB.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-B0WUzTHa.js";
 export {
   _ as CkAgentMessage,
   a as CkAgentMessageHeader,

package/dist/{createCodeMirror-BkV6FEPn.js → createCodeMirror-5iswYetS.js}

@@ -1,4 +1,67 @@
-import { E as EditorView, a as EditorState, C as Compartment, l as lineNumbers, b as languages, c as ckCodeMirrorTheme, h as history, d as drawSelection, e as highlightSpecialChars, f as highlightActiveLine, g as bracketMatching, i as indentOnInput, j as indentUnit, k as keymap, m as defaultKeymap, n as historyKeymap, o as indentWithTab, p as placeholder } from "./code-palette-DAJUTnR-.js";
+import { J as MatchDecorator, D as Decoration, V as ViewPlugin, E as EditorView, W as WidgetType, K as EditorState, O as Compartment, Q as lineNumbers, U as languages, X as ckCodeMirrorTheme, Y as history, Z as drawSelection, _ as highlightSpecialChars, $ as highlightActiveLine, a0 as bracketMatching, a1 as indentOnInput, k as indentUnit, m as keymap, a2 as defaultKeymap, a3 as historyKeymap, a4 as indentWithTab, a5 as placeholder } from "./code-palette-DH_G7mZ5.js";
+import { p as purify } from "./katex.min-md74IFlY.js";
+const DEFAULT_BADGE_CLASS = "ck-code-badge inline-flex w-fit shrink-0 select-none items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-md border border-border-surface-default bg-background-button-secondary-button text-content-on-surface-primary px-2 py-0.5 label-12-regular align-middle";
+class BadgeWidget extends WidgetType {
+  constructor(content) {
+    super();
+    this.content = content;
+  }
+  // Decorations are rebuilt on every document and viewport change. Without a
+  // real comparison here every pill would be torn down and recreated on each
+  // keystroke, which flickers and drops any focus inside the widget.
+  eq(other) {
+    return other.content.label === this.content.label && other.content.icon === this.content.icon && other.content.title === this.content.title && other.content.class === this.content.class;
+  }
+  toDOM() {
+    const el = document.createElement("span");
+    el.className = this.content.class ?? DEFAULT_BADGE_CLASS;
+    if (this.content.title) el.title = this.content.title;
+    if (this.content.icon) {
+      const icon = document.createElement("span");
+      icon.className = "ck-code-badge__icon inline-flex shrink-0";
+      icon.innerHTML = purify.sanitize(this.content.icon, {
+        USE_PROFILES: { svg: true, svgFilters: true }
+      });
+      el.append(icon);
+    }
+    el.append(document.createTextNode(this.content.label));
+    return el;
+  }
+  /** The pill is decorative; let the editor handle every event over it. */
+  ignoreEvent() {
+    return false;
+  }
+}
+function toGlobal(pattern) {
+  const flags = pattern.flags.includes("g") ? pattern.flags : `${pattern.flags}g`;
+  return new RegExp(pattern.source, flags);
+}
+function badgeExtension(rule) {
+  const matcher = new MatchDecorator({
+    regexp: toGlobal(rule.pattern),
+    decoration: (match) => {
+      const content = rule.render(match);
+      return content ? Decoration.replace({ widget: new BadgeWidget(content) }) : null;
+    }
+  });
+  return ViewPlugin.fromClass(
+    class {
+      badges;
+      constructor(view) {
+        this.badges = matcher.createDeco(view);
+      }
+      update(update) {
+        this.badges = matcher.updateDeco(update, this.badges);
+      }
+    },
+    {
+      decorations: (plugin) => plugin.badges,
+      provide: (plugin) => EditorView.atomicRanges.of(
+        (view) => view.plugin(plugin)?.badges ?? Decoration.none
+      )
+    }
+  );
+}
 const PLAIN_ALIASES = /* @__PURE__ */ new Set(["text", "txt", "plain", "plaintext", ""]);
 async function resolveLanguage(language) {
   const id = language.trim().toLowerCase();
@@ -50,6 +113,7 @@ async function createCodeMirror(options) {
   const readonlySlot = new Compartment();
   const lineNumbersSlot = new Compartment();
   const wrappingSlot = new Compartment();
+  const badgeSlot = new Compartment();
   const support = await resolveLanguage(options.language);
   const view = new EditorView({
     parent: options.parent,
@@ -60,7 +124,8 @@ async function createCodeMirror(options) {
         languageSlot.of(support ? [support] : []),
         readonlySlot.of(readonlyState(options.readonly)),
         lineNumbersSlot.of(options.showLineNumbers ? lineNumbers() : []),
-        wrappingSlot.of(options.lineWrapping ? EditorView.lineWrapping : [])
+        wrappingSlot.of(options.lineWrapping ? EditorView.lineWrapping : []),
+        badgeSlot.of(options.badge ? badgeExtension(options.badge) : [])
       ]
     })
   });
@@ -91,6 +156,9 @@ async function createCodeMirror(options) {
     setLineWrapping: (wrap) => {
       reconfigure(wrappingSlot, wrap ? EditorView.lineWrapping : []);
     },
+    setBadge: (rule) => {
+      reconfigure(badgeSlot, rule ? badgeExtension(rule) : []);
+    },
     focus: () => view.focus(),
     destroy: () => view.destroy()
   };

package/dist/{createCrepeEditor-Ci5FHHIV.js → createCrepeEditor-C-AQ1w_e.js}

@@ -6,10 +6,10 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var _marks, _hasText, _maybeMerge, _matchTarget, _runNode, _closeNodeAndPush, _addNodeAndPush, _a, _b, _openMarks, _matchTarget2, _runProseNode, _runProseMark, _orderMarks, _closeEndedMarks, _runNode2, _maybeMergeChildren, _createMarkdownNode, _moveSpaces, _closeNodeAndPush2, _addNodeAndPush2, _openMark, _closeMark, _c;
-import { ah as syntaxHighlighting, E as EditorView$1, ai as HighlightStyle, v as tags, aj as keyName, ak as base, C as Compartment, a as EditorState$1, d as drawSelection, k as keymap$4, S as StateEffect, al as getPanel, x as EditorSelection, am as getDialog, an as showDialog, V as ViewPlugin, G as Decoration$1, H as StateField, ao as showPanel, P as Prec, D as codePointAt, I as codePointSize, N as Facet, O as combineConfig, Z as CharCategory, ap as RangeSetBuilder, Q as fromCodePoint, aq as crelt, ar as runScopeHandlers, as as findClusterBreak, at as activateHover, au as hoverTooltip, W as WidgetType$1, l as lineNumbers, av as highlightActiveLineGutter, e as highlightSpecialChars, h as history$2, aw as foldGutter, ax as dropCursor, i as indentOnInput, ay as defaultHighlightStyle, g as bracketMatching, az as rectangularSelection, aA as crosshairCursor, f as highlightActiveLine, m as defaultKeymap, n as historyKeymap$1, aB as foldKeymap, b as languages, o as indentWithTab, c as ckCodeMirrorTheme } from "./code-palette-DAJUTnR-.js";
+import { ai as syntaxHighlighting, E as EditorView$1, aj as HighlightStyle, t as tags, ak as keyName, al as base, O as Compartment, K as EditorState$1, Z as drawSelection, m as keymap$4, S as StateEffect, am as getPanel, d as EditorSelection, an as getDialog, ao as showDialog, V as ViewPlugin, D as Decoration$1, l as StateField, ap as showPanel, P as Prec, j as codePointAt, n as codePointSize, F as Facet, u as combineConfig, C as CharCategory, aq as RangeSetBuilder, v as fromCodePoint, ar as crelt, as as runScopeHandlers, at as findClusterBreak, au as activateHover, av as hoverTooltip, W as WidgetType$1, Q as lineNumbers, aw as highlightActiveLineGutter, _ as highlightSpecialChars, Y as history$2, ax as foldGutter, ay as dropCursor, a1 as indentOnInput, az as defaultHighlightStyle, a0 as bracketMatching, aA as rectangularSelection, aB as crosshairCursor, $ as highlightActiveLine, a2 as defaultKeymap, a3 as historyKeymap$1, aC as foldKeymap, U as languages, a4 as indentWithTab, X as ckCodeMirrorTheme } from "./code-palette-DH_G7mZ5.js";
 import { p as purify } from "./katex.min-md74IFlY.js";
 import { h, defineComponent, ref, Fragment as Fragment$1, createApp, watchEffect, watch, computed, onMounted, onUnmounted, shallowRef, nextTick } from "vue";
-import { a as closeBrackets, b as autocompletion, d as closeBracketsKeymap, e as completionKeymap } from "./index-D6ftdiLa.js";
+import { a as closeBrackets, b as autocompletion, d as closeBracketsKeymap, e as completionKeymap } from "./index-CG8e3146.js";
 import { h as formatCodeAsIndented, i as formatHeadingAsSetext, j as decodeString, k as encodeCharacterReference, p as patternInScope, n as handle, u as unified, r as remarkParse, v as visit, S as SKIP, d as visitParents, a as remarkGfm } from "./index-CLdXUpL8.js";
 import { z as zwitch, c as remarkMath, d as defaultChatKitLabels } from "./useChatKitLabels-CatQSpfL.js";
 const own = {}.hasOwnProperty;

package/dist/{index-Cxs6kPho.js → index-ABUMl7H3.js}

@@ -1,6 +1,6 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, q as LanguageSupport, L as LRLanguage, t as foldNodeProp, A as foldInside, r as indentNodeProp, s as continuedIndent } from "./code-palette-DAJUTnR-.js";
-import { defineCSSCompletionSource } from "./index-BhvbqYsK.js";
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, a as LanguageSupport, L as LRLanguage, f as foldNodeProp, g as foldInside, i as indentNodeProp, c as continuedIndent } from "./code-palette-DH_G7mZ5.js";
+import { defineCSSCompletionSource } from "./index-DfLCrnVq.js";
 const indent = 168, dedent = 169, descendantOp = 170, InterpolationEnd = 1, InterpolationContinue = 2, Unit = 3, callee = 171, identifier = 172, VariableName = 4, queryIdentifier = 173, InterpolationStart = 5, newline = 174, blankLineStart = 175, eof = 176, whitespace = 177, LineComment = 6, Comment = 7, IndentedMixin = 8, IndentedInclude = 9, Dialect_indented = 0;
 const space = [
   9,

package/dist/{index-DufAP1JF.js → index-BlIc9r0r.js}

@@ -1,6 +1,6 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, E as EditorView, w as syntaxTree, x as EditorSelection, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, a5 as flatIndent, s as continuedIndent, z as delimitedIndent, t as foldNodeProp, A as foldInside, ag as sublanguageProp, ab as defineLanguageFacet, a6 as NodeWeakMap, a4 as IterMode } from "./code-palette-DAJUTnR-.js";
-import { i as ifNotIn, c as completeFromList, s as snippetCompletion } from "./index-D6ftdiLa.js";
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, E as EditorView, b as syntaxTree, d as EditorSelection, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, a6 as flatIndent, c as continuedIndent, e as delimitedIndent, f as foldNodeProp, g as foldInside, ah as sublanguageProp, ac as defineLanguageFacet, a7 as NodeWeakMap, I as IterMode } from "./code-palette-DH_G7mZ5.js";
+import { i as ifNotIn, c as completeFromList, s as snippetCompletion } from "./index-CG8e3146.js";
 const noSemi = 316, noSemiType = 317, incdec = 1, incdecPrefix = 2, questionDot = 3, JSXStartTag = 4, insertSemi = 318, spaces = 320, newline = 321, LineComment = 5, BlockComment = 6, Dialect_jsx = 0;
 const space = [
   9,

package/dist/{index-DxTzaHLr.js → index-BqWO6mvz.js}

@@ -1,7 +1,7 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-CN8d3yl1.js";
-import { y as parseMixed, u as styleTags, v as tags, E as EditorView, w as syntaxTree, x as EditorSelection, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, t as foldNodeProp, af as bracketMatchingHandle } from "./code-palette-DAJUTnR-.js";
-import { cssLanguage, css } from "./index-BhvbqYsK.js";
-import { typescriptLanguage, jsxLanguage, tsxLanguage, javascriptLanguage, javascript } from "./index-DufAP1JF.js";
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-Mh3WUU-6.js";
+import { p as parseMixed, s as styleTags, t as tags, E as EditorView, b as syntaxTree, d as EditorSelection, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, f as foldNodeProp, ag as bracketMatchingHandle } from "./code-palette-DH_G7mZ5.js";
+import { cssLanguage, css } from "./index-DfLCrnVq.js";
+import { typescriptLanguage, jsxLanguage, tsxLanguage, javascriptLanguage, javascript } from "./index-BlIc9r0r.js";
 const scriptText = 55, StartCloseScriptTag = 1, styleText = 56, StartCloseStyleTag = 2, textareaText = 57, StartCloseTextareaTag = 3, EndTag = 4, SelfClosingEndTag = 5, StartTag = 6, StartScriptTag = 7, StartStyleTag = 8, StartTextareaTag = 9, StartSelfClosingTag = 10, StartCloseTag = 11, NoMatchStartCloseTag = 12, MismatchedStartCloseTag = 13, missingCloseTag = 58, IncompleteTag = 14, IncompleteCloseTag = 15, commentContent$1 = 59, Element = 21, TagName = 23, Attribute = 24, AttributeName = 25, AttributeValue = 27, UnquotedAttributeValue = 28, ScriptText = 29, StyleText = 32, TextareaText = 35, OpenTag = 37, CloseTag = 38, Dialect_noMatch = 0, Dialect_selfClosing = 1;
 const selfClosers$1 = {
   area: true,

package/dist/{index-DhwsowEf.js → index-CFGO7LRz.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, s as continuedIndent, t as foldNodeProp, A as foldInside } from "./code-palette-DAJUTnR-.js";
+import { L as LRParser, E as ExternalTokenizer } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, g as foldInside } from "./code-palette-DH_G7mZ5.js";
 const closureParamDelim = 1, tpOpen = 2, tpClose = 3, RawString = 4, Float = 5;
 const _b = 98, _e = 101, _f = 102, _r = 114, _E = 69, Zero = 48, Dot = 46, Plus = 43, Minus = 45, Hash = 35, Quote = 34, Pipe = 124, LessThan = 60, GreaterThan = 62;
 function isNum(ch) {

package/dist/{index-D6ftdiLa.js → index-CG8e3146.js}

@@ -1,4 +1,4 @@
-import { w as syntaxTree, T as Transaction, B as Text, S as StateEffect, D as codePointAt, x as EditorSelection, j as indentUnit, F as Annotation, G as Decoration, H as StateField, E as EditorView, P as Prec, k as keymap, I as codePointSize, R as RangeSet, J as showTooltip, V as ViewPlugin, K as logException, M as getTooltip, N as Facet, O as combineConfig, Q as fromCodePoint, U as MapMode, W as WidgetType, X as RangeValue, Y as Direction, Z as CharCategory } from "./code-palette-DAJUTnR-.js";
+import { b as syntaxTree, T as Transaction, h as Text, S as StateEffect, j as codePointAt, d as EditorSelection, k as indentUnit, A as Annotation, D as Decoration, l as StateField, E as EditorView, P as Prec, m as keymap, n as codePointSize, R as RangeSet, o as showTooltip, V as ViewPlugin, q as logException, r as getTooltip, F as Facet, u as combineConfig, v as fromCodePoint, M as MapMode, W as WidgetType, w as RangeValue, x as Direction, C as CharCategory } from "./code-palette-DH_G7mZ5.js";
 class CompletionContext {
   /**
   Create a new completion context. (Mostly useful for testing

package/dist/{index-Dl24CCB3.js → index-CIF4qQzR.js}

@@ -1,7 +1,7 @@
-import { L as LRLanguage, q as LanguageSupport, y as parseMixed, u as styleTags, v as tags } from "./code-palette-DAJUTnR-.js";
-import { html } from "./index-DxTzaHLr.js";
-import { javascriptLanguage } from "./index-DufAP1JF.js";
-import { L as LRParser, a as LocalTokenGroup } from "./index-CN8d3yl1.js";
+import { L as LRLanguage, a as LanguageSupport, p as parseMixed, s as styleTags, t as tags } from "./code-palette-DH_G7mZ5.js";
+import { html } from "./index-BqWO6mvz.js";
+import { javascriptLanguage } from "./index-BlIc9r0r.js";
+import { L as LRParser, a as LocalTokenGroup } from "./index-Mh3WUU-6.js";
 const parser = /* @__PURE__ */ LRParser.deserialize({
   version: 14,
   states: "%pOVOWOOObQPOOOpOSO'#C_OOOO'#Cp'#CpQVOWOOQxQPOOO!TQQOOQ!YQPOOOOOO,58y,58yO!_OSO,58yOOOO-E6n-E6nO!dQQO'#CqQ{QPOOO!iQPOOQ{QPOOO!qQPOOOOOO1G.e1G.eOOQO,59],59]OOQO-E6o-E6oO!yOpO'#CiO#RO`O'#CiQOQPOOO#ZO#tO'#CmO#fO!bO'#CmOOQO,59T,59TO#qOpO,59TO#vO`O,59TOOOO'#Cr'#CrO#{O#tO,59XOOQO,59X,59XOOOO'#Cs'#CsO$WO!bO,59XOOQO1G.o1G.oOOOO-E6p-E6pOOQO1G.s1G.sOOOO-E6q-E6q",

package/dist/{index-DgCcFC3N.js → index-CR2kGrpY.js}

@@ -1,6 +1,6 @@
-import { L as LRParser, E as ExternalTokenizer } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, q as LanguageSupport, y as parseMixed, L as LRLanguage, r as indentNodeProp, s as continuedIndent, z as delimitedIndent, t as foldNodeProp, A as foldInside } from "./code-palette-DAJUTnR-.js";
-import { html } from "./index-DxTzaHLr.js";
+import { L as LRParser, E as ExternalTokenizer } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, a as LanguageSupport, p as parseMixed, L as LRLanguage, i as indentNodeProp, c as continuedIndent, e as delimitedIndent, f as foldNodeProp, g as foldInside } from "./code-palette-DH_G7mZ5.js";
+import { html } from "./index-BqWO6mvz.js";
 const castOpen = 1, HeredocString = 2, interpolatedStringContent = 276, EscapeSequence = 3, afterInterpolation = 277, automaticSemicolon = 278, eof = 279, abstract = 4, and = 5, array = 6, as = 7, Boolean = 8, _break = 9, _case = 10, _catch = 11, clone = 12, _const = 13, _continue = 14, _default = 15, declare = 16, _do = 17, echo = 18, _else = 19, elseif = 20, enddeclare = 21, endfor = 22, endforeach = 23, endif = 24, endswitch = 25, endwhile = 26, _enum = 27, _extends = 28, final = 29, _finally = 30, fn = 31, _for = 32, foreach = 33, from = 34, _function = 35, global = 36, goto = 37, _if = 38, _implements = 39, include = 40, include_once = 41, _instanceof = 42, insteadof = 43, _interface = 44, list = 45, match = 46, namespace = 47, _new = 48, _null = 49, or = 50, print = 51, readonly = 52, _require = 53, require_once = 54, _return = 55, _switch = 56, _throw = 57, trait = 58, _try = 59, unset = 60, use = 61, _var = 62, Visibility = 63, _while = 64, xor = 65, _yield = 66;
 const keywordMap = {
   abstract,

package/dist/{index-BoUJGvvQ.js → index-CWp_t8Wl.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, a5 as flatIndent, s as continuedIndent, z as delimitedIndent, t as foldNodeProp, A as foldInside } from "./code-palette-DAJUTnR-.js";
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, a6 as flatIndent, c as continuedIndent, e as delimitedIndent, f as foldNodeProp, g as foldInside } from "./code-palette-DH_G7mZ5.js";
 const RawString = 1, templateArgsEndFallback = 2, MacroName = 3;
 const R = 82, L = 76, u = 117, U = 85, a = 97, z = 122, A = 65, Z = 90, Underscore = 95, Zero = 48, Quote = 34, ParenL = 40, ParenR = 41, Space = 32, GreaterThan = 62;
 const rawString = new ExternalTokenizer((input) => {

package/dist/{index-BUCqcTPA.js → index-D0IZW-Up.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, E as EditorView, w as syntaxTree, x as EditorSelection, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, t as foldNodeProp, af as bracketMatchingHandle } from "./code-palette-DAJUTnR-.js";
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, E as EditorView, b as syntaxTree, d as EditorSelection, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, f as foldNodeProp, ag as bracketMatchingHandle } from "./code-palette-DH_G7mZ5.js";
 const StartTag = 1, StartCloseTag = 2, MissingCloseTag = 3, mismatchedStartCloseTag = 4, incompleteStartCloseTag = 5, commentContent$1 = 36, piContent$1 = 37, cdataContent$1 = 38, Element$1 = 11, OpenTag = 13;
 function nameChar(ch) {
   return ch == 45 || ch == 46 || ch == 58 || ch >= 65 && ch <= 90 || ch == 95 || ch >= 97 && ch <= 122 || ch >= 161;

package/dist/{index-CYk7AB8M.js → index-DKwEe_Tu.js}

@@ -1,7 +1,7 @@
-import { L as LRLanguage, q as LanguageSupport, y as parseMixed, u as styleTags, v as tags } from "./code-palette-DAJUTnR-.js";
-import { html } from "./index-DxTzaHLr.js";
-import { javascriptLanguage } from "./index-DufAP1JF.js";
-import { L as LRParser, E as ExternalTokenizer } from "./index-CN8d3yl1.js";
+import { L as LRLanguage, a as LanguageSupport, p as parseMixed, s as styleTags, t as tags } from "./code-palette-DH_G7mZ5.js";
+import { html } from "./index-BqWO6mvz.js";
+import { javascriptLanguage } from "./index-BlIc9r0r.js";
+import { L as LRParser, E as ExternalTokenizer } from "./index-Mh3WUU-6.js";
 const Text = 1, attributeContentSingle = 33, attributeContentDouble = 34, scriptAttributeContentSingle = 35, scriptAttributeContentDouble = 36;
 const text = /* @__PURE__ */ new ExternalTokenizer((input) => {
   let start = input.pos;

package/dist/{index-w2yzH7vs.js → index-DLjsqQHx.js}

@@ -1,6 +1,6 @@
-import { E as EditorView, x as EditorSelection, q as LanguageSupport, y as parseMixed, w as syntaxTree, L as LRLanguage, u as styleTags, v as tags, r as indentNodeProp, z as delimitedIndent, t as foldNodeProp } from "./code-palette-DAJUTnR-.js";
-import { html } from "./index-DxTzaHLr.js";
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from "./index-CN8d3yl1.js";
+import { E as EditorView, d as EditorSelection, a as LanguageSupport, p as parseMixed, b as syntaxTree, L as LRLanguage, s as styleTags, t as tags, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp } from "./code-palette-DH_G7mZ5.js";
+import { html } from "./index-BqWO6mvz.js";
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from "./index-Mh3WUU-6.js";
 const interpolationStart = 1, commentTagStart = 2, tagStart = 3, text = 155, endrawTagStart = 4, rawText = 156;
 function wordChar(code) {
   return code >= 65 && code <= 90 || code >= 97 && code <= 122;

package/dist/{index-DqGDenO9.js → index-DPgw0Cf_.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, q as LanguageSupport, y as parseMixed, L as LRLanguage, r as indentNodeProp, z as delimitedIndent, t as foldNodeProp, A as foldInside } from "./code-palette-DAJUTnR-.js";
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, a as LanguageSupport, p as parseMixed, L as LRLanguage, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp, g as foldInside } from "./code-palette-DH_G7mZ5.js";
 const blockEnd = 63, eof = 64, DirectiveEnd = 1, DocEnd = 2, sequenceStartMark = 3, sequenceContinueMark = 4, explicitMapStartMark = 5, explicitMapContinueMark = 6, flowMapMark = 7, mapStartMark = 65, mapContinueMark = 66, Literal = 8, QuotedLiteral = 9, Anchor = 10, Alias = 11, Tag = 12, BlockLiteralContent = 13, BracketL = 19, FlowSequence = 20, Colon = 29, BraceL = 33, FlowMapping = 34, BlockLiteralHeader = 47;
 const type_Top = 0, type_Seq = 1, type_Map = 2, type_Flow = 3, type_Lit = 4;
 class Context {

package/dist/{index-CB6xZVsf.js → index-Db5-PJG-.js}

@@ -1,5 +1,5 @@
-import { L as LRParser } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, s as continuedIndent, t as foldNodeProp, A as foldInside } from "./code-palette-DAJUTnR-.js";
+import { L as LRParser } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, g as foldInside } from "./code-palette-DH_G7mZ5.js";
 const jsonHighlighting = styleTags({
   String: tags.string,
   Number: tags.number,

package/dist/{index-MfXW4ZyN.js → index-Dbi75pKH.js}

@@ -1,6 +1,6 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, w as syntaxTree, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, z as delimitedIndent, t as foldNodeProp, A as foldInside, a6 as NodeWeakMap, a4 as IterMode } from "./code-palette-DAJUTnR-.js";
-import { i as ifNotIn, c as completeFromList, s as snippetCompletion } from "./index-D6ftdiLa.js";
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, b as syntaxTree, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp, g as foldInside, a7 as NodeWeakMap, I as IterMode } from "./code-palette-DH_G7mZ5.js";
+import { i as ifNotIn, c as completeFromList, s as snippetCompletion } from "./index-CG8e3146.js";
 const printKeyword = 1, indent = 194, dedent = 195, newline$1 = 196, blankLineStart = 197, newlineBracketed = 198, eof = 199, stringContent = 200, Escape = 2, replacementStart = 3, stringEnd = 201, ParenL = 24, ParenthesizedExpression = 25, TupleExpression = 49, ComprehensionExpression = 50, BracketL = 55, ArrayExpression = 56, ArrayComprehensionExpression = 57, BraceL = 59, DictionaryExpression = 60, DictionaryComprehensionExpression = 61, SetExpression = 62, SetComprehensionExpression = 63, ArgList = 65, subscript = 238, String$1 = 71, stringStart = 241, stringStartD = 242, stringStartL = 243, stringStartLD = 244, stringStartR = 245, stringStartRD = 246, stringStartRL = 247, stringStartRLD = 248, FormatString = 72, stringStartF = 249, stringStartFD = 250, stringStartFL = 251, stringStartFLD = 252, stringStartFR = 253, stringStartFRD = 254, stringStartFRL = 255, stringStartFRLD = 256, FormatReplacement = 73, nestedFormatReplacement = 77, importList = 263, TypeParamList = 112, ParamList = 130, SequencePattern = 151, MappingPattern = 152, PatternArgList = 155;
 const newline = 10, carriageReturn = 13, space = 32, tab = 9, hash = 35, parenOpen = 40, dot = 46, braceOpen = 123, braceClose = 125, singleQuote = 39, doubleQuote = 34, backslash = 92, letter_o = 111, letter_x = 120, letter_N = 78, letter_u = 117, letter_U = 85;
 const bracketed = /* @__PURE__ */ new Set([

package/dist/{index-BhvbqYsK.js → index-DfLCrnVq.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags$1, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, s as continuedIndent, t as foldNodeProp, A as foldInside, w as syntaxTree, a6 as NodeWeakMap, a4 as IterMode } from "./code-palette-DAJUTnR-.js";
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags$1, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, g as foldInside, b as syntaxTree, a7 as NodeWeakMap, I as IterMode } from "./code-palette-DH_G7mZ5.js";
 const descendantOp = 148, Unit = 1, identifier$1 = 149, callee = 150, VariableName = 2, queryIdentifier = 151, queryVariableName = 3, QueryCallee = 4;
 const space = [
   9,

package/dist/{index-ZHg2R9iD.js → index-GpSpJ3ti.js}

@@ -1,6 +1,6 @@
-import { L as LRLanguage, q as LanguageSupport, r as indentNodeProp, s as continuedIndent, t as foldNodeProp, u as styleTags, v as tags, w as syntaxTree } from "./code-palette-DAJUTnR-.js";
-import { E as ExternalTokenizer, L as LRParser } from "./index-CN8d3yl1.js";
-import { i as ifNotIn, c as completeFromList } from "./index-D6ftdiLa.js";
+import { L as LRLanguage, a as LanguageSupport, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, s as styleTags, t as tags, b as syntaxTree } from "./code-palette-DH_G7mZ5.js";
+import { E as ExternalTokenizer, L as LRParser } from "./index-Mh3WUU-6.js";
+import { i as ifNotIn, c as completeFromList } from "./index-CG8e3146.js";
 const whitespace = 36, LineComment = 1, BlockComment = 2, String$1 = 3, Number = 4, Bool = 5, Null = 6, ParenL = 7, ParenR = 8, BraceL = 9, BraceR = 10, BracketL = 11, BracketR = 12, Semi = 13, Dot = 14, Operator = 15, Punctuation = 16, SpecialVar = 17, Identifier = 18, QuotedIdentifier = 19, Keyword = 20, Type = 21, Bits = 22, Bytes = 23, Builtin = 24;
 function isAlpha(ch) {
   return ch >= 65 && ch <= 90 || ch >= 97 && ch <= 122 || ch >= 48 && ch <= 57;

package/dist/{index-CN8d3yl1.js → index-Mh3WUU-6.js}

@@ -1,4 +1,4 @@
-import { _ as Parser, $ as NodeSet, a0 as NodeType, a1 as DefaultBufferLength, a2 as NodeProp, a3 as Tree, a4 as IterMode } from "./code-palette-DAJUTnR-.js";
+import { y as Parser, N as NodeSet, z as NodeType, B as DefaultBufferLength, G as NodeProp, H as Tree, I as IterMode } from "./code-palette-DH_G7mZ5.js";
 class Stack {
   /**
   @internal

package/dist/{index-BLVAx_f8.js → index-QAs789O5.js}

@@ -1,5 +1,5 @@
-import { q as LanguageSupport, L as LRLanguage, r as indentNodeProp, z as delimitedIndent, t as foldNodeProp, A as foldInside, u as styleTags, v as tags } from "./code-palette-DAJUTnR-.js";
-import { L as LRParser } from "./index-CN8d3yl1.js";
+import { a as LanguageSupport, L as LRLanguage, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp, g as foldInside, s as styleTags, t as tags } from "./code-palette-DH_G7mZ5.js";
+import { L as LRParser } from "./index-Mh3WUU-6.js";
 const spec_Keyword = { __proto__: null, anyref: 34, dataref: 34, eqref: 34, externref: 34, i31ref: 34, funcref: 34, i8: 34, i16: 34, i32: 34, i64: 34, f32: 34, f64: 34 };
 const parser = /* @__PURE__ */ LRParser.deserialize({
   version: 14,

package/dist/{index-B2tew8uf.js → index-S4ylc8JK.js}

@@ -1,6 +1,6 @@
-import { E as EditorView, x as EditorSelection, q as LanguageSupport, y as parseMixed, w as syntaxTree, L as LRLanguage, u as styleTags, v as tags, r as indentNodeProp, z as delimitedIndent, t as foldNodeProp } from "./code-palette-DAJUTnR-.js";
-import { html } from "./index-DxTzaHLr.js";
-import { L as LRParser, E as ExternalTokenizer } from "./index-CN8d3yl1.js";
+import { E as EditorView, d as EditorSelection, a as LanguageSupport, p as parseMixed, b as syntaxTree, L as LRLanguage, s as styleTags, t as tags, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp } from "./code-palette-DH_G7mZ5.js";
+import { html } from "./index-BqWO6mvz.js";
+import { L as LRParser, E as ExternalTokenizer } from "./index-Mh3WUU-6.js";
 const interpolationStart = 1, tagStart = 2, endTagStart = 3, text = 180, endrawTagStart = 4, rawText = 181, endcommentTagStart = 5, commentText = 182, InlineComment = 6;
 function wordChar(code) {
   return code >= 65 && code <= 90 || code >= 97 && code <= 122;

package/dist/{index-CIF93PZF.js → index-XZeturb3.js}

@@ -1,6 +1,6 @@
-import { q as LanguageSupport, L as LRLanguage, r as indentNodeProp, s as continuedIndent, t as foldNodeProp, A as foldInside, u as styleTags, v as tags } from "./code-palette-DAJUTnR-.js";
-import { defineCSSCompletionSource } from "./index-BhvbqYsK.js";
-import { L as LRParser, E as ExternalTokenizer } from "./index-CN8d3yl1.js";
+import { a as LanguageSupport, L as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, g as foldInside, s as styleTags, t as tags } from "./code-palette-DH_G7mZ5.js";
+import { defineCSSCompletionSource } from "./index-DfLCrnVq.js";
+import { L as LRParser, E as ExternalTokenizer } from "./index-Mh3WUU-6.js";
 const descendantOp = 110, Unit = 1, openArgList = 2;
 const space = [
   9,

package/dist/{index-BtY1uxn6.js → index-g2X42srv.js}

@@ -1,6 +1,6 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, a5 as flatIndent, s as continuedIndent, z as delimitedIndent, t as foldNodeProp, A as foldInside, w as syntaxTree, a6 as NodeWeakMap, a4 as IterMode } from "./code-palette-DAJUTnR-.js";
-import { i as ifNotIn, c as completeFromList, s as snippetCompletion } from "./index-D6ftdiLa.js";
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, a6 as flatIndent, c as continuedIndent, e as delimitedIndent, f as foldNodeProp, g as foldInside, b as syntaxTree, a7 as NodeWeakMap, I as IterMode } from "./code-palette-DH_G7mZ5.js";
+import { i as ifNotIn, c as completeFromList, s as snippetCompletion } from "./index-CG8e3146.js";
 const insertedSemi = 177, space$1 = 179, identifier = 184, String = 12, closeParen$1 = 13, Number = 17, Rune = 20, closeBrace$1 = 25, closeBracket = 53, IncDecOp = 95, _return = 142, _break = 144, _continue = 145, fallthrough = 148;
 const newline = 10, carriageReturn = 13, space = 32, tab = 9, slash = 47, closeParen = 41, closeBrace = 125;
 const semicolon = new ExternalTokenizer((input, stack) => {

package/dist/{index-gYt3E3Cp.js → index-hEJ_Bavx.js}

@@ -1,5 +1,5 @@
-import { L as LRParser } from "./index-CN8d3yl1.js";
-import { u as styleTags, v as tags, q as LanguageSupport, L as LRLanguage, r as indentNodeProp, a5 as flatIndent, s as continuedIndent, z as delimitedIndent, t as foldNodeProp, A as foldInside } from "./code-palette-DAJUTnR-.js";
+import { L as LRParser } from "./index-Mh3WUU-6.js";
+import { s as styleTags, t as tags, a as LanguageSupport, L as LRLanguage, i as indentNodeProp, a6 as flatIndent, c as continuedIndent, e as delimitedIndent, f as foldNodeProp, g as foldInside } from "./code-palette-DH_G7mZ5.js";
 const javaHighlighting = styleTags({
   null: tags.null,
   instanceof: tags.operatorKeyword,

package/dist/{index-BvG6l44n.js → index-hbS5PDHj.js}

@@ -1,6 +1,6 @@
-import { _ as Parser, a0 as NodeType, a2 as NodeProp, a7 as Tag, $ as NodeSet, u as styleTags, a3 as Tree, y as parseMixed, v as tags, w as syntaxTree, x as EditorSelection, a8 as countColumn, q as LanguageSupport, P as Prec, k as keymap, E as EditorView, a9 as Language, j as indentUnit, aa as foldService, ab as defineLanguageFacet, a as EditorState, t as foldNodeProp, r as indentNodeProp, ac as languageDataProp, ad as LanguageDescription, ae as ParseContext } from "./code-palette-DAJUTnR-.js";
-import { C as CompletionContext } from "./index-D6ftdiLa.js";
-import { html, htmlCompletionSource } from "./index-DxTzaHLr.js";
+import { y as Parser, z as NodeType, G as NodeProp, a8 as Tag, N as NodeSet, s as styleTags, H as Tree, p as parseMixed, t as tags, b as syntaxTree, d as EditorSelection, a9 as countColumn, a as LanguageSupport, P as Prec, m as keymap, E as EditorView, aa as Language, k as indentUnit, ab as foldService, ac as defineLanguageFacet, K as EditorState, f as foldNodeProp, i as indentNodeProp, ad as languageDataProp, ae as LanguageDescription, af as ParseContext } from "./code-palette-DH_G7mZ5.js";
+import { C as CompletionContext } from "./index-CG8e3146.js";
+import { html, htmlCompletionSource } from "./index-BqWO6mvz.js";
 class CompositeBlock {
   static create(type, value, from, parentHash, end) {
     let hash = parentHash + (parentHash << 8) + type + (value << 4) | 0;

package/dist/index.js

@@ -1,7 +1,7 @@
 import { u } from "./useMessageHandler-nnsort0-.js";
 import { C, d, p, u as u2, b } from "./useChatKitLabels-CatQSpfL.js";
 import { S, c, d as d2, f, u as u3, a, b as b2, e } from "./index-CZFx44C7.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-gV-lp0ZB.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-B0WUzTHa.js";
 import { m as m2 } from "./markdownToPlainText-BOtlQ_BY.js";
 export {
   C as CHAT_KIT_LABELS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "6.3.0",
+  "version": "6.4.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -115,9 +115,9 @@
     "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/tsconfig-frontend": "0.7.3",
-    "@aleph-alpha/eslint-config-frontend": "0.7.1"
+    "@aleph-alpha/tsconfig-frontend": "0.7.3"
   },
   "scripts": {
     "build": "vite build && vue-tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist",

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

@@ -2,6 +2,7 @@ import { render, screen, waitFor } from '@testing-library/vue';
 import userEvent from '@testing-library/user-event';
 import CkCodeEditor from './CkCodeEditor.vue';
 import { resolveLanguage } from './createCodeMirror';
+import { matchBadgeRanges } from './badgeDecoration';
 
 // 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
@@ -199,6 +200,39 @@ describe('CkCodeEditor', () => {
     );
   });
 
+  it('draws matched references as pills while the document keeps the text', async () => {
+    const { container } = await renderEditor({
+      modelValue: 'use @collection:alpha here',
+      badge: {
+        pattern: /@collection:([\w-]+)/g,
+        render: (m: RegExpExecArray) => ({ label: m[1] as string }),
+      },
+    });
+
+    const pill = container.querySelector('.ck-code-badge');
+    expect(pill?.textContent).toBe('alpha');
+    // The raw reference is what a consumer reads back, not the label.
+    expect(container.querySelector('.cm-content')?.textContent).not.toContain(
+      '@collection:alpha',
+    );
+  });
+
+  it('leaves a match alone when the rule returns null', async () => {
+    const { container } = await renderEditor({
+      modelValue: '@collection:alpha and @collection:skip',
+      badge: {
+        pattern: /@collection:([\w-]+)/g,
+        render: (m: RegExpExecArray) =>
+          m[1] === 'skip' ? null : { label: m[1] as string },
+      },
+    });
+
+    const pills = [...container.querySelectorAll('.ck-code-badge')].map(
+      (e) => e.textContent,
+    );
+    expect(pills).toEqual(['alpha']);
+  });
+
   it('does not throw when unmounted before or after the editor is created', async () => {
     const early = render(CkCodeEditor, { props: { modelValue: 'x' } });
     expect(() => early.unmount()).not.toThrow();
@@ -221,3 +255,30 @@ describe('resolveLanguage', () => {
     await expect(resolveLanguage('not-a-language')).resolves.toBeNull();
   });
 });
+
+describe('matchBadgeRanges', () => {
+  const rule = {
+    pattern: /@collection:([\w-]+)/g,
+    render: (m: RegExpExecArray) => ({ label: m[1] as string }),
+  };
+
+  it('finds every occurrence, with or without the global flag', () => {
+    const text = '@collection:a then @collection:b';
+    expect(matchBadgeRanges(rule, text)).toHaveLength(2);
+    expect(
+      matchBadgeRanges({ ...rule, pattern: /@collection:([\w-]+)/ }, text),
+    ).toHaveLength(2);
+  });
+
+  it('spans exactly the matched text', () => {
+    const [range] = matchBadgeRanges(rule, 'x @collection:a y');
+    expect(range?.from).toBe(2);
+    expect(range?.to).toBe('x @collection:a'.length);
+  });
+
+  it('skips matches the rule declines', () => {
+    expect(
+      matchBadgeRanges({ ...rule, render: () => null }, '@collection:a'),
+    ).toHaveLength(0);
+  });
+});