Merge pull request #15 from ThomasJButler/v1.3-Deployment

V1.3 deployment

Author: ThomasJButler

package.json

@@ -41,14 +41,18 @@
     "@langchain/openai": "^0.6.11",
     "@supabase/supabase-js": "^2.57.4",
     "@tailwindcss/forms": "^0.5.3",
+    "@types/marked": "^5.0.2",
     "chart.js": "^4.0.0",
     "chromadb": "^3.0.15",
     "chromadb-default-embed": "^2.14.0",
     "csv-parser": "^3.2.0",
     "date-fns": "^2.30.0",
     "dotenv": "^16.4.5",
     "lucide-svelte": "^0.503.0",
+    "marked": "^16.3.0",
     "openai": "^4.104.0",
+    "prism-svelte": "^0.5.0",
+    "prismjs": "^1.30.0",
     "svelte-chartjs": "^3.1.2"
   },
   "overrides": {

src/App.svelte

@@ -5,9 +5,7 @@
   import Footer from './components/Footer.svelte';
   import Dashboard from './components/Dashboard.svelte';
   import QueryBuilder from './components/QueryBuilder.svelte';
-  import PatternDiscovery from './components/PatternDiscovery.svelte';
   import AiAssistant from './components/AiAssistant.svelte';
-  import SeasonStats from './components/SeasonStats.svelte';
   import Settings from './components/Settings.svelte';
   import OpenAISetupWizard from './components/OpenAISetupWizard.svelte';
   import Help from './components/Help.svelte';
@@ -37,10 +35,8 @@
   }
 
   onMount(() => {
-    // Open sidebar only on large desktop screens
-    if (window.innerWidth >= 1024) { // Large desktop screens
-      isSidebarOpen = true;
-    }
+    // Keep sidebar closed by default for cleaner initial view
+    // User can open it manually if needed
 
     // Check for OpenAI API key in localStorage
     const openAIKey = localStorage.getItem('openai_api_key');
@@ -77,7 +73,7 @@
   <div class="flex-1 flex flex-col overflow-hidden">
     <Header toggleSidebar={toggleSidebar} />
 
-    <main class="flex-1 overflow-x-hidden overflow-y-auto bg-white dark:bg-slate-950 p-4 sm:p-6 lg:p-8 relative">
+    <main class="flex-1 overflow-x-hidden overflow-y-auto bg-white dark:bg-slate-950 p-4 sm:p-6 lg:p-8 pb-20 md:pb-4 relative">
       <!-- Page transition overlay -->
       {#if isTransitioning}
         <div class="absolute inset-0 bg-white/50 dark:bg-slate-950/50 backdrop-blur-sm z-50 transition-opacity duration-200 animate-fadeIn"></div>
@@ -89,12 +85,8 @@
           <Dashboard bind:this={dashboardComponent} />
         {:else if currentView === 'Query Builder'}
           <QueryBuilder on:navigate={navigate} />
-        <!-- {:else if currentView === 'Pattern Discovery'}
-          <PatternDiscovery /> -->
         {:else if currentView === 'AI Assistant'}
           <AiAssistant on:navigate={navigate} />
-        <!-- {:else if currentView === 'Season Stats'}
-          <SeasonStats /> -->
         {:else if currentView === 'Settings'}
           <Settings />
         {:else if currentView === 'Help'}