From ecde3fabe178f21c6fc626456ab8925e1606fb27 Mon Sep 17 00:00:00 2001
From: Richard Ward <JohnDoe6345789@gmail.com>
Date: Tue, 30 Dec 2025 21:17:21 +0000
Subject: [PATCH] code: tsx,storybook,stories (1 files)

---
 storybook/src/stories/AutoDiscovered.stories.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/storybook/src/stories/AutoDiscovered.stories.tsx b/storybook/src/stories/AutoDiscovered.stories.tsx
index 01bc89b3a..e7eeb6e8c 100644
--- a/storybook/src/stories/AutoDiscovered.stories.tsx
+++ b/storybook/src/stories/AutoDiscovered.stories.tsx
@@ -16,7 +16,8 @@ import {
   type DiscoveredPackage 
 } from '../discovery/package-discovery'
 import { loadAndExecuteLuaFile, type LuaExecutionResult } from '../lua/executor'
-import { executeMockRender, getMockPackage } from '../mocks/packages'
+import { executeMockRender, getMockPackage, initializeMocks } from '../mocks/packages'
+import { loadPackageComponents } from '../mocks/auto-loader'
 import type { LuaRenderContext, LuaUIComponent } from '../types/lua-types'
 
 const meta: Meta = {
@@ -126,9 +127,13 @@ function PackageExplorer() {
   const [selectedVariant, setSelectedVariant] = useState<string>('Admin')
   const [debug, setDebug] = useState(false)
   const [loading, setLoading] = useState(true)
+  const [componentIds, setComponentIds] = useState<string[]>([])
   
   useEffect(() => {
     async function load() {
+      // Initialize mocks (loads from real packages + JSON overrides)
+      await initializeMocks()
+      
       const [pkgs, variants] = await Promise.all([
         discoverPackages(),
         getContextVariants()