@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/editors/base-code-editor/BaseCodeEditor.js

@@ -29,6 +29,10 @@ import * as styles from "./BaseCodeEditor.sty.js";
 import { configureDiagnostics } from "./configuration/configure-diagnostics.js";
 import { configureFormatKeymap } from "./configuration/configure-format-keymap.js";
 import { configureLineWrap } from "./configuration/configure-line-wrap.js";
+import {
+  configureLintGutter,
+  getLintGutterExtension
+} from "./configuration/configure-lint-gutter.js";
 import { configurePlaceholder } from "./configuration/configure-placeholder.js";
 import { configureReadOnly } from "./configuration/configure-read-only.js";
 import { configureSpellCheck } from "./configuration/configure-spell-check.js";
@@ -71,6 +75,7 @@ const placeholderCompartment = new Compartment();
 const highlightOnChangeCompartment = new Compartment();
 const formatKeymapCompartment = new Compartment();
 const diagnosticsCompartment = new Compartment();
+const lintGutterCompartment = new Compartment();
 const getEditorConfiguration = (intlProps, options) => {
   const { singleLine, gutterConfiguration, hideLineNumbers, required, size } = options;
   const isRequired = required ?? false;
@@ -160,11 +165,14 @@ const BaseCodeEditor = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     size = "default",
     onFocus,
     onBlur,
+    // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove gutterConfiguration prop.
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     gutterConfiguration,
     id: propId,
     required = false,
     format,
     diagnostics,
+    showLintGutter = false,
     // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     isControlled = false,
@@ -201,6 +209,7 @@ const BaseCodeEditor = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   }, [format]);
   const diagnosticsRef = useRef([]);
   const isDiagnosticsEnabledRef = useRef(false);
+  const isLintGutterMarkersShownRef = useRef(false);
   const handleFormat = useCallback(() => {
     const currentFormatFunction = formatFunctionRef.current;
     if (!currentFormatFunction) {
@@ -393,6 +402,7 @@ const BaseCodeEditor = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
           }),
           Prec.highest(keymapCompartment.of(getKeyMaps(viewRef))),
           languageCompartment.of([]),
+          lintGutterCompartment.of(getLintGutterExtension(false)),
           editorBaseConfigCompartment.of([]),
           // Indent unit is two spaces instead of tab
           indentUnit.of("  "),
@@ -446,16 +456,17 @@ const BaseCodeEditor = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       })
     );
   }, []);
+  const effectiveGutterConfiguration = showLintGutter ? void 0 : gutterConfiguration;
   useEffect(() => {
     const editorView = viewRef.current;
     const prev = prevEditorConfigRef.current;
-    if (prev !== void 0 && prev.singleLine === singleLine && prev.hideLineNumbers === hideLineNumbers && prev.gutterConfiguration === gutterConfiguration && prev.required === required && prev.size === size && prev.locale === locale && prev.defaultLocale === defaultLocale && prev.messages === messages) {
+    if (prev !== void 0 && prev.singleLine === singleLine && prev.hideLineNumbers === hideLineNumbers && prev.gutterConfiguration === effectiveGutterConfiguration && prev.required === required && prev.size === size && prev.locale === locale && prev.defaultLocale === defaultLocale && prev.messages === messages) {
       return;
     }
     prevEditorConfigRef.current = {
       singleLine,
       hideLineNumbers,
-      gutterConfiguration,
+      gutterConfiguration: effectiveGutterConfiguration,
       required,
       size,
       locale,
@@ -468,7 +479,7 @@ const BaseCodeEditor = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
         getEditorConfiguration(intlProps, {
           singleLine,
           hideLineNumbers,
-          gutterConfiguration,
+          gutterConfiguration: effectiveGutterConfiguration,
           required,
           size
         })
@@ -477,7 +488,7 @@ const BaseCodeEditor = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   }, [
     singleLine,
     hideLineNumbers,
-    gutterConfiguration,
+    effectiveGutterConfiguration,
     required,
     size,
     locale,
@@ -536,6 +547,15 @@ const BaseCodeEditor = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       diagnosticsCompartment
     );
   }, [diagnostics]);
+  useEffect(() => {
+    configureLintGutter(
+      showLintGutter,
+      diagnostics,
+      viewRef,
+      lintGutterCompartment,
+      isLintGutterMarkersShownRef
+    );
+  }, [showLintGutter, diagnostics]);
   useEffect(() => {
     valueChangeRef.current = onChange !== void 0 ? sanitizedOnChange : void 0;
   }, [onChange, sanitizedOnChange]);

package/esm/editors/base-code-editor/BaseCodeEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/base-code-editor/BaseCodeEditor.tsx"],
-  "sourcesContent": ["import { closeCompletion, startCompletion } from '@codemirror/autocomplete';\nimport {\n  foldedRanges,\n  forceParsing,\n  indentUnit,\n  syntaxTreeAvailable,\n} from '@codemirror/language';\nimport {\n  Annotation,\n  Compartment,\n  EditorSelection,\n  EditorState,\n  Extension,\n  Prec,\n  Transaction,\n} from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport clsx from 'clsx';\nimport {\n  forwardRef,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './BaseCodeEditor.sty.js';\nimport type { EditorLanguageConfiguration } from './configuration/configuration.js';\nimport { configureDiagnostics } from './configuration/configure-diagnostics.js';\nimport { configureFormatKeymap } from './configuration/configure-format-keymap.js';\nimport { configureLineWrap } from './configuration/configure-line-wrap.js';\nimport { configurePlaceholder } from './configuration/configure-placeholder.js';\nimport { configureReadOnly } from './configuration/configure-read-only.js';\nimport { configureSpellCheck } from './configuration/configure-spell-check.js';\nimport {\n  getMultipleLinesDefaultConfiguration,\n  getSingleLineDefaultConfiguration,\n  getDefaultConfiguration,\n} from './configuration/getDefaultConfigurations.js';\nimport type { GutterConfiguration } from './configuration/getDefaultConfigurations.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { InlineDiagnostic } from '../code-editor/inline-diagnostic.js';\nimport { getLanguageConfiguration } from './configuration/language-extensions.js';\nimport { highlightExtension } from './highlight/highlight.extension.js';\nimport {\n  dataTestId as dataTestIdAttr,\n  baseCodeEditorTestId,\n  baseCodeEditorRootTestId,\n  baseCodeEditorScrollerTestId,\n} from './testIds.js';\nimport { calculateFolding } from './utils/calculate-folding.js';\nimport { computeMinimalChange } from './utils/compute-minimal-change.js';\nimport { formatDiagnosticsSummary } from './utils/format-diagnostics-summary.js';\nimport { getKeyMaps } from './utils/key-maps.js';\nimport { IntlProps } from './utils/render-node.js';\nimport { runFoldings } from './utils/run-foldings.js';\nimport { sanitizeText } from './utils/sanitize-text.js';\nimport { sanitizeValue } from './utils/sanitize-value.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { FormControlStateProps } from '../../core/types/form-control-state.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { InternalBaseItem as BaseItem } from '../../forms/forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useFormControl } from '../../forms/forms-core/hooks/useFormControl.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport { screenReaderOnly } from '../../styles/screen-reader-only.sty.js';\n\n// We disable the unstable EDIT_CONTEXT feature to ensure codemirror doesn't capture input after losing focus.\n// According to the maintainer it should be fixed with an upcoming chrome release, but we don't know about about Safari.\n// Github Issue https://github.com/codemirror/dev/issues/1537\n// @ts-expect-error - the prop exists but seems not to be included in the codemirror types.\nEditorView.EDIT_CONTEXT = false;\n\n// #region typings\n/**\n * Props shared by all code editor components.\n * @public\n */\nexport interface SharedBaseCodeEditorProps\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  extends FormControlStateProps,\n    AriaLabelingProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    BehaviorTrackingProps {\n  /**\n   * The ID for the DOM element.\n   */\n  id?: string;\n  /**\n   * Callback that is called when the value in the editor changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Displayed initially in the editor when there is no other content.\n   */\n  placeholder?: string;\n  /**\n   * Whether spellcheck should be enabled.\n   * @defaultValue false\n   */\n  spellCheck?: boolean;\n  /**\n   * If set to true, the code editor uses the full height available in its parent.\n   * @defaultValue false\n   */\n  fullHeight?: boolean;\n  /**\n   * The start indices (character position) that should be folded initially in uncontrolled scenarios.\n   */\n  defaultFolding?: number[];\n  /**\n   * The start indices (character position) that should be folded initially in controlled scenarios.\n   */\n  folding?: number[];\n  /**\n   * Callback that is called when folding changes.\n   */\n  onFoldingChange?: (values: number[]) => void;\n  /**\n   * Whether the input is readonly.\n   * @defaultValue false\n   */\n  readOnly?: boolean;\n  /**\n   * Whether long lines should be wrapped.\n   * @defaultValue false\n   */\n  lineWrap?: boolean;\n  /**\n   * Callback that is called when the editor loses focus.\n   */\n  onBlur?: (e: FocusEvent) => void;\n  /**\n   * Callback that is called when the editor receives focus.\n   */\n  onFocus?: (e: FocusEvent) => void;\n  /**\n   * Editor layout size, 'default' for standard spacing and 'condensed' for reduced font size, padding and margins.\n   * @defaultValue 'default'\n   */\n  size?: 'default' | 'condensed';\n  /**\n   * If set to true, `aria-required` will be set to true on the input element.\n   * @defaultValue false\n   */\n  required?: boolean;\n  /**\n   * Opts in to fully controlled semantics on `value`. When `true`, every user\n   * keystroke is blocked until the consumer updates `value` in response to\n   * `onChange`; the editor always reflects `value` exactly.\n   *\n   * When `false` (the default), `value` seeds and re-syncs the document but\n   * user keystrokes are applied immediately without waiting for `onChange`.\n   *\n   * @remarks\n   * IME composition transactions are always let through so that candidate\n   * characters display correctly during an active IME session.\n   * Autocomplete completions (selecting an item) are applied immediately and\n   * forwarded via `onChange` so the consumer can accept the new value.\n   *\n   * @deprecated Will be removed when controlled behaviour becomes the default.\n   * @defaultValue false\n   */\n  isControlled?: boolean;\n}\n\n/**\n * Base props shared by both controlled and uncontrolled `BaseCodeEditor` usages.\n * @internal\n **/\nexport interface BaseCodeEditorBaseProps extends SharedBaseCodeEditorProps {\n  /**\n   * The language configuration.\n   */\n  configuration?: EditorLanguageConfiguration;\n  /**\n   * If set to true, the code editor allows only one line and the line number will not be displayed.\n   * @defaultValue false\n   */\n  singleLine?: boolean;\n  /**\n   * If set to true, the code editor will hide the line numbers.\n   * @defaultValue false\n   */\n  hideLineNumbers?: boolean;\n  /**\n   * Provides the gutter configuration to display a marker next to the fold gutter.\n   */\n  gutterConfiguration?: GutterConfiguration;\n  /**\n   * Formatter function that receives the current value and returns the formatted value.\n   * When provided, registers a keyboard shortcut for formatting.\n   */\n  format?: (value: string) => string;\n  /**\n   * Diagnostics to render inside the editor (underlines, hover tooltips).\n   * When provided, the built-in JSON linter is overridden.\n   */\n  diagnostics?: InlineDiagnostic[];\n}\n\n/**\n * Props for the `BaseCodeEditor` in controlled usage.\n * @internal\n */\nexport type BaseCodeEditorControlledProps = {\n  /**\n   * The contents of the editor. Treated as the initial CodeMirror document and\n   * synchronised with the editor on subsequent prop changes.\n   * @defaultValue ''\n   */\n  value?: string;\n  defaultValue?: never;\n};\n\n/**\n * Props for the `BaseCodeEditor` in uncontrolled usage.\n * @internal\n */\nexport type BaseCodeEditorUncontrolledProps = {\n  value?: never;\n  /**\n   * The initial contents of the editor for uncontrolled usage. Used only when the\n   * editor mounts; subsequent changes to this prop are ignored.\n   */\n  defaultValue?: string;\n};\n\n/**\n * Props used for BaseCodeEditor.\n * @internal\n */\nexport type BaseCodeEditorProps = BaseCodeEditorBaseProps &\n  (BaseCodeEditorControlledProps | BaseCodeEditorUncontrolledProps);\n\n/**\n * public ref type\n * @internal\n */\nexport type BaseCodeEditorRef = {\n  focus: () => void;\n  selectRange: (range: { from: number; to: number }) => void;\n  readonly element: HTMLDivElement | null;\n  setCursorPosition: (position: number | 'end') => void;\n  editorView?: () => EditorView;\n  format?: () => void;\n};\n// #endregion typings\n\n// Annotation that marks a transaction dispatched by the controlled-mode prop sync,\n// allowing the transactionFilter to let it through without blocking or calling onChange.\nconst controlledSyncAnnotation = Annotation.define<true>();\n\nconst languageCompartment = new Compartment();\nconst editorBaseConfigCompartment = new Compartment();\nconst lineWrappingCompartment = new Compartment();\nconst keymapCompartment = new Compartment();\nconst placeholderCompartment = new Compartment();\nconst highlightOnChangeCompartment = new Compartment();\nconst formatKeymapCompartment = new Compartment();\nconst diagnosticsCompartment = new Compartment();\n\nconst getEditorConfiguration = (\n  intlProps: IntlProps,\n  options: {\n    singleLine: boolean;\n    hideLineNumbers?: boolean;\n    gutterConfiguration?: GutterConfiguration;\n    required?: boolean;\n    size?: 'default' | 'condensed';\n  },\n): Extension[] => {\n  const { singleLine, gutterConfiguration, hideLineNumbers, required, size } =\n    options;\n\n  const isRequired = required ?? false;\n  const editorSize = size ?? 'default';\n\n  if (singleLine) {\n    return getSingleLineDefaultConfiguration(intlProps, {\n      required: isRequired,\n      size: editorSize,\n    });\n  }\n  if (hideLineNumbers) {\n    return getDefaultConfiguration(intlProps, {\n      required: isRequired,\n      size: editorSize,\n    });\n  }\n  return getMultipleLinesDefaultConfiguration(intlProps, {\n    gutterConfiguration,\n    required: isRequired,\n    size: editorSize,\n  });\n};\n\nfunction useLazyEditorViewRef(): RefObject<EditorView> {\n  const viewRef = useRef<EditorView | null>(null);\n\n  if (viewRef.current === null) {\n    const view = new EditorView({\n      state: EditorState.create(),\n    });\n\n    // Harden `posAtCoords` against CodeMirror's coordinate scan throwing when\n    // the editor content has no client rects. This happens when a hover\n    // handler (e.g. the lint diagnostics tooltip, always installed on the DQL\n    // editor) fires while the editor \u2014 or an ancestor \u2014 is hidden, detached,\n    // or mid-layout, so `getClientRects()` returns empty for every tile. The\n    // scan then dereferences an undefined rect and throws \"Cannot read\n    // properties of undefined (reading 'top')\", which escapes the delayed\n    // hover handler as an unhandled error. Returning `null` makes the hover\n    // tooltip plugin bail gracefully, exactly as it does for an off-content\n    // coordinate.\n    const originalPosAtCoords = view.posAtCoords.bind(view);\n    view.posAtCoords = ((coords, precise) => {\n      try {\n        return originalPosAtCoords(coords, precise);\n      } catch {\n        return null;\n      }\n    }) as EditorView['posAtCoords'];\n\n    // Similar override for the posAndSideAtCoords method, fixes the exact same issue\n    // when `getClientRects()` returns empty during a coordinate scan.\n    // Happens when a DOM mouse event (e.g. mousedown for text selection via\n    // basicMouseSelection) fires while the editor \u2014 or an ancestor \u2014 is\n    // hidden, detached, or mid-layout, so `getClientRects()` returns empty\n    // for every tile.\n    // Returning a safe fallback position (document start) avoids the crash.\n    const originalPosAndSideAtCoords = view.posAndSideAtCoords.bind(view);\n    view.posAndSideAtCoords = ((coords, precise) => {\n      try {\n        return originalPosAndSideAtCoords(coords, precise);\n      } catch {\n        return { pos: 0, assoc: 1 };\n      }\n    }) as EditorView['posAndSideAtCoords'];\n\n    viewRef.current = view;\n  }\n\n  // it can never be null, the cast fixes the type\n  return viewRef as RefObject<EditorView>;\n}\n\n/**\n * Creates a CodeMirror extension that attaches DOM event handlers to the editor's content element.\n *\n * @returns An extension that intercepts `keydown`, `focus`, and `blur` events.\n */\nconst getDomEventHandlers = (\n  onFocus?: (e: FocusEvent) => void,\n  onBlur?: (e: FocusEvent) => void,\n) => {\n  return EditorView.domEventHandlers({\n    // Prevent the Escape key from propagating beyond the editor.\n    // This is necessary for editors that are placed inside an overlay (e.g. Modal),\n    // where pressing `Escape` to exit the edit mode would otherwise close the overlay.\n    keydown: (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n      }\n    },\n    // when the editor content element receives focus, call the provided focus handler\n    focus: (event: FocusEvent) => {\n      onFocus?.(event);\n    },\n    // when the editor content element loses focus, call the provided blur handler\n    blur: (event: FocusEvent) => {\n      onBlur?.(event);\n    },\n  });\n};\n\n/**\n * Provides a base/core component for other code editors to share a common base.\n *\n * @internal\n */\nexport const BaseCodeEditor = /* @__PURE__ */ forwardRef<\n  BaseCodeEditorRef,\n  BaseCodeEditorProps\n>((props, forwardedRef) => {\n  const {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n    controlState,\n    value,\n    defaultValue,\n    readOnly = false,\n    spellCheck = false,\n    lineWrap = false,\n    onChange,\n    onFoldingChange,\n    defaultFolding,\n    folding,\n    fullHeight = false,\n    placeholder,\n    configuration,\n    singleLine = false,\n    hideLineNumbers = false,\n    size = 'default',\n    onFocus,\n    onBlur,\n    gutterConfiguration,\n    id: propId,\n    required = false,\n    format,\n    diagnostics,\n    // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    isControlled = false,\n    style: consumerStyle,\n    className: consumerClassName,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-details': ariaDetails,\n    'aria-describedby': ariaDescribedBy,\n    'data-testid': dataTestId = baseCodeEditorRootTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n    'data-dt-component': dataDtComponent,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const intl = useIntl();\n  const { id, hint, hintProps, inputProps, showError, focusHandlers } =\n    useFormControl({\n      propId,\n      controlState,\n      validationVisibility: 'after-blur',\n    });\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const rootRef = useMergeRefs<HTMLDivElement>([containerRef]);\n\n  /**\n   * Sanitize value\n   */\n  const sanitizedOnChange = useCallback(\n    (value: string) => onChange?.(sanitizeText(value)),\n    [onChange],\n  );\n\n  const viewRef = useLazyEditorViewRef();\n\n  // Held in a ref so the imperative `format()` handle \u2014 captured once by\n  // useImperativeHandle \u2014 always sees the latest formatter. `formatFunction` can\n  // arrive asynchronously (e.g. DQL's dynamic dqlint import), so the first-render\n  // value may be undefined.\n  const formatFunctionRef = useRef(format);\n  useEffect(() => {\n    formatFunctionRef.current = format;\n  }, [format]);\n\n  const diagnosticsRef = useRef<InlineDiagnostic[]>([]);\n  const isDiagnosticsEnabledRef = useRef(false);\n\n  const handleFormat = useCallback(() => {\n    const currentFormatFunction = formatFunctionRef.current;\n    if (!currentFormatFunction) {\n      devLog(\n        'BaseCodeEditor: format() called but no format function is provided.',\n      );\n      return;\n    }\n    const editorView = viewRef.current;\n    const currentValue = editorView.state.doc.toString();\n    let formattedValue: string;\n    try {\n      formattedValue = currentFormatFunction(currentValue);\n    } catch (error) {\n      devLog(\n        'BaseCodeEditor: format function threw an error, leaving content unchanged.',\n        error,\n      );\n      return;\n    }\n    if (!formattedValue || formattedValue === currentValue) {\n      return;\n    }\n    editorView.dispatch({\n      changes: {\n        from: 0,\n        to: editorView.state.doc.length,\n        insert: formattedValue,\n      },\n    });\n  }, [viewRef]);\n\n  const valueChangeRef = useRef<(value: string) => void>(undefined);\n  // Reference of the currently applied value, stored in a ref to be accessed correctly inside the codeMirror listeners.\n  const valueRef = useRef(value ?? defaultValue ?? '');\n  // Flag indicating that the document has been changed by someone other than the user. Mainly through setting the value prop.\n  const isMarkedDirtyRef = useRef<boolean>(false);\n\n  const prevEditorConfigRef = useRef<\n    | {\n        singleLine: boolean;\n        hideLineNumbers: boolean;\n        gutterConfiguration: GutterConfiguration | undefined;\n        required: boolean;\n        size: 'default' | 'condensed';\n        locale: string;\n        defaultLocale: string;\n        messages: IntlProps['messages'];\n      }\n    | undefined\n  >(undefined);\n\n  const prevLangConfigRef = useRef<\n    | {\n        language: EditorLanguageConfiguration['language'];\n        extendWith: EditorLanguageConfiguration['extendWith'];\n        autocompleteOptions: EditorLanguageConfiguration['autocompleteOptions'];\n        locale: string;\n        defaultLocale: string;\n        messages: IntlProps['messages'];\n      }\n    | undefined\n  >(undefined);\n\n  const [previousValue, setPreviousValue] = useState<string>('');\n  // Reference of the transaction where the doc (CodeMirror value) was last changed. Used mainly to get most up-to-date cursor position.\n  const transactionRef = useRef<Transaction | undefined>(undefined);\n  // Stable ref for isControlled so the transactionFilter closure always sees the current value.\n  const isControlledRef = useRef(isControlled);\n  // Tracks IME composition state: true while a composition session is active, so the\n  // transactionFilter does not block intermediate composition transactions.\n  const isUserEventComposeRef = useRef(false);\n  // Tracks the last value synced to the editor in controlled mode to detect prop changes\n  // during render without an extra useEffect round-trip.\n  const prevControlledValueRef = useRef<string | undefined>(undefined);\n  // True when the controlled sync microtask should call startCompletion after updating the doc.\n  // Set by the transactionFilter when it blocks a user typing transaction; cleared by the microtask.\n  const pendingStartCompletionRef = useRef(false);\n  // Mirrors configuration?.autocompleteOptions?.activateOnTyping so the transactionFilter closure\n  // (captured once at editor init) can read the latest value without re-creating the filter.\n  const activateOnTypingRef = useRef<boolean | undefined>(\n    configuration?.autocompleteOptions?.activateOnTyping,\n  );\n\n  const { focusProps, isFocusVisible } = useFocusRing({\n    color: showError ? 'critical' : 'neutral',\n  });\n\n  const [controlledFolding] = useControllableState<number[] | undefined>({\n    defaultValue: defaultFolding,\n    onChange: (values?: number[]) => {\n      if (values) {\n        onFoldingChange?.(values);\n      }\n    },\n    value: folding,\n  });\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      element: containerRef.current,\n      editorView: () => viewRef.current,\n      focus: () => viewRef.current.focus(),\n      selectRange: (range) => {\n        const editorView = viewRef.current;\n        if (editorView && range) {\n          const docLength = editorView.state.doc.length;\n          const from = range.from < docLength ? range.from : 0;\n          const to = range.to < docLength ? range.to : docLength;\n\n          const transaction = editorView.state.update({\n            selection: EditorSelection.range(to, from),\n            scrollIntoView: true,\n          });\n          editorView.dispatch(transaction);\n          editorView.focus();\n        }\n      },\n      setCursorPosition: (position: number | 'end') => {\n        viewRef.current.dispatch({\n          selection: EditorSelection.cursor(\n            typeof position === 'number'\n              ? Math.min(\n                  Math.max(position, 0),\n                  viewRef.current.state.doc.length,\n                )\n              : viewRef.current.state.doc.length,\n          ),\n          scrollIntoView: true,\n        });\n        viewRef.current.focus();\n      },\n      format: handleFormat,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Create editor view\n  useEffect(() => {\n    const editorView = viewRef.current;\n    containerRef.current?.appendChild(editorView.dom);\n    editorView.dom.setAttribute(dataTestIdAttr, baseCodeEditorTestId);\n\n    return () => editorView.destroy();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const summaryId = `${id}-diagnostics-summary`;\n  const hasDiagnostics = diagnostics !== undefined && diagnostics.length > 0;\n\n  // Sets aria labels\n  useEffect(() => {\n    const { contentDOM } = viewRef.current;\n    const ariaLabelAttribute = 'aria-label';\n    const ariaLabelledByAttribute = 'aria-labelledby';\n    const ariaDetailsAttribute = 'aria-details';\n    const ariaDescribedByAttribute = 'aria-describedby';\n\n    const describedBy = [\n      ariaDescribedBy,\n      inputProps['aria-describedby'],\n      hasDiagnostics ? summaryId : null,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    if (describedBy) {\n      contentDOM.setAttribute(ariaDescribedByAttribute, describedBy);\n    }\n\n    if (ariaDetails) {\n      contentDOM.setAttribute(ariaDetailsAttribute, ariaDetails);\n    }\n\n    if (ariaLabelledBy) {\n      contentDOM.setAttribute(ariaLabelledByAttribute, ariaLabelledBy);\n    } else {\n      contentDOM.setAttribute(\n        ariaLabelAttribute,\n        ariaLabel ??\n          intl.formatMessage({\n            defaultMessage: 'Code Editor',\n            id: 'EBcYgbL0S1T6EpS2',\n            description: 'Aria-label for the code editors.',\n          }),\n      );\n    }\n\n    return () =>\n      [\n        ariaLabelAttribute,\n        ariaLabelledByAttribute,\n        ariaDetailsAttribute,\n        ariaDescribedByAttribute,\n      ].forEach((ariaAttribute) => contentDOM.removeAttribute(ariaAttribute));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDetails,\n    ariaDescribedBy,\n    inputProps,\n    intl,\n    hasDiagnostics,\n    summaryId,\n  ]);\n\n  // to match the css applied to the .cm-content based on size we need to remeasure the height\n  // useLayoutEffect to match with the css change\n  useLayoutEffect(() => {\n    viewRef.current.requestMeasure();\n  }, [viewRef, size]);\n\n  const { messages, defaultLocale, locale } = useIntl();\n\n  // Set state and extensions of the editor\n  useEffect(() => {\n    const editorView = viewRef.current;\n\n    const handleValueChange = (transaction: Transaction) => {\n      const newValue = transaction.newDoc.toString();\n\n      if (valueRef.current !== newValue) {\n        // Save the current transaction that updates the document to grab the most up-to-date selection range (cursor position).\n        // This was done to fix cursor position resetting in APPDEV-9116.\n        transactionRef.current = transaction;\n\n        // Update the value ref\n        valueRef.current = newValue;\n\n        // Avoid calling the rest of logic including onChange if changes are coming from the value prop\n        if (isMarkedDirtyRef.current) {\n          isMarkedDirtyRef.current = false;\n        } else {\n          // Call the onChange from the editor props\n          valueChangeRef.current?.(newValue);\n        }\n      } else {\n        // Reset the marked dirty flag\n        isMarkedDirtyRef.current = false;\n      }\n      return transaction;\n    };\n\n    editorView.setState(\n      EditorState.create({\n        // Initial value of the editor. `value` (controlled) takes precedence over\n        // `defaultValue` (uncontrolled initial document). Both are mutually exclusive\n        // at the type level, this guards against a runtime fallback.\n        doc: value ?? defaultValue ?? '',\n        extensions: [\n          getDomEventHandlers(onFocus, onBlur),\n          // Track IME composition state so controlled mode does not block candidate characters.\n          EditorView.domEventObservers({\n            compositionstart: () => {\n              isUserEventComposeRef.current = true;\n            },\n            // Defer the reset by one microtask so the CodeMirror commit transaction\n            // (dispatched synchronously during compositionend processing) still sees\n            // isUserEventComposeRef as true and is not blocked in controlled mode.\n            compositionend: () => {\n              queueMicrotask(() => {\n                isUserEventComposeRef.current = false;\n              });\n            },\n          }),\n          Prec.highest(keymapCompartment.of(getKeyMaps(viewRef))),\n          languageCompartment.of([]),\n          editorBaseConfigCompartment.of([]),\n          // Indent unit is two spaces instead of tab\n          indentUnit.of('  '),\n          // Filter for transactions before they are applied. Controls which transactions\n          // go through and allows editing/augmenting them.\n          EditorState.transactionFilter.of((transaction) => {\n            if (transaction.docChanged) {\n              // Controlled-mode sync dispatches are annotated \u2014 let them through\n              // and update internal state without calling onChange.\n              if (transaction.annotation(controlledSyncAnnotation)) {\n                return handleValueChange(transaction);\n              }\n\n              // In controlled mode, block user-initiated doc changes. Call onChange\n              // so the consumer can update value, and save the transaction for cursor\n              // position restoration when the new value is applied.\n              // IME composition transactions are exempt so candidates display correctly.\n              if (isControlledRef.current && !isUserEventComposeRef.current) {\n                // Undo/redo must not be blocked \u2014 they need to mutate the editor\n                // state so the undo stack is preserved, and onChange fires via\n                // handleValueChange so the consumer can sync the new value.\n                if (\n                  transaction.isUserEvent('undo') ||\n                  transaction.isUserEvent('redo')\n                ) {\n                  return handleValueChange(transaction);\n                }\n                // Autocomplete selections are user intent: apply the completion and\n                // propagate via onChange so the consumer can accept/update value.\n                if (transaction.isUserEvent('input.complete')) {\n                  return handleValueChange(transaction);\n                }\n                const newValue = transaction.newDoc.toString();\n                // Exempt bracket/quote auto-close and type-over.\n                // CodeMirror's closeBrackets extension auto-inserts a matching closing bracket,\n                // then typing that same character skips over it instead of duplicating it.\n                // Auto-close carries a StateEffect the skip needs. Skip-over replaces\n                // the bracket with itself to move the cursor. Blocking either would\n                // break type-over or drop the cursor move.\n                //\n                // WARNING: This guard is intentionally broad \u2014 any extension that attaches\n                // a StateEffect to a user doc-change transaction will also bypass the\n                // controlled-mode block, silently mutating the document without calling onChange.\n                // A narrower check would target the closeBrackets StateEffect specifically,\n                // but that symbol is not part of @codemirror/autocomplete's public API.\n                // Safe today: none of the currently configured extensions produce a user\n                // doc-change transaction with effects other than closeBrackets.\n                if (\n                  transaction.effects.length > 0 ||\n                  newValue === valueRef.current\n                ) {\n                  return handleValueChange(transaction);\n                }\n                transactionRef.current = transaction;\n                valueChangeRef.current?.(newValue);\n                // The autocompletion extension only opens when it sees a\n                // docChanged user-input update. Since we block typing transactions,\n                // we signal the controlled sync microtask to call startCompletion\n                // after it updates the document, so completions are based on the new value.\n                // Only signal if activateOnTyping is not explicitly disabled \u2014\n                // otherwise the consumer opted out of type-triggered completions.\n                pendingStartCompletionRef.current =\n                  activateOnTypingRef.current !== false;\n                return [];\n              }\n\n              return handleValueChange(transaction);\n            }\n            return transaction;\n          }),\n          EditorView.updateListener.of((update) => {\n            const isUndoOrRedo = update.transactions.some(\n              (transaction) =>\n                transaction.isUserEvent('undo') ||\n                transaction.isUserEvent('redo'),\n            );\n\n            // Make sure that only folding was changed in the editor\n            if (\n              update.geometryChanged &&\n              !update.docChanged &&\n              !update.focusChanged &&\n              update.heightChanged\n            ) {\n              const ranges = foldedRanges(update.state);\n              const foldValues = calculateFolding(ranges);\n\n              onFoldingChange?.(foldValues);\n            }\n            // Check if the transaction is undo or redo in order to not accidentally call onChange\n            // twice. Usually onChange is called before applying the changes. However, undo and redo\n            // are considered as transactions that occur after the view has been updated.\n            // Therefore, we explicitly call onChange if that is the case.\n            else if (update.docChanged && isUndoOrRedo) {\n              update.transactions.forEach((transaction) =>\n                handleValueChange(transaction),\n              );\n            }\n          }),\n          lineWrappingCompartment.of([]),\n          placeholderCompartment.of([]),\n          highlightOnChangeCompartment.of([]),\n          formatKeymapCompartment.of([]),\n          diagnosticsCompartment.of([]),\n        ],\n      }),\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Update base editor configuration (structure, layout, theme)\n  useEffect(() => {\n    const editorView = viewRef.current;\n    const prev = prevEditorConfigRef.current;\n\n    if (\n      prev !== undefined &&\n      prev.singleLine === singleLine &&\n      prev.hideLineNumbers === hideLineNumbers &&\n      prev.gutterConfiguration === gutterConfiguration &&\n      prev.required === required &&\n      prev.size === size &&\n      prev.locale === locale &&\n      prev.defaultLocale === defaultLocale &&\n      prev.messages === messages\n    ) {\n      return;\n    }\n\n    prevEditorConfigRef.current = {\n      singleLine,\n      hideLineNumbers,\n      gutterConfiguration,\n      required,\n      size,\n      locale,\n      defaultLocale,\n      messages,\n    };\n\n    const intlProps: IntlProps = { locale, defaultLocale, messages };\n    editorView.dispatch({\n      effects: editorBaseConfigCompartment.reconfigure(\n        getEditorConfiguration(intlProps, {\n          singleLine,\n          hideLineNumbers,\n          gutterConfiguration,\n          required,\n          size,\n        }),\n      ),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    singleLine,\n    hideLineNumbers,\n    gutterConfiguration,\n    required,\n    size,\n    locale,\n    defaultLocale,\n    messages,\n  ]);\n\n  // Update language extensions (syntax, autocomplete)\n  useEffect(() => {\n    const editorView = viewRef.current;\n    const prev = prevLangConfigRef.current;\n\n    if (\n      prev !== undefined &&\n      prev.language === configuration?.language &&\n      prev.extendWith === configuration?.extendWith &&\n      prev.autocompleteOptions === configuration?.autocompleteOptions &&\n      prev.locale === locale &&\n      prev.defaultLocale === defaultLocale &&\n      prev.messages === messages\n    ) {\n      return;\n    }\n\n    prevLangConfigRef.current = {\n      language: configuration?.language,\n      extendWith: configuration?.extendWith,\n      autocompleteOptions: configuration?.autocompleteOptions,\n      locale,\n      defaultLocale,\n      messages,\n    };\n    activateOnTypingRef.current =\n      configuration?.autocompleteOptions?.activateOnTyping;\n\n    const intlProps: IntlProps = { locale, defaultLocale, messages };\n    editorView.dispatch({\n      effects: languageCompartment.reconfigure(\n        getLanguageConfiguration(configuration || {}, intlProps),\n      ),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [configuration, locale, defaultLocale, messages]);\n\n  useEffect(() => {\n    configureReadOnly(readOnly, viewRef, keymapCompartment);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [readOnly]);\n\n  useEffect(() => {\n    configureLineWrap(lineWrap, viewRef, lineWrappingCompartment);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lineWrap]);\n\n  useEffect(() => {\n    configurePlaceholder(placeholder, viewRef, placeholderCompartment);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [placeholder]);\n\n  useEffect(() => {\n    configureSpellCheck(spellCheck, readOnly, viewRef);\n  }, [viewRef, readOnly, spellCheck]);\n\n  useEffect(() => {\n    if (format) {\n      configureFormatKeymap(handleFormat, viewRef, formatKeymapCompartment);\n    } else {\n      viewRef.current.dispatch({\n        effects: formatKeymapCompartment.reconfigure([]),\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [format]);\n\n  useEffect(() => {\n    configureDiagnostics(\n      diagnostics,\n      viewRef,\n      diagnosticsRef,\n      isDiagnosticsEnabledRef,\n      diagnosticsCompartment,\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [diagnostics]);\n\n  // Assign new onChange method to ref that is used in the updatelistener extension\n  useEffect(() => {\n    valueChangeRef.current =\n      onChange !== undefined ? sanitizedOnChange : undefined;\n  }, [onChange, sanitizedOnChange]);\n\n  useEffect(() => {\n    isControlledRef.current = isControlled;\n  }, [isControlled]);\n\n  // Set the content of the code editor to the changed value (non-controlled path).\n  // When isControlled=true, value sync is driven by the during-render detection below.\n  useEffect(() => {\n    // In controlled mode value sync is handled via prevControlledValueRef during render.\n    if (isControlledRef.current) {\n      return;\n    }\n    // In uncontrolled mode (no `value` prop) the editor owns its document \u2014 prop-sync\n    // is skipped so that `defaultValue` only seeds the initial document.\n    if (value === undefined) {\n      return;\n    }\n    const sanitizedValue = sanitizeValue(value);\n    if (viewRef.current.state.doc.toString() === sanitizedValue) {\n      return;\n    }\n\n    // Keep track of the previous value, mainly for highlighting purposes\n    setPreviousValue(viewRef.current.state.doc.toString());\n\n    // Set flag to true to indicate it was changed by someone other than user\n    isMarkedDirtyRef.current = true;\n\n    try {\n      let selection;\n      if (!viewRef.current.hasFocus) {\n        // If the editor doesn't have focus, replace entire doc\n        // with new value regardless of cursor position\n        selection = undefined;\n      } else {\n        // Fallback to the view cursor position at last line\n        const editorLineCount = viewRef.current.state.doc.lines;\n        const lastLine = viewRef.current.state.doc.line(editorLineCount);\n        // we use length -1 to avoid selection range error\n        const selectionPosition = Math.max(0, lastLine.length - 1);\n\n        // anchor and head define a text selection\n        // if anchor and head have the same position the cursor is placed at a fixed position with no text selection\n        selection = { anchor: selectionPosition, head: selectionPosition };\n      }\n      // Reset the transaction reference\n      transactionRef.current = undefined;\n\n      // Create a transaction to update the codeMirror document with the new value\n      const transaction: Transaction = viewRef.current.state.update({\n        changes: [\n          {\n            from: 0,\n            to: viewRef.current.state.doc.length,\n            insert: sanitizedValue,\n          },\n        ],\n        selection,\n      });\n\n      viewRef.current.dispatch(transaction);\n    } catch {\n      /*\n    Left empty on purpose. This was done to catch RangeErrors which would be thrown\n    if the user is typing very fast. The selection cursor would be outside the CodeMirror's document length in some cases.\n    Catching the error is better than crashing the entire code editor. */\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  // Run the highlight extension while providing the previous value\n  useEffect(() => {\n    const editorView = viewRef.current;\n    editorView.dispatch({\n      effects: highlightOnChangeCompartment.reconfigure([\n        highlightExtension(previousValue),\n      ]),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [previousValue]);\n\n  const prevControlledFoldingRef = useRef<number[]>([]);\n  useEffect(() => {\n    const next = controlledFolding ?? [];\n    runFoldings(next, viewRef.current, prevControlledFoldingRef.current);\n    prevControlledFoldingRef.current = next;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [controlledFolding]);\n\n  const hasDiagnosticsError = diagnostics?.some(\n    (d) => (d.severity ?? 'error') === 'error',\n  );\n\n  // add aria-invalid if form validation returns an error or error-severity diagnostics are present\n  useEffect(() => {\n    const codeEditorInput = viewRef.current.dom.querySelector(\n      'div[contenteditable]',\n    );\n    if (codeEditorInput) {\n      showError || hasDiagnosticsError\n        ? codeEditorInput.setAttribute('aria-invalid', 'true')\n        : codeEditorInput.removeAttribute('aria-invalid');\n      (codeEditorInput as HTMLElement).tabIndex = -1;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showError, hasDiagnosticsError]);\n\n  // Handle clicking outside the editor while having the autocomplete open to close it.\n  const handleOutsideEditorClick = useCallback(\n    (e: MouseEvent) => {\n      const autoCompleteContainer = document.body.querySelector(\n        '.cm-tooltip-autocomplete',\n      );\n      if (!autoCompleteContainer?.contains(e.target as Node)) {\n        closeCompletion(viewRef.current);\n      }\n    },\n    [viewRef],\n  );\n\n  useEffect(() => {\n    // This way is preferred over handling it through the blur event on the editor as that closes the autocomplete\n    // if the user attempts to scroll in the autocomplete tooltip\n    // https://dev-jira.dynatrace.org/browse/ADES-4842\n    document.addEventListener('pointerdown', handleOutsideEditorClick);\n    return () => {\n      document.removeEventListener('pointerdown', handleOutsideEditorClick);\n    };\n  }, [handleOutsideEditorClick]);\n\n  // https://dev-jira.dynatrace.org/browse/EXA-5783\n  // forceParsing is a synchronous operation that blocks the main thread, but it keeps track\n  // of the already parsed content. We parse in chunks, each blocking the main thread for 100ms\n  // but pausing for 100ms after each parse attempt, this keeps the page responsive to scrolling and clicks\n  // Note: This is really only a issue for very large json content like: `fetch spans | limit 5000` ( ~ 13 MB )\n  useEffect(() => {\n    if (!value) {\n      return;\n    }\n\n    let timeoutId: number | null = null;\n    let done = false;\n\n    const cleanup = () => {\n      if (timeoutId) {\n        window.clearTimeout(timeoutId);\n      }\n    };\n\n    const tick = () => {\n      const wholeSyntaxTreeParsed = syntaxTreeAvailable(\n        viewRef.current.state,\n        viewRef.current.state.doc.length,\n      );\n\n      if (wholeSyntaxTreeParsed) {\n        cleanup();\n        return;\n      }\n\n      done = forceParsing(\n        viewRef.current,\n        viewRef.current.state.doc.length,\n        100,\n      );\n\n      if (!done) {\n        timeoutId = window.setTimeout(tick, 10);\n      }\n    };\n\n    tick();\n\n    return cleanup;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  // change the editor's focus behavior\n  // only the .cm-scroll container is focusable via the keyboard, the content can be focused\n  // by pressing 'ENTER' and only by pressing 'ESCAPE' the focus is moved back\n  useEffect(() => {\n    const editorScrollContainer =\n      viewRef.current.dom.querySelector('.cm-scroller');\n    editorScrollContainer?.setAttribute('tabIndex', '0');\n    editorScrollContainer?.setAttribute('role', 'group');\n    editorScrollContainer?.setAttribute(\n      dataTestIdAttr,\n      baseCodeEditorScrollerTestId,\n    );\n\n    const handleFocus = (event: Event) => {\n      if (event instanceof FocusEvent) {\n        focusProps.onFocus(event);\n      }\n    };\n    const handleBlur = (event: Event) => {\n      if (event instanceof FocusEvent) {\n        focusProps.onBlur(event);\n      }\n    };\n    const handleKeyDown = (event: Event) => {\n      if (event instanceof KeyboardEvent) {\n        if (\n          event.key === 'Enter' &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !readOnly\n        ) {\n          event.preventDefault();\n          viewRef.current.focus();\n        }\n      }\n    };\n    editorScrollContainer?.addEventListener('focus', handleFocus);\n    editorScrollContainer?.addEventListener('blur', handleBlur);\n    editorScrollContainer?.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      editorScrollContainer?.removeEventListener('focus', handleFocus);\n      editorScrollContainer?.removeEventListener('blur', handleBlur);\n      editorScrollContainer?.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [focusProps, readOnly, viewRef]);\n\n  // Detect controlled value prop changes during render (not in useEffect) to avoid\n  // the post-paint delay that causes a visible flash.\n  //\n  // Invariants: mutating prevControlledValueRef.current here is safe because this\n  // code path only runs when isControlled=true and value is defined. React Strict\n  // Mode's double-invocation is handled: the queueMicrotask captures a stable\n  // valueToApply snapshot and guards with an equality check before dispatching, so\n  // double-firing is a no-op. Concurrent-mode double-invocation: the first\n  // invocation's microtask fires after the final commit and sees the live viewRef.\n  if (isControlled && value !== undefined) {\n    const sanitizedNew = sanitizeValue(value);\n    if (prevControlledValueRef.current === undefined) {\n      // First render \u2014 the editor was already seeded with this value in EditorState.create.\n      prevControlledValueRef.current = sanitizedNew;\n    }\n    if (sanitizedNew !== prevControlledValueRef.current) {\n      prevControlledValueRef.current = sanitizedNew;\n      const valueToApply = sanitizedNew;\n      queueMicrotask(() => {\n        const shouldStartCompletion = pendingStartCompletionRef.current;\n        pendingStartCompletionRef.current = false;\n        if (viewRef.current.state.doc.toString() === valueToApply) {\n          if (shouldStartCompletion) {\n            startCompletion(viewRef.current);\n          }\n          return;\n        }\n        const lastTransaction = transactionRef.current;\n        const savedCursorAnchor = lastTransaction?.newSelection?.main?.anchor;\n        const anchor =\n          savedCursorAnchor !== undefined\n            ? Math.min(savedCursorAnchor, valueToApply.length)\n            : undefined;\n        // Update valueRef before dispatch so handleValueChange sees no change and\n        // does not call onChange.\n        valueRef.current = valueToApply;\n        try {\n          // A minimal change (rather than a full doc replace) lets CodeMirror\n          // remap extension state (e.g. closeBrackets bracketState) correctly,\n          // preserving type-over behavior across controlled syncs.\n          viewRef.current.dispatch(\n            viewRef.current.state.update({\n              changes: computeMinimalChange(\n                viewRef.current.state.doc.toString(),\n                valueToApply,\n              ),\n              selection: anchor !== undefined ? { anchor } : undefined,\n              annotations: controlledSyncAnnotation.of(true),\n            }),\n          );\n        } catch {\n          // Ignore RangeErrors from out-of-range cursor positions (can occur when\n          // the parent re-renders with a shorter value while the user was typing).\n        }\n        if (shouldStartCompletion) {\n          startCompletion(viewRef.current);\n        }\n      });\n    }\n  }\n\n  return (\n    <>\n      <div\n        ref={rootRef}\n        className={clsx(\n          styles.editorContainer({\n            focusVisible: isFocusVisible,\n            fullHeight,\n            hasError: showError,\n            lineNumbers: singleLine || hideLineNumbers ? 'hidden' : undefined,\n            readOnly,\n            size,\n          }),\n          inputGroupClassName,\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...behavioralTrackingProps}\n        {...restProps}\n        {...focusHandlers}\n        data-dt-component={dataDtComponent}\n      />\n      <input\n        type=\"text\"\n        id={id}\n        disabled={readOnly}\n        tabIndex={-1}\n        onFocus={() =>\n          // forward focus to the editor\n          // we need the hidden input unfortunately since the editor does not support focus properly\n          viewRef.current.focus()\n        }\n        aria-hidden=\"true\"\n        style={{\n          position: 'absolute',\n          height: 0,\n          width: 0,\n          opacity: 0,\n          margin: 0,\n          padding: 0,\n          border: 0,\n        }}\n      />\n      {hint && (\n        <span\n          {...hintProps}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n        >\n          <BaseItem variant={showError ? 'error' : 'hint'}>{hint}</BaseItem>\n        </span>\n      )}\n      <span\n        id={summaryId}\n        role=\"status\"\n        aria-live=\"polite\"\n        className={screenReaderOnly}\n      >\n        {hasDiagnostics\n          ? formatDiagnosticsSummary(\n              diagnostics,\n              intl,\n              viewRef.current.state.doc,\n            )\n          : ''}\n      </span>\n    </>\n  );\n});\n\n(\n  BaseCodeEditor as typeof BaseCodeEditor & { displayName: string }\n).displayName = 'BaseCodeEditor';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { closeCompletion, startCompletion } from '@codemirror/autocomplete';\nimport {\n  foldedRanges,\n  forceParsing,\n  indentUnit,\n  syntaxTreeAvailable,\n} from '@codemirror/language';\nimport {\n  Annotation,\n  Compartment,\n  EditorSelection,\n  EditorState,\n  Extension,\n  Prec,\n  Transaction,\n} from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport clsx from 'clsx';\nimport {\n  forwardRef,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './BaseCodeEditor.sty.js';\nimport type { EditorLanguageConfiguration } from './configuration/configuration.js';\nimport { configureDiagnostics } from './configuration/configure-diagnostics.js';\nimport { configureFormatKeymap } from './configuration/configure-format-keymap.js';\nimport { configureLineWrap } from './configuration/configure-line-wrap.js';\nimport {\n  configureLintGutter,\n  getLintGutterExtension,\n} from './configuration/configure-lint-gutter.js';\nimport { configurePlaceholder } from './configuration/configure-placeholder.js';\nimport { configureReadOnly } from './configuration/configure-read-only.js';\nimport { configureSpellCheck } from './configuration/configure-spell-check.js';\nimport {\n  getMultipleLinesDefaultConfiguration,\n  getSingleLineDefaultConfiguration,\n  getDefaultConfiguration,\n} from './configuration/getDefaultConfigurations.js';\nimport type { GutterConfiguration } from './configuration/getDefaultConfigurations.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { InlineDiagnostic } from '../code-editor/inline-diagnostic.js';\nimport { getLanguageConfiguration } from './configuration/language-extensions.js';\nimport { highlightExtension } from './highlight/highlight.extension.js';\nimport {\n  dataTestId as dataTestIdAttr,\n  baseCodeEditorTestId,\n  baseCodeEditorRootTestId,\n  baseCodeEditorScrollerTestId,\n} from './testIds.js';\nimport { calculateFolding } from './utils/calculate-folding.js';\nimport { computeMinimalChange } from './utils/compute-minimal-change.js';\nimport { formatDiagnosticsSummary } from './utils/format-diagnostics-summary.js';\nimport { getKeyMaps } from './utils/key-maps.js';\nimport { IntlProps } from './utils/render-node.js';\nimport { runFoldings } from './utils/run-foldings.js';\nimport { sanitizeText } from './utils/sanitize-text.js';\nimport { sanitizeValue } from './utils/sanitize-value.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useFocusRing } from '../../core/hooks/useFocusRing.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { FormControlStateProps } from '../../core/types/form-control-state.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { InternalBaseItem as BaseItem } from '../../forms/forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useFormControl } from '../../forms/forms-core/hooks/useFormControl.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport { screenReaderOnly } from '../../styles/screen-reader-only.sty.js';\n\n// We disable the unstable EDIT_CONTEXT feature to ensure codemirror doesn't capture input after losing focus.\n// According to the maintainer it should be fixed with an upcoming chrome release, but we don't know about about Safari.\n// Github Issue https://github.com/codemirror/dev/issues/1537\n// @ts-expect-error - the prop exists but seems not to be included in the codemirror types.\nEditorView.EDIT_CONTEXT = false;\n\n// #region typings\n/**\n * Props shared by all code editor components.\n * @public\n */\nexport interface SharedBaseCodeEditorProps\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n  extends FormControlStateProps,\n    AriaLabelingProps,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    BehaviorTrackingProps {\n  /**\n   * The ID for the DOM element.\n   */\n  id?: string;\n  /**\n   * Callback that is called when the value in the editor changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Displayed initially in the editor when there is no other content.\n   */\n  placeholder?: string;\n  /**\n   * Whether spellcheck should be enabled.\n   * @defaultValue false\n   */\n  spellCheck?: boolean;\n  /**\n   * If set to true, the code editor uses the full height available in its parent.\n   * @defaultValue false\n   */\n  fullHeight?: boolean;\n  /**\n   * The start indices (character position) that should be folded initially in uncontrolled scenarios.\n   */\n  defaultFolding?: number[];\n  /**\n   * The start indices (character position) that should be folded initially in controlled scenarios.\n   */\n  folding?: number[];\n  /**\n   * Callback that is called when folding changes.\n   */\n  onFoldingChange?: (values: number[]) => void;\n  /**\n   * Whether the input is readonly.\n   * @defaultValue false\n   */\n  readOnly?: boolean;\n  /**\n   * Whether long lines should be wrapped.\n   * @defaultValue false\n   */\n  lineWrap?: boolean;\n  /**\n   * Callback that is called when the editor loses focus.\n   */\n  onBlur?: (e: FocusEvent) => void;\n  /**\n   * Callback that is called when the editor receives focus.\n   */\n  onFocus?: (e: FocusEvent) => void;\n  /**\n   * Editor layout size, 'default' for standard spacing and 'condensed' for reduced font size, padding and margins.\n   * @defaultValue 'default'\n   */\n  size?: 'default' | 'condensed';\n  /**\n   * If set to true, `aria-required` will be set to true on the input element.\n   * @defaultValue false\n   */\n  required?: boolean;\n  /**\n   * Opts in to fully controlled semantics on `value`. When `true`, every user\n   * keystroke is blocked until the consumer updates `value` in response to\n   * `onChange`; the editor always reflects `value` exactly.\n   *\n   * When `false` (the default), `value` seeds and re-syncs the document but\n   * user keystrokes are applied immediately without waiting for `onChange`.\n   *\n   * @remarks\n   * IME composition transactions are always let through so that candidate\n   * characters display correctly during an active IME session.\n   * Autocomplete completions (selecting an item) are applied immediately and\n   * forwarded via `onChange` so the consumer can accept the new value.\n   *\n   * @deprecated Will be removed when controlled behaviour becomes the default.\n   * @defaultValue false\n   */\n  isControlled?: boolean;\n}\n\n/**\n * Base props shared by both controlled and uncontrolled `BaseCodeEditor` usages.\n * @internal\n **/\nexport interface BaseCodeEditorBaseProps extends SharedBaseCodeEditorProps {\n  /**\n   * The language configuration.\n   */\n  configuration?: EditorLanguageConfiguration;\n  /**\n   * If set to true, the code editor allows only one line and the line number will not be displayed.\n   * @defaultValue false\n   */\n  singleLine?: boolean;\n  /**\n   * If set to true, the code editor will hide the line numbers.\n   * @defaultValue false\n   */\n  hideLineNumbers?: boolean;\n  // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove `gutterConfiguration`.\n  /**\n   * Provides the gutter configuration to display a marker next to the fold gutter.\n   * @deprecated Use the `diagnostics` and `showLintGutter` props for per-line validation markers instead.\n   * Will be removed in a future major release.\n   */\n  gutterConfiguration?: GutterConfiguration;\n  /**\n   * Formatter function that receives the current value and returns the formatted value.\n   * When provided, registers a keyboard shortcut for formatting.\n   */\n  format?: (value: string) => string;\n  /**\n   * Diagnostics to render inside the editor (underlines, hover tooltips).\n   * When provided, the built-in JSON linter is overridden.\n   */\n  diagnostics?: InlineDiagnostic[];\n  /**\n   * When `true`, shows a severity marker in a gutter column next to each diagnostic line.\n   * Has no effect when `diagnostics` is `undefined` or empty.\n   * @defaultValue false\n   */\n  showLintGutter?: boolean;\n}\n\n/**\n * Props for the `BaseCodeEditor` in controlled usage.\n * @internal\n */\nexport type BaseCodeEditorControlledProps = {\n  /**\n   * The contents of the editor. Treated as the initial CodeMirror document and\n   * synchronised with the editor on subsequent prop changes.\n   * @defaultValue ''\n   */\n  value?: string;\n  defaultValue?: never;\n};\n\n/**\n * Props for the `BaseCodeEditor` in uncontrolled usage.\n * @internal\n */\nexport type BaseCodeEditorUncontrolledProps = {\n  value?: never;\n  /**\n   * The initial contents of the editor for uncontrolled usage. Used only when the\n   * editor mounts; subsequent changes to this prop are ignored.\n   */\n  defaultValue?: string;\n};\n\n/**\n * Props used for BaseCodeEditor.\n * @internal\n */\nexport type BaseCodeEditorProps = BaseCodeEditorBaseProps &\n  (BaseCodeEditorControlledProps | BaseCodeEditorUncontrolledProps);\n\n/**\n * public ref type\n * @internal\n */\nexport type BaseCodeEditorRef = {\n  focus: () => void;\n  selectRange: (range: { from: number; to: number }) => void;\n  readonly element: HTMLDivElement | null;\n  setCursorPosition: (position: number | 'end') => void;\n  editorView?: () => EditorView;\n  format?: () => void;\n};\n// #endregion typings\n\n// Annotation that marks a transaction dispatched by the controlled-mode prop sync,\n// allowing the transactionFilter to let it through without blocking or calling onChange.\nconst controlledSyncAnnotation = Annotation.define<true>();\n\nconst languageCompartment = new Compartment();\nconst editorBaseConfigCompartment = new Compartment();\nconst lineWrappingCompartment = new Compartment();\nconst keymapCompartment = new Compartment();\nconst placeholderCompartment = new Compartment();\nconst highlightOnChangeCompartment = new Compartment();\nconst formatKeymapCompartment = new Compartment();\nconst diagnosticsCompartment = new Compartment();\nconst lintGutterCompartment = new Compartment();\n\nconst getEditorConfiguration = (\n  intlProps: IntlProps,\n  options: {\n    singleLine: boolean;\n    hideLineNumbers?: boolean;\n    gutterConfiguration?: GutterConfiguration;\n    required?: boolean;\n    size?: 'default' | 'condensed';\n  },\n): Extension[] => {\n  const { singleLine, gutterConfiguration, hideLineNumbers, required, size } =\n    options;\n\n  const isRequired = required ?? false;\n  const editorSize = size ?? 'default';\n\n  if (singleLine) {\n    return getSingleLineDefaultConfiguration(intlProps, {\n      required: isRequired,\n      size: editorSize,\n    });\n  }\n  if (hideLineNumbers) {\n    return getDefaultConfiguration(intlProps, {\n      required: isRequired,\n      size: editorSize,\n    });\n  }\n  return getMultipleLinesDefaultConfiguration(intlProps, {\n    gutterConfiguration,\n    required: isRequired,\n    size: editorSize,\n  });\n};\n\nfunction useLazyEditorViewRef(): RefObject<EditorView> {\n  const viewRef = useRef<EditorView | null>(null);\n\n  if (viewRef.current === null) {\n    const view = new EditorView({\n      state: EditorState.create(),\n    });\n\n    // Harden `posAtCoords` against CodeMirror's coordinate scan throwing when\n    // the editor content has no client rects. This happens when a hover\n    // handler (e.g. the lint diagnostics tooltip, always installed on the DQL\n    // editor) fires while the editor \u2014 or an ancestor \u2014 is hidden, detached,\n    // or mid-layout, so `getClientRects()` returns empty for every tile. The\n    // scan then dereferences an undefined rect and throws \"Cannot read\n    // properties of undefined (reading 'top')\", which escapes the delayed\n    // hover handler as an unhandled error. Returning `null` makes the hover\n    // tooltip plugin bail gracefully, exactly as it does for an off-content\n    // coordinate.\n    const originalPosAtCoords = view.posAtCoords.bind(view);\n    view.posAtCoords = ((coords, precise) => {\n      try {\n        return originalPosAtCoords(coords, precise);\n      } catch {\n        return null;\n      }\n    }) as EditorView['posAtCoords'];\n\n    // Similar override for the posAndSideAtCoords method, fixes the exact same issue\n    // when `getClientRects()` returns empty during a coordinate scan.\n    // Happens when a DOM mouse event (e.g. mousedown for text selection via\n    // basicMouseSelection) fires while the editor \u2014 or an ancestor \u2014 is\n    // hidden, detached, or mid-layout, so `getClientRects()` returns empty\n    // for every tile.\n    // Returning a safe fallback position (document start) avoids the crash.\n    const originalPosAndSideAtCoords = view.posAndSideAtCoords.bind(view);\n    view.posAndSideAtCoords = ((coords, precise) => {\n      try {\n        return originalPosAndSideAtCoords(coords, precise);\n      } catch {\n        return { pos: 0, assoc: 1 };\n      }\n    }) as EditorView['posAndSideAtCoords'];\n\n    viewRef.current = view;\n  }\n\n  // it can never be null, the cast fixes the type\n  return viewRef as RefObject<EditorView>;\n}\n\n/**\n * Creates a CodeMirror extension that attaches DOM event handlers to the editor's content element.\n *\n * @returns An extension that intercepts `keydown`, `focus`, and `blur` events.\n */\nconst getDomEventHandlers = (\n  onFocus?: (e: FocusEvent) => void,\n  onBlur?: (e: FocusEvent) => void,\n) => {\n  return EditorView.domEventHandlers({\n    // Prevent the Escape key from propagating beyond the editor.\n    // This is necessary for editors that are placed inside an overlay (e.g. Modal),\n    // where pressing `Escape` to exit the edit mode would otherwise close the overlay.\n    keydown: (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.stopPropagation();\n      }\n    },\n    // when the editor content element receives focus, call the provided focus handler\n    focus: (event: FocusEvent) => {\n      onFocus?.(event);\n    },\n    // when the editor content element loses focus, call the provided blur handler\n    blur: (event: FocusEvent) => {\n      onBlur?.(event);\n    },\n  });\n};\n\n/**\n * Provides a base/core component for other code editors to share a common base.\n *\n * @internal\n */\nexport const BaseCodeEditor = /* @__PURE__ */ forwardRef<\n  BaseCodeEditorRef,\n  BaseCodeEditorProps\n>((props, forwardedRef) => {\n  const {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n    controlState,\n    value,\n    defaultValue,\n    readOnly = false,\n    spellCheck = false,\n    lineWrap = false,\n    onChange,\n    onFoldingChange,\n    defaultFolding,\n    folding,\n    fullHeight = false,\n    placeholder,\n    configuration,\n    singleLine = false,\n    hideLineNumbers = false,\n    size = 'default',\n    onFocus,\n    onBlur,\n    // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove gutterConfiguration prop.\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    gutterConfiguration,\n    id: propId,\n    required = false,\n    format,\n    diagnostics,\n    showLintGutter = false,\n    // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    isControlled = false,\n    style: consumerStyle,\n    className: consumerClassName,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-details': ariaDetails,\n    'aria-describedby': ariaDescribedBy,\n    'data-testid': dataTestId = baseCodeEditorRootTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    // @ts-expect-error - We want to allow overriding data-dt-component as we use the component internally in other Strato components, but it should not appear in the public API.\n    'data-dt-component': dataDtComponent,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const intl = useIntl();\n  const { id, hint, hintProps, inputProps, showError, focusHandlers } =\n    useFormControl({\n      propId,\n      controlState,\n      validationVisibility: 'after-blur',\n    });\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const rootRef = useMergeRefs<HTMLDivElement>([containerRef]);\n\n  /**\n   * Sanitize value\n   */\n  const sanitizedOnChange = useCallback(\n    (value: string) => onChange?.(sanitizeText(value)),\n    [onChange],\n  );\n\n  const viewRef = useLazyEditorViewRef();\n\n  // Held in a ref so the imperative `format()` handle \u2014 captured once by\n  // useImperativeHandle \u2014 always sees the latest formatter. `formatFunction` can\n  // arrive asynchronously (e.g. DQL's dynamic dqlint import), so the first-render\n  // value may be undefined.\n  const formatFunctionRef = useRef(format);\n  useEffect(() => {\n    formatFunctionRef.current = format;\n  }, [format]);\n\n  const diagnosticsRef = useRef<InlineDiagnostic[]>([]);\n  const isDiagnosticsEnabledRef = useRef(false);\n  const isLintGutterMarkersShownRef = useRef(false);\n\n  const handleFormat = useCallback(() => {\n    const currentFormatFunction = formatFunctionRef.current;\n    if (!currentFormatFunction) {\n      devLog(\n        'BaseCodeEditor: format() called but no format function is provided.',\n      );\n      return;\n    }\n    const editorView = viewRef.current;\n    const currentValue = editorView.state.doc.toString();\n    let formattedValue: string;\n    try {\n      formattedValue = currentFormatFunction(currentValue);\n    } catch (error) {\n      devLog(\n        'BaseCodeEditor: format function threw an error, leaving content unchanged.',\n        error,\n      );\n      return;\n    }\n    if (!formattedValue || formattedValue === currentValue) {\n      return;\n    }\n    editorView.dispatch({\n      changes: {\n        from: 0,\n        to: editorView.state.doc.length,\n        insert: formattedValue,\n      },\n    });\n  }, [viewRef]);\n\n  const valueChangeRef = useRef<(value: string) => void>(undefined);\n  // Reference of the currently applied value, stored in a ref to be accessed correctly inside the codeMirror listeners.\n  const valueRef = useRef(value ?? defaultValue ?? '');\n  // Flag indicating that the document has been changed by someone other than the user. Mainly through setting the value prop.\n  const isMarkedDirtyRef = useRef<boolean>(false);\n\n  const prevEditorConfigRef = useRef<\n    | {\n        singleLine: boolean;\n        hideLineNumbers: boolean;\n        gutterConfiguration: GutterConfiguration | undefined;\n        required: boolean;\n        size: 'default' | 'condensed';\n        locale: string;\n        defaultLocale: string;\n        messages: IntlProps['messages'];\n      }\n    | undefined\n  >(undefined);\n\n  const prevLangConfigRef = useRef<\n    | {\n        language: EditorLanguageConfiguration['language'];\n        extendWith: EditorLanguageConfiguration['extendWith'];\n        autocompleteOptions: EditorLanguageConfiguration['autocompleteOptions'];\n        locale: string;\n        defaultLocale: string;\n        messages: IntlProps['messages'];\n      }\n    | undefined\n  >(undefined);\n\n  const [previousValue, setPreviousValue] = useState<string>('');\n  // Reference of the transaction where the doc (CodeMirror value) was last changed. Used mainly to get most up-to-date cursor position.\n  const transactionRef = useRef<Transaction | undefined>(undefined);\n  // Stable ref for isControlled so the transactionFilter closure always sees the current value.\n  const isControlledRef = useRef(isControlled);\n  // Tracks IME composition state: true while a composition session is active, so the\n  // transactionFilter does not block intermediate composition transactions.\n  const isUserEventComposeRef = useRef(false);\n  // Tracks the last value synced to the editor in controlled mode to detect prop changes\n  // during render without an extra useEffect round-trip.\n  const prevControlledValueRef = useRef<string | undefined>(undefined);\n  // True when the controlled sync microtask should call startCompletion after updating the doc.\n  // Set by the transactionFilter when it blocks a user typing transaction; cleared by the microtask.\n  const pendingStartCompletionRef = useRef(false);\n  // Mirrors configuration?.autocompleteOptions?.activateOnTyping so the transactionFilter closure\n  // (captured once at editor init) can read the latest value without re-creating the filter.\n  const activateOnTypingRef = useRef<boolean | undefined>(\n    configuration?.autocompleteOptions?.activateOnTyping,\n  );\n\n  const { focusProps, isFocusVisible } = useFocusRing({\n    color: showError ? 'critical' : 'neutral',\n  });\n\n  const [controlledFolding] = useControllableState<number[] | undefined>({\n    defaultValue: defaultFolding,\n    onChange: (values?: number[]) => {\n      if (values) {\n        onFoldingChange?.(values);\n      }\n    },\n    value: folding,\n  });\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      element: containerRef.current,\n      editorView: () => viewRef.current,\n      focus: () => viewRef.current.focus(),\n      selectRange: (range) => {\n        const editorView = viewRef.current;\n        if (editorView && range) {\n          const docLength = editorView.state.doc.length;\n          const from = range.from < docLength ? range.from : 0;\n          const to = range.to < docLength ? range.to : docLength;\n\n          const transaction = editorView.state.update({\n            selection: EditorSelection.range(to, from),\n            scrollIntoView: true,\n          });\n          editorView.dispatch(transaction);\n          editorView.focus();\n        }\n      },\n      setCursorPosition: (position: number | 'end') => {\n        viewRef.current.dispatch({\n          selection: EditorSelection.cursor(\n            typeof position === 'number'\n              ? Math.min(\n                  Math.max(position, 0),\n                  viewRef.current.state.doc.length,\n                )\n              : viewRef.current.state.doc.length,\n          ),\n          scrollIntoView: true,\n        });\n        viewRef.current.focus();\n      },\n      format: handleFormat,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Create editor view\n  useEffect(() => {\n    const editorView = viewRef.current;\n    containerRef.current?.appendChild(editorView.dom);\n    editorView.dom.setAttribute(dataTestIdAttr, baseCodeEditorTestId);\n\n    return () => editorView.destroy();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const summaryId = `${id}-diagnostics-summary`;\n  const hasDiagnostics = diagnostics !== undefined && diagnostics.length > 0;\n\n  // Sets aria labels\n  useEffect(() => {\n    const { contentDOM } = viewRef.current;\n    const ariaLabelAttribute = 'aria-label';\n    const ariaLabelledByAttribute = 'aria-labelledby';\n    const ariaDetailsAttribute = 'aria-details';\n    const ariaDescribedByAttribute = 'aria-describedby';\n\n    const describedBy = [\n      ariaDescribedBy,\n      inputProps['aria-describedby'],\n      hasDiagnostics ? summaryId : null,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    if (describedBy) {\n      contentDOM.setAttribute(ariaDescribedByAttribute, describedBy);\n    }\n\n    if (ariaDetails) {\n      contentDOM.setAttribute(ariaDetailsAttribute, ariaDetails);\n    }\n\n    if (ariaLabelledBy) {\n      contentDOM.setAttribute(ariaLabelledByAttribute, ariaLabelledBy);\n    } else {\n      contentDOM.setAttribute(\n        ariaLabelAttribute,\n        ariaLabel ??\n          intl.formatMessage({\n            defaultMessage: 'Code Editor',\n            id: 'EBcYgbL0S1T6EpS2',\n            description: 'Aria-label for the code editors.',\n          }),\n      );\n    }\n\n    return () =>\n      [\n        ariaLabelAttribute,\n        ariaLabelledByAttribute,\n        ariaDetailsAttribute,\n        ariaDescribedByAttribute,\n      ].forEach((ariaAttribute) => contentDOM.removeAttribute(ariaAttribute));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDetails,\n    ariaDescribedBy,\n    inputProps,\n    intl,\n    hasDiagnostics,\n    summaryId,\n  ]);\n\n  // to match the css applied to the .cm-content based on size we need to remeasure the height\n  // useLayoutEffect to match with the css change\n  useLayoutEffect(() => {\n    viewRef.current.requestMeasure();\n  }, [viewRef, size]);\n\n  const { messages, defaultLocale, locale } = useIntl();\n\n  // Set state and extensions of the editor\n  useEffect(() => {\n    const editorView = viewRef.current;\n\n    const handleValueChange = (transaction: Transaction) => {\n      const newValue = transaction.newDoc.toString();\n\n      if (valueRef.current !== newValue) {\n        // Save the current transaction that updates the document to grab the most up-to-date selection range (cursor position).\n        // This was done to fix cursor position resetting in APPDEV-9116.\n        transactionRef.current = transaction;\n\n        // Update the value ref\n        valueRef.current = newValue;\n\n        // Avoid calling the rest of logic including onChange if changes are coming from the value prop\n        if (isMarkedDirtyRef.current) {\n          isMarkedDirtyRef.current = false;\n        } else {\n          // Call the onChange from the editor props\n          valueChangeRef.current?.(newValue);\n        }\n      } else {\n        // Reset the marked dirty flag\n        isMarkedDirtyRef.current = false;\n      }\n      return transaction;\n    };\n\n    editorView.setState(\n      EditorState.create({\n        // Initial value of the editor. `value` (controlled) takes precedence over\n        // `defaultValue` (uncontrolled initial document). Both are mutually exclusive\n        // at the type level, this guards against a runtime fallback.\n        doc: value ?? defaultValue ?? '',\n        extensions: [\n          getDomEventHandlers(onFocus, onBlur),\n          // Track IME composition state so controlled mode does not block candidate characters.\n          EditorView.domEventObservers({\n            compositionstart: () => {\n              isUserEventComposeRef.current = true;\n            },\n            // Defer the reset by one microtask so the CodeMirror commit transaction\n            // (dispatched synchronously during compositionend processing) still sees\n            // isUserEventComposeRef as true and is not blocked in controlled mode.\n            compositionend: () => {\n              queueMicrotask(() => {\n                isUserEventComposeRef.current = false;\n              });\n            },\n          }),\n          Prec.highest(keymapCompartment.of(getKeyMaps(viewRef))),\n          languageCompartment.of([]),\n          lintGutterCompartment.of(getLintGutterExtension(false)),\n          editorBaseConfigCompartment.of([]),\n          // Indent unit is two spaces instead of tab\n          indentUnit.of('  '),\n          // Filter for transactions before they are applied. Controls which transactions\n          // go through and allows editing/augmenting them.\n          EditorState.transactionFilter.of((transaction) => {\n            if (transaction.docChanged) {\n              // Controlled-mode sync dispatches are annotated \u2014 let them through\n              // and update internal state without calling onChange.\n              if (transaction.annotation(controlledSyncAnnotation)) {\n                return handleValueChange(transaction);\n              }\n\n              // In controlled mode, block user-initiated doc changes. Call onChange\n              // so the consumer can update value, and save the transaction for cursor\n              // position restoration when the new value is applied.\n              // IME composition transactions are exempt so candidates display correctly.\n              if (isControlledRef.current && !isUserEventComposeRef.current) {\n                // Undo/redo must not be blocked \u2014 they need to mutate the editor\n                // state so the undo stack is preserved, and onChange fires via\n                // handleValueChange so the consumer can sync the new value.\n                if (\n                  transaction.isUserEvent('undo') ||\n                  transaction.isUserEvent('redo')\n                ) {\n                  return handleValueChange(transaction);\n                }\n                // Autocomplete selections are user intent: apply the completion and\n                // propagate via onChange so the consumer can accept/update value.\n                if (transaction.isUserEvent('input.complete')) {\n                  return handleValueChange(transaction);\n                }\n                const newValue = transaction.newDoc.toString();\n                // Exempt bracket/quote auto-close and type-over.\n                // CodeMirror's closeBrackets extension auto-inserts a matching closing bracket,\n                // then typing that same character skips over it instead of duplicating it.\n                // Auto-close carries a StateEffect the skip needs. Skip-over replaces\n                // the bracket with itself to move the cursor. Blocking either would\n                // break type-over or drop the cursor move.\n                //\n                // WARNING: This guard is intentionally broad \u2014 any extension that attaches\n                // a StateEffect to a user doc-change transaction will also bypass the\n                // controlled-mode block, silently mutating the document without calling onChange.\n                // A narrower check would target the closeBrackets StateEffect specifically,\n                // but that symbol is not part of @codemirror/autocomplete's public API.\n                // Safe today: none of the currently configured extensions produce a user\n                // doc-change transaction with effects other than closeBrackets.\n                if (\n                  transaction.effects.length > 0 ||\n                  newValue === valueRef.current\n                ) {\n                  return handleValueChange(transaction);\n                }\n                transactionRef.current = transaction;\n                valueChangeRef.current?.(newValue);\n                // The autocompletion extension only opens when it sees a\n                // docChanged user-input update. Since we block typing transactions,\n                // we signal the controlled sync microtask to call startCompletion\n                // after it updates the document, so completions are based on the new value.\n                // Only signal if activateOnTyping is not explicitly disabled \u2014\n                // otherwise the consumer opted out of type-triggered completions.\n                pendingStartCompletionRef.current =\n                  activateOnTypingRef.current !== false;\n                return [];\n              }\n\n              return handleValueChange(transaction);\n            }\n            return transaction;\n          }),\n          EditorView.updateListener.of((update) => {\n            const isUndoOrRedo = update.transactions.some(\n              (transaction) =>\n                transaction.isUserEvent('undo') ||\n                transaction.isUserEvent('redo'),\n            );\n\n            // Make sure that only folding was changed in the editor\n            if (\n              update.geometryChanged &&\n              !update.docChanged &&\n              !update.focusChanged &&\n              update.heightChanged\n            ) {\n              const ranges = foldedRanges(update.state);\n              const foldValues = calculateFolding(ranges);\n\n              onFoldingChange?.(foldValues);\n            }\n            // Check if the transaction is undo or redo in order to not accidentally call onChange\n            // twice. Usually onChange is called before applying the changes. However, undo and redo\n            // are considered as transactions that occur after the view has been updated.\n            // Therefore, we explicitly call onChange if that is the case.\n            else if (update.docChanged && isUndoOrRedo) {\n              update.transactions.forEach((transaction) =>\n                handleValueChange(transaction),\n              );\n            }\n          }),\n          lineWrappingCompartment.of([]),\n          placeholderCompartment.of([]),\n          highlightOnChangeCompartment.of([]),\n          formatKeymapCompartment.of([]),\n          diagnosticsCompartment.of([]),\n        ],\n      }),\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // `showLintGutter` takes precedence over the deprecated `gutterConfiguration`:\n  // its custom-marker gutter is suppressed whenever the lint gutter is enabled.\n  const effectiveGutterConfiguration = showLintGutter\n    ? undefined\n    : gutterConfiguration;\n\n  // Update base editor configuration (structure, layout, theme)\n  useEffect(() => {\n    const editorView = viewRef.current;\n    const prev = prevEditorConfigRef.current;\n\n    if (\n      prev !== undefined &&\n      prev.singleLine === singleLine &&\n      prev.hideLineNumbers === hideLineNumbers &&\n      prev.gutterConfiguration === effectiveGutterConfiguration &&\n      prev.required === required &&\n      prev.size === size &&\n      prev.locale === locale &&\n      prev.defaultLocale === defaultLocale &&\n      prev.messages === messages\n    ) {\n      return;\n    }\n\n    prevEditorConfigRef.current = {\n      singleLine,\n      hideLineNumbers,\n      gutterConfiguration: effectiveGutterConfiguration,\n      required,\n      size,\n      locale,\n      defaultLocale,\n      messages,\n    };\n\n    const intlProps: IntlProps = { locale, defaultLocale, messages };\n    editorView.dispatch({\n      effects: editorBaseConfigCompartment.reconfigure(\n        getEditorConfiguration(intlProps, {\n          singleLine,\n          hideLineNumbers,\n          gutterConfiguration: effectiveGutterConfiguration,\n          required,\n          size,\n        }),\n      ),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    singleLine,\n    hideLineNumbers,\n    effectiveGutterConfiguration,\n    required,\n    size,\n    locale,\n    defaultLocale,\n    messages,\n  ]);\n\n  // Update language extensions (syntax, autocomplete)\n  useEffect(() => {\n    const editorView = viewRef.current;\n    const prev = prevLangConfigRef.current;\n\n    if (\n      prev !== undefined &&\n      prev.language === configuration?.language &&\n      prev.extendWith === configuration?.extendWith &&\n      prev.autocompleteOptions === configuration?.autocompleteOptions &&\n      prev.locale === locale &&\n      prev.defaultLocale === defaultLocale &&\n      prev.messages === messages\n    ) {\n      return;\n    }\n\n    prevLangConfigRef.current = {\n      language: configuration?.language,\n      extendWith: configuration?.extendWith,\n      autocompleteOptions: configuration?.autocompleteOptions,\n      locale,\n      defaultLocale,\n      messages,\n    };\n    activateOnTypingRef.current =\n      configuration?.autocompleteOptions?.activateOnTyping;\n\n    const intlProps: IntlProps = { locale, defaultLocale, messages };\n    editorView.dispatch({\n      effects: languageCompartment.reconfigure(\n        getLanguageConfiguration(configuration || {}, intlProps),\n      ),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [configuration, locale, defaultLocale, messages]);\n\n  useEffect(() => {\n    configureReadOnly(readOnly, viewRef, keymapCompartment);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [readOnly]);\n\n  useEffect(() => {\n    configureLineWrap(lineWrap, viewRef, lineWrappingCompartment);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lineWrap]);\n\n  useEffect(() => {\n    configurePlaceholder(placeholder, viewRef, placeholderCompartment);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [placeholder]);\n\n  useEffect(() => {\n    configureSpellCheck(spellCheck, readOnly, viewRef);\n  }, [viewRef, readOnly, spellCheck]);\n\n  useEffect(() => {\n    if (format) {\n      configureFormatKeymap(handleFormat, viewRef, formatKeymapCompartment);\n    } else {\n      viewRef.current.dispatch({\n        effects: formatKeymapCompartment.reconfigure([]),\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [format]);\n\n  useEffect(() => {\n    configureDiagnostics(\n      diagnostics,\n      viewRef,\n      diagnosticsRef,\n      isDiagnosticsEnabledRef,\n      diagnosticsCompartment,\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [diagnostics]);\n\n  useEffect(() => {\n    configureLintGutter(\n      showLintGutter,\n      diagnostics,\n      viewRef,\n      lintGutterCompartment,\n      isLintGutterMarkersShownRef,\n    );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showLintGutter, diagnostics]);\n\n  // Assign new onChange method to ref that is used in the updatelistener extension\n  useEffect(() => {\n    valueChangeRef.current =\n      onChange !== undefined ? sanitizedOnChange : undefined;\n  }, [onChange, sanitizedOnChange]);\n\n  useEffect(() => {\n    isControlledRef.current = isControlled;\n  }, [isControlled]);\n\n  // Set the content of the code editor to the changed value (non-controlled path).\n  // When isControlled=true, value sync is driven by the during-render detection below.\n  useEffect(() => {\n    // In controlled mode value sync is handled via prevControlledValueRef during render.\n    if (isControlledRef.current) {\n      return;\n    }\n    // In uncontrolled mode (no `value` prop) the editor owns its document \u2014 prop-sync\n    // is skipped so that `defaultValue` only seeds the initial document.\n    if (value === undefined) {\n      return;\n    }\n    const sanitizedValue = sanitizeValue(value);\n    if (viewRef.current.state.doc.toString() === sanitizedValue) {\n      return;\n    }\n\n    // Keep track of the previous value, mainly for highlighting purposes\n    setPreviousValue(viewRef.current.state.doc.toString());\n\n    // Set flag to true to indicate it was changed by someone other than user\n    isMarkedDirtyRef.current = true;\n\n    try {\n      let selection;\n      if (!viewRef.current.hasFocus) {\n        // If the editor doesn't have focus, replace entire doc\n        // with new value regardless of cursor position\n        selection = undefined;\n      } else {\n        // Fallback to the view cursor position at last line\n        const editorLineCount = viewRef.current.state.doc.lines;\n        const lastLine = viewRef.current.state.doc.line(editorLineCount);\n        // we use length -1 to avoid selection range error\n        const selectionPosition = Math.max(0, lastLine.length - 1);\n\n        // anchor and head define a text selection\n        // if anchor and head have the same position the cursor is placed at a fixed position with no text selection\n        selection = { anchor: selectionPosition, head: selectionPosition };\n      }\n      // Reset the transaction reference\n      transactionRef.current = undefined;\n\n      // Create a transaction to update the codeMirror document with the new value\n      const transaction: Transaction = viewRef.current.state.update({\n        changes: [\n          {\n            from: 0,\n            to: viewRef.current.state.doc.length,\n            insert: sanitizedValue,\n          },\n        ],\n        selection,\n      });\n\n      viewRef.current.dispatch(transaction);\n    } catch {\n      /*\n    Left empty on purpose. This was done to catch RangeErrors which would be thrown\n    if the user is typing very fast. The selection cursor would be outside the CodeMirror's document length in some cases.\n    Catching the error is better than crashing the entire code editor. */\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  // Run the highlight extension while providing the previous value\n  useEffect(() => {\n    const editorView = viewRef.current;\n    editorView.dispatch({\n      effects: highlightOnChangeCompartment.reconfigure([\n        highlightExtension(previousValue),\n      ]),\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [previousValue]);\n\n  const prevControlledFoldingRef = useRef<number[]>([]);\n  useEffect(() => {\n    const next = controlledFolding ?? [];\n    runFoldings(next, viewRef.current, prevControlledFoldingRef.current);\n    prevControlledFoldingRef.current = next;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [controlledFolding]);\n\n  const hasDiagnosticsError = diagnostics?.some(\n    (d) => (d.severity ?? 'error') === 'error',\n  );\n\n  // add aria-invalid if form validation returns an error or error-severity diagnostics are present\n  useEffect(() => {\n    const codeEditorInput = viewRef.current.dom.querySelector(\n      'div[contenteditable]',\n    );\n    if (codeEditorInput) {\n      showError || hasDiagnosticsError\n        ? codeEditorInput.setAttribute('aria-invalid', 'true')\n        : codeEditorInput.removeAttribute('aria-invalid');\n      (codeEditorInput as HTMLElement).tabIndex = -1;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showError, hasDiagnosticsError]);\n\n  // Handle clicking outside the editor while having the autocomplete open to close it.\n  const handleOutsideEditorClick = useCallback(\n    (e: MouseEvent) => {\n      const autoCompleteContainer = document.body.querySelector(\n        '.cm-tooltip-autocomplete',\n      );\n      if (!autoCompleteContainer?.contains(e.target as Node)) {\n        closeCompletion(viewRef.current);\n      }\n    },\n    [viewRef],\n  );\n\n  useEffect(() => {\n    // This way is preferred over handling it through the blur event on the editor as that closes the autocomplete\n    // if the user attempts to scroll in the autocomplete tooltip\n    // https://dev-jira.dynatrace.org/browse/ADES-4842\n    document.addEventListener('pointerdown', handleOutsideEditorClick);\n    return () => {\n      document.removeEventListener('pointerdown', handleOutsideEditorClick);\n    };\n  }, [handleOutsideEditorClick]);\n\n  // https://dev-jira.dynatrace.org/browse/EXA-5783\n  // forceParsing is a synchronous operation that blocks the main thread, but it keeps track\n  // of the already parsed content. We parse in chunks, each blocking the main thread for 100ms\n  // but pausing for 100ms after each parse attempt, this keeps the page responsive to scrolling and clicks\n  // Note: This is really only a issue for very large json content like: `fetch spans | limit 5000` ( ~ 13 MB )\n  useEffect(() => {\n    if (!value) {\n      return;\n    }\n\n    let timeoutId: number | null = null;\n    let done = false;\n\n    const cleanup = () => {\n      if (timeoutId) {\n        window.clearTimeout(timeoutId);\n      }\n    };\n\n    const tick = () => {\n      const wholeSyntaxTreeParsed = syntaxTreeAvailable(\n        viewRef.current.state,\n        viewRef.current.state.doc.length,\n      );\n\n      if (wholeSyntaxTreeParsed) {\n        cleanup();\n        return;\n      }\n\n      done = forceParsing(\n        viewRef.current,\n        viewRef.current.state.doc.length,\n        100,\n      );\n\n      if (!done) {\n        timeoutId = window.setTimeout(tick, 10);\n      }\n    };\n\n    tick();\n\n    return cleanup;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  // change the editor's focus behavior\n  // only the .cm-scroll container is focusable via the keyboard, the content can be focused\n  // by pressing 'ENTER' and only by pressing 'ESCAPE' the focus is moved back\n  useEffect(() => {\n    const editorScrollContainer =\n      viewRef.current.dom.querySelector('.cm-scroller');\n    editorScrollContainer?.setAttribute('tabIndex', '0');\n    editorScrollContainer?.setAttribute('role', 'group');\n    editorScrollContainer?.setAttribute(\n      dataTestIdAttr,\n      baseCodeEditorScrollerTestId,\n    );\n\n    const handleFocus = (event: Event) => {\n      if (event instanceof FocusEvent) {\n        focusProps.onFocus(event);\n      }\n    };\n    const handleBlur = (event: Event) => {\n      if (event instanceof FocusEvent) {\n        focusProps.onBlur(event);\n      }\n    };\n    const handleKeyDown = (event: Event) => {\n      if (event instanceof KeyboardEvent) {\n        if (\n          event.key === 'Enter' &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !readOnly\n        ) {\n          event.preventDefault();\n          viewRef.current.focus();\n        }\n      }\n    };\n    editorScrollContainer?.addEventListener('focus', handleFocus);\n    editorScrollContainer?.addEventListener('blur', handleBlur);\n    editorScrollContainer?.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      editorScrollContainer?.removeEventListener('focus', handleFocus);\n      editorScrollContainer?.removeEventListener('blur', handleBlur);\n      editorScrollContainer?.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [focusProps, readOnly, viewRef]);\n\n  // Detect controlled value prop changes during render (not in useEffect) to avoid\n  // the post-paint delay that causes a visible flash.\n  //\n  // Invariants: mutating prevControlledValueRef.current here is safe because this\n  // code path only runs when isControlled=true and value is defined. React Strict\n  // Mode's double-invocation is handled: the queueMicrotask captures a stable\n  // valueToApply snapshot and guards with an equality check before dispatching, so\n  // double-firing is a no-op. Concurrent-mode double-invocation: the first\n  // invocation's microtask fires after the final commit and sees the live viewRef.\n  if (isControlled && value !== undefined) {\n    const sanitizedNew = sanitizeValue(value);\n    if (prevControlledValueRef.current === undefined) {\n      // First render \u2014 the editor was already seeded with this value in EditorState.create.\n      prevControlledValueRef.current = sanitizedNew;\n    }\n    if (sanitizedNew !== prevControlledValueRef.current) {\n      prevControlledValueRef.current = sanitizedNew;\n      const valueToApply = sanitizedNew;\n      queueMicrotask(() => {\n        const shouldStartCompletion = pendingStartCompletionRef.current;\n        pendingStartCompletionRef.current = false;\n        if (viewRef.current.state.doc.toString() === valueToApply) {\n          if (shouldStartCompletion) {\n            startCompletion(viewRef.current);\n          }\n          return;\n        }\n        const lastTransaction = transactionRef.current;\n        const savedCursorAnchor = lastTransaction?.newSelection?.main?.anchor;\n        const anchor =\n          savedCursorAnchor !== undefined\n            ? Math.min(savedCursorAnchor, valueToApply.length)\n            : undefined;\n        // Update valueRef before dispatch so handleValueChange sees no change and\n        // does not call onChange.\n        valueRef.current = valueToApply;\n        try {\n          // A minimal change (rather than a full doc replace) lets CodeMirror\n          // remap extension state (e.g. closeBrackets bracketState) correctly,\n          // preserving type-over behavior across controlled syncs.\n          viewRef.current.dispatch(\n            viewRef.current.state.update({\n              changes: computeMinimalChange(\n                viewRef.current.state.doc.toString(),\n                valueToApply,\n              ),\n              selection: anchor !== undefined ? { anchor } : undefined,\n              annotations: controlledSyncAnnotation.of(true),\n            }),\n          );\n        } catch {\n          // Ignore RangeErrors from out-of-range cursor positions (can occur when\n          // the parent re-renders with a shorter value while the user was typing).\n        }\n        if (shouldStartCompletion) {\n          startCompletion(viewRef.current);\n        }\n      });\n    }\n  }\n\n  return (\n    <>\n      <div\n        ref={rootRef}\n        className={clsx(\n          styles.editorContainer({\n            focusVisible: isFocusVisible,\n            fullHeight,\n            hasError: showError,\n            lineNumbers: singleLine || hideLineNumbers ? 'hidden' : undefined,\n            readOnly,\n            size,\n          }),\n          inputGroupClassName,\n          consumerClassName,\n        )}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...behavioralTrackingProps}\n        {...restProps}\n        {...focusHandlers}\n        data-dt-component={dataDtComponent}\n      />\n      <input\n        type=\"text\"\n        id={id}\n        disabled={readOnly}\n        tabIndex={-1}\n        onFocus={() =>\n          // forward focus to the editor\n          // we need the hidden input unfortunately since the editor does not support focus properly\n          viewRef.current.focus()\n        }\n        aria-hidden=\"true\"\n        style={{\n          position: 'absolute',\n          height: 0,\n          width: 0,\n          opacity: 0,\n          margin: 0,\n          padding: 0,\n          border: 0,\n        }}\n      />\n      {hint && (\n        <span\n          {...hintProps}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n        >\n          <BaseItem variant={showError ? 'error' : 'hint'}>{hint}</BaseItem>\n        </span>\n      )}\n      <span\n        id={summaryId}\n        role=\"status\"\n        aria-live=\"polite\"\n        className={screenReaderOnly}\n      >\n        {hasDiagnostics\n          ? formatDiagnosticsSummary(\n              diagnostics,\n              intl,\n              viewRef.current.state.doc,\n            )\n          : ''}\n      </span>\n    </>\n  );\n});\n\n(\n  BaseCodeEditor as typeof BaseCodeEditor & { displayName: string }\n).displayName = 'BaseCodeEditor';\n"],
+  "mappings": "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",
   "names": ["value"]
 }

package/esm/editors/base-code-editor/BaseCodeEditor.sty.js

@@ -1,8 +1,9 @@
 import "../../core/components/app-root/AppRoot.css";
+import "../../core/styles/diagnostic-tooltip.css";
 import "./BaseCodeEditor.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var autocompletionTypeText = "_mvxq7yw-3-10-4";
-var editorContainer = _7a468({ defaultClassName: "_mvxq7yk-3-10-4", variantClassNames: { focusVisible: { true: "_mvxq7yl-3-10-4" }, fullHeight: { true: "_mvxq7ym-3-10-4" }, hasError: { true: "_mvxq7yn-3-10-4" }, lineNumbers: { hidden: "_mvxq7yo-3-10-4", visible: "_mvxq7yp-3-10-4" }, readOnly: { true: "_mvxq7yq-3-10-4" }, size: { "default": "_mvxq7yr-3-10-4", condensed: "_mvxq7ys-3-10-4" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yt-3-10-4"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yu-3-10-4"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yv-3-10-4"]] });
+var autocompletionTypeText = "_mvxq7yx-3-11-0";
+var editorContainer = _7a468({ defaultClassName: "_mvxq7yl-3-11-0", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-11-0" }, fullHeight: { true: "_mvxq7yn-3-11-0" }, hasError: { true: "_mvxq7yo-3-11-0" }, lineNumbers: { hidden: "_mvxq7yp-3-11-0", visible: "_mvxq7yq-3-11-0" }, readOnly: { true: "_mvxq7yr-3-11-0" }, size: { "default": "_mvxq7ys-3-11-0", condensed: "_mvxq7yt-3-11-0" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-11-0"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-11-0"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-11-0"]] });
 export {
   autocompletionTypeText,
   editorContainer

package/esm/editors/base-code-editor/BaseCodeEditor.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/base-code-editor/BaseCodeEditor.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './BaseCodeEditor.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var autocompletionTypeText = '_mvxq7yw-3-10-4';\nexport var editorContainer = _7a468({defaultClassName:'_mvxq7yk-3-10-4',variantClassNames:{focusVisible:{true:'_mvxq7yl-3-10-4'},fullHeight:{true:'_mvxq7ym-3-10-4'},hasError:{true:'_mvxq7yn-3-10-4'},lineNumbers:{hidden:'_mvxq7yo-3-10-4',visible:'_mvxq7yp-3-10-4'},readOnly:{true:'_mvxq7yq-3-10-4'},size:{'default':'_mvxq7yr-3-10-4',condensed:'_mvxq7ys-3-10-4'}},defaultVariants:{fullHeight:false,hasError:false,lineNumbers:'visible',readOnly:false,size:'default'},compoundVariants:[[{hasError:true,readOnly:false},'_mvxq7yt-3-10-4'],[{lineNumbers:'hidden',size:'default'},'_mvxq7yu-3-10-4'],[{lineNumbers:'hidden',size:'condensed'},'_mvxq7yv-3-10-4']]});"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB;AAC7B,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,aAAY,EAAC,QAAO,mBAAkB,SAAQ,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,UAAS,OAAM,aAAY,WAAU,UAAS,OAAM,MAAK,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,UAAS,GAAE,iBAAiB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,YAAW,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../core/styles/diagnostic-tooltip.css';\nimport './BaseCodeEditor.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var autocompletionTypeText = '_mvxq7yx-3-11-0';\nexport var editorContainer = _7a468({defaultClassName:'_mvxq7yl-3-11-0',variantClassNames:{focusVisible:{true:'_mvxq7ym-3-11-0'},fullHeight:{true:'_mvxq7yn-3-11-0'},hasError:{true:'_mvxq7yo-3-11-0'},lineNumbers:{hidden:'_mvxq7yp-3-11-0',visible:'_mvxq7yq-3-11-0'},readOnly:{true:'_mvxq7yr-3-11-0'},size:{'default':'_mvxq7ys-3-11-0',condensed:'_mvxq7yt-3-11-0'}},defaultVariants:{fullHeight:false,hasError:false,lineNumbers:'visible',readOnly:false,size:'default'},compoundVariants:[[{hasError:true,readOnly:false},'_mvxq7yu-3-11-0'],[{lineNumbers:'hidden',size:'default'},'_mvxq7yv-3-11-0'],[{lineNumbers:'hidden',size:'condensed'},'_mvxq7yw-3-11-0']]});"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB;AAC7B,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,aAAY,EAAC,QAAO,mBAAkB,SAAQ,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,UAAS,OAAM,aAAY,WAAU,UAAS,OAAM,MAAK,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,UAAS,GAAE,iBAAiB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,YAAW,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/editors/base-code-editor/configuration/configure-diagnostics.js

@@ -1,10 +1,18 @@
 import { linter, setDiagnostics } from "@codemirror/lint";
+import { editorDiagnosticWrapperClass } from "../../../core/styles/diagnostic-tooltip.sty.js";
+import { renderDiagnosticMessage } from "../../../core/utils/diagnostic-tooltip/render-diagnostic-message.js";
 function mapInlineDiagnostic(d) {
+  const severity = d.severity ?? "error";
   return {
     from: d.from,
     to: d.to,
     message: d.message,
-    severity: d.severity ?? "error"
+    severity,
+    renderMessage: renderDiagnosticMessage(
+      severity,
+      d.message,
+      editorDiagnosticWrapperClass
+    )
   };
 }
 function getDiagnosticsExtension(diagnosticsRef) {

package/esm/editors/base-code-editor/configuration/configure-diagnostics.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/base-code-editor/configuration/configure-diagnostics.ts"],
-  "sourcesContent": ["import type { Diagnostic } from '@codemirror/lint';\nimport { linter, setDiagnostics } from '@codemirror/lint';\nimport type { Compartment } from '@codemirror/state';\nimport type { EditorView } from '@codemirror/view';\nimport type { RefObject } from 'react';\n\nimport type { InlineDiagnostic } from '../../code-editor/inline-diagnostic.js';\n\nfunction mapInlineDiagnostic(d: InlineDiagnostic): Diagnostic {\n  return {\n    from: d.from,\n    to: d.to,\n    message: d.message,\n    severity: d.severity ?? 'error',\n  };\n}\n\n/**\n * Creates a CodeMirror linter extension that renders the provided inline diagnostics.\n * @param diagnosticsRef - A ref to the current inline diagnostics.\n * @returns a CodeMirror extension that renders the inline diagnostics.\n * @internal\n */\nexport function getDiagnosticsExtension(\n  diagnosticsRef: RefObject<InlineDiagnostic[]>,\n) {\n  return linter(() => diagnosticsRef.current.map(mapInlineDiagnostic), {\n    delay: 0,\n  });\n}\n\n/**\n * Installs, updates, or removes the inline diagnostics extension.\n *\n * - `undefined \u2192 defined`: installs the linter via compartment reconfiguration.\n * - `defined \u2192 defined`: updates the ref and triggers a re-run without re-installing.\n * - `defined \u2192 undefined`: removes the linter via compartment reconfiguration.\n *\n * @param diagnostics - The inline diagnostics to render, or `undefined` to remove them.\n * @param editorViewRef - A ref to the editor view.\n * @param diagnosticsRef - A ref to the current inline diagnostics.\n * @param isEnabledRef - A ref to whether the linter is currently installed.\n * @param diagnosticsCompartment - The compartment used to manage the diagnostics extension.\n * @internal\n */\nexport function configureDiagnostics(\n  diagnostics: InlineDiagnostic[] | undefined,\n  editorViewRef: RefObject<EditorView>,\n  diagnosticsRef: RefObject<InlineDiagnostic[]>,\n  isEnabledRef: RefObject<boolean>,\n  diagnosticsCompartment: Compartment,\n): void {\n  const editorView = editorViewRef.current;\n\n  if (diagnostics !== undefined) {\n    diagnosticsRef.current = diagnostics;\n\n    // First time diagnostics are provided: install the linter extension.\n    if (!isEnabledRef.current) {\n      isEnabledRef.current = true;\n      editorView.dispatch({\n        effects: diagnosticsCompartment.reconfigure(\n          getDiagnosticsExtension(diagnosticsRef),\n        ),\n      });\n    } else {\n      // Linter already installed: push the new diagnostics directly into the editor state.\n      editorView.dispatch(\n        setDiagnostics(\n          editorView.state,\n          diagnosticsRef.current.map(mapInlineDiagnostic),\n        ),\n      );\n    }\n  } else if (isEnabledRef.current) {\n    // Diagnostics removed: uninstall the linter extension.\n    diagnosticsRef.current = [];\n    isEnabledRef.current = false;\n    editorView.dispatch({\n      effects: diagnosticsCompartment.reconfigure([]),\n    });\n  }\n}\n"],
-  "mappings": "AACA,SAAS,QAAQ,sBAAsB;AAOvC,SAAS,oBAAoB,GAAiC;AAC5D,SAAO;AAAA,IACL,MAAM,EAAE;AAAA,IACR,IAAI,EAAE;AAAA,IACN,SAAS,EAAE;AAAA,IACX,UAAU,EAAE,YAAY;AAAA,EAC1B;AACF;AAQO,SAAS,wBACd,gBACA;AACA,SAAO,OAAO,MAAM,eAAe,QAAQ,IAAI,mBAAmB,GAAG;AAAA,IACnE,OAAO;AAAA,EACT,CAAC;AACH;AAgBO,SAAS,qBACd,aACA,eACA,gBACA,cACA,wBACM;AACN,QAAM,aAAa,cAAc;AAEjC,MAAI,gBAAgB,QAAW;AAC7B,mBAAe,UAAU;AAGzB,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU;AACvB,iBAAW,SAAS;AAAA,QAClB,SAAS,uBAAuB;AAAA,UAC9B,wBAAwB,cAAc;AAAA,QACxC;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AAEL,iBAAW;AAAA,QACT;AAAA,UACE,WAAW;AAAA,UACX,eAAe,QAAQ,IAAI,mBAAmB;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,EACF,WAAW,aAAa,SAAS;AAE/B,mBAAe,UAAU,CAAC;AAC1B,iBAAa,UAAU;AACvB,eAAW,SAAS;AAAA,MAClB,SAAS,uBAAuB,YAAY,CAAC,CAAC;AAAA,IAChD,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import type { Diagnostic } from '@codemirror/lint';\nimport { linter, setDiagnostics } from '@codemirror/lint';\nimport type { Compartment } from '@codemirror/state';\nimport type { EditorView } from '@codemirror/view';\nimport type { RefObject } from 'react';\n\nimport { editorDiagnosticWrapperClass } from '../../../core/styles/diagnostic-tooltip.sty.js';\nimport { renderDiagnosticMessage } from '../../../core/utils/diagnostic-tooltip/render-diagnostic-message.js';\nimport type { InlineDiagnostic } from '../../code-editor/inline-diagnostic.js';\n\nfunction mapInlineDiagnostic(d: InlineDiagnostic): Diagnostic {\n  const severity = d.severity ?? 'error';\n\n  return {\n    from: d.from,\n    to: d.to,\n    message: d.message,\n    severity,\n    renderMessage: renderDiagnosticMessage(\n      severity,\n      d.message,\n      editorDiagnosticWrapperClass,\n    ),\n  };\n}\n\n/**\n * Creates a CodeMirror linter extension that renders the provided inline diagnostics.\n * @param diagnosticsRef - A ref to the current inline diagnostics.\n * @returns a CodeMirror extension that renders the inline diagnostics.\n * @internal\n */\nexport function getDiagnosticsExtension(\n  diagnosticsRef: RefObject<InlineDiagnostic[]>,\n) {\n  return linter(() => diagnosticsRef.current.map(mapInlineDiagnostic), {\n    delay: 0,\n  });\n}\n\n/**\n * Installs, updates, or removes the inline diagnostics extension.\n *\n * - `undefined \u2192 defined`: installs the linter via compartment reconfiguration.\n * - `defined \u2192 defined`: updates the ref and triggers a re-run without re-installing.\n * - `defined \u2192 undefined`: removes the linter via compartment reconfiguration.\n *\n * @param diagnostics - The inline diagnostics to render, or `undefined` to remove them.\n * @param editorViewRef - A ref to the editor view.\n * @param diagnosticsRef - A ref to the current inline diagnostics.\n * @param isEnabledRef - A ref to whether the linter is currently installed.\n * @param diagnosticsCompartment - The compartment used to manage the diagnostics extension.\n * @internal\n */\nexport function configureDiagnostics(\n  diagnostics: InlineDiagnostic[] | undefined,\n  editorViewRef: RefObject<EditorView>,\n  diagnosticsRef: RefObject<InlineDiagnostic[]>,\n  isEnabledRef: RefObject<boolean>,\n  diagnosticsCompartment: Compartment,\n): void {\n  const editorView = editorViewRef.current;\n\n  if (diagnostics !== undefined) {\n    diagnosticsRef.current = diagnostics;\n\n    // First time diagnostics are provided: install the linter extension.\n    if (!isEnabledRef.current) {\n      isEnabledRef.current = true;\n      editorView.dispatch({\n        effects: diagnosticsCompartment.reconfigure(\n          getDiagnosticsExtension(diagnosticsRef),\n        ),\n      });\n    } else {\n      // Linter already installed: push the new diagnostics directly into the editor state.\n      editorView.dispatch(\n        setDiagnostics(\n          editorView.state,\n          diagnosticsRef.current.map(mapInlineDiagnostic),\n        ),\n      );\n    }\n  } else if (isEnabledRef.current) {\n    // Diagnostics removed: uninstall the linter extension.\n    diagnosticsRef.current = [];\n    isEnabledRef.current = false;\n    editorView.dispatch({\n      effects: diagnosticsCompartment.reconfigure([]),\n    });\n  }\n}\n"],
+  "mappings": "AACA,SAAS,QAAQ,sBAAsB;AAKvC,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AAGxC,SAAS,oBAAoB,GAAiC;AAC5D,QAAM,WAAW,EAAE,YAAY;AAE/B,SAAO;AAAA,IACL,MAAM,EAAE;AAAA,IACR,IAAI,EAAE;AAAA,IACN,SAAS,EAAE;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb;AAAA,MACA,EAAE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAQO,SAAS,wBACd,gBACA;AACA,SAAO,OAAO,MAAM,eAAe,QAAQ,IAAI,mBAAmB,GAAG;AAAA,IACnE,OAAO;AAAA,EACT,CAAC;AACH;AAgBO,SAAS,qBACd,aACA,eACA,gBACA,cACA,wBACM;AACN,QAAM,aAAa,cAAc;AAEjC,MAAI,gBAAgB,QAAW;AAC7B,mBAAe,UAAU;AAGzB,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU;AACvB,iBAAW,SAAS;AAAA,QAClB,SAAS,uBAAuB;AAAA,UAC9B,wBAAwB,cAAc;AAAA,QACxC;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AAEL,iBAAW;AAAA,QACT;AAAA,UACE,WAAW;AAAA,UACX,eAAe,QAAQ,IAAI,mBAAmB;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,EACF,WAAW,aAAa,SAAS;AAE/B,mBAAe,UAAU,CAAC;AAC1B,iBAAa,UAAU;AACvB,eAAW,SAAS;AAAA,MAClB,SAAS,uBAAuB,YAAY,CAAC,CAAC;AAAA,IAChD,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/esm/editors/base-code-editor/configuration/configure-lint-gutter.js

@@ -0,0 +1,92 @@
+import { jsx } from "react/jsx-runtime";
+import { forEachDiagnostic } from "@codemirror/lint";
+import { gutter, GutterMarker } from "@codemirror/view";
+import { createRoot } from "react-dom/client";
+import { HealthIndicator } from "../../../content/health-indicator/HealthIndicator.js";
+const gutterRoots = /* @__PURE__ */ new WeakMap();
+class LintGutterMarker extends GutterMarker {
+  constructor(_severity) {
+    super();
+    this._severity = _severity;
+  }
+  _severity;
+  eq(other) {
+    return other instanceof LintGutterMarker && this._severity === other._severity;
+  }
+  toDOM() {
+    const element = document.createElement("div");
+    element.setAttribute("aria-hidden", "true");
+    element.dataset.severity = this._severity;
+    const root = createRoot(element);
+    gutterRoots.set(element, root);
+    root.render(
+      /* @__PURE__ */ jsx(
+        HealthIndicator,
+        {
+          status: this._severity === "error" ? "critical" : "warning",
+          visual: "shape"
+        }
+      )
+    );
+    return element;
+  }
+  destroy(dom) {
+    gutterRoots.get(dom)?.unmount();
+    gutterRoots.delete(dom);
+  }
+}
+function _buildLineMarker(diagnostics, lineFrom, getLineFrom) {
+  let severity = null;
+  for (const d of diagnostics) {
+    if (d.severity !== "error" && d.severity !== "warning") {
+      continue;
+    }
+    if (getLineFrom(d.from) !== lineFrom) {
+      continue;
+    }
+    if (d.severity === "error") {
+      return "error";
+    }
+    severity = "warning";
+  }
+  return severity;
+}
+function getLintGutterExtension(shouldShowMarkers) {
+  return gutter({
+    class: "cm-gutter-lint-indicators",
+    lineMarker(view, line) {
+      if (!shouldShowMarkers) {
+        return null;
+      }
+      const all = [];
+      forEachDiagnostic(view.state, (d) => {
+        all.push(d);
+      });
+      const severity = _buildLineMarker(
+        all,
+        line.from,
+        (pos) => view.state.doc.lineAt(pos).from
+      );
+      return severity === null ? null : new LintGutterMarker(severity);
+    },
+    lineMarkerChange: () => true
+  });
+}
+function configureLintGutter(showLintGutter, diagnostics, editorViewRef, lintGutterCompartment, isLintGutterMarkersShownRef) {
+  const shouldShow = showLintGutter === true && diagnostics !== void 0 && diagnostics.length > 0;
+  if (shouldShow === isLintGutterMarkersShownRef.current) {
+    return;
+  }
+  isLintGutterMarkersShownRef.current = shouldShow;
+  editorViewRef.current.dispatch({
+    effects: lintGutterCompartment.reconfigure(
+      getLintGutterExtension(shouldShow)
+    )
+  });
+}
+export {
+  _buildLineMarker,
+  configureLintGutter,
+  getLintGutterExtension
+};
+//# sourceMappingURL=configure-lint-gutter.js.map