SUKU optional variant display field added

src/renderer/main/grid-layout/grid-modules/underlays/ModuleInfo.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Architecture } from "@intechstudio/grid-protocol";
+  import { Architecture, grid } from "@intechstudio/grid-protocol";
   import { GridModule } from "../../../../runtime/runtime";
   import { user_input } from "../../../../runtime/user-input.store";
   import { appSettings } from "../../../../runtime/app-helper.store";
@@ -8,6 +8,14 @@
   export let visible = true;
   export let device: GridModule = undefined;
 
+  const HWCFG = grid.getProperty("HWCFG");
+  const cdHwcfgs = Object.entries(HWCFG)
+    .filter(([key]) => key.includes("_CD_"))
+    .map(([, val]) => Number(val));
+  const ndHwcfgs = Object.entries(HWCFG)
+    .filter(([key]) => key.includes("_ND_"))
+    .map(([, val]) => Number(val));
+
   const page = derived([device, user_input], ([$device, $user_input]) =>
     device.findPage($user_input.pagenumber),
   );
@@ -57,5 +65,14 @@
           device?.fwVersion?.patch}</span
       >
     {/if}
+    {#if $appSettings.persistent.variantLabelEnabled}
+      {#if cdHwcfgs.includes(device?.hwcfg)}
+        <span class="text-red-500">Center</span>
+      {:else if ndHwcfgs.includes(device?.hwcfg)}
+        <span class="text-red-500">Smooth</span>
+      {:else}
+        <span class="text-green-500">Normal</span>
+      {/if}
+    {/if}
   </div>
 {/if}

src/renderer/main/panels/preferences/Preferences.svelte

@@ -466,6 +466,16 @@
         bind:target={$appSettings.persistent.websocketNotificationEnabled}
         title={"Enabled"}
       />
+
+      <BlockTitle>Variant Label</BlockTitle>
+      <BlockBody>
+        Display a variant label (e.g. "Center", "Smooth") on modules that have a
+        hardware variant identifier.
+      </BlockBody>
+      <MeltCheckbox
+        bind:target={$appSettings.persistent.variantLabelEnabled}
+        title={"Enabled"}
+      />
     </Block>
   {/if}
 </div>

src/renderer/runtime/app-helper.store.ts

@@ -63,6 +63,7 @@ const persistentDefaultValues = {
   eventsLoaded: false,
   midiTesterEnabled: false,
   websocketNotificationEnabled: false,
+  variantLabelEnabled: false,
 };
 
 interface PaneData {