@vuu-ui/vuu-data-react 0.8.18-debug → 0.8.19-debug

package/esm/index.js

@@ -30,24 +30,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
 
 // ../../node_modules/object-assign/index.js
 var require_object_assign = __commonJS({
@@ -1956,13 +1938,13 @@ var require_react_dom_development = __commonJS({
         }
         function getStackByFiberInDevAndProd(workInProgress2) {
           try {
-            var info2 = "";
+            var info = "";
             var node = workInProgress2;
             do {
-              info2 += describeFiber(node);
+              info += describeFiber(node);
               node = node.return;
             } while (node);
-            return info2;
+            return info;
           } catch (x) {
             return "\nError generating stack: " + x.message + "\n" + x.stack;
           }
@@ -6614,9 +6596,9 @@ var require_react_dom_development = __commonJS({
               priorFocusedElem.focus();
             }
             for (var i = 0; i < ancestors.length; i++) {
-              var info2 = ancestors[i];
-              info2.element.scrollLeft = info2.left;
-              info2.element.scrollTop = info2.top;
+              var info = ancestors[i];
+              info.element.scrollLeft = info.left;
+              info.element.scrollTop = info.top;
             }
           }
         }
@@ -7919,7 +7901,7 @@ var require_react_dom_development = __commonJS({
           };
           updatedAncestorInfo = function(oldInfo, tag) {
             var ancestorInfo = _assign({}, oldInfo || emptyAncestorInfo);
-            var info2 = {
+            var info = {
               tag
             };
             if (inScopeTags.indexOf(tag) !== -1) {
@@ -7934,27 +7916,27 @@ var require_react_dom_development = __commonJS({
               ancestorInfo.listItemTagAutoclosing = null;
               ancestorInfo.dlItemTagAutoclosing = null;
             }
-            ancestorInfo.current = info2;
+            ancestorInfo.current = info;
             if (tag === "form") {
-              ancestorInfo.formTag = info2;
+              ancestorInfo.formTag = info;
             }
             if (tag === "a") {
-              ancestorInfo.aTagInScope = info2;
+              ancestorInfo.aTagInScope = info;
             }
             if (tag === "button") {
-              ancestorInfo.buttonTagInScope = info2;
+              ancestorInfo.buttonTagInScope = info;
             }
             if (tag === "nobr") {
-              ancestorInfo.nobrTagInScope = info2;
+              ancestorInfo.nobrTagInScope = info;
             }
             if (tag === "p") {
-              ancestorInfo.pTagInButtonScope = info2;
+              ancestorInfo.pTagInButtonScope = info;
             }
             if (tag === "li") {
-              ancestorInfo.listItemTagAutoclosing = info2;
+              ancestorInfo.listItemTagAutoclosing = info;
             }
             if (tag === "dd" || tag === "dt") {
-              ancestorInfo.dlItemTagAutoclosing = info2;
+              ancestorInfo.dlItemTagAutoclosing = info;
             }
             return ancestorInfo;
           };
@@ -8104,11 +8086,11 @@ var require_react_dom_development = __commonJS({
               tagDisplayName = "<" + childTag + ">";
             }
             if (invalidParent) {
-              var info2 = "";
+              var info = "";
               if (ancestorTag === "table" && childTag === "tr") {
-                info2 += " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.";
+                info += " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.";
               }
-              error2("validateDOMNesting(...): %s cannot appear as a child of <%s>.%s%s", tagDisplayName, ancestorTag, whitespaceInfo, info2);
+              error2("validateDOMNesting(...): %s cannot appear as a child of <%s>.%s%s", tagDisplayName, ancestorTag, whitespaceInfo, info);
             } else {
               error2("validateDOMNesting(...): %s cannot appear as a descendant of <%s>.", tagDisplayName, ancestorTag);
             }
@@ -8593,7 +8575,7 @@ var require_react_dom_development = __commonJS({
             }
           }
         }
-        function checkPropTypes(typeSpecs, values, location2, componentName, element) {
+        function checkPropTypes(typeSpecs, values, location, componentName, element) {
           {
             var has2 = Function.call.bind(Object.prototype.hasOwnProperty);
             for (var typeSpecName in typeSpecs) {
@@ -8601,23 +8583,23 @@ var require_react_dom_development = __commonJS({
                 var error$1 = void 0;
                 try {
                   if (typeof typeSpecs[typeSpecName] !== "function") {
-                    var err = Error((componentName || "React class") + ": " + location2 + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                    var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                     err.name = "Invariant Violation";
                     throw err;
                   }
-                  error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location2, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+                  error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
                 } catch (ex) {
                   error$1 = ex;
                 }
                 if (error$1 && !(error$1 instanceof Error)) {
                   setCurrentlyValidatingElement(element);
-                  error2("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", componentName || "React class", location2, typeSpecName, typeof error$1);
+                  error2("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", componentName || "React class", location, typeSpecName, typeof error$1);
                   setCurrentlyValidatingElement(null);
                 }
                 if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
                   loggedTypeFailures[error$1.message] = true;
                   setCurrentlyValidatingElement(element);
-                  error2("Failed %s type: %s", location2, error$1.message);
+                  error2("Failed %s type: %s", location, error$1.message);
                   setCurrentlyValidatingElement(null);
                 }
               }
@@ -13849,10 +13831,10 @@ var require_react_dom_development = __commonJS({
               }
             }
             if (workInProgress2.ref !== null) {
-              var info2 = "";
+              var info = "";
               var ownerName = getCurrentFiberOwnerNameInDevOrNull();
               if (ownerName) {
-                info2 += "\n\nCheck the render method of `" + ownerName + "`.";
+                info += "\n\nCheck the render method of `" + ownerName + "`.";
               }
               var warningKey = ownerName || workInProgress2._debugID || "";
               var debugSource = workInProgress2._debugSource;
@@ -13861,7 +13843,7 @@ var require_react_dom_development = __commonJS({
               }
               if (!didWarnAboutFunctionRefs[warningKey]) {
                 didWarnAboutFunctionRefs[warningKey] = true;
-                error2("Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?%s", info2);
+                error2("Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?%s", info);
               }
             }
             if (typeof Component.getDerivedStateFromProps === "function") {
@@ -18521,19 +18503,19 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
                         break getTag;
                     }
                   }
-                  var info2 = "";
+                  var info = "";
                   {
                     if (type === void 0 || typeof type === "object" && type !== null && Object.keys(type).length === 0) {
-                      info2 += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
+                      info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
                     }
                     var ownerName = owner ? getComponentName(owner.type) : null;
                     if (ownerName) {
-                      info2 += "\n\nCheck the render method of `" + ownerName + "`.";
+                      info += "\n\nCheck the render method of `" + ownerName + "`.";
                     }
                   }
                   {
                     {
-                      throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + (type == null ? type : typeof type) + "." + info2);
+                      throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + (type == null ? type : typeof type) + "." + info);
                     }
                   }
                 }
@@ -19626,3293 +19608,8 @@ var MovingWindow = class {
   }
 };
 
-// ../vuu-data-remote/src/connection-manager.ts
-import {
-  EventEmitter,
-  getLoggingConfigForWorker,
-  isConnectionQualityMetrics,
-  isConnectionStatusMessage,
-  isTableSchema,
-  messageHasResult,
-  uuid
-} from "@vuu-ui/vuu-utils";
-
-// ../vuu-data-remote/src/data-source.ts
-var datasourceMessages = [
-  "config",
-  "aggregate",
-  "viewport-update",
-  "columns",
-  "debounce-begin",
-  "disabled",
-  "enabled",
-  "filter",
-  "groupBy",
-  "vuu-link-created",
-  "vuu-link-removed",
-  "vuu-links",
-  "vuu-menu",
-  "sort",
-  "subscribed"
-];
-var shouldMessageBeRoutedToDataSource = (message) => {
-  const type = message.type;
-  return datasourceMessages.includes(type);
-};
-var isDataSourceConfigMessage = (message) => ["config", "aggregate", "columns", "filter", "groupBy", "sort"].includes(
-  message.type
-);
-
-// ../vuu-data-remote/src/server-proxy/messages.ts
-var GET_TABLE_META = "GET_TABLE_META";
-
-// ../vuu-data-remote/src/inlined-worker.js
-var workerSourceCode = `
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-
-// ../vuu-utils/src/array-utils.ts
-function partition(array, test, pass = [], fail = []) {
-  for (let i = 0, len = array.length; i < len; i++) {
-    (test(array[i], i) ? pass : fail).push(array[i]);
-  }
-  return [pass, fail];
-}
-
-// ../vuu-utils/src/column-utils.ts
-var metadataKeys = {
-  IDX: 0,
-  RENDER_IDX: 1,
-  IS_LEAF: 2,
-  IS_EXPANDED: 3,
-  DEPTH: 4,
-  COUNT: 5,
-  KEY: 6,
-  SELECTED: 7,
-  count: 8,
-  // TODO following only used in datamodel
-  PARENT_IDX: "parent_idx",
-  IDX_POINTER: "idx_pointer",
-  FILTER_COUNT: "filter_count",
-  NEXT_FILTER_IDX: "next_filter_idx"
-};
-var { DEPTH, IS_LEAF } = metadataKeys;
-
-// ../vuu-utils/src/cookie-utils.ts
-var getCookieValue = (name) => {
-  var _a, _b;
-  if (((_a = globalThis.document) == null ? void 0 : _a.cookie) !== void 0) {
-    return (_b = globalThis.document.cookie.split("; ").find((row) => row.startsWith(\`\${name}=\`))) == null ? void 0 : _b.split("=")[1];
-  }
-};
-
-// ../vuu-utils/src/range-utils.ts
-function getFullRange({ from, to }, bufferSize = 0, rowCount = Number.MAX_SAFE_INTEGER) {
-  if (bufferSize === 0) {
-    if (rowCount < from) {
-      return { from: 0, to: 0 };
-    } else {
-      return { from, to: Math.min(to, rowCount) };
-    }
-  } else if (from === 0) {
-    return { from, to: Math.min(to + bufferSize, rowCount) };
-  } else {
-    const rangeSize = to - from;
-    const buff = Math.round(bufferSize / 2);
-    const shortfallBefore = from - buff < 0;
-    const shortFallAfter = rowCount - (to + buff) < 0;
-    if (shortfallBefore && shortFallAfter) {
-      return { from: 0, to: rowCount };
-    } else if (shortfallBefore) {
-      return { from: 0, to: rangeSize + bufferSize };
-    } else if (shortFallAfter) {
-      return {
-        from: Math.max(0, rowCount - (rangeSize + bufferSize)),
-        to: rowCount
-      };
-    } else {
-      return { from: from - buff, to: to + buff };
-    }
-  }
-}
-var withinRange = (value, { from, to }) => value >= from && value < to;
-var WindowRange = class _WindowRange {
-  constructor(from, to) {
-    this.from = from;
-    this.to = to;
-  }
-  isWithin(index) {
-    return withinRange(index, this);
-  }
-  //find the overlap of this range and a new one
-  overlap(from, to) {
-    return from >= this.to || to < this.from ? [0, 0] : [Math.max(from, this.from), Math.min(to, this.to)];
-  }
-  copy() {
-    return new _WindowRange(this.from, this.to);
-  }
-};
-
-// ../vuu-utils/src/datasource-utils.ts
-var isConnectionStatusMessage = (msg) => msg.type === "connection-status";
-var isConnectionQualityMetrics = (msg) => msg.type === "connection-metrics";
-var isViewporttMessage = (msg) => "viewport" in msg;
-
-// ../vuu-utils/src/logging-utils.ts
-var logLevels = ["error", "warn", "info", "debug"];
-var isValidLogLevel = (value) => typeof value === "string" && logLevels.includes(value);
-var DEFAULT_LOG_LEVEL = "error";
-var NO_OP = () => void 0;
-var DEFAULT_DEBUG_LEVEL = false ? "error" : "info";
-var { loggingLevel = DEFAULT_DEBUG_LEVEL } = getLoggingSettings();
-var logger = (category) => {
-  const debugEnabled5 = loggingLevel === "debug";
-  const infoEnabled5 = debugEnabled5 || loggingLevel === "info";
-  const warnEnabled = infoEnabled5 || loggingLevel === "warn";
-  const errorEnabled = warnEnabled || loggingLevel === "error";
-  const info5 = infoEnabled5 ? (message) => console.info(\`[\${category}] \${message}\`) : NO_OP;
-  const warn4 = warnEnabled ? (message) => console.warn(\`[\${category}] \${message}\`) : NO_OP;
-  const debug5 = debugEnabled5 ? (message) => console.debug(\`[\${category}] \${message}\`) : NO_OP;
-  const error4 = errorEnabled ? (message) => console.error(\`[\${category}] \${message}\`) : NO_OP;
-  if (false) {
-    return {
-      errorEnabled,
-      error: error4
-    };
-  } else {
-    return {
-      debugEnabled: debugEnabled5,
-      infoEnabled: infoEnabled5,
-      warnEnabled,
-      errorEnabled,
-      info: info5,
-      warn: warn4,
-      debug: debug5,
-      error: error4
-    };
-  }
-};
-function getLoggingSettings() {
-  if (typeof loggingSettings !== "undefined") {
-    return loggingSettings;
-  } else {
-    return {
-      loggingLevel: getLoggingLevelFromCookie()
-    };
-  }
-}
-function getLoggingLevelFromCookie() {
-  const value = getCookieValue("vuu-logging-level");
-  if (isValidLogLevel(value)) {
-    return value;
-  } else {
-    return DEFAULT_LOG_LEVEL;
-  }
-}
-
-// ../vuu-utils/src/debug-utils.ts
-var { debug, debugEnabled } = logger("range-monitor");
-var RangeMonitor = class {
-  constructor(source) {
-    this.source = source;
-    this.range = { from: 0, to: 0 };
-    this.timestamp = 0;
-  }
-  isSet() {
-    return this.timestamp !== 0;
-  }
-  set({ from, to }) {
-    const { timestamp } = this;
-    this.range.from = from;
-    this.range.to = to;
-    this.timestamp = performance.now();
-    if (timestamp) {
-      debugEnabled && debug(
-        \`<\${this.source}> [\${from}-\${to}], \${(this.timestamp - timestamp).toFixed(0)} ms elapsed\`
-      );
-    } else {
-      return 0;
-    }
-  }
-};
-
-// ../vuu-utils/src/keyset.ts
-var KeySet = class {
-  constructor(range) {
-    this.keys = /* @__PURE__ */ new Map();
-    this.free = [];
-    this.nextKeyValue = 0;
-    this.reset(range);
-  }
-  next() {
-    if (this.free.length > 0) {
-      return this.free.pop();
-    } else {
-      return this.nextKeyValue++;
-    }
-  }
-  reset({ from, to }) {
-    this.keys.forEach((keyValue, rowIndex) => {
-      if (rowIndex < from || rowIndex >= to) {
-        this.free.push(keyValue);
-        this.keys.delete(rowIndex);
-      }
-    });
-    const size = to - from;
-    if (this.keys.size + this.free.length > size) {
-      this.free.length = Math.max(0, size - this.keys.size);
-    }
-    for (let rowIndex = from; rowIndex < to; rowIndex++) {
-      if (!this.keys.has(rowIndex)) {
-        const nextKeyValue = this.next();
-        this.keys.set(rowIndex, nextKeyValue);
-      }
-    }
-    if (this.nextKeyValue > this.keys.size) {
-      this.nextKeyValue = this.keys.size;
-    }
-  }
-  keyFor(rowIndex) {
-    const key = this.keys.get(rowIndex);
-    if (key === void 0) {
-      console.log(\`key not found
-        keys: \${this.toDebugString()}
-        free : \${this.free.join(",")}  
-      \`);
-      throw Error(\`KeySet, no key found for rowIndex \${rowIndex}\`);
-    }
-    return key;
-  }
-  toDebugString() {
-    return Array.from(this.keys.entries()).map((k, v) => \`\${k}=>\${v}\`).join(",");
-  }
-};
-
-// ../vuu-utils/src/selection-utils.ts
-var { SELECTED } = metadataKeys;
-var RowSelected = {
-  False: 0,
-  True: 1,
-  First: 2,
-  Last: 4
-};
-var rangeIncludes = (range, index) => index >= range[0] && index <= range[1];
-var SINGLE_SELECTED_ROW = RowSelected.True + RowSelected.First + RowSelected.Last;
-var FIRST_SELECTED_ROW_OF_BLOCK = RowSelected.True + RowSelected.First;
-var LAST_SELECTED_ROW_OF_BLOCK = RowSelected.True + RowSelected.Last;
-var getSelectionStatus = (selected, itemIndex) => {
-  for (const item of selected) {
-    if (typeof item === "number") {
-      if (item === itemIndex) {
-        return SINGLE_SELECTED_ROW;
-      }
-    } else if (rangeIncludes(item, itemIndex)) {
-      if (itemIndex === item[0]) {
-        return FIRST_SELECTED_ROW_OF_BLOCK;
-      } else if (itemIndex === item[1]) {
-        return LAST_SELECTED_ROW_OF_BLOCK;
-      } else {
-        return RowSelected.True;
-      }
-    }
-  }
-  return RowSelected.False;
-};
-var expandSelection = (selected) => {
-  if (selected.every((selectedItem) => typeof selectedItem === "number")) {
-    return selected;
-  }
-  const expandedSelected = [];
-  for (const selectedItem of selected) {
-    if (typeof selectedItem === "number") {
-      expandedSelected.push(selectedItem);
-    } else {
-      for (let i = selectedItem[0]; i <= selectedItem[1]; i++) {
-        expandedSelected.push(i);
-      }
-    }
-  }
-  return expandedSelected;
-};
-
-// src/data-source.ts
-var isSessionTableActionMessage = (messageBody) => messageBody.type === "VIEW_PORT_MENU_RESP" && messageBody.action !== null && isSessionTable(messageBody.action.table);
-var isSessionTable = (table) => {
-  if (table !== null && typeof table === "object" && "table" in table && "module" in table) {
-    return table.table.startsWith("session");
-  }
-  return false;
-};
-
-// src/message-utils.ts
-var MENU_RPC_TYPES = [
-  "VIEW_PORT_MENUS_SELECT_RPC",
-  "VIEW_PORT_MENU_TABLE_RPC",
-  "VIEW_PORT_MENU_ROW_RPC",
-  "VIEW_PORT_MENU_CELL_RPC",
-  "VP_EDIT_CELL_RPC",
-  "VP_EDIT_ROW_RPC",
-  "VP_EDIT_ADD_ROW_RPC",
-  "VP_EDIT_DELETE_CELL_RPC",
-  "VP_EDIT_DELETE_ROW_RPC",
-  "VP_EDIT_SUBMIT_FORM_RPC"
-];
-var isVuuMenuRpcRequest = (message) => MENU_RPC_TYPES.includes(message["type"]);
-var isVuuRpcRequest = (message) => message["type"] === "VIEW_PORT_RPC_CALL";
-var stripRequestId = ({
-  requestId,
-  ...rest
-}) => [requestId, rest];
-var getFirstAndLastRows = (rows) => {
-  let firstRow = rows.at(0);
-  if (firstRow.updateType === "SIZE") {
-    if (rows.length === 1) {
-      return rows;
-    } else {
-      firstRow = rows.at(1);
-    }
-  }
-  const lastRow = rows.at(-1);
-  return [firstRow, lastRow];
-};
-var groupRowsByViewport = (rows) => {
-  const result = {};
-  for (const row of rows) {
-    const rowsForViewport = result[row.viewPortId] || (result[row.viewPortId] = []);
-    rowsForViewport.push(row);
-  }
-  return result;
-};
-var createSchemaFromTableMetadata = ({
-  columns,
-  dataTypes,
-  key,
-  table
-}) => {
-  return {
-    table,
-    columns: columns.map((col, idx) => ({
-      name: col,
-      serverDataType: dataTypes[idx]
-    })),
-    key
-  };
-};
-
-// src/server-proxy/messages.ts
-var CHANGE_VP_SUCCESS = "CHANGE_VP_SUCCESS";
-var CLOSE_TREE_NODE = "CLOSE_TREE_NODE";
-var CLOSE_TREE_SUCCESS = "CLOSE_TREE_SUCCESS";
-var CREATE_VP = "CREATE_VP";
-var DISABLE_VP = "DISABLE_VP";
-var DISABLE_VP_SUCCESS = "DISABLE_VP_SUCCESS";
-var ENABLE_VP = "ENABLE_VP";
-var ENABLE_VP_SUCCESS = "ENABLE_VP_SUCCESS";
-var GET_VP_VISUAL_LINKS = "GET_VP_VISUAL_LINKS";
-var GET_VIEW_PORT_MENUS = "GET_VIEW_PORT_MENUS";
-var HB = "HB";
-var HB_RESP = "HB_RESP";
-var LOGIN = "LOGIN";
-var OPEN_TREE_NODE = "OPEN_TREE_NODE";
-var OPEN_TREE_SUCCESS = "OPEN_TREE_SUCCESS";
-var REMOVE_VP = "REMOVE_VP";
-var SET_SELECTION_SUCCESS = "SET_SELECTION_SUCCESS";
-
-// src/server-proxy/rpc-services.ts
-var getRpcServiceModule = (service) => {
-  switch (service) {
-    case "TypeAheadRpcHandler":
-      return "TYPEAHEAD";
-    default:
-      return "SIMUL";
-  }
-};
-
-// src/server-proxy/array-backed-moving-window.ts
-var EMPTY_ARRAY = [];
-var log = logger("array-backed-moving-window");
-function dataIsUnchanged(newRow, existingRow) {
-  if (!existingRow) {
-    return false;
-  }
-  if (existingRow.data.length !== newRow.data.length) {
-    return false;
-  }
-  if (existingRow.sel !== newRow.sel) {
-    return false;
-  }
-  for (let i = 0; i < existingRow.data.length; i++) {
-    if (existingRow.data[i] !== newRow.data[i]) {
-      return false;
-    }
-  }
-  return true;
-}
-var _range;
-var ArrayBackedMovingWindow = class {
-  // Note, the buffer is already accounted for in the range passed in here
-  constructor({ from: clientFrom, to: clientTo }, { from, to }, bufferSize) {
-    __privateAdd(this, _range, void 0);
-    this.setRowCount = (rowCount) => {
-      var _a;
-      (_a = log.info) == null ? void 0 : _a.call(log, \`setRowCount \${rowCount}\`);
-      if (rowCount < this.internalData.length) {
-        this.internalData.length = rowCount;
-      }
-      if (rowCount < this.rowCount) {
-        this.rowsWithinRange = 0;
-        const end = Math.min(rowCount, this.clientRange.to);
-        for (let i = this.clientRange.from; i < end; i++) {
-          const rowIndex = i - __privateGet(this, _range).from;
-          if (this.internalData[rowIndex] !== void 0) {
-            this.rowsWithinRange += 1;
-          }
-        }
-      }
-      this.rowCount = rowCount;
-    };
-    this.bufferBreakout = (from, to) => {
-      const bufferPerimeter = this.bufferSize * 0.25;
-      if (__privateGet(this, _range).to - to < bufferPerimeter) {
-        return true;
-      } else if (__privateGet(this, _range).from > 0 && from - __privateGet(this, _range).from < bufferPerimeter) {
-        return true;
-      } else {
-        return false;
-      }
-    };
-    this.bufferSize = bufferSize;
-    this.clientRange = new WindowRange(clientFrom, clientTo);
-    __privateSet(this, _range, new WindowRange(from, to));
-    this.internalData = new Array(bufferSize);
-    this.rowsWithinRange = 0;
-    this.rowCount = 0;
-  }
-  get range() {
-    return __privateGet(this, _range);
-  }
-  // TODO we shpuld probably have a hasAllClientRowsWithinRange
-  get hasAllRowsWithinRange() {
-    return this.rowsWithinRange === this.clientRange.to - this.clientRange.from || // this.rowsWithinRange === this.range.to - this.range.from ||
-    this.rowCount > 0 && this.clientRange.from + this.rowsWithinRange === this.rowCount;
-  }
-  // Check to see if set of rows is outside the current viewport range, indicating
-  // that veiwport is being scrolled quickly and server is not able to keep up.
-  outOfRange(firstIndex, lastIndex) {
-    const { from, to } = this.range;
-    if (lastIndex < from) {
-      return true;
-    }
-    if (firstIndex >= to) {
-      return true;
-    }
-  }
-  setAtIndex(row) {
-    const { rowIndex: index } = row;
-    const internalIndex = index - __privateGet(this, _range).from;
-    if (dataIsUnchanged(row, this.internalData[internalIndex])) {
-      return false;
-    }
-    const isWithinClientRange = this.isWithinClientRange(index);
-    if (isWithinClientRange || this.isWithinRange(index)) {
-      if (!this.internalData[internalIndex] && isWithinClientRange) {
-        this.rowsWithinRange += 1;
-      }
-      this.internalData[internalIndex] = row;
-    }
-    return isWithinClientRange;
-  }
-  getAtIndex(index) {
-    return __privateGet(this, _range).isWithin(index) && this.internalData[index - __privateGet(this, _range).from] != null ? this.internalData[index - __privateGet(this, _range).from] : void 0;
-  }
-  isWithinRange(index) {
-    return __privateGet(this, _range).isWithin(index);
-  }
-  isWithinClientRange(index) {
-    return this.clientRange.isWithin(index);
-  }
-  // Returns [false] or [serverDataRequired, clientRows, holdingRows]
-  setClientRange(from, to) {
-    var _a;
-    (_a = log.debug) == null ? void 0 : _a.call(log, \`setClientRange \${from} - \${to}\`);
-    const currentFrom = this.clientRange.from;
-    const currentTo = Math.min(this.clientRange.to, this.rowCount);
-    if (from === currentFrom && to === currentTo) {
-      return [
-        false,
-        EMPTY_ARRAY
-        /*, EMPTY_ARRAY*/
-      ];
-    }
-    const originalRange = this.clientRange.copy();
-    this.clientRange.from = from;
-    this.clientRange.to = to;
-    this.rowsWithinRange = 0;
-    for (let i = from; i < to; i++) {
-      const internalIndex = i - __privateGet(this, _range).from;
-      if (this.internalData[internalIndex]) {
-        this.rowsWithinRange += 1;
-      }
-    }
-    let clientRows = EMPTY_ARRAY;
-    const offset = __privateGet(this, _range).from;
-    if (this.hasAllRowsWithinRange) {
-      if (to > originalRange.to) {
-        const start = Math.max(from, originalRange.to);
-        clientRows = this.internalData.slice(start - offset, to - offset);
-      } else {
-        const end = Math.min(originalRange.from, to);
-        clientRows = this.internalData.slice(from - offset, end - offset);
-      }
-    }
-    const serverDataRequired = this.bufferBreakout(from, to);
-    return [serverDataRequired, clientRows];
-  }
-  setRange(from, to) {
-    var _a, _b;
-    if (from !== __privateGet(this, _range).from || to !== __privateGet(this, _range).to) {
-      (_a = log.debug) == null ? void 0 : _a.call(log, \`setRange \${from} - \${to}\`);
-      const [overlapFrom, overlapTo] = __privateGet(this, _range).overlap(from, to);
-      const newData = new Array(to - from);
-      this.rowsWithinRange = 0;
-      for (let i = overlapFrom; i < overlapTo; i++) {
-        const data = this.getAtIndex(i);
-        if (data) {
-          const index = i - from;
-          newData[index] = data;
-          if (this.isWithinClientRange(i)) {
-            this.rowsWithinRange += 1;
-          }
-        }
-      }
-      this.internalData = newData;
-      __privateGet(this, _range).from = from;
-      __privateGet(this, _range).to = to;
-    } else {
-      (_b = log.debug) == null ? void 0 : _b.call(log, \`setRange \${from} - \${to} IGNORED because not changed\`);
-    }
-  }
-  //TODO temp
-  get data() {
-    return this.internalData;
-  }
-  getData() {
-    var _a;
-    const { from, to } = __privateGet(this, _range);
-    const { from: clientFrom, to: clientTo } = this.clientRange;
-    const startOffset = Math.max(0, clientFrom - from);
-    const endOffset = Math.min(
-      to - from,
-      to,
-      clientTo - from,
-      (_a = this.rowCount) != null ? _a : to
-    );
-    return this.internalData.slice(startOffset, endOffset);
-  }
-  clear() {
-    var _a;
-    (_a = log.debug) == null ? void 0 : _a.call(log, "clear");
-    this.internalData.length = 0;
-    this.rowsWithinRange = 0;
-    this.setRowCount(0);
-  }
-  // used only for debugging
-  getCurrentDataRange() {
-    const rows = this.internalData;
-    const len = rows.length;
-    let [firstRow] = this.internalData;
-    let lastRow = this.internalData[len - 1];
-    if (firstRow && lastRow) {
-      return [firstRow.rowIndex, lastRow.rowIndex];
-    } else {
-      for (let i = 0; i < len; i++) {
-        if (rows[i] !== void 0) {
-          firstRow = rows[i];
-          break;
-        }
-      }
-      for (let i = len - 1; i >= 0; i--) {
-        if (rows[i] !== void 0) {
-          lastRow = rows[i];
-          break;
-        }
-      }
-      if (firstRow && lastRow) {
-        return [firstRow.rowIndex, lastRow.rowIndex];
-      } else {
-        return [-1, -1];
-      }
-    }
-  }
-};
-_range = new WeakMap();
-
-// src/server-proxy/viewport.ts
-var EMPTY_GROUPBY = [];
-var { debug: debug2, debugEnabled: debugEnabled2, error, info, infoEnabled, warn } = logger("viewport");
-var isLeafUpdate = ({ rowKey, updateType }) => updateType === "U" && !rowKey.startsWith("$root");
-var NO_DATA_UPDATE = [
-  void 0,
-  void 0
-];
-var NO_UPDATE_STATUS = {
-  count: 0,
-  mode: void 0,
-  size: 0,
-  ts: 0
-};
-var Viewport = class {
-  constructor({
-    aggregations,
-    bufferSize = 50,
-    columns,
-    filter,
-    groupBy = [],
-    table,
-    range,
-    sort,
-    title,
-    viewport,
-    visualLink
-  }, postMessageToClient) {
-    /** batchMode is irrelevant for Vuu Table, it was introduced to try and improve rendering performance of AgGrid */
-    this.batchMode = true;
-    this.hasUpdates = false;
-    this.pendingUpdates = [];
-    this.pendingOperations = /* @__PURE__ */ new Map();
-    this.pendingRangeRequests = [];
-    this.rowCountChanged = false;
-    this.selectedRows = [];
-    this.useBatchMode = true;
-    this.lastUpdateStatus = NO_UPDATE_STATUS;
-    this.updateThrottleTimer = void 0;
-    this.rangeMonitor = new RangeMonitor("ViewPort");
-    this.disabled = false;
-    this.isTree = false;
-    // TODO roll disabled/suspended into status
-    this.status = "";
-    this.suspended = false;
-    this.suspendTimer = null;
-    // Records SIZE only updates
-    this.setLastSizeOnlyUpdateSize = (size) => {
-      this.lastUpdateStatus.size = size;
-    };
-    this.setLastUpdate = (mode) => {
-      const { ts: lastTS, mode: lastMode } = this.lastUpdateStatus;
-      let elapsedTime = 0;
-      if (lastMode === mode) {
-        const ts = Date.now();
-        this.lastUpdateStatus.count += 1;
-        this.lastUpdateStatus.ts = ts;
-        elapsedTime = lastTS === 0 ? 0 : ts - lastTS;
-      } else {
-        this.lastUpdateStatus.count = 1;
-        this.lastUpdateStatus.ts = 0;
-        elapsedTime = 0;
-      }
-      this.lastUpdateStatus.mode = mode;
-      return elapsedTime;
-    };
-    this.rangeRequestAlreadyPending = (range) => {
-      const { bufferSize } = this;
-      const bufferThreshold = bufferSize * 0.25;
-      let { from: stillPendingFrom } = range;
-      for (const { from, to } of this.pendingRangeRequests) {
-        if (stillPendingFrom >= from && stillPendingFrom < to) {
-          if (range.to + bufferThreshold <= to) {
-            return true;
-          } else {
-            stillPendingFrom = to;
-          }
-        }
-      }
-      return false;
-    };
-    this.sendThrottledSizeMessage = () => {
-      this.updateThrottleTimer = void 0;
-      this.lastUpdateStatus.count = 3;
-      this.postMessageToClient({
-        clientViewportId: this.clientViewportId,
-        mode: "size-only",
-        size: this.lastUpdateStatus.size,
-        type: "viewport-update"
-      });
-    };
-    // If we are receiving multiple SIZE updates but no data, table is loading rows
-    // outside of our viewport. We can safely throttle these requests. Doing so will
-    // alleviate pressure on UI DataTable.
-    this.shouldThrottleMessage = (mode) => {
-      const elapsedTime = this.setLastUpdate(mode);
-      return mode === "size-only" && elapsedTime > 0 && elapsedTime < 500 && this.lastUpdateStatus.count > 3;
-    };
-    this.throttleMessage = (mode) => {
-      if (this.shouldThrottleMessage(mode)) {
-        info == null ? void 0 : info("throttling updates setTimeout to 2000");
-        if (this.updateThrottleTimer === void 0) {
-          this.updateThrottleTimer = setTimeout(
-            this.sendThrottledSizeMessage,
-            2e3
-          );
-        }
-        return true;
-      } else if (this.updateThrottleTimer !== void 0) {
-        clearTimeout(this.updateThrottleTimer);
-        this.updateThrottleTimer = void 0;
-      }
-      return false;
-    };
-    this.getNewRowCount = () => {
-      if (this.rowCountChanged && this.dataWindow) {
-        this.rowCountChanged = false;
-        return this.dataWindow.rowCount;
-      }
-    };
-    this.aggregations = aggregations;
-    this.bufferSize = bufferSize;
-    this.clientRange = range;
-    this.clientViewportId = viewport;
-    this.columns = columns;
-    this.filter = filter;
-    this.groupBy = groupBy;
-    this.keys = new KeySet(range);
-    this.pendingLinkedParent = visualLink;
-    this.table = table;
-    this.sort = sort;
-    this.title = title;
-    infoEnabled && (info == null ? void 0 : info(
-      \`constructor #\${viewport} \${table.table} bufferSize=\${bufferSize}\`
-    ));
-    this.dataWindow = new ArrayBackedMovingWindow(
-      this.clientRange,
-      range,
-      this.bufferSize
-    );
-    this.postMessageToClient = postMessageToClient;
-  }
-  get hasUpdatesToProcess() {
-    if (this.suspended) {
-      return false;
-    }
-    return this.rowCountChanged || this.hasUpdates;
-  }
-  get size() {
-    var _a;
-    return (_a = this.dataWindow.rowCount) != null ? _a : 0;
-  }
-  subscribe() {
-    const { filter } = this.filter;
-    this.status = this.status === "subscribed" ? "resubscribing" : "subscribing";
-    return {
-      type: CREATE_VP,
-      table: this.table,
-      range: getFullRange(this.clientRange, this.bufferSize),
-      aggregations: this.aggregations,
-      columns: this.columns,
-      sort: this.sort,
-      groupBy: this.groupBy,
-      filterSpec: { filter }
-    };
-  }
-  handleSubscribed({
-    viewPortId,
-    aggregations,
-    columns,
-    filterSpec: filter,
-    range,
-    sort,
-    groupBy
-  }, tableSchema) {
-    this.serverViewportId = viewPortId;
-    this.status = "subscribed";
-    this.aggregations = aggregations;
-    this.columns = columns;
-    this.groupBy = groupBy;
-    this.isTree = groupBy && groupBy.length > 0;
-    this.dataWindow.setRange(range.from, range.to);
-    return {
-      aggregations,
-      type: "subscribed",
-      clientViewportId: this.clientViewportId,
-      columns,
-      filter,
-      groupBy,
-      range,
-      sort,
-      tableSchema
-    };
-  }
-  awaitOperation(requestId, msg) {
-    this.pendingOperations.set(requestId, msg);
-  }
-  // Return a message if we need to communicate this to client UI
-  completeOperation(requestId, ...params) {
-    var _a;
-    const { clientViewportId, pendingOperations } = this;
-    const pendingOperation = pendingOperations.get(requestId);
-    if (!pendingOperation) {
-      error(
-        \`no matching operation found to complete for requestId \${requestId}\`
-      );
-      return;
-    }
-    const { type } = pendingOperation;
-    info == null ? void 0 : info(\`completeOperation \${type}\`);
-    pendingOperations.delete(requestId);
-    if (type === "CHANGE_VP_RANGE") {
-      const [from, to] = params;
-      (_a = this.dataWindow) == null ? void 0 : _a.setRange(from, to);
-      for (let i = this.pendingRangeRequests.length - 1; i >= 0; i--) {
-        const pendingRangeRequest = this.pendingRangeRequests[i];
-        if (pendingRangeRequest.requestId === requestId) {
-          pendingRangeRequest.acked = true;
-          break;
-        } else {
-          warn == null ? void 0 : warn("range requests sent faster than they are being ACKed");
-        }
-      }
-    } else if (type === "config") {
-      const { aggregations, columns, filter, groupBy, sort } = pendingOperation.data;
-      this.aggregations = aggregations;
-      this.columns = columns;
-      this.filter = filter;
-      this.groupBy = groupBy;
-      this.sort = sort;
-      if (groupBy.length > 0) {
-        this.isTree = true;
-      } else if (this.isTree) {
-        this.isTree = false;
-      }
-      debug2 == null ? void 0 : debug2(\`config change confirmed, isTree : \${this.isTree}\`);
-      return {
-        clientViewportId,
-        type,
-        config: pendingOperation.data
-      };
-    } else if (type === "groupBy") {
-      this.isTree = pendingOperation.data.length > 0;
-      this.groupBy = pendingOperation.data;
-      debug2 == null ? void 0 : debug2(\`groupBy change confirmed, isTree : \${this.isTree}\`);
-      return {
-        clientViewportId,
-        type,
-        groupBy: pendingOperation.data
-      };
-    } else if (type === "columns") {
-      this.columns = pendingOperation.data;
-      return {
-        clientViewportId,
-        type,
-        columns: pendingOperation.data
-      };
-    } else if (type === "filter") {
-      this.filter = pendingOperation.data;
-      return {
-        clientViewportId,
-        type,
-        filter: pendingOperation.data
-      };
-    } else if (type === "aggregate") {
-      this.aggregations = pendingOperation.data;
-      return {
-        clientViewportId,
-        type: "aggregate",
-        aggregations: this.aggregations
-      };
-    } else if (type === "sort") {
-      this.sort = pendingOperation.data;
-      return {
-        clientViewportId,
-        type,
-        sort: this.sort
-      };
-    } else if (type === "selection") {
-    } else if (type === "disable") {
-      this.disabled = true;
-      return {
-        type: "disabled",
-        clientViewportId
-      };
-    } else if (type === "enable") {
-      this.disabled = false;
-      return {
-        type: "enabled",
-        clientViewportId
-      };
-    } else if (type === "CREATE_VISUAL_LINK") {
-      const [colName, parentViewportId, parentColName] = params;
-      this.linkedParent = {
-        colName,
-        parentViewportId,
-        parentColName
-      };
-      this.pendingLinkedParent = void 0;
-      return {
-        type: "vuu-link-created",
-        clientViewportId,
-        colName,
-        parentViewportId,
-        parentColName
-      };
-    } else if (type === "REMOVE_VISUAL_LINK") {
-      this.linkedParent = void 0;
-      return {
-        type: "vuu-link-removed",
-        clientViewportId
-      };
-    }
-  }
-  // TODO when a range request arrives, consider the viewport to be scrolling
-  // until data arrives and we have the full range.
-  // When not scrolling, any server data is an update
-  // When scrolling, we are in batch mode
-  rangeRequest(requestId, range) {
-    if (debugEnabled2) {
-      this.rangeMonitor.set(range);
-    }
-    const type = "CHANGE_VP_RANGE";
-    if (this.dataWindow) {
-      const [serverDataRequired, clientRows] = this.dataWindow.setClientRange(
-        range.from,
-        range.to
-      );
-      let debounceRequest;
-      const maxRange = this.dataWindow.rowCount || void 0;
-      const serverRequest = serverDataRequired && !this.rangeRequestAlreadyPending(range) ? {
-        type,
-        viewPortId: this.serverViewportId,
-        ...getFullRange(range, this.bufferSize, maxRange)
-      } : null;
-      if (serverRequest) {
-        debugEnabled2 && (debug2 == null ? void 0 : debug2(
-          \`create CHANGE_VP_RANGE: [\${serverRequest.from} - \${serverRequest.to}]\`
-        ));
-        this.awaitOperation(requestId, { type });
-        const pendingRequest = this.pendingRangeRequests.at(-1);
-        if (pendingRequest) {
-          if (pendingRequest.acked) {
-            console.warn("Range Request before previous request is filled");
-          } else {
-            const { from, to } = pendingRequest;
-            if (this.dataWindow.outOfRange(from, to)) {
-              debounceRequest = {
-                clientViewportId: this.clientViewportId,
-                type: "debounce-begin"
-              };
-            } else {
-              warn == null ? void 0 : warn("Range Request before previous request is acked");
-            }
-          }
-        }
-        this.pendingRangeRequests.push({ ...serverRequest, requestId });
-        if (this.useBatchMode) {
-          this.batchMode = true;
-        }
-      } else if (clientRows.length > 0) {
-        this.batchMode = false;
-      }
-      this.keys.reset(this.dataWindow.clientRange);
-      const toClient = this.isTree ? toClientRowTree : toClientRow;
-      if (clientRows.length) {
-        return [
-          serverRequest,
-          clientRows.map((row) => {
-            return toClient(row, this.keys, this.selectedRows);
-          })
-        ];
-      } else if (debounceRequest) {
-        return [serverRequest, void 0, debounceRequest];
-      } else {
-        return [serverRequest];
-      }
-    } else {
-      return [null];
-    }
-  }
-  setLinks(links) {
-    this.links = links;
-    return [
-      {
-        type: "vuu-links",
-        links,
-        clientViewportId: this.clientViewportId
-      },
-      this.pendingLinkedParent
-    ];
-  }
-  setMenu(menu) {
-    return {
-      type: "vuu-menu",
-      menu,
-      clientViewportId: this.clientViewportId
-    };
-  }
-  openTreeNode(requestId, message) {
-    if (this.useBatchMode) {
-      this.batchMode = true;
-    }
-    return {
-      type: OPEN_TREE_NODE,
-      vpId: this.serverViewportId,
-      treeKey: message.key
-    };
-  }
-  closeTreeNode(requestId, message) {
-    if (this.useBatchMode) {
-      this.batchMode = true;
-    }
-    return {
-      type: CLOSE_TREE_NODE,
-      vpId: this.serverViewportId,
-      treeKey: message.key
-    };
-  }
-  createLink(requestId, colName, parentVpId, parentColumnName) {
-    const message = {
-      type: "CREATE_VISUAL_LINK",
-      parentVpId,
-      childVpId: this.serverViewportId,
-      parentColumnName,
-      childColumnName: colName
-    };
-    this.awaitOperation(requestId, message);
-    if (this.useBatchMode) {
-      this.batchMode = true;
-    }
-    return message;
-  }
-  removeLink(requestId) {
-    const message = {
-      type: "REMOVE_VISUAL_LINK",
-      childVpId: this.serverViewportId
-    };
-    this.awaitOperation(requestId, message);
-    return message;
-  }
-  suspend() {
-    this.suspended = true;
-    info == null ? void 0 : info("suspend");
-  }
-  resume() {
-    this.suspended = false;
-    if (debugEnabled2) {
-      debug2 == null ? void 0 : debug2(\`resume: \${this.currentData()}\`);
-    }
-    return [this.size, this.currentData()];
-  }
-  currentData() {
-    const out = [];
-    if (this.dataWindow) {
-      const records = this.dataWindow.getData();
-      const { keys } = this;
-      const toClient = this.isTree ? toClientRowTree : toClientRow;
-      for (const row of records) {
-        if (row) {
-          out.push(toClient(row, keys, this.selectedRows));
-        }
-      }
-    }
-    return out;
-  }
-  enable(requestId) {
-    this.awaitOperation(requestId, { type: "enable" });
-    info == null ? void 0 : info(\`enable: \${this.serverViewportId}\`);
-    return {
-      type: ENABLE_VP,
-      viewPortId: this.serverViewportId
-    };
-  }
-  disable(requestId) {
-    this.awaitOperation(requestId, { type: "disable" });
-    info == null ? void 0 : info(\`disable: \${this.serverViewportId}\`);
-    this.suspended = false;
-    return {
-      type: DISABLE_VP,
-      viewPortId: this.serverViewportId
-    };
-  }
-  columnRequest(requestId, columns) {
-    this.awaitOperation(requestId, {
-      type: "columns",
-      data: columns
-    });
-    debug2 == null ? void 0 : debug2(\`columnRequest: \${columns}\`);
-    return this.createRequest({ columns });
-  }
-  filterRequest(requestId, dataSourceFilter) {
-    this.awaitOperation(requestId, {
-      type: "filter",
-      data: dataSourceFilter
-    });
-    if (this.useBatchMode) {
-      this.batchMode = true;
-    }
-    const { filter } = dataSourceFilter;
-    info == null ? void 0 : info(\`filterRequest: \${filter}\`);
-    return this.createRequest({ filterSpec: { filter } });
-  }
-  setConfig(requestId, config) {
-    this.awaitOperation(requestId, { type: "config", data: config });
-    const { filter, ...remainingConfig } = config;
-    if (this.useBatchMode) {
-      this.batchMode = true;
-    }
-    debugEnabled2 ? debug2 == null ? void 0 : debug2(\`setConfig \${JSON.stringify(config)}\`) : info == null ? void 0 : info(\`setConfig\`);
-    return this.createRequest(
-      {
-        ...remainingConfig,
-        filterSpec: typeof (filter == null ? void 0 : filter.filter) === "string" ? {
-          filter: filter.filter
-        } : {
-          filter: ""
-        }
-      },
-      true
-    );
-  }
-  aggregateRequest(requestId, aggregations) {
-    this.awaitOperation(requestId, { type: "aggregate", data: aggregations });
-    info == null ? void 0 : info(\`aggregateRequest: \${aggregations}\`);
-    return this.createRequest({ aggregations });
-  }
-  sortRequest(requestId, sort) {
-    this.awaitOperation(requestId, { type: "sort", data: sort });
-    info == null ? void 0 : info(\`sortRequest: \${JSON.stringify(sort.sortDefs)}\`);
-    return this.createRequest({ sort });
-  }
-  groupByRequest(requestId, groupBy = EMPTY_GROUPBY) {
-    var _a;
-    this.awaitOperation(requestId, { type: "groupBy", data: groupBy });
-    if (this.useBatchMode) {
-      this.batchMode = true;
-    }
-    if (!this.isTree) {
-      (_a = this.dataWindow) == null ? void 0 : _a.clear();
-    }
-    return this.createRequest({ groupBy });
-  }
-  selectRequest(requestId, selected) {
-    this.selectedRows = selected;
-    this.awaitOperation(requestId, { type: "selection", data: selected });
-    info == null ? void 0 : info(\`selectRequest: \${selected}\`);
-    return {
-      type: "SET_SELECTION",
-      vpId: this.serverViewportId,
-      selection: expandSelection(selected)
-    };
-  }
-  removePendingRangeRequest(firstIndex, lastIndex) {
-    for (let i = this.pendingRangeRequests.length - 1; i >= 0; i--) {
-      const { from, to } = this.pendingRangeRequests[i];
-      let isLast = true;
-      if (firstIndex >= from && firstIndex < to || lastIndex > from && lastIndex < to) {
-        if (!isLast) {
-          console.warn(
-            "removePendingRangeRequest TABLE_ROWS are not for latest request"
-          );
-        }
-        this.pendingRangeRequests.splice(i, 1);
-        break;
-      } else {
-        isLast = false;
-      }
-    }
-  }
-  updateRows(rows) {
-    var _a, _b, _c;
-    const [firstRow, lastRow] = getFirstAndLastRows(rows);
-    if (firstRow && lastRow) {
-      this.removePendingRangeRequest(firstRow.rowIndex, lastRow.rowIndex);
-    }
-    if (rows.length === 1) {
-      if (firstRow.vpSize === 0 && this.disabled) {
-        debug2 == null ? void 0 : debug2(
-          \`ignore a SIZE=0 message on disabled viewport (\${rows.length} rows)\`
-        );
-        return;
-      } else if (firstRow.updateType === "SIZE") {
-        this.setLastSizeOnlyUpdateSize(firstRow.vpSize);
-      }
-    }
-    for (const row of rows) {
-      if (this.isTree && isLeafUpdate(row)) {
-        continue;
-      } else {
-        if (row.updateType === "SIZE" || ((_a = this.dataWindow) == null ? void 0 : _a.rowCount) !== row.vpSize) {
-          (_b = this.dataWindow) == null ? void 0 : _b.setRowCount(row.vpSize);
-          this.rowCountChanged = true;
-        }
-        if (row.updateType === "U") {
-          if ((_c = this.dataWindow) == null ? void 0 : _c.setAtIndex(row)) {
-            this.hasUpdates = true;
-            if (!this.batchMode) {
-              this.pendingUpdates.push(row);
-            }
-          }
-        }
-      }
-    }
-  }
-  // This is called only after new data has been received from server - data
-  // returned direcly from buffer does not use this.
-  getClientRows() {
-    let out = void 0;
-    let mode = "size-only";
-    if (!this.hasUpdates && !this.rowCountChanged) {
-      return NO_DATA_UPDATE;
-    }
-    if (this.hasUpdates) {
-      const { keys, selectedRows } = this;
-      const toClient = this.isTree ? toClientRowTree : toClientRow;
-      if (this.updateThrottleTimer) {
-        self.clearTimeout(this.updateThrottleTimer);
-        this.updateThrottleTimer = void 0;
-      }
-      if (this.pendingUpdates.length > 0) {
-        out = [];
-        mode = "update";
-        for (const row of this.pendingUpdates) {
-          out.push(toClient(row, keys, selectedRows));
-        }
-        this.pendingUpdates.length = 0;
-      } else {
-        const records = this.dataWindow.getData();
-        if (this.dataWindow.hasAllRowsWithinRange) {
-          out = [];
-          mode = "batch";
-          for (const row of records) {
-            out.push(toClient(row, keys, selectedRows));
-          }
-          this.batchMode = false;
-        }
-      }
-      this.hasUpdates = false;
-    }
-    if (this.throttleMessage(mode)) {
-      return NO_DATA_UPDATE;
-    } else {
-      return [out, mode];
-    }
-  }
-  createRequest(params, overWrite = false) {
-    if (overWrite) {
-      return {
-        type: "CHANGE_VP",
-        viewPortId: this.serverViewportId,
-        ...params
-      };
-    } else {
-      return {
-        type: "CHANGE_VP",
-        viewPortId: this.serverViewportId,
-        aggregations: this.aggregations,
-        columns: this.columns,
-        sort: this.sort,
-        groupBy: this.groupBy,
-        filterSpec: {
-          filter: this.filter.filter
-        },
-        ...params
-      };
-    }
-  }
-};
-var toClientRow = ({ rowIndex, rowKey, sel: isSelected, data }, keys, selectedRows) => {
-  return [
-    rowIndex,
-    keys.keyFor(rowIndex),
-    true,
-    false,
-    0,
-    0,
-    rowKey,
-    isSelected ? getSelectionStatus(selectedRows, rowIndex) : 0
-  ].concat(data);
-};
-var toClientRowTree = ({ rowIndex, rowKey, sel: isSelected, data }, keys, selectedRows) => {
-  const [depth, isExpanded, , isLeaf, , count, ...rest] = data;
-  return [
-    rowIndex,
-    keys.keyFor(rowIndex),
-    isLeaf,
-    isExpanded,
-    depth,
-    count,
-    rowKey,
-    isSelected ? getSelectionStatus(selectedRows, rowIndex) : 0
-  ].concat(rest);
-};
-
-// src/server-proxy/server-proxy.ts
-var _requestId = 1;
-var { debug: debug3, debugEnabled: debugEnabled3, error: error2, info: info2, infoEnabled: infoEnabled2, warn: warn2 } = logger("server-proxy");
-var nextRequestId = () => \`\${_requestId++}\`;
-var DEFAULT_OPTIONS = {};
-var isActiveViewport = (viewPort) => viewPort.disabled !== true && viewPort.suspended !== true;
-var NO_ACTION = {
-  type: "NO_ACTION"
-};
-var addTitleToLinks = (links, serverViewportId, label) => links.map(
-  (link) => link.parentVpId === serverViewportId ? { ...link, label } : link
-);
-function addLabelsToLinks(links, viewports) {
-  return links.map((linkDescriptor) => {
-    const { parentVpId } = linkDescriptor;
-    const viewport = viewports.get(parentVpId);
-    if (viewport) {
-      return {
-        ...linkDescriptor,
-        parentClientVpId: viewport.clientViewportId,
-        label: viewport.title
-      };
-    } else {
-      throw Error("addLabelsToLinks viewport not found");
-    }
-  });
-}
-var ServerProxy = class {
-  constructor(connection, callback) {
-    this.authToken = "";
-    this.user = "user";
-    this.pendingRequests = /* @__PURE__ */ new Map();
-    this.queuedRequests = [];
-    this.cachedTableMetaRequests = /* @__PURE__ */ new Map();
-    this.cachedTableSchemas = /* @__PURE__ */ new Map();
-    this.connection = connection;
-    this.postMessageToClient = callback;
-    this.viewports = /* @__PURE__ */ new Map();
-    this.mapClientToServerViewport = /* @__PURE__ */ new Map();
-  }
-  async reconnect() {
-    await this.login(this.authToken);
-    const [activeViewports, inactiveViewports] = partition(
-      Array.from(this.viewports.values()),
-      isActiveViewport
-    );
-    this.viewports.clear();
-    this.mapClientToServerViewport.clear();
-    const reconnectViewports = (viewports) => {
-      viewports.forEach((viewport) => {
-        const { clientViewportId } = viewport;
-        this.viewports.set(clientViewportId, viewport);
-        this.sendMessageToServer(viewport.subscribe(), clientViewportId);
-      });
-    };
-    reconnectViewports(activeViewports);
-    setTimeout(() => {
-      reconnectViewports(inactiveViewports);
-    }, 2e3);
-  }
-  async login(authToken, user = "user") {
-    if (authToken) {
-      this.authToken = authToken;
-      this.user = user;
-      return new Promise((resolve, reject) => {
-        this.sendMessageToServer(
-          { type: LOGIN, token: this.authToken, user },
-          ""
-        );
-        this.pendingLogin = { resolve, reject };
-      });
-    } else if (this.authToken === "") {
-      error2("login, cannot login until auth token has been obtained");
-    }
-  }
-  subscribe(message) {
-    if (!this.mapClientToServerViewport.has(message.viewport)) {
-      const pendingTableSchema = this.getTableMeta(message.table);
-      const viewport = new Viewport(message, this.postMessageToClient);
-      this.viewports.set(message.viewport, viewport);
-      const pendingSubscription = this.awaitResponseToMessage(
-        viewport.subscribe(),
-        message.viewport
-      );
-      const awaitPendingReponses = Promise.all([
-        pendingSubscription,
-        pendingTableSchema
-      ]);
-      awaitPendingReponses.then(([subscribeResponse, tableSchema]) => {
-        const { viewPortId: serverViewportId } = subscribeResponse;
-        const { status: previousViewportStatus } = viewport;
-        if (message.viewport !== serverViewportId) {
-          this.viewports.delete(message.viewport);
-          this.viewports.set(serverViewportId, viewport);
-        }
-        this.mapClientToServerViewport.set(message.viewport, serverViewportId);
-        const clientResponse = viewport.handleSubscribed(
-          subscribeResponse,
-          tableSchema
-        );
-        if (clientResponse) {
-          this.postMessageToClient(clientResponse);
-          if (debugEnabled3) {
-            debug3(
-              \`post DataSourceSubscribedMessage to client: \${JSON.stringify(
-                clientResponse
-              )}\`
-            );
-          }
-        }
-        if (viewport.disabled) {
-          this.disableViewport(viewport);
-        }
-        if (this.queuedRequests.length > 0) {
-          this.processQueuedRequests();
-        }
-        if (previousViewportStatus === "subscribing" && // A session table will never have Visual Links, nor Context Menus
-        !isSessionTable(viewport.table)) {
-          this.sendMessageToServer({
-            type: GET_VP_VISUAL_LINKS,
-            vpId: serverViewportId
-          });
-          this.sendMessageToServer({
-            type: GET_VIEW_PORT_MENUS,
-            vpId: serverViewportId
-          });
-          Array.from(this.viewports.entries()).filter(
-            ([id, { disabled }]) => id !== serverViewportId && !disabled
-          ).forEach(([vpId]) => {
-            this.sendMessageToServer({
-              type: GET_VP_VISUAL_LINKS,
-              vpId
-            });
-          });
-        }
-      });
-    } else {
-      error2(\`spurious subscribe call \${message.viewport}\`);
-    }
-  }
-  processQueuedRequests() {
-    const messageTypesProcessed = {};
-    while (this.queuedRequests.length) {
-      const queuedRequest = this.queuedRequests.pop();
-      if (queuedRequest) {
-        const { clientViewportId, message, requestId } = queuedRequest;
-        if (message.type === "CHANGE_VP_RANGE") {
-          if (messageTypesProcessed.CHANGE_VP_RANGE) {
-            continue;
-          }
-          messageTypesProcessed.CHANGE_VP_RANGE = true;
-          const serverViewportId = this.mapClientToServerViewport.get(clientViewportId);
-          if (serverViewportId) {
-            this.sendMessageToServer(
-              {
-                ...message,
-                viewPortId: serverViewportId
-              },
-              requestId
-            );
-          }
-        }
-      }
-    }
-  }
-  unsubscribe(clientViewportId) {
-    const serverViewportId = this.mapClientToServerViewport.get(clientViewportId);
-    if (serverViewportId) {
-      info2 == null ? void 0 : info2(
-        \`Unsubscribe Message (Client to Server):
-        \${serverViewportId}\`
-      );
-      this.sendMessageToServer({
-        type: REMOVE_VP,
-        viewPortId: serverViewportId
-      });
-    } else {
-      error2(
-        \`failed to unsubscribe client viewport \${clientViewportId}, viewport not found\`
-      );
-    }
-  }
-  getViewportForClient(clientViewportId, throws = true) {
-    const serverViewportId = this.mapClientToServerViewport.get(clientViewportId);
-    if (serverViewportId) {
-      const viewport = this.viewports.get(serverViewportId);
-      if (viewport) {
-        return viewport;
-      } else if (throws) {
-        throw Error(
-          \`Viewport not found for client viewport \${clientViewportId}\`
-        );
-      } else {
-        return null;
-      }
-    } else if (this.viewports.has(clientViewportId)) {
-      return this.viewports.get(clientViewportId);
-    } else if (throws) {
-      throw Error(
-        \`Viewport server id not found for client viewport \${clientViewportId}\`
-      );
-    } else {
-      return null;
-    }
-  }
-  /**********************************************************************/
-  /* Handle messages from client                                        */
-  /**********************************************************************/
-  setViewRange(viewport, message) {
-    const requestId = nextRequestId();
-    const [serverRequest, rows, debounceRequest] = viewport.rangeRequest(
-      requestId,
-      message.range
-    );
-    info2 == null ? void 0 : info2(\`setViewRange \${message.range.from} - \${message.range.to}\`);
-    if (serverRequest) {
-      if (true) {
-        info2 == null ? void 0 : info2(
-          \`CHANGE_VP_RANGE [\${message.range.from}-\${message.range.to}] => [\${serverRequest.from}-\${serverRequest.to}]\`
-        );
-      }
-      const sentToServer = this.sendIfReady(
-        serverRequest,
-        requestId,
-        viewport.status === "subscribed"
-      );
-      if (!sentToServer) {
-        this.queuedRequests.push({
-          clientViewportId: message.viewport,
-          message: serverRequest,
-          requestId
-        });
-      }
-    }
-    if (rows) {
-      info2 == null ? void 0 : info2(\`setViewRange \${rows.length} rows returned from cache\`);
-      this.postMessageToClient({
-        mode: "batch",
-        type: "viewport-update",
-        clientViewportId: viewport.clientViewportId,
-        rows
-      });
-    } else if (debounceRequest) {
-      this.postMessageToClient(debounceRequest);
-    }
-  }
-  setConfig(viewport, message) {
-    const requestId = nextRequestId();
-    const request = viewport.setConfig(requestId, message.config);
-    this.sendIfReady(request, requestId, viewport.status === "subscribed");
-  }
-  aggregate(viewport, message) {
-    const requestId = nextRequestId();
-    const request = viewport.aggregateRequest(requestId, message.aggregations);
-    this.sendIfReady(request, requestId, viewport.status === "subscribed");
-  }
-  sort(viewport, message) {
-    const requestId = nextRequestId();
-    const request = viewport.sortRequest(requestId, message.sort);
-    this.sendIfReady(request, requestId, viewport.status === "subscribed");
-  }
-  groupBy(viewport, message) {
-    const requestId = nextRequestId();
-    const request = viewport.groupByRequest(requestId, message.groupBy);
-    this.sendIfReady(request, requestId, viewport.status === "subscribed");
-  }
-  filter(viewport, message) {
-    const requestId = nextRequestId();
-    const { filter } = message;
-    const request = viewport.filterRequest(requestId, filter);
-    this.sendIfReady(request, requestId, viewport.status === "subscribed");
-  }
-  setColumns(viewport, message) {
-    const requestId = nextRequestId();
-    const { columns } = message;
-    const request = viewport.columnRequest(requestId, columns);
-    this.sendIfReady(request, requestId, viewport.status === "subscribed");
-  }
-  setTitle(viewport, message) {
-    if (viewport) {
-      viewport.title = message.title;
-      this.updateTitleOnVisualLinks(viewport);
-    }
-  }
-  select(viewport, message) {
-    const requestId = nextRequestId();
-    const { selected } = message;
-    const request = viewport.selectRequest(requestId, selected);
-    this.sendIfReady(request, requestId, viewport.status === "subscribed");
-  }
-  disableViewport(viewport) {
-    const requestId = nextRequestId();
-    const request = viewport.disable(requestId);
-    this.sendIfReady(request, requestId, viewport.status === "subscribed");
-  }
-  enableViewport(viewport) {
-    if (viewport.disabled) {
-      const requestId = nextRequestId();
-      const request = viewport.enable(requestId);
-      this.sendIfReady(request, requestId, viewport.status === "subscribed");
-    }
-  }
-  suspendViewport(viewport) {
-    viewport.suspend();
-    viewport.suspendTimer = setTimeout(() => {
-      info2 == null ? void 0 : info2("suspendTimer expired, escalate suspend to disable");
-      this.disableViewport(viewport);
-    }, 3e3);
-  }
-  resumeViewport(viewport) {
-    if (viewport.suspendTimer) {
-      debug3 == null ? void 0 : debug3("clear suspend timer");
-      clearTimeout(viewport.suspendTimer);
-      viewport.suspendTimer = null;
-    }
-    const [size, rows] = viewport.resume();
-    debug3 == null ? void 0 : debug3(\`resumeViewport size \${size}, \${rows.length} rows sent to client\`);
-    this.postMessageToClient({
-      clientViewportId: viewport.clientViewportId,
-      mode: "batch",
-      rows,
-      size,
-      type: "viewport-update"
-    });
-  }
-  openTreeNode(viewport, message) {
-    if (viewport.serverViewportId) {
-      const requestId = nextRequestId();
-      this.sendIfReady(
-        viewport.openTreeNode(requestId, message),
-        requestId,
-        viewport.status === "subscribed"
-      );
-    }
-  }
-  closeTreeNode(viewport, message) {
-    if (viewport.serverViewportId) {
-      const requestId = nextRequestId();
-      this.sendIfReady(
-        viewport.closeTreeNode(requestId, message),
-        requestId,
-        viewport.status === "subscribed"
-      );
-    }
-  }
-  createLink(viewport, message) {
-    const { parentClientVpId, parentColumnName, childColumnName } = message;
-    const requestId = nextRequestId();
-    const parentVpId = this.mapClientToServerViewport.get(parentClientVpId);
-    if (parentVpId) {
-      const request = viewport.createLink(
-        requestId,
-        childColumnName,
-        parentVpId,
-        parentColumnName
-      );
-      this.sendMessageToServer(request, requestId);
-    } else {
-      error2("ServerProxy unable to create link, viewport not found");
-    }
-  }
-  removeLink(viewport) {
-    const requestId = nextRequestId();
-    const request = viewport.removeLink(requestId);
-    this.sendMessageToServer(request, requestId);
-  }
-  updateTitleOnVisualLinks(viewport) {
-    var _a;
-    const { serverViewportId, title } = viewport;
-    for (const vp of this.viewports.values()) {
-      if (vp !== viewport && vp.links && serverViewportId && title) {
-        if ((_a = vp.links) == null ? void 0 : _a.some((link) => link.parentVpId === serverViewportId)) {
-          const [messageToClient] = vp.setLinks(
-            addTitleToLinks(vp.links, serverViewportId, title)
-          );
-          this.postMessageToClient(messageToClient);
-        }
-      }
-    }
-  }
-  removeViewportFromVisualLinks(serverViewportId) {
-    var _a;
-    for (const vp of this.viewports.values()) {
-      if ((_a = vp.links) == null ? void 0 : _a.some(({ parentVpId }) => parentVpId === serverViewportId)) {
-        const [messageToClient] = vp.setLinks(
-          vp.links.filter(({ parentVpId }) => parentVpId !== serverViewportId)
-        );
-        this.postMessageToClient(messageToClient);
-      }
-    }
-  }
-  menuRpcCall(message) {
-    const viewport = this.getViewportForClient(message.vpId, false);
-    if (viewport == null ? void 0 : viewport.serverViewportId) {
-      const [requestId, rpcRequest] = stripRequestId(message);
-      this.sendMessageToServer(
-        {
-          ...rpcRequest,
-          vpId: viewport.serverViewportId
-        },
-        requestId
-      );
-    }
-  }
-  viewportRpcCall(message) {
-    const viewport = this.getViewportForClient(message.vpId, false);
-    if (viewport == null ? void 0 : viewport.serverViewportId) {
-      const [requestId, rpcRequest] = stripRequestId(message);
-      this.sendMessageToServer(
-        {
-          ...rpcRequest,
-          vpId: viewport.serverViewportId,
-          namedParams: {}
-        },
-        requestId
-      );
-    }
-  }
-  rpcCall(message) {
-    const [requestId, rpcRequest] = stripRequestId(message);
-    const module = getRpcServiceModule(rpcRequest.service);
-    this.sendMessageToServer(rpcRequest, requestId, { module });
-  }
-  handleMessageFromClient(message) {
-    var _a;
-    if (isViewporttMessage(message)) {
-      if (message.type === "disable") {
-        const viewport = this.getViewportForClient(message.viewport, false);
-        if (viewport !== null) {
-          return this.disableViewport(viewport);
-        } else {
-          return;
-        }
-      } else {
-        const viewport = this.getViewportForClient(message.viewport);
-        switch (message.type) {
-          case "setViewRange":
-            return this.setViewRange(viewport, message);
-          case "config":
-            return this.setConfig(viewport, message);
-          case "aggregate":
-            return this.aggregate(viewport, message);
-          case "sort":
-            return this.sort(viewport, message);
-          case "groupBy":
-            return this.groupBy(viewport, message);
-          case "filter":
-            return this.filter(viewport, message);
-          case "select":
-            return this.select(viewport, message);
-          case "suspend":
-            return this.suspendViewport(viewport);
-          case "resume":
-            return this.resumeViewport(viewport);
-          case "enable":
-            return this.enableViewport(viewport);
-          case "openTreeNode":
-            return this.openTreeNode(viewport, message);
-          case "closeTreeNode":
-            return this.closeTreeNode(viewport, message);
-          case "createLink":
-            return this.createLink(viewport, message);
-          case "removeLink":
-            return this.removeLink(viewport);
-          case "setColumns":
-            return this.setColumns(viewport, message);
-          case "setTitle":
-            return this.setTitle(viewport, message);
-          default:
-        }
-      }
-    } else if (isVuuRpcRequest(message)) {
-      return this.viewportRpcCall(
-        message
-      );
-    } else if (isVuuMenuRpcRequest(message)) {
-      return this.menuRpcCall(message);
-    } else {
-      const { type, requestId } = message;
-      switch (type) {
-        case "GET_TABLE_LIST": {
-          (_a = this.tableList) != null ? _a : this.tableList = this.awaitResponseToMessage(
-            { type },
-            requestId
-          );
-          this.tableList.then((response) => {
-            this.postMessageToClient({
-              type: "TABLE_LIST_RESP",
-              tables: response.tables,
-              requestId
-            });
-          });
-          return;
-        }
-        case "GET_TABLE_META": {
-          this.getTableMeta(message.table, requestId).then((tableSchema) => {
-            if (tableSchema) {
-              this.postMessageToClient({
-                type: "TABLE_META_RESP",
-                tableSchema,
-                requestId
-              });
-            }
-          });
-          return;
-        }
-        case "RPC_CALL":
-          return this.rpcCall(message);
-        default:
-      }
-    }
-    error2(
-      \`Vuu ServerProxy Unexpected message from client \${JSON.stringify(
-        message
-      )}\`
-    );
-  }
-  getTableMeta(table, requestId = nextRequestId()) {
-    if (isSessionTable(table)) {
-      return Promise.resolve(void 0);
-    }
-    const key = \`\${table.module}:\${table.table}\`;
-    let tableMetaRequest = this.cachedTableMetaRequests.get(key);
-    if (!tableMetaRequest) {
-      tableMetaRequest = this.awaitResponseToMessage(
-        { type: "GET_TABLE_META", table },
-        requestId
-      );
-      this.cachedTableMetaRequests.set(key, tableMetaRequest);
-    }
-    return tableMetaRequest == null ? void 0 : tableMetaRequest.then((response) => this.cacheTableMeta(response));
-  }
-  awaitResponseToMessage(message, requestId = nextRequestId()) {
-    return new Promise((resolve, reject) => {
-      this.sendMessageToServer(message, requestId);
-      this.pendingRequests.set(requestId, { reject, resolve });
-    });
-  }
-  sendIfReady(message, requestId, isReady = true) {
-    if (isReady) {
-      this.sendMessageToServer(message, requestId);
-    }
-    return isReady;
-  }
-  sendMessageToServer(body, requestId = \`\${_requestId++}\`, options = DEFAULT_OPTIONS) {
-    const { module = "CORE" } = options;
-    if (this.authToken) {
-      this.connection.send({
-        requestId,
-        sessionId: this.sessionId,
-        token: this.authToken,
-        user: this.user,
-        module,
-        body
-      });
-    }
-  }
-  handleMessageFromServer(message) {
-    var _a, _b, _c;
-    const { body, requestId, sessionId } = message;
-    const pendingRequest = this.pendingRequests.get(requestId);
-    if (pendingRequest) {
-      const { resolve } = pendingRequest;
-      this.pendingRequests.delete(requestId);
-      resolve(body);
-      return;
-    }
-    const { viewports } = this;
-    switch (body.type) {
-      case HB:
-        this.sendMessageToServer(
-          { type: HB_RESP, ts: +/* @__PURE__ */ new Date() },
-          "NA"
-        );
-        break;
-      case "LOGIN_SUCCESS":
-        if (sessionId) {
-          this.sessionId = sessionId;
-          (_a = this.pendingLogin) == null ? void 0 : _a.resolve(sessionId);
-          this.pendingLogin = void 0;
-        } else {
-          throw Error("LOGIN_SUCCESS did not provide sessionId");
-        }
-        break;
-      case "REMOVE_VP_SUCCESS":
-        {
-          const viewport = viewports.get(body.viewPortId);
-          if (viewport) {
-            this.mapClientToServerViewport.delete(viewport.clientViewportId);
-            viewports.delete(body.viewPortId);
-            this.removeViewportFromVisualLinks(body.viewPortId);
-          }
-        }
-        break;
-      case SET_SELECTION_SUCCESS:
-        {
-          const viewport = this.viewports.get(body.vpId);
-          if (viewport) {
-            viewport.completeOperation(requestId);
-          }
-        }
-        break;
-      case CHANGE_VP_SUCCESS:
-      case DISABLE_VP_SUCCESS:
-        if (viewports.has(body.viewPortId)) {
-          const viewport = this.viewports.get(body.viewPortId);
-          if (viewport) {
-            const response = viewport.completeOperation(requestId);
-            if (response !== void 0) {
-              this.postMessageToClient(response);
-              if (debugEnabled3) {
-                debug3(\`postMessageToClient \${JSON.stringify(response)}\`);
-              }
-            }
-          }
-        }
-        break;
-      case ENABLE_VP_SUCCESS:
-        {
-          const viewport = this.viewports.get(body.viewPortId);
-          if (viewport) {
-            const response = viewport.completeOperation(requestId);
-            if (response) {
-              this.postMessageToClient(response);
-              const [size, rows] = viewport.resume();
-              this.postMessageToClient({
-                clientViewportId: viewport.clientViewportId,
-                mode: "batch",
-                rows,
-                size,
-                type: "viewport-update"
-              });
-            }
-          }
-        }
-        break;
-      case "TABLE_ROW":
-        {
-          const viewportRowMap = groupRowsByViewport(body.rows);
-          if (debugEnabled3) {
-            const [firstRow, secondRow] = body.rows;
-            if (body.rows.length === 0) {
-              debug3("handleMessageFromServer TABLE_ROW 0 rows");
-            } else if ((firstRow == null ? void 0 : firstRow.rowIndex) === -1) {
-              if (body.rows.length === 1) {
-                if (firstRow.updateType === "SIZE") {
-                  debug3(
-                    \`handleMessageFromServer [\${firstRow.viewPortId}] TABLE_ROW SIZE ONLY \${firstRow.vpSize}\`
-                  );
-                } else {
-                  debug3(
-                    \`handleMessageFromServer [\${firstRow.viewPortId}] TABLE_ROW SIZE \${firstRow.vpSize} rowIdx \${firstRow.rowIndex}\`
-                  );
-                }
-              } else {
-                debug3(
-                  \`handleMessageFromServer TABLE_ROW \${body.rows.length} rows, SIZE \${firstRow.vpSize}, [\${secondRow == null ? void 0 : secondRow.rowIndex}] - [\${(_b = body.rows[body.rows.length - 1]) == null ? void 0 : _b.rowIndex}]\`
-                );
-              }
-            } else {
-              debug3(
-                \`handleMessageFromServer TABLE_ROW \${body.rows.length} rows [\${firstRow == null ? void 0 : firstRow.rowIndex}] - [\${(_c = body.rows[body.rows.length - 1]) == null ? void 0 : _c.rowIndex}]\`
-              );
-            }
-          }
-          for (const [viewportId, rows] of Object.entries(viewportRowMap)) {
-            const viewport = viewports.get(viewportId);
-            if (viewport) {
-              viewport.updateRows(rows);
-            } else {
-              warn2 == null ? void 0 : warn2(
-                \`TABLE_ROW message received for non registered viewport \${viewportId}\`
-              );
-            }
-          }
-          this.processUpdates();
-        }
-        break;
-      case "CHANGE_VP_RANGE_SUCCESS":
-        {
-          const viewport = this.viewports.get(body.viewPortId);
-          if (viewport) {
-            const { from, to } = body;
-            if (true) {
-              info2 == null ? void 0 : info2(\`CHANGE_VP_RANGE_SUCCESS \${from} - \${to}\`);
-            }
-            viewport.completeOperation(requestId, from, to);
-          }
-        }
-        break;
-      case OPEN_TREE_SUCCESS:
-      case CLOSE_TREE_SUCCESS:
-        break;
-      case "CREATE_VISUAL_LINK_SUCCESS":
-        {
-          const viewport = this.viewports.get(body.childVpId);
-          const parentViewport = this.viewports.get(body.parentVpId);
-          if (viewport && parentViewport) {
-            const { childColumnName, parentColumnName } = body;
-            const response = viewport.completeOperation(
-              requestId,
-              childColumnName,
-              parentViewport.clientViewportId,
-              parentColumnName
-            );
-            if (response) {
-              this.postMessageToClient(response);
-            }
-          }
-        }
-        break;
-      case "REMOVE_VISUAL_LINK_SUCCESS":
-        {
-          const viewport = this.viewports.get(body.childVpId);
-          if (viewport) {
-            const response = viewport.completeOperation(
-              requestId
-            );
-            if (response) {
-              this.postMessageToClient(response);
-            }
-          }
-        }
-        break;
-      case "VP_VISUAL_LINKS_RESP":
-        {
-          const activeLinkDescriptors = this.getActiveLinks(body.links);
-          const viewport = this.viewports.get(body.vpId);
-          if (activeLinkDescriptors.length && viewport) {
-            const linkDescriptorsWithLabels = addLabelsToLinks(
-              activeLinkDescriptors,
-              this.viewports
-            );
-            const [clientMessage, pendingLink] = viewport.setLinks(
-              linkDescriptorsWithLabels
-            );
-            this.postMessageToClient(clientMessage);
-            if (pendingLink) {
-              const { link, parentClientVpId } = pendingLink;
-              const requestId2 = nextRequestId();
-              const serverViewportId = this.mapClientToServerViewport.get(parentClientVpId);
-              if (serverViewportId) {
-                const message2 = viewport.createLink(
-                  requestId2,
-                  link.fromColumn,
-                  serverViewportId,
-                  link.toColumn
-                );
-                this.sendMessageToServer(message2, requestId2);
-              }
-            }
-          }
-        }
-        break;
-      case "VIEW_PORT_MENUS_RESP":
-        if (body.menu.name) {
-          const viewport = this.viewports.get(body.vpId);
-          if (viewport) {
-            const clientMessage = viewport.setMenu(body.menu);
-            this.postMessageToClient(clientMessage);
-          }
-        }
-        break;
-      case "VP_EDIT_RPC_RESPONSE":
-        {
-          this.postMessageToClient({
-            action: body.action,
-            requestId,
-            rpcName: body.rpcName,
-            type: "VP_EDIT_RPC_RESPONSE"
-          });
-        }
-        break;
-      case "VP_EDIT_RPC_REJECT":
-        {
-          const viewport = this.viewports.get(body.vpId);
-          if (viewport) {
-            this.postMessageToClient({
-              requestId,
-              type: "VP_EDIT_RPC_REJECT",
-              error: body.error
-            });
-          }
-        }
-        break;
-      case "VIEW_PORT_MENU_REJ": {
-        console.log(\`send menu error back to client\`);
-        const { error: error4, rpcName, vpId } = body;
-        const viewport = this.viewports.get(vpId);
-        if (viewport) {
-          this.postMessageToClient({
-            clientViewportId: viewport.clientViewportId,
-            error: error4,
-            rpcName,
-            type: "VIEW_PORT_MENU_REJ",
-            requestId
-          });
-        }
-        break;
-      }
-      case "VIEW_PORT_MENU_RESP":
-        {
-          if (isSessionTableActionMessage(body)) {
-            const { action, rpcName } = body;
-            this.awaitResponseToMessage({
-              type: "GET_TABLE_META",
-              table: action.table
-            }).then((response) => {
-              const tableSchema = createSchemaFromTableMetadata(
-                response
-              );
-              this.postMessageToClient({
-                rpcName,
-                type: "VIEW_PORT_MENU_RESP",
-                action: {
-                  ...action,
-                  tableSchema
-                },
-                tableAlreadyOpen: this.isTableOpen(action.table),
-                requestId
-              });
-            });
-          } else {
-            const { action } = body;
-            this.postMessageToClient({
-              type: "VIEW_PORT_MENU_RESP",
-              action: action || NO_ACTION,
-              tableAlreadyOpen: action !== null && this.isTableOpen(action.table),
-              requestId
-            });
-          }
-        }
-        break;
-      case "RPC_RESP":
-        {
-          const { method, result } = body;
-          this.postMessageToClient({
-            type: "RPC_RESP",
-            method,
-            result,
-            requestId
-          });
-        }
-        break;
-      case "VIEW_PORT_RPC_REPONSE":
-        {
-          const { method, action } = body;
-          this.postMessageToClient({
-            type: "VIEW_PORT_RPC_RESPONSE",
-            rpcName: method,
-            action,
-            requestId
-          });
-        }
-        break;
-      case "ERROR":
-        error2(body.msg);
-        break;
-      default:
-        infoEnabled2 && info2(\`handleMessageFromServer \${body["type"]}.\`);
-    }
-  }
-  cacheTableMeta(messageBody) {
-    const { module, table } = messageBody.table;
-    const key = \`\${module}:\${table}\`;
-    let tableSchema = this.cachedTableSchemas.get(key);
-    if (!tableSchema) {
-      tableSchema = createSchemaFromTableMetadata(messageBody);
-      this.cachedTableSchemas.set(key, tableSchema);
-    }
-    return tableSchema;
-  }
-  isTableOpen(table) {
-    if (table) {
-      const tableName = table.table;
-      for (const viewport of this.viewports.values()) {
-        if (!viewport.suspended && viewport.table.table === tableName) {
-          return true;
-        }
-      }
-    }
-  }
-  // Eliminate links to suspended viewports
-  getActiveLinks(linkDescriptors) {
-    return linkDescriptors.filter((linkDescriptor) => {
-      const viewport = this.viewports.get(linkDescriptor.parentVpId);
-      return viewport && !viewport.suspended;
-    });
-  }
-  processUpdates() {
-    this.viewports.forEach((viewport) => {
-      var _a;
-      if (viewport.hasUpdatesToProcess) {
-        const result = viewport.getClientRows();
-        if (result !== NO_DATA_UPDATE) {
-          const [rows, mode] = result;
-          const size = viewport.getNewRowCount();
-          if (size !== void 0 || rows && rows.length > 0) {
-            debugEnabled3 && debug3(
-              \`postMessageToClient #\${viewport.clientViewportId} viewport-update \${mode}, \${(_a = rows == null ? void 0 : rows.length) != null ? _a : "no"} rows, size \${size}\`
-            );
-            if (mode) {
-              this.postMessageToClient({
-                clientViewportId: viewport.clientViewportId,
-                mode,
-                rows,
-                size,
-                type: "viewport-update"
-              });
-            }
-          }
-        }
-      }
-    });
-  }
-};
-
-// src/websocket-connection.ts
-var { debug: debug4, debugEnabled: debugEnabled4, error: error3, info: info3, infoEnabled: infoEnabled3, warn: warn3 } = logger(
-  "websocket-connection"
-);
-var WS = "ws";
-var isWebsocketUrl = (url) => url.startsWith(WS + "://") || url.startsWith(WS + "s://");
-var connectionAttemptStatus = {};
-var setWebsocket = Symbol("setWebsocket");
-var connectionCallback = Symbol("connectionCallback");
-async function connect(connectionString, protocol, callback, retryLimitDisconnect = 10, retryLimitStartup = 5) {
-  connectionAttemptStatus[connectionString] = {
-    status: "connecting",
-    connect: {
-      allowed: retryLimitStartup,
-      remaining: retryLimitStartup
-    },
-    reconnect: {
-      allowed: retryLimitDisconnect,
-      remaining: retryLimitDisconnect
-    }
-  };
-  return makeConnection(connectionString, protocol, callback);
-}
-async function reconnect(connection) {
-  throw Error("connection broken");
-}
-async function makeConnection(url, protocol, callback, connection) {
-  const {
-    status: currentStatus,
-    connect: connectStatus,
-    reconnect: reconnectStatus
-  } = connectionAttemptStatus[url];
-  const trackedStatus = currentStatus === "connecting" ? connectStatus : reconnectStatus;
-  try {
-    callback({ type: "connection-status", status: "connecting" });
-    const reconnecting = typeof connection !== "undefined";
-    const ws = await createWebsocket(url, protocol);
-    console.info(
-      "%c\u26A1 %cconnected",
-      "font-size: 24px;color: green;font-weight: bold;",
-      "color:green; font-size: 14px;"
-    );
-    if (connection !== void 0) {
-      connection[setWebsocket](ws);
-    }
-    const websocketConnection = connection != null ? connection : new WebsocketConnection(ws, url, protocol, callback);
-    const status = reconnecting ? "reconnected" : "connection-open-awaiting-session";
-    callback({ type: "connection-status", status });
-    websocketConnection.status = status;
-    trackedStatus.remaining = trackedStatus.allowed;
-    return websocketConnection;
-  } catch (err) {
-    const retry = --trackedStatus.remaining > 0;
-    callback({
-      type: "connection-status",
-      status: "disconnected",
-      reason: "failed to connect",
-      retry
-    });
-    if (retry) {
-      return makeConnectionIn(url, protocol, callback, connection, 2e3);
-    } else {
-      throw Error("Failed to establish connection");
-    }
-  }
-}
-var makeConnectionIn = (url, protocol, callback, connection, delay) => new Promise((resolve) => {
-  setTimeout(() => {
-    resolve(makeConnection(url, protocol, callback, connection));
-  }, delay);
-});
-var createWebsocket = (connectionString, protocol) => new Promise((resolve, reject) => {
-  const websocketUrl = isWebsocketUrl(connectionString) ? connectionString : \`wss://\${connectionString}\`;
-  if (infoEnabled3 && protocol !== void 0) {
-    info3(\`WebSocket Protocol \${protocol == null ? void 0 : protocol.toString()}\`);
-  }
-  const ws = new WebSocket(websocketUrl, protocol);
-  ws.onopen = () => resolve(ws);
-  ws.onerror = (evt) => reject(evt);
-});
-var closeWarn = () => {
-  warn3 == null ? void 0 : warn3(\`Connection cannot be closed, socket not yet opened\`);
-};
-var sendWarn = (msg) => {
-  warn3 == null ? void 0 : warn3(\`Message cannot be sent, socket closed \${msg.body.type}\`);
-};
-var parseMessage = (message) => {
-  try {
-    return JSON.parse(message);
-  } catch (e) {
-    throw Error(\`Error parsing JSON response from server \${message}\`);
-  }
-};
-var WebsocketConnection = class {
-  constructor(ws, url, protocol, callback) {
-    this.close = closeWarn;
-    this.requiresLogin = true;
-    this.send = sendWarn;
-    this.status = "ready";
-    this.messagesCount = 0;
-    this.connectionMetricsInterval = null;
-    this.handleWebsocketMessage = (evt) => {
-      const vuuMessageFromServer = parseMessage(evt.data);
-      this.messagesCount += 1;
-      if (true) {
-        if (debugEnabled4 && vuuMessageFromServer.body.type !== "HB") {
-          debug4 == null ? void 0 : debug4(\`<<< \${vuuMessageFromServer.body.type}\`);
-        }
-      }
-      this[connectionCallback](vuuMessageFromServer);
-    };
-    this.url = url;
-    this.protocol = protocol;
-    this[connectionCallback] = callback;
-    this[setWebsocket](ws);
-  }
-  reconnect() {
-    reconnect(this);
-  }
-  [(connectionCallback, setWebsocket)](ws) {
-    const callback = this[connectionCallback];
-    ws.onmessage = (evt) => {
-      this.status = "connected";
-      ws.onmessage = this.handleWebsocketMessage;
-      this.handleWebsocketMessage(evt);
-    };
-    this.connectionMetricsInterval = setInterval(() => {
-      callback({
-        type: "connection-metrics",
-        messagesLength: this.messagesCount
-      });
-      this.messagesCount = 0;
-    }, 2e3);
-    ws.onerror = () => {
-      error3(\`\u26A1 connection error\`);
-      callback({
-        type: "connection-status",
-        status: "disconnected",
-        reason: "error"
-      });
-      if (this.connectionMetricsInterval) {
-        clearInterval(this.connectionMetricsInterval);
-        this.connectionMetricsInterval = null;
-      }
-      if (this.status === "connection-open-awaiting-session") {
-        error3(
-          \`Websocket connection lost before Vuu session established, check websocket configuration\`
-        );
-      } else if (this.status !== "closed") {
-        reconnect(this);
-        this.send = queue;
-      }
-    };
-    ws.onclose = () => {
-      info3 == null ? void 0 : info3(\`\u26A1 connection close\`);
-      callback({
-        type: "connection-status",
-        status: "disconnected",
-        reason: "close"
-      });
-      if (this.connectionMetricsInterval) {
-        clearInterval(this.connectionMetricsInterval);
-        this.connectionMetricsInterval = null;
-      }
-      if (this.status !== "closed") {
-        reconnect(this);
-        this.send = queue;
-      }
-    };
-    const send = (msg) => {
-      if (true) {
-        if (debugEnabled4 && msg.body.type !== "HB_RESP") {
-          debug4 == null ? void 0 : debug4(\`>>> \${msg.body.type}\`);
-        }
-      }
-      ws.send(JSON.stringify(msg));
-    };
-    const queue = (msg) => {
-      info3 == null ? void 0 : info3(\`TODO queue message until websocket reconnected \${msg.body.type}\`);
-    };
-    this.send = send;
-    this.close = () => {
-      this.status = "closed";
-      ws.close();
-      this.close = closeWarn;
-      this.send = sendWarn;
-      info3 == null ? void 0 : info3("close websocket");
-    };
-  }
-};
-
-// src/worker.ts
-var server;
-var { info: info4, infoEnabled: infoEnabled4 } = logger("worker");
-async function connectToServer(url, protocol, token, username, onConnectionStatusChange, retryLimitDisconnect, retryLimitStartup) {
-  const connection = await connect(
-    url,
-    protocol,
-    // if this was called during connect, we would get a ReferenceError, but it will
-    // never be called until subscriptions have been made, so this is safe.
-    //TODO do we need to listen in to the connection messages here so we can lock back in, in the event of a reconnenct ?
-    (msg) => {
-      if (isConnectionQualityMetrics(msg)) {
-        postMessage({ type: "connection-metrics", messages: msg });
-      } else if (isConnectionStatusMessage(msg)) {
-        onConnectionStatusChange(msg);
-        if (msg.status === "reconnected") {
-          server.reconnect();
-        }
-      } else {
-        server.handleMessageFromServer(msg);
-      }
-    },
-    retryLimitDisconnect,
-    retryLimitStartup
-  );
-  server = new ServerProxy(connection, (msg) => sendMessageToClient(msg));
-  if (connection.requiresLogin) {
-    await server.login(token, username);
-  }
-}
-function sendMessageToClient(message) {
-  postMessage(message);
-}
-var handleMessageFromClient = async ({
-  data: message
-}) => {
-  switch (message.type) {
-    case "connect":
-      await connectToServer(
-        message.url,
-        message.protocol,
-        message.token,
-        message.username,
-        postMessage,
-        message.retryLimitDisconnect,
-        message.retryLimitStartup
-      );
-      postMessage({ type: "connected" });
-      break;
-    case "subscribe":
-      infoEnabled4 && info4(\`client subscribe: \${JSON.stringify(message)}\`);
-      server.subscribe(message);
-      break;
-    case "unsubscribe":
-      infoEnabled4 && info4(\`client unsubscribe: \${JSON.stringify(message)}\`);
-      server.unsubscribe(message.viewport);
-      break;
-    default:
-      infoEnabled4 && info4(\`client message: \${JSON.stringify(message)}\`);
-      server.handleMessageFromClient(message);
-  }
-};
-self.addEventListener("message", handleMessageFromClient);
-postMessage({ type: "ready" });
-
-`;
-
-// ../vuu-data-remote/src/connection-manager.ts
-var workerBlob = new Blob([getLoggingConfigForWorker() + workerSourceCode], {
-  type: "text/javascript"
-});
-var workerBlobUrl = URL.createObjectURL(workerBlob);
-var worker;
-var pendingWorker;
-var pendingWorkerNoToken = [];
-var resolveServer;
-var rejectServer;
-var serverAPI = new Promise((resolve, reject) => {
-  resolveServer = resolve;
-  rejectServer = reject;
-});
-var getServerAPI = () => serverAPI;
-var viewports = /* @__PURE__ */ new Map();
-var pendingRequests = /* @__PURE__ */ new Map();
-var getWorker = async ({
-  handleConnectionStatusChange,
-  protocol,
-  retryLimitDisconnect,
-  retryLimitStartup,
-  token = "",
-  username,
-  url
-}) => {
-  if (token === "" && pendingWorker === void 0) {
-    return new Promise((resolve) => {
-      pendingWorkerNoToken.push({ resolve });
-    });
-  }
-  return pendingWorker || // we get this far when we receive the first request with auth token
-  (pendingWorker = new Promise((resolve) => {
-    const worker2 = new Worker(workerBlobUrl);
-    const timer = window.setTimeout(() => {
-      console.error("timed out waiting for worker to load");
-    }, 1e3);
-    worker2.onmessage = (msg) => {
-      const { data: message } = msg;
-      if (message.type === "ready") {
-        window.clearTimeout(timer);
-        worker2.postMessage({
-          protocol,
-          retryLimitDisconnect,
-          retryLimitStartup,
-          token,
-          type: "connect",
-          url,
-          username
-        });
-      } else if (message.type === "connected") {
-        worker2.onmessage = handleMessageFromWorker;
-        resolve(worker2);
-        for (const pendingWorkerRequest of pendingWorkerNoToken) {
-          pendingWorkerRequest.resolve(worker2);
-        }
-        pendingWorkerNoToken.length = 0;
-      } else if (isConnectionStatusMessage(message)) {
-        handleConnectionStatusChange({ data: message });
-      } else {
-        console.warn("ConnectionManager: Unexpected message from the worker");
-      }
-    };
-  }));
-};
-function handleMessageFromWorker({
-  data: message
-}) {
-  if (shouldMessageBeRoutedToDataSource(message)) {
-    const viewport = viewports.get(message.clientViewportId);
-    if (viewport) {
-      viewport.postMessageToClientDataSource(message);
-    } else {
-      console.error(
-        `[ConnectionManager] ${message.type} message received, viewport not found`
-      );
-    }
-  } else if (isConnectionStatusMessage(message)) {
-    ConnectionManager.emit("connection-status", message);
-  } else if (isConnectionQualityMetrics(message)) {
-    ConnectionManager.emit("connection-metrics", message);
-  } else {
-    const requestId = message.requestId;
-    if (pendingRequests.has(requestId)) {
-      const { resolve } = pendingRequests.get(requestId);
-      pendingRequests.delete(requestId);
-      const {
-        type: _1,
-        requestId: _2,
-        ...rest
-      } = message;
-      if (messageHasResult(message)) {
-        resolve(message.result);
-      } else if (message.type === "VP_EDIT_RPC_RESPONSE" || message.type === "VP_EDIT_RPC_REJECT") {
-        resolve(message);
-      } else if (isTableSchema(message)) {
-        resolve(message.tableSchema);
-      } else {
-        resolve(rest);
-      }
-    } else {
-      console.warn(
-        "%cConnectionManager Unexpected message from the worker",
-        "color:red;font-weight:bold;"
-      );
-    }
-  }
-}
-var asyncRequest = (msg) => {
-  const requestId = uuid();
-  worker.postMessage({
-    requestId,
-    ...msg
-  });
-  return new Promise((resolve, reject) => {
-    pendingRequests.set(requestId, { resolve, reject });
-  });
-};
-var connectedServerAPI = {
-  subscribe: (message, callback) => {
-    if (viewports.get(message.viewport)) {
-      throw Error(
-        `ConnectionManager attempting to subscribe with an existing viewport id`
-      );
-    }
-    viewports.set(message.viewport, {
-      status: "subscribing",
-      request: message,
-      postMessageToClientDataSource: callback
-    });
-    worker.postMessage({ type: "subscribe", ...message });
-  },
-  unsubscribe: (viewport) => {
-    worker.postMessage({ type: "unsubscribe", viewport });
-  },
-  send: (message) => {
-    worker.postMessage(message);
-  },
-  destroy: (viewportId) => {
-    if (viewportId && viewports.has(viewportId)) {
-      viewports.delete(viewportId);
-    }
-  },
-  rpcCall: async (message) => asyncRequest(message),
-  getTableList: async () => asyncRequest({ type: "GET_TABLE_LIST" }),
-  getTableSchema: async (table) => asyncRequest({
-    type: GET_TABLE_META,
-    table
-  })
-};
-var _ConnectionManager = class extends EventEmitter {
-  // The first request must have the token. We can change this to block others until
-  // the request with token is received.
-  async connect({
-    url,
-    authToken,
-    username,
-    protocol,
-    retryLimitDisconnect,
-    retryLimitStartup
-  }) {
-    worker = await getWorker({
-      protocol,
-      url,
-      token: authToken,
-      username,
-      retryLimitDisconnect,
-      retryLimitStartup,
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      handleConnectionStatusChange: handleMessageFromWorker
-    });
-    return connectedServerAPI;
-  }
-  destroy() {
-    worker.terminate();
-  }
-};
-var ConnectionManager = new _ConnectionManager();
-var makeRpcCall = async (rpcRequest) => {
-  try {
-    return (await serverAPI).rpcCall(rpcRequest);
-  } catch (err) {
-    throw Error("Error accessing server api");
-  }
-};
-
-// ../vuu-data-remote/src/vuu-data-source.ts
-import { parseFilter } from "@vuu-ui/vuu-filter-parser";
-import {
-  configChanged,
-  debounce,
-  EventEmitter as EventEmitter2,
-  isViewportMenusAction,
-  isVisualLinksAction,
-  itemsOrOrderChanged,
-  logger,
-  metadataKeys as metadataKeys2,
-  throttle,
-  uuid as uuid2,
-  vanillaConfig,
-  withConfigDefaults
-} from "@vuu-ui/vuu-utils";
-var { info } = logger("VuuDataSource");
-var { KEY } = metadataKeys2;
-var _config, _groupBy, _links, _menu, _optimize, _range, _selectedRowsCount, _size, _status, _title;
-var VuuDataSource = class extends EventEmitter2 {
-  constructor({
-    bufferSize = 100,
-    aggregations,
-    columns,
-    filter,
-    groupBy,
-    sort,
-    table,
-    title,
-    viewport,
-    visualLink
-  }) {
-    super();
-    this.server = null;
-    __privateAdd(this, _config, vanillaConfig);
-    __privateAdd(this, _groupBy, []);
-    __privateAdd(this, _links, void 0);
-    __privateAdd(this, _menu, void 0);
-    __privateAdd(this, _optimize, "throttle");
-    __privateAdd(this, _range, { from: 0, to: 0 });
-    __privateAdd(this, _selectedRowsCount, 0);
-    __privateAdd(this, _size, 0);
-    __privateAdd(this, _status, "initialising");
-    __privateAdd(this, _title, void 0);
-    this.handleMessageFromServer = (message) => {
-      var _a3, _b;
-      if (message.type === "subscribed") {
-        __privateSet(this, _status, "subscribed");
-        if (message.tableSchema) {
-          this.tableSchema = message.tableSchema;
-        }
-        (_a3 = this.clientCallback) == null ? void 0 : _a3.call(this, message);
-      } else if (message.type === "disabled") {
-        __privateSet(this, _status, "disabled");
-      } else if (message.type === "enabled") {
-        __privateSet(this, _status, "enabled");
-      } else if (isDataSourceConfigMessage(message)) {
-        return;
-      } else if (message.type === "debounce-begin") {
-        this.optimize = "debounce";
-      } else {
-        if (message.type === "viewport-update" && message.size !== void 0 && message.size !== __privateGet(this, _size)) {
-          __privateSet(this, _size, message.size);
-          this.emit("resize", message.size);
-        }
-        if (this.configChangePending) {
-          this.setConfigPending();
-        }
-        if (isViewportMenusAction(message)) {
-          __privateSet(this, _menu, message.menu);
-        } else if (isVisualLinksAction(message)) {
-          __privateSet(this, _links, message.links);
-        } else {
-          (_b = this.clientCallback) == null ? void 0 : _b.call(this, message);
-        }
-        if (this.optimize === "debounce") {
-          this.revertDebounce();
-        }
-      }
-    };
-    this.revertDebounce = debounce(() => {
-      this.optimize = "throttle";
-    }, 100);
-    this.rawRangeRequest = (range) => {
-      if (this.viewport && this.server) {
-        this.server.send({
-          viewport: this.viewport,
-          type: "setViewRange",
-          range
-        });
-      }
-    };
-    this.debounceRangeRequest = debounce((range) => {
-      if (this.viewport && this.server) {
-        this.server.send({
-          viewport: this.viewport,
-          type: "setViewRange",
-          range
-        });
-      }
-    }, 50);
-    this.throttleRangeRequest = throttle((range) => {
-      if (this.viewport && this.server) {
-        this.server.send({
-          viewport: this.viewport,
-          type: "setViewRange",
-          range
-        });
-      }
-    }, 80);
-    if (!table)
-      throw Error("RemoteDataSource constructor called without table");
-    this.bufferSize = bufferSize;
-    this.table = table;
-    this.viewport = viewport;
-    __privateSet(this, _config, {
-      ...__privateGet(this, _config),
-      aggregations: aggregations || __privateGet(this, _config).aggregations,
-      columns: columns || __privateGet(this, _config).columns,
-      filter: filter || __privateGet(this, _config).filter,
-      groupBy: groupBy || __privateGet(this, _config).groupBy,
-      sort: sort || __privateGet(this, _config).sort,
-      visualLink: visualLink || __privateGet(this, _config).visualLink
-    });
-    __privateSet(this, _title, title);
-    this.rangeRequest = this.throttleRangeRequest;
-  }
-  async subscribe({
-    viewport = ((_a3) => (_a3 = this.viewport) != null ? _a3 : this.viewport = uuid2())(),
-    columns,
-    aggregations,
-    range,
-    sort,
-    groupBy,
-    filter
-  }, callback) {
-    var _a4;
-    if (__privateGet(this, _status) === "disabled" || __privateGet(this, _status) === "disabling") {
-      this.enable(callback);
-      return;
-    }
-    this.clientCallback = callback;
-    if (aggregations || columns || filter || groupBy || sort) {
-      __privateSet(this, _config, {
-        ...__privateGet(this, _config),
-        aggregations: aggregations || __privateGet(this, _config).aggregations,
-        columns: columns || __privateGet(this, _config).columns,
-        filter: filter || __privateGet(this, _config).filter,
-        groupBy: groupBy || __privateGet(this, _config).groupBy,
-        sort: sort || __privateGet(this, _config).sort
-      });
-    }
-    if (range) {
-      __privateSet(this, _range, range);
-    }
-    if (__privateGet(this, _status) !== "initialising" && __privateGet(this, _status) !== "unsubscribed") {
-      return;
-    }
-    __privateSet(this, _status, "subscribing");
-    this.viewport = viewport;
-    this.server = await getServerAPI();
-    const { bufferSize } = this;
-    (_a4 = this.server) == null ? void 0 : _a4.subscribe(
-      {
-        ...__privateGet(this, _config),
-        bufferSize,
-        viewport,
-        table: this.table,
-        range: __privateGet(this, _range),
-        title: __privateGet(this, _title)
-      },
-      this.handleMessageFromServer
-    );
-  }
-  unsubscribe() {
-    var _a3, _b;
-    console.log(`unsubscribe #${this.viewport}`);
-    info == null ? void 0 : info(`unsubscribe #${this.viewport}`);
-    if (this.viewport) {
-      (_a3 = this.server) == null ? void 0 : _a3.unsubscribe(this.viewport);
-    }
-    (_b = this.server) == null ? void 0 : _b.destroy(this.viewport);
-    this.server = null;
-    this.removeAllListeners();
-    __privateSet(this, _status, "unsubscribed");
-    this.viewport = void 0;
-    this.range = { from: 0, to: 0 };
-  }
-  suspend() {
-    var _a3;
-    console.log(`suspend #${this.viewport}, current status ${__privateGet(this, _status)}`);
-    info == null ? void 0 : info(`suspend #${this.viewport}, current status ${__privateGet(this, _status)}`);
-    if (this.viewport) {
-      __privateSet(this, _status, "suspended");
-      (_a3 = this.server) == null ? void 0 : _a3.send({
-        type: "suspend",
-        viewport: this.viewport
-      });
-    }
-    return this;
-  }
-  resume() {
-    var _a3;
-    console.log(`resume #${this.viewport}, current status ${__privateGet(this, _status)}`);
-    const isDisabled2 = __privateGet(this, _status).startsWith("disabl");
-    const isSuspended = __privateGet(this, _status) === "suspended";
-    info == null ? void 0 : info(`resume #${this.viewport}, current status ${__privateGet(this, _status)}`);
-    if (this.viewport) {
-      if (isDisabled2) {
-        this.enable();
-      } else if (isSuspended) {
-        (_a3 = this.server) == null ? void 0 : _a3.send({
-          type: "resume",
-          viewport: this.viewport
-        });
-        __privateSet(this, _status, "subscribed");
-      }
-    }
-    return this;
-  }
-  disable() {
-    var _a3;
-    info == null ? void 0 : info(`disable #${this.viewport}, current status ${__privateGet(this, _status)}`);
-    if (this.viewport) {
-      __privateSet(this, _status, "disabling");
-      (_a3 = this.server) == null ? void 0 : _a3.send({
-        viewport: this.viewport,
-        type: "disable"
-      });
-    }
-    return this;
-  }
-  enable(callback) {
-    var _a3;
-    info == null ? void 0 : info(`enable #${this.viewport}, current status ${__privateGet(this, _status)}`);
-    if (this.viewport && (__privateGet(this, _status) === "disabled" || __privateGet(this, _status) === "disabling")) {
-      __privateSet(this, _status, "enabling");
-      if (callback) {
-        this.clientCallback = callback;
-      }
-      (_a3 = this.server) == null ? void 0 : _a3.send({
-        viewport: this.viewport,
-        type: "enable"
-      });
-    }
-    return this;
-  }
-  select(selected) {
-    var _a3;
-    __privateSet(this, _selectedRowsCount, selected.length);
-    if (this.viewport) {
-      (_a3 = this.server) == null ? void 0 : _a3.send({
-        viewport: this.viewport,
-        type: "select",
-        selected
-      });
-    }
-  }
-  openTreeNode(key) {
-    var _a3;
-    if (this.viewport) {
-      (_a3 = this.server) == null ? void 0 : _a3.send({
-        viewport: this.viewport,
-        type: "openTreeNode",
-        key
-      });
-    }
-  }
-  closeTreeNode(key) {
-    var _a3;
-    if (this.viewport) {
-      (_a3 = this.server) == null ? void 0 : _a3.send({
-        viewport: this.viewport,
-        type: "closeTreeNode",
-        key
-      });
-    }
-  }
-  get links() {
-    return __privateGet(this, _links);
-  }
-  get menu() {
-    return __privateGet(this, _menu);
-  }
-  get status() {
-    return __privateGet(this, _status);
-  }
-  get optimize() {
-    return __privateGet(this, _optimize);
-  }
-  set optimize(optimize) {
-    if (optimize !== __privateGet(this, _optimize)) {
-      __privateSet(this, _optimize, optimize);
-      switch (optimize) {
-        case "none":
-          this.rangeRequest = this.rawRangeRequest;
-          break;
-        case "debounce":
-          this.rangeRequest = this.debounceRangeRequest;
-          break;
-        case "throttle":
-          this.rangeRequest = this.throttleRangeRequest;
-          break;
-      }
-      this.emit("optimize", optimize);
-    }
-  }
-  get selectedRowsCount() {
-    return __privateGet(this, _selectedRowsCount);
-  }
-  get size() {
-    return __privateGet(this, _size);
-  }
-  get range() {
-    return __privateGet(this, _range);
-  }
-  set range(range) {
-    if (range.from !== __privateGet(this, _range).from || range.to !== __privateGet(this, _range).to) {
-      __privateSet(this, _range, range);
-      this.rangeRequest(range);
-    }
-  }
-  get config() {
-    return __privateGet(this, _config);
-  }
-  set config(config2) {
-    var _a3;
-    if (this.applyConfig(config2)) {
-      if (__privateGet(this, _config) && this.viewport && this.server) {
-        if (config2) {
-          (_a3 = this.server) == null ? void 0 : _a3.send({
-            viewport: this.viewport,
-            type: "config",
-            config: __privateGet(this, _config)
-          });
-        }
-      }
-      this.emit("config", __privateGet(this, _config));
-    }
-  }
-  applyConfig(config2) {
-    var _a3;
-    if (configChanged(__privateGet(this, _config), config2)) {
-      if (config2) {
-        const newConfig = ((_a3 = config2 == null ? void 0 : config2.filter) == null ? void 0 : _a3.filter) && (config2 == null ? void 0 : config2.filter.filterStruct) === void 0 ? {
-          ...config2,
-          filter: {
-            filter: config2.filter.filter,
-            filterStruct: parseFilter(config2.filter.filter)
-          }
-        } : config2;
-        __privateSet(this, _config, withConfigDefaults(newConfig));
-        return true;
-      }
-    }
-  }
-  //TODO replace all these individual server calls with calls to setConfig
-  get columns() {
-    return __privateGet(this, _config).columns;
-  }
-  set columns(columns) {
-    __privateSet(this, _config, {
-      ...__privateGet(this, _config),
-      columns
-    });
-    if (this.viewport) {
-      const message = {
-        viewport: this.viewport,
-        type: "setColumns",
-        columns
-      };
-      if (this.server) {
-        this.server.send(message);
-      }
-    }
-    this.emit("config", __privateGet(this, _config));
-  }
-  get aggregations() {
-    return __privateGet(this, _config).aggregations;
-  }
-  set aggregations(aggregations) {
-    var _a3;
-    __privateSet(this, _config, {
-      ...__privateGet(this, _config),
-      aggregations
-    });
-    if (this.viewport) {
-      (_a3 = this.server) == null ? void 0 : _a3.send({
-        viewport: this.viewport,
-        type: "aggregate",
-        aggregations
-      });
-    }
-    this.emit("config", __privateGet(this, _config));
-  }
-  get sort() {
-    return __privateGet(this, _config).sort;
-  }
-  set sort(sort) {
-    __privateSet(this, _config, {
-      ...__privateGet(this, _config),
-      sort
-    });
-    if (this.viewport) {
-      const message = {
-        viewport: this.viewport,
-        type: "sort",
-        sort
-      };
-      if (this.server) {
-        this.server.send(message);
-      }
-    }
-    this.emit("config", __privateGet(this, _config));
-  }
-  get filter() {
-    return __privateGet(this, _config).filter;
-  }
-  set filter(filter) {
-    __privateSet(this, _config, {
-      ...__privateGet(this, _config),
-      filter
-    });
-    if (this.viewport) {
-      const message = {
-        viewport: this.viewport,
-        type: "filter",
-        filter
-      };
-      if (this.server) {
-        this.server.send(message);
-      }
-    }
-    this.emit("config", __privateGet(this, _config));
-  }
-  get groupBy() {
-    return __privateGet(this, _config).groupBy;
-  }
-  set groupBy(groupBy) {
-    var _a3;
-    if (itemsOrOrderChanged(this.groupBy, groupBy)) {
-      const wasGrouped = __privateGet(this, _groupBy).length > 0;
-      __privateSet(this, _config, {
-        ...__privateGet(this, _config),
-        groupBy
-      });
-      if (this.viewport) {
-        const message = {
-          viewport: this.viewport,
-          type: "groupBy",
-          groupBy: __privateGet(this, _config).groupBy
-        };
-        if (this.server) {
-          this.server.send(message);
-        }
-      }
-      if (!wasGrouped && groupBy.length > 0 && this.viewport) {
-        (_a3 = this.clientCallback) == null ? void 0 : _a3.call(this, {
-          clientViewportId: this.viewport,
-          mode: "batch",
-          type: "viewport-update",
-          size: 0,
-          rows: []
-        });
-      }
-      this.emit("config", __privateGet(this, _config));
-      this.setConfigPending({ groupBy });
-    }
-  }
-  get title() {
-    return __privateGet(this, _title);
-  }
-  set title(title) {
-    var _a3;
-    __privateSet(this, _title, title);
-    if (this.viewport && title) {
-      (_a3 = this.server) == null ? void 0 : _a3.send({
-        type: "setTitle",
-        title,
-        viewport: this.viewport
-      });
-    }
-  }
-  get visualLink() {
-    return __privateGet(this, _config).visualLink;
-  }
-  set visualLink(visualLink) {
-    var _a3, _b;
-    __privateSet(this, _config, {
-      ...__privateGet(this, _config),
-      visualLink
-    });
-    if (visualLink) {
-      const {
-        parentClientVpId,
-        link: { fromColumn, toColumn }
-      } = visualLink;
-      if (this.viewport) {
-        (_a3 = this.server) == null ? void 0 : _a3.send({
-          viewport: this.viewport,
-          type: "createLink",
-          parentClientVpId,
-          parentColumnName: toColumn,
-          childColumnName: fromColumn
-        });
-      }
-    } else {
-      if (this.viewport) {
-        (_b = this.server) == null ? void 0 : _b.send({
-          type: "removeLink",
-          viewport: this.viewport
-        });
-      }
-    }
-    this.emit("config", __privateGet(this, _config));
-  }
-  setConfigPending(config2) {
-    const pendingConfig = this.configChangePending;
-    this.configChangePending = config2;
-    if (config2 !== void 0) {
-      this.emit("config", config2, false);
-    } else {
-      this.emit("config", pendingConfig, true);
-    }
-  }
-  async rpcCall(rpcRequest) {
-    var _a3;
-    if (this.viewport) {
-      return (_a3 = this.server) == null ? void 0 : _a3.rpcCall({
-        vpId: this.viewport,
-        ...rpcRequest
-      });
-    }
-  }
-  async menuRpcCall(rpcRequest) {
-    var _a3;
-    if (this.viewport) {
-      return (_a3 = this.server) == null ? void 0 : _a3.rpcCall({
-        vpId: this.viewport,
-        ...rpcRequest
-      });
-    }
-  }
-  applyEdit(row, columnName, value) {
-    return this.menuRpcCall({
-      rowKey: row[KEY],
-      field: columnName,
-      value,
-      type: "VP_EDIT_CELL_RPC"
-    }).then((response) => {
-      if (response == null ? void 0 : response.error) {
-        return response.error;
-      } else {
-        return true;
-      }
-    });
-  }
-  insertRow(key, data) {
-    return this.menuRpcCall({
-      rowKey: key,
-      data,
-      type: "VP_EDIT_ADD_ROW_RPC"
-    }).then((response) => {
-      if (response == null ? void 0 : response.error) {
-        return response.error;
-      } else {
-        return true;
-      }
-    });
-  }
-  deleteRow(rowKey) {
-    return this.menuRpcCall({
-      rowKey,
-      type: "VP_EDIT_DELETE_ROW_RPC"
-    }).then((response) => {
-      if (response == null ? void 0 : response.error) {
-        return response.error;
-      } else {
-        return true;
-      }
-    });
-  }
-};
-_config = new WeakMap();
-_groupBy = new WeakMap();
-_links = new WeakMap();
-_menu = new WeakMap();
-_optimize = new WeakMap();
-_range = new WeakMap();
-_selectedRowsCount = new WeakMap();
-_size = new WeakMap();
-_status = new WeakMap();
-_title = new WeakMap();
+// src/hooks/useLookupValues.ts
+import { VuuDataSource as VuuDataSource2 } from "@vuu-ui/vuu-data-remote";
 
 // ../vuu-shell/src/app-header/AppHeader.tsx
 import { useCallback as useCallback57 } from "react";
@@ -24702,17 +21399,17 @@ var useContextMenu = (menuBuilder, menuActionHandler) => {
     [dataMode, densityClass, themeClass]
   );
   const buildMenuOptions = useCallback9(
-    (menuBuilders, location2, options) => {
+    (menuBuilders, location, options) => {
       let results = [];
       for (const menuBuilder2 of menuBuilders) {
-        results = results.concat(menuBuilder2(location2, options));
+        results = results.concat(menuBuilder2(location, options));
       }
       return results;
     },
     []
   );
   const handleShowContextMenu = useCallback9(
-    (e, location2, { ContextMenuProps: ContextMenuProps2, contextMenu, ...options }) => {
+    (e, location, { ContextMenuProps: ContextMenuProps2, contextMenu, ...options }) => {
       var _a3, _b;
       (_a3 = e.stopPropagation) == null ? void 0 : _a3.call(e);
       (_b = e.preventDefault) == null ? void 0 : _b.call(e);
@@ -24735,7 +21432,7 @@ var useContextMenu = (menuBuilder, menuActionHandler) => {
       if (menuBuilders.length > 0) {
         const menuItemDescriptors = buildMenuOptions(
           menuBuilders,
-          location2,
+          location,
           options
         );
         const menuHandler = (action) => {
@@ -25111,7 +21808,7 @@ import {
 } from "react";
 
 // ../vuu-layout/src/layout-reducer/layoutUtils.ts
-import { uuid as uuid3 } from "@vuu-ui/vuu-utils";
+import { uuid } from "@vuu-ui/vuu-utils";
 import React5, { cloneElement as cloneElement2 } from "react";
 
 // ../vuu-layout/src/use-persistent-state.ts
@@ -25258,9 +21955,9 @@ var useViewActionDispatcher = (id, root, viewPath, dropTargets) => {
   );
   const dispatchLayoutAction = useLayoutProviderDispatch();
   const updateContributions = useCallback14(
-    (location2, content2) => {
+    (location, content2) => {
       const updatedContributions = contributions.concat([
-        { location: location2, content: content2 }
+        { location, content: content2 }
       ]);
       saveSessionState(id, "contributions", updatedContributions);
       setContributions(updatedContributions);
@@ -31265,7 +27962,7 @@ var Tabstrip = ({
   className: classNameProp,
   id: idProp,
   keyBoardActivation = "manual",
-  location: location2,
+  location,
   onActiveChange,
   onAddTab,
   onCloseTab,
@@ -31328,7 +28025,7 @@ var Tabstrip = ({
         id: tabId,
         index,
         key: index,
-        location: clsx_default(location2, tabLocation),
+        location: clsx_default(location, tabLocation),
         selected,
         showMenuButton,
         tabIndex: selected ? 0 : -1
@@ -31363,7 +28060,7 @@ var Tabstrip = ({
       tabClassName,
       draggedItemIndex,
       focusVisible,
-      location2
+      location
     ]
   );
   return /* @__PURE__ */ jsxs7(Fragment6, { children: [
@@ -31403,7 +28100,7 @@ var TabMenu = ({
   allowRename,
   controlledComponentId,
   controlledComponentTitle,
-  location: location2,
+  location,
   onMenuAction,
   onMenuClose,
   index
@@ -31440,7 +28137,7 @@ var TabMenu = ({
       className: classBase13,
       menuBuilder,
       menuActionHandler: onMenuAction,
-      menuLocation: clsx_default("tab", location2),
+      menuLocation: clsx_default("tab", location),
       menuOptions,
       onMenuClose,
       tabIndex: -1,
@@ -31464,7 +28161,7 @@ var Tab = forwardRef15(function Tab2({
   focusVisible,
   index = -1,
   label,
-  location: location2,
+  location,
   onClick,
   onClose,
   onEnterEditMode = noop3,
@@ -31475,7 +28172,7 @@ var Tab = forwardRef15(function Tab2({
   onMenuClose,
   orientation,
   selected,
-  showMenuButton = closeable || editable2 || Boolean(location2),
+  showMenuButton = closeable || editable2 || Boolean(location),
   tabIndex,
   ...props
 }, ref) {
@@ -31571,7 +28268,7 @@ var Tab = forwardRef15(function Tab2({
             allowRename: editable2,
             controlledComponentId: ariaControls,
             controlledComponentTitle: label,
-            location: location2,
+            location,
             onMenuAction,
             onMenuClose,
             index
@@ -33749,6 +30446,7 @@ var TextInput = forwardRef22(function TextInput2({
 
 // ../vuu-filters/src/filter-clause/useFilterClauseEditor.ts
 import {
+  getColumnByName,
   isMultiValueFilter,
   isSingleValueFilter,
   isValidFilterClauseOp
@@ -42116,15 +38814,15 @@ var ViewState = class {
     this.computeVisibleRanges();
   }
   updateForViewport() {
-    let viewports2 = [this.viewport], { main } = this.state.selection;
+    let viewports = [this.viewport], { main } = this.state.selection;
     for (let i = 0; i <= 1; i++) {
       let pos = i ? main.head : main.anchor;
-      if (!viewports2.some(({ from, to }) => pos >= from && pos <= to)) {
+      if (!viewports.some(({ from, to }) => pos >= from && pos <= to)) {
         let { from, to } = this.lineBlockAt(pos);
-        viewports2.push(new Viewport(from, to));
+        viewports.push(new Viewport(from, to));
       }
     }
-    this.viewports = viewports2.sort((a, b) => a.from - b.from);
+    this.viewports = viewports.sort((a, b) => a.from - b.from);
     this.scaler = this.heightMap.height <= 7e6 ? IdScaler : new BigScaler(this.heightOracle, this.heightMap, this.viewports);
   }
   updateViewportLines() {
@@ -42506,9 +39204,9 @@ var IdScaler = {
   scale: 1
 };
 var BigScaler = class {
-  constructor(oracle, heightMap, viewports2) {
+  constructor(oracle, heightMap, viewports) {
     let vpHeight = 0, base2 = 0, domBase = 0;
-    this.viewports = viewports2.map(({ from, to }) => {
+    this.viewports = viewports.map(({ from, to }) => {
       let top2 = heightMap.lineAt(from, QueryType.ByPos, oracle, 0, 0).top;
       let bottom = heightMap.lineAt(to, QueryType.ByPos, oracle, 0, 0).bottom;
       vpHeight += bottom - top2;
@@ -44661,7 +41359,7 @@ function drawSelection(config2 = {}) {
     nativeSelectionHidden.of(true)
   ];
 }
-function configChanged2(update) {
+function configChanged(update) {
   return update.startState.facet(selectionConfig) != update.state.facet(selectionConfig);
 }
 var cursorLayer = /* @__PURE__ */ layer({
@@ -44683,7 +41381,7 @@ var cursorLayer = /* @__PURE__ */ layer({
   update(update, dom) {
     if (update.transactions.some((tr) => tr.selection))
       dom.style.animationName = dom.style.animationName == "cm-blink" ? "cm-blink2" : "cm-blink";
-    let confChange = configChanged2(update);
+    let confChange = configChanged(update);
     if (confChange)
       setBlinkRate(update.state, dom);
     return update.docChanged || update.selectionSet || confChange;
@@ -44702,7 +41400,7 @@ var selectionLayer = /* @__PURE__ */ layer({
     return view.state.selection.ranges.map((r2) => r2.empty ? [] : RectangleMarker.forRange(view, "cm-selectionBackground", r2)).reduce((a, b) => a.concat(b));
   },
   update(update, dom) {
-    return update.docChanged || update.selectionSet || update.viewportChanged || configChanged2(update);
+    return update.docChanged || update.selectionSet || update.viewportChanged || configChanged(update);
   },
   class: "cm-selectionLayer"
 });
@@ -49705,6 +46403,7 @@ import { jsx as jsx67, jsxs as jsxs28 } from "react/jsx-runtime";
 import { jsx as jsx68, jsxs as jsxs29 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/session-editing-form/SessionEditingForm.tsx
+import { VuuDataSource } from "@vuu-ui/vuu-data-remote";
 import {
   buildColumnMap,
   hasAction,
@@ -49722,8 +46421,9 @@ import {
 import { jsx as jsx69, jsxs as jsxs30 } from "react/jsx-runtime";
 
 // ../vuu-shell/src/shell.tsx
+import { connectToServer } from "@vuu-ui/vuu-data-remote";
 import {
-  logger as logger2,
+  logger,
   ThemeProvider,
   useThemeAttributes as useThemeAttributes4
 } from "@vuu-ui/vuu-utils";
@@ -49755,7 +46455,7 @@ if (typeof StackLayout !== "function") {
     "StackLayout module not loaded, will be unsbale to deserialize from layout JSON"
   );
 }
-var { error } = logger2("Shell");
+var { error } = logger("Shell");
 
 // ../vuu-shell/src/ShellContextProvider.tsx
 import { createContext as createContext9, useContext as useContext11 } from "react";
@@ -49792,7 +46492,7 @@ var loadLookupValues = ({
     const promise = new Promise((resolve) => {
       const columns = [valueColumn, labelColumn];
       const columnMap = buildColumnMap2(columns);
-      const dataSource = new VuuDataSource({
+      const dataSource = new VuuDataSource2({
         bufferSize: 0,
         table
       });
@@ -49865,6 +46565,7 @@ var useLookupValues = (column, initialValueProp) => {
 
 // src/hooks/useServerConnectionStatus.ts
 import { useCallback as useCallback78, useEffect as useEffect24, useState as useState44 } from "react";
+import { ConnectionManager } from "@vuu-ui/vuu-data-remote";
 var useServerConnectionStatus = () => {
   const [connectionStatus, setConnectionStatus] = useState44("disconnected");
   const handleStatusChange = useCallback78(
@@ -49884,15 +46585,16 @@ var useServerConnectionStatus = () => {
 
 // src/hooks/useServerConnectionQuality.ts
 import { useCallback as useCallback79, useEffect as useEffect25, useState as useState45 } from "react";
+import { ConnectionManager as ConnectionManager2 } from "@vuu-ui/vuu-data-remote";
 var useServerConnectionQuality = () => {
   const [messagesPerSecond, setMessagesPerSecond] = useState45(0);
   const handleConnectivityMessage = useCallback79(({ messages }) => {
     setMessagesPerSecond(messages.messagesLength);
   }, []);
   useEffect25(() => {
-    ConnectionManager.on("connection-metrics", handleConnectivityMessage);
+    ConnectionManager2.on("connection-metrics", handleConnectivityMessage);
     return () => {
-      ConnectionManager.removeListener(
+      ConnectionManager2.removeListener(
         "connection-metrics",
         handleConnectivityMessage
       );
@@ -49903,6 +46605,7 @@ var useServerConnectionQuality = () => {
 
 // src/hooks/useTypeaheadSuggestions.ts
 import { useCallback as useCallback80 } from "react";
+import { makeRpcCall } from "@vuu-ui/vuu-data-remote";
 var TYPEAHEAD_MESSAGE_CONSTANTS = {
   type: "RPC_CALL",
   service: "TypeAheadRpcHandler"
@@ -49931,11 +46634,11 @@ import { getFilterPredicate } from "@vuu-ui/vuu-filter-parser";
 import {
   getRowRecord,
   isGroupMenuItemDescriptor as isGroupMenuItemDescriptor2,
-  metadataKeys as metadataKeys3
+  metadataKeys as metadataKeys2
 } from "@vuu-ui/vuu-utils";
 import { useCallback as useCallback81 } from "react";
 var addRowsFromInstruments = "addRowsFromInstruments";
-var { KEY: KEY2 } = metadataKeys3;
+var { KEY } = metadataKeys2;
 var NO_CONFIG = {};
 var isMenuItem = (menu) => "rpcName" in menu;
 var isGroupMenuItem = (menu) => "menus" in menu;
@@ -50000,7 +46703,7 @@ var getMenuRpcRequest = (options) => {
     };
   }
 };
-var isTableLocation = (location2) => ["grid", "header", "filter"].includes(location2);
+var isTableLocation = (location) => ["grid", "header", "filter"].includes(location);
 var hasFilter = ({ filter }) => typeof filter === "string" && filter.length > 0;
 var getMenuItemOptions = (menu, options) => {
   switch (menu.context) {
@@ -50008,14 +46711,14 @@ var getMenuItemOptions = (menu, options) => {
       return {
         ...menu,
         field: options.columnName,
-        rowKey: options.row[KEY2],
+        rowKey: options.row[KEY],
         value: options.row[options.columnMap[options.columnName]]
       };
     case "row":
       return {
         ...menu,
         row: getRowRecord(options.row, options.columnMap),
-        rowKey: options.row[KEY2]
+        rowKey: options.row[KEY]
       };
     default:
       return menu;
@@ -50079,11 +46782,11 @@ var useVuuMenuActions = ({
   onRpcResponse
 }) => {
   const buildViewserverMenuOptions = useCallback81(
-    (location2, options) => {
+    (location, options) => {
       const { links, menu } = dataSource;
       const { visualLink } = menuActionConfig;
       const descriptors = [];
-      if (location2 === "grid" && links && !visualLink) {
+      if (location === "grid" && links && !visualLink) {
         links.forEach((linkDescriptor) => {
           const { link, label: linkLabel } = linkDescriptor;
           const label = linkLabel ? linkLabel : link.toTable;
@@ -50094,10 +46797,10 @@ var useVuuMenuActions = ({
           });
         });
       }
-      if (menu && isTableLocation(location2)) {
+      if (menu && isTableLocation(location)) {
         const menuDescriptor = buildMenuDescriptor(
           menu,
-          location2,
+          location,
           options
         );
         if (isRoot2(menu) && isGroupMenuItemDescriptor2(menuDescriptor)) {
@@ -50140,6 +46843,7 @@ var useVuuMenuActions = ({
 };
 
 // src/hooks/useVuuTables.ts
+import { getServerAPI } from "@vuu-ui/vuu-data-remote";
 import { useCallback as useCallback82, useEffect as useEffect26, useState as useState46 } from "react";
 var useVuuTables = () => {
   const [tables, setTables] = useState46();