@dynatrace/strato-components 3.5.0 → 3.6.0

package/esm/editors/dql-editor/dql/dql-language.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/dql-language.ts"],
-  "sourcesContent": ["import { startCompletion } from '@codemirror/autocomplete';\nimport { StreamLanguage } from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { EditorView } from '@codemirror/view';\n\nimport { EditorLanguageConfiguration } from '../../base-code-editor/configuration/configuration.js';\nimport type { DQLEditorValidityInfo } from '../dql-editor-types.js';\nimport { dqlLinter } from './dql-linter.js';\nimport { dql } from './dql.js';\nimport { openAutocomplete } from './open-autocomplete.js';\nimport { suggestionAutocompletion } from './suggestion-autocompletions.js';\n\nconst VALIDATION_DELAY = 500;\n\n/**\n * @internal\n * Gets editor configuration for DQL.\n **/\nexport function getDqlConfig(\n  readOnly: boolean,\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n  setValidityInfo?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): EditorLanguageConfiguration {\n  const language = StreamLanguage.define(dql);\n\n  return {\n    language,\n    extendWith: [\n      language.data.of({\n        commentTokens: {\n          block: {\n            open: '/*',\n            close: '*/',\n          },\n          line: '//',\n        },\n        closeBrackets: {\n          brackets: ['(', '[', '{', '\"'],\n          before: ')]}:;>|',\n          stringPrefixes: [],\n        },\n      }),\n      linter(\n        async (view) => {\n          const editorContent = view.state.doc.toString();\n\n          const validityResult = await dqlLinter(\n            editorContent,\n            onValidationStart,\n            onValidationEnd,\n          );\n          setValidityInfo?.(validityResult);\n          return validityResult;\n        },\n        {\n          delay: VALIDATION_DELAY,\n        },\n      ),\n      EditorView.updateListener.of(async (update) => {\n        const isTyping =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.type'),\n          );\n\n        const isDeleting =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('delete.backward'),\n          );\n\n        const selectionChanged =\n          update.selectionSet &&\n          !update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.complete'),\n          );\n\n        const isFocused = update.focusChanged && update.view.hasFocus;\n\n        if (!(isTyping || isDeleting || selectionChanged || isFocused)) {\n          return;\n        }\n\n        if (\n          await openAutocomplete(\n            {\n              isTyping,\n              isDeleting,\n              isFocused,\n              selectionChanged,\n            },\n            update.state,\n          )\n        ) {\n          startCompletion(update.view);\n        }\n      }),\n    ],\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: false,\n          optionClass: (completion) =>\n            completion.label.length === 0 ? 'cm-empty-option' : '',\n          providers: [suggestionAutocompletion],\n        },\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAI3B,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAEzC,MAAM,mBAAmB;AAMlB,SAAS,aACd,UACA,mBACA,iBACA,iBAC6B;AAC7B,QAAM,WAAW,eAAe,OAAO,GAAG;AAE1C,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,SAAS,KAAK,GAAG;AAAA,QACf,eAAe;AAAA,UACb,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,UACA,MAAM;AAAA,QACR;AAAA,QACA,eAAe;AAAA,UACb,UAAU,CAAC,KAAK,KAAK,KAAK,GAAG;AAAA,UAC7B,QAAQ;AAAA,UACR,gBAAgB,CAAC;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,MACD;AAAA,QACE,OAAO,SAAS;AACd,gBAAM,gBAAgB,KAAK,MAAM,IAAI,SAAS;AAE9C,gBAAM,iBAAiB,MAAM;AAAA,YAC3B;AAAA,YACA;AAAA,YACA;AAAA,UACF;AACA,4BAAkB,cAAc;AAChC,iBAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,WAAW,eAAe,GAAG,OAAO,WAAW;AAC7C,cAAM,WACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,YAAY;AAAA,QACtC;AAEF,cAAM,aACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,iBAAiB;AAAA,QAC3C;AAEF,cAAM,mBACJ,OAAO,gBACP,CAAC,OAAO,aAAa;AAAA,UAAK,CAAC,gBACzB,YAAY,YAAY,gBAAgB;AAAA,QAC1C;AAEF,cAAM,YAAY,OAAO,gBAAgB,OAAO,KAAK;AAErD,YAAI,EAAE,YAAY,cAAc,oBAAoB,YAAY;AAC9D;AAAA,QACF;AAEA,YACE,MAAM;AAAA,UACJ;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,QACT,GACA;AACA,0BAAgB,OAAO,IAAI;AAAA,QAC7B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,qBAAqB,WACjB,SACA;AAAA,MACE,kBAAkB;AAAA,MAClB,aAAa,CAAC,eACZ,WAAW,MAAM,WAAW,IAAI,oBAAoB;AAAA,MACtD,WAAW,CAAC,wBAAwB;AAAA,IACtC;AAAA,EACN;AACF;",
+  "sourcesContent": ["import { closeCompletion, startCompletion } from '@codemirror/autocomplete';\nimport { StreamLanguage } from '@codemirror/language';\nimport { linter, setDiagnostics } from '@codemirror/lint';\nimport { EditorView } from '@codemirror/view';\n\nimport { EditorLanguageConfiguration } from '../../base-code-editor/configuration/configuration.js';\nimport type { DQLEditorValidityInfo } from '../dql-editor-types.js';\nimport { dqlLinter } from './dql-linter.js';\nimport { dql } from './dql.js';\nimport { openAutocomplete } from './open-autocomplete.js';\nimport { suggestionAutocompletion } from './suggestion-autocompletions.js';\n\nconst VALIDATION_DELAY = 500;\n\n/**\n * @internal\n * Gets editor configuration for DQL.\n **/\nexport function getDqlConfig(\n  readOnly: boolean,\n  onValidationStart?: () => void,\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void,\n  setValidityInfo?: (validityInfo: DQLEditorValidityInfo[]) => void,\n): EditorLanguageConfiguration {\n  const language = StreamLanguage.define(dql);\n\n  return {\n    language,\n    extendWith: [\n      language.data.of({\n        commentTokens: {\n          block: {\n            open: '/*',\n            close: '*/',\n          },\n          line: '//',\n        },\n        closeBrackets: {\n          brackets: ['(', '[', '{', '\"'],\n          before: ')]}:;>|',\n          stringPrefixes: [],\n        },\n      }),\n      EditorView.domEventObservers({\n        // Clear lint decorations when composition starts. Lint spans in the DOM\n        // corrupt CodeMirror's DOM reconciliation during IME / dead-key composition.\n        // The linter re-runs automatically after composition ends since the\n        // composed character is a document change.\n        compositionstart: (_event, view) => {\n          closeCompletion(view);\n          view.dispatch(setDiagnostics(view.state, []));\n        },\n      }),\n      linter(\n        async (view) => {\n          const editorContent = view.state.doc.toString();\n\n          const validityResult = await dqlLinter(\n            editorContent,\n            onValidationStart,\n            onValidationEnd,\n          );\n\n          if (view.composing) {\n            return [];\n          }\n\n          setValidityInfo?.(validityResult);\n          return validityResult;\n        },\n        {\n          delay: VALIDATION_DELAY,\n        },\n      ),\n      EditorView.updateListener.of((update) => {\n        const isTyping =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('input.type'),\n          );\n\n        const isDeleting =\n          update.docChanged &&\n          update.transactions.some((transaction) =>\n            transaction.isUserEvent('delete.backward'),\n          );\n\n        const isFocused = update.focusChanged && update.view.hasFocus;\n\n        if (!(isTyping || isDeleting || isFocused)) {\n          return;\n        }\n\n        if (update.view.composing) {\n          return;\n        }\n\n        void openAutocomplete(\n          {\n            isTyping,\n            isDeleting,\n            isFocused,\n          },\n          update.state,\n        ).then((shouldComplete) => {\n          if (shouldComplete) {\n            startCompletion(update.view);\n          }\n        });\n      }),\n    ],\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: false,\n          optionClass: (completion) =>\n            completion.label.length === 0 ? 'cm-empty-option' : '',\n          providers: [suggestionAutocompletion],\n        },\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,sBAAsB;AAC/B,SAAS,QAAQ,sBAAsB;AACvC,SAAS,kBAAkB;AAI3B,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AAEzC,MAAM,mBAAmB;AAMlB,SAAS,aACd,UACA,mBACA,iBACA,iBAC6B;AAC7B,QAAM,WAAW,eAAe,OAAO,GAAG;AAE1C,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,SAAS,KAAK,GAAG;AAAA,QACf,eAAe;AAAA,UACb,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,UACA,MAAM;AAAA,QACR;AAAA,QACA,eAAe;AAAA,UACb,UAAU,CAAC,KAAK,KAAK,KAAK,GAAG;AAAA,UAC7B,QAAQ;AAAA,UACR,gBAAgB,CAAC;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,MACD,WAAW,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,QAK3B,kBAAkB,CAAC,QAAQ,SAAS;AAClC,0BAAgB,IAAI;AACpB,eAAK,SAAS,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC;AAAA,QAC9C;AAAA,MACF,CAAC;AAAA,MACD;AAAA,QACE,OAAO,SAAS;AACd,gBAAM,gBAAgB,KAAK,MAAM,IAAI,SAAS;AAE9C,gBAAM,iBAAiB,MAAM;AAAA,YAC3B;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAEA,cAAI,KAAK,WAAW;AAClB,mBAAO,CAAC;AAAA,UACV;AAEA,4BAAkB,cAAc;AAChC,iBAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,WAAW,eAAe,GAAG,CAAC,WAAW;AACvC,cAAM,WACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,YAAY;AAAA,QACtC;AAEF,cAAM,aACJ,OAAO,cACP,OAAO,aAAa;AAAA,UAAK,CAAC,gBACxB,YAAY,YAAY,iBAAiB;AAAA,QAC3C;AAEF,cAAM,YAAY,OAAO,gBAAgB,OAAO,KAAK;AAErD,YAAI,EAAE,YAAY,cAAc,YAAY;AAC1C;AAAA,QACF;AAEA,YAAI,OAAO,KAAK,WAAW;AACzB;AAAA,QACF;AAEA,aAAK;AAAA,UACH;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,QACT,EAAE,KAAK,CAAC,mBAAmB;AACzB,cAAI,gBAAgB;AAClB,4BAAgB,OAAO,IAAI;AAAA,UAC7B;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,qBAAqB,WACjB,SACA;AAAA,MACE,kBAAkB;AAAA,MAClB,aAAa,CAAC,eACZ,WAAW,MAAM,WAAW,IAAI,oBAAoB;AAAA,MACtD,WAAW,CAAC,wBAAwB;AAAA,IACtC;AAAA,EACN;AACF;",
   "names": []
 }

package/esm/editors/dql-editor/dql/dql.js

@@ -2,6 +2,7 @@ import { simpleMode } from "@codemirror/legacy-modes/mode/simple-mode";
 import {
   booleanLiteralPattern,
   dqlUnitSuffixPattern,
+  nullLiteralPattern,
   parameterNamePattern,
   sortedDqlCommands
 } from "../../../core/dql/dql-common.js";
@@ -11,7 +12,9 @@ const tokenMapping = {
   parameter: "variableName",
   string: "string",
   number: "number",
-  bool: "bool"
+  bool: "bool",
+  null: "bool"
+  // null uses the same token as boolean literals
 };
 const startComment = [
   { regex: /\/\/.*/, token: tokenMapping.comment },
@@ -48,6 +51,8 @@ const dql = simpleMode({
     // parameter, eg: scanLimitGb:
     { regex: booleanLiteralPattern, token: tokenMapping.bool },
     // boolean literals (true/false)
+    { regex: nullLiteralPattern, token: tokenMapping.null },
+    // null literal
     { regex: /[A-Za-z\]]+[A-Za-z_.0-9]+/ },
     // identifier, eg: runs_on or metricsJson
     { regex: /"""/, token: tokenMapping.string, push: "tripleQuoteString" },
@@ -74,7 +79,8 @@ const dql = simpleMode({
     // start matching a new query syntax after | or [
   ],
   tripleQuoteString: [
-    { regex: /[\s\S]*"""/, token: tokenMapping.string, pop: true },
+    { regex: /"?"?(?:[^"]"?"?)*"""/, token: tokenMapping.string, pop: true },
+    // end of triple quote string: content cannot contain 3+ consecutive quotes
     { regex: /.*/, token: tokenMapping.string }
   ],
   doubleQuoteString: [

package/esm/editors/dql-editor/dql/dql.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/dql.ts"],
-  "sourcesContent": ["import { simpleMode } from '@codemirror/legacy-modes/mode/simple-mode';\n\nimport {\n  booleanLiteralPattern,\n  dqlUnitSuffixPattern,\n  parameterNamePattern,\n  sortedDqlCommands,\n} from '../../../core/dql/dql-common.js';\n\nconst tokenMapping = {\n  command: 'keyword',\n  comment: 'comment',\n  parameter: 'variableName',\n  string: 'string',\n  number: 'number',\n  bool: 'bool',\n} as const;\n\nconst startComment = [\n  { regex: /\\/\\/.*/, token: tokenMapping.comment }, // single line comment\n  { regex: /\\/\\*.*?/, token: tokenMapping.comment, push: 'comment' }, // start of multiline comment\n];\n\nexport const dql = simpleMode({\n  start: [\n    ...startComment,\n    {\n      regex: new RegExp(\n        `(\\\\s*)((?:${sortedDqlCommands.join('|')})\\\\b\\\\s*)`,\n        'i',\n      ),\n      token: ['', tokenMapping.command],\n      next: 'parameters',\n    },\n    {\n      // We want to tokenize parts of a query as well, so in case of no command\n      // in the start state, we go directly to the `parameters` state\n      regex: /\\s*\\b/,\n      next: 'parameters',\n    },\n  ],\n  comment: [\n    { regex: /.*?\\*\\//, token: tokenMapping.comment, pop: true }, // end of multiline comment\n    { regex: /.*/, token: tokenMapping.comment },\n  ],\n  parameters: [\n    ...startComment,\n    { regex: parameterNamePattern, token: tokenMapping.parameter }, // parameter, eg: scanLimitGb:\n    { regex: booleanLiteralPattern, token: tokenMapping.bool }, // boolean literals (true/false)\n    { regex: /[A-Za-z\\]]+[A-Za-z_.0-9]+/ }, // identifier, eg: runs_on or metricsJson\n    { regex: /\"\"\"/, token: tokenMapping.string, push: 'tripleQuoteString' },\n    { regex: /\"/, token: tokenMapping.string, push: 'doubleQuoteString' },\n    { regex: /`/, token: tokenMapping.string, push: 'backtickString' },\n    {\n      regex: new RegExp(`(\\\\d+(?:\\\\.\\\\d+)?${dqlUnitSuffixPattern}?)(?![.\\\\w])`), // Match numbers with optional unit suffix\n      token: tokenMapping.number,\n    },\n    {\n      regex: /(\\[)([0-9]*)(\\])/, // array index access, e.g: [0] or [200]\n      token: ['', tokenMapping.number, ''], // only highlight number; do not highlight surrounding square brackets\n    },\n    {\n      regex: /(\\[)(`(?:[^`\\\\]|\\\\.)*`)(])/, // nested property access, e.g: [`app.kubernetes.io/version`]\n      token: ['', tokenMapping.string, ''], // only highlight content and backticks; do not highlight surrounding square brackets\n    },\n    { regex: /\\||\\[/, next: 'start' }, // start matching a new query syntax after | or [\n  ],\n  tripleQuoteString: [\n    { regex: /[\\s\\S]*\"\"\"/, token: tokenMapping.string, pop: true },\n    { regex: /.*/, token: tokenMapping.string },\n  ],\n  doubleQuoteString: [\n    { regex: /\"/, token: tokenMapping.string, pop: true },\n    // Note on following {0,3000000}: stop at 3 million characters per line to avoid crash.\n    // Code-mirror only shows 2 million characters per line anyway.\n    { regex: /(?:[^\\\\\"]|\\\\(?:.|$)){0,3000000}/, token: tokenMapping.string },\n  ],\n  backtickString: [\n    { regex: /`/, token: tokenMapping.string, pop: true },\n    { regex: /(?:[^\\\\`]|\\\\(?:.|$))*/, token: tokenMapping.string },\n  ],\n  languageData: {\n    name: 'dql',\n    dontIndentStates: [],\n    indentOnInput: /^\\s*\\}$/,\n    commentTokens: { line: '//', block: { open: '/*', close: '*/' } },\n    mergeTokens: false,\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,eAAe;AAAA,EACnB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR;AAEA,MAAM,eAAe;AAAA,EACnB,EAAE,OAAO,UAAU,OAAO,aAAa,QAAQ;AAAA;AAAA,EAC/C,EAAE,OAAO,WAAW,OAAO,aAAa,SAAS,MAAM,UAAU;AAAA;AACnE;AAEO,MAAM,MAAM,WAAW;AAAA,EAC5B,OAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,MACE,OAAO,IAAI;AAAA,QACT,aAAa,kBAAkB,KAAK,GAAG,CAAC;AAAA,QACxC;AAAA,MACF;AAAA,MACA,OAAO,CAAC,IAAI,aAAa,OAAO;AAAA,MAChC,MAAM;AAAA,IACR;AAAA,IACA;AAAA;AAAA;AAAA,MAGE,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,EAAE,OAAO,WAAW,OAAO,aAAa,SAAS,KAAK,KAAK;AAAA;AAAA,IAC3D,EAAE,OAAO,MAAM,OAAO,aAAa,QAAQ;AAAA,EAC7C;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,EAAE,OAAO,sBAAsB,OAAO,aAAa,UAAU;AAAA;AAAA,IAC7D,EAAE,OAAO,uBAAuB,OAAO,aAAa,KAAK;AAAA;AAAA,IACzD,EAAE,OAAO,4BAA4B;AAAA;AAAA,IACrC,EAAE,OAAO,OAAO,OAAO,aAAa,QAAQ,MAAM,oBAAoB;AAAA,IACtE,EAAE,OAAO,KAAK,OAAO,aAAa,QAAQ,MAAM,oBAAoB;AAAA,IACpE,EAAE,OAAO,KAAK,OAAO,aAAa,QAAQ,MAAM,iBAAiB;AAAA,IACjE;AAAA,MACE,OAAO,IAAI,OAAO,oBAAoB,oBAAoB,cAAc;AAAA;AAAA,MACxE,OAAO,aAAa;AAAA,IACtB;AAAA,IACA;AAAA,MACE,OAAO;AAAA;AAAA,MACP,OAAO,CAAC,IAAI,aAAa,QAAQ,EAAE;AAAA;AAAA,IACrC;AAAA,IACA;AAAA,MACE,OAAO;AAAA;AAAA,MACP,OAAO,CAAC,IAAI,aAAa,QAAQ,EAAE;AAAA;AAAA,IACrC;AAAA,IACA,EAAE,OAAO,SAAS,MAAM,QAAQ;AAAA;AAAA,EAClC;AAAA,EACA,mBAAmB;AAAA,IACjB,EAAE,OAAO,cAAc,OAAO,aAAa,QAAQ,KAAK,KAAK;AAAA,IAC7D,EAAE,OAAO,MAAM,OAAO,aAAa,OAAO;AAAA,EAC5C;AAAA,EACA,mBAAmB;AAAA,IACjB,EAAE,OAAO,KAAK,OAAO,aAAa,QAAQ,KAAK,KAAK;AAAA;AAAA;AAAA,IAGpD,EAAE,OAAO,mCAAmC,OAAO,aAAa,OAAO;AAAA,EACzE;AAAA,EACA,gBAAgB;AAAA,IACd,EAAE,OAAO,KAAK,OAAO,aAAa,QAAQ,KAAK,KAAK;AAAA,IACpD,EAAE,OAAO,yBAAyB,OAAO,aAAa,OAAO;AAAA,EAC/D;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,eAAe;AAAA,IACf,eAAe,EAAE,MAAM,MAAM,OAAO,EAAE,MAAM,MAAM,OAAO,KAAK,EAAE;AAAA,IAChE,aAAa;AAAA,EACf;AACF,CAAC;",
+  "sourcesContent": ["import { simpleMode } from '@codemirror/legacy-modes/mode/simple-mode';\n\nimport {\n  booleanLiteralPattern,\n  dqlUnitSuffixPattern,\n  nullLiteralPattern,\n  parameterNamePattern,\n  sortedDqlCommands,\n} from '../../../core/dql/dql-common.js';\n\nconst tokenMapping = {\n  command: 'keyword',\n  comment: 'comment',\n  parameter: 'variableName',\n  string: 'string',\n  number: 'number',\n  bool: 'bool',\n  null: 'bool', // null uses the same token as boolean literals\n} as const;\n\nconst startComment = [\n  { regex: /\\/\\/.*/, token: tokenMapping.comment }, // single line comment\n  { regex: /\\/\\*.*?/, token: tokenMapping.comment, push: 'comment' }, // start of multiline comment\n];\n\nexport const dql = simpleMode({\n  start: [\n    ...startComment,\n    {\n      regex: new RegExp(\n        `(\\\\s*)((?:${sortedDqlCommands.join('|')})\\\\b\\\\s*)`,\n        'i',\n      ),\n      token: ['', tokenMapping.command],\n      next: 'parameters',\n    },\n    {\n      // We want to tokenize parts of a query as well, so in case of no command\n      // in the start state, we go directly to the `parameters` state\n      regex: /\\s*\\b/,\n      next: 'parameters',\n    },\n  ],\n  comment: [\n    { regex: /.*?\\*\\//, token: tokenMapping.comment, pop: true }, // end of multiline comment\n    { regex: /.*/, token: tokenMapping.comment },\n  ],\n  parameters: [\n    ...startComment,\n    { regex: parameterNamePattern, token: tokenMapping.parameter }, // parameter, eg: scanLimitGb:\n    { regex: booleanLiteralPattern, token: tokenMapping.bool }, // boolean literals (true/false)\n    { regex: nullLiteralPattern, token: tokenMapping.null }, // null literal\n    { regex: /[A-Za-z\\]]+[A-Za-z_.0-9]+/ }, // identifier, eg: runs_on or metricsJson\n    { regex: /\"\"\"/, token: tokenMapping.string, push: 'tripleQuoteString' },\n    { regex: /\"/, token: tokenMapping.string, push: 'doubleQuoteString' },\n    { regex: /`/, token: tokenMapping.string, push: 'backtickString' },\n    {\n      regex: new RegExp(`(\\\\d+(?:\\\\.\\\\d+)?${dqlUnitSuffixPattern}?)(?![.\\\\w])`), // Match numbers with optional unit suffix\n      token: tokenMapping.number,\n    },\n    {\n      regex: /(\\[)([0-9]*)(\\])/, // array index access, e.g: [0] or [200]\n      token: ['', tokenMapping.number, ''], // only highlight number; do not highlight surrounding square brackets\n    },\n    {\n      regex: /(\\[)(`(?:[^`\\\\]|\\\\.)*`)(])/, // nested property access, e.g: [`app.kubernetes.io/version`]\n      token: ['', tokenMapping.string, ''], // only highlight content and backticks; do not highlight surrounding square brackets\n    },\n    { regex: /\\||\\[/, next: 'start' }, // start matching a new query syntax after | or [\n  ],\n  tripleQuoteString: [\n    { regex: /\"?\"?(?:[^\"]\"?\"?)*\"\"\"/, token: tokenMapping.string, pop: true }, // end of triple quote string: content cannot contain 3+ consecutive quotes\n    { regex: /.*/, token: tokenMapping.string },\n  ],\n  doubleQuoteString: [\n    { regex: /\"/, token: tokenMapping.string, pop: true },\n    // Note on following {0,3000000}: stop at 3 million characters per line to avoid crash.\n    // Code-mirror only shows 2 million characters per line anyway.\n    { regex: /(?:[^\\\\\"]|\\\\(?:.|$)){0,3000000}/, token: tokenMapping.string },\n  ],\n  backtickString: [\n    { regex: /`/, token: tokenMapping.string, pop: true },\n    { regex: /(?:[^\\\\`]|\\\\(?:.|$))*/, token: tokenMapping.string },\n  ],\n  languageData: {\n    name: 'dql',\n    dontIndentStates: [],\n    indentOnInput: /^\\s*\\}$/,\n    commentTokens: { line: '//', block: { open: '/*', close: '*/' } },\n    mergeTokens: false,\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,eAAe;AAAA,EACnB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA;AACR;AAEA,MAAM,eAAe;AAAA,EACnB,EAAE,OAAO,UAAU,OAAO,aAAa,QAAQ;AAAA;AAAA,EAC/C,EAAE,OAAO,WAAW,OAAO,aAAa,SAAS,MAAM,UAAU;AAAA;AACnE;AAEO,MAAM,MAAM,WAAW;AAAA,EAC5B,OAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,MACE,OAAO,IAAI;AAAA,QACT,aAAa,kBAAkB,KAAK,GAAG,CAAC;AAAA,QACxC;AAAA,MACF;AAAA,MACA,OAAO,CAAC,IAAI,aAAa,OAAO;AAAA,MAChC,MAAM;AAAA,IACR;AAAA,IACA;AAAA;AAAA;AAAA,MAGE,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,EAAE,OAAO,WAAW,OAAO,aAAa,SAAS,KAAK,KAAK;AAAA;AAAA,IAC3D,EAAE,OAAO,MAAM,OAAO,aAAa,QAAQ;AAAA,EAC7C;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,EAAE,OAAO,sBAAsB,OAAO,aAAa,UAAU;AAAA;AAAA,IAC7D,EAAE,OAAO,uBAAuB,OAAO,aAAa,KAAK;AAAA;AAAA,IACzD,EAAE,OAAO,oBAAoB,OAAO,aAAa,KAAK;AAAA;AAAA,IACtD,EAAE,OAAO,4BAA4B;AAAA;AAAA,IACrC,EAAE,OAAO,OAAO,OAAO,aAAa,QAAQ,MAAM,oBAAoB;AAAA,IACtE,EAAE,OAAO,KAAK,OAAO,aAAa,QAAQ,MAAM,oBAAoB;AAAA,IACpE,EAAE,OAAO,KAAK,OAAO,aAAa,QAAQ,MAAM,iBAAiB;AAAA,IACjE;AAAA,MACE,OAAO,IAAI,OAAO,oBAAoB,oBAAoB,cAAc;AAAA;AAAA,MACxE,OAAO,aAAa;AAAA,IACtB;AAAA,IACA;AAAA,MACE,OAAO;AAAA;AAAA,MACP,OAAO,CAAC,IAAI,aAAa,QAAQ,EAAE;AAAA;AAAA,IACrC;AAAA,IACA;AAAA,MACE,OAAO;AAAA;AAAA,MACP,OAAO,CAAC,IAAI,aAAa,QAAQ,EAAE;AAAA;AAAA,IACrC;AAAA,IACA,EAAE,OAAO,SAAS,MAAM,QAAQ;AAAA;AAAA,EAClC;AAAA,EACA,mBAAmB;AAAA,IACjB,EAAE,OAAO,wBAAwB,OAAO,aAAa,QAAQ,KAAK,KAAK;AAAA;AAAA,IACvE,EAAE,OAAO,MAAM,OAAO,aAAa,OAAO;AAAA,EAC5C;AAAA,EACA,mBAAmB;AAAA,IACjB,EAAE,OAAO,KAAK,OAAO,aAAa,QAAQ,KAAK,KAAK;AAAA;AAAA;AAAA,IAGpD,EAAE,OAAO,mCAAmC,OAAO,aAAa,OAAO;AAAA,EACzE;AAAA,EACA,gBAAgB;AAAA,IACd,EAAE,OAAO,KAAK,OAAO,aAAa,QAAQ,KAAK,KAAK;AAAA,IACpD,EAAE,OAAO,yBAAyB,OAAO,aAAa,OAAO;AAAA,EAC/D;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,eAAe;AAAA,IACf,eAAe,EAAE,MAAM,MAAM,OAAO,EAAE,MAAM,MAAM,OAAO,KAAK,EAAE;AAAA,IAChE,aAAa;AAAA,EACf;AACF,CAAC;",
   "names": []
 }

package/esm/editors/dql-editor/dql/open-autocomplete.js

@@ -4,7 +4,7 @@ function isStartOfCommandOrParameter(context) {
   return context.matchBefore(/[,|]\s+$/) !== null;
 }
 function isTypingCommandPrefixAtCommandBoundary(context) {
-  return context.matchBefore(/(?:^|[|,]\s*)[A-Za-z][A-Za-z0-9]*$/) !== null;
+  return context.matchBefore(/(?:^|[|,]\s*|\*\/\s*)[A-Za-z][A-Za-z0-9]*$/) !== null;
 }
 function isTypingParameterPrefixAfterCommand(context) {
   const commandAndParameter = context.matchBefore(
@@ -26,20 +26,13 @@ async function isInvalidAtEnd(query) {
   return !valid && hasErrorNotificationAtEnd;
 }
 async function openAutocomplete(update, state) {
-  const { isTyping, isDeleting, isFocused, selectionChanged } = update;
+  const { isTyping, isDeleting, isFocused } = update;
   const context = new CompletionContext(state, state.selection.main.to, false);
   if (isTyping && (isTypingCommandPrefixAtCommandBoundary(context) || isTypingParameterPrefixAfterCommand(context)) && isBeforeCommentOrEndOfContent(state)) {
     return true;
   }
-  if (selectionChanged || isFocused) {
-    const fullContent = state.doc.toString();
-    const cursorAtTheEnd = fullContent.length === state.selection.ranges[0].to;
-    const cursorPosition = state.selection.main.to;
-    const textBeforeCursor = state.doc.slice(0, cursorPosition).toString();
-    const isOnFreshLine = context.matchBefore(/^\s*$/) !== null && textBeforeCursor.trim() !== "";
-    if (fullContent.trim() === "" || cursorAtTheEnd && isStartOfCommandOrParameter(context) || isOnFreshLine) {
-      return true;
-    }
+  if (isFocused && state.doc.toString().trim() === "") {
+    return true;
   }
   const hasWhitespaceBefore = context.matchBefore(/\s/);
   if ((isTyping || isDeleting) && context.tokenBefore(["keyword"]) && hasWhitespaceBefore) {

package/esm/editors/dql-editor/dql/open-autocomplete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/open-autocomplete.ts"],
-  "sourcesContent": ["/* eslint-disable tsdoc/syntax */\nimport { CompletionContext } from '@codemirror/autocomplete';\nimport { EditorState } from '@codemirror/state';\n\nimport { verifyQuery } from './dql-linter.js';\n\n/**\n * Checks whether the cursor is at a position where a command or parameter is expected,\n * following a comma or pipe separator, with only whitespace in between.\n * @param context - the current completion context\n * @returns true if the cursor is at the start of a command or parameter, false otherwise\n */\nfunction isStartOfCommandOrParameter(context: CompletionContext): boolean {\n  return context.matchBefore(/[,|]\\s+$/) !== null;\n}\n\n/**\n * Checks whether the user is typing a command prefix (e.g. `d`, `da`, `fet`)\n * at a valid command boundary: start of query or after a `|` or `,` separator.\n * Unlike isStartOfCommandOrParameter, this also matches once characters have\n * been typed after the separator (e.g. `fetch logs | d`, `fetch logs | de`),\n * which is needed for reopening suggestions after ESC and continued typing.\n * @param context - the current completion context\n * @returns true if the user is typing a command prefix at a valid command boundary, false otherwise\n */\nfunction isTypingCommandPrefixAtCommandBoundary(\n  context: CompletionContext,\n): boolean {\n  return context.matchBefore(/(?:^|[|,]\\s*)[A-Za-z][A-Za-z0-9]*$/) !== null;\n}\n\n/**\n * Checks whether the user is typing a parameter prefix after a command.\n * This covers reopening suggestions after ESC when typing continues within\n * the first parameter token at query start, for example\n * `fetch app` -> `fetch appl`.\n * @param context - the current completion context\n * @returns true if the user is typing a parameter prefix after a command, false otherwise\n */\nfunction isTypingParameterPrefixAfterCommand(\n  context: CompletionContext,\n): boolean {\n  const commandAndParameter = context.matchBefore(\n    /^[A-Za-z][A-Za-z0-9]*\\s+[A-Za-z_][A-Za-z0-9_.]*\\s*$/,\n  );\n\n  return commandAndParameter !== null;\n}\n\n/**\n * Allows opening autocomplete when only whitespace, a comment, or no more\n * content follows the cursor. This covers typing before comments and reopening\n * suggestions after ESC when the user continues typing at the end of the query.\n */\nfunction isBeforeCommentOrEndOfContent(state: EditorState): boolean {\n  const afterCursor = state.doc.slice(state.selection.main.to).toString();\n  const afterCursorTrimmed = afterCursor.trimStart();\n\n  return (\n    afterCursorTrimmed === '' ||\n    afterCursorTrimmed.startsWith('//') ||\n    afterCursorTrimmed.startsWith('/*')\n  );\n}\n\n/**\n * Checks whether the query is invalid at the end.\n *\n * @param query - The query string to check\n * @returns A promise that resolves to true if the query is invalid at the end, false otherwise\n */\nexport async function isInvalidAtEnd(query: string): Promise<boolean> {\n  const trimmedQuery = query.trimEnd();\n  const { valid = true, notifications = [] } =\n    (await verifyQuery(trimmedQuery)) ?? {};\n\n  const hasErrorNotificationAtEnd = notifications?.some(\n    (notification) =>\n      notification.severity === 'ERROR' &&\n      notification.syntaxPosition?.end.index === trimmedQuery.length - 1,\n  );\n\n  return !valid && hasErrorNotificationAtEnd;\n}\n\n/**\n * Determines if the autocomplete dropdown should be opened.\n *\n * @param update - Information on the current changes from the update listener\n * @param state - EditorState\n * @returns true when the autocomplete should be opened\n */\nexport async function openAutocomplete(\n  update: {\n    isTyping: boolean;\n    isDeleting: boolean;\n    isFocused: boolean;\n    selectionChanged: boolean;\n  },\n  state: EditorState,\n): Promise<boolean> {\n  const { isTyping, isDeleting, isFocused, selectionChanged } = update;\n\n  const context = new CompletionContext(state, state.selection.main.to, false);\n\n  if (\n    isTyping &&\n    (isTypingCommandPrefixAtCommandBoundary(context) ||\n      isTypingParameterPrefixAfterCommand(context)) &&\n    isBeforeCommentOrEndOfContent(state)\n  ) {\n    return true;\n  }\n\n  // open autocomplete if\n  //  - content is empty\n  //  - the cursor is at the very end following a comma or pipe\n  //  - the cursor is on a fresh line after existing content\n  if (selectionChanged || isFocused) {\n    const fullContent = state.doc.toString();\n    const cursorAtTheEnd = fullContent.length === state.selection.ranges[0].to;\n    const cursorPosition = state.selection.main.to;\n    const textBeforeCursor = state.doc.slice(0, cursorPosition).toString();\n    const isOnFreshLine =\n      context.matchBefore(/^\\s*$/) !== null && textBeforeCursor.trim() !== '';\n\n    if (\n      fullContent.trim() === '' ||\n      (cursorAtTheEnd && isStartOfCommandOrParameter(context)) ||\n      isOnFreshLine\n    ) {\n      return true;\n    }\n  }\n\n  const hasWhitespaceBefore = context.matchBefore(/\\s/);\n\n  // open autocomplete when the user is typing following a command (==keyword)\n  if (\n    (isTyping || isDeleting) &&\n    context.tokenBefore(['keyword']) &&\n    hasWhitespaceBefore\n  ) {\n    return true;\n  }\n\n  // open autocomplete if the user is typing following a comma or pipe\n  if (isTyping && isStartOfCommandOrParameter(context)) {\n    return true;\n  }\n\n  // open autocomplete if query is invalid and a space was typed beforehand\n  if (isTyping && hasWhitespaceBefore) {\n    const query = state.doc.slice(0, state.selection.main.to).toString();\n    if (await isInvalidAtEnd(query)) {\n      return true;\n    }\n  }\n\n  const characterAfter = state.doc\n    .slice(state.selection.main.to, state.selection.main.to + 1)\n    .toString();\n  const hasSpaceOrEndOfContentAfter = characterAfter.trim().length === 0;\n\n  // open autocomplete if\n  //  - a whitespace was deleted\n  //  - the last char was deleted\n  if (isDeleting && hasSpaceOrEndOfContentAfter) {\n    return true;\n  }\n\n  return false;\n}\n"],
-  "mappings": "AACA,SAAS,yBAAyB;AAGlC,SAAS,mBAAmB;AAQ5B,SAAS,4BAA4B,SAAqC;AACxE,SAAO,QAAQ,YAAY,UAAU,MAAM;AAC7C;AAWA,SAAS,uCACP,SACS;AACT,SAAO,QAAQ,YAAY,oCAAoC,MAAM;AACvE;AAUA,SAAS,oCACP,SACS;AACT,QAAM,sBAAsB,QAAQ;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,wBAAwB;AACjC;AAOA,SAAS,8BAA8B,OAA6B;AAClE,QAAM,cAAc,MAAM,IAAI,MAAM,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACtE,QAAM,qBAAqB,YAAY,UAAU;AAEjD,SACE,uBAAuB,MACvB,mBAAmB,WAAW,IAAI,KAClC,mBAAmB,WAAW,IAAI;AAEtC;AAQA,eAAsB,eAAe,OAAiC;AACpE,QAAM,eAAe,MAAM,QAAQ;AACnC,QAAM,EAAE,QAAQ,MAAM,gBAAgB,CAAC,EAAE,IACtC,MAAM,YAAY,YAAY,KAAM,CAAC;AAExC,QAAM,4BAA4B,eAAe;AAAA,IAC/C,CAAC,iBACC,aAAa,aAAa,WAC1B,aAAa,gBAAgB,IAAI,UAAU,aAAa,SAAS;AAAA,EACrE;AAEA,SAAO,CAAC,SAAS;AACnB;AASA,eAAsB,iBACpB,QAMA,OACkB;AAClB,QAAM,EAAE,UAAU,YAAY,WAAW,iBAAiB,IAAI;AAE9D,QAAM,UAAU,IAAI,kBAAkB,OAAO,MAAM,UAAU,KAAK,IAAI,KAAK;AAE3E,MACE,aACC,uCAAuC,OAAO,KAC7C,oCAAoC,OAAO,MAC7C,8BAA8B,KAAK,GACnC;AACA,WAAO;AAAA,EACT;AAMA,MAAI,oBAAoB,WAAW;AACjC,UAAM,cAAc,MAAM,IAAI,SAAS;AACvC,UAAM,iBAAiB,YAAY,WAAW,MAAM,UAAU,OAAO,CAAC,EAAE;AACxE,UAAM,iBAAiB,MAAM,UAAU,KAAK;AAC5C,UAAM,mBAAmB,MAAM,IAAI,MAAM,GAAG,cAAc,EAAE,SAAS;AACrE,UAAM,gBACJ,QAAQ,YAAY,OAAO,MAAM,QAAQ,iBAAiB,KAAK,MAAM;AAEvE,QACE,YAAY,KAAK,MAAM,MACtB,kBAAkB,4BAA4B,OAAO,KACtD,eACA;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,sBAAsB,QAAQ,YAAY,IAAI;AAGpD,OACG,YAAY,eACb,QAAQ,YAAY,CAAC,SAAS,CAAC,KAC/B,qBACA;AACA,WAAO;AAAA,EACT;AAGA,MAAI,YAAY,4BAA4B,OAAO,GAAG;AACpD,WAAO;AAAA,EACT;AAGA,MAAI,YAAY,qBAAqB;AACnC,UAAM,QAAQ,MAAM,IAAI,MAAM,GAAG,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACnE,QAAI,MAAM,eAAe,KAAK,GAAG;AAC/B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM,IAC1B,MAAM,MAAM,UAAU,KAAK,IAAI,MAAM,UAAU,KAAK,KAAK,CAAC,EAC1D,SAAS;AACZ,QAAM,8BAA8B,eAAe,KAAK,EAAE,WAAW;AAKrE,MAAI,cAAc,6BAA6B;AAC7C,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable tsdoc/syntax */\nimport { CompletionContext } from '@codemirror/autocomplete';\nimport { EditorState } from '@codemirror/state';\n\nimport { verifyQuery } from './dql-linter.js';\n\n/**\n * Checks whether the cursor is at a position where a command or parameter is expected,\n * following a comma or pipe separator, with only whitespace in between.\n * @param context - the current completion context\n * @returns true if the cursor is at the start of a command or parameter, false otherwise\n */\nfunction isStartOfCommandOrParameter(context: CompletionContext): boolean {\n  return context.matchBefore(/[,|]\\s+$/) !== null;\n}\n\n/**\n * Checks whether the user is typing a command prefix (e.g. `d`, `da`, `fet`)\n * at a valid command boundary: start of query, after a `|` or `,` separator,\n * or after a block comment close (`*\\/`). The latter covers reopening\n * suggestions after ESC and continued typing following an inline block\n * comment, e.g. `/* note *\\/ fetc`.\n * @param context - the current completion context\n * @returns true if the user is typing a command prefix at a valid command boundary, false otherwise\n */\nfunction isTypingCommandPrefixAtCommandBoundary(\n  context: CompletionContext,\n): boolean {\n  return (\n    context.matchBefore(/(?:^|[|,]\\s*|\\*\\/\\s*)[A-Za-z][A-Za-z0-9]*$/) !== null\n  );\n}\n\n/**\n * Checks whether the user is typing a parameter prefix after a command.\n * This covers reopening suggestions after ESC when typing continues within\n * the first parameter token at query start, for example\n * `fetch app` -> `fetch appl`.\n * @param context - the current completion context\n * @returns true if the user is typing a parameter prefix after a command, false otherwise\n */\nfunction isTypingParameterPrefixAfterCommand(\n  context: CompletionContext,\n): boolean {\n  const commandAndParameter = context.matchBefore(\n    /^[A-Za-z][A-Za-z0-9]*\\s+[A-Za-z_][A-Za-z0-9_.]*\\s*$/,\n  );\n\n  return commandAndParameter !== null;\n}\n\n/**\n * Allows opening autocomplete when only whitespace, a comment, or no more\n * content follows the cursor. This covers typing before comments and reopening\n * suggestions after ESC when the user continues typing at the end of the query.\n */\nfunction isBeforeCommentOrEndOfContent(state: EditorState): boolean {\n  const afterCursor = state.doc.slice(state.selection.main.to).toString();\n  const afterCursorTrimmed = afterCursor.trimStart();\n\n  return (\n    afterCursorTrimmed === '' ||\n    afterCursorTrimmed.startsWith('//') ||\n    afterCursorTrimmed.startsWith('/*')\n  );\n}\n\n/**\n * Checks whether the query is invalid at the end.\n *\n * @param query - The query string to check\n * @returns A promise that resolves to true if the query is invalid at the end, false otherwise\n */\nexport async function isInvalidAtEnd(query: string): Promise<boolean> {\n  const trimmedQuery = query.trimEnd();\n  const { valid = true, notifications = [] } =\n    (await verifyQuery(trimmedQuery)) ?? {};\n\n  const hasErrorNotificationAtEnd = notifications?.some(\n    (notification) =>\n      notification.severity === 'ERROR' &&\n      notification.syntaxPosition?.end.index === trimmedQuery.length - 1,\n  );\n\n  return !valid && hasErrorNotificationAtEnd;\n}\n\n/**\n * Determines if the autocomplete dropdown should be opened.\n *\n * @param update - Information on the current changes from the update listener\n * @param state - EditorState\n * @returns true when the autocomplete should be opened\n */\nexport async function openAutocomplete(\n  update: {\n    isTyping: boolean;\n    isDeleting: boolean;\n    isFocused: boolean;\n  },\n  state: EditorState,\n): Promise<boolean> {\n  const { isTyping, isDeleting, isFocused } = update;\n\n  const context = new CompletionContext(state, state.selection.main.to, false);\n\n  if (\n    isTyping &&\n    (isTypingCommandPrefixAtCommandBoundary(context) ||\n      isTypingParameterPrefixAfterCommand(context)) &&\n    isBeforeCommentOrEndOfContent(state)\n  ) {\n    return true;\n  }\n\n  // open autocomplete when an empty editor receives focus\n  if (isFocused && state.doc.toString().trim() === '') {\n    return true;\n  }\n\n  const hasWhitespaceBefore = context.matchBefore(/\\s/);\n\n  // open autocomplete when the user is typing following a command (==keyword)\n  if (\n    (isTyping || isDeleting) &&\n    context.tokenBefore(['keyword']) &&\n    hasWhitespaceBefore\n  ) {\n    return true;\n  }\n\n  // open autocomplete if the user is typing following a comma or pipe\n  if (isTyping && isStartOfCommandOrParameter(context)) {\n    return true;\n  }\n\n  // open autocomplete if query is invalid and a space was typed beforehand\n  if (isTyping && hasWhitespaceBefore) {\n    const query = state.doc.slice(0, state.selection.main.to).toString();\n    if (await isInvalidAtEnd(query)) {\n      return true;\n    }\n  }\n\n  const characterAfter = state.doc\n    .slice(state.selection.main.to, state.selection.main.to + 1)\n    .toString();\n  const hasSpaceOrEndOfContentAfter = characterAfter.trim().length === 0;\n\n  // open autocomplete if\n  //  - a whitespace was deleted\n  //  - the last char was deleted\n  if (isDeleting && hasSpaceOrEndOfContentAfter) {\n    return true;\n  }\n\n  return false;\n}\n"],
+  "mappings": "AACA,SAAS,yBAAyB;AAGlC,SAAS,mBAAmB;AAQ5B,SAAS,4BAA4B,SAAqC;AACxE,SAAO,QAAQ,YAAY,UAAU,MAAM;AAC7C;AAWA,SAAS,uCACP,SACS;AACT,SACE,QAAQ,YAAY,4CAA4C,MAAM;AAE1E;AAUA,SAAS,oCACP,SACS;AACT,QAAM,sBAAsB,QAAQ;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,wBAAwB;AACjC;AAOA,SAAS,8BAA8B,OAA6B;AAClE,QAAM,cAAc,MAAM,IAAI,MAAM,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACtE,QAAM,qBAAqB,YAAY,UAAU;AAEjD,SACE,uBAAuB,MACvB,mBAAmB,WAAW,IAAI,KAClC,mBAAmB,WAAW,IAAI;AAEtC;AAQA,eAAsB,eAAe,OAAiC;AACpE,QAAM,eAAe,MAAM,QAAQ;AACnC,QAAM,EAAE,QAAQ,MAAM,gBAAgB,CAAC,EAAE,IACtC,MAAM,YAAY,YAAY,KAAM,CAAC;AAExC,QAAM,4BAA4B,eAAe;AAAA,IAC/C,CAAC,iBACC,aAAa,aAAa,WAC1B,aAAa,gBAAgB,IAAI,UAAU,aAAa,SAAS;AAAA,EACrE;AAEA,SAAO,CAAC,SAAS;AACnB;AASA,eAAsB,iBACpB,QAKA,OACkB;AAClB,QAAM,EAAE,UAAU,YAAY,UAAU,IAAI;AAE5C,QAAM,UAAU,IAAI,kBAAkB,OAAO,MAAM,UAAU,KAAK,IAAI,KAAK;AAE3E,MACE,aACC,uCAAuC,OAAO,KAC7C,oCAAoC,OAAO,MAC7C,8BAA8B,KAAK,GACnC;AACA,WAAO;AAAA,EACT;AAGA,MAAI,aAAa,MAAM,IAAI,SAAS,EAAE,KAAK,MAAM,IAAI;AACnD,WAAO;AAAA,EACT;AAEA,QAAM,sBAAsB,QAAQ,YAAY,IAAI;AAGpD,OACG,YAAY,eACb,QAAQ,YAAY,CAAC,SAAS,CAAC,KAC/B,qBACA;AACA,WAAO;AAAA,EACT;AAGA,MAAI,YAAY,4BAA4B,OAAO,GAAG;AACpD,WAAO;AAAA,EACT;AAGA,MAAI,YAAY,qBAAqB;AACnC,UAAM,QAAQ,MAAM,IAAI,MAAM,GAAG,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACnE,QAAI,MAAM,eAAe,KAAK,GAAG;AAC/B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM,IAC1B,MAAM,MAAM,UAAU,KAAK,IAAI,MAAM,UAAU,KAAK,KAAK,CAAC,EAC1D,SAAS;AACZ,QAAM,8BAA8B,eAAe,KAAK,EAAE,WAAW;AAKrE,MAAI,cAAc,6BAA6B;AAC7C,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/filters/filter-field/FilterField.css

@@ -1,94 +1,94 @@
-._96tj13b-3-5-0 {
+._96tj13b-3-6-0 {
   max-height: 80px;
 }
-._96tj13c-3-5-0 {
-  --_96tj130-3-5-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_96tj131-3-5-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj132-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj133-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-5-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj135-3-5-0: var(--dt-colors-syntax-operators, #8136a9);
-  --_96tj136-3-5-0: var(--dt-colors-syntax-operators, #8136a9);
-  --_96tj137-3-5-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) transparent;
-  --_96tj138-3-5-0: transparent;
-  --_96tj13a-3-5-0: transparent;
-  --_96tj139-3-5-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
+._96tj13c-3-6-0 {
+  --_96tj130-3-6-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_96tj131-3-6-0: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj132-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj133-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-6-0: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj135-3-6-0: var(--dt-colors-syntax-operators, #8136a9);
+  --_96tj136-3-6-0: var(--dt-colors-syntax-operators, #8136a9);
+  --_96tj137-3-6-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) transparent;
+  --_96tj138-3-6-0: transparent;
+  --_96tj13a-3-6-0: transparent;
+  --_96tj139-3-6-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
   position: relative;
   width: 100%;
   max-height: inherit;
 }
-._96tj13c-3-5-0::selection {
+._96tj13c-3-6-0::selection {
   background: #fff;
 }
-._96tj13d-3-5-0 {
-  --_96tj137-3-5-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-accent, #bb0731);
-  --_96tj138-3-5-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_96tj13a-3-5-0: var(--dt-colors-border-critical-accent, #bb0731);
-  --_96tj139-3-5-0: var(--dt-colors-icon-critical-default, #bb0731);
+._96tj13d-3-6-0 {
+  --_96tj137-3-6-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-accent, #bb0731);
+  --_96tj138-3-6-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_96tj13a-3-6-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_96tj139-3-6-0: var(--dt-colors-icon-critical-default, #bb0731);
 }
-._96tj13e-3-5-0 {
+._96tj13e-3-6-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._96tj13f-3-5-0 {
+._96tj13f-3-6-0 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
   position: absolute;
   left: var(--dt-spacings-size-6, 6px);
   top: var(--dt-spacings-size-6, 6px);
   z-index: 1;
 }
-._96tj13g-3-5-0 {
+._96tj13g-3-6-0 {
   color: var(--dt-colors-icon-critical-default, #bb0731);
 }
-._96tj13h-3-5-0 {
+._96tj13h-3-6-0 {
   color: var(--dt-colors-icon-neutral-disabled, #595a7d80);
 }
-._96tj13i-3-5-0 {
+._96tj13i-3-6-0 {
   padding: var(--dt-spacings-size-2, 2px) calc(var(--dt-spacings-size-4, 4px) - var(--dt-borders-width-default, 1px)) 3px;
   border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   transition: borderRadius var(--dt-timings-base-default, 300ms);
   line-height: 24px;
 }
-._96tj13j-3-5-0 {
-  background-color: var(--_96tj130-3-5-0);
+._96tj13j-3-6-0 {
+  background-color: var(--_96tj130-3-6-0);
   border-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._96tj13j-3-5-0:hover {
+._96tj13j-3-6-0:hover {
   position: relative;
   border-radius: var(--dt-borders-radius-field-subdued, 3px) 0 0 var(--dt-borders-radius-field-subdued, 3px);
 }
-._96tj13k-3-5-0:hover {
+._96tj13k-3-6-0:hover {
   position: relative;
   border-radius: var(--dt-borders-radius-field-subdued, 3px) 0 0 var(--dt-borders-radius-field-subdued, 3px);
   border-right-width: 0;
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._96tj13l-3-5-0 {
+._96tj13l-3-6-0 {
   line-height: 24px;
 }
-._96tj13m-3-5-0 {
-  --_96tj131-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj132-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj135-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj133-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+._96tj13m-3-6-0 {
+  --_96tj131-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj132-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj135-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj133-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
   line-height: 24px;
 }
-._96tj13n-3-5-0 {
+._96tj13n-3-6-0 {
   cursor: not-allowed;
 }
-._96tj13o-3-5-0 {
-  --_96tj130-3-5-0: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
-  --_96tj131-3-5-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj134-3-5-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj132-3-5-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj135-3-5-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj137-3-5-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-disabled, #dadbe480);
-  --_96tj138-3-5-0: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
-  --_96tj133-3-5-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj13a-3-5-0: var(--dt-colors-border-critical-disabled, #dadbe480);
-}
-._96tj13q-3-5-0 {
+._96tj13o-3-6-0 {
+  --_96tj130-3-6-0: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
+  --_96tj131-3-6-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj134-3-6-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj132-3-6-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj135-3-6-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj137-3-6-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-disabled, #dadbe480);
+  --_96tj138-3-6-0: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
+  --_96tj133-3-6-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj13a-3-6-0: var(--dt-colors-border-critical-disabled, #dadbe480);
+}
+._96tj13q-3-6-0 {
   position: relative;
   opacity: 0;
   font-size: var(--dt-typography-text-base-default-size, 14px);
@@ -97,11 +97,11 @@
   user-select: none;
   transition: none;
 }
-._96tj13q-3-5-0:hover {
+._96tj13q-3-6-0:hover {
   opacity: 1;
   pointer-events: initial;
 }
-._96tj13r-3-5-0 {
+._96tj13r-3-6-0 {
   position: absolute;
   top: calc((var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-default, 1px)) * -1);
   left: var(--dt-spacings-size-4, 4px);
@@ -114,15 +114,15 @@
   border-radius: 0 var(--dt-borders-radius-field-subdued, 3px) var(--dt-borders-radius-field-subdued, 3px) 0;
   line-height: 0;
   cursor: pointer;
-  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--_96tj130-3-5-0);
-  background-color: var(--_96tj130-3-5-0);
+  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--_96tj130-3-6-0);
+  background-color: var(--_96tj130-3-6-0);
   box-shadow: -1px 0px 0px 0px var(--dt-colors-background-surface-default, #fff);
 }
-._96tj13r-3-5-0:hover {
+._96tj13r-3-6-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   border-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._96tj13r-3-5-0:before {
+._96tj13r-3-6-0:before {
   content: "";
   position: absolute;
   left: calc(var(--dt-borders-width-default, 1px) * -1);
@@ -133,190 +133,193 @@
   border-left: none;
   border-radius: 0 calc(var(--dt-borders-radius-field-subdued, 3px) + 3px) calc(var(--dt-borders-radius-field-subdued, 3px) + 3px) 0;
 }
-._96tj13s-3-5-0 {
+._96tj13s-3-6-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
   box-shadow: none;
 }
-._96tj13s-3-5-0:hover {
+._96tj13s-3-6-0:hover {
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._96tj13t-3-5-0 {
+._96tj13t-3-6-0 {
   color: var(--dt-colors-icon-neutral-default, #2f2f4f);
   pointer-events: none;
 }
-._96tj13c-3-5-0.hideDeleteWhileTyping ._96tj13i-3-5-0:hover {
+._96tj13c-3-6-0.hideDeleteWhileTyping ._96tj13i-3-6-0:hover {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._96tj13c-3-5-0.hideDeleteWhileTyping ._96tj13k-3-5-0:hover {
+._96tj13c-3-6-0.hideDeleteWhileTyping ._96tj13k-3-6-0:hover {
   padding-right: calc(var(--dt-spacings-size-4, 4px) - var(--dt-borders-width-default, 1px));
   border-right-width: var(--dt-borders-width-default, 1px);
 }
-._96tj13c-3-5-0:not(.hideDeleteWhileTyping) ._96tj13j-3-5-0:hover ._96tj13q-3-5-0,
-  ._96tj13c-3-5-0:not(.hideDeleteWhileTyping) ._96tj13k-3-5-0:hover ._96tj13q-3-5-0 {
+._96tj13c-3-6-0:not(.hideDeleteWhileTyping) ._96tj13j-3-6-0:hover ._96tj13q-3-6-0,
+  ._96tj13c-3-6-0:not(.hideDeleteWhileTyping) ._96tj13k-3-6-0:hover ._96tj13q-3-6-0 {
   opacity: 1;
   pointer-events: initial;
   transition: opacity var(--dt-timings-base-default, 300ms);
 }
-._96tj13c-3-5-0:not(.hideDeleteWhileTyping) ._96tj13j-3-5-0:has(img + ._96tj13q-3-5-0:hover),
-  ._96tj13c-3-5-0:not(.hideDeleteWhileTyping) ._96tj13k-3-5-0:has(img + ._96tj13q-3-5-0:hover) {
+._96tj13c-3-6-0:not(.hideDeleteWhileTyping) ._96tj13j-3-6-0:has(img + ._96tj13q-3-6-0:hover),
+  ._96tj13c-3-6-0:not(.hideDeleteWhileTyping) ._96tj13k-3-6-0:has(img + ._96tj13q-3-6-0:hover) {
   border-radius: var(--dt-borders-radius-field-subdued, 3px) 0 0 var(--dt-borders-radius-field-subdued, 3px);
-  background-color: var(--_96tj130-3-5-0);
+  background-color: var(--_96tj130-3-6-0);
 }
-._96tj13u-3-5-0 {
-  --_96tj131-3-5-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj132-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-5-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj135-3-5-0: var(--dt-colors-syntax-operators, #8136a9);
+._96tj13u-3-6-0 {
+  --_96tj131-3-6-0: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj132-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-6-0: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj135-3-6-0: var(--dt-colors-syntax-operators, #8136a9);
 }
-._96tj13v-3-5-0 {
-  color: var(--_96tj131-3-5-0);
+._96tj13v-3-6-0 {
+  color: var(--_96tj131-3-6-0);
 }
-._96tj13w-3-5-0 {
-  color: var(--_96tj132-3-5-0);
+._96tj13w-3-6-0 {
+  color: var(--_96tj132-3-6-0);
 }
-._96tj13x-3-5-0 {
-  color: var(--_96tj134-3-5-0);
+._96tj13x-3-6-0 {
+  color: var(--_96tj134-3-6-0);
 }
-._96tj13y-3-5-0 {
-  color: var(--_96tj135-3-5-0);
+._96tj13y-3-6-0 {
+  color: var(--_96tj135-3-6-0);
 }
-._96tj13z-3-5-0 ._96tj13y-3-5-0 {
-  --_96tj135-3-5-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+._96tj13z-3-6-0 ._96tj13y-3-6-0 {
+  --_96tj135-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._96tj1310-3-5-0 {
-  color: var(--_96tj136-3-5-0);
+._96tj1310-3-6-0 {
+  color: var(--_96tj136-3-6-0);
 }
-._96tj1311-3-5-0 {
+._96tj1311-3-6-0 {
   position: relative;
   z-index: 0;
 }
-._96tj1311-3-5-0::before {
+._96tj1311-3-6-0::before {
   content: " ";
   position: absolute;
   bottom: calc(var(--dt-spacings-size-4, 4px) * -1);
   width: 100%;
   line-height: 20px;
-  background-color: var(--_96tj138-3-5-0);
+  background-color: var(--_96tj138-3-6-0);
   z-index: -1;
 }
-._96tj1311-3-5-0::after {
+._96tj1311-3-6-0::after {
   content: " ";
   position: absolute;
   bottom: calc(var(--dt-spacings-size-4, 4px) * -1);
   left: 0;
   width: 100%;
-  border-bottom: var(--_96tj137-3-5-0);
+  border-bottom: var(--_96tj137-3-6-0);
   pointer-events: none;
 }
-._96tj1312-3-5-0 {
+._96tj1312-3-6-0 {
   position: relative;
 }
-._96tj1312-3-5-0::after {
+._96tj1312-3-6-0::after {
   content: "";
   position: absolute;
   bottom: calc(var(--dt-spacings-size-4, 4px) * -1);
-  border: var(--dt-spacings-size-4, 4px) solid var(--_96tj13a-3-5-0);
+  border: var(--dt-spacings-size-4, 4px) solid var(--_96tj13a-3-6-0);
   border-left: var(--dt-spacings-size-4, 4px) solid transparent;
   border-right: var(--dt-spacings-size-4, 4px) solid transparent;
   border-top: none;
   z-index: 250;
 }
-._96tj1313-3-5-0::after {
+._96tj1313-3-6-0::after {
   left: 0;
   transform: translateX(-50%);
 }
-._96tj1314-3-5-0::after {
+._96tj1314-3-6-0::after {
   right: 0;
   transform: translateX(50%);
 }
-._96tj13c-3-5-0 .cm-editor {
+._96tj13c-3-6-0 .cm-editor {
   padding: 0;
   padding-inline: var(--dt-spacings-size-28, 28px) var(--dt-spacings-size-32, 32px);
   min-height: 32px;
   max-height: inherit;
   justify-content: center;
 }
-._96tj13c-3-5-0:has([data-suggestion-pin="true"]) .cm-editor {
+._96tj13c-3-6-0:has([data-suggestion-pin="true"]) .cm-editor {
   padding-inline: var(--dt-spacings-size-28, 28px) var(--dt-spacings-size-64, 64px);
 }
-._96tj13p-3-5-0 .cm-editor {
+._96tj13p-3-6-0 .cm-editor {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
   pointer-events: none;
 }
-._96tj13n-3-5-0 ._96tj13r-3-5-0 {
+._96tj13n-3-6-0 ._96tj13r-3-6-0 {
   display: none;
 }
-._96tj13n-3-5-0 ._96tj13r-3-5-0 ._96tj13s-3-5-0 {
+._96tj13n-3-6-0 ._96tj13r-3-6-0 ._96tj13s-3-6-0 {
   display: none;
 }
-._96tj13n-3-5-0 .cm-cursorLayer {
+._96tj13n-3-6-0 .cm-cursorLayer {
   display: none;
 }
-._96tj13o-3-5-0 .cm-editor {
+._96tj13o-3-6-0 .cm-editor {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._96tj13c-3-5-0 .cm-editor.cm-focused.cm-focused {
+._96tj13c-3-6-0 .cm-editor.cm-focused.cm-focused {
   border-color: var(--dt-colors-border-neutral-accent, #595a7d);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-5-0 ._96tj13c-3-5-0 .cm-editor.cm-focused.cm-focused {
+._1jgl8s50-3-6-0 ._96tj13c-3-6-0 .cm-editor.cm-focused.cm-focused::before {
+  content: none;
+}
+._1jgl8s50-3-6-0 ._96tj13c-3-6-0 .cm-editor.cm-focused.cm-focused {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._96tj13c-3-5-0._96tj13e-3-5-0 .cm-editor.cm-focused.cm-focused {
+._96tj13c-3-6-0._96tj13e-3-6-0 .cm-editor.cm-focused.cm-focused {
   border-color: var(--dt-colors-border-critical-accent, #bb0731);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._1jgl8s50-3-5-0 ._96tj13c-3-5-0._96tj13e-3-5-0 .cm-editor.cm-focused.cm-focused {
+._1jgl8s50-3-6-0 ._96tj13c-3-6-0._96tj13e-3-6-0 .cm-editor.cm-focused.cm-focused {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731), inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._96tj13c-3-5-0 .cm-line.cm-line {
+._96tj13c-3-6-0 .cm-line.cm-line {
   padding-left: 0;
-  color: var(--_96tj133-3-5-0);
+  color: var(--_96tj133-3-6-0);
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
 }
-._96tj13c-3-5-0 .cm-scroller {
+._96tj13c-3-6-0 .cm-scroller {
   display: block !important;
   overflow-x: hidden;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._96tj13c-3-5-0 .cm-cursor {
+._96tj13c-3-6-0 .cm-cursor {
   border-color: var(--dt-colors-text-neutral-default, #2f2f4f);
   margin-left: 0;
 }
-._96tj13c-3-5-0 .cm-selectionLayer {
+._96tj13c-3-6-0 .cm-selectionLayer {
   z-index: unset !important;
   transform: unset !important;
 }
-._96tj13c-3-5-0 .cm-selectionBackground, ._96tj13c-3-5-0 .ͼ2 .cm-selectionBackground {
+._96tj13c-3-6-0 .cm-selectionBackground, ._96tj13c-3-6-0 .ͼ2 .cm-selectionBackground {
   background-image: linear-gradient(var(--dt-colors-background-container-neutral-accent, #5b5c81), var(--dt-colors-background-container-neutral-accent, #5b5c81)) !important;
   mix-blend-mode: difference;
 }
-._96tj13c-3-5-0 .cm-lintRange-error.cm-lintRange-error {
+._96tj13c-3-6-0 .cm-lintRange-error.cm-lintRange-error {
   background-image: none;
 }
-._96tj13c-3-5-0 .cm-lintPoint-error::after {
+._96tj13c-3-6-0 .cm-lintPoint-error::after {
   border: none;
 }
-._96tj13c-3-5-0 .cm-tooltip-autocomplete.cm-tooltip-autocomplete {
+._96tj13c-3-6-0 .cm-tooltip-autocomplete.cm-tooltip-autocomplete {
   left: 0 !important;
   right: 0;
   width: unset;
   max-width: unset;
   transform: translateY(var(--dt-spacings-size-4, 4px));
 }
-._96tj13c-3-5-0 .cm-tooltip-autocomplete.cm-tooltip-autocomplete ul {
+._96tj13c-3-6-0 .cm-tooltip-autocomplete.cm-tooltip-autocomplete ul {
   max-width: unset;
 }
-._96tj13p-3-5-0 .cm-placeholder.cm-placeholder,
-._96tj13o-3-5-0 .cm-placeholder.cm-placeholder {
+._96tj13p-3-6-0 .cm-placeholder.cm-placeholder,
+._96tj13o-3-6-0 .cm-placeholder.cm-placeholder {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._96tj13e-3-5-0 .cm-placeholder.cm-placeholder {
+._96tj13e-3-6-0 .cm-placeholder.cm-placeholder {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._96tj1315-3-5-0 {
+._96tj1315-3-6-0 {
   position: absolute;
   width: 1px;
   height: 1px;