@keboola/design 11.0.1 → 11.3.0

package/dist/editors.d.ts

@@ -1,10 +1,12 @@
-import { ChangeClassification, MergeConflict } from "./constants-D6JcsD4_.js";
-import { ReactNode } from "react";
+import "./types-BPcAjMG0.js";
+import { ChangeClassification, FieldItemProps, MergeConflict } from "./FieldItem-vhIJW4pj.js";
+import { ComponentProps, ReactNode } from "react";
 import { CompletionSource } from "@codemirror/autocomplete";
 import { EditorView } from "@codemirror/view";
 import { EditorState, EditorView as EditorView$1 } from "@uiw/react-codemirror";
 import { SQLNamespace } from "@codemirror/lang-sql";
 import { StreamLanguage } from "@codemirror/language";
+import "@codemirror/lint";
 import { SqlDialectName, SqlDialectName as SqlDialectName$1 } from "@keboola/codemirror-lang-sql";
 import "@codemirror/state";
 //#region src/components/CodeEditor/helpers.d.ts
@@ -19,7 +21,7 @@ type EditorVariable = {
 };
 //#endregion
 //#region src/components/CodeEditor/CodeEditor.d.ts
-type Props$2 = {
+type Props$3 = {
   value: string;
   previousValue?: string;
   /**
@@ -36,6 +38,35 @@ type Props$2 = {
   placeholder?: string;
   /** Names the editable region for screen readers — the editor has no visible label of its own. */
   ariaLabel?: string;
+  /**
+   * Names the editable region from an existing element, for when the label is already on screen.
+   * Prefer this over `ariaLabel` inside a form — `CodeEditorField` passes the field's own label id.
+   */
+  ariaLabelledBy?: string;
+  /** Links the editable region to help / error text. Space-delimited idref list. */
+  ariaDescribedBy?: string;
+  /** Marks the editable region invalid. Visual error styling is the caller's (`variant="field"`). */
+  ariaInvalid?: boolean;
+  ariaRequired?: boolean;
+  /**
+   * Treats a blank document as valid instead of a parse error (JSON modes only).
+   *
+   * - Off by default: for a standalone editor "Unexpected end of input" is correct, and at several
+   *   call sites the gutter marker is the only thing explaining a Save button that
+   *   `isValidJsonConfig('') === false` has already disabled.
+   * - `CodeEditorField` turns it on for a field that is not `required`, where an empty document is
+   *   how the value is removed.
+   */
+  allowBlankDocument?: boolean;
+  /**
+   * Fires when focus leaves the editable region — what a form connector needs to mark its field
+   * blurred, which is the gate errors are revealed on.
+   *
+   * - Bound as a CodeMirror DOM handler on the content node, not on the wrapper: the wrapper is not
+   *   what gets focused.
+   * - Installed only when passed, so an editor without it keeps the extension set it had.
+   */
+  onBlur?: () => void;
   /**
    * Highlights every occurrence and scrolls the selected one into view. The find
    * UI is the caller's — pass the query it holds, and omit both props entirely to
@@ -78,6 +109,15 @@ type Props$2 = {
    * gets variables spelled the way the rest of the platform writes them.
    */
   variables?: EditorVariable[];
+  /**
+   * Whether the completion popup runs at all.
+   *
+   * - `false` silences every source, the *language's* own vocabulary included.
+   * - For a field highlighted as a language nobody authors there: pasted `.env` and a
+   *   cURL command sit in shell mode for its colours, and shell's `ls`, `sudo`, `vim`
+   *   are noise over content we cannot predict.
+   */
+  withCompletions?: boolean;
   extraKeys?: Record<string, () => void>;
   withToggleCommentHint?: boolean;
   withAutofocus?: boolean;
@@ -102,7 +142,7 @@ type Props$2 = {
   readOnly?: boolean;
   onChange: (value: string) => void;
 });
-declare const CodeEditor: ({ value, previousValue, onChange, variant, mode, placeholder, ariaLabel, searchQuery, searchMatchIndex, readOnly, inputLocked, autocompletions, completionSource, variables, extraKeys, withToggleCommentHint, withAutofocus, withLineNumbers, withLineWrapping, withCollapseUnchanged, withCopyButton, completeAny, help, helpPostfix, renderAdditionalButtons, className }: Props$2) => import("react/jsx-runtime").JSX.Element;
+declare const CodeEditor: ({ value, previousValue, onChange, variant, mode, placeholder, ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaInvalid, ariaRequired, allowBlankDocument, onBlur, searchQuery, searchMatchIndex, readOnly, inputLocked, autocompletions, completionSource, variables, withCompletions, extraKeys, withToggleCommentHint, withAutofocus, withLineNumbers, withLineWrapping, withCollapseUnchanged, withCopyButton, completeAny, help, helpPostfix, renderAdditionalButtons, className }: Props$3) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/CodeEditor/highlighting.d.ts
 type HighlightedLines = {
@@ -119,7 +159,7 @@ type HighlightedLines = {
 } | null;
 //#endregion
 //#region src/components/CodeEditor/SqlEditor.d.ts
-type Props$1 = {
+type Props$2 = {
   value: string;
   onChange?: (value: string) => void;
   onSelectionChange?: (text: string) => void;
@@ -156,10 +196,10 @@ type Props$1 = {
   highlightLines?: HighlightedLines;
   dialect?: SqlDialectName$1;
 };
-declare const SqlEditor: ({ value, onChange, onSelectionChange, onCreateEditor, onDestroyEditor, onBlurEditor, onFocusEditor, placeholder, searchQuery, searchMatchIndex, readOnly, queryParser, autoFocus, lineNumbers, className, schema, completionSource, variables, defaultDatabase, defaultSchema, highlightLines, dialect }: Props$1) => import("react/jsx-runtime").JSX.Element;
+declare const SqlEditor: ({ value, onChange, onSelectionChange, onCreateEditor, onDestroyEditor, onBlurEditor, onFocusEditor, placeholder, searchQuery, searchMatchIndex, readOnly, queryParser, autoFocus, lineNumbers, className, schema, completionSource, variables, defaultDatabase, defaultSchema, highlightLines, dialect }: Props$2) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/MergeEditor/MergeEditor.d.ts
-type Props = {
+type Props$1 = {
   mergeValue: string;
   handleMergeChange: (value: string) => void;
   leftText: string;
@@ -190,7 +230,39 @@ type Props = {
   leftDeleted?: boolean;
   rightDeleted?: boolean;
 };
-declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, leftDeleted, rightDeleted }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, leftDeleted, rightDeleted }: Props$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/CodeEditor/CodeEditorField.d.ts
+type Props = FieldItemProps & Omit<ComponentProps<typeof CodeEditor>, 'value' | 'onChange' | 'onBlur' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaDescribedBy' | 'ariaInvalid' | 'ariaRequired' | 'readOnly' | 'className' | 'allowBlankDocument'> & {
+  /** Styles the editor box; `className` styles the field frame. */
+  editorClassName?: string;
+};
+/**
+ * Code / JSON editor field. State is the raw editor text (`string`) — never a parsed value.
+ *
+ * ⚠️ Shipped from **`@keboola/design/editors`**, not as a `field.*` connector on `useAppForm`, and
+ * deliberately: CodeMirror plus its language modes is ~170 kB brotlied, and registering this in the root
+ * form hook pulled all of it into `@keboola/design`'s main entry — every consumer paying for an editor
+ * most of them never render. That is the whole reason the `editors` subpath exists.
+ *
+ * It still reads the field from context, so it composes exactly like a connector:
+ *
+ * ```tsx
+ * import { CodeEditorField } from '@keboola/design/editors';
+ *
+ * <form.AppField name="schema">{() => <CodeEditorField label="Schema" />}</form.AppField>
+ * ```
+ *
+ * Text in, text out, deliberately: a JSON field is mid-edit invalid for most of the time the user is
+ * typing in it, and parsing on every keystroke would either throw away their cursor position or throw
+ * away the text. Parse in the schema (or at submit) and keep the editor's own content authoritative.
+ *
+ * `variant="field"` by default so it reads as a form control rather than a code block.
+ *
+ * Labelled with `aria-labelledby`, not `for`: CodeMirror's editable node is a `div[role="textbox"]`,
+ * which is not a labelable element.
+ */
+declare const CodeEditorField: ({ label, action, required, requiredMark, help, tooltip, className, 'aria-describedby': ariaDescribedBy, editorClassName, variant, ...editorProps }: Props) => import("react/jsx-runtime").JSX.Element;
 //#endregion
-export { CodeEditor, type EditorVariable, type LANGUAGE_MODE, LANGUAGE_MODES, MergeEditor, type SqlDialectName, SqlEditor, isLanguageMode };
+export { CodeEditor, CodeEditorField, type EditorVariable, type LANGUAGE_MODE, LANGUAGE_MODES, MergeEditor, type SqlDialectName, SqlEditor, isLanguageMode };
 //# sourceMappingURL=editors.d.ts.map

package/dist/editors.js

@@ -1,10 +1,11 @@
 import { cn } from "./classNames-BzrkDnOD.js";
 import { ChevronsLeft, ChevronsRight, X } from "./icons-Cek151jC.js";
-import { Button } from "./Button-nzmDNS2q.js";
+import { Button } from "./Button-CPsEQuTN.js";
+import { FieldItem, useFieldContext } from "./FieldItem-qQKGU9lF.js";
 import { CHANGE_CLASS } from "./internal/components/MergeEditor/constants.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { resolveToken } from "./themeTokens-BNg98Mu9.js";
-import { CodeEditor, LANGUAGE_MODES, buildBaseThemeStyles, buildBasicSetup, buildCanvasChrome, buildChromeStyles, buildCustomTheme, isLanguageMode, searchExtension, updateSearch, useThemedExtension, useTooltipsExtension, useVariableCompletion } from "./CodeEditor-BfQJfbhL.js";
+import { resolveToken } from "./themeTokens-7T1AFLhq.js";
+import { CodeEditor, LANGUAGE_MODES, buildBaseThemeStyles, buildBasicSetup, buildCanvasChrome, buildChromeStyles, buildCustomTheme, buildDiffWash, isLanguageMode, searchExtension, updateSearch, useThemedExtension, useTooltipsExtension, useVariableCompletion } from "./CodeEditor-CUse8znx.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Decoration, EditorView, GutterMarker, ViewPlugin, gutter, gutterLineClass } from "@codemirror/view";
@@ -268,6 +269,15 @@ const processingLineDecorations = StateField.define({
 	},
 	provide: (f) => EditorView.decorations.from(f)
 });
+/**
+* The run-state washes for the line a query occupies.
+*
+* - `&dark` keeps this a static base theme rather than a themed extension — see `search.ts` for
+*   the mechanism and what sets the facet.
+* - Light paints an opaque pastel; dark tints the same `500` hue over the page, at the line alpha
+*   the diff wash uses, so an opaque slab never sits under near-white text.
+* - `.cm-highlight-marker` needs no pair: `blue[500]` is 4.60:1 on the darkest surface it sits on.
+*/
 const highlightedLinesTheme = EditorView.baseTheme({
 	".cm-highlight-gutter": {
 		width: "2px",
@@ -279,7 +289,9 @@ const highlightedLinesTheme = EditorView.baseTheme({
 		backgroundColor: colors.blue[500]
 	},
 	".cm-error-line": { backgroundColor: `${colors.error[100]} !important` },
-	".cm-processing-line": { backgroundColor: `${colors.blue[100]} !important` }
+	".cm-processing-line": { backgroundColor: `${colors.blue[100]} !important` },
+	"&dark .cm-error-line": { backgroundColor: `${colors.error[500]}29 !important` },
+	"&dark .cm-processing-line": { backgroundColor: `${colors.blue[500]}29 !important` }
 });
 function highlightingExtension() {
 	return [
@@ -309,8 +321,8 @@ const CUSTOM_KEYMAP = [{
 	}
 }];
 const OWN_KEYMAP_EXTENSION = keymap$1.of([...defaultKeymap, ...CUSTOM_KEYMAP]);
-const buildTheme = () => ({
-	...buildBaseThemeStyles(),
+const buildTheme = (scheme) => ({
+	...buildBaseThemeStyles(scheme),
 	...buildChromeStyles(buildCanvasChrome())
 });
 const SqlEditor = ({ value, onChange, onSelectionChange, onCreateEditor, onDestroyEditor, onBlurEditor, onFocusEditor, placeholder = "", searchQuery = "", searchMatchIndex, readOnly = false, queryParser, autoFocus = false, lineNumbers = true, className, schema, completionSource, variables, defaultDatabase, defaultSchema, highlightLines, dialect }) => {
@@ -329,7 +341,7 @@ const SqlEditor = ({ value, onChange, onSelectionChange, onCreateEditor, onDestr
 	const withQueryParser = queryParser !== void 0;
 	const tooltipLayer = useTooltipsExtension();
 	const customTheme = useThemedExtension("editor:syntax", buildCustomTheme);
-	const themeExtension = useThemedExtension("sql-editor:chrome", () => EditorView$1.theme(buildTheme()));
+	const themeExtension = useThemedExtension("sql-editor:chrome", (scheme) => EditorView$1.theme(buildTheme(scheme), { dark: scheme === "dark" }));
 	const extensions = useMemo(() => {
 		return [
 			EditorView$1.lineWrapping,
@@ -493,8 +505,6 @@ const createDiffHighlightExtension = () => StateField.define({
 	},
 	provide: (f) => [EditorView.decorations.from(f, (val) => val.decorations), gutterLineClass.from(f, (val) => val.gutterMarkers)]
 });
-const DARK_LINE_ALPHA = "29";
-const DARK_GUTTER_ALPHA = "47";
 /**
 * The highlight palette, split out of the StateField above so it can be built
 * through `useThemedExtension` — the field instance must stay stable across a
@@ -518,8 +528,7 @@ const DARK_GUTTER_ALPHA = "47";
 */
 const buildDiffHighlightTheme = (scheme) => {
 	const dark = scheme === "dark";
-	const line = (hue, pastel) => dark ? `${hue}${DARK_LINE_ALPHA}` : pastel;
-	const gutter = (hue, pastel) => dark ? `${hue}${DARK_GUTTER_ALPHA}` : pastel;
+	const { line, gutter } = buildDiffWash(scheme);
 	const safeNumber = dark ? colors.green[300] : colors.green[900];
 	const conflictNumber = dark ? colors.warning[300] : colors.warning[800];
 	return EditorView.theme({
@@ -755,6 +764,60 @@ const MergeEditor = ({ mergeValue, handleMergeChange, leftText, rightText, leftC
 	});
 };
 //#endregion
-export { CodeEditor, LANGUAGE_MODES, MergeEditor, SqlEditor, isLanguageMode };
+//#region src/components/CodeEditor/CodeEditorField.tsx
+/**
+* Code / JSON editor field. State is the raw editor text (`string`) — never a parsed value.
+*
+* ⚠️ Shipped from **`@keboola/design/editors`**, not as a `field.*` connector on `useAppForm`, and
+* deliberately: CodeMirror plus its language modes is ~170 kB brotlied, and registering this in the root
+* form hook pulled all of it into `@keboola/design`'s main entry — every consumer paying for an editor
+* most of them never render. That is the whole reason the `editors` subpath exists.
+*
+* It still reads the field from context, so it composes exactly like a connector:
+*
+* ```tsx
+* import { CodeEditorField } from '@keboola/design/editors';
+*
+* <form.AppField name="schema">{() => <CodeEditorField label="Schema" />}</form.AppField>
+* ```
+*
+* Text in, text out, deliberately: a JSON field is mid-edit invalid for most of the time the user is
+* typing in it, and parsing on every keystroke would either throw away their cursor position or throw
+* away the text. Parse in the schema (or at submit) and keep the editor's own content authoritative.
+*
+* `variant="field"` by default so it reads as a form control rather than a code block.
+*
+* Labelled with `aria-labelledby`, not `for`: CodeMirror's editable node is a `div[role="textbox"]`,
+* which is not a labelable element.
+*/
+const CodeEditorField = ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, editorClassName, variant = "field", ...editorProps }) => {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(FieldItem, {
+		label,
+		action,
+		required,
+		requiredMark,
+		labelling: "aria-labelledby",
+		help,
+		tooltip,
+		className,
+		"aria-describedby": ariaDescribedBy,
+		children: (control) => /* @__PURE__ */ jsx(CodeEditor, {
+			...editorProps,
+			variant,
+			className: editorClassName,
+			ariaLabelledBy: control["aria-labelledby"],
+			ariaDescribedBy: control["aria-describedby"],
+			ariaInvalid: control["aria-invalid"],
+			ariaRequired: control["aria-required"],
+			allowBlankDocument: !required,
+			value: field.state.value ?? "",
+			onChange: field.handleChange,
+			onBlur: field.handleBlur
+		})
+	});
+};
+//#endregion
+export { CodeEditor, CodeEditorField, LANGUAGE_MODES, MergeEditor, SqlEditor, isLanguageMode };
 
 //# sourceMappingURL=editors.js.map

package/dist/editors.js.map

@@ -1 +1 @@
-{"version":3,"file":"editors.js","names":["keymap","EditorView","EMPTY_LINES","EMPTY_CLASSIFICATION"],"sources":["../src/components/CodeEditor/activeQueryHighlight.ts","../src/components/CodeEditor/highlighting.ts","../src/components/CodeEditor/SqlEditor.tsx","../src/components/MergeEditor/AcceptControls/AcceptButton.tsx","../src/components/MergeEditor/AcceptControls/AcceptControls.tsx","../src/components/MergeEditor/decorations.ts","../src/components/MergeEditor/MergePane.tsx","../src/components/MergeEditor/useScrollSync.ts","../src/components/MergeEditor/MergeEditor.tsx"],"sourcesContent":["import type { ChangeSet, Range } from '@codemirror/state';\nimport { Decoration, EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nconst activeQueryFirstLine = Decoration.line({ class: 'cm-active-query cm-active-query-first' });\nconst activeQueryMiddleLine = Decoration.line({ class: 'cm-active-query' });\nconst activeQueryLastLine = Decoration.line({ class: 'cm-active-query cm-active-query-last' });\nconst activeQuerySingleLine = Decoration.line({\n  class: 'cm-active-query cm-active-query-first cm-active-query-last',\n});\n\ntype QueryBoundary = { from: number; to: number };\n\n/**\n * Given pre-computed query boundaries and a cursor position, find which query\n * the cursor is in. Returns trimmed character offsets or null.\n */\nexport const findActiveQueryRange = (\n  doc: string,\n  cursorPos: number,\n  boundaries: QueryBoundary[],\n): { from: number; to: number } | null => {\n  if (boundaries.length === 0) return null;\n\n  let match: QueryBoundary | undefined = boundaries[boundaries.length - 1];\n  for (const boundary of boundaries) {\n    if (cursorPos <= boundary.to) {\n      match = boundary;\n      break;\n    }\n  }\n\n  if (!match) return null;\n\n  // Trim leading/trailing whitespace from the query range for tighter boundaries\n  const queryText = doc.slice(match.from, match.to);\n  const leadingWhitespace = queryText.length - queryText.trimStart().length;\n  const trailingWhitespace = queryText.length - queryText.trimEnd().length;\n\n  const trimmedStart = match.from + leadingWhitespace;\n  const trimmedEnd = match.to - trailingWhitespace;\n\n  if (trimmedStart >= trimmedEnd) return null;\n\n  return { from: trimmedStart, to: trimmedEnd };\n};\n\n/**\n * Convert splitSqlQueries result (array of query strings that join back to the\n * original doc) into character-offset boundaries.\n */\nconst computeBoundaries = (queries: string[]): QueryBoundary[] => {\n  const boundaries: QueryBoundary[] = [];\n  let offset = 0;\n  for (const query of queries) {\n    boundaries.push({ from: offset, to: offset + query.length });\n    offset += query.length;\n  }\n  return boundaries;\n};\n\n/**\n * Synchronously map cached boundaries through a changeset.\n *\n * Boundaries can outlive the document state they were computed from (the async\n * re-parse in `scheduleDocParse` is debounced, so several edits may land\n * before new boundaries are produced). When that happens a cached position\n * can exceed the changeset's pre-change length and `ChangeSet.mapPos` throws\n * `RangeError: Position X is out of range for changeset of length Y`.\n *\n * Clamp positions into the valid `[0, changes.length]` range before mapping\n * and drop degenerate boundaries so the mapping is safe even with stale cache.\n */\nexport const mapBoundariesThroughChanges = (\n  boundaries: QueryBoundary[],\n  changes: ChangeSet,\n): QueryBoundary[] => {\n  const prevLen = changes.length;\n  const mapped: QueryBoundary[] = [];\n  for (const b of boundaries) {\n    const from = changes.mapPos(Math.max(0, Math.min(b.from, prevLen)), -1);\n    const to = changes.mapPos(Math.max(0, Math.min(b.to, prevLen)), 1);\n    if (from < to) mapped.push({ from, to });\n  }\n  return mapped;\n};\n\nconst buildDecorations = (view: EditorView, range: { from: number; to: number }) => {\n  const startLine = view.state.doc.lineAt(range.from).number;\n  const endLine = view.state.doc.lineAt(range.to).number;\n\n  const decorations: Range<Decoration>[] = [];\n  for (let lineNum = startLine; lineNum <= endLine; lineNum++) {\n    const lineStart = view.state.doc.line(lineNum).from;\n    if (startLine === endLine) {\n      decorations.push(activeQuerySingleLine.range(lineStart));\n    } else if (lineNum === startLine) {\n      decorations.push(activeQueryFirstLine.range(lineStart));\n    } else if (lineNum === endLine) {\n      decorations.push(activeQueryLastLine.range(lineStart));\n    } else {\n      decorations.push(activeQueryMiddleLine.range(lineStart));\n    }\n  }\n\n  return Decoration.set(decorations);\n};\n\nexport const activeQueryHighlight = (splitQueries: (sql: string) => Promise<string[]>) => {\n  return [\n    ViewPlugin.fromClass(\n      class {\n        decorations = Decoration.none;\n        private debounceTimer: ReturnType<typeof setTimeout> | null = null;\n        private seq = 0;\n        private cachedDoc = '';\n        private cachedBoundaries: QueryBoundary[] = [];\n        private destroyed = false;\n\n        constructor(view: EditorView) {\n          this.scheduleDocParse(view);\n        }\n\n        update(update: ViewUpdate) {\n          if (update.focusChanged && !update.view.hasFocus) {\n            this.decorations = Decoration.none;\n            return;\n          }\n\n          if (update.docChanged) {\n            // Synchronously map cached boundaries through document changes\n            // so decorations update immediately without waiting for async re-parse.\n            // Positions are clamped inside mapBoundariesThroughChanges because\n            // the async re-parse is debounced and boundaries can be stale.\n            if (this.cachedBoundaries.length > 0) {\n              this.cachedBoundaries = mapBoundariesThroughChanges(\n                this.cachedBoundaries,\n                update.changes,\n              );\n              this.cachedDoc = update.state.doc.toString();\n              this.updateFromCache(update.view);\n            }\n            // Still re-parse for accurate boundaries (handles structural changes like new semicolons)\n            this.scheduleDocParse(update.view);\n          } else if (update.selectionSet || (update.focusChanged && update.view.hasFocus)) {\n            this.updateFromCache(update.view);\n          }\n        }\n\n        destroy() {\n          this.destroyed = true;\n          if (this.debounceTimer) clearTimeout(this.debounceTimer);\n        }\n\n        /**\n         * Update decorations using cached query boundaries.\n         * Only mutates this.decorations — does NOT call view.dispatch().\n         * When called from update() (sync), CodeMirror picks up the new\n         * decorations via the accessor. When called from the async\n         * scheduleDocParse callback, the caller must dispatch separately.\n         */\n        private updateFromCache(view: EditorView) {\n          if (!view.hasFocus) {\n            this.decorations = Decoration.none;\n            return;\n          }\n\n          const { main } = view.state.selection;\n\n          if (main.from !== main.to) {\n            // User has text selected — hide highlight\n            this.decorations = Decoration.none;\n            return;\n          }\n\n          const doc = view.state.doc.toString();\n          if (doc !== this.cachedDoc) return;\n          if (this.cachedBoundaries.length === 0) {\n            this.decorations = Decoration.none;\n            return;\n          }\n\n          const range = findActiveQueryRange(doc, main.head, this.cachedBoundaries);\n          this.decorations = range ? buildDecorations(view, range) : Decoration.none;\n        }\n\n        /** Parse queries async (debounced) and update decorations. */\n        private scheduleDocParse(view: EditorView) {\n          if (this.debounceTimer) clearTimeout(this.debounceTimer);\n\n          this.debounceTimer = setTimeout(async () => {\n            const seq = ++this.seq;\n            const doc = view.state.doc.toString();\n\n            if (!doc.trim()) {\n              this.cachedDoc = doc;\n              this.cachedBoundaries = [];\n              if (this.decorations !== Decoration.none) {\n                this.decorations = Decoration.none;\n                if (!this.destroyed) view.dispatch();\n              }\n              return;\n            }\n\n            let queries: string[];\n            try {\n              queries = await splitQueries(doc);\n            } catch {\n              return;\n            }\n\n            // Discard stale results\n            if (this.destroyed || seq !== this.seq) return;\n\n            this.cachedDoc = doc;\n            this.cachedBoundaries = computeBoundaries(queries);\n\n            this.updateFromCache(view);\n            if (!this.destroyed) view.dispatch();\n          }, 100);\n        }\n      },\n      { decorations: (v) => v.decorations },\n    ),\n    EditorView.baseTheme({\n      '.cm-active-query': {\n        boxShadow: `inset -1px 0 0 0 ${colors.blue[300]}, inset 1px 0 0 0 ${colors.blue[300]}`,\n        marginRight: '8px',\n      },\n      '.cm-active-query-first': {\n        boxShadow: `inset -1px 0 0 0 ${colors.blue[300]}, inset 1px 0 0 0 ${colors.blue[300]}, inset 0 1px 0 0 ${colors.blue[300]}`,\n        borderRadius: '4px 4px 0 0',\n      },\n      '.cm-active-query-last': {\n        boxShadow: `inset -1px 0 0 0 ${colors.blue[300]}, inset 1px 0 0 0 ${colors.blue[300]}, inset 0 -1px 0 0 ${colors.blue[300]}`,\n        borderRadius: '0 0 4px 4px',\n      },\n      '.cm-active-query-first.cm-active-query-last': {\n        boxShadow: `inset 0 0 0 1px ${colors.blue[300]}`,\n        borderRadius: '4px',\n      },\n    }),\n  ];\n};\n","import type { Extension } from '@codemirror/state';\nimport { RangeSet, StateEffect, StateField } from '@codemirror/state';\nimport { Decoration, EditorView, gutter, GutterMarker } from '@codemirror/view';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nexport type HighlightedLines = {\n  from: number;\n  to: number;\n  error?: { from: number; to: number };\n  processing?: { from: number; to: number };\n} | null;\n\n// Gutter markers for highlighting\nclass HighlightMarker extends GutterMarker {\n  override toDOM() {\n    const marker = document.createElement('div');\n    marker.className = 'cm-highlight-marker';\n    return marker;\n  }\n}\n\nconst highlightMarker = new HighlightMarker();\n\n// Helper function to iterate over line range and apply a callback\nconst forEachLineInRange = <T>(\n  doc: { lines: number; line: (n: number) => { from: number } },\n  from: number,\n  to: number,\n  callback: (lineFrom: number) => T,\n): T[] => {\n  const results: T[] = [];\n\n  // Convert 0-based to 1-based for CodeMirror\n  const fromLine = Math.max(1, from + 1);\n  const toLine = Math.min(doc.lines, to + 1);\n\n  for (let i = fromLine; i <= toLine; i++) {\n    const line = doc.line(i);\n    results.push(callback(line.from));\n  }\n\n  return results;\n};\n\n// State effect for setting highlighted lines\nconst setHighlightedLinesEffect = StateEffect.define<HighlightedLines>();\n\n// State field for storing highlighted lines info\nconst highlightedLinesField = StateField.define<HighlightedLines>({\n  create() {\n    return null;\n  },\n  update(value, transaction) {\n    for (const effect of transaction.effects) {\n      if (effect.is(setHighlightedLinesEffect)) {\n        return effect.value;\n      }\n    }\n    return value;\n  },\n});\n\n// Gutter extension that displays highlight markers\nconst highlightGutter = gutter({\n  class: 'cm-highlight-gutter',\n  markers: (view): RangeSet<GutterMarker> => {\n    const highlightInfo = view.state.field(highlightedLinesField, false);\n\n    if (!highlightInfo) {\n      return RangeSet.empty;\n    }\n\n    // Add blue markers for all running query lines\n    const markers = forEachLineInRange(\n      view.state.doc,\n      highlightInfo.from,\n      highlightInfo.to,\n      (lineFrom) => highlightMarker.range(lineFrom),\n    );\n\n    return RangeSet.of(markers);\n  },\n});\n\n// State field for error line background decorations\nconst errorLineDecorations = StateField.define({\n  create() {\n    return Decoration.none;\n  },\n  update(decorations, transaction) {\n    decorations = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (!effect.is(setHighlightedLinesEffect)) {\n        continue;\n      }\n\n      if (!effect.value || !effect.value.error) {\n        return Decoration.none;\n      }\n\n      // Add error line background decorations\n      const decorationArray = forEachLineInRange(\n        transaction.state.doc,\n        effect.value.error.from,\n        effect.value.error.to,\n        (lineFrom) => Decoration.line({ class: 'cm-error-line' }).range(lineFrom),\n      );\n\n      return Decoration.set(decorationArray);\n    }\n    return decorations;\n  },\n  provide: (f) => EditorView.decorations.from(f),\n});\n\n// State field for processing line background decorations\nconst processingLineDecorations = StateField.define({\n  create() {\n    return Decoration.none;\n  },\n  update(decorations, transaction) {\n    decorations = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (!effect.is(setHighlightedLinesEffect)) {\n        continue;\n      }\n\n      if (!effect.value || !effect.value.processing) {\n        return Decoration.none;\n      }\n\n      const decorationArray = forEachLineInRange(\n        transaction.state.doc,\n        effect.value.processing.from,\n        effect.value.processing.to,\n        (lineFrom) => Decoration.line({ class: 'cm-processing-line' }).range(lineFrom),\n      );\n\n      return Decoration.set(decorationArray);\n    }\n    return decorations;\n  },\n  provide: (f) => EditorView.decorations.from(f),\n});\n\n// Theme for highlighted lines\nconst highlightedLinesTheme = EditorView.baseTheme({\n  '.cm-highlight-gutter': {\n    width: '2px',\n    marginRight: '2px',\n  },\n  '.cm-highlight-marker': {\n    width: '2px',\n    height: '100%',\n    backgroundColor: colors.blue[500],\n  },\n  '.cm-error-line': {\n    backgroundColor: `${colors.error[100]} !important`,\n  },\n  '.cm-processing-line': {\n    backgroundColor: `${colors.blue[100]} !important`,\n  },\n});\n\n// Install highlight lines extension\nexport function highlightingExtension(): Extension[] {\n  return [\n    highlightedLinesField,\n    highlightGutter,\n    errorLineDecorations,\n    processingLineDecorations,\n    highlightedLinesTheme,\n  ];\n}\n\nexport function updateHighlighting(view: EditorView, lines?: HighlightedLines) {\n  view.dispatch({ effects: setHighlightedLinesEffect.of(lines ?? null) });\n}\n","import { useEffect, useMemo, useRef } from 'react';\nimport type { CompletionSource } from '@codemirror/autocomplete';\nimport { defaultKeymap } from '@codemirror/commands';\nimport type { SQLNamespace } from '@codemirror/lang-sql';\nimport type {\n  EditorState,\n  KeyBinding,\n  ReactCodeMirrorRef,\n  ViewUpdate,\n} from '@uiw/react-codemirror';\nimport CodeMirror, { EditorView, keymap } from '@uiw/react-codemirror';\n\nimport { installExtensions, type SqlDialectName } from '@keboola/codemirror-lang-sql';\n\nimport { useStableCallback } from '../../hooks/useStableCallback';\n\nimport { activeQueryHighlight } from './activeQueryHighlight';\nimport { buildCanvasChrome, buildChromeStyles } from './editorChrome';\nimport { buildBaseThemeStyles, buildBasicSetup, buildCustomTheme } from './helpers';\nimport type { HighlightedLines } from './highlighting';\nimport { highlightingExtension, updateHighlighting } from './highlighting';\nimport { searchExtension, updateSearch } from './search';\nimport { useThemedExtension } from './tokenTheme';\nimport { useTooltipsExtension } from './tooltips';\nimport { type EditorVariable, useVariableCompletion } from './variableCompletion';\n\n// SqlEditor installs its own keymaps: `CUSTOM_KEYMAP` ahead of `defaultKeymap`\n// for Escape, a Tab/Enter-filtered completion keymap from\n// `@keboola/codemirror-lang-sql`, and search driven by props rather than the\n// CodeMirror panel.\nconst OWN_KEYMAPS = {\n  defaultKeymap: false,\n  completionKeymap: false,\n  searchKeymap: false,\n} as const;\n\nconst CUSTOM_KEYMAP: KeyBinding[] = [\n  {\n    key: 'Escape',\n    stopPropagation: true,\n    run: (view: EditorView) => {\n      view.contentDOM.blur();\n      return true;\n    },\n  },\n];\n\nconst OWN_KEYMAP_EXTENSION = keymap.of([...defaultKeymap, ...CUSTOM_KEYMAP]);\n\n// Editor surface, focus ring, and read-only wash resolve from live `--*`\n// tokens so the SQL editor chrome re-skins with brand + dark mode.\nconst buildTheme = () => ({\n  ...buildBaseThemeStyles(),\n  ...buildChromeStyles(buildCanvasChrome()),\n});\n\ntype Props = {\n  value: string;\n  onChange?: (value: string) => void;\n  onSelectionChange?: (text: string) => void;\n  onCreateEditor?: (view: EditorView, state: EditorState) => void;\n  onDestroyEditor?: () => void;\n  onBlurEditor?: (view: EditorView) => void;\n  onFocusEditor?: (view: EditorView) => void;\n  readOnly: boolean;\n  placeholder?: string;\n  searchQuery?: string;\n  searchMatchIndex?: number;\n  queryParser?: (sql: string) => Promise<string[]>;\n  autoFocus?: boolean;\n  lineNumbers?: boolean;\n  className?: string;\n  /**\n   * A schema is too large to compare by value, so this one prop keeps the\n   * identity requirement every other prop here is now free of: hand the editor\n   * a stable object, or it rebuilds its whole extension tree on every render.\n   */\n  schema?: SQLNamespace;\n  /**\n   * Completions the caller knows and the schema does not — a table the code writes to\n   * before it exists, say. Added to the schema, keyword and variable completions; unlike\n   * `CodeEditor`'s prop of the same name, it replaces nothing.\n   *\n   * Compared by identity: build it in a `useMemo` or the editor rebuilds its whole\n   * extension tree on every render.\n   */\n  completionSource?: CompletionSource;\n  variables?: EditorVariable[];\n  defaultSchema?: string;\n  defaultDatabase?: string;\n  highlightLines?: HighlightedLines;\n  dialect?: SqlDialectName;\n};\n\nexport const SqlEditor = ({\n  value,\n  onChange,\n  onSelectionChange,\n  onCreateEditor,\n  onDestroyEditor,\n  onBlurEditor,\n  onFocusEditor,\n  placeholder = '',\n  searchQuery = '',\n  searchMatchIndex,\n  readOnly = false,\n  queryParser,\n  autoFocus = false,\n  lineNumbers = true,\n  className,\n  schema,\n  completionSource,\n  variables,\n  defaultDatabase,\n  defaultSchema,\n  highlightLines,\n  dialect,\n}: Props) => {\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n\n  // CodeMirror holds these by identity and rebuilds its whole extension tree when one\n  // moves, which is every render for the inline arrows callers pass.\n  const handleChange = useStableCallback((next: string) => onChange?.(next));\n  const parseQueries = useStableCallback(async (sql: string) => (await queryParser?.(sql)) ?? []);\n  const handleBlur = useStableCallback((view: EditorView) => onBlurEditor?.(view));\n  const handleFocus = useStableCallback((view: EditorView) => onFocusEditor?.(view));\n\n  const handleUpdate = useStableCallback((update: ViewUpdate) => {\n    if (update.selectionSet) {\n      const { main } = update.state.selection;\n\n      onSelectionChange?.(update.state.sliceDoc(main.from, main.to));\n    }\n  });\n\n  const variableCompletion = useVariableCompletion(variables);\n\n  // Whether a parser was given decides whether the active-query highlighter is\n  // installed at all; which parser it is does not, so the caller's may change\n  // without a reconfigure.\n  const withQueryParser = queryParser !== undefined;\n\n  const tooltipLayer = useTooltipsExtension();\n\n  // Themes re-resolve their `--*` tokens on brand / light-dark change. The\n  // syntax palette shares `CodeEditor`'s cache entry — same `buildCustomTheme`.\n  const customTheme = useThemedExtension('editor:syntax', buildCustomTheme);\n  const themeExtension = useThemedExtension('sql-editor:chrome', () =>\n    EditorView.theme(buildTheme()),\n  );\n\n  const extensions = useMemo(() => {\n    return [\n      EditorView.lineWrapping,\n      OWN_KEYMAP_EXTENSION,\n      ...installExtensions({\n        schema,\n        defaultDatabase,\n        defaultSchema,\n        variableCompletion,\n        completionSource,\n        dialect,\n      }),\n      searchExtension(),\n      highlightingExtension(),\n      withQueryParser ? activeQueryHighlight(parseQueries) : [],\n      tooltipLayer,\n      themeExtension,\n      EditorView.domEventHandlers({\n        blur: (_, view) => handleBlur(view),\n        focus: (_, view) => handleFocus(view),\n      }),\n    ];\n  }, [\n    withQueryParser,\n    parseQueries,\n    schema,\n    completionSource,\n    defaultDatabase,\n    defaultSchema,\n    variableCompletion,\n    dialect,\n    handleBlur,\n    handleFocus,\n    themeExtension,\n    tooltipLayer,\n  ]);\n\n  const defaultSetup = useMemo(() => {\n    return { ...buildBasicSetup(readOnly), ...OWN_KEYMAPS, lineNumbers };\n  }, [readOnly, lineNumbers]);\n\n  useEffect(() => {\n    if (editorRef.current?.view) {\n      updateHighlighting(editorRef.current.view, highlightLines);\n    }\n  }, [highlightLines]);\n\n  useEffect(() => {\n    if (editorRef.current?.view) {\n      updateSearch(editorRef.current.view, searchQuery, searchMatchIndex);\n    }\n  }, [searchQuery, searchMatchIndex]);\n\n  // Reports once, as the editor goes away, to whichever handler the last render passed.\n  const handleDestroy = useStableCallback(() => onDestroyEditor?.());\n  useEffect(() => handleDestroy, [handleDestroy]);\n\n  const handleCreate = useStableCallback((view: EditorView, state: EditorState) => {\n    onCreateEditor?.(view, state);\n\n    if (highlightLines) {\n      updateHighlighting(view, highlightLines);\n    }\n\n    if (searchQuery) {\n      updateSearch(view, searchQuery, searchMatchIndex);\n    }\n  });\n\n  return (\n    <CodeMirror\n      ref={editorRef}\n      theme={customTheme}\n      extensions={extensions}\n      value={value}\n      onChange={handleChange}\n      onUpdate={handleUpdate}\n      onCreateEditor={handleCreate}\n      autoFocus={autoFocus}\n      placeholder={placeholder}\n      className={className}\n      readOnly={readOnly}\n      editable={!readOnly}\n      basicSetup={defaultSetup}\n    />\n  );\n};\n","import { ChevronsLeft, ChevronsRight } from '../../../icons';\nimport { Button } from '../../Button';\n\ntype Props = {\n  side: 'left' | 'right';\n  onAccept: () => void;\n};\n\nexport const AcceptButton = ({ side, onAccept }: Props) => {\n  const label = `Accept ${side === 'left' ? 'production' : 'branch'} version`;\n  const Chevron = side === 'left' ? ChevronsRight : ChevronsLeft;\n  return (\n    <Button onClick={onAccept} variant=\"outline\" size=\"icon-sm\" title={label} aria-label={label}>\n      <Chevron className=\"tw:size-5\" />\n    </Button>\n  );\n};\n","import type { RefCallback } from 'react';\n\nimport { X } from '../../../icons';\nimport { cn } from '../../../utils';\nimport { Button } from '../../Button';\nimport { LINE_HEIGHT_PX, type MergeConflict, PANE_HEADER_HEIGHT_PX } from '../constants';\n\nimport { AcceptButton } from './AcceptButton';\n\ntype Props = {\n  conflicts: MergeConflict[];\n  side: 'left' | 'right';\n  onAccept: (conflict: MergeConflict) => void;\n  onDismiss?: (conflict: MergeConflict) => void;\n  contentRef?: RefCallback<HTMLDivElement>;\n};\n\n// 28px column when there are conflicts to render — wide enough to fit the\n// 24px icon-xs accept chevron + dismiss icon without overflowing into the\n// adjacent panes (which use `tw:overflow-hidden` and would clip absolutely-\n// positioned children that crossed the boundary). Collapses to 0 when idle\n// so empty merges don't reserve a sliver of layout. Inner wrapper allows\n// horizontal overflow so the icon buttons' focus-visible ring stays visible\n// past the column edge. Buttons stay aligned with their source-pane chunk\n// via the parent's `translateY(-scrollTop)` follower applied to `contentRef`.\nexport const AcceptControls = ({ conflicts, side, onAccept, onDismiss, contentRef }: Props) => (\n  <div\n    className={cn(\n      'tw:z-10 tw:flex tw:shrink-0 tw:flex-col tw:items-center',\n      conflicts.length > 0 ? 'tw:w-7' : 'tw:w-0',\n    )}\n  >\n    {conflicts.length > 0 && (\n      <>\n        <div className=\"tw:shrink-0\" style={{ height: `${PANE_HEADER_HEIGHT_PX}px` }} />\n        <div className=\"tw:relative tw:w-full tw:flex-1 tw:overflow-y-clip tw:overflow-x-visible\">\n          <div ref={contentRef} className=\"tw:relative tw:size-full\">\n            {conflicts.map((conflict) => {\n              const topLine = side === 'left' ? conflict.oldStartLine : conflict.newStartLine;\n              const topOffset = (topLine - 1) * LINE_HEIGHT_PX - 2;\n\n              return (\n                <div\n                  key={conflict.id}\n                  className=\"tw:absolute tw:inset-x-0 tw:flex tw:flex-col tw:items-center tw:gap-0.5\"\n                  style={{ top: `${topOffset}px` }}\n                >\n                  <AcceptButton side={side} onAccept={() => onAccept(conflict)} />\n                  {onDismiss && (\n                    <Button\n                      onClick={() => onDismiss(conflict)}\n                      variant=\"outline\"\n                      size=\"icon-sm\"\n                      title=\"Dismiss\"\n                      aria-label={`Dismiss ${side === 'left' ? 'production' : 'branch'} change`}\n                    >\n                      <X className=\"tw:size-4\" />\n                    </Button>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </>\n    )}\n  </div>\n);\n","import {\n  type Extension,\n  RangeSet,\n  RangeSetBuilder,\n  StateEffect,\n  StateField,\n} from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  gutterLineClass,\n  GutterMarker,\n} from '@codemirror/view';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nimport type { ResolvedColorScheme } from '../ThemeProvider/types';\n\nimport type { ChangeClassification } from './constants';\nimport { CHANGE_CLASS } from './constants';\n\ntype HighlightPayload = {\n  lines: Set<number>;\n  classification: Map<number, ChangeClassification>;\n};\n\nconst setHighlightedLines = StateEffect.define<HighlightPayload>();\n\nconst safeDecoration = Decoration.line({ class: 'cm-merge-safe-line' });\nconst conflictDecoration = Decoration.line({ class: 'cm-merge-conflict-line' });\n\nclass SafeGutterMarker extends GutterMarker {\n  override elementClass = 'cm-merge-safe-gutter';\n}\n\nclass ConflictGutterMarker extends GutterMarker {\n  override elementClass = 'cm-merge-conflict-gutter';\n}\n\nconst safeGutterMarker = new SafeGutterMarker();\nconst conflictGutterMarker = new ConflictGutterMarker();\n\ntype FieldValue = {\n  decorations: DecorationSet;\n  gutterMarkers: RangeSet<GutterMarker>;\n};\n\nexport const createDiffHighlightExtension = (): Extension =>\n  StateField.define<FieldValue>({\n    create: () => ({ decorations: Decoration.none, gutterMarkers: RangeSet.empty }),\n    update(value, tr) {\n      // Use the last effect if multiple are dispatched in a single transaction\n      let payload: HighlightPayload | null = null;\n      for (const effect of tr.effects) {\n        if (effect.is(setHighlightedLines)) {\n          payload = effect.value;\n        }\n      }\n\n      if (!payload) {\n        return {\n          decorations: value.decorations.map(tr.changes),\n          gutterMarkers: value.gutterMarkers.map(tr.changes),\n        };\n      }\n\n      const decoBuilder = new RangeSetBuilder<Decoration>();\n      const gutterBuilder = new RangeSetBuilder<GutterMarker>();\n      const doc = tr.state.doc;\n      const { lines, classification } = payload;\n\n      // Iterate the (typically small) highlighted set instead of all doc lines.\n      // RangeSetBuilder requires positions in order, so sort first.\n      const sorted = [...lines].filter((l) => l >= 1 && l <= doc.lines).sort((a, b) => a - b);\n      for (const i of sorted) {\n        const cls = classification.get(i);\n        if (!cls) continue;\n\n        const isSafe = cls === CHANGE_CLASS.SAFE;\n        const line = doc.line(i);\n        decoBuilder.add(line.from, line.from, isSafe ? safeDecoration : conflictDecoration);\n        gutterBuilder.add(line.from, line.from, isSafe ? safeGutterMarker : conflictGutterMarker);\n      }\n\n      return {\n        decorations: decoBuilder.finish(),\n        gutterMarkers: gutterBuilder.finish(),\n      };\n    },\n    provide: (f) => [\n      EditorView.decorations.from(f, (val) => val.decorations),\n      gutterLineClass.from(f, (val: FieldValue) => val.gutterMarkers),\n    ],\n  });\n\n// Alpha suffixes for the dark-scheme tints — the line fill stays subtle enough\n// for the `foreground` text to read, the gutter sits a step stronger so the\n// scan-lane is still obvious next to it.\nconst DARK_LINE_ALPHA = '29'; /* 16% */\nconst DARK_GUTTER_ALPHA = '47'; /* 28% */\n\n/**\n * The highlight palette, split out of the StateField above so it can be built\n * through `useThemedExtension` — the field instance must stay stable across a\n * scheme change (a fresh one would drop the current highlights), the colours\n * must not.\n *\n * `!important` overrides CodeMirror's built-in active-line and selection\n * backgrounds. SAFE = change present on one side only (green). CONFLICT = both\n * sides edited this region (amber/warning — NOT red, since red reads as\n * \"deletion\" and the 3-pane editor only ever displays additions in each side\n * pane). The colored left border doubles as a scan-lane so changes are easy to\n * spot when zoomed out.\n *\n * Light mode paints an opaque pastel wash. Dark mode tints the same hue at low\n * alpha over the pane's token-driven surface instead — the pastel is opaque, so\n * it put the dark scheme's near-white line text and grey line numbers on a\n * light slab.\n *\n * A pure function of `scheme`, which `useThemedExtension` passes from the same\n * read that produced its cache key.\n */\nexport const buildDiffHighlightTheme = (scheme: ResolvedColorScheme): Extension => {\n  const dark = scheme === 'dark';\n  const line = (hue: string, pastel: string) => (dark ? `${hue}${DARK_LINE_ALPHA}` : pastel);\n  const gutter = (hue: string, pastel: string) => (dark ? `${hue}${DARK_GUTTER_ALPHA}` : pastel);\n\n  // Line *content* keeps the pane's `foreground`, which clears AA on either\n  // fill. The gutter's line numbers do not: `muted-foreground` on the tinted\n  // gutter is 3.96:1 in light and 2.82:1 in dark, so the marker carries a\n  // hue-matched number colour instead (≥6:1 in both).\n  const safeNumber = dark ? colors.green[300] : colors.green[900];\n  const conflictNumber = dark ? colors.warning[300] : colors.warning[800];\n\n  return EditorView.theme({\n    '.cm-merge-safe-line': {\n      backgroundColor: `${line(colors.green[500], colors.green[100])} !important`,\n      boxShadow: `inset 3px 0 0 ${colors.green[500]}`,\n    },\n    '.cm-merge-conflict-line': {\n      backgroundColor: `${line(colors.warning[500], colors.warning[100])} !important`,\n      boxShadow: `inset 3px 0 0 ${colors.warning[500]}`,\n    },\n    '.cm-merge-safe-gutter': {\n      backgroundColor: `${gutter(colors.green[500], colors.green[200])} !important`,\n      color: safeNumber,\n    },\n    '.cm-merge-conflict-gutter': {\n      backgroundColor: `${gutter(colors.warning[500], colors.warning[200])} !important`,\n      color: conflictNumber,\n    },\n  });\n};\n\nexport const updateHighlightedLines = (\n  view: EditorView,\n  lines: Set<number>,\n  classification: Map<number, ChangeClassification>,\n) => {\n  view.dispatch({ effects: setHighlightedLines.of({ lines, classification }) });\n};\n","import { type ReactNode, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { type Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport CodeMirror, { type ReactCodeMirrorRef } from '@uiw/react-codemirror';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { cn } from '../../utils';\nimport { resolveToken } from '../../utils/themeTokens';\nimport { buildBasicSetup } from '../CodeEditor/helpers';\nimport { useThemedExtension } from '../CodeEditor/tokenTheme';\n\nimport { type ChangeClassification, LINE_HEIGHT_PX } from './constants';\nimport {\n  buildDiffHighlightTheme,\n  createDiffHighlightExtension,\n  updateHighlightedLines,\n} from './decorations';\n\nconst EMPTY_LINES: Set<number> = new Set();\nconst EMPTY_CLASSIFICATION: Map<number, ChangeClassification> = new Map();\n\ntype Props = {\n  value: string;\n  highlightedLines: Set<number>;\n  lineClassification: Map<number, ChangeClassification>;\n  readOnly?: boolean;\n  onChange?: (value: string) => void;\n  header?: ReactNode;\n  headerClassName?: string;\n  className?: string;\n  onScrollDOMReady?: (el: HTMLElement | null) => void;\n  /**\n   * When true, the pane renders with the error palette to signal the side has\n   * been deleted upstream. The CodeMirror editor is still mounted so the diff\n   * remains visible — only the background, gutter, header, and border switch.\n   */\n  deleted?: boolean;\n};\n\nexport const MergePane = ({\n  value,\n  highlightedLines,\n  lineClassification,\n  readOnly = false,\n  onChange,\n  header,\n  headerClassName,\n  className,\n  onScrollDOMReady,\n  deleted = false,\n}: Props) => {\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n  const handleChange = useStableCallback((next: string) => onChange?.(next));\n\n  // Non-deleted pane chrome re-resolves its `--*` tokens on brand /\n  // light-dark change. The deleted pane keeps the categorical error wash\n  // (deletion is meaning-encoding, not chrome) — but the wash itself is a\n  // light/dark pair: the opaque light-red slab left the dark scheme's\n  // near-white text unreadable, so dark tints the same hue at low alpha over\n  // the page instead and pins the token text colour on top of it.\n  const themeExtension = useThemedExtension(`merge-pane:${deleted}`, (scheme) => {\n    const dark = scheme === 'dark';\n    const deletedSurface = dark ? `${colors.error[500]}1f` : colors.error[100];\n    const deletedGutter = dark ? `${colors.error[500]}3d` : colors.error[200];\n    // CodeMirror's stock line-number grey is only 3.46:1 on the light wash, so\n    // the deleted gutter carries a hue-matched number colour of its own.\n    const deletedGutterText = dark ? colors.error[300] : colors.error[700];\n\n    return EditorView.theme({\n      '&.cm-editor': {\n        height: '100%',\n        backgroundColor: deleted ? deletedSurface : resolveToken('background', '249 250 251'),\n        // Pair the token-driven surface with a token-driven text color so line\n        // content stays readable when the pane's `--background` goes dark.\n        color: resolveToken('foreground', '30 41 59'),\n        outline: 'none',\n      },\n      '.cm-gutters': {\n        backgroundColor: deleted ? deletedGutter : resolveToken('muted', '241 245 249'),\n        color: deleted ? deletedGutterText : resolveToken('muted-foreground', '100 116 139'),\n      },\n      '*': { lineHeight: `${LINE_HEIGHT_PX}px` },\n      '.cm-lineNumbers .cm-gutterElement': { padding: '0 0 0 25px' },\n    });\n  });\n\n  // Memoized independently of the theme so its `StateField` instance stays\n  // stable when the editor reconfigures on brand / light-dark change. A fresh\n  // extension would re-init the field and drop the current highlights.\n  const diffHighlightExtension = useMemo(() => createDiffHighlightExtension(), []);\n\n  // Its palette, by contrast, *must* rebuild on scheme change — see\n  // `buildDiffHighlightTheme`.\n  const diffHighlightTheme = useThemedExtension('merge-diff-highlight', buildDiffHighlightTheme);\n\n  // Two of a merge view's three panes are read-only.\n  const basicSetup = useMemo(\n    () => ({ ...buildBasicSetup(readOnly), lineNumbers: true }),\n    [readOnly],\n  );\n\n  const extensions = useMemo(\n    (): Extension[] => [\n      diffHighlightExtension,\n      diffHighlightTheme,\n      themeExtension,\n      // Recalc viewport after every doc change so late-settling layouts (alerts\n      // appearing above the editor) don't leave trailing lines blank.\n      EditorView.updateListener.of((update) => {\n        if (update.docChanged) {\n          requestAnimationFrame(() => update.view.dispatch({}));\n        }\n      }),\n    ],\n    [diffHighlightExtension, diffHighlightTheme, themeExtension],\n  );\n\n  // A deleted side is a file-level conflict, not a line-level one — suppress\n  // per-line markers so the pane wears only the red wash. `deleted` stays in\n  // the dep list so highlights switch between the empty and populated sets when\n  // the side toggles.\n  useEffect(() => {\n    const view = editorRef.current?.view;\n    if (!view) return;\n    updateHighlightedLines(\n      view,\n      deleted ? EMPTY_LINES : highlightedLines,\n      deleted ? EMPTY_CLASSIFICATION : lineClassification,\n    );\n  }, [highlightedLines, lineClassification, deleted]);\n\n  const handleCreateEditor = useCallback(\n    (view: EditorView) => {\n      updateHighlightedLines(\n        view,\n        deleted ? EMPTY_LINES : highlightedLines,\n        deleted ? EMPTY_CLASSIFICATION : lineClassification,\n      );\n      onScrollDOMReady?.(view.scrollDOM);\n    },\n    [highlightedLines, lineClassification, onScrollDOMReady, deleted],\n  );\n\n  useEffect(() => {\n    return () => onScrollDOMReady?.(null);\n  }, [onScrollDOMReady]);\n\n  // Re-measure on wrapper resize — parent dimensions settle after CM mounts\n  // (fullscreen modal, alerts appearing above the editor).\n  useEffect(() => {\n    const view = editorRef.current?.view;\n    const wrapper = view?.dom.parentElement;\n    if (!view || !wrapper) return;\n\n    const observer = new ResizeObserver(() => view.dispatch({}));\n    observer.observe(wrapper);\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div\n      className={cn(\n        'tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:overflow-hidden',\n        className,\n        deleted && 'tw:border-error-300 tw:[[data-theme=dark]_&]:border-error-500/50',\n      )}\n    >\n      {header && (\n        <div\n          className={cn(\n            'tw:px-4 tw:py-3',\n            // Same light/dark split as the editor wash below — `PaneHeader` pins\n            // `text-foreground`, which goes near-white and vanishes on the\n            // opaque light-red band.\n            deleted\n              ? 'tw:border-b tw:border-error-200 tw:bg-error-100 tw:[[data-theme=dark]_&]:border-error-500/30 tw:[[data-theme=dark]_&]:bg-error-500/15'\n              : 'tw:bg-background',\n            headerClassName,\n          )}\n        >\n          {header}\n        </div>\n      )}\n      <div className=\"tw:flex tw:h-0 tw:flex-1 tw:flex-col tw:[&_>div]:h-full\">\n        <CodeMirror\n          ref={editorRef}\n          height=\"100%\"\n          value={value}\n          onChange={handleChange}\n          extensions={extensions}\n          readOnly={readOnly}\n          onCreateEditor={handleCreateEditor}\n          basicSetup={basicSetup}\n        />\n      </div>\n    </div>\n  );\n};\n","import { useCallback, useRef } from 'react';\n\nexport const useScrollSync = () => {\n  const scrollersRef = useRef<(HTMLElement | null)[]>([]);\n  const followersRef = useRef<Map<string, { paneIndex: number; el: HTMLElement }>>(new Map());\n  const isSyncingRef = useRef(false);\n  const scrollerCallbacksRef = useRef<Map<number, (el: HTMLElement | null) => void>>(new Map());\n  const followerCallbacksRef = useRef<Map<string, (el: HTMLElement | null) => void>>(new Map());\n\n  const updateFollowers = useCallback(() => {\n    for (const [, { paneIndex, el }] of followersRef.current) {\n      const scroller = scrollersRef.current[paneIndex];\n      if (!scroller) continue;\n      el.style.transform = `translateY(-${scroller.scrollTop}px)`;\n    }\n  }, []);\n\n  const handleScroll = useCallback(\n    (e: Event) => {\n      if (isSyncingRef.current) return;\n      isSyncingRef.current = true;\n\n      // Px-aligned sync. All panes share LINE_HEIGHT_PX, so matching scrollTop is the same\n      // as matching the line at the top of the viewport. Previous ratio-based sync drifted\n      // badly when pane heights differed (e.g. 50 lines vs 500 — half-scrolling left snapped\n      // right to its midpoint, not to the equivalent line). Clamp to each target's max so\n      // the source can scroll past where shorter panes bottom out without errors.\n      const sourceScrollTop = (e.target as HTMLElement).scrollTop;\n\n      for (const scroller of scrollersRef.current) {\n        if (!scroller || scroller === e.target) continue;\n        const targetMax = Math.max(0, scroller.scrollHeight - scroller.clientHeight);\n        scroller.scrollTop = Math.min(sourceScrollTop, targetMax);\n      }\n\n      updateFollowers();\n      isSyncingRef.current = false;\n    },\n    [updateFollowers],\n  );\n\n  const registerScroller = useCallback(\n    (index: number) => {\n      const existing = scrollerCallbacksRef.current.get(index);\n      if (existing) return existing;\n\n      const callback = (el: HTMLElement | null) => {\n        const prev = scrollersRef.current[index];\n        if (prev === el) return;\n\n        prev?.removeEventListener('scroll', handleScroll);\n        scrollersRef.current[index] = el;\n        el?.addEventListener('scroll', handleScroll, { passive: true });\n      };\n\n      scrollerCallbacksRef.current.set(index, callback);\n      return callback;\n    },\n    [handleScroll],\n  );\n\n  const registerFollower = useCallback((paneIndex: number, key: string) => {\n    const existing = followerCallbacksRef.current.get(key);\n    if (existing) return existing;\n\n    const callback = (el: HTMLElement | null) => {\n      if (el) {\n        followersRef.current.set(key, { paneIndex, el });\n      } else {\n        followersRef.current.delete(key);\n      }\n    };\n\n    followerCallbacksRef.current.set(key, callback);\n    return callback;\n  }, []);\n\n  return { registerScroller, registerFollower };\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { AcceptControls } from './AcceptControls/AcceptControls';\nimport type { ChangeClassification, MergeConflict } from './constants';\nimport { MergePane } from './MergePane';\nimport { useScrollSync } from './useScrollSync';\n\nconst EMPTY_LINES: Set<number> = new Set();\nconst EMPTY_CLASSIFICATION: Map<number, ChangeClassification> = new Map();\n\ntype Props = {\n  mergeValue: string;\n  handleMergeChange: (value: string) => void;\n  leftText: string;\n  rightText: string;\n  leftConflicts: MergeConflict[];\n  rightConflicts: MergeConflict[];\n  leftHighlightedLines: Set<number>;\n  rightHighlightedLines: Set<number>;\n  leftClassification: Map<number, ChangeClassification>;\n  rightClassification: Map<number, ChangeClassification>;\n  mergeHighlightedLines: Set<number>;\n  mergeClassification: Map<number, ChangeClassification>;\n  acceptLeft: (conflict: MergeConflict) => void;\n  acceptRight: (conflict: MergeConflict) => void;\n  dismissLeft: (conflict: MergeConflict) => void;\n  dismissRight: (conflict: MergeConflict) => void;\n  leftHeader?: ReactNode;\n  middleHeader?: ReactNode;\n  middleHeaderClassName?: string;\n  middleClassName?: string;\n  rightHeader?: ReactNode;\n  className?: string;\n  /**\n   * Paint the corresponding read-only pane with the error palette to signal the\n   * side has been deleted upstream. The diff is still rendered so the user can\n   * see what was lost; accept/dismiss controls for that side are suppressed.\n   */\n  leftDeleted?: boolean;\n  rightDeleted?: boolean;\n};\n\nexport const MergeEditor = ({\n  mergeValue,\n  handleMergeChange,\n  leftText,\n  rightText,\n  leftConflicts,\n  rightConflicts,\n  leftHighlightedLines,\n  rightHighlightedLines,\n  leftClassification,\n  rightClassification,\n  mergeHighlightedLines,\n  mergeClassification,\n  acceptLeft,\n  acceptRight,\n  dismissLeft,\n  dismissRight,\n  leftHeader,\n  middleHeader,\n  middleHeaderClassName,\n  middleClassName,\n  rightHeader,\n  className,\n  leftDeleted = false,\n  rightDeleted = false,\n}: Props) => {\n  const { registerScroller, registerFollower } = useScrollSync();\n\n  // When either side is deleted the merge is a binary \"keep or drop the file\"\n  // choice, not a line-level merge — suppress per-line markers in the middle\n  // pane so the indicator/markers don't contradict the red deleted pane.\n  const anySideDeleted = leftDeleted || rightDeleted;\n\n  return (\n    <div\n      className={cn(\n        'tw:flex tw:h-full tw:min-h-0 tw:overflow-hidden tw:bg-background tw:gap-3',\n        className,\n      )}\n    >\n      <MergePane\n        value={leftText}\n        highlightedLines={leftHighlightedLines}\n        lineClassification={leftClassification}\n        readOnly\n        header={leftHeader}\n        className=\"tw:rounded-r-lg tw:border tw:border-border\"\n        onScrollDOMReady={registerScroller(0)}\n        deleted={leftDeleted}\n      />\n\n      <AcceptControls\n        conflicts={leftDeleted ? [] : leftConflicts}\n        side=\"left\"\n        onAccept={acceptLeft}\n        onDismiss={dismissLeft}\n        contentRef={registerFollower(0, 'left-controls')}\n      />\n\n      <MergePane\n        value={mergeValue}\n        highlightedLines={anySideDeleted ? EMPTY_LINES : mergeHighlightedLines}\n        lineClassification={anySideDeleted ? EMPTY_CLASSIFICATION : mergeClassification}\n        onChange={handleMergeChange}\n        header={middleHeader}\n        headerClassName={middleHeaderClassName}\n        className={cn('tw:border tw:border-border tw:rounded-lg', middleClassName)}\n        onScrollDOMReady={registerScroller(1)}\n      />\n\n      <AcceptControls\n        conflicts={rightDeleted ? [] : rightConflicts}\n        side=\"right\"\n        onAccept={acceptRight}\n        onDismiss={dismissRight}\n        contentRef={registerFollower(2, 'right-controls')}\n      />\n\n      <MergePane\n        value={rightText}\n        highlightedLines={rightHighlightedLines}\n        lineClassification={rightClassification}\n        readOnly\n        header={rightHeader}\n        className=\"tw:rounded-l-lg tw:border tw:border-border\"\n        onScrollDOMReady={registerScroller(2)}\n        deleted={rightDeleted}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"editors.js","names":["keymap","EditorView","EMPTY_LINES","EMPTY_CLASSIFICATION"],"sources":["../src/components/CodeEditor/activeQueryHighlight.ts","../src/components/CodeEditor/highlighting.ts","../src/components/CodeEditor/SqlEditor.tsx","../src/components/MergeEditor/AcceptControls/AcceptButton.tsx","../src/components/MergeEditor/AcceptControls/AcceptControls.tsx","../src/components/MergeEditor/decorations.ts","../src/components/MergeEditor/MergePane.tsx","../src/components/MergeEditor/useScrollSync.ts","../src/components/MergeEditor/MergeEditor.tsx","../src/components/CodeEditor/CodeEditorField.tsx"],"sourcesContent":["import type { ChangeSet, Range } from '@codemirror/state';\nimport { Decoration, EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nconst activeQueryFirstLine = Decoration.line({ class: 'cm-active-query cm-active-query-first' });\nconst activeQueryMiddleLine = Decoration.line({ class: 'cm-active-query' });\nconst activeQueryLastLine = Decoration.line({ class: 'cm-active-query cm-active-query-last' });\nconst activeQuerySingleLine = Decoration.line({\n  class: 'cm-active-query cm-active-query-first cm-active-query-last',\n});\n\ntype QueryBoundary = { from: number; to: number };\n\n/**\n * Given pre-computed query boundaries and a cursor position, find which query\n * the cursor is in. Returns trimmed character offsets or null.\n */\nexport const findActiveQueryRange = (\n  doc: string,\n  cursorPos: number,\n  boundaries: QueryBoundary[],\n): { from: number; to: number } | null => {\n  if (boundaries.length === 0) return null;\n\n  let match: QueryBoundary | undefined = boundaries[boundaries.length - 1];\n  for (const boundary of boundaries) {\n    if (cursorPos <= boundary.to) {\n      match = boundary;\n      break;\n    }\n  }\n\n  if (!match) return null;\n\n  // Trim leading/trailing whitespace from the query range for tighter boundaries\n  const queryText = doc.slice(match.from, match.to);\n  const leadingWhitespace = queryText.length - queryText.trimStart().length;\n  const trailingWhitespace = queryText.length - queryText.trimEnd().length;\n\n  const trimmedStart = match.from + leadingWhitespace;\n  const trimmedEnd = match.to - trailingWhitespace;\n\n  if (trimmedStart >= trimmedEnd) return null;\n\n  return { from: trimmedStart, to: trimmedEnd };\n};\n\n/**\n * Convert splitSqlQueries result (array of query strings that join back to the\n * original doc) into character-offset boundaries.\n */\nconst computeBoundaries = (queries: string[]): QueryBoundary[] => {\n  const boundaries: QueryBoundary[] = [];\n  let offset = 0;\n  for (const query of queries) {\n    boundaries.push({ from: offset, to: offset + query.length });\n    offset += query.length;\n  }\n  return boundaries;\n};\n\n/**\n * Synchronously map cached boundaries through a changeset.\n *\n * Boundaries can outlive the document state they were computed from (the async\n * re-parse in `scheduleDocParse` is debounced, so several edits may land\n * before new boundaries are produced). When that happens a cached position\n * can exceed the changeset's pre-change length and `ChangeSet.mapPos` throws\n * `RangeError: Position X is out of range for changeset of length Y`.\n *\n * Clamp positions into the valid `[0, changes.length]` range before mapping\n * and drop degenerate boundaries so the mapping is safe even with stale cache.\n */\nexport const mapBoundariesThroughChanges = (\n  boundaries: QueryBoundary[],\n  changes: ChangeSet,\n): QueryBoundary[] => {\n  const prevLen = changes.length;\n  const mapped: QueryBoundary[] = [];\n  for (const b of boundaries) {\n    const from = changes.mapPos(Math.max(0, Math.min(b.from, prevLen)), -1);\n    const to = changes.mapPos(Math.max(0, Math.min(b.to, prevLen)), 1);\n    if (from < to) mapped.push({ from, to });\n  }\n  return mapped;\n};\n\nconst buildDecorations = (view: EditorView, range: { from: number; to: number }) => {\n  const startLine = view.state.doc.lineAt(range.from).number;\n  const endLine = view.state.doc.lineAt(range.to).number;\n\n  const decorations: Range<Decoration>[] = [];\n  for (let lineNum = startLine; lineNum <= endLine; lineNum++) {\n    const lineStart = view.state.doc.line(lineNum).from;\n    if (startLine === endLine) {\n      decorations.push(activeQuerySingleLine.range(lineStart));\n    } else if (lineNum === startLine) {\n      decorations.push(activeQueryFirstLine.range(lineStart));\n    } else if (lineNum === endLine) {\n      decorations.push(activeQueryLastLine.range(lineStart));\n    } else {\n      decorations.push(activeQueryMiddleLine.range(lineStart));\n    }\n  }\n\n  return Decoration.set(decorations);\n};\n\nexport const activeQueryHighlight = (splitQueries: (sql: string) => Promise<string[]>) => {\n  return [\n    ViewPlugin.fromClass(\n      class {\n        decorations = Decoration.none;\n        private debounceTimer: ReturnType<typeof setTimeout> | null = null;\n        private seq = 0;\n        private cachedDoc = '';\n        private cachedBoundaries: QueryBoundary[] = [];\n        private destroyed = false;\n\n        constructor(view: EditorView) {\n          this.scheduleDocParse(view);\n        }\n\n        update(update: ViewUpdate) {\n          if (update.focusChanged && !update.view.hasFocus) {\n            this.decorations = Decoration.none;\n            return;\n          }\n\n          if (update.docChanged) {\n            // Synchronously map cached boundaries through document changes\n            // so decorations update immediately without waiting for async re-parse.\n            // Positions are clamped inside mapBoundariesThroughChanges because\n            // the async re-parse is debounced and boundaries can be stale.\n            if (this.cachedBoundaries.length > 0) {\n              this.cachedBoundaries = mapBoundariesThroughChanges(\n                this.cachedBoundaries,\n                update.changes,\n              );\n              this.cachedDoc = update.state.doc.toString();\n              this.updateFromCache(update.view);\n            }\n            // Still re-parse for accurate boundaries (handles structural changes like new semicolons)\n            this.scheduleDocParse(update.view);\n          } else if (update.selectionSet || (update.focusChanged && update.view.hasFocus)) {\n            this.updateFromCache(update.view);\n          }\n        }\n\n        destroy() {\n          this.destroyed = true;\n          if (this.debounceTimer) clearTimeout(this.debounceTimer);\n        }\n\n        /**\n         * Update decorations using cached query boundaries.\n         * Only mutates this.decorations — does NOT call view.dispatch().\n         * When called from update() (sync), CodeMirror picks up the new\n         * decorations via the accessor. When called from the async\n         * scheduleDocParse callback, the caller must dispatch separately.\n         */\n        private updateFromCache(view: EditorView) {\n          if (!view.hasFocus) {\n            this.decorations = Decoration.none;\n            return;\n          }\n\n          const { main } = view.state.selection;\n\n          if (main.from !== main.to) {\n            // User has text selected — hide highlight\n            this.decorations = Decoration.none;\n            return;\n          }\n\n          const doc = view.state.doc.toString();\n          if (doc !== this.cachedDoc) return;\n          if (this.cachedBoundaries.length === 0) {\n            this.decorations = Decoration.none;\n            return;\n          }\n\n          const range = findActiveQueryRange(doc, main.head, this.cachedBoundaries);\n          this.decorations = range ? buildDecorations(view, range) : Decoration.none;\n        }\n\n        /** Parse queries async (debounced) and update decorations. */\n        private scheduleDocParse(view: EditorView) {\n          if (this.debounceTimer) clearTimeout(this.debounceTimer);\n\n          this.debounceTimer = setTimeout(async () => {\n            const seq = ++this.seq;\n            const doc = view.state.doc.toString();\n\n            if (!doc.trim()) {\n              this.cachedDoc = doc;\n              this.cachedBoundaries = [];\n              if (this.decorations !== Decoration.none) {\n                this.decorations = Decoration.none;\n                if (!this.destroyed) view.dispatch();\n              }\n              return;\n            }\n\n            let queries: string[];\n            try {\n              queries = await splitQueries(doc);\n            } catch {\n              return;\n            }\n\n            // Discard stale results\n            if (this.destroyed || seq !== this.seq) return;\n\n            this.cachedDoc = doc;\n            this.cachedBoundaries = computeBoundaries(queries);\n\n            this.updateFromCache(view);\n            if (!this.destroyed) view.dispatch();\n          }, 100);\n        }\n      },\n      { decorations: (v) => v.decorations },\n    ),\n    EditorView.baseTheme({\n      '.cm-active-query': {\n        boxShadow: `inset -1px 0 0 0 ${colors.blue[300]}, inset 1px 0 0 0 ${colors.blue[300]}`,\n        marginRight: '8px',\n      },\n      '.cm-active-query-first': {\n        boxShadow: `inset -1px 0 0 0 ${colors.blue[300]}, inset 1px 0 0 0 ${colors.blue[300]}, inset 0 1px 0 0 ${colors.blue[300]}`,\n        borderRadius: '4px 4px 0 0',\n      },\n      '.cm-active-query-last': {\n        boxShadow: `inset -1px 0 0 0 ${colors.blue[300]}, inset 1px 0 0 0 ${colors.blue[300]}, inset 0 -1px 0 0 ${colors.blue[300]}`,\n        borderRadius: '0 0 4px 4px',\n      },\n      '.cm-active-query-first.cm-active-query-last': {\n        boxShadow: `inset 0 0 0 1px ${colors.blue[300]}`,\n        borderRadius: '4px',\n      },\n    }),\n  ];\n};\n","import type { Extension } from '@codemirror/state';\nimport { RangeSet, StateEffect, StateField } from '@codemirror/state';\nimport { Decoration, EditorView, gutter, GutterMarker } from '@codemirror/view';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nimport { DARK_LINE_ALPHA } from './diffWash';\n\nexport type HighlightedLines = {\n  from: number;\n  to: number;\n  error?: { from: number; to: number };\n  processing?: { from: number; to: number };\n} | null;\n\n// Gutter markers for highlighting\nclass HighlightMarker extends GutterMarker {\n  override toDOM() {\n    const marker = document.createElement('div');\n    marker.className = 'cm-highlight-marker';\n    return marker;\n  }\n}\n\nconst highlightMarker = new HighlightMarker();\n\n// Helper function to iterate over line range and apply a callback\nconst forEachLineInRange = <T>(\n  doc: { lines: number; line: (n: number) => { from: number } },\n  from: number,\n  to: number,\n  callback: (lineFrom: number) => T,\n): T[] => {\n  const results: T[] = [];\n\n  // Convert 0-based to 1-based for CodeMirror\n  const fromLine = Math.max(1, from + 1);\n  const toLine = Math.min(doc.lines, to + 1);\n\n  for (let i = fromLine; i <= toLine; i++) {\n    const line = doc.line(i);\n    results.push(callback(line.from));\n  }\n\n  return results;\n};\n\n// State effect for setting highlighted lines\nconst setHighlightedLinesEffect = StateEffect.define<HighlightedLines>();\n\n// State field for storing highlighted lines info\nconst highlightedLinesField = StateField.define<HighlightedLines>({\n  create() {\n    return null;\n  },\n  update(value, transaction) {\n    for (const effect of transaction.effects) {\n      if (effect.is(setHighlightedLinesEffect)) {\n        return effect.value;\n      }\n    }\n    return value;\n  },\n});\n\n// Gutter extension that displays highlight markers\nconst highlightGutter = gutter({\n  class: 'cm-highlight-gutter',\n  markers: (view): RangeSet<GutterMarker> => {\n    const highlightInfo = view.state.field(highlightedLinesField, false);\n\n    if (!highlightInfo) {\n      return RangeSet.empty;\n    }\n\n    // Add blue markers for all running query lines\n    const markers = forEachLineInRange(\n      view.state.doc,\n      highlightInfo.from,\n      highlightInfo.to,\n      (lineFrom) => highlightMarker.range(lineFrom),\n    );\n\n    return RangeSet.of(markers);\n  },\n});\n\n// State field for error line background decorations\nconst errorLineDecorations = StateField.define({\n  create() {\n    return Decoration.none;\n  },\n  update(decorations, transaction) {\n    decorations = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (!effect.is(setHighlightedLinesEffect)) {\n        continue;\n      }\n\n      if (!effect.value || !effect.value.error) {\n        return Decoration.none;\n      }\n\n      // Add error line background decorations\n      const decorationArray = forEachLineInRange(\n        transaction.state.doc,\n        effect.value.error.from,\n        effect.value.error.to,\n        (lineFrom) => Decoration.line({ class: 'cm-error-line' }).range(lineFrom),\n      );\n\n      return Decoration.set(decorationArray);\n    }\n    return decorations;\n  },\n  provide: (f) => EditorView.decorations.from(f),\n});\n\n// State field for processing line background decorations\nconst processingLineDecorations = StateField.define({\n  create() {\n    return Decoration.none;\n  },\n  update(decorations, transaction) {\n    decorations = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (!effect.is(setHighlightedLinesEffect)) {\n        continue;\n      }\n\n      if (!effect.value || !effect.value.processing) {\n        return Decoration.none;\n      }\n\n      const decorationArray = forEachLineInRange(\n        transaction.state.doc,\n        effect.value.processing.from,\n        effect.value.processing.to,\n        (lineFrom) => Decoration.line({ class: 'cm-processing-line' }).range(lineFrom),\n      );\n\n      return Decoration.set(decorationArray);\n    }\n    return decorations;\n  },\n  provide: (f) => EditorView.decorations.from(f),\n});\n\n/**\n * The run-state washes for the line a query occupies.\n *\n * - `&dark` keeps this a static base theme rather than a themed extension — see `search.ts` for\n *   the mechanism and what sets the facet.\n * - Light paints an opaque pastel; dark tints the same `500` hue over the page, at the line alpha\n *   the diff wash uses, so an opaque slab never sits under near-white text.\n * - `.cm-highlight-marker` needs no pair: `blue[500]` is 4.60:1 on the darkest surface it sits on.\n */\nconst highlightedLinesTheme = EditorView.baseTheme({\n  '.cm-highlight-gutter': {\n    width: '2px',\n    marginRight: '2px',\n  },\n  '.cm-highlight-marker': {\n    width: '2px',\n    height: '100%',\n    backgroundColor: colors.blue[500],\n  },\n  '.cm-error-line': {\n    backgroundColor: `${colors.error[100]} !important`,\n  },\n  '.cm-processing-line': {\n    backgroundColor: `${colors.blue[100]} !important`,\n  },\n\n  '&dark .cm-error-line': {\n    backgroundColor: `${colors.error[500]}${DARK_LINE_ALPHA} !important`,\n  },\n  '&dark .cm-processing-line': {\n    backgroundColor: `${colors.blue[500]}${DARK_LINE_ALPHA} !important`,\n  },\n});\n\n// Install highlight lines extension\nexport function highlightingExtension(): Extension[] {\n  return [\n    highlightedLinesField,\n    highlightGutter,\n    errorLineDecorations,\n    processingLineDecorations,\n    highlightedLinesTheme,\n  ];\n}\n\nexport function updateHighlighting(view: EditorView, lines?: HighlightedLines) {\n  view.dispatch({ effects: setHighlightedLinesEffect.of(lines ?? null) });\n}\n","import { useEffect, useMemo, useRef } from 'react';\nimport type { CompletionSource } from '@codemirror/autocomplete';\nimport { defaultKeymap } from '@codemirror/commands';\nimport type { SQLNamespace } from '@codemirror/lang-sql';\nimport type {\n  EditorState,\n  KeyBinding,\n  ReactCodeMirrorRef,\n  ViewUpdate,\n} from '@uiw/react-codemirror';\nimport CodeMirror, { EditorView, keymap } from '@uiw/react-codemirror';\n\nimport { installExtensions, type SqlDialectName } from '@keboola/codemirror-lang-sql';\n\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport type { ResolvedColorScheme } from '../ThemeProvider/types';\n\nimport { activeQueryHighlight } from './activeQueryHighlight';\nimport { buildCanvasChrome, buildChromeStyles } from './editorChrome';\nimport { buildBaseThemeStyles, buildBasicSetup, buildCustomTheme } from './helpers';\nimport type { HighlightedLines } from './highlighting';\nimport { highlightingExtension, updateHighlighting } from './highlighting';\nimport { searchExtension, updateSearch } from './search';\nimport { useThemedExtension } from './tokenTheme';\nimport { useTooltipsExtension } from './tooltips';\nimport { type EditorVariable, useVariableCompletion } from './variableCompletion';\n\n// SqlEditor installs its own keymaps: `CUSTOM_KEYMAP` ahead of `defaultKeymap`\n// for Escape, a Tab/Enter-filtered completion keymap from\n// `@keboola/codemirror-lang-sql`, and search driven by props rather than the\n// CodeMirror panel.\nconst OWN_KEYMAPS = {\n  defaultKeymap: false,\n  completionKeymap: false,\n  searchKeymap: false,\n} as const;\n\nconst CUSTOM_KEYMAP: KeyBinding[] = [\n  {\n    key: 'Escape',\n    stopPropagation: true,\n    run: (view: EditorView) => {\n      view.contentDOM.blur();\n      return true;\n    },\n  },\n];\n\nconst OWN_KEYMAP_EXTENSION = keymap.of([...defaultKeymap, ...CUSTOM_KEYMAP]);\n\n// Editor surface, focus ring, and read-only wash resolve from live `--*`\n// tokens so the SQL editor chrome re-skins with brand + dark mode.\nconst buildTheme = (scheme: ResolvedColorScheme) => ({\n  ...buildBaseThemeStyles(scheme),\n  ...buildChromeStyles(buildCanvasChrome()),\n});\n\ntype Props = {\n  value: string;\n  onChange?: (value: string) => void;\n  onSelectionChange?: (text: string) => void;\n  onCreateEditor?: (view: EditorView, state: EditorState) => void;\n  onDestroyEditor?: () => void;\n  onBlurEditor?: (view: EditorView) => void;\n  onFocusEditor?: (view: EditorView) => void;\n  readOnly: boolean;\n  placeholder?: string;\n  searchQuery?: string;\n  searchMatchIndex?: number;\n  queryParser?: (sql: string) => Promise<string[]>;\n  autoFocus?: boolean;\n  lineNumbers?: boolean;\n  className?: string;\n  /**\n   * A schema is too large to compare by value, so this one prop keeps the\n   * identity requirement every other prop here is now free of: hand the editor\n   * a stable object, or it rebuilds its whole extension tree on every render.\n   */\n  schema?: SQLNamespace;\n  /**\n   * Completions the caller knows and the schema does not — a table the code writes to\n   * before it exists, say. Added to the schema, keyword and variable completions; unlike\n   * `CodeEditor`'s prop of the same name, it replaces nothing.\n   *\n   * Compared by identity: build it in a `useMemo` or the editor rebuilds its whole\n   * extension tree on every render.\n   */\n  completionSource?: CompletionSource;\n  variables?: EditorVariable[];\n  defaultSchema?: string;\n  defaultDatabase?: string;\n  highlightLines?: HighlightedLines;\n  dialect?: SqlDialectName;\n};\n\nexport const SqlEditor = ({\n  value,\n  onChange,\n  onSelectionChange,\n  onCreateEditor,\n  onDestroyEditor,\n  onBlurEditor,\n  onFocusEditor,\n  placeholder = '',\n  searchQuery = '',\n  searchMatchIndex,\n  readOnly = false,\n  queryParser,\n  autoFocus = false,\n  lineNumbers = true,\n  className,\n  schema,\n  completionSource,\n  variables,\n  defaultDatabase,\n  defaultSchema,\n  highlightLines,\n  dialect,\n}: Props) => {\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n\n  // CodeMirror holds these by identity and rebuilds its whole extension tree when one\n  // moves, which is every render for the inline arrows callers pass.\n  const handleChange = useStableCallback((next: string) => onChange?.(next));\n  const parseQueries = useStableCallback(async (sql: string) => (await queryParser?.(sql)) ?? []);\n  const handleBlur = useStableCallback((view: EditorView) => onBlurEditor?.(view));\n  const handleFocus = useStableCallback((view: EditorView) => onFocusEditor?.(view));\n\n  const handleUpdate = useStableCallback((update: ViewUpdate) => {\n    if (update.selectionSet) {\n      const { main } = update.state.selection;\n\n      onSelectionChange?.(update.state.sliceDoc(main.from, main.to));\n    }\n  });\n\n  const variableCompletion = useVariableCompletion(variables);\n\n  // Whether a parser was given decides whether the active-query highlighter is\n  // installed at all; which parser it is does not, so the caller's may change\n  // without a reconfigure.\n  const withQueryParser = queryParser !== undefined;\n\n  const tooltipLayer = useTooltipsExtension();\n\n  // Themes re-resolve their `--*` tokens on brand / light-dark change. The\n  // syntax palette shares `CodeEditor`'s cache entry — same `buildCustomTheme`.\n  const customTheme = useThemedExtension('editor:syntax', buildCustomTheme);\n  // `dark` sets `EditorView.darkTheme` — see `CodeEditor`'s base theme for what depends on it.\n  const themeExtension = useThemedExtension('sql-editor:chrome', (scheme) =>\n    EditorView.theme(buildTheme(scheme), { dark: scheme === 'dark' }),\n  );\n\n  const extensions = useMemo(() => {\n    return [\n      EditorView.lineWrapping,\n      OWN_KEYMAP_EXTENSION,\n      ...installExtensions({\n        schema,\n        defaultDatabase,\n        defaultSchema,\n        variableCompletion,\n        completionSource,\n        dialect,\n      }),\n      searchExtension(),\n      highlightingExtension(),\n      withQueryParser ? activeQueryHighlight(parseQueries) : [],\n      tooltipLayer,\n      themeExtension,\n      EditorView.domEventHandlers({\n        blur: (_, view) => handleBlur(view),\n        focus: (_, view) => handleFocus(view),\n      }),\n    ];\n  }, [\n    withQueryParser,\n    parseQueries,\n    schema,\n    completionSource,\n    defaultDatabase,\n    defaultSchema,\n    variableCompletion,\n    dialect,\n    handleBlur,\n    handleFocus,\n    themeExtension,\n    tooltipLayer,\n  ]);\n\n  const defaultSetup = useMemo(() => {\n    return { ...buildBasicSetup(readOnly), ...OWN_KEYMAPS, lineNumbers };\n  }, [readOnly, lineNumbers]);\n\n  useEffect(() => {\n    if (editorRef.current?.view) {\n      updateHighlighting(editorRef.current.view, highlightLines);\n    }\n  }, [highlightLines]);\n\n  useEffect(() => {\n    if (editorRef.current?.view) {\n      updateSearch(editorRef.current.view, searchQuery, searchMatchIndex);\n    }\n  }, [searchQuery, searchMatchIndex]);\n\n  // Reports once, as the editor goes away, to whichever handler the last render passed.\n  const handleDestroy = useStableCallback(() => onDestroyEditor?.());\n  useEffect(() => handleDestroy, [handleDestroy]);\n\n  const handleCreate = useStableCallback((view: EditorView, state: EditorState) => {\n    onCreateEditor?.(view, state);\n\n    if (highlightLines) {\n      updateHighlighting(view, highlightLines);\n    }\n\n    if (searchQuery) {\n      updateSearch(view, searchQuery, searchMatchIndex);\n    }\n  });\n\n  return (\n    <CodeMirror\n      ref={editorRef}\n      theme={customTheme}\n      extensions={extensions}\n      value={value}\n      onChange={handleChange}\n      onUpdate={handleUpdate}\n      onCreateEditor={handleCreate}\n      autoFocus={autoFocus}\n      placeholder={placeholder}\n      className={className}\n      readOnly={readOnly}\n      editable={!readOnly}\n      basicSetup={defaultSetup}\n    />\n  );\n};\n","import { ChevronsLeft, ChevronsRight } from '../../../icons';\nimport { Button } from '../../Button';\n\ntype Props = {\n  side: 'left' | 'right';\n  onAccept: () => void;\n};\n\nexport const AcceptButton = ({ side, onAccept }: Props) => {\n  const label = `Accept ${side === 'left' ? 'production' : 'branch'} version`;\n  const Chevron = side === 'left' ? ChevronsRight : ChevronsLeft;\n  return (\n    <Button onClick={onAccept} variant=\"outline\" size=\"icon-sm\" title={label} aria-label={label}>\n      <Chevron className=\"tw:size-5\" />\n    </Button>\n  );\n};\n","import type { RefCallback } from 'react';\n\nimport { X } from '../../../icons';\nimport { cn } from '../../../utils';\nimport { Button } from '../../Button';\nimport { LINE_HEIGHT_PX, type MergeConflict, PANE_HEADER_HEIGHT_PX } from '../constants';\n\nimport { AcceptButton } from './AcceptButton';\n\ntype Props = {\n  conflicts: MergeConflict[];\n  side: 'left' | 'right';\n  onAccept: (conflict: MergeConflict) => void;\n  onDismiss?: (conflict: MergeConflict) => void;\n  contentRef?: RefCallback<HTMLDivElement>;\n};\n\n// 28px column when there are conflicts to render — wide enough to fit the\n// 24px icon-xs accept chevron + dismiss icon without overflowing into the\n// adjacent panes (which use `tw:overflow-hidden` and would clip absolutely-\n// positioned children that crossed the boundary). Collapses to 0 when idle\n// so empty merges don't reserve a sliver of layout. Inner wrapper allows\n// horizontal overflow so the icon buttons' focus-visible ring stays visible\n// past the column edge. Buttons stay aligned with their source-pane chunk\n// via the parent's `translateY(-scrollTop)` follower applied to `contentRef`.\nexport const AcceptControls = ({ conflicts, side, onAccept, onDismiss, contentRef }: Props) => (\n  <div\n    className={cn(\n      'tw:z-10 tw:flex tw:shrink-0 tw:flex-col tw:items-center',\n      conflicts.length > 0 ? 'tw:w-7' : 'tw:w-0',\n    )}\n  >\n    {conflicts.length > 0 && (\n      <>\n        <div className=\"tw:shrink-0\" style={{ height: `${PANE_HEADER_HEIGHT_PX}px` }} />\n        <div className=\"tw:relative tw:w-full tw:flex-1 tw:overflow-y-clip tw:overflow-x-visible\">\n          <div ref={contentRef} className=\"tw:relative tw:size-full\">\n            {conflicts.map((conflict) => {\n              const topLine = side === 'left' ? conflict.oldStartLine : conflict.newStartLine;\n              const topOffset = (topLine - 1) * LINE_HEIGHT_PX - 2;\n\n              return (\n                <div\n                  key={conflict.id}\n                  className=\"tw:absolute tw:inset-x-0 tw:flex tw:flex-col tw:items-center tw:gap-0.5\"\n                  style={{ top: `${topOffset}px` }}\n                >\n                  <AcceptButton side={side} onAccept={() => onAccept(conflict)} />\n                  {onDismiss && (\n                    <Button\n                      onClick={() => onDismiss(conflict)}\n                      variant=\"outline\"\n                      size=\"icon-sm\"\n                      title=\"Dismiss\"\n                      aria-label={`Dismiss ${side === 'left' ? 'production' : 'branch'} change`}\n                    >\n                      <X className=\"tw:size-4\" />\n                    </Button>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </>\n    )}\n  </div>\n);\n","import {\n  type Extension,\n  RangeSet,\n  RangeSetBuilder,\n  StateEffect,\n  StateField,\n} from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  EditorView,\n  gutterLineClass,\n  GutterMarker,\n} from '@codemirror/view';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nimport { buildDiffWash } from '../CodeEditor/diffWash';\nimport type { ResolvedColorScheme } from '../ThemeProvider/types';\n\nimport type { ChangeClassification } from './constants';\nimport { CHANGE_CLASS } from './constants';\n\ntype HighlightPayload = {\n  lines: Set<number>;\n  classification: Map<number, ChangeClassification>;\n};\n\nconst setHighlightedLines = StateEffect.define<HighlightPayload>();\n\nconst safeDecoration = Decoration.line({ class: 'cm-merge-safe-line' });\nconst conflictDecoration = Decoration.line({ class: 'cm-merge-conflict-line' });\n\nclass SafeGutterMarker extends GutterMarker {\n  override elementClass = 'cm-merge-safe-gutter';\n}\n\nclass ConflictGutterMarker extends GutterMarker {\n  override elementClass = 'cm-merge-conflict-gutter';\n}\n\nconst safeGutterMarker = new SafeGutterMarker();\nconst conflictGutterMarker = new ConflictGutterMarker();\n\ntype FieldValue = {\n  decorations: DecorationSet;\n  gutterMarkers: RangeSet<GutterMarker>;\n};\n\nexport const createDiffHighlightExtension = (): Extension =>\n  StateField.define<FieldValue>({\n    create: () => ({ decorations: Decoration.none, gutterMarkers: RangeSet.empty }),\n    update(value, tr) {\n      // Use the last effect if multiple are dispatched in a single transaction\n      let payload: HighlightPayload | null = null;\n      for (const effect of tr.effects) {\n        if (effect.is(setHighlightedLines)) {\n          payload = effect.value;\n        }\n      }\n\n      if (!payload) {\n        return {\n          decorations: value.decorations.map(tr.changes),\n          gutterMarkers: value.gutterMarkers.map(tr.changes),\n        };\n      }\n\n      const decoBuilder = new RangeSetBuilder<Decoration>();\n      const gutterBuilder = new RangeSetBuilder<GutterMarker>();\n      const doc = tr.state.doc;\n      const { lines, classification } = payload;\n\n      // Iterate the (typically small) highlighted set instead of all doc lines.\n      // RangeSetBuilder requires positions in order, so sort first.\n      const sorted = [...lines].filter((l) => l >= 1 && l <= doc.lines).sort((a, b) => a - b);\n      for (const i of sorted) {\n        const cls = classification.get(i);\n        if (!cls) continue;\n\n        const isSafe = cls === CHANGE_CLASS.SAFE;\n        const line = doc.line(i);\n        decoBuilder.add(line.from, line.from, isSafe ? safeDecoration : conflictDecoration);\n        gutterBuilder.add(line.from, line.from, isSafe ? safeGutterMarker : conflictGutterMarker);\n      }\n\n      return {\n        decorations: decoBuilder.finish(),\n        gutterMarkers: gutterBuilder.finish(),\n      };\n    },\n    provide: (f) => [\n      EditorView.decorations.from(f, (val) => val.decorations),\n      gutterLineClass.from(f, (val: FieldValue) => val.gutterMarkers),\n    ],\n  });\n\n/**\n * The highlight palette, split out of the StateField above so it can be built\n * through `useThemedExtension` — the field instance must stay stable across a\n * scheme change (a fresh one would drop the current highlights), the colours\n * must not.\n *\n * `!important` overrides CodeMirror's built-in active-line and selection\n * backgrounds. SAFE = change present on one side only (green). CONFLICT = both\n * sides edited this region (amber/warning — NOT red, since red reads as\n * \"deletion\" and the 3-pane editor only ever displays additions in each side\n * pane). The colored left border doubles as a scan-lane so changes are easy to\n * spot when zoomed out.\n *\n * Light mode paints an opaque pastel wash. Dark mode tints the same hue at low\n * alpha over the pane's token-driven surface instead — the pastel is opaque, so\n * it put the dark scheme's near-white line text and grey line numbers on a\n * light slab.\n *\n * A pure function of `scheme`, which `useThemedExtension` passes from the same\n * read that produced its cache key.\n */\nexport const buildDiffHighlightTheme = (scheme: ResolvedColorScheme): Extension => {\n  const dark = scheme === 'dark';\n  const { line, gutter } = buildDiffWash(scheme);\n\n  // Line *content* keeps the pane's `foreground`, which clears AA on either\n  // fill. The gutter's line numbers do not: `muted-foreground` on the tinted\n  // gutter is 3.96:1 in light and 2.82:1 in dark, so the marker carries a\n  // hue-matched number colour instead (≥6:1 in both).\n  const safeNumber = dark ? colors.green[300] : colors.green[900];\n  const conflictNumber = dark ? colors.warning[300] : colors.warning[800];\n\n  return EditorView.theme({\n    '.cm-merge-safe-line': {\n      backgroundColor: `${line(colors.green[500], colors.green[100])} !important`,\n      boxShadow: `inset 3px 0 0 ${colors.green[500]}`,\n    },\n    '.cm-merge-conflict-line': {\n      backgroundColor: `${line(colors.warning[500], colors.warning[100])} !important`,\n      boxShadow: `inset 3px 0 0 ${colors.warning[500]}`,\n    },\n    '.cm-merge-safe-gutter': {\n      backgroundColor: `${gutter(colors.green[500], colors.green[200])} !important`,\n      color: safeNumber,\n    },\n    '.cm-merge-conflict-gutter': {\n      backgroundColor: `${gutter(colors.warning[500], colors.warning[200])} !important`,\n      color: conflictNumber,\n    },\n  });\n};\n\nexport const updateHighlightedLines = (\n  view: EditorView,\n  lines: Set<number>,\n  classification: Map<number, ChangeClassification>,\n) => {\n  view.dispatch({ effects: setHighlightedLines.of({ lines, classification }) });\n};\n","import { type ReactNode, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { type Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport CodeMirror, { type ReactCodeMirrorRef } from '@uiw/react-codemirror';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { cn } from '../../utils';\nimport { resolveToken } from '../../utils/themeTokens';\nimport { buildBasicSetup } from '../CodeEditor/helpers';\nimport { useThemedExtension } from '../CodeEditor/tokenTheme';\n\nimport { type ChangeClassification, LINE_HEIGHT_PX } from './constants';\nimport {\n  buildDiffHighlightTheme,\n  createDiffHighlightExtension,\n  updateHighlightedLines,\n} from './decorations';\n\nconst EMPTY_LINES: Set<number> = new Set();\nconst EMPTY_CLASSIFICATION: Map<number, ChangeClassification> = new Map();\n\ntype Props = {\n  value: string;\n  highlightedLines: Set<number>;\n  lineClassification: Map<number, ChangeClassification>;\n  readOnly?: boolean;\n  onChange?: (value: string) => void;\n  header?: ReactNode;\n  headerClassName?: string;\n  className?: string;\n  onScrollDOMReady?: (el: HTMLElement | null) => void;\n  /**\n   * When true, the pane renders with the error palette to signal the side has\n   * been deleted upstream. The CodeMirror editor is still mounted so the diff\n   * remains visible — only the background, gutter, header, and border switch.\n   */\n  deleted?: boolean;\n};\n\nexport const MergePane = ({\n  value,\n  highlightedLines,\n  lineClassification,\n  readOnly = false,\n  onChange,\n  header,\n  headerClassName,\n  className,\n  onScrollDOMReady,\n  deleted = false,\n}: Props) => {\n  const editorRef = useRef<ReactCodeMirrorRef>(null);\n  const handleChange = useStableCallback((next: string) => onChange?.(next));\n\n  // Non-deleted pane chrome re-resolves its `--*` tokens on brand /\n  // light-dark change. The deleted pane keeps the categorical error wash\n  // (deletion is meaning-encoding, not chrome) — but the wash itself is a\n  // light/dark pair: the opaque light-red slab left the dark scheme's\n  // near-white text unreadable, so dark tints the same hue at low alpha over\n  // the page instead and pins the token text colour on top of it.\n  const themeExtension = useThemedExtension(`merge-pane:${deleted}`, (scheme) => {\n    const dark = scheme === 'dark';\n    const deletedSurface = dark ? `${colors.error[500]}1f` : colors.error[100];\n    const deletedGutter = dark ? `${colors.error[500]}3d` : colors.error[200];\n    // CodeMirror's stock line-number grey is only 3.46:1 on the light wash, so\n    // the deleted gutter carries a hue-matched number colour of its own.\n    const deletedGutterText = dark ? colors.error[300] : colors.error[700];\n\n    return EditorView.theme({\n      '&.cm-editor': {\n        height: '100%',\n        backgroundColor: deleted ? deletedSurface : resolveToken('background', '249 250 251'),\n        // Pair the token-driven surface with a token-driven text color so line\n        // content stays readable when the pane's `--background` goes dark.\n        color: resolveToken('foreground', '30 41 59'),\n        outline: 'none',\n      },\n      '.cm-gutters': {\n        backgroundColor: deleted ? deletedGutter : resolveToken('muted', '241 245 249'),\n        color: deleted ? deletedGutterText : resolveToken('muted-foreground', '100 116 139'),\n      },\n      '*': { lineHeight: `${LINE_HEIGHT_PX}px` },\n      '.cm-lineNumbers .cm-gutterElement': { padding: '0 0 0 25px' },\n    });\n  });\n\n  // Memoized independently of the theme so its `StateField` instance stays\n  // stable when the editor reconfigures on brand / light-dark change. A fresh\n  // extension would re-init the field and drop the current highlights.\n  const diffHighlightExtension = useMemo(() => createDiffHighlightExtension(), []);\n\n  // Its palette, by contrast, *must* rebuild on scheme change — see\n  // `buildDiffHighlightTheme`.\n  const diffHighlightTheme = useThemedExtension('merge-diff-highlight', buildDiffHighlightTheme);\n\n  // Two of a merge view's three panes are read-only.\n  const basicSetup = useMemo(\n    () => ({ ...buildBasicSetup(readOnly), lineNumbers: true }),\n    [readOnly],\n  );\n\n  const extensions = useMemo(\n    (): Extension[] => [\n      diffHighlightExtension,\n      diffHighlightTheme,\n      themeExtension,\n      // Recalc viewport after every doc change so late-settling layouts (alerts\n      // appearing above the editor) don't leave trailing lines blank.\n      EditorView.updateListener.of((update) => {\n        if (update.docChanged) {\n          requestAnimationFrame(() => update.view.dispatch({}));\n        }\n      }),\n    ],\n    [diffHighlightExtension, diffHighlightTheme, themeExtension],\n  );\n\n  // A deleted side is a file-level conflict, not a line-level one — suppress\n  // per-line markers so the pane wears only the red wash. `deleted` stays in\n  // the dep list so highlights switch between the empty and populated sets when\n  // the side toggles.\n  useEffect(() => {\n    const view = editorRef.current?.view;\n    if (!view) return;\n    updateHighlightedLines(\n      view,\n      deleted ? EMPTY_LINES : highlightedLines,\n      deleted ? EMPTY_CLASSIFICATION : lineClassification,\n    );\n  }, [highlightedLines, lineClassification, deleted]);\n\n  const handleCreateEditor = useCallback(\n    (view: EditorView) => {\n      updateHighlightedLines(\n        view,\n        deleted ? EMPTY_LINES : highlightedLines,\n        deleted ? EMPTY_CLASSIFICATION : lineClassification,\n      );\n      onScrollDOMReady?.(view.scrollDOM);\n    },\n    [highlightedLines, lineClassification, onScrollDOMReady, deleted],\n  );\n\n  useEffect(() => {\n    return () => onScrollDOMReady?.(null);\n  }, [onScrollDOMReady]);\n\n  // Re-measure on wrapper resize — parent dimensions settle after CM mounts\n  // (fullscreen modal, alerts appearing above the editor).\n  useEffect(() => {\n    const view = editorRef.current?.view;\n    const wrapper = view?.dom.parentElement;\n    if (!view || !wrapper) return;\n\n    const observer = new ResizeObserver(() => view.dispatch({}));\n    observer.observe(wrapper);\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div\n      className={cn(\n        'tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:overflow-hidden',\n        className,\n        deleted && 'tw:border-error-300 tw:[[data-theme=dark]_&]:border-error-500/50',\n      )}\n    >\n      {header && (\n        <div\n          className={cn(\n            'tw:px-4 tw:py-3',\n            // Same light/dark split as the editor wash below — `PaneHeader` pins\n            // `text-foreground`, which goes near-white and vanishes on the\n            // opaque light-red band.\n            deleted\n              ? 'tw:border-b tw:border-error-200 tw:bg-error-100 tw:[[data-theme=dark]_&]:border-error-500/30 tw:[[data-theme=dark]_&]:bg-error-500/15'\n              : 'tw:bg-background',\n            headerClassName,\n          )}\n        >\n          {header}\n        </div>\n      )}\n      <div className=\"tw:flex tw:h-0 tw:flex-1 tw:flex-col tw:[&_>div]:h-full\">\n        <CodeMirror\n          ref={editorRef}\n          height=\"100%\"\n          value={value}\n          onChange={handleChange}\n          extensions={extensions}\n          readOnly={readOnly}\n          onCreateEditor={handleCreateEditor}\n          basicSetup={basicSetup}\n        />\n      </div>\n    </div>\n  );\n};\n","import { useCallback, useRef } from 'react';\n\nexport const useScrollSync = () => {\n  const scrollersRef = useRef<(HTMLElement | null)[]>([]);\n  const followersRef = useRef<Map<string, { paneIndex: number; el: HTMLElement }>>(new Map());\n  const isSyncingRef = useRef(false);\n  const scrollerCallbacksRef = useRef<Map<number, (el: HTMLElement | null) => void>>(new Map());\n  const followerCallbacksRef = useRef<Map<string, (el: HTMLElement | null) => void>>(new Map());\n\n  const updateFollowers = useCallback(() => {\n    for (const [, { paneIndex, el }] of followersRef.current) {\n      const scroller = scrollersRef.current[paneIndex];\n      if (!scroller) continue;\n      el.style.transform = `translateY(-${scroller.scrollTop}px)`;\n    }\n  }, []);\n\n  const handleScroll = useCallback(\n    (e: Event) => {\n      if (isSyncingRef.current) return;\n      isSyncingRef.current = true;\n\n      // Px-aligned sync. All panes share LINE_HEIGHT_PX, so matching scrollTop is the same\n      // as matching the line at the top of the viewport. Previous ratio-based sync drifted\n      // badly when pane heights differed (e.g. 50 lines vs 500 — half-scrolling left snapped\n      // right to its midpoint, not to the equivalent line). Clamp to each target's max so\n      // the source can scroll past where shorter panes bottom out without errors.\n      const sourceScrollTop = (e.target as HTMLElement).scrollTop;\n\n      for (const scroller of scrollersRef.current) {\n        if (!scroller || scroller === e.target) continue;\n        const targetMax = Math.max(0, scroller.scrollHeight - scroller.clientHeight);\n        scroller.scrollTop = Math.min(sourceScrollTop, targetMax);\n      }\n\n      updateFollowers();\n      isSyncingRef.current = false;\n    },\n    [updateFollowers],\n  );\n\n  const registerScroller = useCallback(\n    (index: number) => {\n      const existing = scrollerCallbacksRef.current.get(index);\n      if (existing) return existing;\n\n      const callback = (el: HTMLElement | null) => {\n        const prev = scrollersRef.current[index];\n        if (prev === el) return;\n\n        prev?.removeEventListener('scroll', handleScroll);\n        scrollersRef.current[index] = el;\n        el?.addEventListener('scroll', handleScroll, { passive: true });\n      };\n\n      scrollerCallbacksRef.current.set(index, callback);\n      return callback;\n    },\n    [handleScroll],\n  );\n\n  const registerFollower = useCallback((paneIndex: number, key: string) => {\n    const existing = followerCallbacksRef.current.get(key);\n    if (existing) return existing;\n\n    const callback = (el: HTMLElement | null) => {\n      if (el) {\n        followersRef.current.set(key, { paneIndex, el });\n      } else {\n        followersRef.current.delete(key);\n      }\n    };\n\n    followerCallbacksRef.current.set(key, callback);\n    return callback;\n  }, []);\n\n  return { registerScroller, registerFollower };\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { AcceptControls } from './AcceptControls/AcceptControls';\nimport type { ChangeClassification, MergeConflict } from './constants';\nimport { MergePane } from './MergePane';\nimport { useScrollSync } from './useScrollSync';\n\nconst EMPTY_LINES: Set<number> = new Set();\nconst EMPTY_CLASSIFICATION: Map<number, ChangeClassification> = new Map();\n\ntype Props = {\n  mergeValue: string;\n  handleMergeChange: (value: string) => void;\n  leftText: string;\n  rightText: string;\n  leftConflicts: MergeConflict[];\n  rightConflicts: MergeConflict[];\n  leftHighlightedLines: Set<number>;\n  rightHighlightedLines: Set<number>;\n  leftClassification: Map<number, ChangeClassification>;\n  rightClassification: Map<number, ChangeClassification>;\n  mergeHighlightedLines: Set<number>;\n  mergeClassification: Map<number, ChangeClassification>;\n  acceptLeft: (conflict: MergeConflict) => void;\n  acceptRight: (conflict: MergeConflict) => void;\n  dismissLeft: (conflict: MergeConflict) => void;\n  dismissRight: (conflict: MergeConflict) => void;\n  leftHeader?: ReactNode;\n  middleHeader?: ReactNode;\n  middleHeaderClassName?: string;\n  middleClassName?: string;\n  rightHeader?: ReactNode;\n  className?: string;\n  /**\n   * Paint the corresponding read-only pane with the error palette to signal the\n   * side has been deleted upstream. The diff is still rendered so the user can\n   * see what was lost; accept/dismiss controls for that side are suppressed.\n   */\n  leftDeleted?: boolean;\n  rightDeleted?: boolean;\n};\n\nexport const MergeEditor = ({\n  mergeValue,\n  handleMergeChange,\n  leftText,\n  rightText,\n  leftConflicts,\n  rightConflicts,\n  leftHighlightedLines,\n  rightHighlightedLines,\n  leftClassification,\n  rightClassification,\n  mergeHighlightedLines,\n  mergeClassification,\n  acceptLeft,\n  acceptRight,\n  dismissLeft,\n  dismissRight,\n  leftHeader,\n  middleHeader,\n  middleHeaderClassName,\n  middleClassName,\n  rightHeader,\n  className,\n  leftDeleted = false,\n  rightDeleted = false,\n}: Props) => {\n  const { registerScroller, registerFollower } = useScrollSync();\n\n  // When either side is deleted the merge is a binary \"keep or drop the file\"\n  // choice, not a line-level merge — suppress per-line markers in the middle\n  // pane so the indicator/markers don't contradict the red deleted pane.\n  const anySideDeleted = leftDeleted || rightDeleted;\n\n  return (\n    <div\n      className={cn(\n        'tw:flex tw:h-full tw:min-h-0 tw:overflow-hidden tw:bg-background tw:gap-3',\n        className,\n      )}\n    >\n      <MergePane\n        value={leftText}\n        highlightedLines={leftHighlightedLines}\n        lineClassification={leftClassification}\n        readOnly\n        header={leftHeader}\n        className=\"tw:rounded-r-lg tw:border tw:border-border\"\n        onScrollDOMReady={registerScroller(0)}\n        deleted={leftDeleted}\n      />\n\n      <AcceptControls\n        conflicts={leftDeleted ? [] : leftConflicts}\n        side=\"left\"\n        onAccept={acceptLeft}\n        onDismiss={dismissLeft}\n        contentRef={registerFollower(0, 'left-controls')}\n      />\n\n      <MergePane\n        value={mergeValue}\n        highlightedLines={anySideDeleted ? EMPTY_LINES : mergeHighlightedLines}\n        lineClassification={anySideDeleted ? EMPTY_CLASSIFICATION : mergeClassification}\n        onChange={handleMergeChange}\n        header={middleHeader}\n        headerClassName={middleHeaderClassName}\n        className={cn('tw:border tw:border-border tw:rounded-lg', middleClassName)}\n        onScrollDOMReady={registerScroller(1)}\n      />\n\n      <AcceptControls\n        conflicts={rightDeleted ? [] : rightConflicts}\n        side=\"right\"\n        onAccept={acceptRight}\n        onDismiss={dismissRight}\n        contentRef={registerFollower(2, 'right-controls')}\n      />\n\n      <MergePane\n        value={rightText}\n        highlightedLines={rightHighlightedLines}\n        lineClassification={rightClassification}\n        readOnly\n        header={rightHeader}\n        className=\"tw:rounded-l-lg tw:border tw:border-border\"\n        onScrollDOMReady={registerScroller(2)}\n        deleted={rightDeleted}\n      />\n    </div>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { FieldItem, type FieldItemProps } from '../../blocks/Form/connectors/FieldItem';\nimport { useFieldContext } from '../../blocks/Form/contexts';\n\nimport { CodeEditor } from './CodeEditor';\n\ntype Props = FieldItemProps &\n  Omit<\n    ComponentProps<typeof CodeEditor>,\n    // Owned by the field / `FieldItem` — see the connector rules in AGENTS.md.\n    | 'value'\n    | 'onChange'\n    | 'onBlur'\n    | 'ariaLabel'\n    | 'ariaLabelledBy'\n    | 'ariaDescribedBy'\n    | 'ariaInvalid'\n    | 'ariaRequired'\n    // Not the field's — this wrapper closes it deliberately. `readOnly` turns the editor into a\n    // viewer, taking the lint marks and completions with it, which is not what a disabled form\n    // control should look like. `inputLocked` stays open for a transient lock.\n    | 'readOnly'\n    // `className` styles the field frame; the editor box gets its own prop below.\n    | 'className'\n    // Derived from `required` below — whether a blank document is valid is the field's contract,\n    // and a call site could otherwise set it to contradict its own validation.\n    | 'allowBlankDocument'\n  > & {\n    /** Styles the editor box; `className` styles the field frame. */\n    editorClassName?: string;\n  };\n\n/**\n * Code / JSON editor field. State is the raw editor text (`string`) — never a parsed value.\n *\n * ⚠️ Shipped from **`@keboola/design/editors`**, not as a `field.*` connector on `useAppForm`, and\n * deliberately: CodeMirror plus its language modes is ~170 kB brotlied, and registering this in the root\n * form hook pulled all of it into `@keboola/design`'s main entry — every consumer paying for an editor\n * most of them never render. That is the whole reason the `editors` subpath exists.\n *\n * It still reads the field from context, so it composes exactly like a connector:\n *\n * ```tsx\n * import { CodeEditorField } from '@keboola/design/editors';\n *\n * <form.AppField name=\"schema\">{() => <CodeEditorField label=\"Schema\" />}</form.AppField>\n * ```\n *\n * Text in, text out, deliberately: a JSON field is mid-edit invalid for most of the time the user is\n * typing in it, and parsing on every keystroke would either throw away their cursor position or throw\n * away the text. Parse in the schema (or at submit) and keep the editor's own content authoritative.\n *\n * `variant=\"field\"` by default so it reads as a form control rather than a code block.\n *\n * Labelled with `aria-labelledby`, not `for`: CodeMirror's editable node is a `div[role=\"textbox\"]`,\n * which is not a labelable element.\n */\nexport const CodeEditorField = ({\n  label,\n  action,\n  required,\n  requiredMark,\n  help,\n  tooltip,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  editorClassName,\n  variant = 'field',\n  ...editorProps\n}: Props) => {\n  const field = useFieldContext<string>();\n\n  return (\n    <FieldItem\n      label={label}\n      action={action}\n      required={required}\n      requiredMark={requiredMark}\n      labelling=\"aria-labelledby\"\n      help={help}\n      tooltip={tooltip}\n      className={className}\n      aria-describedby={ariaDescribedBy}\n    >\n      {(control) => (\n        <CodeEditor\n          {...editorProps}\n          variant={variant}\n          className={editorClassName}\n          // Remapped rather than spread: CodeEditor takes these as camelCase props and writes them onto\n          // CodeMirror's content node, since the wrapper `<div>` is not what gets focused.\n          ariaLabelledBy={control['aria-labelledby']}\n          ariaDescribedBy={control['aria-describedby']}\n          ariaInvalid={control['aria-invalid']}\n          ariaRequired={control['aria-required']}\n          // An optional field starts empty and is cleared back to empty, so `jsonParseLinter`'s\n          // \"Unexpected end of input\" would contradict the field's own validation. A required one\n          // keeps the marker: there, empty really is wrong.\n          allowBlankDocument={!required}\n          value={field.state.value ?? ''}\n          onChange={field.handleChange}\n          onBlur={field.handleBlur}\n        />\n      )}\n    </FieldItem>\n  );\n};\n"],"mappings":"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"}