1  import React from 'react'
 2  import DreamspaceCanvas from './dreamspace/DreamspaceCanvas'
 3  
 4  export function InterBrainApp() {
 5    return (
 6      <div style={{ 
 7        height: '100vh',
 8        width: '100vw',
 9        position: 'relative'
10      }}>
11        {/* Development banner */}
12        <div style={{
13          position: 'fixed',
14          top: 0,
15          left: 0,
16          right: 0,
17          background: '#ff6b6b',
18          color: 'white',
19          textAlign: 'center',
20          padding: '8px',
21          fontSize: '14px',
22          zIndex: 1000
23        }}>
24          🚀 InterBrain Browser Development Mode - React 3 Fiber Hot Reload Enabled
25        </div>
26        
27        {/* DreamSpace canvas - same as Obsidian plugin */}
28        <div style={{
29          position: 'absolute',
30          top: '40px', // Account for dev banner
31          left: 0,
32          right: 0,
33          bottom: 0
34        }}>
35          <DreamspaceCanvas />
36        </div>
37      </div>
38    )
39  }