From 7ba2733cb45843f14cfc22277202247352ae9147 Mon Sep 17 00:00:00 2001
From: sukuwc <sukuwc@riseup.net>
Date: Mon, 16 Mar 2026 13:54:05 +0100
Subject: [PATCH] SUKU optional variant display field added

---
 .../grid-modules/underlays/ModuleInfo.svelte  | 19 ++++++++++++++++++-
 .../panels/preferences/Preferences.svelte     | 10 ++++++++++
 src/renderer/runtime/app-helper.store.ts      |  1 +
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/renderer/main/grid-layout/grid-modules/underlays/ModuleInfo.svelte b/src/renderer/main/grid-layout/grid-modules/underlays/ModuleInfo.svelte
index 48e921af3..e3399a8da 100644
--- a/src/renderer/main/grid-layout/grid-modules/underlays/ModuleInfo.svelte
+++ b/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}
diff --git a/src/renderer/main/panels/preferences/Preferences.svelte b/src/renderer/main/panels/preferences/Preferences.svelte
index 4711d9a78..3d4dee2ee 100644
--- a/src/renderer/main/panels/preferences/Preferences.svelte
+++ b/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>
diff --git a/src/renderer/runtime/app-helper.store.ts b/src/renderer/runtime/app-helper.store.ts
index 641319a51..f8c0547df 100644
--- a/src/renderer/runtime/app-helper.store.ts
+++ b/src/renderer/runtime/app-helper.store.ts
@@ -63,6 +63,7 @@ const persistentDefaultValues = {
   eventsLoaded: false,
   midiTesterEnabled: false,
   websocketNotificationEnabled: false,
+  variantLabelEnabled: false,
 };
 
 interface PaneData {