- Increase logo size (48x48 desktop, 56x56 mobile) for better visibility - Add logo as favicon - Add logo to mobile header - Move user menu to navigation bars (sidebar on desktop, bottom bar on mobile) - Fix desktop chat layout - container structure prevents voice controls cutoff - Fix mobile bottom bar - use icon-only ActionIcons instead of truncated text buttons - Hide Create Node/New Conversation buttons on mobile to save header space - Make fixed header and voice controls work properly with containers 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
21 lines
592 B
TypeScript
21 lines
592 B
TypeScript
'use client';
|
|
|
|
import { Box, Text, Stack } from '@mantine/core';
|
|
import { Suspense } from 'react';
|
|
import { ThoughtGalaxy } from '@/components/ThoughtGalaxy';
|
|
|
|
export default function GalaxyPage() {
|
|
return (
|
|
<Box style={{ height: '100vh', width: '100vw', position: 'relative' }}>
|
|
{/* R3F Canvas for the 3D visualization */}
|
|
<Suspense fallback={
|
|
<Stack align="center" justify="center" style={{ height: '100vh' }}>
|
|
<Text c="dimmed">Loading your thought galaxy...</Text>
|
|
</Stack>
|
|
}>
|
|
<ThoughtGalaxy />
|
|
</Suspense>
|
|
</Box>
|
|
);
|
|
}
|