equinor · rubenthoms · Jan 23, 2024 · Oct 26, 2023 · Oct 27, 2023 · Oct 30, 2023
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -1,11 +1,23 @@
 {
-    "configurations": [
+  "configurations": [
+    {
+      "name": "Python: Remote Attach",
+      "type": "python",
+      "request": "attach",
+      "connect": { "host": "localhost", "port": 5678 },
+      "pathMappings": [
         {
-            "name": "Python: Remote Attach",
-            "type": "python",
-            "request": "attach",
-            "connect": { "host": "localhost", "port": 5678 },
-            "pathMappings": [{ "localRoot": "${workspaceFolder}/backend", "remoteRoot": "/home/appuser/backend" }]
+          "localRoot": "${workspaceFolder}/backend",
+          "remoteRoot": "/home/appuser/backend"
         }
-    ]
+      ]
+    },
+    {
+      "name": "TS: Launch Chrome and Attach",
+      "request": "launch",
+      "type": "chrome",
+      "webRoot": "${workspaceFolder}/frontend",
+      "url": "http://localhost:8080"
+    }
+  ]
 }
diff --git a/frontend/index.html b/frontend/index.html
@@ -8,7 +8,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Webviz | FMU results visualization</title>
     </head>
-    <body>
+    <body className="touch-none">
         <div id="root"></div>
         <script type="module" src="/src/main.tsx"></script>
     </body>

diff --git a/frontend/src/framework/Broadcaster.ts b/frontend/src/framework/Broadcaster.ts
diff --git a/frontend/src/framework/DataChannelTypes.ts b/frontend/src/framework/DataChannelTypes.ts
@@ -0,0 +1,36 @@
+export type { ModuleChannelContentDefinition } from "./internal/DataChannels/ModuleChannelContent";
+export type { ModuleChannelDefinition } from "./internal/DataChannels/ModuleChannel";
+export type { ModuleChannelReceiverDefinition } from "./internal/DataChannels/ModuleChannelReceiver";
+export type { DataGenerator, ModuleChannelContentMetaData } from "./internal/DataChannels/ModuleChannelContent";
+export type { ChannelReceiverChannelContent } from "./internal/DataChannels/hooks/useChannelReceiver";
+
+export enum KeyKind {
+    TimestampMs = "timestamp-ms",
+    Realization = "realization",
+    GridIndex = "grid-index",
+    GridIJK = "grid-ijk",
+    MeasuredDepth = "measured-depth",
+}
+
+export enum KeyType {
+    Number = "number",
+    NumberTriplet = "number-triplet",
+}
+
+export interface KeyKindToKeyTypeMapping {
+    [KeyKind.TimestampMs]: KeyType.Number;
+    [KeyKind.Realization]: KeyType.Number;
+    [KeyKind.GridIndex]: KeyType.Number;
+    [KeyKind.GridIJK]: KeyType.NumberTriplet;
+    [KeyKind.MeasuredDepth]: KeyType.Number;
+}
+
+export interface DataElement<TKeyType extends KeyType> {
+    key: KeyTypeToTypeScriptTypeMapping[TKeyType];
+    value: number;
+}
+
+type KeyTypeToTypeScriptTypeMapping = {
+    [KeyType.Number]: number;
+    [KeyType.NumberTriplet]: [number, number, number];
+};
diff --git a/frontend/src/framework/GuiMessageBroker.ts b/frontend/src/framework/GuiMessageBroker.ts
@@ -3,8 +3,6 @@ import React from "react";
 import { isDevMode } from "@lib/utils/devMode";
 import { Point } from "@lib/utils/geometry";
 
-import { GlobalCursor } from "./internal/GlobalCursor";
-
 export enum DrawerContent {
     ModuleSettings = "ModuleSettings",
     ModulesList = "ModulesList",
@@ -19,6 +17,7 @@ export enum GuiState {
     ActiveModuleInstanceId = "activeModuleInstanceId",
     DataChannelConnectionLayerVisible = "dataChannelConnectionLayerVisible",
     DevToolsVisible = "devToolsVisible",
+    EditDataChannelConnections = "editDataChannelConnections",
 }
 
 export enum GuiEvent {
@@ -56,7 +55,7 @@ export type GuiEventPayloads = {
     };
     [GuiEvent.HighlightDataChannelConnectionRequest]: {
         moduleInstanceId: string;
-        dataChannelName: string;
+        receiverIdString: string;
     };
     [GuiEvent.DataChannelOriginPointerDown]: {
         moduleInstanceId: string;
@@ -73,6 +72,7 @@ type GuiStateValueTypes = {
     [GuiState.ActiveModuleInstanceId]: string;
     [GuiState.DataChannelConnectionLayerVisible]: boolean;
     [GuiState.DevToolsVisible]: boolean;
+    [GuiState.EditDataChannelConnections]: boolean;
 };
 
 const defaultStates: Map<GuiState, any> = new Map();
@@ -88,21 +88,15 @@ export class GuiMessageBroker {
     private _eventListeners: Map<GuiEvent, Set<(event: any) => void>>;
     private _stateSubscribers: Map<GuiState, Set<(state: any) => void>>;
     private _storedValues: Map<GuiState, any>;
-    private _globalCursor: GlobalCursor;
 
     constructor() {
         this._eventListeners = new Map();
         this._stateSubscribers = new Map();
         this._storedValues = defaultStates;
-        this._globalCursor = new GlobalCursor();
 
         this.loadPersistentStates();
     }
 
-    getGlobalCursor(): GlobalCursor {
-        return this._globalCursor;
-    }
-
     private loadPersistentStates() {
         persistentStates.forEach((state) => {
             const value = localStorage.getItem(state);