stellar-drive 1.2.30 → 1.2.32

package/dist/bin/install-pwa.js

@@ -206,7 +206,7 @@ function generatePackageJson(opts) {
         },
         dependencies: {
             postgres: '^3.4.0',
-            'stellar-drive': '^1.2.30'
+            'stellar-drive': '^1.2.32'
         },
         type: 'module'
     }, null, 2) + '\n');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stellar-drive",
-  "version": "1.2.30",
+  "version": "1.2.32",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/components/DemoBanner.svelte

@@ -106,24 +106,70 @@
     background: rgba(255, 255, 255, 0.28);
   }
 
-  /* ── Mobile: full-width bar anchored to bottom ── */
+  /* ── Mobile: compact cinematic pill anchored above tab bar ── */
   @media (max-width: 767px) {
     .demo-banner {
-      left: 0;
-      right: 0;
-      bottom: calc(var(--demo-banner-bottom, 0px) + env(safe-area-inset-bottom, 0px));
+      left: 1rem;
+      right: 1rem;
+      bottom: calc(var(--demo-banner-bottom, 0px) + env(safe-area-inset-bottom, 0px) + 0.5rem);
       transform: none;
-      border-radius: 0;
-      border-left: none;
-      border-right: none;
-      border-bottom: none;
-      border-top: 1px solid rgba(255, 255, 255, 0.12);
-      padding: 0.45rem 1rem;
-      font-size: 0.78rem;
-      gap: 0.6rem;
+      border-radius: 12px;
+      border: 1px solid rgba(212, 160, 57, 0.25);
+      padding: 0.5rem 0.85rem;
+      font-size: 0.75rem;
+      gap: 0.5rem;
       max-width: none;
       white-space: normal;
-      animation: demo-banner-rise 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+      flex-wrap: nowrap;
+      /* Obsidian glass with citrine shimmer */
+      background: linear-gradient(
+        135deg,
+        rgba(14, 12, 8, 0.92) 0%,
+        rgba(22, 18, 10, 0.96) 100%
+      );
+      backdrop-filter: blur(24px) saturate(1.6);
+      -webkit-backdrop-filter: blur(24px) saturate(1.6);
+      box-shadow:
+        0 8px 32px rgba(0, 0, 0, 0.5),
+        0 0 0 0.5px rgba(212, 160, 57, 0.15),
+        inset 0 1px 0 rgba(212, 160, 57, 0.1);
+      animation: demo-banner-rise 0.35s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+
+    .demo-banner-text {
+      color: rgba(240, 225, 190, 0.9);
+      font-size: 0.75rem;
+      font-weight: 500;
+      flex: 1;
+      min-width: 0;
+    }
+
+    .demo-banner-subtitle {
+      color: rgba(160, 130, 80, 0.75);
+      font-size: 0.7rem;
+    }
+
+    .demo-banner-link {
+      color: rgba(212, 160, 57, 0.9);
+      background: rgba(212, 160, 57, 0.1);
+      border-radius: 6px;
+      padding: 0.2rem 0.5rem;
+      font-size: 0.68rem;
+      font-weight: 600;
+      letter-spacing: 0.03em;
+      text-transform: uppercase;
+      border: 1px solid rgba(212, 160, 57, 0.2);
+      flex-shrink: 0;
+      white-space: nowrap;
+    }
+
+    .demo-banner-close {
+      background: rgba(255, 255, 255, 0.06);
+      color: rgba(212, 160, 57, 0.65);
+      border: 1px solid rgba(212, 160, 57, 0.12);
+      flex-shrink: 0;
+      width: 1.35rem;
+      height: 1.35rem;
     }
   }
 

package/src/components/OfflineBanner.svelte

@@ -16,7 +16,7 @@
   - Never overlaps top nav on desktop or island-header on mobile.
 -->
 <script lang="ts">
-  import { isOnline } from '../stores/network';
+  import { isOnline } from 'stellar-drive/stores';
 </script>
 
 {#if !$isOnline}
@@ -94,7 +94,6 @@
       font-size: 0.78rem;
       gap: 0.5rem;
       max-width: none;
-      white-space: normal;
       animation: offline-banner-drop 0.3s cubic-bezier(0.16, 1, 0.3, 1);
     }
   }