lemonade-sdk 8.0.4__py3-none-any.whl → 8.0.6__py3-none-any.whl

lemonade/tools/server/static/styles.css

@@ -1,33 +1,93 @@
+/* === CSS Variables === */
+:root {
+  /* Colors */
+  --primary-yellow: #ffe066;
+  --primary-yellow-dark: #ffd43b;
+  --accent-gold: #e6b800;
+  --accent-gold-dark: #bfa100;
+  
+  --text-primary: #222;
+  --text-secondary: #555;
+  --text-muted: #666;
+  
+  --bg-primary: #fffbe9;
+  --bg-secondary: #fff8dd;
+  --bg-tertiary: #fff5d1;
+  
+  /* Transitions */
+  --transition-fast: 0.2s ease;
+  --transition-medium: 0.3s ease;
+}
+
 body {
   margin: 0;
   font-family: 'Segoe UI', 'Arial', sans-serif;
-  background: #fffbe9;
-  color: #222;
+  background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);
+  color: var(--text-primary);
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   padding-bottom: 5rem;
 }
 
+body::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: 
+    radial-gradient(circle at 20% 20%, rgba(255, 224, 102, 0.1) 0%, transparent 50%),
+    radial-gradient(circle at 80% 80%, rgba(255, 212, 59, 0.1) 0%, transparent 50%);
+  pointer-events: none;
+  z-index: -1;
+}
+
 .navbar {
   display: flex;
-  justify-content: center;
-  gap: 2.5rem;
-  padding: 2rem 0 1.5rem 0;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 3rem 0.5rem 1rem;
   font-size: 1.25rem;
   font-weight: 500;
   background: transparent;
   letter-spacing: 0.02em;
+  position: relative;
+  transition: var(--transition-medium);
+}
+
+.navbar-brand {
+  display: flex;
+  align-items: center;
+}
+
+.brand-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  text-decoration: none;
+  letter-spacing: 0.01em;
+}
+
+.brand-title a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.navbar-links {
+  display: flex;
+  gap: 2.5rem;
 }
 
-.navbar a {
+.navbar-links a {
   color: #444;
   text-decoration: none;
-  transition: color 0.2s;
+  transition: var(--transition-fast);
 }
 
-.navbar a:hover {
-  color: #e6b800;
+.navbar-links a:hover {
+  color: var(--accent-gold);
 }
 
 .main {
@@ -37,16 +97,8 @@ body {
   align-items: center;
   justify-content: flex-start;
   min-height: 60vh;
-  margin-top: 3rem;
-}
-
-.title {
-  font-size: 3rem;
-  font-weight: 700;
-  margin-bottom: 2.5rem;
-  letter-spacing: 0.01em;
-  text-align: center;
-  color: #222;
+  margin-top: 2rem;
+  padding-top: 1rem;
 }
 
 .site-footer {
@@ -54,7 +106,7 @@ body {
   left: 0;
   bottom: 0;
   width: 100%;
-  background-color: #fffbe9;
+  background: transparent;
   padding-top: 0.5rem;
   z-index: 100;
 }
@@ -90,7 +142,10 @@ body {
   border-radius: 8px;
   border: 1px solid #e0e0e0;
   max-width: 1000px;
-  width: 100%;
+  min-width: 320px;
+  width: calc(100% - 2rem); /* Responsive width with margin */
+  margin-left: 1rem;
+  margin-right: 1rem;
 }
 
 .tabs {
@@ -130,8 +185,11 @@ body {
 .chat-container {
   display: flex;
   flex-direction: column;
-  height: 600px;
+  height: calc(100vh - 650px); /* Subtract space for navbar, title, wall of logos, etc */
+  min-height: 300px;
+  max-height: 1200px;
   max-width: 800px;
+  width: 100%;
   margin: 0 auto;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
@@ -638,6 +696,7 @@ body {
   border-radius: 6px;
   overflow: hidden;
   transition: box-shadow 0.2s ease;
+  min-width: 0;
 }
 
 .register-model-name-group:focus-within {
@@ -686,6 +745,8 @@ body {
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
   outline: none;
   box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+  box-sizing: border-box;
+  min-width: 0;
 }
 
 #register-model-name:focus {
@@ -709,6 +770,7 @@ body {
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
   outline: none;
   box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+  box-sizing: border-box;
 }
 
 #register-recipe:focus {
@@ -748,6 +810,8 @@ body {
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
   outline: none;
   box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+  box-sizing: border-box;
+  min-width: 0;
 }
 
 #register-mmproj:focus, #register-checkpoint:focus {
@@ -930,6 +994,18 @@ body {
   transform: translateX(0) translateY(-2px) !important;
 }
 
+@media (max-width: 800px) {
+  .model-mgmt-container {
+    flex-direction: column;
+    gap: 1.5em;
+  }
+  
+  .model-mgmt-pane {
+    flex: none;
+    width: 100%;
+  }
+}
+
 @media (max-width: 600px) {
   .title { 
     font-size: 2rem; 
@@ -942,61 +1018,64 @@ body {
     margin-top: 1rem; 
   }
   .model-mgmt-container {
-    flex-direction: column;
     gap: 1em;
   }
+  
+  .tab-container {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+    width: calc(100% - 1rem);
+  }
+  
+  /* Ensure all input fields are properly constrained on very narrow screens */
+  #register-model-name, #register-mmproj, #register-checkpoint, #register-recipe {
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 
+/* === Responsive Navbar === */
 @media (max-width: 800px) {
-  .model-mgmt-register-form {
-    padding: 1.2em 1em 1em 1em;
-    margin: 0 1em 1.5em 1em;
-  }
-  
-  .register-form-row {
+  .navbar {
     flex-direction: column;
-    align-items: stretch;
-    gap: 0.6em;
+    gap: 1rem;
+    padding: 1rem 1rem 0.5rem 1rem;
+    align-items: center;
   }
   
-  .register-label {
-    min-width: 0;
-    font-size: 0.9em;
+  .navbar-brand {
+    margin-bottom: 0.5rem;
   }
   
-  .register-label.reasoning-inline {
-    margin-left: 0;
-    margin-top: 0.5em;
-    justify-content: flex-start;
+  .brand-title {
+    font-size: 1.3rem;
   }
   
-  #register-model-name, #register-mmproj, #register-checkpoint {
-    min-width: 0;
-    width: 100%;
+  .navbar-links {
+    gap: 1.5rem;
+    font-size: 1rem;
   }
-  
-  #register-recipe {
-    min-width: 0;
-    width: 100%;
+}
+
+@media (max-width: 600px) {
+  .navbar {
+    padding: 0.5rem 0.5rem 0.25rem 0.5rem;
   }
   
-  .register-doc-link {
-    margin-left: 0;
-    margin-top: 0.5em;
-    align-self: flex-start;
+  .brand-title {
+    font-size: 1.2rem;
   }
   
-  .register-form-row:last-child {
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
+  .navbar-links {
+    gap: 1rem;
+    font-size: 0.9rem;
     flex-wrap: wrap;
-    gap: 1em;
+    justify-content: center;
   }
   
-  #register-submit {
-    padding: 0.8em 1.5em;
-    font-size: 0.9em;
+  .main {
+    margin-top: 0.5rem;
   }
 }
 
@@ -1141,7 +1220,7 @@ body {
   display: none;
 }
 
-@media (max-width: 600px) {
+@media (max-width: 800px) {
   .app-logos-grid {
     gap: 0.5rem;
     padding: 0 0.5rem;

lemonade/tools/server/static/webapp.html

@@ -12,14 +12,19 @@
     {{SERVER_MODELS_JS}}
 </head>
 <body>
-    <nav class="navbar">
-        <a href="https://github.com/lemonade-sdk/lemonade" target="_blank">GitHub</a>
-        <a href="https://lemonade-server.ai/docs/" target="_blank">Docs</a>
-        <a href="https://lemonade-server.ai/docs/server/server_models/" target="_blank">Models</a>
-        <a href="https://lemonade-server.ai/docs/server/apps/" target="_blank">Featured Apps</a>
+    <nav class="navbar" id="navbar">
+        <div class="navbar-brand">
+            <span class="brand-title"><a href="https://lemonade-server.ai">🍋 Lemonade Server</a></span>
+        </div>
+        <div class="navbar-links">
+            <a href="https://github.com/lemonade-sdk/lemonade" target="_blank">GitHub</a>
+            <a href="https://lemonade-server.ai/docs/" target="_blank">Docs</a>
+            <a href="https://lemonade-server.ai/docs/server/server_models/" target="_blank">Models</a>
+            <a href="https://lemonade-server.ai/docs/server/apps/" target="_blank">Featured Apps</a>
+            <a href="https://lemonade-server.ai/news/" target="_blank">News</a>
+        </div>
     </nav>
     <main class="main">
-        <div class="title">🍋 Lemonade Server</div>
         <div class="tab-container"> 
             <div class="tabs"> 
                 <button class="tab active" id="tab-chat" onclick="showTab('chat')">LLM Chat</button> 
@@ -327,7 +332,11 @@
             let filteredModels = [];
             let defaultIndex = 0;
             
-            data.data.forEach(function(model) {
+            // Check if model is specified in URL parameters
+            const urlModel = new URLSearchParams(window.location.search).get('model');
+            let urlModelIndex = -1;
+            
+            data.data.forEach(function(model, index) {
                 const modelId = model.id || model.name || model;
                 const modelInfo = allModels[modelId] || {};
                 const labels = modelInfo.labels || [];
@@ -341,9 +350,17 @@
                 const opt = document.createElement('option');
                 opt.value = modelId;
                 opt.textContent = modelId;
+                
+                // Check if this model matches the URL parameter
+                if (urlModel && modelId === urlModel) {
+                    urlModelIndex = filteredModels.length - 1;
+                }
+                
+                // Default fallback for backwards compatibility
                 if (modelId === 'Llama-3.2-1B-Instruct-Hybrid') {
                     defaultIndex = filteredModels.length - 1;
                 }
+                
                 select.appendChild(opt);
             });
             
@@ -352,7 +369,16 @@
                 return;
             }
             
-            select.selectedIndex = defaultIndex;
+            // Select the URL-specified model if found, otherwise use default
+            if (urlModelIndex !== -1) {
+                select.selectedIndex = urlModelIndex;
+                console.log(`Selected model from URL parameter: ${urlModel}`);
+            } else {
+                select.selectedIndex = defaultIndex;
+                if (urlModel) {
+                    console.warn(`Model '${urlModel}' specified in URL not found in available models`);
+                }
+            }
         } catch (e) {
             const select = document.getElementById('model-select');
             select.innerHTML = `<option>Error loading models: ${e.message}</option>`;

lemonade/tools/server/tray.py

@@ -87,8 +87,15 @@ class LemonadeTray(SystemTray):
         Update the latest version information.
         """
         try:
+            # Prepare headers for GitHub API request
+            headers = {}
+            github_token = os.environ.get("GITHUB_TOKEN")
+            if github_token:
+                headers["Authorization"] = f"token {github_token}"
+
             response = requests.get(
                 "https://api.github.com/repos/lemonade-sdk/lemonade/releases/latest",
+                headers=headers,
                 timeout=10,  # Add timeout to prevent hanging
             )
             response.raise_for_status()

lemonade/version.py

@@ -1 +1 @@
-__version__ = "8.0.4"
+__version__ = "8.0.6"