[fix] cleanup

src/platform/assets/composables/useAssetBrowser.ts

@@ -1,7 +1,6 @@
 import { computed, ref } from 'vue'
 
 import { d, t } from '@/i18n'
-import type { UUID } from '@/lib/litegraph/src/utils/uuid'
 import type { AssetItem } from '@/platform/assets/schemas/assetSchema'
 import { assetService } from '@/platform/assets/services/assetService'
 import {
@@ -203,10 +202,7 @@ export function useAssetBrowser(assets: AssetItem[] = []) {
       // Execute callback with validated filename
       onSelect(filename)
     } catch (error) {
-      console.error(
-        `Failed to fetch asset details for ${assetId}:`,
-        error
-      )
+      console.error(`Failed to fetch asset details for ${assetId}:`, error)
     }
   }
 

src/platform/assets/composables/useAssetBrowserDialog.ts

@@ -27,8 +27,8 @@ export const useAssetBrowserDialog = () => {
 
   async function show(props: AssetBrowserDialogProps) {
     const handleAssetSelected = (assetPath: string) => {
+      hide() // Auto-close on selection before async operations
       props.onAssetSelected?.(assetPath)
-      hide() // Auto-close on selection
     }
 
     const handleClose = () => {
@@ -39,7 +39,7 @@ export const useAssetBrowserDialog = () => {
     const dialogComponentProps = {
       headless: true,
       modal: true,
-      closable: false,
+      closable: true,
       pt: {
         root: {
           class: 'rounded-2xl overflow-hidden'
@@ -58,7 +58,11 @@ export const useAssetBrowserDialog = () => {
     try {
       assets = await assetService.getAssetsForNodeType(props.nodeType)
     } catch (error) {
-      console.error('Failed to fetch assets for node type:', props.nodeType, error)
+      console.error(
+        'Failed to fetch assets for node type:',
+        props.nodeType,
+        error
+      )
     }
 
     dialogStore.showDialog({

src/platform/assets/services/assetService.ts

@@ -144,8 +144,10 @@ function createAssetService() {
     const modelToNodeStore = useModelToNodeStore()
     const modelToNodeMap = modelToNodeStore.modelToNodeMap
 
-    const category = Object.keys(modelToNodeMap).find(categoryKey =>
-      modelToNodeMap[categoryKey].some(provider => provider.nodeDef.name === nodeType)
+    const category = Object.keys(modelToNodeMap).find((categoryKey) =>
+      modelToNodeMap[categoryKey].some(
+        (provider) => provider.nodeDef.name === nodeType
+      )
     )
 
     if (!category) {
@@ -159,9 +161,12 @@ function createAssetService() {
     )
 
     // Return full AssetItem[] objects (don't strip like getAssetModels does)
-    return data?.assets?.filter(asset =>
-      !asset.tags.includes(MISSING_TAG) && asset.tags.includes(category)
-    ) ?? []
+    return (
+      data?.assets?.filter(
+        (asset) =>
+          !asset.tags.includes(MISSING_TAG) && asset.tags.includes(category)
+      ) ?? []
+    )
   }
 
   /**
@@ -186,7 +191,9 @@ function createAssetService() {
       return result.data.assets[0]
     }
 
-    const error = fromZodError(result.error)
+    const error = result.error
+      ? fromZodError(result.error)
+      : 'Unknown validation error'
     throw new Error(`Invalid asset response against zod schema:\n${error}`)
   }