EDM-4987: Do not send wrong bytes that causes the session logout

libs/ui-components/src/hooks/useAppConsoleWebSocket.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { useAppContext } from './useAppContext';
-import { msgToBytes } from './terminalWsUtils';
 
 const APP_CONSOLE_CLOSE_CODE = 1000;
 const APP_CONSOLE_CLOSE_REASON = 'client disconnect';
@@ -100,16 +99,14 @@ export const useAppConsoleWebSocket = (
   const forceConnectRef = React.useRef(false);
 
   const sendMessage = React.useCallback((data: string, resize?: boolean) => {
-    const ws = wsRef.current;
-    if (ws?.readyState !== WebSocket.OPEN) {
-      return;
-    }
-    // Serial stdin is raw bytes; resize uses device-console channel framing (0x4 + size JSON).
+    // App console uses raw serial websocket (raw bytes, not k8s channels). Resize is not supported
     if (resize) {
-      ws.send(msgToBytes(data, true));
       return;
     }
-    ws.send(new TextEncoder().encode(data));
+    const ws = wsRef.current;
+    if (ws?.readyState === WebSocket.OPEN) {
+      ws.send(new TextEncoder().encode(data));
+    }
   }, []);
 
   const disconnect = React.useCallback(() => {

libs/ui-components/src/hooks/useWebSocket.ts

@@ -1,10 +1,21 @@
 import * as React from 'react';
 import { useTranslation } from './useTranslation';
 import { useAppContext } from './useAppContext';
-import { msgToBytes } from './terminalWsUtils';
 
 const isErrorCloseEvent = (evt: CloseEvent) => evt.code !== 1000 && evt.code !== 1001;
 
+const k8sStreamChannel = 0x00;
+const k8sResizeChannel = 0x04;
+
+/** Device console uses k8s stream channels */
+const encodeK8sChannelFrame = (msg: string, resize?: boolean): Uint8Array<ArrayBuffer> => {
+  const encodedData = new TextEncoder().encode(msg);
+  const frame = new Uint8Array(new ArrayBuffer(encodedData.length + 1));
+  frame[0] = resize ? k8sResizeChannel : k8sStreamChannel;
+  frame.set(encodedData, 1);
+  return frame;
+};
+
 type WsMetadata = {
   tty: boolean;
   term: string;
@@ -42,7 +53,7 @@ export const useWebSocket = <T>(
   const sendMessage = React.useCallback((data: string, resize?: boolean) => {
     const ws = wsRef.current;
     if (ws?.readyState === WebSocket.OPEN) {
-      ws.send(msgToBytes(data, resize));
+      ws.send(encodeK8sChannelFrame(data, resize));
     }
   }, []);