@dynatrace/strato-components 3.7.1 → 3.8.0

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, 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;",
+  "sourcesContent": ["/* eslint-disable tsdoc/syntax */\nimport { CompletionContext } from '@codemirror/autocomplete';\nimport { EditorState } from '@codemirror/state';\n\nimport { verifyQuery } from './dql-linter.js';\n\n// Look back a bounded amount while typing to keep per-keystroke checks predictable.\nconst SUBQUERY_PREFIX_LOOKBACK_CHARS = 100;\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 * Covers nested subqueries where a command starts after `[` on a new indented line,\n * e.g. `lookup(..., [\\n    fetc ...)`.\n *\n * Uses a manual slice instead of context.matchBefore because `[` may be on a\n * previous line, which matchBefore cannot see.\n *\n * @param context - the current completion context\n * @returns true if the user is typing a command prefix at the start of a subquery, false otherwise\n */\nfunction isTypingCommandPrefixAtSubqueryStart(\n  context: CompletionContext,\n): boolean {\n  // Slice at most SUBQUERY_PREFIX_LOOKBACK_CHARS before the cursor \u2014 bounding input size\n  // prevents the regex from backtracking excessively on large documents.\n  const slice = context.state.doc.sliceString(\n    Math.max(0, context.pos - SUBQUERY_PREFIX_LOOKBACK_CHARS),\n    context.pos,\n  );\n\n  // Safe and fast regex: we only check a small slice and match a command\n  // prefix at the end of the slice.\n  return /\\[\\s*[A-Za-z]+$/.test(slice);\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 the cursor is at a token boundary:\n * immediately before whitespace, before a comment, or at end of content.\n * This supports selected-token replacement where content can still follow\n * after whitespace, while blocking autocomplete in the middle of identifiers.\n * @param state - the current editor state\n * @returns true if the cursor is at a token boundary, false otherwise\n */\nfunction isAtTokenBoundary(state: EditorState): boolean {\n  const afterCursor = state.doc.slice(state.selection.main.to).toString();\n  const immediateCharacterAfterCursor = afterCursor.slice(0, 1);\n  const afterCursorTrimmed = afterCursor.trimStart();\n\n  return (\n    immediateCharacterAfterCursor.trim().length === 0 ||\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  // While deleting, suppress reopen if the cursor still has a run of trailing\n  // whitespace (including empty lines) behind it. This avoids popup flicker\n  // while users clean up spacing. Reopen can happen again once the run shrinks\n  // to at most one trailing whitespace character.\n  if (isDeleting) {\n    const beforeCursor = state.doc.sliceString(\n      Math.max(0, state.selection.main.to - 2),\n      state.selection.main.to,\n    );\n\n    // We only slice the 2 chars directly before the cursor.\n    // If both are whitespace (`\\s\\s$`), it means there are at least two\n    // trailing whitespace chars before the cursor, so we suppress reopen.\n    if (/\\s\\s$/.test(beforeCursor)) {\n      return false;\n    }\n  }\n\n  if (\n    isTyping &&\n    (isTypingCommandPrefixAtCommandBoundary(context) ||\n      isTypingCommandPrefixAtSubqueryStart(context) ||\n      isTypingParameterPrefixAfterCommand(context)) &&\n    isAtTokenBoundary(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;AAG5B,MAAM,iCAAiC;AAQvC,SAAS,4BAA4B,SAAqC;AACxE,SAAO,QAAQ,YAAY,UAAU,MAAM;AAC7C;AAWA,SAAS,uCACP,SACS;AACT,SACE,QAAQ,YAAY,4CAA4C,MAAM;AAE1E;AAYA,SAAS,qCACP,SACS;AAGT,QAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,IAC9B,KAAK,IAAI,GAAG,QAAQ,MAAM,8BAA8B;AAAA,IACxD,QAAQ;AAAA,EACV;AAIA,SAAO,kBAAkB,KAAK,KAAK;AACrC;AAUA,SAAS,oCACP,SACS;AACT,QAAM,sBAAsB,QAAQ;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,wBAAwB;AACjC;AAUA,SAAS,kBAAkB,OAA6B;AACtD,QAAM,cAAc,MAAM,IAAI,MAAM,MAAM,UAAU,KAAK,EAAE,EAAE,SAAS;AACtE,QAAM,gCAAgC,YAAY,MAAM,GAAG,CAAC;AAC5D,QAAM,qBAAqB,YAAY,UAAU;AAEjD,SACE,8BAA8B,KAAK,EAAE,WAAW,KAChD,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;AAM3E,MAAI,YAAY;AACd,UAAM,eAAe,MAAM,IAAI;AAAA,MAC7B,KAAK,IAAI,GAAG,MAAM,UAAU,KAAK,KAAK,CAAC;AAAA,MACvC,MAAM,UAAU,KAAK;AAAA,IACvB;AAKA,QAAI,QAAQ,KAAK,YAAY,GAAG;AAC9B,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MACE,aACC,uCAAuC,OAAO,KAC7C,qCAAqC,OAAO,KAC5C,oCAAoC,OAAO,MAC7C,kBAAkB,KAAK,GACvB;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/editors/dql-editor/dql/suggestion-autocompletions.js

@@ -147,6 +147,9 @@ const suggestionAutocompletion = async (context) => {
     from: autocompletePos,
     async reopen(completion) {
       const queryToEnd = context.state.doc.slice(context.pos).toString();
+      if (queryToEnd.trim().length > 0) {
+        return false;
+      }
       const completedQuery = autocompleteContent.slice(0, completion.startPos) + completion.suggestion + queryToEnd;
       const { valid = true } = await verifyQuery(completedQuery) ?? {};
       return !valid;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/suggestion-autocompletions.tsx"],
-  "sourcesContent": ["import { Completion } from '@codemirror/autocomplete';\n\nimport { AutocompleteSuggestion } from '@dynatrace-sdk/client-query';\n\nimport { verifyQuery } from './dql-linter.js';\nimport {\n  convertToMiddleEllipsis,\n  fuzzyMatch,\n  getFuzzyMatchFullLabelPosition,\n  labelShouldBeTruncated,\n} from './fuzzy-match.js';\nimport { getSuggestions } from './get-suggestions.js';\nimport { SuggestionPart } from './SuggestionPart.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Text } from '../../../typography/text/Text.js';\nimport type {\n  AutocompleteProvider,\n  AutocompletionResult,\n  Suggestion,\n} from '../../base-code-editor/auto-completion/autocompletion.extension.js';\n\nfunction getMatchPattern(content: string) {\n  const match = content.match(/\\W?([\\w.]*)$/);\n  const capture = match?.[1];\n  return capture ?? '';\n}\n\nfunction hasInfo(suggestions: AutocompleteSuggestion[]): boolean {\n  return suggestions.some((suggestion) =>\n    suggestion.parts.some((part) => part.info !== undefined),\n  );\n}\n\ntype FilteredSuggestion = AutocompleteSuggestion & {\n  score: number;\n  startPos: number;\n};\n\n/**\n * Filters out and trims quote suggestions.\n * @param suggestions - suggestions list\n */\nfunction removeQuoteSuggestions(\n  suggestions: FilteredSuggestion[],\n): FilteredSuggestion[] {\n  const excludedSuggestions = ['\"', '\"\"', '\"\"\"', ' '];\n  return suggestions\n    .filter((elem) => !excludedSuggestions.includes(elem.suggestion))\n    .map((elem) => {\n      // trim trailing quotation marks\n      const trimmed = elem.suggestion.replace(/\"{1,3}$/, '');\n      return { ...elem, suggestion: trimmed };\n    })\n    .filter((elem) => elem.suggestion.length > 0);\n}\n\n/**\n *  Filters the suggestions based on matching pattern and suggestions as well as the\n *  autocomplete trigger pattern.\n *\n * @param suggestions - suggestions for the pattern\n * @param pattern - pattern matched\n * @param requestCursorPosition - the request cursor position\n * @param cursorPosition - editor cursor position\n * @param disableFilter - flag for whether the autocomplete was triggered via ctrl+space or having a pattern length of 1 or less\n */\nfunction filterSuggestions(\n  suggestions: AutocompleteSuggestion[],\n  pattern: string,\n  requestCursorPosition: number,\n  cursorPosition: number,\n  disableFilter: boolean,\n): Array<FilteredSuggestion> {\n  return suggestions\n    .reduce<Array<FilteredSuggestion>>((result, suggestion) => {\n      // Check if the suggestion matches part of the pattern\n      const matchResult = fuzzyMatch(pattern, suggestion.suggestion);\n      const match =\n        suggestion.alreadyTypedCharacters === 0 ? true : matchResult.match;\n      // Give the match a score for sorting the suggestions based on the closest match to the pattern\n      const score =\n        suggestion.alreadyTypedCharacters === 0 ? 1 : matchResult.score;\n      const startPos =\n        suggestion.alreadyTypedCharacters === 0\n          ? cursorPosition\n          : requestCursorPosition - suggestion.alreadyTypedCharacters;\n      if (suggestion.suggestion.length > 0 && (disableFilter || match)) {\n        result.push({ ...suggestion, score, startPos });\n      }\n      return result;\n    }, [])\n    .sort((a, b) => b.score - a.score);\n}\n\nfunction getRequestString(\n  autocompleteContent: string,\n  patternLength: number,\n  requestLength: number,\n) {\n  return autocompleteContent.slice(\n    0,\n    autocompleteContent.length - patternLength + requestLength,\n  );\n}\n\n// max. number of suggestions fetched from autocomplete endpoint\nconst MAX_DATA_SUGGESTIONS = 10_000;\n\nasync function getFilteredSuggestions(\n  autocompleteContent: string,\n  patternLength: number,\n  explicit: boolean,\n): Promise<FilteredSuggestion[]> {\n  const requestString = getRequestString(\n    autocompleteContent,\n    patternLength,\n    explicit ? patternLength : 1,\n  );\n  const suggestions = await getSuggestions(\n    requestString,\n    requestString.length,\n    MAX_DATA_SUGGESTIONS,\n  );\n\n  const pattern = autocompleteContent.slice(\n    autocompleteContent.length - patternLength,\n  );\n  return filterSuggestions(\n    suggestions,\n    pattern,\n    requestString.length,\n    autocompleteContent.length,\n    explicit,\n  );\n}\n\nexport const suggestionAutocompletion: AutocompleteProvider = async (\n  context,\n): Promise<AutocompletionResult | null> => {\n  if (context.matchBefore(/[^\\w.]/) && !context.explicit) {\n    return null;\n  }\n  // For performance, only take the query up until the cursor position.\n  // This allows the backend to be queried less often and the cache more often\n  const autocompleteContent = context.state.doc\n    .slice(0, context.pos)\n    .toString();\n\n  const pattern = getMatchPattern(autocompleteContent);\n\n  const infoSuggestions = await getSuggestions(\n    getRequestString(autocompleteContent, pattern.length, 0),\n  );\n\n  let filteredSuggestions = await getFilteredSuggestions(\n    autocompleteContent,\n    pattern.length,\n    pattern.length <= 1,\n  );\n\n  if (filteredSuggestions.length === 0) {\n    if (pattern.length > 1) {\n      filteredSuggestions = await getFilteredSuggestions(\n        autocompleteContent,\n        pattern.length,\n        true,\n      );\n    }\n  }\n\n  // Filter out suggestions (mainly quotes) if the cursor is within a string token and\n  // the autocomplete query was not the full query (there are characters after the cursor).\n  // This is necessary as we only send the autocomplete request with the query up to the cursor,\n  // omitting text after the cursor (if present).\n  // We still do want to show quotes if the cursor is at the end of the text and even within a string token.\n  if (\n    context.tokenBefore(['string']) !== null &&\n    autocompleteContent.length !== context.state.doc.length\n  ) {\n    filteredSuggestions = removeQuoteSuggestions(filteredSuggestions);\n  }\n\n  /*\n   * If there is only info (= no autocomplete suggestions), we still want to show this info.\n   * However, this info is shown as a \"section header\", and CodeMirror does not allow sections without any items.\n   * Hence, we need to return one empty autocomplete suggestion (which is then styled to be hidden).\n   */\n  if (filteredSuggestions.length === 0 && hasInfo(infoSuggestions)) {\n    const emptySuggestion = infoSuggestions.find(\n      (s) => s.suggestion.length === 0,\n    );\n    if (emptySuggestion) {\n      filteredSuggestions.push({\n        ...emptySuggestion,\n        score: -99,\n        startPos: context.pos,\n      });\n    }\n  }\n\n  if (filteredSuggestions.length === 0) {\n    return null;\n  }\n\n  const autocompletePos = Math.min(\n    ...filteredSuggestions.map((s) => s.startPos),\n  );\n\n  const section = infoSuggestions\n    .filter((suggestion) => !suggestion.suggestion)\n    .flatMap((suggestion) => suggestion.parts.map((part) => part.info))\n    .filter((text) => !!text)\n    .join(' ');\n\n  return {\n    suggestions: filteredSuggestions.map((suggestion): Suggestion => {\n      const hasInfo = suggestion.parts.some((part) => !!part.info);\n\n      const shouldBeTruncated = labelShouldBeTruncated(suggestion.suggestion);\n      const middleEllipsisText = shouldBeTruncated\n        ? convertToMiddleEllipsis(suggestion.suggestion)\n        : suggestion.suggestion;\n\n      const infoPopup = hasInfo\n        ? () => {\n            return (\n              <Flex flexDirection=\"column\" gap={16}>\n                {suggestion.parts\n                  .filter((part) => !!part.info)\n                  .map((part) => (\n                    <SuggestionPart key={part.info} suggestionPart={part} />\n                  ))}\n              </Flex>\n            );\n          }\n        : undefined;\n\n      return {\n        ...suggestion,\n        label: middleEllipsisText,\n        section,\n        apply: (view) => {\n          view.dispatch({\n            changes: {\n              from: suggestion.startPos,\n              to: autocompleteContent.length,\n              insert: suggestion.suggestion,\n            },\n            selection: {\n              anchor: suggestion.startPos + suggestion.suggestion.length,\n            },\n            userEvent: 'input.complete',\n          });\n        },\n\n        popup: shouldBeTruncated\n          ? () => (\n              <>\n                <Text fontStyle=\"code\" as=\"p\">\n                  {suggestion.suggestion}\n                </Text>\n                {infoPopup ?? null}\n              </>\n            )\n          : infoPopup,\n      };\n    }),\n    from: autocompletePos,\n    async reopen(completion: Completion & Partial<FilteredSuggestion>) {\n      const queryToEnd = context.state.doc.slice(context.pos).toString();\n      const completedQuery =\n        autocompleteContent.slice(0, completion.startPos) +\n        completion.suggestion +\n        queryToEnd;\n\n      const { valid = true } = (await verifyQuery(completedQuery)) ?? {};\n      return !valid;\n    },\n    filter: false,\n    getMatch: (completion: Completion & Partial<FilteredSuggestion>) => {\n      return (\n        getFuzzyMatchFullLabelPosition(pattern, completion.suggestion) ??\n        fuzzyMatch(\n          autocompleteContent.slice(autocompletePos),\n          completion.suggestion ?? '',\n        ).pos ??\n        []\n      );\n    },\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Completion } from '@codemirror/autocomplete';\n\nimport { AutocompleteSuggestion } from '@dynatrace-sdk/client-query';\n\nimport { verifyQuery } from './dql-linter.js';\nimport {\n  convertToMiddleEllipsis,\n  fuzzyMatch,\n  getFuzzyMatchFullLabelPosition,\n  labelShouldBeTruncated,\n} from './fuzzy-match.js';\nimport { getSuggestions } from './get-suggestions.js';\nimport { SuggestionPart } from './SuggestionPart.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Text } from '../../../typography/text/Text.js';\nimport type {\n  AutocompleteProvider,\n  AutocompletionResult,\n  Suggestion,\n} from '../../base-code-editor/auto-completion/autocompletion.extension.js';\n\nfunction getMatchPattern(content: string) {\n  const match = content.match(/\\W?([\\w.]*)$/);\n  const capture = match?.[1];\n  return capture ?? '';\n}\n\nfunction hasInfo(suggestions: AutocompleteSuggestion[]): boolean {\n  return suggestions.some((suggestion) =>\n    suggestion.parts.some((part) => part.info !== undefined),\n  );\n}\n\ntype FilteredSuggestion = AutocompleteSuggestion & {\n  score: number;\n  startPos: number;\n};\n\n/**\n * Filters out and trims quote suggestions.\n * @param suggestions - suggestions list\n */\nfunction removeQuoteSuggestions(\n  suggestions: FilteredSuggestion[],\n): FilteredSuggestion[] {\n  const excludedSuggestions = ['\"', '\"\"', '\"\"\"', ' '];\n  return suggestions\n    .filter((elem) => !excludedSuggestions.includes(elem.suggestion))\n    .map((elem) => {\n      // trim trailing quotation marks\n      const trimmed = elem.suggestion.replace(/\"{1,3}$/, '');\n      return { ...elem, suggestion: trimmed };\n    })\n    .filter((elem) => elem.suggestion.length > 0);\n}\n\n/**\n *  Filters the suggestions based on matching pattern and suggestions as well as the\n *  autocomplete trigger pattern.\n *\n * @param suggestions - suggestions for the pattern\n * @param pattern - pattern matched\n * @param requestCursorPosition - the request cursor position\n * @param cursorPosition - editor cursor position\n * @param disableFilter - flag for whether the autocomplete was triggered via ctrl+space or having a pattern length of 1 or less\n */\nfunction filterSuggestions(\n  suggestions: AutocompleteSuggestion[],\n  pattern: string,\n  requestCursorPosition: number,\n  cursorPosition: number,\n  disableFilter: boolean,\n): Array<FilteredSuggestion> {\n  return suggestions\n    .reduce<Array<FilteredSuggestion>>((result, suggestion) => {\n      // Check if the suggestion matches part of the pattern\n      const matchResult = fuzzyMatch(pattern, suggestion.suggestion);\n      const match =\n        suggestion.alreadyTypedCharacters === 0 ? true : matchResult.match;\n      // Give the match a score for sorting the suggestions based on the closest match to the pattern\n      const score =\n        suggestion.alreadyTypedCharacters === 0 ? 1 : matchResult.score;\n      const startPos =\n        suggestion.alreadyTypedCharacters === 0\n          ? cursorPosition\n          : requestCursorPosition - suggestion.alreadyTypedCharacters;\n      if (suggestion.suggestion.length > 0 && (disableFilter || match)) {\n        result.push({ ...suggestion, score, startPos });\n      }\n      return result;\n    }, [])\n    .sort((a, b) => b.score - a.score);\n}\n\nfunction getRequestString(\n  autocompleteContent: string,\n  patternLength: number,\n  requestLength: number,\n) {\n  return autocompleteContent.slice(\n    0,\n    autocompleteContent.length - patternLength + requestLength,\n  );\n}\n\n// max. number of suggestions fetched from autocomplete endpoint\nconst MAX_DATA_SUGGESTIONS = 10_000;\n\nasync function getFilteredSuggestions(\n  autocompleteContent: string,\n  patternLength: number,\n  explicit: boolean,\n): Promise<FilteredSuggestion[]> {\n  const requestString = getRequestString(\n    autocompleteContent,\n    patternLength,\n    explicit ? patternLength : 1,\n  );\n  const suggestions = await getSuggestions(\n    requestString,\n    requestString.length,\n    MAX_DATA_SUGGESTIONS,\n  );\n\n  const pattern = autocompleteContent.slice(\n    autocompleteContent.length - patternLength,\n  );\n  return filterSuggestions(\n    suggestions,\n    pattern,\n    requestString.length,\n    autocompleteContent.length,\n    explicit,\n  );\n}\n\nexport const suggestionAutocompletion: AutocompleteProvider = async (\n  context,\n): Promise<AutocompletionResult | null> => {\n  if (context.matchBefore(/[^\\w.]/) && !context.explicit) {\n    return null;\n  }\n  // For performance, only take the query up until the cursor position.\n  // This allows the backend to be queried less often and the cache more often\n  const autocompleteContent = context.state.doc\n    .slice(0, context.pos)\n    .toString();\n\n  const pattern = getMatchPattern(autocompleteContent);\n\n  const infoSuggestions = await getSuggestions(\n    getRequestString(autocompleteContent, pattern.length, 0),\n  );\n\n  let filteredSuggestions = await getFilteredSuggestions(\n    autocompleteContent,\n    pattern.length,\n    pattern.length <= 1,\n  );\n\n  if (filteredSuggestions.length === 0) {\n    if (pattern.length > 1) {\n      filteredSuggestions = await getFilteredSuggestions(\n        autocompleteContent,\n        pattern.length,\n        true,\n      );\n    }\n  }\n\n  // Filter out suggestions (mainly quotes) if the cursor is within a string token and\n  // the autocomplete query was not the full query (there are characters after the cursor).\n  // This is necessary as we only send the autocomplete request with the query up to the cursor,\n  // omitting text after the cursor (if present).\n  // We still do want to show quotes if the cursor is at the end of the text and even within a string token.\n  if (\n    context.tokenBefore(['string']) !== null &&\n    autocompleteContent.length !== context.state.doc.length\n  ) {\n    filteredSuggestions = removeQuoteSuggestions(filteredSuggestions);\n  }\n\n  /*\n   * If there is only info (= no autocomplete suggestions), we still want to show this info.\n   * However, this info is shown as a \"section header\", and CodeMirror does not allow sections without any items.\n   * Hence, we need to return one empty autocomplete suggestion (which is then styled to be hidden).\n   */\n  if (filteredSuggestions.length === 0 && hasInfo(infoSuggestions)) {\n    const emptySuggestion = infoSuggestions.find(\n      (s) => s.suggestion.length === 0,\n    );\n    if (emptySuggestion) {\n      filteredSuggestions.push({\n        ...emptySuggestion,\n        score: -99,\n        startPos: context.pos,\n      });\n    }\n  }\n\n  if (filteredSuggestions.length === 0) {\n    return null;\n  }\n\n  const autocompletePos = Math.min(\n    ...filteredSuggestions.map((s) => s.startPos),\n  );\n\n  const section = infoSuggestions\n    .filter((suggestion) => !suggestion.suggestion)\n    .flatMap((suggestion) => suggestion.parts.map((part) => part.info))\n    .filter((text) => !!text)\n    .join(' ');\n\n  return {\n    suggestions: filteredSuggestions.map((suggestion): Suggestion => {\n      const hasInfo = suggestion.parts.some((part) => !!part.info);\n\n      const shouldBeTruncated = labelShouldBeTruncated(suggestion.suggestion);\n      const middleEllipsisText = shouldBeTruncated\n        ? convertToMiddleEllipsis(suggestion.suggestion)\n        : suggestion.suggestion;\n\n      const infoPopup = hasInfo\n        ? () => {\n            return (\n              <Flex flexDirection=\"column\" gap={16}>\n                {suggestion.parts\n                  .filter((part) => !!part.info)\n                  .map((part) => (\n                    <SuggestionPart key={part.info} suggestionPart={part} />\n                  ))}\n              </Flex>\n            );\n          }\n        : undefined;\n\n      return {\n        ...suggestion,\n        label: middleEllipsisText,\n        section,\n        apply: (view) => {\n          view.dispatch({\n            changes: {\n              from: suggestion.startPos,\n              to: autocompleteContent.length,\n              insert: suggestion.suggestion,\n            },\n            selection: {\n              anchor: suggestion.startPos + suggestion.suggestion.length,\n            },\n            userEvent: 'input.complete',\n          });\n        },\n\n        popup: shouldBeTruncated\n          ? () => (\n              <>\n                <Text fontStyle=\"code\" as=\"p\">\n                  {suggestion.suggestion}\n                </Text>\n                {infoPopup ?? null}\n              </>\n            )\n          : infoPopup,\n      };\n    }),\n    from: autocompletePos,\n    async reopen(completion: Completion & Partial<FilteredSuggestion>) {\n      const queryToEnd = context.state.doc.slice(context.pos).toString();\n\n      // Heuristic: if non-whitespace content exists to the right of the cursor,\n      // treat this as inline token editing and skip reopen to avoid noisy popup\n      // behavior while the user is fixing text in place.\n      if (queryToEnd.trim().length > 0) {\n        return false;\n      }\n\n      const completedQuery =\n        autocompleteContent.slice(0, completion.startPos) +\n        completion.suggestion +\n        queryToEnd;\n\n      const { valid = true } = (await verifyQuery(completedQuery)) ?? {};\n      return !valid;\n    },\n    filter: false,\n    getMatch: (completion: Completion & Partial<FilteredSuggestion>) => {\n      return (\n        getFuzzyMatchFullLabelPosition(pattern, completion.suggestion) ??\n        fuzzyMatch(\n          autocompleteContent.slice(autocompletePos),\n          completion.suggestion ?? '',\n        ).pos ??\n        []\n      );\n    },\n  };\n};\n"],
+  "mappings": "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",
   "names": ["hasInfo"]
 }

package/esm/editors/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/editors/index.ts"],
-  "sourcesContent": ["export { BaseCodeEditor as _BaseCodeEditor } from './base-code-editor/BaseCodeEditor.js';\nexport type {\n  BaseCodeEditorBaseProps as _BaseCodeEditorBaseProps,\n  BaseCodeEditorControlledProps as _BaseCodeEditorControlledProps,\n  BaseCodeEditorProps as _BaseCodeEditorProps,\n  BaseCodeEditorRef as _BaseCodeEditorRef,\n  BaseCodeEditorUncontrolledProps as _BaseCodeEditorUncontrolledProps,\n} from './base-code-editor/BaseCodeEditor.js';\nexport type {\n  AutocompleteProvider as _AutocompleteProvider,\n  AutocompletionResult as _AutocompletionResult,\n  Suggestion as _Suggestion,\n} from './base-code-editor/auto-completion/autocompletion.extension.js';\nexport type { ListAutocompletionConfig as _ListAutocompletionConfig } from './base-code-editor/auto-completion/list/list-autocompletion-types.js';\nexport type {\n  AutocompletionOptions as _AutocompletionOptions,\n  EditorLanguageConfiguration as _EditorLanguageConfiguration,\n} from './base-code-editor/configuration/configuration.js';\nexport { getAutocompleteExtensions as _getAutocompleteExtensions } from './base-code-editor/configuration/language-extensions.js';\nexport type { GutterConfiguration } from './base-code-editor/configuration/getDefaultConfigurations.js';\nexport type { IntlProps as _IntlProps } from './base-code-editor/utils/render-node.js';\nexport { CodeEditor } from './code-editor/CodeEditor.js';\nexport type {\n  CodeEditorBaseProps,\n  CodeEditorControlledProps,\n  CodeEditorProps,\n  CodeEditorRef,\n  CodeEditorUncontrolledProps,\n} from './code-editor/CodeEditor.js';\nexport { codeEditorLanguages as _codeEditorLanguages } from './code-editor/languages/languages.js';\nexport { DQLEditor } from './dql-editor/DQLEditor.js';\nexport type { DQLEditorValidityInfo } from './dql-editor/dql-editor-types.js';\nexport type {\n  DQLEditorBaseProps,\n  DQLEditorControlledProps,\n  DQLEditorProps,\n  DQLEditorRef,\n  DQLEditorUncontrolledProps,\n} from './dql-editor/DQLEditor.js';\nexport { getDqlConfig as _getDqlConfig } from './dql-editor/dql/dql-language.js';\nexport { useValidityInfo as _useValidityInfo } from './dql-editor/useValidityInfo.js';\n"],
-  "mappings": "AAAA,SAA2B,sBAAuB;AAkBlD,SAAsC,iCAAkC;AAGxE,SAAS,kBAAkB;AAQ3B,SAAgC,2BAA4B;AAC5D,SAAS,iBAAiB;AAS1B,SAAyB,oBAAqB;AAC9C,SAA4B,uBAAwB;",
+  "sourcesContent": ["export { BaseCodeEditor as _BaseCodeEditor } from './base-code-editor/BaseCodeEditor.js';\nexport type {\n  BaseCodeEditorBaseProps as _BaseCodeEditorBaseProps,\n  BaseCodeEditorControlledProps as _BaseCodeEditorControlledProps,\n  BaseCodeEditorProps as _BaseCodeEditorProps,\n  BaseCodeEditorRef as _BaseCodeEditorRef,\n  BaseCodeEditorUncontrolledProps as _BaseCodeEditorUncontrolledProps,\n  SharedBaseCodeEditorProps as _SharedBaseCodeEditorProps,\n} from './base-code-editor/BaseCodeEditor.js';\nexport type {\n  AutocompleteProvider as _AutocompleteProvider,\n  AutocompletionResult as _AutocompletionResult,\n  Suggestion as _Suggestion,\n} from './base-code-editor/auto-completion/autocompletion.extension.js';\nexport type { ListAutocompletionConfig as _ListAutocompletionConfig } from './base-code-editor/auto-completion/list/list-autocompletion-types.js';\nexport type {\n  AutocompletionOptions as _AutocompletionOptions,\n  EditorLanguageConfiguration as _EditorLanguageConfiguration,\n} from './base-code-editor/configuration/configuration.js';\nexport { getAutocompleteExtensions as _getAutocompleteExtensions } from './base-code-editor/configuration/language-extensions.js';\nexport type { GutterConfiguration } from './base-code-editor/configuration/getDefaultConfigurations.js';\nexport type { IntlProps as _IntlProps } from './base-code-editor/utils/render-node.js';\nexport { CodeEditor } from './code-editor/CodeEditor.js';\nexport type {\n  CodeEditorBaseProps,\n  CodeEditorControlledProps,\n  CodeEditorProps,\n  CodeEditorRef,\n  CodeEditorUncontrolledProps,\n} from './code-editor/CodeEditor.js';\nexport { codeEditorLanguages as _codeEditorLanguages } from './code-editor/languages/languages.js';\nexport { DQLEditor } from './dql-editor/DQLEditor.js';\nexport type { DQLEditorValidityInfo } from './dql-editor/dql-editor-types.js';\nexport type {\n  DQLEditorBaseProps,\n  DQLEditorControlledProps,\n  DQLEditorProps,\n  DQLEditorRef,\n  DQLEditorUncontrolledProps,\n} from './dql-editor/DQLEditor.js';\nexport { getDqlConfig as _getDqlConfig } from './dql-editor/dql/dql-language.js';\nexport { useValidityInfo as _useValidityInfo } from './dql-editor/useValidityInfo.js';\n"],
+  "mappings": "AAAA,SAA2B,sBAAuB;AAmBlD,SAAsC,iCAAkC;AAGxE,SAAS,kBAAkB;AAQ3B,SAAgC,2BAA4B;AAC5D,SAAS,iBAAiB;AAS1B,SAAyB,oBAAqB;AAC9C,SAA4B,uBAAwB;",
   "names": []
 }

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

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