@octaviaflow/core 3.0.18-beta.41 → 3.0.18-beta.43

package/dist/components/ConditionBuilder/ConditionBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,wBAAwB,EAG7B,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;4DAEwD;IACxD,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,CAAC,SAAS,GAAG,cAAc,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC;4EACwE;IACxE,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B;yEACqE;IACrE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;mEAI+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAsMD,eAAO,MAAM,gBAAgB,kHA+M3B,CAAC"}
+{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,wBAAwB,EAG7B,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;4DAEwD;IACxD,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,CAAC,SAAS,GAAG,cAAc,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC;4EACwE;IACxE,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B;yEACqE;IACrE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;mEAI+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA0OD,eAAO,MAAM,gBAAgB,kHA+M3B,CAAC"}

package/dist/index.cjs

@@ -7873,6 +7873,7 @@ function useCommandPaletteShortcut(toggle, options = {}) {
 // src/components/ConditionBuilder/ConditionBuilder.tsx
 var import_icons9 = require("@octaviaflow/icons");
 var import_react45 = require("react");
+var import_react_dom5 = require("react-dom");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function OptionDropdown({
   value,
@@ -7890,6 +7891,22 @@ function OptionDropdown({
   const panelRef = (0, import_react45.useRef)(null);
   const inputRef = (0, import_react45.useRef)(null);
   const listboxId = (0, import_react45.useId)();
+  const [panelPos, setPanelPos] = (0, import_react45.useState)(null);
+  const updatePanelPos = (0, import_react45.useCallback)(() => {
+    if (!triggerRef.current) return;
+    const r = triggerRef.current.getBoundingClientRect();
+    setPanelPos({ top: r.bottom + 4, left: r.left, width: r.width });
+  }, []);
+  (0, import_react45.useLayoutEffect)(() => {
+    if (!open) return;
+    updatePanelPos();
+    window.addEventListener("scroll", updatePanelPos, true);
+    window.addEventListener("resize", updatePanelPos);
+    return () => {
+      window.removeEventListener("scroll", updatePanelPos, true);
+      window.removeEventListener("resize", updatePanelPos);
+    };
+  }, [open, updatePanelPos]);
   const showSearch = searchable === true || searchable === "auto" && options.length > 8;
   const selected = options.find((o) => o.value === value);
   const filtered = (0, import_react45.useMemo)(() => {
@@ -7976,54 +7993,71 @@ function OptionDropdown({
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { ref: panelRef, className: "ods-cb-dd__panel", role: "presentation", children: [
-      showSearch && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ods-cb-dd__search", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons9.SearchIcon, { "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          "input",
-          {
-            ref: inputRef,
-            value: query,
-            onChange: (e) => setQuery(e.target.value),
-            placeholder: "Search\u2026",
-            "aria-label": "Search options"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("ul", { id: listboxId, role: "listbox", "aria-label": ariaLabel, className: "ods-cb-dd__list", children: [
-        filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { className: "ods-cb-dd__empty", children: "No matches" }),
-        filtered.map((opt, idx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": opt.value === value,
-            className: cn(
-              "ods-cb-dd__opt",
-              opt.value === value && "ods-cb-dd__opt--selected",
-              idx === activeIdx && "ods-cb-dd__opt--active"
-            ),
-            onClick: () => select(opt.value),
-            onMouseEnter: () => setActiveIdx(idx),
-            children: [
-              opt.icon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-icon", "aria-hidden": "true", children: opt.icon }),
-              opt.symbol && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-symbol", children: opt.symbol }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "ods-cb-dd__opt-text", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-label", children: opt.label }),
-                opt.description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-desc", children: opt.description })
-              ] }),
-              opt.value === value && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                import_icons9.CheckmarkIcon,
+    open && panelPos && typeof document !== "undefined" && (0, import_react_dom5.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+        "div",
+        {
+          ref: panelRef,
+          className: "ods-cb-dd__panel ods-cb-dd__panel--portal",
+          role: "presentation",
+          style: {
+            position: "fixed",
+            top: panelPos.top,
+            left: panelPos.left,
+            minWidth: panelPos.width
+          },
+          children: [
+            showSearch && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "ods-cb-dd__search", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons9.SearchIcon, { "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                "input",
                 {
-                  "aria-hidden": "true",
-                  className: "ods-cb-dd__opt-check"
+                  ref: inputRef,
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value),
+                  placeholder: "Search\u2026",
+                  "aria-label": "Search options"
                 }
               )
-            ]
-          }
-        ) }, opt.value))
-      ] })
-    ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("ul", { id: listboxId, role: "listbox", "aria-label": ariaLabel, className: "ods-cb-dd__list", children: [
+              filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { className: "ods-cb-dd__empty", children: "No matches" }),
+              filtered.map((opt, idx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  role: "option",
+                  "aria-selected": opt.value === value,
+                  className: cn(
+                    "ods-cb-dd__opt",
+                    opt.value === value && "ods-cb-dd__opt--selected",
+                    idx === activeIdx && "ods-cb-dd__opt--active"
+                  ),
+                  onClick: () => select(opt.value),
+                  onMouseEnter: () => setActiveIdx(idx),
+                  children: [
+                    opt.icon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-icon", "aria-hidden": "true", children: opt.icon }),
+                    opt.symbol && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-symbol", children: opt.symbol }),
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "ods-cb-dd__opt-text", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-label", children: opt.label }),
+                      opt.description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ods-cb-dd__opt-desc", children: opt.description })
+                    ] }),
+                    opt.value === value && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      import_icons9.CheckmarkIcon,
+                      {
+                        "aria-hidden": "true",
+                        className: "ods-cb-dd__opt-check"
+                      }
+                    )
+                  ]
+                }
+              ) }, opt.value))
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
   ] });
 }
 var ConditionBuilder = (0, import_react45.forwardRef)(function ConditionBuilder2({
@@ -8355,7 +8389,7 @@ var import_icons11 = require("@octaviaflow/icons");
 var import_framer_motion15 = require("framer-motion");
 var import_react47 = require("react");
 var import_react_aria7 = require("react-aria");
-var import_react_dom5 = require("react-dom");
+var import_react_dom6 = require("react-dom");
 
 // src/utils/motion.ts
 var odsMotion = {
@@ -8511,7 +8545,7 @@ var DialogContent = (0, import_react47.forwardRef)(function DialogContent2({
 DialogContent.displayName = "Dialog.Content";
 var Dialog = (0, import_react47.forwardRef)(function Dialog2(props, ref) {
   if (typeof document === "undefined") return null;
-  return (0, import_react_dom5.createPortal)(
+  return (0, import_react_dom6.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_aria7.OverlayProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogContent, { ref, ...props }) }),
     document.body
   );
@@ -9029,11 +9063,17 @@ function CsvTable({
       error.message
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("table", { className: "ods-csv-viewer__table", "aria-label": "CSV data", children: [
-      headerRow && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("tr", { children: Array.from({ length: colCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", children: headerRow[i] ?? "" }, i)) }) }),
+      headerRow && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("tr", { children: Array.from({ length: colCount }).map((_, i) => {
+        const v = headerRow[i] ?? "";
+        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", title: v, children: v }, i);
+      }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("tbody", { children: rows.map((row, ri) => (
         // CSV rows have no stable id — `ri` is the only key we have.
         // Acceptable since CSVs are read-only data.
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("tr", { children: Array.from({ length: colCount }).map((_, ci) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { children: row[ci] ?? "" }, ci)) }, ri)
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("tr", { children: Array.from({ length: colCount }).map((_, ci) => {
+          const v = row[ci] ?? "";
+          return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { title: v, children: v }, ci);
+        }) }, ri)
       )) })
     ] })
   ] });
@@ -9107,7 +9147,7 @@ function CsvEditBody({
 // src/components/ContextMenu/ContextMenu.tsx
 var import_framer_motion17 = require("framer-motion");
 var import_react52 = require("react");
-var import_react_dom6 = require("react-dom");
+var import_react_dom7 = require("react-dom");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function flipIntoViewport(cursor, panelRect, viewport, margin = 8) {
   if (!panelRect) return cursor;
@@ -9340,7 +9380,7 @@ var ContextMenu = (0, import_react52.forwardRef)(
           children
         }
       ),
-      (0, import_react_dom6.createPortal)(panel, portalTarget)
+      (0, import_react_dom7.createPortal)(panel, portalTarget)
     ] });
   }
 );
@@ -10852,7 +10892,7 @@ DatasetCard.displayName = "DatasetCard";
 // src/components/DataTable/DataTable.tsx
 var import_icons14 = require("@octaviaflow/icons");
 var import_react55 = require("react");
-var import_react_dom7 = require("react-dom");
+var import_react_dom8 = require("react-dom");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function readValue(row, col) {
   if (typeof col.accessor === "function") return col.accessor(row);
@@ -10915,7 +10955,7 @@ function PortalMenu({
     right: align === "end" ? pos.right : "auto",
     zIndex: 1e3
   };
-  return (0, import_react_dom7.createPortal)(
+  return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref: menuRef, className: cn("ods-datatable__menu", className), style, children }),
     document.body
   );
@@ -12343,7 +12383,7 @@ Drawer.displayName = "Drawer";
 var import_framer_motion19 = require("framer-motion");
 var import_react61 = require("react");
 var import_react_aria8 = require("react-aria");
-var import_react_dom8 = require("react-dom");
+var import_react_dom9 = require("react-dom");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function MenuItemComponent({ item, state, onAction }) {
   const ref = (0, import_react61.useRef)(null);
@@ -12507,7 +12547,7 @@ function MenuPopup({
     }
   ) });
   if (typeof document !== "undefined") {
-    return (0, import_react_dom8.createPortal)(portalContent, document.body);
+    return (0, import_react_dom9.createPortal)(portalContent, document.body);
   }
   return null;
 }
@@ -16042,7 +16082,7 @@ Heatmap.displayName = "Heatmap";
 
 // src/components/HoverCard/HoverCard.tsx
 var import_react79 = require("react");
-var import_react_dom9 = require("react-dom");
+var import_react_dom10 = require("react-dom");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function computePosition3(rect, panelRect, placement, offset) {
   const cx = rect.left + rect.width / 2;
@@ -16126,7 +16166,7 @@ function HoverCard({
       children
     }
   );
-  const portal = typeof document !== "undefined" && open ? (0, import_react_dom9.createPortal)(
+  const portal = typeof document !== "undefined" && open ? (0, import_react_dom10.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "div",
       {
@@ -18308,7 +18348,7 @@ MetricCard.displayName = "MetricCard";
 // src/components/MultiSelect/MultiSelect.tsx
 var import_framer_motion27 = require("framer-motion");
 var import_react91 = require("react");
-var import_react_dom10 = require("react-dom");
+var import_react_dom11 = require("react-dom");
 var import_icons24 = require("@octaviaflow/icons");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var RESERVED_TAIL_PX = 64;
@@ -18676,7 +18716,7 @@ var MultiSelect = (0, import_react91.forwardRef)(
               ]
             }
           ),
-          typeof document !== "undefined" && (0, import_react_dom10.createPortal)(
+          typeof document !== "undefined" && (0, import_react_dom11.createPortal)(
             /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_framer_motion27.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
               import_framer_motion27.motion.div,
               {
@@ -20641,7 +20681,7 @@ PipelineCard.displayName = "PipelineCard";
 
 // src/components/Popover/Popover.tsx
 var import_react99 = require("react");
-var import_react_dom11 = require("react-dom");
+var import_react_dom12 = require("react-dom");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function computePosition4(rect, popRect, placement, offset) {
   const cx = rect.left + rect.width / 2;
@@ -20738,7 +20778,7 @@ function Popover({
       children
     }
   );
-  const portal = typeof document !== "undefined" && open ? (0, import_react_dom11.createPortal)(
+  const portal = typeof document !== "undefined" && open ? (0, import_react_dom12.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
       "div",
       {
@@ -22676,7 +22716,7 @@ function SettingsRow({
 // src/components/Sheet/Sheet.tsx
 var import_framer_motion29 = require("framer-motion");
 var import_react114 = require("react");
-var import_react_dom12 = require("react-dom");
+var import_react_dom13 = require("react-dom");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var slideVariants = {
   top: { initial: { y: "-100%" }, animate: { y: 0 }, exit: { y: "-100%" } },
@@ -22759,7 +22799,7 @@ function Sheet({
     )
   ] }) });
   if (typeof document === "undefined") return null;
-  return (0, import_react_dom12.createPortal)(content, document.body);
+  return (0, import_react_dom13.createPortal)(content, document.body);
 }
 
 // src/components/Show/Show.tsx
@@ -23392,7 +23432,7 @@ SkeletonGroup.displayName = "SkeletonGroup";
 var import_framer_motion30 = require("framer-motion");
 var import_react117 = require("react");
 var import_react_aria11 = require("react-aria");
-var import_react_dom13 = require("react-dom");
+var import_react_dom14 = require("react-dom");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var slideVariants2 = {
   left: {
@@ -23484,7 +23524,7 @@ function SlideoutContent({
 }
 function SlideoutPanel(props) {
   if (typeof document === "undefined") return null;
-  return (0, import_react_dom13.createPortal)(
+  return (0, import_react_dom14.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_aria11.OverlayProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SlideoutContent, { ...props }) }),
     document.body
   );
@@ -24101,7 +24141,7 @@ VStack.displayName = "VStack";
 // src/components/Spotlight/Spotlight.tsx
 var import_framer_motion31 = require("framer-motion");
 var import_react122 = require("react");
-var import_react_dom14 = require("react-dom");
+var import_react_dom15 = require("react-dom");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var Spotlight = (0, import_react122.forwardRef)(
   function Spotlight2({
@@ -24168,7 +24208,7 @@ var Spotlight = (0, import_react122.forwardRef)(
       width: rect.width + padding * 2,
       height: rect.height + padding * 2
     } : null;
-    return (0, import_react_dom14.createPortal)(
+    return (0, import_react_dom15.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_framer_motion31.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
         import_framer_motion31.motion.div,
         {
@@ -25859,7 +25899,7 @@ TestimonialCard.displayName = "TestimonialCard";
 // src/components/Textarea/Textarea.tsx
 var import_react136 = require("react");
 var import_react_aria14 = require("react-aria");
-var import_react_dom15 = require("react-dom");
+var import_react_dom16 = require("react-dom");
 var import_icons43 = require("@octaviaflow/icons");
 
 // src/hooks/useTextareaCommands.ts
@@ -26651,7 +26691,7 @@ var Textarea = (0, import_react136.forwardRef)(
                 "aria-activedescendant": cmdEnabled && cmdPalette.isOpen && cmdPalette.items[cmdPalette.activeIndex] ? `${baseId}-cmd-${cmdPalette.items[cmdPalette.activeIndex].id}` : void 0
               }
             ),
-            cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && (0, import_react_dom15.createPortal)(
+            cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && (0, import_react_dom16.createPortal)(
               /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                 "ul",
                 {
@@ -26694,7 +26734,7 @@ var Textarea = (0, import_react136.forwardRef)(
               ),
               document.body
             ),
-            selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && (0, import_react_dom15.createPortal)(
+            selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && (0, import_react_dom16.createPortal)(
               /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
                 "div",
                 {
@@ -27584,7 +27624,7 @@ TimezonePicker.displayName = "TimezonePicker";
 // src/components/Toast/Toast.tsx
 var import_framer_motion36 = require("framer-motion");
 var import_react140 = require("react");
-var import_react_dom16 = require("react-dom");
+var import_react_dom17 = require("react-dom");
 var import_jsx_runtime120 = require("react/jsx-runtime");
 var defaultIcons = {
   success: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
@@ -27914,7 +27954,7 @@ function ToastProvider({
   }) });
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(ToastContext.Provider, { value: ctx, children: [
     children,
-    typeof document !== "undefined" && (0, import_react_dom16.createPortal)(containers, document.body)
+    typeof document !== "undefined" && (0, import_react_dom17.createPortal)(containers, document.body)
   ] });
 }
 function useToast() {
@@ -33162,6 +33202,24 @@ function XmlNodeRow({
   const children = node.children ?? [];
   const isSelfClosing = children.length === 0;
   const attrs = Object.entries(node.attributes ?? {});
+  const inlineTextChild = children.length === 1 && children[0].type === "text" ? children[0].text ?? "" : null;
+  if (inlineTextChild !== null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "ods-xml-viewer__row", style: { paddingLeft: pad2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__caret-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__bracket", children: "<" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
+      showAttributes && attrs.map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("span", { className: "ods-xml-viewer__attr", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__attr-name", children: k }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
+      ] }, k)),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__text", children: inlineTextChild }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__bracket", children: "</" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__tag", children: node.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "ods-xml-viewer__bracket", children: ">" })
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
       "div",