fix(dashboard): include missing vuetify mdi icons (#6970)

Export the required icon set and expand it with icons used by
Vuetify internals that are not detected by static source scans.

Regenerate the MDI subset assets and update tests to assert that
all required icons are always included and deduplicated.

Author: RC-CHN

dashboard/scripts/subset-mdi-font.mjs

@@ -34,9 +34,42 @@ const UTILITY_CLASSES = new Set([
 ]);
 
 // Icons used indirectly by Vuetify internals, so they won't appear in src/ static scans.
-const REQUIRED_ICONS = new Set([
+export const REQUIRED_ICONS = new Set([
     "mdi-radiobox-blank",
     "mdi-radiobox-marked",
+    "mdi-menu-down",
+    "mdi-menu-right",
+    "mdi-check-circle",
+    "mdi-information",
+    "mdi-alert-circle",
+    "mdi-close-circle",
+    "mdi-chevron-down",
+    "mdi-chevron-up",
+    "mdi-chevron-left",
+    "mdi-chevron-right",
+    "mdi-check",
+    "mdi-close",
+    "mdi-checkbox-marked",
+    "mdi-checkbox-blank-outline",
+    "mdi-minus-box",
+    "mdi-circle",
+    "mdi-arrow-up",
+    "mdi-arrow-down",
+    "mdi-menu",
+    "mdi-pencil",
+    "mdi-star-outline",
+    "mdi-star",
+    "mdi-star-half-full",
+    "mdi-cached",
+    "mdi-page-first",
+    "mdi-page-last",
+    "mdi-unfold-more-horizontal",
+    "mdi-paperclip",
+    "mdi-plus",
+    "mdi-minus",
+    "mdi-calendar",
+    "mdi-eyedropper",
+    "mdi-cloud-upload",
 ]);
 
 // Regex to match individual icon class definitions in MDI CSS

dashboard/src/assets/mdi-subset/materialdesignicons-subset.css

@@ -1,4 +1,4 @@
-/* Auto-generated MDI subset – 237 icons */
+/* Auto-generated MDI subset – 248 icons */
 /* Do not edit manually. Run: pnpm run subset-icons */
 
 @font-face {
@@ -120,6 +120,10 @@
   content: "\F00E4";
 }
 
+.mdi-cached::before {
+  content: "\F00E8";
+}
+
 .mdi-calendar::before {
   content: "\F00ED";
 }
@@ -364,6 +368,10 @@
   content: "\F06D0";
 }
 
+.mdi-eyedropper::before {
+  content: "\F020A";
+}
+
 .mdi-file::before {
   content: "\F0214";
 }
@@ -620,6 +628,14 @@
   content: "\F035C";
 }
 
+.mdi-menu-down::before {
+  content: "\F035D";
+}
+
+.mdi-menu-right::before {
+  content: "\F035F";
+}
+
 .mdi-message-off-outline::before {
   content: "\F164E";
 }
@@ -644,6 +660,10 @@
   content: "\F0374";
 }
 
+.mdi-minus-box::before {
+  content: "\F0375";
+}
+
 .mdi-note-text-outline::before {
   content: "\F11D7";
 }
@@ -676,6 +696,18 @@
   content: "\F03D6";
 }
 
+.mdi-page-first::before {
+  content: "\F0600";
+}
+
+.mdi-page-last::before {
+  content: "\F0601";
+}
+
+.mdi-paperclip::before {
+  content: "\F03E2";
+}
+
 .mdi-pause::before {
   content: "\F03E4";
 }
@@ -848,6 +880,14 @@
   content: "\F1C55";
 }
 
+.mdi-star-half-full::before {
+  content: "\F04D0";
+}
+
+.mdi-star-outline::before {
+  content: "\F04D2";
+}
+
 .mdi-stop::before {
   content: "\F04DB";
 }
@@ -904,6 +944,10 @@
   content: "\F0A7A";
 }
 
+.mdi-unfold-more-horizontal::before {
+  content: "\F054F";
+}
+
 .mdi-update::before {
   content: "\F06B0";
 }

dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff

@@ -11,6 +11,7 @@ import {
   resolveUsedIcons,
   extractUtilityCss,
   ICON_CLASS_PATTERN,
+  REQUIRED_ICONS,
 } from '../scripts/subset-mdi-font.mjs';
 
 // ── Helper: create a temporary directory tree for file-system tests ─────────
@@ -83,9 +84,11 @@ test('scanUsedIcons extracts mdi-* icon names from files', () => {
   assert.ok(icons instanceof Set);
   assert.ok(icons.has('mdi-home'));
   assert.ok(icons.has('mdi-close'));
-  assert.ok(icons.has('mdi-radiobox-blank'));
-  assert.ok(icons.has('mdi-radiobox-marked'));
-  assert.equal(icons.size, 4); // source icons + required radio icons
+  for (const requiredIcon of REQUIRED_ICONS) {
+    assert.ok(icons.has(requiredIcon));
+  }
+  const expectedIcons = new Set([...REQUIRED_ICONS, 'mdi-home', 'mdi-close']);
+  assert.deepEqual(icons, expectedIcons);
 
   rmSync(tmp, { recursive: true });
 });
@@ -103,25 +106,29 @@ test('scanUsedIcons excludes utility classes', () => {
   rmSync(tmp, { recursive: true });
 });
 
-test('scanUsedIcons includes required radio icons even when no mdi-* icons are found in source', () => {
+test('scanUsedIcons includes all required icons even when no mdi-* icons are found in source', () => {
   const tmp = makeTmpDir();
   writeFileSync(join(tmp, 'A.vue'), '<div>Hello</div>');
 
   const icons = scanUsedIcons(collectFiles(tmp, ['.vue']));
-  assert.ok(icons.has('mdi-radiobox-blank'));
-  assert.ok(icons.has('mdi-radiobox-marked'));
-  assert.equal(icons.size, 2);
+  for (const requiredIcon of REQUIRED_ICONS) {
+    assert.ok(icons.has(requiredIcon));
+  }
+  assert.equal(icons.size, REQUIRED_ICONS.size);
 
   rmSync(tmp, { recursive: true });
 });
 
-test('scanUsedIcons deduplicates required radio icons when source already references them', () => {
+test('scanUsedIcons deduplicates required icons when source already references them', () => {
   const tmp = makeTmpDir();
-  writeFileSync(join(tmp, 'A.vue'), '<v-icon>mdi-radiobox-marked</v-icon><v-icon>mdi-home</v-icon>');
+  const requiredIcon = [...REQUIRED_ICONS][0];
+  writeFileSync(join(tmp, 'A.vue'), `<v-icon>${requiredIcon}</v-icon><v-icon>mdi-home</v-icon>`);
 
   const icons = [...scanUsedIcons(collectFiles(tmp, ['.vue']))];
-  assert.equal(icons.filter(icon => icon === 'mdi-radiobox-marked').length, 1);
-  assert.ok(icons.includes('mdi-radiobox-blank'));
+  assert.equal(icons.filter(icon => icon === requiredIcon).length, 1);
+  for (const builtInRequiredIcon of REQUIRED_ICONS) {
+    assert.ok(icons.includes(builtInRequiredIcon));
+  }
   assert.ok(icons.includes('mdi-home'));
 
   rmSync(tmp, { recursive: true });