refactor(gp connection): added in gp ip into env if not there use static name for dns

this is to help prevent errors in the build and release stuff in git

CHANGELOG.md

@@ -1,5 +1,23 @@
 # All Changes to LST can be found below.
 
+## [0.0.2-alpha.6](https://git.tuffraid.net/cowch/lst_v3/compare/v0.0.2-alpha.1...v0.0.2-alpha.6) (2026-04-23)
+
+## [0.0.2-alpha.1](https://git.tuffraid.net/cowch/lst_v3/compare/v0.0.2-alpha.0...v0.0.2-alpha.1) (2026-04-23)
+
+## [0.0.2-alpha.0](https://git.tuffraid.net/cowch/lst_v3/compare/v0.0.1...v0.0.2-alpha.0) (2026-04-23)
+
+## [0.0.1](https://git.tuffraid.net/cowch/lst_v3/compare/v0.0.1-alpha.5...v0.0.1) (2026-04-23)
+
+
+### 🐛 Bug fixes
+
+* **frontend:** lingering import crashed us ([781025d](https://git.tuffraid.net/cowch/lst_v3/commits/781025dca00e9dd4b2ad9b283be944ed91bbc1e5))
+
+
+### 📝 Chore
+
+* **doc remove:** removed a doc and put it in the real area for docs ([a593bb2](https://git.tuffraid.net/cowch/lst_v3/commits/a593bb2baafd0166a178b80cd76dd8862f240e11))
+
 ## [0.0.1-alpha.5](https://git.tuffraid.net/cowch/lst_v3/compare/v0.0.1-alpha.4...v0.0.1-alpha.5) (2026-04-23)
 
 

backend/db/schema/scanlog.schema.ts

@@ -0,0 +1,20 @@
+import { jsonb, pgTable, text, timestamp, uuid } from "drizzle-orm/pg-core";
+import { createInsertSchema, createSelectSchema } from "drizzle-zod";
+import type z from "zod";
+
+export const scanLog = pgTable("scan_log", {
+	id: uuid("id").defaultRandom().primaryKey(),
+	scannerId: text("scanner_id"),
+	message: text("message").notNull(),
+	prompt: text("prompt"),
+	commandDescription: text("command_description"),
+	status: text("status"),
+	lines: jsonb("lines").default([]),
+	add_Date: timestamp("add_Date").defaultNow(),
+});
+
+export const scanLogSchema = createSelectSchema(scanLog);
+export const newScanLogSchema = createInsertSchema(scanLog);
+
+export type Printer = z.infer<typeof scanLogSchema>;
+export type NewPrinter = z.infer<typeof newScanLogSchema>;

backend/gpSql/gpSqlConnection.controller.ts

@@ -13,7 +13,9 @@ let attempt = 0;
 const maxAttempts = 10;
 
 export const connectGPSql = async () => {
-	const serverUp = await checkHostnamePort(`USMCD1VMS011:1433`);
+	const serverUp = await checkHostnamePort(
+		`${process.env.GP_SERVER ?? "usmcd1vms011"}:1433`,
+	);
 	if (!serverUp) {
 		// we will try to reconnect
 		connected = false;
@@ -119,7 +121,9 @@ export const reconnectToSql = async () => {
 
 		await new Promise((res) => setTimeout(res, delayStart));
 
-		const serverUp = await checkHostnamePort(`${process.env.PROD_SERVER}:1433`);
+		const serverUp = await checkHostnamePort(
+			`${process.env.GP_SERVER ?? "usmcd1vms011"}:1433`,
+		);
 
 		if (!serverUp) {
 			delayStart = Math.min(delayStart * 2, 30000); // exponential backoff until up to 30000

backend/system/serverData.controller.ts

@@ -56,7 +56,7 @@ const servers: NewServerData[] = [
 		name: "Dayton",
 		server: "usday1VMS006",
 		plantToken: "usday1",
-		idAddress: "10.44.0.56",
+		idAddress: "10.44.0.56", // 3000 opened and working
 		greatPlainsPlantCode: "80",
 		contactEmail: "",
 		contactPhone: "",
@@ -129,6 +129,39 @@ const servers: NewServerData[] = [
 		serverLoc: "D$\\LST_V3",
 		buildNumber: 1,
 	},
+	{
+		name: "Iowa City EBM",
+		server: "USIOW1VMS006",
+		plantToken: "usiow1",
+		idAddress: "10.75.0.26",
+		greatPlainsPlantCode: "30",
+		contactEmail: "",
+		contactPhone: "",
+		serverLoc: "D$\\LST_V3",
+		buildNumber: 1,
+	},
+	{
+		name: "Bowling Green 1",
+		server: "USBOW1VMS006",
+		plantToken: "usbow1",
+		idAddress: "10.25.0.26", //  3000 is open REQ0236527
+		greatPlainsPlantCode: "55",
+		contactEmail: "",
+		contactPhone: "",
+		serverLoc: "D$\\LST_V3",
+		buildNumber: 1,
+	},
+	{
+		name: "Bethlehem",
+		server: "USBET1VMS006",
+		plantToken: "usbet1",
+		idAddress: "10.25.0.26",
+		greatPlainsPlantCode: "75",
+		contactEmail: "",
+		contactPhone: "",
+		serverLoc: "D$\\LST_V3",
+		buildNumber: 1,
+	},
 ];
 
 // notes here for when it comes time to pull in all the server address info [test1_AlplaPROD2.0_Read].[masterData].[Plant] has everything from every server :D

backend/system/system.mobileApp.ts

@@ -2,6 +2,9 @@ import fs from "node:fs";
 import { Router } from "express";
 import path from "path";
 import { fileURLToPath } from "url";
+import { db } from "../db/db.controller.js";
+import { scanLog } from "../db/schema/scanlog.schema.js";
+import { apiReturn } from "../utils/returnHelper.utils.js";
 
 const router = Router();
 
@@ -9,23 +12,26 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 const downloadDir = path.resolve(__dirname, "../../downloads/mobile");
+const projectRoot = path.resolve("./lstMobile"); // adjust as needed
+const appJsonPath = path.join(projectRoot, "app.json");
 
 const currentApk = {
-	packageName: "net.alpla.lst.mobile",
-	versionName: "0.0.1-alpha",
-	versionCode: 1,
-	minSupportedVersionCode: 1,
 	fileName: "lst-mobile.apk",
 };
 
 router.get("/version", async (req, res) => {
 	const baseUrl = `${req.protocol}://${req.get("host")}`;
 
+	const raw = fs.readFileSync(appJsonPath, "utf-8");
+	const config = JSON.parse(raw);
+
+	const exp = config.expo;
+
 	res.json({
-		packageName: currentApk.packageName,
-		versionName: currentApk.versionName,
-		versionCode: currentApk.versionCode,
-		minSupportedVersionCode: currentApk.minSupportedVersionCode,
+		packageName: exp.android?.package,
+		versionName: exp.version,
+		versionCode: exp.android?.versionCode,
+		minSupportedVersionCode: exp?.android?.minSupportedVersionCode ?? 0,
 		downloadUrl: `${baseUrl}/lst/api/mobile/apk/latest`,
 	});
 });
@@ -46,4 +52,42 @@ router.get("/apk/latest", (_, res) => {
 	return res.sendFile(apkPath);
 });
 
+router.get("/apk/ehs", (_, res) => {
+	const apkPath = path.join(downloadDir, "EHS.apk");
+
+	if (!fs.existsSync(apkPath)) {
+		return res.status(404).json({ success: false, message: "APK not found" });
+	}
+
+	res.setHeader("Content-Type", "application/vnd.android.package-archive");
+	res.setHeader("Content-Disposition", `attachment; filename="EHS.apk}"`);
+
+	return res.sendFile(apkPath);
+});
+
+router.post("/logs", async (req, res) => {
+	const body = req.body;
+	const newLog = await db
+		.insert(scanLog)
+		.values({
+			scannerId: body.data.scannerId,
+			message: body.data.message,
+			prompt: body.data.prompt,
+			commandDescription: body.data.commandDescription,
+			status: body.data.status,
+			lines: body.data.lines,
+		})
+		.returning();
+
+	return apiReturn(res, {
+		success: true,
+		level: "info",
+		module: "mobile",
+		subModule: "scan logs",
+		message: `New log from ${body.data.scannerId}`,
+		data: newLog,
+		status: 200,
+	});
+});
+
 export default router;

backend/utils/returnHelper.utils.ts

@@ -15,7 +15,8 @@ export interface ReturnHelper<T = unknown[]> {
 		| "purchase"
 		| "tcp"
 		| "logistics"
-		| "admin";
+		| "admin"
+		| "mobile";
 	subModule: string;
 
 	level: "info" | "error" | "debug" | "fatal" | "warn";

frontend/src/routes/(auth)/-components/LoginForm.tsx

@@ -1,5 +1,5 @@
 import { Link, useNavigate } from "@tanstack/react-router";
-import { Cat, LogIn } from "lucide-react";
+import { Cat } from "lucide-react";
 import { toast } from "sonner";
 import {
 	Card,

lstMobile/app.json

@@ -2,9 +2,9 @@
   "expo": {
     "name": "LST mobile",
     "slug": "lst-mobile",
-    "version": "0.0.1-alpha",
+    "version": "0.11.1-alpha",
     "orientation": "portrait",
-    "icon": "./assets/images/icon.png",
+    "icon": "./assets/icon_white.png",
     "scheme": "lstmobile",
     "userInterfaceStyle": "automatic",
     "ios": {
@@ -12,29 +12,44 @@
     },
     "android": {
       "adaptiveIcon": {
-        "backgroundColor": "#E6F4FE",
-        "foregroundImage": "./assets/images/android-icon-foreground.png",
-        "backgroundImage": "./assets/images/android-icon-background.png",
-        "monochromeImage": "./assets/images/android-icon-monochrome.png",
-        "package": "net.alpla.lst.mobile",
-        "versionCode": 1
+        "foregroundImage": "./assets/adaptive-icon-white.png",
+        "backgroundColor": "#ffffff"
       },
+      "versionCode": 21,
+      "minSupportedVersionCode": 21,
       "predictiveBackGestureEnabled": false,
-      "package": "com.anonymous.lstMobile"
+      "package": "net.alpla.lst.mobile"
     },
     "web": {
       "output": "static",
-      "favicon": "./assets/images/favicon.png"
+      "favicon": "./assets/images/favicon.png",
+      "bundler": "metro"
     },
     "plugins": [
+      "./plugins/withZebraScanner",
       "expo-router",
       [
         "expo-splash-screen",
         {
           "backgroundColor": "#208AEF",
           "android": {
-            "image": "./assets/images/splash-icon.png",
-            "imageWidth": 76
+            "resizeMode": "cover",
+            "image": "./assets/splash_white.png",
+            "backgroundColor": "#ffffff",
+            "dark": {
+              "image": "./assets/splash.png",
+              "backgroundColor": "#000000"
+            },
+            "imageWidth": 200
+          }
+        }
+      ],
+      "expo-audio",
+      [
+        "expo-build-properties",
+        {
+          "android": {
+            "usesCleartextTraffic": true
           }
         }
       ]

lstMobile/babel.config.js

@@ -0,0 +1,9 @@
+module.exports = (api) => {
+	api.cache(true);
+	return {
+		presets: [
+			["babel-preset-expo", { jsxImportSource: "nativewind" }],
+			"nativewind/babel",
+		],
+	};
+};

lstMobile/components.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "global.css",
+    "baseColor": "neutral",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

lstMobile/global.css

@@ -0,0 +1,58 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+	:root {
+		--background: 0 0% 100%;
+		--foreground: 0 0% 3.9%;
+		--card: 0 0% 100%;
+		--card-foreground: 0 0% 3.9%;
+		--popover: 0 0% 100%;
+		--popover-foreground: 0 0% 3.9%;
+		--primary: 0 0% 9%;
+		--primary-foreground: 0 0% 98%;
+		--secondary: 0 0% 96.1%;
+		--secondary-foreground: 0 0% 9%;
+		--muted: 0 0% 96.1%;
+		--muted-foreground: 0 0% 45.1%;
+		--accent: 0 0% 96.1%;
+		--accent-foreground: 0 0% 9%;
+		--destructive: 0 84.2% 60.2%;
+		--border: 0 0% 89.8%;
+		--input: 0 0% 89.8%;
+		--ring: 0 0% 63%;
+		--radius: 0.625rem;
+		--chart-1: 12 76% 61%;
+		--chart-2: 173 58% 39%;
+		--chart-3: 197 37% 24%;
+		--chart-4: 43 74% 66%;
+		--chart-5: 27 87% 67%;
+	}
+
+	.dark:root {
+		--background: 0 0% 3.9%;
+		--foreground: 0 0% 98%;
+		--card: 0 0% 3.9%;
+		--card-foreground: 0 0% 98%;
+		--popover: 0 0% 3.9%;
+		--popover-foreground: 0 0% 98%;
+		--primary: 0 0% 98%;
+		--primary-foreground: 0 0% 9%;
+		--secondary: 0 0% 14.9%;
+		--secondary-foreground: 0 0% 98%;
+		--muted: 0 0% 14.9%;
+		--muted-foreground: 0 0% 63.9%;
+		--accent: 0 0% 14.9%;
+		--accent-foreground: 0 0% 98%;
+		--destructive: 0 70.9% 59.4%;
+		--border: 0 0% 14.9%;
+		--input: 0 0% 14.9%;
+		--ring: 300 0% 45%;
+		--chart-1: 220 70% 50%;
+		--chart-2: 160 60% 45%;
+		--chart-3: 30 80% 55%;
+		--chart-4: 280 65% 60%;
+		--chart-5: 340 75% 55%;
+	}
+}

lstMobile/metro.config.js

@@ -0,0 +1,9 @@
+const { getDefaultConfig } = require("expo/metro-config");
+const { withNativeWind } = require("nativewind/metro");
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withNativeWind(config, {
+	input: "./global.css",
+	inlineRem: 16,
+});

lstMobile/nativewind-env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="nativewind/types" />
+
+// NOTE: This file should not be edited and should be committed with your source code. It is generated by NativeWind.

lstMobile/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lstmobile",
   "main": "expo-router/entry",
-  "version": "0.0.1-alpha",
+  "version": "0.0.2-alpha",
   "scripts": {
     "start": "expo start",
     "reset-project": "node ./scripts/reset-project.js",
@@ -9,22 +9,38 @@
     "ios": "expo run:ios",
     "web": "expo start --web",
     "lint": "expo lint",
-    "build:apk": "expo prebuild --clean && cd android && gradlew.bat assembleRelease ",
-    "update": "adb install android/app/build/outputs/apk/release/app-release.apk"
+    "build:apk:clean": "expo prebuild --clean && cd android && gradlew.bat assembleRelease && npm run copy:apk",
+    "build:apk": "expo prebuild && cd android && gradlew.bat assembleRelease && npm run copy:apk",
+    "build:mobile": "cd scripts && node runBuild.ts",
+    "build:mobile:bump": "cd scripts && node runBuild.ts --bump",
+    "copy:apk": "cd android && copy /Y app\\build\\outputs\\apk\\release\\app-release.apk ..\\..\\downloads\\mobile\\lst-mobile.apk",
+    "update": "adb install android/app/build/outputs/apk/release/app-release.apk",
+    "checklogs": "adb logcat -v time -s ReactNativeJS"
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "2.2.0",
     "@react-navigation/bottom-tabs": "^7.15.5",
     "@react-navigation/elements": "^2.9.10",
     "@react-navigation/native": "^7.1.33",
+    "@rn-primitives/portal": "^1.4.0",
+    "@rn-primitives/separator": "^1.4.0",
+    "@rn-primitives/slot": "^1.4.0",
     "@tanstack/react-query": "^5.99.0",
     "axios": "^1.15.0",
+    "babel-preset-expo": "^55.0.18",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns-tz": "^3.2.0",
     "expo": "~55.0.15",
     "expo-application": "~55.0.14",
+    "expo-audio": "~55.0.14",
+    "expo-av": "^16.0.8",
+    "expo-build-properties": "~55.0.13",
     "expo-constants": "~55.0.14",
     "expo-device": "~55.0.15",
     "expo-font": "~55.0.6",
     "expo-glass-effect": "~55.0.10",
+    "expo-haptics": "~55.0.14",
     "expo-image": "~55.0.8",
     "expo-linking": "~55.0.13",
     "expo-router": "~55.0.12",
@@ -34,16 +50,22 @@
     "expo-system-ui": "~55.0.15",
     "expo-web-browser": "~55.0.14",
     "lucide-react-native": "^1.8.0",
+    "nativewind": "^4.2.3",
+    "prettier-plugin-tailwindcss": "^0.5.14",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-native": "0.83.4",
     "react-native-gesture-handler": "~2.30.0",
-    "react-native-reanimated": "4.2.1",
+    "react-native-reanimated": "^4.2.1",
     "react-native-safe-area-context": "~5.6.2",
     "react-native-screens": "~4.23.0",
+    "react-native-tcp-socket": "^6.4.1",
     "react-native-web": "~0.21.0",
     "react-native-worklets": "0.7.2",
     "socket.io-client": "^4.8.3",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^3.4.19",
+    "tailwindcss-animate": "^1.0.7",
     "zod": "^4.3.6",
     "zustand": "^5.0.12"
   },

lstMobile/plugins/withZebraScanner.js

@@ -0,0 +1,319 @@
+const { withDangerousMod } = require("@expo/config-plugins");
+const fs = require("fs");
+const path = require("path");
+
+// const packageName = "net.alpla.lst.mobile";
+// const packagePath = "com/alpla/lst/mobile";
+const packageName = "net.alpla.lst.mobile";
+const packagePath = "net/alpla/lst/mobile";
+// const packageName = config.android?.package;
+// const packagePath = packageName.replace(/\./g, "/");
+
+const moduleCode = `package ${packageName}.scanner
+
+import android.content.BroadcastReceiver
+import android.content.Context
+import android.content.Intent
+import android.content.IntentFilter
+import android.os.Bundle
+import com.facebook.react.bridge.*
+import com.facebook.react.modules.core.DeviceEventManagerModule
+
+class ZebraScannerModule(
+    private val reactContext: ReactApplicationContext
+) : ReactContextBaseJavaModule(reactContext) {
+
+    override fun getName(): String = "ZebraScanner"
+
+    private val scanAction = "com.lst.mobile.SCAN"
+    private var receiverRegistered = false
+
+    private val scanReceiver = object : BroadcastReceiver() {
+       override fun onReceive(context: Context?, intent: Intent?) {
+            println("LST SCANNER: received intent -> \${intent?.action}")
+
+            if (intent?.action != scanAction) {
+                println("LST SCANNER: wrong action")
+                return
+            }
+
+            val barcodeData: String? =
+                intent.getStringExtra("com.symbol.datawedge.data_string")
+
+            val labelType: String? =
+                intent.getStringExtra("com.symbol.datawedge.label_type")
+
+            val source: String? =
+                intent.getStringExtra("com.symbol.datawedge.source")
+
+            println("LST SCANNER: data=$barcodeData label=$labelType source=$source")
+
+            if (barcodeData.isNullOrBlank()) {
+                println("LST SCANNER: empty barcode")
+                return
+            }
+
+            val payload = Arguments.createMap().apply {
+                putString("data", barcodeData)
+                putString("labelType", labelType)
+                putString("source", source)
+                putDouble("timestamp", System.currentTimeMillis().toDouble())
+            }
+
+            sendEvent("barcodeScanned", payload)
+        }
+    }
+
+    @ReactMethod
+    fun startListening() {
+        if (receiverRegistered) return
+
+        reactContext.registerReceiver(
+            scanReceiver,
+            IntentFilter(scanAction),
+            Context.RECEIVER_EXPORTED
+        )
+
+        receiverRegistered = true
+    }
+
+    @ReactMethod
+    fun stopListening() {
+        if (!receiverRegistered) return
+
+        try {
+            reactContext.unregisterReceiver(scanReceiver)
+        } catch (_: Exception) {}
+
+        receiverRegistered = false
+    }
+    
+    /**
+     * Required for React Native NativeEventEmitter
+     */
+    @ReactMethod
+    fun addListener(eventName: String) {
+        // No-op
+    }
+
+    /**
+     * Required for React Native NativeEventEmitter
+     */
+    @ReactMethod
+    fun removeListeners(count: Int) {
+        // No-op
+    }
+
+    @ReactMethod
+    fun triggerScan() {
+        val intent = Intent().apply {
+            action = "com.symbol.datawedge.api.ACTION"
+            putExtra("com.symbol.datawedge.api.SOFT_SCAN_TRIGGER", "TOGGLE_SCANNING")
+        }
+
+        reactContext.sendBroadcast(intent)
+    }
+
+    private fun sendCommand(command: String, value: Any) {
+        val intent = Intent().apply {
+            action = "com.symbol.datawedge.api.ACTION"
+
+            when (value) {
+                is String -> putExtra(command, value)
+                is Bundle -> putExtra(command, value)
+            }
+        }
+
+        reactContext.sendBroadcast(intent)
+    }
+
+    private fun sendEvent(eventName: String, payload: WritableMap) {
+        reactContext
+            .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+            .emit(eventName, payload)
+    }
+    
+    //
+    @ReactMethod
+    fun ensureProfile() {
+        val profileName = "LST_MOBILE"
+
+        sendCommand(
+            "com.symbol.datawedge.api.CREATE_PROFILE",
+            profileName
+        )
+
+        Thread.sleep(500)
+
+    val barcodeConfig = Bundle().apply {
+        putString("PLUGIN_NAME", "BARCODE")
+        putString("RESET_CONFIG", "true")
+
+        val isLegacyTc8000 =
+            android.os.Build.MODEL.contains("TC8000", ignoreCase = true)
+
+        val props = Bundle().apply {
+            putString("scanner_input_enabled", "true")
+
+            // Baseline that should be safe on old and new Zebra devices
+            putString("scanner_selection", "auto")
+
+            if (!isLegacyTc8000) {
+                // Newer Zebra devices
+                putString("scanner_selection_by_identifier", "AUTO")
+
+                putString("hardware_trigger_enabled", "true")
+                putString("trigger_mode", "2") // HARD trigger
+
+                putString("decode_audio_feedback_uri", "")
+                putString("decode_haptic_feedback", "false")
+                putString("decode_led_feedback", "false")
+            }
+        }
+
+        putBundle("PARAM_LIST", props)
+    }
+
+        val intentConfig = Bundle().apply {
+            putString("PLUGIN_NAME", "INTENT")
+            putString("RESET_CONFIG", "true")
+
+            val props = Bundle().apply {
+                putString("intent_output_enabled", "true")
+                putString("intent_action", scanAction)
+                putString("intent_delivery", "2") // broadcast
+                putString("intent_use_content_provider", "false")
+            }
+
+            putBundle("PARAM_LIST", props)
+        }
+
+        val keystrokeConfig = Bundle().apply {
+            putString("PLUGIN_NAME", "KEYSTROKE")
+            putString("RESET_CONFIG", "true")
+
+            val props = Bundle().apply {
+                putString("keystroke_output_enabled", "false")
+            }
+
+            putBundle("PARAM_LIST", props)
+        }
+
+        val profileConfig = Bundle().apply {
+            putString("PROFILE_NAME", profileName)
+            putString("PROFILE_ENABLED", "true")
+            putString("CONFIG_MODE", "CREATE_IF_NOT_EXIST")
+
+            putParcelableArrayList(
+                "PLUGIN_CONFIG",
+                arrayListOf(barcodeConfig, intentConfig, keystrokeConfig)
+            )
+        }
+
+        sendCommand("com.symbol.datawedge.api.SET_CONFIG", profileConfig)
+
+        val appConfig = Bundle().apply {
+            putString("PACKAGE_NAME", reactContext.packageName)
+            putStringArray("ACTIVITY_LIST", arrayOf("*"))
+        }
+
+        val associateConfig = Bundle().apply {
+            putString("PROFILE_NAME", profileName)
+            putString("CONFIG_MODE", "UPDATE")
+            putParcelableArray("APP_LIST", arrayOf(appConfig))
+        }
+
+        sendCommand("com.symbol.datawedge.api.SET_CONFIG", associateConfig)
+
+        // Runtime nudge: make sure scanner input is enabled for the active profile
+        sendCommand(
+            "com.symbol.datawedge.api.SCANNER_INPUT_PLUGIN",
+            "ENABLE_PLUGIN"
+        )
+    }
+}
+`;
+
+const packageCode = `package ${packageName}.scanner
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+class ZebraScannerPackage : ReactPackage {
+
+    override fun createNativeModules(
+        reactContext: ReactApplicationContext
+    ): List<NativeModule> {
+        return listOf(ZebraScannerModule(reactContext))
+    }
+
+    override fun createViewManagers(
+        reactContext: ReactApplicationContext
+    ): List<ViewManager<*, *>> {
+        return emptyList()
+    }
+}
+`;
+
+function patchMainApplication(mainApplicationPath) {
+	let contents = fs.readFileSync(mainApplicationPath, "utf8");
+
+	const importLine = `import ${packageName}.scanner.ZebraScannerPackage`;
+
+	if (!contents.includes(importLine)) {
+		contents = contents.replace(
+			/import com\.facebook\.react\.PackageList/,
+			`import com.facebook.react.PackageList\n${importLine}`,
+		);
+	}
+
+	if (!contents.includes("add(ZebraScannerPackage())")) {
+		contents = contents.replace(
+			/PackageList\(this\)\.packages\.apply\s*\{/,
+			`PackageList(this).packages.apply {\n          add(ZebraScannerPackage())`,
+		);
+	}
+
+	fs.writeFileSync(mainApplicationPath, contents);
+}
+
+module.exports = function withZebraScanner(config) {
+	return withDangerousMod(config, [
+		"android",
+		async (config) => {
+			const androidRoot = config.modRequest.platformProjectRoot;
+
+			const scannerDir = path.join(
+				androidRoot,
+				"app/src/main/java",
+				packagePath,
+				"scanner",
+			);
+
+			fs.mkdirSync(scannerDir, { recursive: true });
+
+			fs.writeFileSync(
+				path.join(scannerDir, "ZebraScannerModule.kt"),
+				moduleCode,
+			);
+
+			fs.writeFileSync(
+				path.join(scannerDir, "ZebraScannerPackage.kt"),
+				packageCode,
+			);
+
+			const mainApplicationPath = path.join(
+				androidRoot,
+				"app/src/main/java",
+				packagePath,
+				"MainApplication.kt",
+			);
+
+			patchMainApplication(mainApplicationPath);
+
+			return config;
+		},
+	]);
+};

lstMobile/scripts/runBuild.ts

@@ -0,0 +1,57 @@
+import { execSync } from "child_process";
+import fs from "fs";
+import path from "path";
+
+const appJsonPath = path.resolve("../app.json");
+
+// detect flags
+const args = process.argv.slice(2);
+const shouldBumpMin = args.includes("--bump");
+
+try {
+	// 📖 read file
+	const raw = fs.readFileSync(appJsonPath, "utf-8");
+	const json = JSON.parse(raw);
+
+	const expo = json.expo ?? json; // supports both formats
+
+	if (!expo.android) {
+		throw new Error("No android config found in app.json");
+	}
+
+	// 🔢 current values
+	const currentVersionCode = expo.android.versionCode ?? 1;
+	const currentMin = expo.android.minSupportedVersionCode ?? 1;
+
+	// 🚀 increment version
+	const newVersionCode = currentVersionCode + 1;
+
+	expo.android.versionCode = newVersionCode;
+
+	if (shouldBumpMin) {
+		expo.android.minSupportedVersionCode = newVersionCode;
+	} else {
+		// keep existing min if not bumping
+		expo.android.minSupportedVersionCode = currentMin;
+	}
+
+	// 💾 write back
+	fs.writeFileSync(appJsonPath, JSON.stringify(json, null, 2));
+
+	console.log("✅ app.json updated:");
+	console.log("   versionCode:", newVersionCode);
+	console.log(
+		"   minSupportedVersionCode:",
+		expo.android.minSupportedVersionCode,
+	);
+
+	// 🏗 run build
+	console.log("\n🚧 Running build:apk...\n");
+	execSync("npm run build:apk", { stdio: "inherit" });
+
+	console.log("\n🎉 Build complete!");
+} catch (err) {
+	console.error("❌ Build script failed:");
+	console.error(err);
+	process.exit(1);
+}

lstMobile/src/app/(tabs)/_layout.tsx

@@ -0,0 +1,56 @@
+import { Tabs } from "expo-router";
+import { Home, Settings } from "lucide-react-native";
+import { useAppStore } from "../../hooks/useAppStore";
+
+export default function TabsLayout() {
+	const serverPort = useAppStore((s) => s.serverPort);
+	return (
+		<Tabs
+			screenOptions={{
+				headerShown: false, // Hides the header for all screens in this navigator
+			}}
+		>
+			<Tabs.Screen
+				name="scanner"
+				options={{
+					title: "Scan",
+					tabBarIcon: ({ color, size }) => <Home size={size} color={color} />,
+					// header: ({ route }) => {
+					// 	const version = serverVersion?.versionCode;
+
+					// 	const hasUpdate = version && version > build;
+
+					// 	if (!hasUpdate) return null; // 👈 hides header completely
+
+					// 	return <GlobalHeader title={route.name} />;
+					// },
+				}}
+			/>
+			<Tabs.Screen
+				name="config"
+				options={{
+					title: "settings",
+					tabBarIcon: ({ color, size }) => (
+						<Settings size={size} color={color} />
+					),
+				}}
+			/>
+			<Tabs.Screen
+				name="logs"
+				options={{
+					title: "Logs",
+					href:
+						parseInt(serverPort || "0", 10) >= 50000 ? null : "/(tabs)/logs",
+				}}
+			/>
+			{/* <Tabs.Screen
+				name="lanes"
+				options={{
+					title: "Lanes",
+					href:
+						parseInt(serverPort || "0", 10) >= 50000 ? null : "/(tabs)/logs",
+				}}
+			/> */}
+		</Tabs>
+	);
+}

lstMobile/src/app/(tabs)/config.tsx

@@ -0,0 +1,7 @@
+import { Link } from "expo-router";
+import { Text, View } from "react-native";
+import Setup from "../setup";
+
+export default function SettingsTab() {
+  return <Setup />
+}

lstMobile/src/app/(tabs)/logs.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+import { Text, View } from 'react-native'
+
+export default function Logs() {
+  return (
+    <View style={{
+				flex: 1,
+				//justifyContent: "center",
+				alignItems: "center",
+				marginTop: 50,
+			}}><Text>Logs</Text></View>
+  )
+}

lstMobile/src/app/(tabs)/scanner.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import {  View } from "react-native";
+
+import { useAppStore } from "../../hooks/useAppStore";
+import ProdScanner from "../../components/ProdScanner";
+import LSTScanner from "../../components/LSTScanner";
+
+export default function scanner() {
+	const serverPort = useAppStore((s) => s.serverPort);
+	return (
+		<View
+			style={{
+				flex: 1,
+				//justifyContent: "center",
+				alignItems: "center",
+				marginTop: 50,
+			}}
+		>
+			{parseInt(serverPort || "0", 10) >= 50000 ? <ProdScanner /> : <LSTScanner />}
+		</View>
+	);
+}

lstMobile/src/app/_layout.tsx

@@ -1,5 +1,8 @@
 import { Stack } from "expo-router";
 import { StatusBar } from "expo-status-bar";
+import "../../global.css";
+import { PortalHost } from "@rn-primitives/portal";
+import { View } from "react-native";
 
 export default function RootLayout() {
 	return (
@@ -7,8 +10,19 @@ export default function RootLayout() {
 			<StatusBar style="dark" />
 			<Stack screenOptions={{ headerShown: false }}>
 				<Stack.Screen name="index" />
-				{/* <Stack.Screen name="(tabs)" /> */}
+				<View className="items-center">
+					<Stack.Screen
+						name="(tabs)"
+						options={{
+							title: "Pending update",
+							headerStyle: {
+								backgroundColor: "lightblue",
+							},
+						}}
+					/>
+				</View>
 			</Stack>
+			<PortalHost />
 		</>
 	);
 }

lstMobile/src/app/blocked.tsx

@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function blocked() {
-	return (
-		<View>
-			<Text>Blocked</Text>
-		</View>
-	);
-}

lstMobile/src/app/index.tsx

@@ -1,15 +1,22 @@
-import { useRouter } from "expo-router";
+import axios from "axios";
+import Constants from "expo-constants";
+import { Redirect, useRouter } from "expo-router";
 import { useEffect, useState } from "react";
 import { ActivityIndicator, Text, View } from "react-native";
 import { useAppStore } from "../hooks/useAppStore";
+import { useServerStore } from "../hooks/useServerCheck";
 import { devDelay } from "../lib/devMode";
 
 export default function Index() {
 	const router = useRouter();
 	const [message, setMessage] = useState(<Text>Starting app...</Text>);
+	const [ready, setReady] = useState(false);
+	const setServerVersion = useServerStore((s) => s.setServerVersion);
 
 	const hasHydrated = useAppStore((s) => s.hasHydrated);
 	const serverPort = useAppStore((s) => s.serverPort);
+	const serverIp = useAppStore((s) => s.serverIp);
+	const build = Constants.expoConfig?.android?.versionCode ?? 1;
 	const hasValidSetup = useAppStore((s) => s.hasValidSetup);
 
 	useEffect(() => {
@@ -30,6 +37,35 @@ export default function Index() {
 					return;
 				}
 
+				// checking for lst.
+				console.log(
+					`http://${serverIp}:${parseInt(serverPort || "0", 10) >= 50000 ? "3000" : serverPort}/lst/api/mobile/version`,
+				);
+				try {
+					const res = await axios.get(
+						`http://${serverIp}:${parseInt(serverPort || "0", 10) >= 50000 ? "3000" : serverPort}/lst/api/mobile/version`,
+						{
+							timeout: 5000,
+						},
+					);
+
+					console.log(res.data);
+
+					// if the build version dose not match the latest server version force update
+					if (res.status === 200) {
+						setServerVersion(res.data);
+					}
+
+					// TODO: change the header to show orange and theres a new version
+					// console.log(build < res.data.minSupportedVersionCode);
+					// if (build < res.data.minSupportedVersionCode) {
+					// 	router.replace("/updateScreen");
+					// 	return;
+					// }
+				} catch (error) {
+					console.log("Error: ", error);
+				}
+
 				setMessage(<Text>Checking scanner mode...</Text>);
 				await devDelay(1500);
 
@@ -40,13 +76,18 @@ export default function Index() {
 						</Text>,
 					);
 					await devDelay(1500);
-					router.replace("/scanner");
+					//router.replace("/scanner");
+					setReady(true);
 					return;
 				}
 
+				setMessage(<Text>Checking for updates</Text>);
+				await devDelay(1500);
+				// TODO if theres an update go to update screen message :D
 				setMessage(<Text>Opening LST scan app</Text>);
 				await devDelay(3250);
-				router.replace("/scanner");
+				//router.replace("/scanner");
+				setReady(true);
 			} catch (error) {
 				console.log("Startup error", error);
 				setMessage(<Text>Something went wrong during startup.</Text>);
@@ -54,8 +95,18 @@ export default function Index() {
 		};
 
 		startup();
-	}, [hasHydrated, hasValidSetup, serverPort, router]);
+	}, [
+		hasHydrated,
+		hasValidSetup,
+		serverPort,
+		serverIp,
+		router,
+		setServerVersion,
+	]);
 
+	if (ready) {
+		return <Redirect href="/(tabs)/scanner" />;
+	}
 	return (
 		<View
 			style={{

lstMobile/src/app/scanner.tsx

@@ -1,32 +0,0 @@
-import React from "react";
-import { Text, View } from "react-native";
-
-export default function scanner() {
-	return (
-		<View
-			style={{
-				flex: 1,
-				//justifyContent: "center",
-				alignItems: "center",
-				marginTop: 50,
-			}}
-		>
-			<View style={{ alignItems: "center", margin: 10 }}>
-				<Text style={{ fontSize: 20, fontWeight: "600" }}>LST Scanner</Text>
-			</View>
-			<View
-				style={{
-					marginTop: 50,
-					alignItems: "center",
-				}}
-			>
-				<Text>Relocate</Text>
-				<Text>0 / 4</Text>
-			</View>
-
-			{/* <View>
-				<Text>List of recent scanned pallets TBA</Text>
-			</View> */}
-		</View>
-	);
-}

lstMobile/src/app/setup.tsx

@@ -3,8 +3,9 @@ import { useRouter } from "expo-router";
 import { useState } from "react";
 import { Alert, Button, Text, TextInput, View } from "react-native";
 import { useAppStore } from "../hooks/useAppStore";
+import { useServerStore } from "../hooks/useServerCheck";
 
-export default function setup() {
+export default function Setup() {
 	const router = useRouter();
 	const [auth, setAuth] = useState(false);
 	const [pin, setPin] = useState("");
@@ -22,6 +23,8 @@ export default function setup() {
 	const [serverPort, setLocalServerPort] = useState(serverPortFromStore);
 	const [scannerId, setScannerId] = useState(scannerIdFromStore);
 
+	const server = useServerStore((s) => s.serverVersion);
+
 	const authCheck = () => {
 		if (pin === "6971") {
 			setAuth(true);
@@ -40,6 +43,7 @@ export default function setup() {
 		updateAppState({
 			serverIp: serverIp.trim(),
 			serverPort: serverPort.trim(),
+			scannerId: scannerId?.trim(),
 			setupCompleted: true,
 			isRegistered: true,
 		});
@@ -80,7 +84,7 @@ export default function setup() {
 							borderRadius: 8,
 						}}
 					>
-						<Button title="Save Config" onPress={authCheck} />
+						<Button title="Submit" onPress={authCheck} />
 					</View>
 				</View>
 			) : (
@@ -136,7 +140,7 @@ export default function setup() {
 						<Button
 							title="Home"
 							onPress={() => {
-								router.push("/");
+								router.push("/(tabs)/scanner");
 							}}
 						/>
 					</View>
@@ -150,8 +154,11 @@ export default function setup() {
 					marginBottom: 12,
 				}}
 			>
-				<Text style={{ fontSize: 12, color: "#666" }}>
-					LST Scanner v{version}-{build}
+				<Text className="text-[12] color-#666">
+					App v{version}-{build}
+				</Text>
+				<Text className="text-[12] color-#666">
+					Server version - v{server?.versionName}-{server?.versionCode}
 				</Text>
 			</View>
 		</View>

lstMobile/src/app/updateScreen.tsx

@@ -0,0 +1,47 @@
+import Constants from "expo-constants";
+import { Link } from "expo-router";
+import { Text, View } from "react-native";
+import {
+	Card,
+	CardContent,
+	CardFooter,
+	CardHeader,
+} from "../components/ui/card";
+import { Separator } from "../components/ui/separator";
+import { useServerStore } from "../hooks/useServerCheck";
+
+export default function Update() {
+	const version = Constants.expoConfig?.version;
+	const build = Constants.expoConfig?.android?.versionCode ?? 1;
+	const server = useServerStore((s) => s.serverVersion);
+	return (
+		<View className="flex-1 mt-5 p-5">
+			<Card>
+				<CardHeader>
+					<Text className="text-center underline">Update Required</Text>
+				</CardHeader>
+				<CardContent>
+					<Text>Your app is out of date and needs to be updated</Text>
+					<Separator className="mt-5 mb-5" />
+					<Text>
+						App version - v{version}-{build}
+					</Text>
+					<Text>
+						Server version - v{server?.versionName}-{server?.versionCode}
+					</Text>
+					<Separator className="mt-5 mb-5" />
+					<Text>
+						To update the app please head go to a computer and open LST.
+					</Text>
+					<Text>Then head to Scan.</Text>
+					<Text>Click update Then follow the instructions on screen</Text>
+				</CardContent>
+			</Card>
+			{server && server?.versionCode >= build && (
+				<Link href={"/"}>
+					<Text className="text-center underline">Home</Text>
+				</Link>
+			)}
+		</View>
+	);
+}

lstMobile/src/components/LSTScanner.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import { View, Text } from 'react-native'
+
+export default function LSTScanner() {
+  return (
+     <View><View style={{ alignItems: "center", margin: 10 }}>
+                         <Text style={{ fontSize: 20, fontWeight: "600" }}>LST Scanner</Text>
+                     </View>
+                     <View
+                         style={{
+                             marginTop: 50,
+                             alignItems: "center",
+                         }}
+                     >
+                         <Text>Relocate</Text>
+                         <Text>0 / 4</Text>
+                     </View>
+         
+                     {/* <View>
+                         <Text>List of recent scanned pallets TBA</Text>
+                     </View> */}
+                    </View>
+  )
+}

lstMobile/src/components/ProdScanner.tsx

@@ -0,0 +1,160 @@
+import axios from "axios";
+import { format } from "date-fns-tz";
+import { useCallback, useEffect, useState } from "react";
+import { Text, View } from "react-native";
+import { useAppStore } from "../hooks/useAppStore";
+import { useScannerStore } from "../hooks/useScannerStore";
+import { scannerFeedback } from "../lib/feedbackScan";
+import { sendTcpMessage } from "../lib/tcpScan";
+import { type ZebraScanResult, zebraScanner } from "../lib/ZebraScanner";
+import { ScannedLabelBox } from "./ScannedLabels";
+import { GlobalFooter } from "./UpdateFooter";
+import { Separator } from "./ui/separator";
+
+const STX = "\x02";
+const ETX = "\x03";
+
+export default function ProdScanner() {
+	const lastScan = useScannerStore((s) => s.lastScan);
+	const setLastScan = useScannerStore((s) => s.setLastScan);
+	const [tagScans, setTagScans] = useState<any>([]);
+	const scannerIdFromStore = useAppStore((s) => s.scannerId);
+	const serverIp = useAppStore((s) => s.serverIp);
+	const serverPort = useAppStore((s) => s.serverPort);
+	const [bgColor, setBGColor] = useState<string | null>(null);
+
+	const handleScan = useCallback(
+		async (scan: ZebraScanResult) => {
+			let commandToSend = `${STX}${scannerIdFromStore}@${scan.data}${ETX}`;
+
+			// if we are sscc we need to scan like this .... <STX>98@]C100090087710038712256<ETX>
+			if (scan.data.startsWith("000")) {
+				commandToSend = `${STX}${scannerIdFromStore}@]C1${scan.data}${ETX}`;
+				setTagScans((prev: any) => [
+					{
+						label: parseInt(scan.data.slice(10, -1) || "000", 10).toString(),
+						date: format(new Date(Date.now()), "HH:mm"),
+					},
+					...prev,
+				]);
+			}
+
+			const scanned = (await sendTcpMessage(
+				commandToSend,
+				serverIp,
+				parseInt(serverPort || "0", 10),
+			)) as any;
+			// send the logs to lst but allow it to time out if it dose not exist just bc.
+
+			try {
+				await axios.post(
+					`http://${serverIp.trim()}:3000/lst/api/mobile/logs`,
+					scanned,
+				);
+			} catch (error) {
+				console.log(error);
+			}
+			// const response = await sendTcpMessage(tcpMessage);
+			console.log(scanned.data);
+			if (scanned.data.status !== "error") {
+				await scannerFeedback({
+					type: "good",
+					sound: true,
+					vibrate: true,
+					led: true,
+				});
+				setBGColor("bg-green-500");
+				setTimeout(() => {
+					setBGColor(null);
+				}, 1 * 1000);
+			}
+
+			if (scanned.data.status === "error") {
+				await scannerFeedback({
+					type: scanned.data.status === "error" ? "bad" : "good",
+					sound: true,
+					vibrate: true,
+					led: true,
+				});
+				setBGColor("bg-red-500");
+				setTimeout(() => {
+					setBGColor(null);
+				}, 1 * 1000);
+			}
+			setLastScan(scanned.data);
+
+			// if we change commands we want to zero out the last scanned labels
+			if (/^[a-zA-Z]/.test(scan.data)) {
+				setTagScans([]);
+			}
+		},
+		[scannerIdFromStore, serverIp, serverPort, setLastScan],
+	);
+
+	const clearScans = () => {
+		setTagScans([]);
+	};
+
+	//console.log(lastScan);
+
+	useEffect(() => {
+		zebraScanner.ensureProfile();
+		zebraScanner.startListening();
+
+		const sub = zebraScanner.addScanListener((scan) => {
+			//console.log("SCAN:", scan);
+			handleScan(scan);
+		});
+
+		return () => {
+			sub.remove();
+			zebraScanner.stopListening();
+		};
+	}, [handleScan]);
+	return (
+		<View className={`${bgColor ?? ""} flex-1 w-screen`}>
+			<View>
+				<View style={{ alignItems: "center", margin: 10 }}>
+					<Text style={{ fontSize: 15, fontWeight: "600" }}>
+						Scanner ID: {parseInt(scannerIdFromStore || "0", 10)}
+					</Text>
+				</View>
+				<Separator />
+				{!lastScan ? (
+					<View style={{ marginTop: 10, alignItems: "center" }}>
+						<Text className="text-xl font-bold">Ready to scan</Text>
+						<Text>Waiting for first scan...</Text>
+					</View>
+				) : (
+					<View
+						style={{
+							marginTop: 10,
+							alignItems: "center",
+						}}
+					>
+						{lastScan.lines
+							?.filter((line) => !/^\d+@$/.test(line))
+							.map((i) => {
+								return (
+									<View style={{ marginTop: 10, alignItems: "center" }} key={i}>
+										<Text style={{ fontSize: 20, fontWeight: "600" }}>{i}</Text>
+									</View>
+								);
+							})}
+					</View>
+				)}
+			</View>
+			<Separator className="m-2" />
+			<View className="flex-1 w-full px-4">
+				<ScannedLabelBox
+					labels={tagScans}
+					color={bgColor}
+					clearScan={clearScans}
+				/>
+			</View>
+			<View>
+				<GlobalFooter />
+			</View>
+		</View>
+	);
+}

lstMobile/src/components/ScannExample.tsx

@@ -0,0 +1,58 @@
+import { useEffect, useState } from "react";
+import { Button, Text, View } from "react-native";
+import { sendTcpMessage } from "../lib/tcpScan";
+import { type ZebraScanResult, zebraScanner } from "../lib/ZebraScanner";
+
+const STX = "\x02";
+const ETX = "\x03";
+
+export function ScannerTestScreen() {
+	const [lastResponse, setLastResponse] = useState("");
+
+	const handleScan = async (scan: ZebraScanResult) => {
+		console.log("Raw Zebra scan:", scan);
+
+		const scanned = scan.data;
+
+		let commandToSend = `${STX}98@${scanned}${ETX}`;
+
+		// if we are sscc we need to scan like this .... <STX>98@]C100090087710038712256<ETX>
+		if (scan.data.startsWith("000")) {
+			commandToSend = `${STX}98@]C1${scanned}${ETX}`;
+		}
+
+		const something = await sendTcpMessage(commandToSend, "10.44.0.26", 50001);
+		// Later this is where your TCP send goes.
+		// const response = await sendTcpMessage(tcpMessage);
+
+		console.log("TCP response:", something);
+		setLastResponse(JSON.stringify(something));
+	};
+
+	useEffect(() => {
+		zebraScanner.ensureProfile();
+		zebraScanner.startListening();
+
+		const sub = zebraScanner.addScanListener((scan) => {
+			console.log("SCAN:", scan);
+			handleScan(scan);
+		});
+
+		return () => {
+			sub.remove();
+			zebraScanner.stopListening();
+		};
+	}, []);
+
+	return (
+		<View style={{ padding: 20, gap: 12 }}>
+			<Button
+				title="Soft Trigger Scan"
+				onPress={() => zebraScanner.triggerScan()}
+			/>
+
+			<Text>Waiting for scan...</Text>
+			<Text>{lastResponse}</Text>
+		</View>
+	);
+}

lstMobile/src/components/ScannedLabels.tsx

@@ -0,0 +1,58 @@
+import { ScrollView, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { Button } from "@/components/ui/button";
+import { Text } from "@/components/ui/text";
+import { Card } from "./ui/card";
+
+type ScannedLabel = {
+	label: string;
+	date: Date;
+};
+
+type ScannedLabelBoxProps = {
+	labels: ScannedLabel[];
+	color: string | null;
+	clearScan: () => void;
+};
+
+export function ScannedLabelBox({
+	labels,
+	color,
+	clearScan,
+}: ScannedLabelBoxProps) {
+	return (
+		<SafeAreaView className={`flex-1 w-full items-center ${color ?? ""}`}>
+			<View className="flex flex-col gap-2">
+				<Text style={{ fontSize: 18, fontWeight: "700", marginBottom: 8 }}>
+					Current scanned labels
+				</Text>
+			</View>
+
+			<ScrollView className="w-full flex-1">
+				{labels.length === 0 ? (
+					<Text className="text-center">
+						pending new labels to be scanned...
+					</Text>
+				) : (
+					<View className="flex items-center gap-2 w-full">
+						{labels.map((i, index) => (
+							<Card
+								key={`${i.label}-${index}`}
+								className={`p-2 border rounded items-center ${color ?? ""} w-full`}
+							>
+								<Text style={{ fontSize: 18, fontWeight: "700" }}>
+									{i.label} - {i.date.toString()}
+								</Text>
+							</Card>
+						))}
+					</View>
+				)}
+			</ScrollView>
+			{/* {labels.length !== 0 && (
+				<Button onPress={clearScan} variant="secondary">
+					<Text>Clear Scans</Text>
+				</Button>
+			)} */}
+		</SafeAreaView>
+	);
+}

lstMobile/src/components/UpdateFooter.tsx

@@ -0,0 +1,40 @@
+import Constants from "expo-constants";
+import { Link } from "expo-router";
+import { Text, View } from "react-native";
+import { useServerStore } from "../hooks/useServerCheck";
+
+export function GlobalFooter() {
+	const build = Constants.expoConfig?.android?.versionCode ?? 1;
+	const serverVersion = useServerStore((s) => s.serverVersion);
+	const hasUpdate =
+		serverVersion && serverVersion?.minSupportedVersionCode > build;
+	const shouldUpdate = serverVersion && serverVersion?.versionCode > build;
+
+	if (serverVersion && serverVersion?.versionCode <= build) return;
+	return (
+		<View>
+			<View>
+				{hasUpdate && (
+					<View className="items-center h-[75px] bg-[#EB091A]">
+						<Link href={"/updateScreen"}>
+							<Text className="h-[75px] font-medium text-base text-wrap text-center">
+								Critical updates pending, once you are completed with your task
+								please click me for instructions to update
+							</Text>
+						</Link>
+					</View>
+				)}
+
+				{!hasUpdate && shouldUpdate && (
+					<View className="bg-[#FDBA74]">
+						<Link href={"/updateScreen"}>
+							<Text className="h-[32] font-medium text-lg text-wrap text-center">
+								There is an update click me for instructions
+							</Text>
+						</Link>
+					</View>
+				)}
+			</View>
+		</View>
+	);
+}

lstMobile/src/components/ui/button.tsx

@@ -0,0 +1,106 @@
+import { TextClassContext } from '@/components/ui/text';
+import { cn } from '@/lib/utils';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { Platform, Pressable } from 'react-native';
+
+const buttonVariants = cva(
+  cn(
+    'group shrink-0 flex-row items-center justify-center gap-2 rounded-md shadow-none',
+    Platform.select({
+      web: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    })
+  ),
+  {
+    variants: {
+      variant: {
+        default: cn(
+          'bg-primary active:bg-primary/90 shadow-sm shadow-black/5',
+          Platform.select({ web: 'hover:bg-primary/90' })
+        ),
+        destructive: cn(
+          'bg-destructive active:bg-destructive/90 dark:bg-destructive/60 shadow-sm shadow-black/5',
+          Platform.select({
+            web: 'hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40',
+          })
+        ),
+        outline: cn(
+          'border-border bg-background active:bg-accent dark:bg-input/30 dark:border-input dark:active:bg-input/50 border shadow-sm shadow-black/5',
+          Platform.select({
+            web: 'hover:bg-accent dark:hover:bg-input/50',
+          })
+        ),
+        secondary: cn(
+          'bg-secondary active:bg-secondary/80 shadow-sm shadow-black/5',
+          Platform.select({ web: 'hover:bg-secondary/80' })
+        ),
+        ghost: cn(
+          'active:bg-accent dark:active:bg-accent/50',
+          Platform.select({ web: 'hover:bg-accent dark:hover:bg-accent/50' })
+        ),
+        link: '',
+      },
+      size: {
+        default: cn('h-10 px-4 py-2 sm:h-9', Platform.select({ web: 'has-[>svg]:px-3' })),
+        sm: cn('h-9 gap-1.5 rounded-md px-3 sm:h-8', Platform.select({ web: 'has-[>svg]:px-2.5' })),
+        lg: cn('h-11 rounded-md px-6 sm:h-10', Platform.select({ web: 'has-[>svg]:px-4' })),
+        icon: 'h-10 w-10 sm:h-9 sm:w-9',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  }
+);
+
+const buttonTextVariants = cva(
+  cn(
+    'text-foreground text-sm font-medium',
+    Platform.select({ web: 'pointer-events-none transition-colors' })
+  ),
+  {
+    variants: {
+      variant: {
+        default: 'text-primary-foreground',
+        destructive: 'text-white',
+        outline: cn(
+          'group-active:text-accent-foreground',
+          Platform.select({ web: 'group-hover:text-accent-foreground' })
+        ),
+        secondary: 'text-secondary-foreground',
+        ghost: 'group-active:text-accent-foreground',
+        link: cn(
+          'text-primary group-active:underline',
+          Platform.select({ web: 'underline-offset-4 hover:underline group-hover:underline' })
+        ),
+      },
+      size: {
+        default: '',
+        sm: '',
+        lg: '',
+        icon: '',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  }
+);
+
+type ButtonProps = React.ComponentProps<typeof Pressable> & VariantProps<typeof buttonVariants>;
+
+function Button({ className, variant, size, ...props }: ButtonProps) {
+  return (
+    <TextClassContext.Provider value={buttonTextVariants({ variant, size })}>
+      <Pressable
+        className={cn(props.disabled && 'opacity-50', buttonVariants({ variant, size }), className)}
+        role="button"
+        {...props}
+      />
+    </TextClassContext.Provider>
+  );
+}
+
+export { Button, buttonTextVariants, buttonVariants };
+export type { ButtonProps };

lstMobile/src/components/ui/card.tsx

@@ -0,0 +1,52 @@
+import { Text, TextClassContext } from '@/components/ui/text';
+import { cn } from '@/lib/utils';
+import { View } from 'react-native';
+
+function Card({ className, ...props }: React.ComponentProps<typeof View>) {
+  return (
+    <TextClassContext.Provider value="text-card-foreground">
+      <View
+        className={cn(
+          'bg-card border-border flex flex-col gap-6 rounded-xl border py-6 shadow-sm shadow-black/5',
+          className
+        )}
+        {...props}
+      />
+    </TextClassContext.Provider>
+  );
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<typeof View>) {
+  return <View className={cn('flex flex-col gap-1.5 px-6', className)} {...props} />;
+}
+
+function CardTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Text>) {
+  return (
+    <Text
+      role="heading"
+      aria-level={3}
+      className={cn('font-semibold leading-none', className)}
+      {...props}
+    />
+  );
+}
+
+function CardDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Text>) {
+  return <Text className={cn('text-muted-foreground text-sm', className)} {...props} />;
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<typeof View>) {
+  return <View className={cn('px-6', className)} {...props} />;
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<typeof View>) {
+  return <View className={cn('flex flex-row items-center px-6', className)} {...props} />;
+}
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

lstMobile/src/components/ui/separator.tsx

@@ -0,0 +1,24 @@
+import { cn } from '@/lib/utils';
+import * as SeparatorPrimitive from '@rn-primitives/separator';
+
+function Separator({
+  className,
+  orientation = 'horizontal',
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        'bg-border shrink-0',
+        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Separator };

lstMobile/src/components/ui/text.tsx

@@ -0,0 +1,88 @@
+import { cn } from '@/lib/utils';
+import * as Slot from '@rn-primitives/slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { Platform, Text as RNText, type Role } from 'react-native';
+
+const textVariants = cva(
+  cn(
+    'text-foreground text-base',
+    Platform.select({
+      web: 'select-text',
+    })
+  ),
+  {
+    variants: {
+      variant: {
+        default: '',
+        h1: cn(
+          'text-center text-4xl font-extrabold tracking-tight',
+          Platform.select({ web: 'scroll-m-20 text-balance' })
+        ),
+        h2: cn(
+          'border-border border-b pb-2 text-3xl font-semibold tracking-tight',
+          Platform.select({ web: 'scroll-m-20 first:mt-0' })
+        ),
+        h3: cn('text-2xl font-semibold tracking-tight', Platform.select({ web: 'scroll-m-20' })),
+        h4: cn('text-xl font-semibold tracking-tight', Platform.select({ web: 'scroll-m-20' })),
+        p: 'mt-3 leading-7 sm:mt-6',
+        blockquote: 'mt-4 border-l-2 pl-3 italic sm:mt-6 sm:pl-6',
+        code: cn(
+          'bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold'
+        ),
+        lead: 'text-muted-foreground text-xl',
+        large: 'text-lg font-semibold',
+        small: 'text-sm font-medium leading-none',
+        muted: 'text-muted-foreground text-sm',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  }
+);
+
+type TextVariantProps = VariantProps<typeof textVariants>;
+
+type TextVariant = NonNullable<TextVariantProps['variant']>;
+
+const ROLE: Partial<Record<TextVariant, Role>> = {
+  h1: 'heading',
+  h2: 'heading',
+  h3: 'heading',
+  h4: 'heading',
+  blockquote: Platform.select({ web: 'blockquote' as Role }),
+  code: Platform.select({ web: 'code' as Role }),
+};
+
+const ARIA_LEVEL: Partial<Record<TextVariant, string>> = {
+  h1: '1',
+  h2: '2',
+  h3: '3',
+  h4: '4',
+};
+
+const TextClassContext = React.createContext<string | undefined>(undefined);
+
+function Text({
+  className,
+  asChild = false,
+  variant = 'default',
+  ...props
+}: React.ComponentProps<typeof RNText> &
+  TextVariantProps & {
+    asChild?: boolean;
+  }) {
+  const textClass = React.useContext(TextClassContext);
+  const Component = asChild ? Slot.Text : RNText;
+  return (
+    <Component
+      className={cn(textVariants({ variant }), textClass, className)}
+      role={variant ? ROLE[variant] : undefined}
+      aria-level={variant ? ARIA_LEVEL[variant] : undefined}
+      {...props}
+    />
+  );
+}
+
+export { Text, TextClassContext };

lstMobile/src/hooks/useAppStore.ts

@@ -33,10 +33,8 @@ type AppActions = {
 	setValidationStatus: (status: ValidationStatus, validatedAt?: string) => void;
 	setAppVersion: (value?: string) => void;
 	setHasHydrated: (value: boolean) => void;
-
 	updateAppState: (updates: Partial<AppState>) => void;
 	resetApp: () => void;
-
 	hasValidSetup: () => boolean;
 	canEnterApp: () => boolean;
 	getServerUrl: () => string;
@@ -50,15 +48,11 @@ const defaultAppState: AppState = {
 	scannerId: "0001",
 	stageId: undefined,
 	deviceName: undefined,
-
 	setupCompleted: false,
 	isRegistered: false,
-
 	lastValidationStatus: "idle",
 	lastValidationAt: undefined,
-
 	appVersion: undefined,
-
 	hasHydrated: false,
 };
 
@@ -74,28 +68,23 @@ export const useAppStore = create<AppStore>()(
 			setDeviceName: (value) => set({ deviceName: value }),
 			setSetupCompleted: (value) => set({ setupCompleted: value }),
 			setIsRegistered: (value) => set({ isRegistered: value }),
-
 			setValidationStatus: (status, validatedAt) =>
 				set({
 					lastValidationStatus: status,
 					lastValidationAt: validatedAt,
 				}),
-
 			setAppVersion: (value) => set({ appVersion: value }),
 			setHasHydrated: (value) => set({ hasHydrated: value }),
-
 			updateAppState: (updates) =>
 				set((state) => ({
 					...state,
 					...updates,
 				})),
-
 			resetApp: () =>
 				set({
 					...defaultAppState,
 					hasHydrated: true,
 				}),
-
 			hasValidSetup: () => {
 				const state = get();
 				return Boolean(
@@ -104,7 +93,6 @@ export const useAppStore = create<AppStore>()(
 						state.setupCompleted,
 				);
 			},
-
 			canEnterApp: () => {
 				const state = get();
 				return Boolean(

lstMobile/src/hooks/useScannerStore.ts

@@ -0,0 +1,33 @@
+import { create } from "zustand";
+
+type LastScan = {
+	terminalId?: string;
+	screen?: string;
+	prompt?: string;
+	message?: string;
+	status: "success" | "error" | "location" | "unknown";
+	lines?: string[];
+	timestamp?: number;
+};
+
+type ScannerStore = {
+	lastScan: LastScan | null;
+	setLastScan: (scan: LastScan | null) => void;
+	clearLastScan: () => void;
+};
+
+export const useScannerStore = create<ScannerStore>((set) => ({
+	lastScan: null,
+
+	setLastScan: (scan) =>
+		set({
+			lastScan: scan
+				? {
+						...scan,
+						timestamp: Date.now(),
+					}
+				: null,
+		}),
+
+	clearLastScan: () => set({ lastScan: null }),
+}));

lstMobile/src/hooks/useServerCheck.ts

@@ -0,0 +1,29 @@
+import { create } from "zustand";
+
+type ServerVersion = {
+	packageName: string;
+	versionName: string;
+	versionCode: number;
+	minSupportedVersionCode: number;
+	downloadUrl: string;
+};
+
+type AppState = {
+	serverVersion: ServerVersion | null;
+
+	setServerVersion: (data: ServerVersion) => void;
+};
+
+export const useServerStore = create<AppState>((set, get) => ({
+	serverVersion: null,
+	hasUpdate: () => {
+		const v = get().serverVersion;
+		if (!v) return false;
+
+		return v.versionCode < v.minSupportedVersionCode;
+	},
+	setServerVersion: (data) =>
+		set(() => ({
+			serverVersion: data,
+		})),
+}));

lstMobile/src/lib/ZebraScanner.ts

@@ -0,0 +1,40 @@
+import {
+	type EmitterSubscription,
+	NativeEventEmitter,
+	NativeModules,
+} from "react-native";
+
+const { ZebraScanner } = NativeModules;
+
+const scannerEmitter = new NativeEventEmitter(ZebraScanner);
+
+export type ZebraScanResult = {
+	data: string;
+	labelType?: string;
+	source?: string;
+	timestamp: number;
+};
+
+export const zebraScanner = {
+	startListening() {
+		ZebraScanner.startListening();
+	},
+
+	stopListening() {
+		ZebraScanner.stopListening();
+	},
+
+	triggerScan() {
+		ZebraScanner.triggerScan();
+	},
+
+	 ensureProfile() {
+    ZebraScanner.ensureProfile();
+  },
+
+	addScanListener(
+		callback: (scan: ZebraScanResult) => void,
+	): EmitterSubscription {
+		return scannerEmitter.addListener("barcodeScanned", callback);
+	},
+};

lstMobile/src/lib/feedbackScan.ts

@@ -0,0 +1,38 @@
+import { createAudioPlayer } from "expo-audio";
+import * as Haptics from "expo-haptics";
+
+export type ScanFeedback = {
+	type: "good" | "bad";
+	sound?: boolean;
+	vibrate?: boolean;
+	led?: boolean;
+};
+
+const goodSound = createAudioPlayer(require("../../assets/sounds/good.wav"));
+const badSound = createAudioPlayer(require("../../assets/sounds/bad.wav"));
+
+export async function scannerFeedback({
+	type,
+	sound = true,
+	vibrate = true,
+	led = true,
+}: ScanFeedback) {
+	if (sound) {
+		const player = type === "good" ? goodSound : badSound;
+		player.seekTo(0);
+		player.play();
+	}
+
+	if (vibrate) {
+		await Haptics.notificationAsync(
+			type === "good"
+				? Haptics.NotificationFeedbackType.Success
+				: Haptics.NotificationFeedbackType.Error,
+		);
+	}
+
+	if (led) {
+		// Zebra LED hook goes here
+		// More below 👇
+	}
+}

lstMobile/src/lib/tcpScan.ts

@@ -0,0 +1,292 @@
+import TcpSocket from "react-native-tcp-socket";
+
+// const STX = "\x02";
+// const ETX = "\x03";
+
+type TcpResponse = {
+	success: boolean;
+	message: string;
+	data: string[];
+};
+
+type ScannerEvent = {
+	scannerId?: string;
+	commandDescription?: string;
+	prompt?: string;
+	message?: string;
+	status: "success" | "error" | "location" | "unknown" | "scan";
+	lines?: string[];
+};
+
+// const ERROR_MESSAGES = [
+// 	"Invalid barcode",
+// 	"Already scanned",
+// 	"Not on stock",
+// 	"Article tolerance for consolidation not satisfied.",
+// ];
+
+const ERROR_KEYWORDS = [
+	"invalid barcode",
+	"already",
+	"not on stock",
+	"article tolerance",
+	"unloaded",
+	"delivered",
+	"blocked",
+];
+
+// function parseErpResponse(buffer: Buffer) {
+// 	const text = buffer
+// 		.toString("utf8")
+// 		.replace(/\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~]|#[0-9A-Za-z])/g, "")
+// 		.replace(/\x02/g, "")
+// 		.replace(/\x03/g, "")
+// 		.trim();
+
+// 	const noHeader = text.replace(/^\d+@/, "");
+// 	console.log(text);
+// 	if (!noHeader.includes("Scan:")) {
+// 		return {
+// 			raw: text,
+// 			type: "error",
+// 			message: noHeader.trim(),
+// 			lines: [noHeader.trim()],
+// 		};
+// 	}
+
+// 	const [actionPart, scanPart = ""] = noHeader.split("Scan:");
+// 	const action = actionPart.trim();
+// 	const scanClean = scanPart.trim();
+
+// 	const successMatch = scanClean.match(/^(.*?)\s+V$/);
+
+// 	if (successMatch) {
+// 		const prompt = successMatch[1].trim();
+
+// 		return {
+// 			raw: text,
+// 			type: "success",
+// 			action,
+// 			prompt,
+// 			status: "V",
+// 			lines: [action, prompt, "V"],
+// 		};
+// 	}
+
+// 	// // Handles: "Production lotInvalid barcode"
+// 	// const knownErrors = [
+// 	// 	"Invalid barcode",
+// 	// 	"Invalid machine",
+// 	// 	"Not on stock",
+// 	// 	"Article tolerance for consolidation not satisfied",
+// 	// ].sort((a, b) => b.length - a.length);
+
+// 	// const foundError = knownErrors.find((err) => scanClean.includes(err));
+
+// 	// if (foundError) {
+// 	// 	const prompt = scanClean.replace(foundError, "").trim();
+
+// 	// 	return {
+// 	// 		raw: text,
+// 	// 		type: "error",
+// 	// 		action,
+// 	// 		prompt,
+// 	// 		message: foundError,
+// 	// 		lines: [action, prompt, foundError].filter(Boolean),
+// 	// 	};
+// 	// }
+
+// 	// return {
+// 	// 	raw: text,
+// 	// 	type: "pending",
+// 	// 	action,
+// 	// 	prompt: scanClean,
+// 	// 	lines: [action, scanClean].filter(Boolean),
+// 	// };
+
+// 	const unitMatch = scanClean.match(/^(Unit\s+\d+\/\d+)(.*)$/);
+
+// 	if (unitMatch) {
+// 		const prompt = unitMatch[1].trim(); // "Unit 1/4"
+// 		const remainder = unitMatch[2].trim(); // everything after
+
+// 		// SUCCESS
+// 		if (remainder === "V") {
+// 			return {
+// 				raw: text,
+// 				type: "success",
+// 				action,
+// 				prompt,
+// 				status: "V",
+// 				lines: [action, prompt, "V"],
+// 			};
+// 		}
+
+// 		// Known ERP errors
+// 		const knownErrors = [
+// 			"Invalid barcode",
+// 			"Invalid machine",
+// 			"Not on stock",
+// 			"Article tolerance for consolidation not satisfied",
+// 		];
+
+// 		const foundError = knownErrors.find((err) =>
+// 			remainder.toLowerCase().includes(err.toLowerCase()),
+// 		);
+
+// 		if (foundError) {
+// 			return {
+// 				raw: text,
+// 				type: "error",
+// 				action,
+// 				prompt,
+// 				message: foundError,
+// 				lines: [action, prompt, foundError],
+// 			};
+// 		}
+
+// 		if (remainder) {
+// 			return {
+// 				raw: text,
+// 				type: "prompt",
+// 				action,
+// 				prompt,
+// 				message: remainder,
+// 				lines: [action, prompt, remainder],
+// 			};
+// 		}
+
+// 		return {
+// 			raw: text,
+// 			type: "pending",
+// 			action,
+// 			prompt,
+// 			lines: [action, prompt],
+// 		};
+// 	}
+// }
+
+const parseScannerText = (buffer: Buffer) => {
+	const text = buffer.toString("utf8");
+
+	return (
+		text
+			// remove cursor movement like ESC[122C, ESC[2;1H, ESC[8q
+			.replace(/\x1B\[[0-9;]*[A-Za-z]/g, "\n")
+
+			// remove other ANSI sequences like ESC#5
+			.replace(/\x1B#[0-9]/g, "\n")
+
+			// normalize carriage returns
+			.replace(/\r/g, "\n")
+
+			// split into clean lines
+			.split(/\n+/)
+
+			// clean each line
+			.map((line) => line.trim())
+
+			// remove blanks
+			.filter(Boolean)
+	);
+};
+
+const parseScannerEvent = (lines: string[]): ScannerEvent => {
+	const scannerId = lines[0];
+	const messageLines = lines.slice(1);
+	const message = messageLines.at(-1);
+
+	const commandDescription = messageLines.find((x) => /^\d+\s+/.test(x));
+	const prompt = messageLines.find((x) => /^Scan:/i.test(x));
+
+	let status: ScannerEvent["status"] = "unknown";
+
+	const msg = message?.toLowerCase() ?? "";
+
+	if (msg === "v") status = "success";
+	else if (msg && ERROR_KEYWORDS.some((keyword) => msg.includes(keyword)))
+		status = "error";
+	else if (msg?.includes("scan")) status = "success";
+	// everything else will just be a location
+	else if (commandDescription?.includes("Relocate")) status = "location";
+
+	// TODO: split command description and use the command id next to description for sorting.
+	return {
+		scannerId,
+		commandDescription,
+		prompt,
+		message,
+		status,
+		lines,
+	};
+};
+
+/**
+ * Sends a Zebra-style TCP message:
+ * <STX>98@{scanned}<ETX>
+ */
+export async function sendTcpMessage(
+	command: string,
+	host: string,
+	port: number,
+	timeoutMs = 5000,
+): Promise<TcpResponse> {
+	return new Promise((resolve) => {
+		const responses: any = [];
+
+		const client = TcpSocket.createConnection({ host, port }, () => {
+			//console.log("Sending TCP (visible):", `${command}`);
+
+			client.write(command);
+		});
+
+		const timeout = setTimeout(() => {
+			client.destroy();
+
+			resolve({
+				success: false,
+				message: "TCP timeout",
+				data: responses,
+			});
+		}, timeoutMs);
+
+		client.on("data", (data) => {
+			//console.log("TCP received:", text);
+			const parsed = parseScannerText(data);
+			//console.log("scanned:", parsed);
+
+			//responses.push(parsed);
+
+			const cleaned = parseScannerEvent(parsed);
+
+			//console.log(responses);
+			clearTimeout(timeout);
+			resolve({
+				success: true,
+				message: "TCP Response",
+				data: cleaned as any,
+			});
+		});
+
+		client.on("error", (err) => {
+			clearTimeout(timeout);
+			client.destroy();
+
+			resolve({
+				success: false,
+				message: err.message,
+				data: ["Error", "Please try again"],
+			});
+		});
+
+		client.on("close", () => {
+			clearTimeout(timeout);
+
+			resolve({
+				success: true,
+				message: "TCP complete",
+				data: ["Error", "Please try again"],
+			});
+		});
+	});
+}

lstMobile/src/lib/theme.ts

@@ -0,0 +1,81 @@
+import { DarkTheme, DefaultTheme, type Theme } from "@react-navigation/native";
+
+export const THEME = {
+	light: {
+		background: "hsl(0 0% 100%)",
+		foreground: "hsl(0 0% 3.9%)",
+		card: "hsl(0 0% 100%)",
+		cardForeground: "hsl(0 0% 3.9%)",
+		popover: "hsl(0 0% 100%)",
+		popoverForeground: "hsl(0 0% 3.9%)",
+		primary: "hsl(0 0% 9%)",
+		primaryForeground: "hsl(0 0% 98%)",
+		secondary: "hsl(0 0% 96.1%)",
+		secondaryForeground: "hsl(0 0% 9%)",
+		muted: "hsl(0 0% 96.1%)",
+		mutedForeground: "hsl(0 0% 45.1%)",
+		accent: "hsl(0 0% 96.1%)",
+		accentForeground: "hsl(0 0% 9%)",
+		destructive: "hsl(0 84.2% 60.2%)",
+		border: "hsl(0 0% 89.8%)",
+		input: "hsl(0 0% 89.8%)",
+		ring: "hsl(0 0% 63%)",
+		radius: "0.625rem",
+		chart1: "hsl(12 76% 61%)",
+		chart2: "hsl(173 58% 39%)",
+		chart3: "hsl(197 37% 24%)",
+		chart4: "hsl(43 74% 66%)",
+		chart5: "hsl(27 87% 67%)",
+	},
+	dark: {
+		background: "hsl(0 0% 3.9%)",
+		foreground: "hsl(0 0% 98%)",
+		card: "hsl(0 0% 3.9%)",
+		cardForeground: "hsl(0 0% 98%)",
+		popover: "hsl(0 0% 3.9%)",
+		popoverForeground: "hsl(0 0% 98%)",
+		primary: "hsl(0 0% 98%)",
+		primaryForeground: "hsl(0 0% 9%)",
+		secondary: "hsl(0 0% 14.9%)",
+		secondaryForeground: "hsl(0 0% 98%)",
+		muted: "hsl(0 0% 14.9%)",
+		mutedForeground: "hsl(0 0% 63.9%)",
+		accent: "hsl(0 0% 14.9%)",
+		accentForeground: "hsl(0 0% 98%)",
+		destructive: "hsl(0 70.9% 59.4%)",
+		border: "hsl(0 0% 14.9%)",
+		input: "hsl(0 0% 14.9%)",
+		ring: "hsl(300 0% 45%)",
+		radius: "0.625rem",
+		chart1: "hsl(220 70% 50%)",
+		chart2: "hsl(160 60% 45%)",
+		chart3: "hsl(30 80% 55%)",
+		chart4: "hsl(280 65% 60%)",
+		chart5: "hsl(340 75% 55%)",
+	},
+};
+
+export const NAV_THEME: Record<"light" | "dark", Theme> = {
+	light: {
+		...DefaultTheme,
+		colors: {
+			background: THEME.light.background,
+			border: THEME.light.border,
+			card: THEME.light.card,
+			notification: THEME.light.destructive,
+			primary: THEME.light.primary,
+			text: THEME.light.foreground,
+		},
+	},
+	dark: {
+		...DarkTheme,
+		colors: {
+			background: THEME.dark.background,
+			border: THEME.dark.border,
+			card: THEME.dark.card,
+			notification: THEME.dark.destructive,
+			primary: THEME.dark.primary,
+			text: THEME.dark.foreground,
+		},
+	},
+};

lstMobile/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs));
+}

lstMobile/tailwind.config.js

@@ -0,0 +1,76 @@
+const { hairlineWidth } = require("nativewind/theme");
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	content: [
+		"./app/**/*.{js,jsx,ts,tsx}",
+		"./src/**/*.{js,jsx,ts,tsx}",
+		"./components/**/*.{js,jsx,ts,tsx}",
+	],
+	presets: [require("nativewind/preset")],
+	theme: {
+		extend: {
+			colors: {
+				border: "hsl(var(--border))",
+				input: "hsl(var(--input))",
+				ring: "hsl(var(--ring))",
+				background: "hsl(var(--background))",
+				foreground: "hsl(var(--foreground))",
+				primary: {
+					DEFAULT: "hsl(var(--primary))",
+					foreground: "hsl(var(--primary-foreground))",
+				},
+				secondary: {
+					DEFAULT: "hsl(var(--secondary))",
+					foreground: "hsl(var(--secondary-foreground))",
+				},
+				destructive: {
+					DEFAULT: "hsl(var(--destructive))",
+					foreground: "hsl(var(--destructive-foreground))",
+				},
+				muted: {
+					DEFAULT: "hsl(var(--muted))",
+					foreground: "hsl(var(--muted-foreground))",
+				},
+				accent: {
+					DEFAULT: "hsl(var(--accent))",
+					foreground: "hsl(var(--accent-foreground))",
+				},
+				popover: {
+					DEFAULT: "hsl(var(--popover))",
+					foreground: "hsl(var(--popover-foreground))",
+				},
+				card: {
+					DEFAULT: "hsl(var(--card))",
+					foreground: "hsl(var(--card-foreground))",
+				},
+			},
+			borderRadius: {
+				lg: "var(--radius)",
+				md: "calc(var(--radius) - 2px)",
+				sm: "calc(var(--radius) - 4px)",
+			},
+			borderWidth: {
+				hairline: hairlineWidth(),
+			},
+			keyframes: {
+				"accordion-down": {
+					from: { height: "0" },
+					to: { height: "var(--radix-accordion-content-height)" },
+				},
+				"accordion-up": {
+					from: { height: "var(--radix-accordion-content-height)" },
+					to: { height: "0" },
+				},
+			},
+			animation: {
+				"accordion-down": "accordion-down 0.2s ease-out",
+				"accordion-up": "accordion-up 0.2s ease-out",
+			},
+		},
+	},
+	future: {
+		hoverOnlyWhenSupported: true,
+	},
+	plugins: [require("tailwindcss-animate")],
+};

lstMobile/tsconfig.json

@@ -4,7 +4,8 @@
     "strict": true,
     "paths": {
       "@/*": [
-        "./src/*"
+        "./src/*",
+        "./*"
       ],
       "@/assets/*": [
         "./assets/*"
@@ -15,6 +16,7 @@
     "**/*.ts",
     "**/*.tsx",
     ".expo/types/**/*.ts",
-    "expo-env.d.ts"
+    "expo-env.d.ts",
+    "nativewind-env.d.ts"
   ]
 }

migrations/0041_bright_tempest.sql

@@ -0,0 +1,10 @@
+CREATE TABLE "scan_log" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"scanner_id" text,
+	"message" text NOT NULL,
+	"prompt" text,
+	"command_description" text,
+	"status" text,
+	"lines" jsonb DEFAULT '[]'::jsonb,
+	"add_Date" timestamp DEFAULT now()
+);

migrations/meta/_journal.json

@@ -288,6 +288,13 @@
       "when": 1776770845947,
       "tag": "0040_rainy_white_tiger",
       "breakpoints": true
+    },
+    {
+      "idx": 41,
+      "version": "7",
+      "when": 1777509638464,
+      "tag": "0041_bright_tempest",
+      "breakpoints": true
     }
   ]
 }

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "lst_v3",
-	"version": "0.0.1-alpha.5",
+	"version": "0.0.2-alpha.6",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "lst_v3",
-			"version": "0.0.1-alpha.5",
+			"version": "0.0.2-alpha.6",
 			"license": "ISC",
 			"dependencies": {
 				"@dotenvx/dotenvx": "^1.57.0",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lst_v3",
-	"version": "0.0.1-alpha.5",
+	"version": "0.0.2-alpha.6",
 	"description": "The tool that supports us in our everyday alplaprod",
 	"main": "index.js",
 	"scripts": {
@@ -24,7 +24,7 @@
 		"version": "changeset version",
 		"specCheck": "node scripts/check-route-specs.mjs",
 		"commit": "cz",
-		"release": "commit-and-tag-version",
+		"release": "npm run build && commit-and-tag-version",
 		"build:apk": "cd lstMobile && expo prebuild --clean && cd android && gradlew.bat assembleRelease "
 	},
 	"repository": {

scripts/LabelLayoutCopy.ps1

@@ -0,0 +1,12 @@
+$source = "C:\Sources\AlplaPROD\MasterLayouts"
+$servers = @("USMCD1VMS036", "USSTP1VMS006", "USLIM1VMS006")
+$log = "C:\Sources\AlplaPROD\MasterLayouts\sync.log"
+
+foreach ($server in $servers) {
+    Add-Content $log "======================================"
+    Add-Content $log "Syncing to $server at $(Get-Date)"
+
+    robocopy $source "\\$server\C$\Sources\AlplaPROD\MasterLayouts" /E /Z /R:2 /W:5 /FFT /XO /TEE /LOG+:$log
+
+    Add-Content $log "Finished $server with exit code $LASTEXITCODE"
+}

scripts/dockerscripts.md

@@ -1,132 +0,0 @@
-
-
-docker build -t git.tuffraid.net/cowch/lst_v3:latest .
-docker push git.tuffraid.net/cowch/lst_v3:latest
-
-docker compose pull && docker compose up -d --force-recreate
-
-How to choose the bump
-
-Use this rule:
-
-patch = bug fix, small safe improvement
-minor = new feature, backward compatible
-major = breaking change
-
-Changesets uses semver bump ty
-
-
-### daily process
-npm commit 
-
-- when closing a issue at the end add 
-Use one of these in the commit body or PR description:
-
-- - Closes #123
-- - Fixes #123
-- - Resolves #123
-
-Common ones:
-
-- - Closes #123
-- - Fixes #123
-- - Resolves #123
-Reference an issue without closing it
-
-Use:
-
-- - Refs #123
-- - Related to #123
-- - See #123
-
-Good safe one:
-
-- - Refs #123
-Good example commit
-
-Subject:
-
-- -  fix(cors): normalize external url origin
-
-Body:
-
-- -  Refs #42
-
-Or if this should close it:
-
-- -  Closes #42
-
-# Release flow
-npm run changeset:add
-
-Pick one:
-
-- patch = bug fix
-- minor = new feature, non-breaking
-- major = breaking change
-
-Edit the generated .md file in .changeset it will be randomly named and add anything else in here from all the commits that are new to this release
-
-Recommended release command
-npm run changeset:version
-
-stage the change log file
-
-git commit -m "chore(release): version packages"
-
-git tag v0.0.1-alpha.0 change this to the same version thats in the pkg.json
-
-then push it 
-
-git push
-git push --tags
-
-
-
-
-### release type
-
-when we want to go from alpha to normal well do 
-npx changeset pre enter alpha
-npx changeset pre enter rc
-
-go to full production 
-npx changeset pre exit
-npx changeset version
-
-### Steps will make it cleaner later
-Daily work
-1. Stage files
-2. npm run commit
-3. Add issue keyword if needed
-4. git push when ready
-
-Release flow
-1. npx changeset
-2. pick patch/minor/major
-3. edit the generated md file with better notes
-4. npx changeset version
-5. git add .
-6. git commit -m "chore(release): version packages"
-7. git tag vX.X.X
-8. git push
-9. git push --tags
-
-
-# normal work
-stage files
-npm run commit
-
-# if releasing
-npm run commit
-npm run release -- --prerelease alpha
-git push
-git push --tags
-
-
-git add .
-git commit -m "chore(release): version packages"
-git tag v0.0.1-alpha.0
-git push
-git push --tags
-