refactor: update uiMap to use component names instead of HTML file names in UIRegistry

Author: tsck

src/ui/registry/registry.ts

@@ -83,8 +83,8 @@ export class UIRegistry {
         }
 
         // Check if we have a mapping for this tool
-        const htmlFileName = uiMap[toolName];
-        if (!htmlFileName) {
+        const componentName = uiMap[toolName];
+        if (!componentName) {
             return undefined;
         }
 
@@ -93,8 +93,8 @@ export class UIRegistry {
             return this.cache.get(toolName);
         }
 
-        // Try to load from disk
-        const filePath = join(this.uiDistPath, htmlFileName);
+        // Try to load from disk (component name -> HTML file)
+        const filePath = join(this.uiDistPath, `${componentName}.html`);
         if (!existsSync(filePath)) {
             return undefined;
         }

src/ui/registry/uiMap.ts

@@ -1,8 +1,11 @@
 /**
- * Mapping from tool names to their bundled UI HTML file names
+ * Mapping from tool names to their UI component names.
  * Tool names use kebab-case (e.g., 'list-databases')
- * HTML files use PascalCase (e.g., 'ListDatabases.html')
+ * Component names use PascalCase (e.g., 'ListDatabases')
+ *
+ * The component name corresponds to the folder in src/ui/components/
+ * The registry handles resolving this to the built HTML file.
  */
 export const uiMap: Record<string, string> = {
-    "list-databases": "ListDatabases.html",
+    "list-databases": "ListDatabases",
 };