diff --git a/src/platform/assets/components/AssetBrowserModal.stories.ts b/src/platform/assets/components/AssetBrowserModal.stories.ts index f9c2b4398..2dbd9343d 100644 --- a/src/platform/assets/components/AssetBrowserModal.stories.ts +++ b/src/platform/assets/components/AssetBrowserModal.stories.ts @@ -48,7 +48,7 @@ export const Default: Story = { nodeType: 'CheckpointLoaderSimple', inputName: 'ckpt_name', currentValue: '', - showLeftPanel: undefined + showLeftPanel: false }, render: (args) => ({ components: { AssetBrowserModal }, diff --git a/src/platform/assets/components/AssetBrowserModal.vue b/src/platform/assets/components/AssetBrowserModal.vue index e86ec42c4..b17b5b0e6 100644 --- a/src/platform/assets/components/AssetBrowserModal.vue +++ b/src/platform/assets/components/AssetBrowserModal.vue @@ -46,7 +46,6 @@ import type { AssetDisplayItem } from '@/platform/assets/composables/useAssetBro import type { AssetItem } from '@/platform/assets/schemas/assetSchema' import { useAssetBrowser } from '../composables/useAssetBrowser' -import { mockAssets } from '../fixtures/ui-mock-assets' import AssetGrid from './AssetGrid.vue' // Props @@ -65,9 +64,6 @@ const emit = defineEmits<{ close: [] }>() -// Use provided assets or fallback to mock data -const assetsToUse = props.assets !== undefined ? props.assets : mockAssets - // Use AssetBrowser composable for all business logic const { searchQuery, @@ -76,7 +72,7 @@ const { contentTitle, filteredAssets, selectAsset -} = useAssetBrowser(assetsToUse) +} = useAssetBrowser(props.assets) // Dialog controls panel visibility via prop const shouldShowLeftPanel = computed(() => { diff --git a/src/platform/assets/composables/useAssetBrowserDialog.stories.ts b/src/platform/assets/composables/useAssetBrowserDialog.stories.ts index 784edafb9..e0095b619 100644 --- a/src/platform/assets/composables/useAssetBrowserDialog.stories.ts +++ b/src/platform/assets/composables/useAssetBrowserDialog.stories.ts @@ -1,7 +1,8 @@ import type { Meta, StoryObj } from '@storybook/vue3-vite' import { ref } from 'vue' -import AssetBrowserModal from '../components/AssetBrowserModal.vue' +import AssetBrowserModal from '@/platform/assets/components/AssetBrowserModal.vue' +import { mockAssets } from '@/platform/assets/fixtures/ui-mock-assets' // Component that simulates the useAssetBrowserDialog functionality with working close const DialogDemoComponent = { @@ -49,7 +50,8 @@ const DialogDemoComponent = { handleOpenDialog, handleOpenWithCurrentValue, handleCloseDialog, - handleAssetSelected + handleAssetSelected, + mockAssets } }, template: ` @@ -116,6 +118,7 @@ const DialogDemoComponent = { >