chore(frontend): organize missing type filter styles

tests/test_css_loader.mjs

@@ -0,0 +1,19 @@
+import assert from 'node:assert/strict';
+import { readFile } from 'node:fs/promises';
+import test from 'node:test';
+
+const loaderSource = await readFile(
+  new URL('../web/utils/css_loader.js', import.meta.url),
+  'utf8'
+);
+const filterStylesheetSource = await readFile(
+  new URL('../web/css/missing-type-filter.css', import.meta.url),
+  'utf8'
+);
+
+test('CSS loader registers the missing model type filter stylesheet', () => {
+  assert.match(loaderSource, /['"]\.\/css\/missing-type-filter\.css['"]/);
+  assert.doesNotMatch(loaderSource, /['"]\.\/resolver\/missing_type_filter\.css['"]/);
+  assert.match(loaderSource, /addStylesheet\(getUrl\(file\)\)/);
+  assert.match(filterStylesheetSource, /\.mr-missing-type-filter-menu/);
+});

web/css/README.md

@@ -12,6 +12,7 @@ This directory contains the core stylesheets and token system for the `comfyui-m
   5. *Component Tokens, Badges, Shadows & Layout Dimensions* (buttons, inputs, status badges, shadows, gradients, scrollbars, and drawer widths)
 - **`resolver-main.css`**: Styles for the main dialog, missing models browser, tab contents, lists, search tables, and model details views.
 - **`resolver-shell.css`**: Styles for the outer modal shell, sidebar docking panel, window controls, and queue drawer.
+- **`missing-type-filter.css`**: Styles for the Missing Models type filter control and menu.
 
 ## Usage Guidelines
 

web/utils/css_loader.js

@@ -20,7 +20,7 @@ export function loadAllStyles() {
             './css/css-variables.css',
             './css/resolver-shell.css',
             './css/resolver-main.css',
-            './resolver/missing_type_filter.css',
+            './css/missing-type-filter.css',
         ];
         
         cssFiles.forEach(file => {