@qoretechnologies/reqraft 0.10.64 → 0.10.65-pr.137.g62fcecc

package/dist/components/smartEditor/CompletionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompletionMenu.js","sourceRoot":"","sources":["../../../src/components/smartEditor/CompletionMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/smartEditor/MarkdownDoc.d.ts

@@ -4,7 +4,7 @@ export interface IMarkdownDocProps {
     /**
      * When `true`, render `content` as Markdown. When `false`, render it
      * verbatim in a wrapping `<pre>` (the LSP `plaintext` kind) — still
-     * inside the styled container so it shares the font / colour / wrap.
+     * inside the styled container so it shares the font / color / wrap.
      */
     markdown: boolean;
     /** Max width of the doc body (px). Default 360. */

package/dist/components/smartEditor/MarkdownDoc.js

@@ -24,7 +24,7 @@ var reqore_1 = require("@qoretechnologies/reqore");
 var colors_1 = require("@qoretechnologies/reqore/dist/helpers/colors");
 var react_markdown_1 = __importDefault(require("react-markdown"));
 var styled_components_1 = __importDefault(require("styled-components"));
-var StyledMarkdown = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: ", "px;\n  max-height: ", "px;\n  overflow: auto;\n  font-size: 12px;\n  line-height: 1.5;\n  /* Text colour is derived from the active Reqore theme (readable on\n     whatever surface the host app uses) \u2014 not a hardcoded hex. */\n  color: ", ";\n  word-break: break-word;\n\n  /* Collapse the leading/trailing margins so the body hugs the popover\n     padding instead of adding a blank first/last line. */\n  > *:first-child {\n    margin-top: 0;\n  }\n  > *:last-child {\n    margin-bottom: 0;\n  }\n\n  p {\n    margin: 0 0 6px;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 8px 0 4px;\n    font-weight: 600;\n    line-height: 1.3;\n  }\n  h1 {\n    font-size: 14px;\n  }\n  h2 {\n    font-size: 13px;\n  }\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 12px;\n  }\n\n  /* Inline code \u2192 subtle chip. */\n  code {\n    font-family: monospace;\n    font-size: 11px;\n    background: rgba(255, 255, 255, 0.08);\n    padding: 1px 4px;\n    border-radius: 3px;\n  }\n\n  /* Fenced code block \u2192 dark inset surface with horizontal scroll so\n     long lines don't overflow the popover (the bug this fixes). */\n  pre {\n    margin: 6px 0;\n    padding: 8px 10px;\n    background: rgba(0, 0, 0, 0.35);\n    border-radius: 4px;\n    overflow-x: auto;\n  }\n  pre code {\n    background: none;\n    padding: 0;\n    white-space: pre;\n  }\n\n  ul,\n  ol {\n    margin: 4px 0;\n    padding-left: 18px;\n  }\n  li {\n    margin: 2px 0;\n  }\n\n  a {\n    /* Links use the theme's info intent (falls back to the readable\n       text colour if the theme doesn't define one). */\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    text-decoration: underline;\n  }\n\n  strong {\n    font-weight: 600;\n  }\n\n  blockquote {\n    margin: 6px 0;\n    padding-left: 8px;\n    border-left: 2px solid rgba(255, 255, 255, 0.15);\n    opacity: 0.85;\n  }\n\n  hr {\n    border: none;\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\n    margin: 8px 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    margin: 6px 0;\n  }\n  th,\n  td {\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    padding: 2px 6px;\n    text-align: left;\n  }\n"], ["\n  max-width: ", "px;\n  max-height: ", "px;\n  overflow: auto;\n  font-size: 12px;\n  line-height: 1.5;\n  /* Text colour is derived from the active Reqore theme (readable on\n     whatever surface the host app uses) \u2014 not a hardcoded hex. */\n  color: ", ";\n  word-break: break-word;\n\n  /* Collapse the leading/trailing margins so the body hugs the popover\n     padding instead of adding a blank first/last line. */\n  > *:first-child {\n    margin-top: 0;\n  }\n  > *:last-child {\n    margin-bottom: 0;\n  }\n\n  p {\n    margin: 0 0 6px;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 8px 0 4px;\n    font-weight: 600;\n    line-height: 1.3;\n  }\n  h1 {\n    font-size: 14px;\n  }\n  h2 {\n    font-size: 13px;\n  }\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 12px;\n  }\n\n  /* Inline code \u2192 subtle chip. */\n  code {\n    font-family: monospace;\n    font-size: 11px;\n    background: rgba(255, 255, 255, 0.08);\n    padding: 1px 4px;\n    border-radius: 3px;\n  }\n\n  /* Fenced code block \u2192 dark inset surface with horizontal scroll so\n     long lines don't overflow the popover (the bug this fixes). */\n  pre {\n    margin: 6px 0;\n    padding: 8px 10px;\n    background: rgba(0, 0, 0, 0.35);\n    border-radius: 4px;\n    overflow-x: auto;\n  }\n  pre code {\n    background: none;\n    padding: 0;\n    white-space: pre;\n  }\n\n  ul,\n  ol {\n    margin: 4px 0;\n    padding-left: 18px;\n  }\n  li {\n    margin: 2px 0;\n  }\n\n  a {\n    /* Links use the theme's info intent (falls back to the readable\n       text colour if the theme doesn't define one). */\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    text-decoration: underline;\n  }\n\n  strong {\n    font-weight: 600;\n  }\n\n  blockquote {\n    margin: 6px 0;\n    padding-left: 8px;\n    border-left: 2px solid rgba(255, 255, 255, 0.15);\n    opacity: 0.85;\n  }\n\n  hr {\n    border: none;\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\n    margin: 8px 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    margin: 6px 0;\n  }\n  th,\n  td {\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    padding: 2px 6px;\n    text-align: left;\n  }\n"])), function (_a) {
+var StyledMarkdown = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: ", "px;\n  max-height: ", "px;\n  overflow: auto;\n  font-size: 12px;\n  line-height: 1.5;\n  /* Text color is derived from the active Reqore theme (readable on\n     whatever surface the host app uses) \u2014 not a hardcoded hex. */\n  color: ", ";\n  word-break: break-word;\n\n  /* Collapse the leading/trailing margins so the body hugs the popover\n     padding instead of adding a blank first/last line. */\n  > *:first-child {\n    margin-top: 0;\n  }\n  > *:last-child {\n    margin-bottom: 0;\n  }\n\n  p {\n    margin: 0 0 6px;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 8px 0 4px;\n    font-weight: 600;\n    line-height: 1.3;\n  }\n  h1 {\n    font-size: 14px;\n  }\n  h2 {\n    font-size: 13px;\n  }\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 12px;\n  }\n\n  /* Inline code \u2192 subtle chip. */\n  code {\n    font-family: ", ";\n    font-size: 11px;\n    background: rgba(255, 255, 255, 0.08);\n    padding: 1px 4px;\n    border-radius: 3px;\n  }\n\n  /* Fenced code block \u2192 dark inset surface with horizontal scroll so\n     long lines don't overflow the popover (the bug this fixes). */\n  pre {\n    margin: 6px 0;\n    padding: 8px 10px;\n    background: rgba(0, 0, 0, 0.35);\n    border-radius: 4px;\n    overflow-x: auto;\n  }\n  pre code {\n    background: none;\n    padding: 0;\n    white-space: pre;\n  }\n\n  ul,\n  ol {\n    margin: 4px 0;\n    padding-left: 18px;\n  }\n  li {\n    margin: 2px 0;\n  }\n\n  a {\n    /* Links use the theme's info intent (falls back to the readable\n       text color if the theme doesn't define one). */\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    text-decoration: underline;\n  }\n\n  strong {\n    font-weight: 600;\n  }\n\n  blockquote {\n    margin: 6px 0;\n    padding-left: 8px;\n    border-left: 2px solid rgba(255, 255, 255, 0.15);\n    opacity: 0.85;\n  }\n\n  hr {\n    border: none;\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\n    margin: 8px 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    margin: 6px 0;\n  }\n  th,\n  td {\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    padding: 2px 6px;\n    text-align: left;\n  }\n"], ["\n  max-width: ", "px;\n  max-height: ", "px;\n  overflow: auto;\n  font-size: 12px;\n  line-height: 1.5;\n  /* Text color is derived from the active Reqore theme (readable on\n     whatever surface the host app uses) \u2014 not a hardcoded hex. */\n  color: ", ";\n  word-break: break-word;\n\n  /* Collapse the leading/trailing margins so the body hugs the popover\n     padding instead of adding a blank first/last line. */\n  > *:first-child {\n    margin-top: 0;\n  }\n  > *:last-child {\n    margin-bottom: 0;\n  }\n\n  p {\n    margin: 0 0 6px;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 8px 0 4px;\n    font-weight: 600;\n    line-height: 1.3;\n  }\n  h1 {\n    font-size: 14px;\n  }\n  h2 {\n    font-size: 13px;\n  }\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 12px;\n  }\n\n  /* Inline code \u2192 subtle chip. */\n  code {\n    font-family: ", ";\n    font-size: 11px;\n    background: rgba(255, 255, 255, 0.08);\n    padding: 1px 4px;\n    border-radius: 3px;\n  }\n\n  /* Fenced code block \u2192 dark inset surface with horizontal scroll so\n     long lines don't overflow the popover (the bug this fixes). */\n  pre {\n    margin: 6px 0;\n    padding: 8px 10px;\n    background: rgba(0, 0, 0, 0.35);\n    border-radius: 4px;\n    overflow-x: auto;\n  }\n  pre code {\n    background: none;\n    padding: 0;\n    white-space: pre;\n  }\n\n  ul,\n  ol {\n    margin: 4px 0;\n    padding-left: 18px;\n  }\n  li {\n    margin: 2px 0;\n  }\n\n  a {\n    /* Links use the theme's info intent (falls back to the readable\n       text color if the theme doesn't define one). */\n    color: ", ";\n    text-decoration: none;\n  }\n  a:hover {\n    text-decoration: underline;\n  }\n\n  strong {\n    font-weight: 600;\n  }\n\n  blockquote {\n    margin: 6px 0;\n    padding-left: 8px;\n    border-left: 2px solid rgba(255, 255, 255, 0.15);\n    opacity: 0.85;\n  }\n\n  hr {\n    border: none;\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\n    margin: 8px 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    margin: 6px 0;\n  }\n  th,\n  td {\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    padding: 2px 6px;\n    text-align: left;\n  }\n"])), function (_a) {
     var $maxWidth = _a.$maxWidth;
     return $maxWidth;
 }, function (_a) {
@@ -33,11 +33,11 @@ var StyledMarkdown = styled_components_1.default.div(templateObject_1 || (templa
 }, function (_a) {
     var $textColor = _a.$textColor;
     return $textColor;
-}, function (_a) {
+}, reqore_1.ReqoreFonts.mono, function (_a) {
     var $linkColor = _a.$linkColor;
     return $linkColor;
 });
-var StyledPlaintext = styled_components_1.default.pre(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  white-space: pre-wrap;\n  font-family: monospace;\n"], ["\n  margin: 0;\n  white-space: pre-wrap;\n  font-family: monospace;\n"])));
+var StyledPlaintext = styled_components_1.default.pre(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  white-space: pre-wrap;\n  font-family: ", ";\n"], ["\n  margin: 0;\n  white-space: pre-wrap;\n  font-family: ", ";\n"])), reqore_1.ReqoreFonts.mono);
 var MarkdownDoc = function (_a) {
     var _b, _c;
     var content = _a.content, markdown = _a.markdown, _d = _a.maxWidth, maxWidth = _d === void 0 ? 360 : _d, _e = _a.maxHeight, maxHeight = _e === void 0 ? 240 : _e;

package/dist/components/smartEditor/MarkdownDoc.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownDoc.js","sourceRoot":"","sources":["../../../src/components/smartEditor/MarkdownDoc.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,2CAA2C;AAC3C,uEAAuE;AACvE,yEAAyE;AACzE,sEAAsE;AACtE,yEAAyE;AACzE,uEAAuE;AACvE,mEAAmE;AACnE,gCAAgC;AAChC,EAAE;AACF,yEAAyE;AACzE,gBAAgB;AAEhB,mDAA0D;AAC1D,uEAAgF;AAChF,kEAA2C;AAC3C,wEAAuC;AAwBvC,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,wtEAAsB,iBACxC,EAA4B,qBAC3B,EAA8B,4NAMnC,EAA8B,o1CA2E5B,EAA8B,ujBAkC1C,KApHc,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS;AAAT,CAAS,EAC3B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,UAAU;AAAV,CAAU,EAMnC,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,UAAU;AAAV,CAAU,EA2E5B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,UAAU;AAAV,CAAU,CAkC1C,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,0IAAA,uEAIjC,IAAA,CAAC;AAEK,IAAM,WAAW,GAAG,UAAC,EAKR;;QAJlB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA,EACd,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA;IAEf,IAAM,KAAK,GAAG,IAAA,uBAAc,GAAE,CAAC;IAC/B,sEAAsE;IACtE,kEAAkE;IAClE,IAAM,SAAS,GAAG,IAAA,yBAAgB,EAAC,KAAK,CAAC,CAAC;IAC1C,IAAM,SAAS,GAAG,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,IAAI,mCAAI,SAAS,CAAC;IACnD,OAAO,CACL,uBAAC,cAAc,iBACF,QAAQ,gBACP,SAAS,gBACT,SAAS,gBACT,SAAS,YAEpB,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,wBAAa,cAAE,OAAO,GAAiB,CACzC,CAAC,CAAC,CAAC,CACF,uBAAC,eAAe,cAAE,OAAO,GAAmB,CAC7C,GACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB"}
+{"version":3,"file":"MarkdownDoc.js","sourceRoot":"","sources":["../../../src/components/smartEditor/MarkdownDoc.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,2CAA2C;AAC3C,uEAAuE;AACvE,yEAAyE;AACzE,sEAAsE;AACtE,yEAAyE;AACzE,uEAAuE;AACvE,mEAAmE;AACnE,gCAAgC;AAChC,EAAE;AACF,yEAAyE;AACzE,gBAAgB;AAEhB,mDAAuE;AACvE,uEAAgF;AAChF,kEAA2C;AAC3C,wEAAuC;AAwBvC,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,itEAAsB,iBACxC,EAA4B,qBAC3B,EAA8B,2NAMnC,EAA8B,qmBAyCtB,EAAgB,uuBAkCtB,EAA8B,ujBAkC1C,KApHc,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS;AAAT,CAAS,EAC3B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,UAAU;AAAV,CAAU,EAMnC,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,UAAU;AAAV,CAAU,EAyCtB,oBAAW,CAAC,IAAI,EAkCtB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,UAAU;AAAV,CAAU,CAkC1C,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,qIAAA,2DAGjB,EAAgB,KAChC,KADgB,oBAAW,CAAC,IAAI,CAChC,CAAC;AAEK,IAAM,WAAW,GAAG,UAAC,EAKR;;QAJlB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,gBAAc,EAAd,QAAQ,mBAAG,GAAG,KAAA,EACd,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA;IAEf,IAAM,KAAK,GAAG,IAAA,uBAAc,GAAE,CAAC;IAC/B,sEAAsE;IACtE,kEAAkE;IAClE,IAAM,SAAS,GAAG,IAAA,yBAAgB,EAAC,KAAK,CAAC,CAAC;IAC1C,IAAM,SAAS,GAAG,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,IAAI,mCAAI,SAAS,CAAC;IACnD,OAAO,CACL,uBAAC,cAAc,iBACF,QAAQ,gBACP,SAAS,gBACT,SAAS,gBACT,SAAS,YAEpB,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,wBAAa,cAAE,OAAO,GAAiB,CACzC,CAAC,CAAC,CAAC,CACF,uBAAC,eAAe,cAAE,OAAO,GAAmB,CAC7C,GACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB"}

package/dist/components/smartEditor/SmartEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmartEditor.d.ts","sourceRoot":"","sources":["../../../src/components/smartEditor/SmartEditor.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,wBAAwB,EACzB,MAAM,yDAAyD,CAAC;AAGjE,OAAO,KASN,MAAM,OAAO,CAAC;AAQf,OAAO,EAAiB,iBAAiB,EAAuB,MAAM,SAAS,CAAC;AAsQhF,eAAO,MAAM,WAAW,oGA0fvB,CAAC"}
+{"version":3,"file":"SmartEditor.d.ts","sourceRoot":"","sources":["../../../src/components/smartEditor/SmartEditor.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,wBAAwB,EACzB,MAAM,yDAAyD,CAAC;AAEjE,OAAO,KAUN,MAAM,OAAO,CAAC;AASf,OAAO,EAAiB,iBAAiB,EAAmC,MAAM,SAAS,CAAC;AA8L5F,eAAO,MAAM,WAAW,oGAwiBvB,CAAC"}

package/dist/components/smartEditor/SmartEditor.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -48,22 +25,26 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 // Copyright 2026 Qore Technologies, s.r.o.
 var reqore_1 = require("@qoretechnologies/reqore");
 var Popover_1 = require("@qoretechnologies/reqore/dist/components/Popover");
+var sizes_1 = require("@qoretechnologies/reqore/dist/constants/sizes");
 var RichTextEditor_1 = require("@qoretechnologies/reqore/dist/components/RichTextEditor");
 var colors_1 = require("@qoretechnologies/reqore/dist/helpers/colors");
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var slate_1 = require("slate");
 var slate_react_1 = require("slate-react");
 var emittedValues_1 = require("../form/fields/emittedValues");
 var helpers_1 = require("./helpers");
+var useTemplateTags_1 = require("../form/fields/rich-text/useTemplateTags");
+var CompletionMenu_1 = require("./CompletionMenu");
 var MarkdownDoc_1 = require("./MarkdownDoc");
-var styling_1 = require("./styling");
+var typedReferences_1 = require("./typedReferences");
 var useLspAutocomplete_1 = require("./useLspAutocomplete");
 var useLspDiagnosticDecorations_1 = require("./useLspDiagnosticDecorations");
 var useLspHover_1 = require("./useLspHover");
+var useCoarsePointer_1 = require("../../hooks/useCoarsePointer");
 var useLspSemanticTokens_1 = require("./useLspSemanticTokens");
 var useLspSignatureHelp_1 = require("./useLspSignatureHelp");
 // One-Dark-ish palette keyed off the LSP semantic-token legend; absent
-// types fall through to Slate's default text colour.
+// types fall through to Slate's default text color.
 var SEMANTIC_TOKEN_COLORS = {
     keyword: '#c678dd', // purple — control flow, `in`, `not`, `between`, …
     operator: '#56b6c2', // cyan — ==, !=, &&, ||, =~, !~, …
@@ -82,56 +63,6 @@ var SEMANTIC_TOKEN_COLORS = {
     decorator: '#c678dd', // purple
     namespace: '#e5c07b', // yellow
 };
-// Kind chip + a Warning chip (Qonsole flags mutating verbs) for a
-// completion row; undefined when neither applies.
-function buildKindBadge(item) {
-    var _a;
-    var kindIntent = ((_a = item.metadata) === null || _a === void 0 ? void 0 : _a.kind) !== undefined ? styling_1.COMPLETION_KIND_INTENTS[item.metadata.kind] : undefined;
-    var kindBadge = item.kindLabel ?
-        {
-            label: item.kindLabel,
-            minimal: true,
-            size: 'small',
-            intent: kindIntent,
-        }
-        : null;
-    var warningBadge = item.warning ?
-        {
-            label: 'Warning',
-            size: 'small',
-            intent: 'warning',
-            tooltip: item.warning,
-        }
-        : null;
-    if (warningBadge && kindBadge)
-        return [kindBadge, warningBadge];
-    if (warningBadge)
-        return [warningBadge];
-    if (kindBadge)
-        return kindBadge;
-    return undefined;
-}
-// Tooltip prop rendering a row's LSP `documentation` (markdown/plaintext),
-// or undefined when there is none.
-function buildDocTooltip(item) {
-    var _a;
-    var doc = item.documentation;
-    if (!doc)
-        return undefined;
-    var isMarkdown = typeof doc === 'object' && doc !== null && doc.kind === 'markdown';
-    var text = typeof doc === 'string' ? doc : ((_a = doc === null || doc === void 0 ? void 0 : doc.value) !== null && _a !== void 0 ? _a : '');
-    if (!text)
-        return undefined;
-    return {
-        content: (0, jsx_runtime_1.jsx)(MarkdownDoc_1.MarkdownDoc, { content: text, markdown: isMarkdown }),
-        placement: 'right',
-        delay: 200,
-        // The cast covers popover props missing from the older tooltip type.
-        flat: true,
-        transparent: true,
-        backgroundBlur: 20,
-    };
-}
 // Applies the server's `textEdit` (replacing the typed partial token so
 // `-` + `--desc=` doesn't become `---desc=`), else inserts at the cursor.
 // DPQL/Qonsole wrappers override this to insert tag chips.
@@ -175,19 +106,6 @@ var defaultCompletionInserter = function (item, editor, ctx) {
         // Editor may not be focused.
     }
 };
-// Module-scoped so the reference is stable across renders — an inline
-// object would defeat ReqoreMenuItem's memoization.
-var COMPLETION_ITEM_STYLE = { fontFamily: 'monospace' };
-// Memoized completion row so badge/tooltip derivation runs once per item,
-// not on every SmartEditor re-render.
-var CompletionMenuItem = (0, react_1.memo)(function (_a) {
-    var item = _a.item, isFocused = _a.isFocused, onSelect = _a.onSelect;
-    var badge = (0, react_1.useMemo)(function () { return buildKindBadge(item); }, [item]);
-    var tooltip = (0, react_1.useMemo)(function () { return buildDocTooltip(item); }, [item]);
-    var handleClick = (0, react_1.useCallback)(function () { return onSelect(item); }, [onSelect, item]);
-    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreMenuItem, { icon: item.icon, label: item.label, description: item.description, badge: badge, tooltip: tooltip, selected: isFocused, active: isFocused, minimal: true, scrollIntoView: isFocused, onClick: handleClick, compact: true, style: COMPLETION_ITEM_STYLE }));
-});
-CompletionMenuItem.displayName = 'CompletionMenuItem';
 // Memoized signature pill. Prefers ABOVE the caret line, falling back to
 // BELOW when that would clip the viewport top; horizontally clamped to the
 // viewport.
@@ -246,13 +164,24 @@ var SignatureHelpPill = (0, react_1.memo)(function (_a) {
             boxShadow: '0 4px 16px rgba(0,0,0,0.3)',
             pointerEvents: 'none',
             zIndex: 100,
-        }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreCallout, { size: 'small', paddingSize: 'tiny', style: { fontFamily: 'monospace' }, label: label }), paramDoc && ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: 4, opacity: 0.85 }, children: (0, jsx_runtime_1.jsx)(MarkdownDoc_1.MarkdownDoc, { content: paramDoc, markdown: true }) }))] }, "sig-".concat(position.left, "-").concat(position.top, "-").concat(placeBelow)));
+        }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreCallout, { size: 'small', paddingSize: 'tiny', style: { fontFamily: reqore_1.ReqoreFonts.mono }, label: label }), paramDoc && ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: 4, opacity: 0.85 }, children: (0, jsx_runtime_1.jsx)(MarkdownDoc_1.MarkdownDoc, { content: paramDoc, markdown: true }) }))] }, "sig-".concat(position.left, "-").concat(position.top, "-").concat(placeBelow)));
 });
 SignatureHelpPill.displayName = 'SignatureHelpPill';
+/** Distinguishes the completion lists of the editors on a page, for each editor's `aria-controls`. */
+var completionMenuCounter = 0;
+/* The text's box in its row: it takes the row, and gives it up to the Details button beside it on a touch
+   screen. */
+var EDITOR_BOX_STYLE = {
+    position: 'relative',
+    flex: '1 1 auto',
+    minWidth: 0,
+};
 exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
-    var session = _a.session, value = _a.value, onChange = _a.onChange, decorate = _a.decorate, customRenderLeaf = _a.customRenderLeaf, tagRenderer = _a.tagRenderer, onTagClick = _a.onTagClick, triggerCharacters = _a.triggerCharacters, _b = _a.converter, converter = _b === void 0 ? helpers_1.defaultSlateConverter : _b, _c = _a.completionInserter, completionInserter = _c === void 0 ? defaultCompletionInserter : _c, topActions = _a.topActions, height = _a.height, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, _e = _a.showDiagnostics, showDiagnostics = _e === void 0 ? true : _e, onBlur = _a.onBlur, loadingIndicator = _a.loadingIndicator, _f = _a.enableHover, enableHover = _f === void 0 ? true : _f, _g = _a.isLoading, isLoading = _g === void 0 ? false : _g, _h = _a.enableSignatureHelp, enableSignatureHelp = _h === void 0 ? true : _h;
+    var _b, _c;
+    var session = _a.session, value = _a.value, onChange = _a.onChange, decorate = _a.decorate, customRenderLeaf = _a.customRenderLeaf, tagRenderer = _a.tagRenderer, onTagClick = _a.onTagClick, triggerCharacters = _a.triggerCharacters, _d = _a.converter, converter = _d === void 0 ? helpers_1.defaultSlateConverter : _d, _e = _a.completionInserter, completionInserter = _e === void 0 ? defaultCompletionInserter : _e, topActions = _a.topActions, height = _a.height, size = _a.size, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, _g = _a.showDiagnostics, showDiagnostics = _g === void 0 ? true : _g, onBlur = _a.onBlur, tags = _a.tags, loadingIndicator = _a.loadingIndicator, _h = _a.enableHover, enableHover = _h === void 0 ? true : _h, hoverDelayMs = _a.hoverDelayMs, _j = _a.isLoading, isLoading = _j === void 0 ? false : _j, _k = _a.enableSignatureHelp, enableSignatureHelp = _k === void 0 ? true : _k;
     var theme = (0, reqore_1.useReqoreTheme)();
     var editorRef = (0, react_1.useRef)(null);
+    var completionMenuId = (0, react_1.useMemo)(function () { return "completion-menu-".concat(++completionMenuCounter); }, []);
     var lastPlainTextRef = (0, react_1.useRef)(value);
     // Cached Slate nodes, refreshed only on EXTERNAL value changes — not on
     // the typing echo. Passing a fresh ref every keystroke re-runs
@@ -264,9 +193,9 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
        from outside — a leading chip gains an empty text leaf before it — without
        changing its text, so `value` never changes and the cache above kept the
        tree the editor no longer had. Every offset computed from it (token
-       colours, diagnostics, signature help) then pointed one leaf off: a Text
+       colors, diagnostics, signature help) then pointed one leaf off: a Text
        view seeded with `"$local:name" == "John"` was never highlighted. */
-    var _j = (0, react_1.useReducer)(function (count) { return count + 1; }, 0), editorTreeVersion = _j[0], noteEditorTree = _j[1];
+    var _l = (0, react_1.useReducer)(function (count) { return count + 1; }, 0), editorTreeVersion = _l[0], noteEditorTree = _l[1];
     (0, react_1.useImperativeHandle)(ref, function () { return editorRef.current; }, []);
     // Gates all LSP hooks on both the connection (`isReady`) and any
     // wrapper context binding (`isContextReady`) — without the latter,
@@ -283,7 +212,25 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
     });
     var hover = (0, useLspHover_1.useLspHover)(session, editorRef, converter, {
         enabled: enableHover,
+        debounceMs: hoverDelayMs,
+        // a chip whose props carry a tooltip (a field the record describes) shows that, not the server's hover too
+        chipHasOwnHover: function (tag) {
+            var _a;
+            return !!((_a = tagRenderer === null || tagRenderer === void 0 ? void 0 : tagRenderer(tag)) === null || _a === void 0 ? void 0 : _a.tooltip);
+        },
     });
+    /* The hover the popover drawn in this render is of: what it dismisses when it closes, and nothing newer. */
+    var shownHoverId = hover.hoverId;
+    /* A finger cannot hover: where the pointer is one, "Details" shows what the server says of the word at the
+       caret, in the same pop-up a mouse gets by hovering. Only where the server says anything (`hoverProvider`). */
+    var coarse = (0, useCoarsePointer_1.useCoarsePointer)();
+    var showDetailsButton = coarse &&
+        enableHover &&
+        session.isReady &&
+        !!((_c = (_b = session.client) === null || _b === void 0 ? void 0 : _b.capabilities) === null || _c === void 0 ? void 0 : _c.hoverProvider);
+    /* The hover Details showed, drawn as a card under the button rather than over the text (`showAtCaret`). */
+    var _m = (0, react_1.useState)(), detailsHoverId = _m[0], setDetailsHoverId = _m[1];
+    var detailsShown = detailsHoverId !== undefined && hover.hoverId === detailsHoverId;
     /* What the editor has reported and the host has not handed back yet. A host can hand an emit back
        after the next key is already in the editor - one that debounces, or a render that lands between
        two keys - and that stale value is not a change: rebuilding the document from it replaced the text
@@ -309,7 +256,7 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
     }, [value, converter, editorTreeVersion]);
     /* A value set from outside is a change to the document as much as typing
        is — a Text view seeded after mount, a Preview following the author. The
-       server colours and diagnoses its own copy of the text, so it must hold
+       server colors and diagnoses its own copy of the text, so it must hold
        this one; typing already sent its text, and is not resent. */
     var syncDocument = session.didChange;
     (0, react_1.useEffect)(function () {
@@ -337,7 +284,7 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
         // Diagnostics last so the wavy underline isn't overdrawn.
         return __spreadArray(__spreadArray(__spreadArray([], userRanges, true), semanticRanges, true), diagRanges, true);
     }, [decorate, semanticDecorate, diagnosticDecorate, showDiagnostics]);
-    // Paints semantic-token colours and diagnostic underlines, falling
+    // Paints semantic-token colors and diagnostic underlines, falling
     // through to the consumer's `customRenderLeaf` for everything else.
     var renderLeafWithMarks = (0, react_1.useCallback)(function (props) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -358,7 +305,7 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
                     }, children: child }));
             }
         }
-        // Underline outermost so it overlays the syntax colour; hex
+        // Underline outermost so it overlays the syntax color; hex
         // fallbacks cover host themes that omit a diagnostic intent.
         if (leaf.error) {
             var underlineColor = leaf.severity === 2 ? ((_d = (_c = theme.intents) === null || _c === void 0 ? void 0 : _c.warning) !== null && _d !== void 0 ? _d : '#f0a500')
@@ -372,6 +319,36 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
         }
         return child;
     }, [customRenderLeaf, theme]);
+    /* A reference typed out in full is drawn as its chip, as one picked from the completion list is: the
+       paragraph is redrawn from its text, which the converter reads it in (`rechipTypedReferences`). The text is
+       the same, so nothing is reported for it. */
+    var drawTypedReferences = function (editor, index, rechipped) {
+        slate_1.Editor.withoutNormalizing(editor, function () {
+            var paragraph = editor.children[index];
+            for (var child = paragraph.children.length - 1; child >= 0; child -= 1) {
+                slate_1.Transforms.removeNodes(editor, { at: [index, child] });
+            }
+            slate_1.Transforms.insertNodes(editor, rechipped.children, {
+                at: [index, 0],
+            });
+        });
+        if (rechipped.caret) {
+            slate_1.Transforms.select(editor, rechipped.caret);
+        }
+    };
+    // the editor has been left: every reference typed in it is drawn as its chip
+    var handleBlur = (0, react_1.useCallback)(function () {
+        var editor = editorRef.current;
+        if (editor && !readOnly) {
+            editor.children.forEach(function (paragraph, index) {
+                var rechipped = (0, typedReferences_1.rechipTypedReferences)(converter, paragraph, index);
+                if (rechipped) {
+                    drawTypedReferences(editor, index, rechipped);
+                }
+            });
+        }
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+    }, [converter, readOnly, onBlur]);
     var handleSlateChange = (0, react_1.useCallback)(function (newNodes) {
         var plainText = converter.fromSlateNodes(newNodes);
         // A selection change reports the same tree; anything else is the tree
@@ -390,6 +367,18 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
             // parameter never advances.
             onChange(plainText);
             session.didChange(plainText);
+            // a reference typed out in full, and left by the character just typed, is drawn as its chip
+            var editor = editorRef.current;
+            var at = editor === null || editor === void 0 ? void 0 : editor.selection;
+            if (editor && at && slate_1.Range.isCollapsed(at) && !readOnly && converter.endsReference) {
+                var _a = at.anchor.path, index = _a[0], child = _a[1];
+                var paragraph = newNodes[index];
+                var rechipped = paragraph &&
+                    (0, typedReferences_1.rechipTypedReferences)(converter, paragraph, index, converter.selectionToOffset([paragraph], [0, child], at.anchor.offset));
+                if (rechipped) {
+                    drawTypedReferences(editor, index, rechipped);
+                }
+            }
         }
         if (editorRef.current && !readOnly) {
             autocomplete.onSlateChange(editorRef.current, newNodes);
@@ -398,9 +387,16 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
     // Replace mode: open the dropdown at the chip's DOM rect (not the
     // editor selection — clicks on a Slate VOID inline don't reliably
     // update `editor.selection`) and atomically swap the chip on select.
+    var hasBrowseList = !!tags && Object.keys(tags).length > 0;
     var handleTagClickDefault = (0, react_1.useCallback)(function (tag, editor) {
         if (readOnly)
             return;
+        /* An editor with a browse list (`tags`) answers a click on a chip with that list, as a click anywhere
+           in its text, and as a value's text does: one list at a time. Opening the chip's replacements beside
+           it put two lists over the text, and what was typed then reached neither (qorus#646, David: "you
+           can't type"). */
+        if (hasBrowseList)
+            return;
         try {
             var tagPath = slate_react_1.ReactEditor.findPath(editor, tag);
             var domNode = slate_react_1.ReactEditor.toDOMNode(editor, tag);
@@ -413,7 +409,7 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
         catch (_a) {
             // Tag may have been removed mid-render — ignore.
         }
-    }, [readOnly, autocomplete]);
+    }, [readOnly, autocomplete, hasBrowseList]);
     var resolvedTagClick = onTagClick !== null && onTagClick !== void 0 ? onTagClick : handleTagClickDefault;
     // ReqoreRichTextEditor memoizes `renderElement` without `onTagClick` in
     // its deps, so it captures the FIRST render's handler forever (stale
@@ -431,15 +427,6 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
             return;
         autocomplete.onItemSelect(item, editorRef.current);
     }, [autocomplete]);
-    // Flatten groups into rows carrying a flat index to compare against
-    // `focusedIndex` (which is flat across all groups).
-    var completionGroups = (0, react_1.useMemo)(function () {
-        var flatIndex = 0;
-        return autocomplete.groups.map(function (group) { return ({
-            label: group.label,
-            items: group.items.map(function (item) { return ({ item: item, index: flatIndex++ }); }),
-        }); });
-    }, [autocomplete.groups]);
     // Overlay shown while the session connects, a context binding resolves,
     // or the wrapper signals `isLoading` (e.g. DpqlEditor awaiting
     // `dpql/toRichtext`). The editor stays mounted underneath;
@@ -453,82 +440,79 @@ exports.SmartEditor = (0, react_1.forwardRef)(function (_a, ref) {
     var overlayContent = !showLoadingOverlay ? null
         : loadingIndicator !== undefined && loadingIndicator !== null ? loadingIndicator
             : (0, jsx_runtime_1.jsx)(reqore_1.ReqoreSpinner, { iconColor: 'info:lighten:2', size: 'small', centered: true, labelEffect: { textSize: 'small' }, children: defaultLoadingLabel });
-    return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { vertical: true, fluid: true, children: [topActions, (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)(RichTextEditor_1.ReqoreRichTextEditor, { ref: editorRef, value: slateValue, onChange: handleSlateChange, readOnly: readOnly, customRenderLeaf: renderLeafWithMarks, decorate: composedDecorate, getTagProps: tagRenderer, onTagClick: stableOnTagClick, onBlur: onBlur, panelProps: {
-                            fluid: true,
-                            flat: true,
-                            style: {
-                                // Auto-grow: the editor sizes to its content and grows
-                                // as lines are added. `height` is an optional *minimum*
-                                // floor (e.g. a multi-line code editor); when omitted,
-                                // a single comfortable line so the empty field stays
-                                // clickable and the diagnostics panel hugs the input
-                                // instead of sitting below a tall reserved box.
-                                minHeight: height !== null && height !== void 0 ? height : '2.4em',
-                                fontFamily: 'monospace',
-                                fontSize: '13px',
-                            },
-                        } }), showLoadingOverlay && ((0, jsx_runtime_1.jsx)("div", { 
-                        // Absolutely-positioned, centred panel covering the
-                        // editor body. `backdrop-filter: blur` matches the
-                        // 20px backdrop blur Reqore uses for drawers — keeps
-                        // the editor content faintly readable underneath while
-                        // signalling "this surface is paused". Pointer events
-                        // pass through; the LSP-dependent paths short-circuit
-                        // on `!isReady` / `!isContextReady` anyway.
-                        style: {
-                            position: 'absolute',
-                            inset: 0,
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            background: 'rgba(10, 10, 10, 0.35)',
-                            backdropFilter: 'blur(4px)',
-                            WebkitBackdropFilter: 'blur(4px)',
-                            borderRadius: 4,
-                            pointerEvents: 'none',
-                            zIndex: 2,
-                        }, children: overlayContent })), autocomplete.isOpen &&
-                        (autocomplete.items.length > 0 ||
-                            autocomplete.isReplaceMode ||
-                            autocomplete.isFetching) && ((0, jsx_runtime_1.jsx)(Popover_1.ReqorePopover, { component: 'span', wrapperStyle: {
-                            // `fixed` anchor at the cursor's screen coords — avoids
-                            // parent-offset math.
-                            position: 'fixed',
-                            top: autocomplete.position.top,
-                            left: autocomplete.position.left,
-                            width: '1px',
-                            height: '1px',
-                            pointerEvents: 'none',
-                        }, content: (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreMenu, { rounded: true, flat: true, maxHeight: '300px', width: '300px', effect: styling_1.SMART_EDITOR_OVERLAY_EFFECT, customTheme: { main: '#1e0d29' }, children: [autocomplete.items.length === 0 &&
-                                    (autocomplete.isReplaceMode || autocomplete.isFetching) && ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreMenuItem, { icon: 'LoaderLine', label: !session.isReady ? 'Connecting to language server…'
-                                        : !session.isContextReady ?
-                                            'Loading schema…'
-                                            : autocomplete.isFetching ?
-                                                'Loading completions…'
-                                                : 'No alternatives available', disabled: true, compact: true })), completionGroups.map(function (group) { return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [group.label && ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreMenuDivider, { label: group.label, 
-                                            // @ts-expect-error — intent type not in older Reqore
-                                            intent: 'muted' })), group.items.map(function (_a) {
-                                            var item = _a.item, index = _a.index;
-                                            return ((0, jsx_runtime_1.jsx)(CompletionMenuItem, { item: item, isFocused: index === autocomplete.focusedIndex, onSelect: handleCompletionSelect }, item.value));
-                                        })] }, group.label || '_default')); })] }), openOnMount: true, noArrow: true, placement: 'bottom-start', handler: 'click', closeOnOutsideClick: true, closeOnInsideClick: false, minWidth: '300px', flat: true, 
-                        // Transparent so the popover wrapper doesn't frame the menu.
-                        transparent: true, onToggleChange: autocomplete.handleExternalClose }, autocomplete.popoverKey)), hover.hoverContent && hover.hoverPosition && (
-                    // Non-interactive (`pointerEvents: none`) so typing/clicking
-                    // doesn't dismiss it via a focus trap.
-                    (0, jsx_runtime_1.jsx)(Popover_1.ReqorePopover, { component: 'span', wrapperStyle: {
-                            position: 'fixed',
-                            top: hover.hoverPosition.top,
-                            left: hover.hoverPosition.left,
-                            width: '1px',
-                            height: '1px',
-                            pointerEvents: 'none',
-                        }, content: (0, jsx_runtime_1.jsx)("div", { style: { padding: 4 }, children: (0, jsx_runtime_1.jsx)(MarkdownDoc_1.MarkdownDoc, { content: hover.hoverContent.value, markdown: hover.hoverContent.kind === 'markdown' }) }), openOnMount: true, noArrow: true, placement: 'top', handler: 'hover', closeOnOutsideClick: true, minWidth: '220px', flat: true, transparent: true, backgroundBlur: 20, onToggleChange: function (open) {
-                            if (!open)
-                                hover.clearHover();
-                        } }, "hover-".concat(hover.hoverPosition.left, "-").concat(hover.hoverPosition.top))), signatureHelp.signature && signatureHelp.position && ((0, jsx_runtime_1.jsx)(SignatureHelpPill, { signature: signatureHelp.signature, position: signatureHelp.position }))] }), showDiagnostics && session.diagnostics.length > 0 && (
+    return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { vertical: true, fluid: true, children: [topActions, (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { fluid: true, verticalAlign: 'flex-start', className: 'smart-editor-row', children: [(0, jsx_runtime_1.jsxs)("div", { style: EDITOR_BOX_STYLE, children: [(0, jsx_runtime_1.jsx)(RichTextEditor_1.ReqoreRichTextEditor, { ref: editorRef, value: slateValue, onChange: handleSlateChange, readOnly: readOnly, customRenderLeaf: renderLeafWithMarks, decorate: composedDecorate, getTagProps: tagRenderer, onTagClick: stableOnTagClick, size: size, onBlur: handleBlur, 
+                                // the field's templates, browsed when the text is clicked, tapped or tabbed into: the browse list,
+                                // drawn as the completion list is
+                                tags: tags, tagsListProps: __assign({ useTargetWidth: true }, useTemplateTags_1.TEMPLATE_BROWSE_LIST_PROPS), "aria-autocomplete": 'list', "aria-expanded": autocomplete.isOpen, "aria-controls": completionMenuId, panelProps: {
+                                    fluid: true,
+                                    flat: true,
+                                    style: {
+                                        // Auto-grow: the editor sizes to its content and grows
+                                        // as lines are added. `height` is an optional *minimum*
+                                        // floor (e.g. a multi-line code editor); when omitted,
+                                        // a single comfortable line so the empty field stays
+                                        // clickable and the diagnostics panel hugs the input
+                                        // instead of sitting below a tall reserved box.
+                                        minHeight: height !== null && height !== void 0 ? height : '2.4em',
+                                        /* reqore's mono stack, as every other code-like text: the bare generic keyword is the browser's
+                                           default fixed-width font (Courier in Chrome on macOS), larger than the field's own face */
+                                        fontFamily: reqore_1.ReqoreFonts.mono,
+                                        /* the size the text is written in (the text area's, for this size), so the frame and its `em`
+                                           floor are the text's: a fixed 13px was larger than a small field's text, and the panel's own
+                                           size larger again, which made the frame taller than the field's other tabs */
+                                        fontSize: sizes_1.CONTROL_TEXT_FROM_SIZE[size !== null && size !== void 0 ? size : 'normal'],
+                                    },
+                                } }), showLoadingOverlay && ((0, jsx_runtime_1.jsx)("div", { 
+                                // Absolutely-positioned, centred panel covering the
+                                // editor body. `backdrop-filter: blur` matches the
+                                // 20px backdrop blur Reqore uses for drawers — keeps
+                                // the editor content faintly readable underneath while
+                                // signalling "this surface is paused". Pointer events
+                                // pass through; the LSP-dependent paths short-circuit
+                                // on `!isReady` / `!isContextReady` anyway.
+                                style: {
+                                    position: 'absolute',
+                                    inset: 0,
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    background: 'rgba(10, 10, 10, 0.35)',
+                                    backdropFilter: 'blur(4px)',
+                                    WebkitBackdropFilter: 'blur(4px)',
+                                    borderRadius: 4,
+                                    pointerEvents: 'none',
+                                    zIndex: 2,
+                                }, children: overlayContent })), (0, jsx_runtime_1.jsx)(CompletionMenu_1.CompletionMenu, { autocomplete: autocomplete, id: completionMenuId, onSelect: handleCompletionSelect, pendingLabel: !session.isReady ? 'Connecting to language server…'
+                                    : !session.isContextReady ? 'Loading schema…'
+                                        : undefined }), hover.hoverContent && hover.hoverPosition && (
+                            // Non-interactive (`pointerEvents: none`) so typing/clicking
+                            // doesn't dismiss it via a focus trap.
+                            (0, jsx_runtime_1.jsx)(Popover_1.ReqorePopover
+                            // one popover per hover: the next one is a popover of its own, wherever it is
+                            , __assign({ component: 'span', wrapperStyle: {
+                                    position: 'fixed',
+                                    top: hover.hoverPosition.top,
+                                    left: hover.hoverPosition.left,
+                                    width: '1px',
+                                    height: '1px',
+                                    pointerEvents: 'none',
+                                }, content: (0, jsx_runtime_1.jsx)("div", { style: { padding: 4 }, children: (0, jsx_runtime_1.jsx)(MarkdownDoc_1.MarkdownDoc, { content: hover.hoverContent.value, markdown: hover.hoverContent.kind === 'markdown' }) }), openOnMount: true, noArrow: true, 
+                                /* A mouse's hover floats over the word it is of, as glass. What Details shows is a card of its
+                                   own, under the button and beside the text, on a surface it reads on. */
+                                placement: detailsShown ? 'bottom-end' : 'top', handler: 'hover', closeOnOutsideClick: true, minWidth: '220px' }, (detailsShown ? {} : { flat: true, transparent: true, backgroundBlur: 20 }), { onToggleChange: function (open) {
+                                    // this hover only: a popover replaced by the next hover says it closed as it goes
+                                    if (!open)
+                                        hover.clearHover(shownHoverId);
+                                } }), "hover-".concat(hover.hoverId))), signatureHelp.signature && signatureHelp.position && ((0, jsx_runtime_1.jsx)(SignatureHelpPill, { signature: signatureHelp.signature, position: signatureHelp.position }))] }), showDetailsButton && ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { className: 'smart-editor-details', icon: 'InformationLine', fixed: true, flat: true, minimal: true, "aria-label": 'Show what the word at the cursor is', 
+                        // the press keeps the focus, and the caret the details are of, in the text
+                        onMouseDown: function (event) { return event.preventDefault(); }, onClick: function (event) {
+                            // anchored under the button's right edge: the card opens beside the text, not over it
+                            var _a = event.currentTarget.getBoundingClientRect(), right = _a.right, bottom = _a.bottom;
+                            void hover.showAtCaret({ left: right, top: bottom }).then(setDetailsHoverId);
+                        }, children: "Details" }))] }), showDiagnostics && session.diagnostics.length > 0 && (
             // One ReqoreMessage per diagnostic, severity → intent. Same
             // `session.diagnostics` source as the inline underline above.
-            (0, jsx_runtime_1.jsx)(reqore_1.ReqoreControlGroup, { vertical: true, fluid: true, size: 'small', children: session.diagnostics.map(function (diag, i) { return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreMessage, { intent: (0, useLspDiagnosticDecorations_1.severityToIntent)(diag.severity), icon: diag.severity === 2 ? 'AlertLine'
+            (0, jsx_runtime_1.jsx)(reqore_1.ReqoreControlGroup, { vertical: true, fluid: true, size: 'small', children: session.diagnostics.map(function (diag, i) { return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreMessage, { intent: (0, useLspDiagnosticDecorations_1.severityToIntent)(diag.severity), "data-severity": (0, useLspDiagnosticDecorations_1.severityToIntent)(diag.severity), icon: diag.severity === 2 ? 'AlertLine'
                         : diag.severity && diag.severity >= 3 ?
                             'InformationLine'
                             : 'ErrorWarningLine', size: 'small', opaque: false, children: diag.message }, "".concat(diag.range.start.line, ":").concat(diag.range.start.character, ":").concat(i))); }) }))] }));