Add D455 sensor host and shared Node/Core preparation surface

apps/node-agent/ui/src/NodeSensors.tsx

@@ -0,0 +1,5 @@
+import {SensorWorkspace} from '../../../../packages/sensor-ui/src/SensorWorkspace';
+import type {SensorTransport} from '../../../../packages/sensor-ui/src/contracts';
+import {request} from './api';
+const transport:SensorTransport={inventory:()=>request('/api/devices'),submit:value=>request('/api/devices/operations','POST',value),operation:id=>request('/api/devices/operations/'+encodeURIComponent(id))};
+export function NodeSensors(){return <SensorWorkspace transport={transport}/>;}

apps/node-agent/ui/src/main.tsx

@@ -15,6 +15,7 @@ import { useEnvironment } from "./useEnvironment";
 import { EnvironmentView } from "./EnvironmentView";
 import { CoreConnectionView } from "./CoreConnectionView";
 import "./node.css";
+import { NodeSensors } from "./NodeSensors";
 
 function App() {
   const node = useNode();
@@ -32,6 +33,7 @@ function App() {
   function openView(id: ViewId) { if(environment.running) return; setAdding(false); setRoot(views.find(item => item.id === id)!.root); workspace.openView(id); }
   function selectRoot(id: RootId) { const first = roots.find(item => item.id === id)!.first; if (first) openView(first); }
   const content = !value ? null : workspace.activeView === "environment" ? <EnvironmentView environment={environment} failure={failure} success={node.success} /> : workspace.activeView === "overview" ? <NodeOverview value={value} refresh={refresh} failure={failure} openView={openView} />
+    : workspace.activeView === "sensors" ? <NodeSensors />
     : workspace.activeView === "network" ? <NetworkView value={value} />
     : workspace.activeView === "usb" ? <USBView value={value} />
     : workspace.activeView === "core" ? <CoreConnectionView failure={failure} />

apps/node-agent/ui/src/nodeModel.ts

@@ -1,11 +1,12 @@
 import type { IconName } from "@nodedc/ui-react";
 export type RootId = "system" | "devices";
-export type ViewId = "environment" | "overview" | "network" | "diagnostics" | "usb" | "tailscale" | "ssh" | "core";
+export type ViewId = "sensors" | "environment" | "overview" | "network" | "diagnostics" | "usb" | "tailscale" | "ssh" | "core";
 export const roots: { id: RootId; label: string; first: ViewId | null }[] = [
   { id: "system", label: "Система", first: "environment" },
-  { id: "devices", label: "Устройства", first: null },
+  { id: "devices", label: "Устройства", first: "sensors" },
 ];
 export const views: { id: ViewId; root: RootId; label: string; icon: IconName }[] = [
+  { id: "sensors", root: "devices", label: "Подключённые устройства", icon: "camera" },
   { id: "environment", root: "system", label: "Настройка окружения", icon: "settings" },
   { id: "overview", root: "system", label: "Обзор БК", icon: "activity" },
   { id: "network", root: "system", label: "Сеть", icon: "network" },

apps/node-agent/ui/tsconfig.json

@@ -1,8 +1,31 @@
 {
   "compilerOptions": {
-    "target": "ES2022", "lib": ["ES2022", "DOM"], "module": "ESNext",
-    "moduleResolution": "bundler", "jsx": "react-jsx", "strict": true,
-    "skipLibCheck": true, "noEmit": true, "esModuleInterop": true
+    "target": "ES2022",
+    "lib": [
+      "ES2022",
+      "DOM"
+    ],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "paths": {
+      "react": [
+        "node_modules/@types/react/index.d.ts"
+      ],
+      "react/jsx-runtime": [
+        "node_modules/@types/react/jsx-runtime.d.ts"
+      ],
+      "@nodedc/ui-react": [
+        "node_modules/@nodedc/ui-react/dist/index.d.ts"
+      ]
+    }
   },
-  "include": ["src"]
+  "include": [
+    "src"
+  ]
 }

apps/node-agent/ui/vite.config.js

@@ -3,5 +3,5 @@ import { defineConfig } from "vite";
 export default defineConfig({
   // Design Guideline packages are linked during development. Their own React
   // must never become a second hook dispatcher in the portable production bundle.
-  resolve: { dedupe: ["react", "react-dom"] },
+  resolve: { dedupe: ["react", "react-dom", "@nodedc/ui-react"] },
 });