40143734fc
Flutter web app replacing legacy WPF CCTV surveillance keyboard controller. Includes wall overview, section view with monitor grid, camera input, PTZ control, alarm/lock/sequence BLoCs, and legacy-matching UI styling. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
140 lines
11 KiB
Plaintext
140 lines
11 KiB
Plaintext
<mxfile host="app.diagrams.net" modified="2026-02-10T00:00:00.000Z" agent="Claude" version="24.0.0">
|
|
<diagram id="copilot-architecture" name="System Architecture">
|
|
<mxGraphModel dx="1422" dy="794" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1600" pageHeight="1200" math="0" shadow="0">
|
|
<root>
|
|
<mxCell id="0" />
|
|
<mxCell id="1" parent="0" />
|
|
|
|
<!-- Title -->
|
|
<mxCell id="title" value="COPILOT D6 Legacy System Architecture" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=20;fontStyle=1;" vertex="1" parent="1">
|
|
<mxGeometry x="400" y="20" width="500" height="40" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- Hardware Keyboard -->
|
|
<mxCell id="hw-group" value="COPILOT Keyboard Hardware" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;verticalAlign=top;fontStyle=1;fontSize=12;" vertex="1" parent="1">
|
|
<mxGeometry x="80" y="80" width="540" height="120" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="hw-keys" value="Button Panel
(Serial Port)
Numpad + F1-F7" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
|
|
<mxGeometry x="100" y="110" width="140" height="70" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="hw-joy" value="3-Axis Joystick
(USB HID)
X/Y/Z ±255" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
|
|
<mxGeometry x="260" y="110" width="140" height="70" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="hw-shuttle" value="Jog/Shuttle
(Serial Port)
±7 positions" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
|
|
<mxGeometry x="420" y="110" width="140" height="70" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="hw-arduino" value="Arduino Leonardo (USB Composite)" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=10;fontColor=#999999;" vertex="1" parent="1">
|
|
<mxGeometry x="200" y="185" width="260" height="20" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- USB Arrow -->
|
|
<mxCell id="usb-arrow" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;containSize=1;strokeWidth=2;" edge="1" parent="1" source="hw-group" target="device-layer">
|
|
<mxGeometry relative="1" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="usb-label" value="USB (Serial + HID)" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=10;" vertex="1" connectable="0" parent="usb-arrow">
|
|
<mxGeometry x="-0.2" relative="1" as="geometry"><mxPoint as="offset" /></mxGeometry>
|
|
</mxCell>
|
|
|
|
<!-- WPF App -->
|
|
<mxCell id="app-group" value="Copilot.App.exe (WPF .NET 7)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;verticalAlign=top;fontStyle=1;fontSize=12;" vertex="1" parent="1">
|
|
<mxGeometry x="40" y="240" width="620" height="440" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- Device Layer -->
|
|
<mxCell id="device-layer" value="Copilot.Device
SerialPortDataProvider + JoystickHidDataProvider" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;" vertex="1" parent="1">
|
|
<mxGeometry x="120" y="270" width="460" height="40" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- MainWindow -->
|
|
<mxCell id="mainwindow" value="MainWindow
(Input Router → Current ViewModel)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
|
|
<mxGeometry x="120" y="330" width="460" height="40" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- SegmentViewModel -->
|
|
<mxCell id="segmentvm" value="SegmentViewModel (Main Screen)
PTZ Control | CrossSwitch | Camera Lock | Playback | Sequences" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;fontStyle=1;" vertex="1" parent="1">
|
|
<mxGeometry x="80" y="390" width="540" height="50" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- Services Row -->
|
|
<mxCell id="svc-camera" value="Camera
Controller
Service" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="60" y="460" width="90" height="50" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="svc-lock" value="Camera
Lock
Service" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="160" y="460" width="90" height="50" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="svc-alarm" value="Camera
Alarm
Service" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="260" y="460" width="90" height="50" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="svc-seq" value="Sequence
Service" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="360" y="460" width="90" height="50" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="svc-func" value="Function
Buttons
Service" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="460" y="460" width="90" height="50" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="svc-config" value="Config
Service" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="560" y="460" width="80" height="50" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- Drivers Row -->
|
|
<mxCell id="drv-geviscope" value="GeViScope Driver
(GscPLCWrapper)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="60" y="540" width="130" height="40" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="drv-gcore" value="G-Core Driver
(GngPLCWrapper)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="200" y="540" width="130" height="40" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="drv-gevisoft" value="GeViSoft Driver" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="340" y="540" width="100" height="40" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="hub-client" value="SignalR Hub Client
(WSS)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=10;" vertex="1" parent="1">
|
|
<mxGeometry x="470" y="540" width="140" height="40" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- App Arrows -->
|
|
<mxCell id="a1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;" edge="1" parent="1" source="device-layer" target="mainwindow"><mxGeometry relative="1" as="geometry" /></mxCell>
|
|
<mxCell id="a2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;" edge="1" parent="1" source="mainwindow" target="segmentvm"><mxGeometry relative="1" as="geometry" /></mxCell>
|
|
|
|
<!-- Camera Servers -->
|
|
<mxCell id="srv-geviscope" value="GeViScope Server
192.168.102.186
(Central + Camera)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontStyle=1;" vertex="1" parent="1">
|
|
<mxGeometry x="40" y="740" width="180" height="60" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="srv-gcore" value="G-Core Server
192.168.102.20
(Camera)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontStyle=1;" vertex="1" parent="1">
|
|
<mxGeometry x="240" y="740" width="160" height="60" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- AppServer -->
|
|
<mxCell id="appserver" value="Copilot.AppServer.exe
(ASP.NET Core)
HTTPS :443 + SignalR Hub
SQLite DB + Camea API + Blazor Admin" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontStyle=1;" vertex="1" parent="1">
|
|
<mxGeometry x="440" y="730" width="240" height="80" as="geometry" />
|
|
</mxCell>
|
|
|
|
<!-- SDK Arrows -->
|
|
<mxCell id="sdk1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;strokeWidth=2;strokeColor=#9673a6;" edge="1" parent="1" source="drv-geviscope" target="srv-geviscope"><mxGeometry relative="1" as="geometry" /></mxCell>
|
|
<mxCell id="sdk1-label" value="Native SDK
(TCP)" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=9;" vertex="1" connectable="0" parent="sdk1"><mxGeometry relative="1" as="geometry"><mxPoint as="offset" /></mxGeometry></mxCell>
|
|
|
|
<mxCell id="sdk2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;strokeWidth=2;strokeColor=#9673a6;" edge="1" parent="1" source="drv-gcore" target="srv-gcore"><mxGeometry relative="1" as="geometry" /></mxCell>
|
|
<mxCell id="sdk2-label" value="Native SDK
(TCP)" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=9;" vertex="1" connectable="0" parent="sdk2"><mxGeometry relative="1" as="geometry"><mxPoint as="offset" /></mxGeometry></mxCell>
|
|
|
|
<mxCell id="hub-arrow" style="edgeStyle=orthogonalEdgeStyle;rounded=0;strokeWidth=2;strokeColor=#b85450;dashed=1;" edge="1" parent="1" source="hub-client" target="appserver"><mxGeometry relative="1" as="geometry" /></mxCell>
|
|
<mxCell id="hub-label" value="HTTPS/WSS
SignalR" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=9;" vertex="1" connectable="0" parent="hub-arrow"><mxGeometry relative="1" as="geometry"><mxPoint as="offset" /></mxGeometry></mxCell>
|
|
|
|
<!-- Legend -->
|
|
<mxCell id="legend" value="Legend" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;verticalAlign=top;fontStyle=1;fontSize=11;" vertex="1" parent="1">
|
|
<mxGeometry x="720" y="80" width="200" height="160" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="leg1" value="Hardware" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontSize=9;" vertex="1" parent="1">
|
|
<mxGeometry x="730" y="105" width="80" height="25" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="leg2" value="UI Layer" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;fontSize=9;" vertex="1" parent="1">
|
|
<mxGeometry x="730" y="135" width="80" height="25" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="leg3" value="Services" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;fontSize=9;" vertex="1" parent="1">
|
|
<mxGeometry x="730" y="165" width="80" height="25" as="geometry" />
|
|
</mxCell>
|
|
<mxCell id="leg4" value="Drivers/SDK" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;fontSize=9;" vertex="1" parent="1">
|
|
<mxGeometry x="730" y="195" width="80" height="25" as="geometry" />
|
|
</mxCell>
|
|
|
|
</root>
|
|
</mxGraphModel>
|
|
</diagram>
|
|
</mxfile>
|