[Control Station] New version

.gitignore

@@ -15,5 +15,7 @@ backend/cmd/cmd
 CLAUDE*
 .claude
 
+*.exe
+
 # Rust build artifacts
 packet-sender/target/

backend/.gitignore

@@ -23,3 +23,4 @@ downloads
 audience_static
 
 cmd/adj/
+cmd/config.toml

common-front/lib/components/Connections/useConnections.ts

@@ -1,4 +1,4 @@
-import { useConnectionsStore, useMeasurementsStore, usePodDataStore, useSubscribe } from "../..";
+import { useConnectionsStore, useMeasurementsStore, usePodDataStore, useSubscribe } from "../../";
 
 export function useConnections() {
 

common-front/lib/components/MessagesContainer/Messages/MessageView/Counter/Counter.module.scss

@@ -1,11 +1,11 @@
 .counter {
     width: fit-content;
     height: fit-content;
-    border-radius: 4rem;
-    padding: 0.25rem 0.35rem;
+    border-radius: 3rem;
+    padding: 0.15rem 0.25rem;
 
     font-family: Consolas;
-    font-size: small;
+    font-size: 0.7rem;
     line-height: 90%;
 
     color: white;

common-front/lib/components/MessagesContainer/Messages/MessageView/InfoMessageView/InfoMessageView.module.scss

@@ -1,17 +1,18 @@
 .infoMessageView {
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
+    gap: 0.2rem;
     min-width: 0;
 }
 
 .board {
     color: var(--main-color);
     font-weight: bold;
+    font-size: 0.8rem;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .payload {
-    font-size: 0.8rem;
+    font-size: 0.7rem;
 }

common-front/lib/components/MessagesContainer/Messages/MessageView/MessageView.module.scss

@@ -24,12 +24,13 @@
         "icon content counter" auto
         "icon timestamp timestamp" auto / auto 1fr auto;
 
-    gap: 0.4rem 0.8rem;
+    gap: 0.2rem 0.4rem;
 
-    padding: 0.6rem;
+    padding: 0.3rem;
     background-color: var(--background-color);
-    border-radius: 1rem;
+    border-radius: 0.5rem;
     filter: (--shadow);
+    font-size: 0.8rem;
 }
 
 .icon {
@@ -48,7 +49,7 @@
 .idAndCounter {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    gap: 0.3rem;
 }
 
 .timestamp {

common-front/lib/components/MessagesContainer/Messages/MessageView/MessageView.tsx

@@ -48,7 +48,7 @@ export const MessageView = React.memo(({ message }: Props) => {
 
     return (
         <article className={`${styles.message} ${appearance}`}>
-            <Icon className={styles.icon} />
+            <Icon className={styles.icon}/>
             {Message}
             <Counter
                 className={styles.counter}

common-front/lib/components/MessagesContainer/Messages/MessageView/ProtectionMessageView/Origin/Origin.module.scss

@@ -11,4 +11,6 @@
 
 .arrow {
     color: var(--light-color);
+    width: 0.8em;
+    height: 0.8em;
 }

common-front/lib/components/MessagesContainer/Messages/MessageView/ProtectionMessageView/ProtectionMessageView.module.scss

@@ -1,7 +1,7 @@
 .protectionMessage {
     display: grid;
     grid-template-rows: auto 1fr;
-    gap: 0.5rem;
+    gap: 0.2rem;
 }
 
 .kindAndOrigin {
@@ -10,20 +10,21 @@
     flex-wrap: wrap;
     overflow: hidden;
 
-    column-gap: 0.8rem;
-    row-gap: 0.5rem;
+    column-gap: 0.4rem;
+    row-gap: 0.2rem;
 }
 
 .protectionKind {
     width: fit-content;
     height: fit-content;
     text-overflow: ellipsis;
     overflow: hidden;
-    padding: 0.15rem 0.4rem;
-    border-radius: 0.5rem;
+    padding: 0.1rem 0.3rem;
+    border-radius: 0.3rem;
     background-color: var(--main-color);
     color: white;
     font-weight: bold;
+    font-size: 0.7rem;
 }
 
 .origin {

common-front/lib/components/MessagesContainer/Messages/MessageView/TimestampView/TimestampView.module.scss

@@ -2,4 +2,5 @@
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--main-color);
+    font-size: 0.7rem;
 }

common-front/lib/components/MessagesContainer/Messages/Messages.module.scss

@@ -4,14 +4,14 @@
     display: flex;
     flex-direction: column;
     align-items: stretch;
-    gap: 1rem;
+    gap: 0.5rem;
 }
 
 .messages {
     flex: 1 1 0;
     display: flex;
     flex-direction: column;
-    gap: 0.6rem;
+    gap: 0.3rem;
     min-height: 0;
     overflow-y: auto;
     height: 100%;
@@ -21,7 +21,7 @@
     display: flex;
     flex-direction: row;
     justify-content: center;
-    gap: 1rem;
+    gap: 0.5rem;
 }
 
 .clearBtn {

common-front/lib/components/Orders/BoardOrders/BoardOrders.module.scss

@@ -2,14 +2,15 @@
 .boardOrders {
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
+    gap: 0.2rem;
 }
 
 .name {
     display: flex;
-    gap: 0.5rem;
+    gap: 0.3rem;
     font-family: Inter;
     font-weight: 500;
+    font-size: 0.8rem;
     color: hsl(29, 88%, 70%);
     cursor: pointer;
 }
@@ -18,11 +19,11 @@
 .stateOrders {
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
+    gap: 0.2rem;
 
     .title {
         color: rgb(145, 145, 145);
         font-weight: 500;
-        font-size: 0.8rem;
+        font-size: 0.7rem;
     }
 }

common-front/lib/components/Orders/BoardOrders/OrderForm/Fields/Field/Field.module.scss

@@ -4,18 +4,19 @@
     width: 100%;
     display: flex;
     flex-flow: column;
-    gap: 0.5rem;
+    gap: 0.2rem;
 }
 
 .input {
     display: flex;
     flex-flow: row;
-    gap: 0.5rem;
+    gap: 0.2rem;
 }
 
 .name {
     text-overflow: ellipsis;
     overflow: hidden;
+    font-size: 0.8rem;
 }
 
 .disabled {

common-front/lib/components/Orders/BoardOrders/OrderForm/Fields/Fields.module.scss

@@ -2,12 +2,12 @@
 
 .fieldsWrapper {
     width: 100%;
-    padding: 1rem;
+    padding: 0.4rem;
     border-top: 1px solid styles.$orange;
 
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
+    gap: 0.2rem;
 
     overflow-x: auto;
 }

common-front/lib/components/Orders/BoardOrders/OrderForm/Header/Header.module.scss

@@ -3,13 +3,13 @@ $header-color: #ffe4cc;
 
 .headerWrapper {
     flex: 0 0 0;
-    padding: 0.5rem;
+    padding: 0.25rem 0.3rem;
     display: grid;
     grid-template:
         'caret name target button' auto
-        / auto 1fr auto 5rem;
+        / auto 1fr auto 4rem;
     align-items: center;
-    gap: 0.5rem;
+    gap: 0.3rem;
     background-color: $header-color;
     cursor: pointer;
 }
@@ -39,15 +39,16 @@ $header-color: #ffe4cc;
     grid-area: name;
     color: styles.$orange;
     font-weight: 500;
+    font-size: 0.8rem;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .target {
     grid-area: target;
     color: red;
-    font-size: 0.8rem;
-    margin: 0 0.5rem;
+    font-size: 0.7rem;
+    margin: 0 0.3rem;
     opacity: 0;
     cursor: pointer;
     transition: opacity 0.07s linear;
@@ -68,5 +69,7 @@ $header-color: #ffe4cc;
     height: 100%;
     button {
         height: 100%;
+        font-size: 0.7rem !important;
+        padding: 0.2rem !important;
     }
 }

common-front/lib/components/Orders/BoardOrders/OrderForm/OrderForm.module.scss

@@ -5,10 +5,13 @@
     display: flex;
     flex-direction: column;
     align-items: stretch;
+    width: 100%;
     @include styles.code-text;
+    font-size: 0.7rem;
     border: 1px solid styles.$orange;
-    border-radius: 0.5rem;
+    border-radius: 0.3rem;
     overflow: hidden;
+    box-sizing: border-box;
 
     @include styles.shadow;
 }

common-front/lib/components/Orders/Orders.module.scss

@@ -5,33 +5,37 @@
     display: flex;
     flex-direction: column;
     overflow-y: auto;
-    gap: 0.5rem;
+    gap: 0.2rem;
+    box-sizing: border-box;
 }
 
 .stateOrdersToggle {
     top: 0px;
     position: sticky;
     display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
+    flex-direction: row;
+    gap: 0.2rem;
     z-index: 1;
     background-color: white;
-    font-size: 0.8rem;
+    font-size: 0.7rem;
     align-items: center;
 }
 
 .stateOrdersToggleButton {
-    font-size: 0.8rem;
+    font-size: 0.6rem;
+    padding: 0.15rem 0.3rem;
+    height: auto;
+    min-height: auto;
 }
 
 .boardOrderList {
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
+    gap: 0.2rem;
 }
 
 .boardOrderList > :not(:last-child)::after {
     content: '';
     border-bottom: 1px solid rgba(165, 131, 101, 0.368);
-    margin-bottom: 0.5rem;
+    margin-bottom: 0.2rem;
 }

common-front/lib/components/Orders/Orders.tsx

@@ -17,10 +17,11 @@ export const Orders = ({ boards }: Props) => {
             <div className={styles.ordersWrapper}>
                 <div className={styles.stateOrdersToggle}>
                     Always show state orders:{' '}
-                    {alwaysShowStateOrders ? 'true' : 'false'}
                     <Button
+                        key={alwaysShowStateOrders ? 'true' : 'false'}
                         className={styles.stateOrdersToggleButton}
-                        label="Toggle"
+                        color={alwaysShowStateOrders ? '#008000' : '#f3785c'}
+                        label={alwaysShowStateOrders ? 'True' : 'False'}
                         onClick={() =>
                             setAlwaysShowStateOrders((prev) => !prev)
                         }

common-front/lib/selectors/BCU.ts

@@ -5,4 +5,9 @@ export const BcuMeasurements = {
     bpu2CurrentU: 'BCU/current_u_bpu_2_sector_1',
     bpu2CurrentV: 'BCU/current_v_bpu_2_sector_1',
     bpu2CurrentW: 'BCU/current_w_bpu_2_sector_1',
+    averageCurrentU: 'BCU/average_current_u',
+    averageCurrentV: 'BCU/average_current_v',
+    averageCurrentW: 'BCU/average_current_w',
+    generalState: 'BCU/bcu_general_state',
+    operationalState: 'BCU/bcu_operational_state'
 };

common-front/lib/selectors/BMSL.ts

@@ -1,14 +1,17 @@
 export const BmslMeasurements = {
-    cell1: 'BMSL/low_cell_voltage_1',
-    cell2: 'BMSL/low_cell_voltage_2',
-    cell3: 'BMSL/low_cell_voltage_3',
-    cell4: 'BMSL/low_cell_voltage_4',
-    cell5: 'BMSL/low_cell_voltage_5',
-    cell6: 'BMSL/low_cell_voltage_6',
-    temp1: 'BMSL/low_temp_1',
-    temp2: 'BMSL/low_temp_2',
-    totalVoltage: 'BMSL/low_total_voltage',
+    cell1: 'BMSL/cell_1',
+    cell2: 'BMSL/cell_2',
+    cell3: 'BMSL/cell_3',
+    cell4: 'BMSL/cell_4',
+    cell5: 'BMSL/cell_5',
+    cell6: 'BMSL/cell_6',
+    tempMin: 'BMSL/temp_min',
+    tempMax: 'BMSL/temp_max',
+    voltageMin: 'BMSL/voltage_min',
+    voltageMax: 'BMSL/voltage_max',
+    totalVoltage: 'BMSL/total_voltage',
     dischargeCurrent: 'BMSL/avionics_current',
-    stateOfCharge: 'BMSL/low_soc',
+    current: 'BMSL/current',
+    stateOfCharge: 'BMSL/SOC',
     generalState: 'BMSL/general_state',
 };