diffplug
diff --git a/‎browser-extension/src/entrypoints/popup/index.html‎
Lines changed: 1 addition & 1 deletion b/‎browser-extension/src/entrypoints/popup/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎browser-extension/src/entrypoints/popup/main.tsx‎ renamed to ‎browser-extension/src/entrypoints/popup/popup.tsx‎ b/‎browser-extension/src/entrypoints/popup/main.tsx‎ renamed to ‎browser-extension/src/entrypoints/popup/popup.tsx‎
diff --git a/‎browser-extension/tests/playground/TablePlayground.tsx‎ renamed to ‎browser-extension/tests/playground/PopupPlayground.tsx‎
Lines changed: 2 additions & 2 deletions b/‎browser-extension/tests/playground/TablePlayground.tsx‎ renamed to ‎browser-extension/tests/playground/PopupPlayground.tsx‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎browser-extension/tests/playground/main.tsx‎ renamed to ‎browser-extension/tests/playground/playground.tsx‎
Lines changed: 7 additions & 5 deletions b/‎browser-extension/tests/playground/main.tsx‎ renamed to ‎browser-extension/tests/playground/playground.tsx‎
Lines changed: 7 additions & 5 deletions
diff --git a/‎browser-extension/tests/playground/mockData.tsx‎ renamed to ‎browser-extension/tests/playground/playgroundData.tsx‎ b/‎browser-extension/tests/playground/mockData.tsx‎ renamed to ‎browser-extension/tests/playground/playgroundData.tsx‎
@@ -8,6 +8,6 @@
 <body>
   <div id="app">
   </div>
-  <script type="module" src="main.tsx"></script>
+  <script type="module" src="popup.tsx"></script>
 </body>
 </html>
@@ -1,9 +1,9 @@
 import { SpotTable } from '@/components/SpotTable'
 import type { CommentState } from '@/entrypoints/background'
 import { EnhancerRegistry } from '@/lib/registries'
-import { sampleSpots } from './mockData'
+import { sampleSpots } from './playgroundData'
 
-export function TablePlayground() {
+export function PopupPlayground() {
   const handleSpotClick = (spot: CommentState) => {
     alert(`Clicked: ${spot.spot.type}\nTab: ${spot.tab.tabId}`)
   }
 
@@ -1,6 +1,6 @@
 import { createRoot } from 'react-dom/client'
 import './style.css'
-import { TablePlayground } from './TablePlayground'
+import { PopupPlayground } from './PopupPlayground'
 
 const root = createRoot(document.getElementById('root')!)
 root.render(
@@ -13,14 +13,16 @@ root.render(
         </p>
       </div>
 
-      <TablePlayground />
+      <PopupPlayground />
 
       <div className='bg-slate-50 p-4 rounded-lg border border-slate-200 mt-6'>
         <h3 className='font-medium text-slate-900 mb-2'>Development Notes</h3>
         <ul className='text-sm text-slate-600 space-y-1'>
-          <li>• Hot reload is active - changes to components update instantly</li>
-          <li>• Uses real enhancers from the browser extension</li>
-          <li>• Click rows to test interaction behavior</li>
+          <li>Hot reload is active - changes to components update instantly</li>
+          <li>Uses real enhancers from the browser extension</li>
+          <li>
+            Sample data comes from <code>playgroundData.tsx</code>
+          </li>
         </ul>
       </div>
     </div>