update

frontend/index.html

@@ -781,6 +781,13 @@
                 <span class="menu-label">Recents</span>
             </a>
             <div class="menu-divider"></div>
+            <!-- Transportation Toggle -->
+            <button type="button" class="menu-item" id="btn-transport" title="Toggle Public Transport"
+                style="background:none; border:none; width:100%; font-family:inherit;">
+                <span class="menu-icon">🚇</span>
+                <span class="menu-label">Transit</span>
+            </button>
+            <div class="menu-divider"></div>
             <!-- Recent locations (placeholder tiles) -->
             <div class="recent-tiles">
                 <div class="recent-tile" title="Recent Location">
@@ -1168,6 +1175,15 @@
             font-size: 18px;
         }
 
+        .menu-item.active {
+            background: rgba(0, 122, 255, 0.1);
+            color: var(--accent-blue);
+        }
+
+        .menu-item.active .menu-icon {
+            transform: scale(1.1);
+        }
+
         .menu-label {
             font-size: 10px;
             font-weight: 500;
@@ -1229,8 +1245,9 @@
         }
 
         .icon-btn {
-            width: 32px;
-            height: 32px;
+            width: 24px;
+            height: 24px;
+            fill: #333;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -1324,18 +1341,17 @@
     </style>
 
     <script type="module">
-        import init from './wasm.js?v=fixed_labels_v20';
+        import init, { run } from './wasm.js?v=transit_hover_v1';
 
-        async function run() {
+        async function main() {
             try {
                 await init();
-                console.log("WASM initialized");
+                // run() is auto-called via #[wasm_bindgen(start)] in lib.rs
             } catch (e) {
-                console.error("Failed to initialize WASM:", e);
+                console.error("Wasm failed:", e);
             }
         }
-
-        run();
+        main();
 
         // Hamburger menu toggle
         document.addEventListener('DOMContentLoaded', () => {