diff --git a/explorer/src/App.tsx b/explorer/src/App.tsx index 17d8bc78..6218ba85 100644 --- a/explorer/src/App.tsx +++ b/explorer/src/App.tsx @@ -15,7 +15,7 @@ const EntityResolutionTab = lazy(() => import('./workspaces/EnrichWorkspace/Enti const KGOverviewTab = lazy(() => import('./workspaces/ManageWorkspace/KGOverviewTab').then((module) => ({ default: module.KGOverviewTab }))); const OntologySummaryTab = lazy(() => import('./workspaces/ManageWorkspace/OntologySummaryTab').then((module) => ({ default: module.OntologySummaryTab }))); -type WorkspaceId = 'explore' | 'analyze' | 'decisions' | 'enrich' | 'manage'; +type WorkspaceId = 'welcome' | 'explore' | 'analyze' | 'decisions' | 'enrich' | 'manage'; type ExploreView = 'graph' | 'vocabulary'; type AnalyzeView = 'sparql' | 'reasoning'; type EnrichView = 'import' | 'merge' | 'registry' | 'resolve'; @@ -311,14 +311,39 @@ function WorkspaceFallback() { return
Loading workspace…
; } +function WelcomeScreen() { + return ( +
+

+ Welcome to Semantica +

+

+ Select a workspace from the sidebar to get started. +

+
+ ); +} + export default function App() { - const [activeWorkspace, setActiveWorkspace] = useState('explore'); + const [activeWorkspace, setActiveWorkspace] = useState('welcome'); const [exploreView, setExploreView] = useState('graph'); const [analyzeView, setAnalyzeView] = useState('reasoning'); const [enrichView, setEnrichView] = useState('import'); const [manageView, setManageView] = useState('lineage'); const renderWorkspace = () => { + if (activeWorkspace === 'welcome') { + return ; + } + if (activeWorkspace === 'explore') { return ( {shellStyles}