@nyuccl/smile 0.2.0-beta.4 → 0.2.0-beta.41

package/dist/runtime/layouts/development.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { computed, ref, onMounted } from "vue";
 import { Toaster } from "vue-sonner";
 import "vue-sonner/style.css";
 import SmileDevAppMenu from "#smile-dev/menu/SmileDevAppMenu.vue";
@@ -7,54 +7,20 @@ import DevNavBar from "#smile-dev/navbar/SmileDevNavBar.vue";
 import DevConsole from "#smile-dev/console/SmileDevConsole.vue";
 import DevSideBar from "#smile-dev/sidebar/SmileDevSideBar.vue";
 import ResponsiveDeviceContainer from "#smile-dev/ResponsiveDeviceContainer.vue";
+import SmileDevPresentationView from "#smile-dev/SmileDevPresentationView.vue";
+import useWindowSizer from "#smile-composables/useWindowSizer";
 const api = useAPI();
-const dashboardUrl = ref("");
-const dashboardIframe = ref(null);
+const { showAggressiveOverlay } = useWindowSizer({ useDeviceContainer: true });
 const height_pct = computed(() => `${api.store.dev.consoleBarHeight}px`);
+const mounted = ref(false);
+onMounted(() => {
+  mounted.value = true;
+});
 const isLoading = computed(() => {
-  return api.currentRouteName() === void 0;
+  return !mounted.value;
 });
-function initializeDashboardUrl() {
-  const savedUrl = localStorage.getItem("smile-dashboard-url");
-  if (savedUrl) {
-    dashboardUrl.value = savedUrl;
-  } else {
-    dashboardUrl.value = api.getPublicUrl("dashboard.html");
-  }
-}
-function saveDashboardUrl(url) {
-  localStorage.setItem("smile-dashboard-url", url);
-  dashboardUrl.value = url;
-}
-function monitorIframeUrl() {
-  if (!dashboardIframe.value) return;
-  try {
-    const iframeDoc = dashboardIframe.value.contentDocument || dashboardIframe.value.contentWindow?.document;
-    if (iframeDoc) {
-      const currentUrl = dashboardIframe.value.contentWindow.location.href;
-      if (currentUrl !== dashboardUrl.value) {
-        saveDashboardUrl(currentUrl);
-      }
-    }
-  } catch {
-    console.log("Cannot access iframe content (cross-origin)");
-  }
-}
-function onIframeLoad() {
-  if (!dashboardIframe.value) return;
-  const interval = setInterval(() => {
-    if (api.store.dev.mainView !== "dashboard") {
-      clearInterval(interval);
-      return;
-    }
-    monitorIframeUrl();
-  }, 1e3);
-  if (dashboardIframe.value.contentWindow) {
-    dashboardIframe.value.contentWindow.addEventListener("focus", monitorIframeUrl);
-  }
-}
-onMounted(() => {
-  initializeDashboardUrl();
+const isRouteNotFound = computed(() => {
+  return mounted.value && api.currentRouteName() === void 0;
 });
 </script>
 
@@ -82,33 +48,10 @@ onMounted(() => {
       <SidebarInset>
         <!-- Main app container for developer mode -->
         <div class="app-container">
-          <!-- Analyze Mode - Clean full-screen dashboard -->
-          <div
-            v-if="api.store.dev.mainView === 'dashboard'"
-            class="analyze-container"
-          >
-            <iframe
-              ref="dashboardIframe"
-              :src="dashboardUrl"
-              class="dashboard-iframe"
-              frameborder="0"
-              title="Dashboard"
-              @load="onIframeLoad"
-            />
-          </div>
-
-          <!-- Recruit Mode - Clean full-screen recruit page -->
-          <div
-            v-else-if="api.store.dev.mainView === 'recruit'"
-            class="recruit-container"
-          >
-            <iframe
-              :src="api.getPublicUrl('recruit.html')"
-              class="recruit-iframe"
-              frameborder="0"
-              title="Recruit"
-            />
-          </div>
+          <!-- Presentation Mode - inline (shares DOM and store for dark mode sync) -->
+          <SmileDevPresentationView
+            v-if="api.store.dev.mainView === 'presentation'"
+          />
 
           <!-- Docs Mode - Clean full-screen documentation -->
           <div
@@ -125,6 +68,7 @@ onMounted(() => {
 
           <!-- Developer Mode - Full interface with toolbar, sidebar, console -->
           <template v-else>
+            <LocalDevBanner />
             <!-- Top toolbar with navigation controls -->
             <div class="toolbar">
               <DevNavBar />
@@ -135,7 +79,7 @@ onMounted(() => {
               <!-- Main content area with console -->
               <div class="content-and-console">
                 <!-- Main content - scrollable experiment container -->
-                <div class="main-content @container bg-background text-foreground">
+                <div class="main-content @container bg-background text-foreground relative">
                   <!-- Loading state -->
                   <div
                     v-if="isLoading"
@@ -144,10 +88,26 @@ onMounted(() => {
                     <div class="loading-spinner" />
                     <p>Loading...</p>
                   </div>
+                  <!-- Route not found -->
+                  <div
+                    v-else-if="isRouteNotFound"
+                    class="loading-container"
+                  >
+                    <p class="not-found-title">
+                      Route Not Found
+                    </p>
+                    <p class="not-found-message">
+                      The path <code>{{ api.route.path }}</code> is not registered in the timeline.
+                    </p>
+                  </div>
                   <!-- Experiment content via slot -->
                   <template v-else>
                     <ResponsiveDeviceContainer>
-                      <slot />
+                      <WindowSizerView
+                        v-if="showAggressiveOverlay"
+                        triggered
+                      />
+                      <slot v-else />
                     </ResponsiveDeviceContainer>
                   </template>
                 </div>
@@ -155,7 +115,7 @@ onMounted(() => {
                 <!-- Bottom console - can be toggled -->
                 <Transition name="console-slide">
                   <div
-                    v-if="api.config.mode == 'development' && api.store.dev.showConsoleBar"
+                    v-if="api.store.dev.showConsoleBar"
                     class="console"
                   >
                     <DevConsole />
@@ -166,7 +126,7 @@ onMounted(() => {
               <!-- Sidebar - can be toggled, transitions in/out -->
               <Transition name="sidebar-slide">
                 <div
-                  v-if="api.config.mode == 'development' && api.store.dev.showSideBar"
+                  v-if="api.store.dev.showSideBar"
                   class="sidebar"
                 >
                   <DevSideBar />
@@ -181,9 +141,9 @@ onMounted(() => {
 </template>
 
 <style>
-.custom-toaster{--toast-offset-x:60px;--toast-offset-y:50px;left:var(--toast-offset-x)!important;top:var(--toast-offset-y)!important}
+.custom-toaster{--toast-offset-x:60px;--toast-offset-y:50px;left:var(--toast-offset-x)!important;top:var(--toast-offset-y)!important}[data-slot=sidebar-wrapper]{height:100vh;min-height:0!important;overflow:hidden}
 </style>
 
 <style scoped>
-.app-container{display:flex;flex-direction:column;height:100vh;width:100%}.analyze-container,.docs-container,.recruit-container{height:100vh;overflow:hidden;width:100%}.dashboard-iframe,.docs-iframe,.recruit-iframe{border:none;height:100%;overflow:hidden;width:100%}.toolbar{background-color:var(--dev-bar-bg);height:36px;margin-bottom:auto;margin-top:auto;width:full}.content-wrapper{display:flex;flex:1;overflow:hidden;width:100%}.content-and-console{flex-direction:column;overflow:hidden}.content-and-console,.main-content{display:flex;flex:1;min-height:0;min-width:0}.main-content{flex-direction:column;overflow-x:auto;overflow-y:auto}.sidebar{background-color:var(--dev-bg);border-left:1px solid var(--border);flex:0 0 300px;height:100%;overflow-y:auto}.console{background-color:#adadad;height:v-bind(height_pct);max-width:100%;min-width:0;overflow:hidden;overflow-x:hidden;width:100%}.sidebar-slide-enter-active,.sidebar-slide-leave-active{transition:all .3s ease-in-out}.sidebar-slide-enter-from,.sidebar-slide-leave-to{flex:0 0 0px;overflow:hidden;width:0}.console-slide-enter-active,.console-slide-leave-active{transition:height .3s ease-in-out}.console-slide-enter-from,.console-slide-leave-to{height:0}.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+.app-container{display:flex;flex-direction:column}.app-container,.docs-container{height:100vh;overflow:hidden;width:100%}.docs-iframe{border:none;height:100%;overflow:hidden;width:100%}.toolbar{background-color:var(--dev-bar-bg);height:36px;margin-bottom:auto;margin-top:auto;width:full}.content-wrapper{display:flex;flex:1;overflow:hidden;width:100%}.content-and-console{flex-direction:column;overflow:hidden}.content-and-console,.main-content{display:flex;flex:1;min-height:0;min-width:0}.main-content{flex-direction:column;overflow-x:auto;overflow-y:auto}.sidebar{background-color:var(--dev-bg);border-left:1px solid var(--dev-lines);flex:0 0 300px;height:100%;overflow-y:auto}.console{background-color:var(--muted);border-top:1px solid var(--dev-lines);height:v-bind(height_pct);max-width:100%;min-width:0;overflow:hidden;overflow-x:hidden;width:100%}.sidebar-slide-enter-active,.sidebar-slide-leave-active{transition:all .3s ease-in-out}.sidebar-slide-enter-from,.sidebar-slide-leave-to{flex:0 0 0px;overflow:hidden;width:0}.console-slide-enter-active,.console-slide-leave-active{transition:height .3s ease-in-out}.console-slide-enter-from,.console-slide-leave-to{height:0}.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--spinner-track);border:4px solid var(--spinner-track);border-radius:50%;border-top-color:var(--spinner-active);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.not-found-title{color:var(--destructive);font-size:1.25rem;font-weight:600;margin-bottom:8px}.not-found-message{color:var(--muted-foreground);font-size:.875rem}.not-found-message code{background-color:var(--muted);border-radius:4px;font-size:.8rem;padding:2px 6px}
 </style>

package/dist/runtime/layouts/experiment.d.vue.ts

@@ -1,13 +1,10 @@
-declare var __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
 };

package/dist/runtime/layouts/experiment.vue

@@ -1,10 +1,23 @@
+<script setup>
+import useWindowSizer from "#smile-composables/useWindowSizer";
+const { showAggressiveOverlay } = useWindowSizer();
+</script>
+
 <template>
   <div class="@container bg-background text-foreground experiment-container flex flex-col h-screen">
     <ClientOnly>
+      <LocalDevBanner />
       <ExperimentStatusBar />
     </ClientOnly>
     <div class="flex-1 min-h-0 overflow-auto">
       <slot />
     </div>
+    <!-- Aggressive window sizer overlay -->
+    <div
+      v-if="showAggressiveOverlay"
+      class="fixed inset-0 z-50 bg-background/95 overflow-auto"
+    >
+      <WindowSizerView triggered />
+    </div>
   </div>
 </template>

package/dist/runtime/layouts/experiment.vue.d.ts

@@ -1,13 +1,10 @@
-declare var __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
 };

package/dist/runtime/layouts/presentation.vue

@@ -1,9 +1,16 @@
 <script setup>
-import { computed } from "vue";
+import { computed, ref, onMounted } from "vue";
 import PresentationNavBar from "#smile-dev/presentation/PresentationNavBar.vue";
 const api = useAPI();
+const mounted = ref(false);
+onMounted(() => {
+  mounted.value = true;
+});
 const isLoading = computed(() => {
-  return api.currentRouteName() === void 0;
+  return !mounted.value;
+});
+const isRouteNotFound = computed(() => {
+  return mounted.value && api.currentRouteName() === void 0;
 });
 </script>
 
@@ -11,6 +18,8 @@ const isLoading = computed(() => {
   <ClientOnly>
     <!-- Main app container for presentation mode -->
     <div class="app-container">
+      <LocalDevBanner />
+
       <!-- Top toolbar with navigation -->
       <div class="toolbar">
         <PresentationNavBar />
@@ -29,6 +38,18 @@ const isLoading = computed(() => {
               <div class="loading-spinner" />
               <p>Loading...</p>
             </div>
+            <!-- Route not found -->
+            <div
+              v-else-if="isRouteNotFound"
+              class="loading-container"
+            >
+              <p class="not-found-title">
+                Route Not Found
+              </p>
+              <p class="not-found-message">
+                The path <code>{{ api.route.path }}</code> is not registered in the timeline.
+              </p>
+            </div>
             <!-- Main app content via slot -->
             <template v-else>
               <slot />
@@ -41,5 +62,5 @@ const isLoading = computed(() => {
 </template>
 
 <style scoped>
-.app-container{display:flex;flex-direction:column;height:100vh;width:100%}.toolbar{background-color:var(--dev-bar-bg);height:36px;margin-bottom:auto;margin-top:auto;width:full}.content-wrapper{display:flex;flex:1;overflow:hidden;width:100%}.content-and-console{flex-direction:column;overflow:hidden}.content-and-console,.main-content{display:flex;flex:1;min-height:0;min-width:0}.main-content{flex-direction:column;overflow-x:auto;overflow-y:auto}.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+.app-container{display:flex;flex-direction:column;height:100vh;width:100%}.toolbar{background-color:var(--dev-bar-bg);height:36px;margin-bottom:auto;margin-top:auto;width:full}.content-wrapper{display:flex;flex:1;overflow:hidden;width:100%}.content-and-console{flex-direction:column;overflow:hidden}.content-and-console,.main-content{display:flex;flex:1;min-height:0;min-width:0}.main-content{flex-direction:column;overflow-x:auto;overflow-y:auto}.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--spinner-track);border:4px solid var(--spinner-track);border-radius:50%;border-top-color:var(--spinner-active);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.not-found-title{color:var(--destructive);font-size:1.25rem;font-weight:600;margin-bottom:8px}.not-found-message{color:var(--muted-foreground);font-size:.875rem}.not-found-message code{background-color:var(--muted);border-radius:4px;font-size:.8rem;padding:2px 6px}
 </style>

package/dist/runtime/middleware/timeline.global.js

@@ -6,15 +6,13 @@
  * route (`/:slug(.*)*`). So we look up route metadata from $timeline.routes
  * instead of Vue Router's to.meta / from.meta.
  */
-import * as _seedrandom from 'seedrandom'
+import seedrandom from 'seedrandom'
 import { v4 as uuidv4 } from 'uuid'
 import { defineNuxtRouteMiddleware, useNuxtApp, navigateTo } from '#imports'
 import useSmileStore from '../stores/smilestore.js'
 import useLog from '../stores/log.js'
 import { getQueryParams, processQuery, initService } from '../utils/utils.js'
 
-const seedrandom = _seedrandom.default || _seedrandom
-
 /**
  * Core guard logic extracted for testability.
  * Returns the guard decision, then runs post-guard logic if navigation is allowed.
@@ -332,7 +330,7 @@ export default defineNuxtRouteMiddleware(async (to, from) => {
     return
   }
   // Skip guards for standalone pages that aren't part of the experiment timeline
-  if (to.path === '/info' || to.path === '/dev-login') {
+  if (to.path === '/dev-login') {
     return
   }
 

package/dist/runtime/pages/[...slug].vue

@@ -13,6 +13,8 @@
 </template>
 
 <script setup>
+import { ref, computed, onMounted, watch } from "vue";
+import { useRoute, useNuxtApp, navigateTo } from "#imports";
 const route = useRoute();
 const nuxtApp = useNuxtApp();
 const timelineReady = ref(false);

package/dist/runtime/pages/dev/[...slug].vue

@@ -17,6 +17,8 @@
 </template>
 
 <script setup>
+import { ref, computed, onMounted, watch } from "vue";
+import { useRoute, useNuxtApp, navigateTo } from "#imports";
 import RecruitmentChooserView from "#smile-dev/RecruitmentChooserView.vue";
 const route = useRoute();
 const nuxtApp = useNuxtApp();

package/dist/runtime/pages/dev-login.vue

@@ -30,10 +30,12 @@
 
 <script setup>
 import { ref } from "vue";
-import { navigateTo } from "#imports";
+import { navigateTo, useRoute } from "#imports";
+const route = useRoute();
 const password = ref("");
 const error = ref("");
 const loading = ref(false);
+const redirectTo = route.query.redirect || "/dev/";
 async function login() {
   error.value = "";
   loading.value = true;
@@ -42,7 +44,7 @@ async function login() {
       method: "POST",
       body: { password: password.value }
     });
-    await navigateTo("/dev/", { replace: true });
+    await navigateTo(redirectTo, { replace: true, external: true });
   } catch (err) {
     error.value = err.statusCode === 401 ? "Invalid password" : "Login failed";
   } finally {
@@ -52,5 +54,5 @@ async function login() {
 </script>
 
 <style scoped>
-.dev-login{align-items:center;background:#f5f5f5;display:flex;font-family:system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:400px;padding:2rem;width:100%}.login-card h2{font-size:1.25rem;margin:0 0 .5rem}.login-card p{color:#666;font-size:.875rem;margin:0 0 1rem}form{display:flex;flex-direction:column;gap:.75rem}input{border:1px solid #ccc;border-radius:4px;padding:.5rem .75rem}button,input{font-size:1rem}button{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}button:hover:not(:disabled){background:#555}button:disabled{cursor:not-allowed;opacity:.6}.error{color:#c00;margin:0}
+.dev-login{align-items:center;background:var(--muted);display:flex;font-family:system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh}.login-card{background:var(--background);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:400px;padding:2rem;width:100%}.login-card h2{color:var(--foreground);font-size:1.25rem;margin:0 0 .5rem}.login-card p{color:var(--muted-foreground);font-size:.875rem;margin:0 0 1rem}form{display:flex;flex-direction:column;gap:.75rem}input{background:var(--background);border:1px solid var(--border);border-radius:4px;color:var(--foreground);padding:.5rem .75rem}button,input{font-size:1rem}button{background:var(--primary);border:none;border-radius:4px;color:var(--primary-foreground);cursor:pointer;padding:.5rem 1rem}button:hover:not(:disabled){background:var(--primary);opacity:.85}button:disabled{cursor:not-allowed;opacity:.6}.error{color:var(--destructive);margin:0}
 </style>

package/dist/runtime/pages/presentation/[...slug].vue

@@ -20,6 +20,8 @@
 </template>
 
 <script setup>
+import { ref, computed, onMounted, watch } from "vue";
+import { useRoute, useNuxtApp, navigateTo } from "#imports";
 import PresentationModeView from "../../components/builtins/PresentationModeView.vue";
 import useSmileStore from "../../stores/smilestore";
 const route = useRoute();

package/dist/runtime/plugins/dev-sync.client.js

@@ -9,8 +9,6 @@ import useSmileStore from '../stores/smilestore.js'
 import appconfig from '../core/config.js'
 
 export default defineNuxtPlugin(() => {
-  if (appconfig.mode !== 'development') return
-
   const store = useSmileStore()
   const cookieName = `smile_${appconfig.codeName}_dev`
 

package/dist/runtime/plugins/seed.client.js

@@ -10,11 +10,9 @@
  */
 import { defineNuxtPlugin } from '#imports'
 import { v4 as uuidv4 } from 'uuid'
-import * as _seedrandom from 'seedrandom'
+import seedrandom from 'seedrandom'
 import useSmileStore from '../stores/smilestore.js'
 
-const seedrandom = _seedrandom.default || _seedrandom
-
 export default defineNuxtPlugin(() => {
   const store = useSmileStore()
 

package/dist/runtime/plugins/store-sync.client.js

@@ -52,16 +52,14 @@ export default defineNuxtPlugin((nuxtApp) => {
   )
 
   // --- 3. Watch store.dev — reset to defaults if externally cleared to null ---
-  if (appconfig.mode === 'development') {
-    watch(
-      () => store.dev,
-      (val) => {
-        if (val === null || val === undefined) {
-          store.dev = { ...initDev }
-        }
-      },
-    )
-  }
+  watch(
+    () => store.dev,
+    (val) => {
+      if (val === null || val === undefined) {
+        store.dev = { ...initDev }
+      }
+    },
+  )
 
   // --- 4. Watch localState → localStorage ---
   watch(

package/dist/runtime/public/images/smile.svg

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="devmode" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 435 185">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3bf21;
+      }
+
+      .cls-2 {
+        fill: #cc9005;
+      }
+
+      .cls-3 {
+        fill: #43330e;
+      }
+
+      .cls-4 {
+        fill: #f2b73d;
+      }
+
+      .cls-5 {
+        fill: #fefefe;
+      }
+    </style>
+  </defs>
+  <g id="smile">
+    <g>
+      <path class="cls-5" d="M89.73,150.44c11.39-12.62,12.89-32.13,3.67-46.4-11.25-17.4-25.33-23.15-39.48-36.29-1.67-1.55-2.95-2.67-3.45-5-1.63-7.64,3.94-13.77,11.71-11.42.9.27,3.78,1.84,4.14,2.62.6,1.31-.2,4.64.21,6.26.08.3,2.92,4.48,3.36,5.09.66.91,1.3,1.89,2.27,2.51,7.87.36,15.93.35,23.8,0,.87-.37,1.1-1.32,1.2-2.18,1-8.79-3.37-23.63-7.94-31.21-11.47-19-41.2-24.67-58.13-9.78-14.08,12.39-17.58,36.13-8.45,52.4,6.23,11.09,24.81,22.52,34.93,30.98,3.05,2.55,8.18,6.54,8.81,10.62,1.25,8.06-4.37,12.97-12.18,12.18-2.45-.25-4.02-1.79-4.53-4.2-.48-2.29.01-7.12-.62-8.68-.2-.5-1.3-1.47-1.76-1.91-1.4-1.34-4.82-4.2-6.61-4.37-7.57-.71-16.25.54-23.94.03-.77.1-1.33.54-1.51,1.31-.89,11.28.75,22.23,8.12,31.12,15.42,18.59,48.78,25.79,66.36,6.31ZM378.88,55.64h27.47c.75,0,10.89-6.1,12.4-7.03,1.27-.79,1.41-1.17,1.55-2.67.75-8.03-.59-17.21,0-25.37-.23-2.52-1.18-2.79-3.52-2.96l-67.32.04c-1.28.18-9.78,5.89-11.24,7.07-.52.42-1.6,1.38-1.6,2.06v98.43h-34.65l-.34-105.69c-.23-.82-.92-1.49-1.79-1.59-8.13.63-17.65-.88-25.64-.04-1.4.15-2.01.9-2.95,1.84-1.86,1.87-3.4,4.33-5.47,6.07l-.44,1.25c-.31,42.23.57,84.55-.29,126.73-.06,2.95-1,7.92,3.24,7.49h62.85c1.63.35,4.22-2.25,5.33-2.27.15,0,.56,1.5,1.29,1.83.67.3,1.89.23,2.66.44l68.13-.07c1.78-1.28,10.92-5.22,11.41-6.9l.07-27.55c.2-.56-.94-1.54-1.28-1.54h-39.58v-18.87h18.17c3.74-2.34,9.21-3.75,12.79-6.08,1.1-.71,1.34-2.13,1.44-3.35.64-7.47-.51-15.83,0-23.4.17-.77-1.31-1.82-1.85-1.82h-30.85v-16.05ZM136.24,18.55c-.55-.48-1.02-.6-1.72-.67-9.18-.87-19.72.7-29.05,0-.6.03-1.88.77-2.05,1.33l.1,136.1c1.36,1.39,4.95,5.61,6.76,5.91,8.74-.1,17.56.29,26.25-.2l.78-.63-.14-63.93c.4-.07.37.47.49.77,5.41,13.73,9.85,27.86,15.33,41.57.22.43.46.65.95.74,1.45.28,6.8.16,8.46.02,1.49-.13,1.39-.16,1.95-1.42l15.64-42.24-.07,64.14c.4.87,1.85,1.13,2.74,1.21,8.18.72,17.37-.57,25.66,0,.42.03.8-.07,1.18-.23s5.04-4.72,5.42-5.28c.31-.45.59-.81.57-1.4-.15-45.08.28-90.22-.22-135.26-.44-.84-1.23-1.25-2.17-1.21-10.25.74-21.76-.93-31.86,0-3.51.33-2.9,3.55-4.36,6.06l-18.73,52.53-21.92-57.93ZM258.79,18.55c-.36-.45-1.18-.61-1.73-.66-8.94-.85-19.31.62-28.4.09-2.91.49-5.92,6.07-7.76,8.3l-.07,132.04c.19,2,.88,2.45,2.76,2.87l28.37.05c2.84-1.62,4.86-4.37,7.43-6.37.33-44.98-.38-89.89-.22-134.87-.02-.51-.04-1.04-.38-1.46Z"/>
+      <g>
+        <g>
+          <g>
+            <path class="cls-3" d="M89.73,150.44c-17.58,19.48-50.94,12.27-66.36-6.31-7.37-8.89-9.01-19.84-8.12-31.12.18-.77.73-1.21,1.51-1.31,7.69.51,16.37-.74,23.94-.03,1.79.17,5.21,3.04,6.61,4.37.46.44,1.55,1.4,1.76,1.91.63,1.56.14,6.39.62,8.68.5,2.42,2.08,3.96,4.53,4.2,7.82.79,13.44-4.12,12.18-12.18-.64-4.08-5.76-8.07-8.81-10.62-10.12-8.46-28.71-19.89-34.93-30.98-9.13-16.26-5.64-40,8.45-52.4,16.93-14.89,46.66-9.22,58.13,9.78,4.57,7.57,8.94,22.42,7.94,31.21-.1.86-.32,1.81-1.2,2.18-7.87.35-15.93.35-23.8,0-.98-.62-1.61-1.6-2.27-2.51-.44-.61-3.29-4.79-3.36-5.09-.42-1.63.38-4.96-.21-6.26-.36-.79-3.23-2.35-4.14-2.62-7.77-2.34-13.34,3.78-11.71,11.42.5,2.33,1.78,3.45,3.45,5,14.15,13.13,28.24,18.89,39.48,36.29,9.22,14.27,7.72,33.78-3.67,46.4ZM68.15,59.02h23.52c.31,0,.4-.69.44-.97,2.14-18.21-8.88-34.15-26.66-38.44-28.38-6.85-48.81,14.17-45.76,42.08,1.5,13.69,8.27,20.06,18.17,28.3,8.05,6.69,21.58,15.2,27.89,22.82,4.92,5.94,3.43,15.7-3.94,18.88-7.45,3.22-20.71-.65-20.71-10.01v-8.03h-24.23c-.67,11.83,1.79,24.12,10.98,32.25,13.57,11.99,38.72,12.78,52.82,1.26,18.45-15.07,16.23-41.02-.69-56.18-6.39-5.73-13.95-11.13-20.42-16.2-8.13-6.36-18.22-10.95-15.84-23.14,2.52-12.89,20.88-14.17,24.02-2.49.88,3.26.49,6.54.41,9.87ZM48.43,62.26c-.09-1.35,0-2.85,0-4.22,0-6.17,6.43-9.68,11.97-9.15,2.14.21,3.82,1.43,5.78,2.11-1.92-10.62-16.71-10.26-20.14-.7-1.45,4.05-.97,10.45,2.67,13.23.2-.48-.26-1-.28-1.27ZM95.19,66.06c.09-3.16-.06-6.29-.28-9.44l-1.13-5.21v8.03c0,1.8-4.59,1.19-5.79,1.26-.67.04-1.28.28-1.95.3-5.48.2-11.01-.17-16.49-.01-.37.34,3.08,4.52,3.52,5.07h22.11ZM87.41,149.8c7.51-7.75,10.86-18.35,10.01-29.21-.29-3.69-1.43-8.45-3.62-11.44,2.03,8.34,2.47,16.32-.8,24.41-7.28,18.02-26.24,26.05-44.9,23.1-2.14-.34-4.31-1.19-6.42-1.19,3.37,2.04,7.34,3.02,11.22,3.71,13.06,2.35,25.13.3,34.52-9.39ZM42.8,115.34v4.37c0,3.03,1.36,6.12,3.66,8.17l2.26,1.4c-1.43-3.31-1.04-6.86-1.47-10.36-.28-.64-4.07-4-4.45-3.58ZM41.39,155.06c-.4-.2-.75.18-.56.28.4.2.75-.18.56-.28Z"/>
+            <path class="cls-1" d="M68.15,59.02c.08-3.33.47-6.61-.41-9.87-3.14-11.68-21.5-10.4-24.02,2.49-2.38,12.19,7.71,16.78,15.84,23.14,6.47,5.06,14.03,10.47,20.42,16.2,16.92,15.17,19.14,41.11.69,56.18-14.1,11.52-39.25,10.74-52.82-1.26-9.2-8.13-11.65-20.42-10.98-32.25h24.23v8.03c0,9.35,13.27,13.22,20.71,10.01,7.37-3.19,8.86-12.94,3.94-18.88-6.31-7.62-19.84-16.12-27.89-22.82-9.9-8.24-16.68-14.61-18.17-28.3-3.05-27.91,17.37-48.93,45.76-42.08,17.77,4.29,28.79,20.23,26.66,38.44-.03.28-.13.97-.44.97h-23.52Z"/>
+            <path class="cls-2" d="M87.41,149.8c-9.39,9.69-21.46,11.74-34.52,9.39-3.87-.7-7.84-1.67-11.22-3.71,2.11,0,4.28.85,6.42,1.19,18.66,2.95,37.62-5.08,44.9-23.1,3.27-8.09,2.82-16.07.8-24.41,2.2,2.99,3.33,7.75,3.62,11.44.85,10.86-2.49,21.46-10.01,29.21Z"/>
+            <path class="cls-2" d="M48.43,62.26c.02.27.48.79.28,1.27-3.64-2.78-4.12-9.18-2.67-13.23,3.42-9.57,18.22-9.92,20.14.7-1.96-.68-3.64-1.9-5.78-2.11-5.54-.53-11.97,2.98-11.97,9.15,0,1.37-.09,2.88,0,4.22Z"/>
+            <path class="cls-2" d="M95.19,66.06h-22.11c-.44-.55-3.89-4.73-3.52-5.07,5.48-.16,11.01.21,16.49.01.67-.02,1.28-.27,1.95-.3,1.2-.07,5.79.54,5.79-1.26v-8.03l1.13,5.21c.22,3.15.37,6.28.28,9.44Z"/>
+            <path class="cls-2" d="M42.8,115.34c.39-.42,4.17,2.93,4.45,3.58.42,3.5.04,7.05,1.47,10.36l-2.26-1.4c-2.3-2.05-3.66-5.14-3.66-8.17v-4.37Z"/>
+            <path class="cls-4" d="M41.39,155.06c.19.1-.16.48-.56.28-.19-.1.16-.48.56-.28Z"/>
+          </g>
+          <g>
+            <g>
+              <path class="cls-3" d="M136.24,18.55l21.92,57.93,18.73-52.53c1.47-2.51.85-5.74,4.36-6.06,10.1-.94,21.61.73,31.86,0,.94-.04,1.73.37,2.17,1.21.5,45.04.06,90.18.22,135.26.02.6-.26.95-.57,1.4-.39.55-5.02,5.12-5.42,5.28s-.76.25-1.18.23c-8.29-.57-17.48.71-25.66,0-.88-.08-2.33-.33-2.74-1.21l.07-64.14-15.64,42.24c-.55,1.26-.46,1.3-1.95,1.42-1.66.14-7.01.26-8.46-.02-.48-.09-.73-.32-.95-.74-5.47-13.71-9.91-27.84-15.33-41.57-.12-.3-.08-.84-.49-.77l.14,63.93-.78.63c-8.69.48-17.51.1-26.25.2-1.81-.3-5.4-4.52-6.76-5.91l-.1-136.1c.17-.56,1.45-1.3,2.05-1.33,9.32.69,19.87-.87,29.05,0,.71.07,1.18.19,1.72.67ZM180.27,20.15l-21.16,59.53c-1.3,1.69-2.23-1.12-2.64-2.09-4.55-10.59-8.18-22.67-12.33-33.58-3.08-8.09-6.1-16.27-9.65-24.15h-29.44c-.07.21.28.34.28.42v133.07h25.64v-75.62c0-1.76,1.65-.88,1.83.43l19.62,53.46,12.08-.1c6.31-15.51,11.29-31.67,17.56-47.22.41-1.01,2.79-6.96,3.14-7.28.49-.45,1.27-.24,1.27.14v76.18h27.33l-.28-133.21h-33.24ZM181.68,90.98v66.04c.47-.48,2.94-2.31,3.07-2.72.14-.44-.21-.93-.2-1.36.07-3.05-.05-5.98-.07-9-.13-20.04.13-40.1.01-60.14l-2.81,7.18ZM135.48,156.74l-.27-65.49c.07-.7-1.57-5.19-1.84-5.19-.41,0-.41.95-.44,1.25-.87,11.64,0,25.58.03,37.48.02,9.47-.03,19.16-.03,28.73.17,1.28,1.58,2.48,2.55,3.23ZM163.65,133.65h-10.42c.23.97.97,3.9,1.89,4.17.58.17,6.78.13,7.13-.08.38-.23,1.57-3.93,1.4-4.09ZM134.64,159.28c.32-.8-2.45-3.66-2.68-3.66h-25.21c.07,1.05,1.34,1.5,1.98,2.1.31.29,1.05,1.56,1.26,1.56h24.65ZM212.11,155.62h-26.34c-.25,0-3.09,3.18-3.52,3.66h26.06c.26,0,3.33-3.18,3.8-3.66Z"/>
+              <path class="cls-1" d="M180.27,20.15h33.24l.28,133.21h-27.33v-76.18c0-.39-.78-.59-1.27-.14-.35.32-2.74,6.27-3.14,7.28-6.27,15.55-11.25,31.71-17.56,47.22l-12.08.1-19.62-53.46c-.17-1.31-1.83-2.19-1.83-.43v75.62h-25.64V20.3c0-.09-.36-.22-.28-.42h29.44c3.55,7.88,6.57,16.06,9.65,24.15,4.15,10.91,7.78,22.99,12.33,33.58.41.96,1.34,3.77,2.64,2.09l21.16-59.53Z"/>
+              <path class="cls-2" d="M181.68,90.98l2.81-7.18c.12,20.04-.14,40.09-.01,60.14.02,3.01.15,5.95.07,9-.01.44.34.92.2,1.36-.13.41-2.61,2.24-3.07,2.72v-66.04Z"/>
+              <path class="cls-2" d="M135.48,156.74c-.96-.75-2.37-1.95-2.55-3.23,0-9.56.04-19.25.03-28.73-.02-11.9-.9-25.84-.03-37.48.02-.3.03-1.25.44-1.25.28,0,1.92,4.49,1.84,5.19l.27,65.49Z"/>
+              <path class="cls-2" d="M212.11,155.62c-.47.48-3.54,3.66-3.8,3.66h-26.06c.43-.48,3.27-3.66,3.52-3.66h26.34Z"/>
+              <path class="cls-2" d="M134.64,159.28h-24.65c-.21,0-.94-1.27-1.26-1.56-.65-.6-1.92-1.05-1.98-2.1h25.21c.23,0,3,2.87,2.68,3.66Z"/>
+              <path class="cls-2" d="M163.65,133.65c.17.16-1.03,3.86-1.4,4.09s-6.55.25-7.13.08c-.92-.27-1.66-3.2-1.89-4.17h10.42Z"/>
+            </g>
+            <g>
+              <path class="cls-3" d="M258.79,18.55c.34.42.36.94.38,1.46-.16,44.97.56,89.89.22,134.87-2.58,2-4.59,4.75-7.43,6.37l-28.37-.05c-1.88-.42-2.57-.87-2.76-2.87l.07-132.04c1.84-2.23,4.85-7.81,7.76-8.3,9.09.53,19.46-.93,28.4-.09.55.05,1.37.22,1.73.66ZM257.47,19.86h-29.33s0,133.5,0,133.5h29.33s0-133.5,0-133.5ZM226.4,153.86c.09-21.52.15-43.05.09-64.58,0-.8-.3-1.5-.31-2.23-.07-21.55.2-43.11-.13-64.65-.79,1.55-3.29,3.18-3.53,4.92-.25,20.46.25,40.98.31,61.39.06,22.77-.08,45.54-.01,68.31.43.48,3.08-2.98,3.58-3.17ZM223.66,159.28h27.75c.51,0,4.02-2.85,4.37-3.66-7.65-.14-15.32.18-22.97,0-1.36-.03-2.71-.47-4.23-.31s-3.37,2.27-4.55,3.32c-.19.17-.54-.02-.36.64Z"/>
+              <rect class="cls-1" x="228.15" y="19.86" width="29.33" height="133.5"/>
+              <path class="cls-2" d="M226.4,153.86c-.5.19-3.15,3.65-3.58,3.17-.06-22.76.08-45.54.01-68.31-.06-20.42-.56-40.94-.31-61.39.24-1.74,2.75-3.36,3.53-4.92.32,21.54.06,43.1.13,64.65,0,.73.3,1.42.31,2.23.06,21.52,0,43.06-.09,64.58Z"/>
+              <path class="cls-2" d="M223.66,159.28c-.18-.66.17-.48.36-.64,1.18-1.04,3.08-3.17,4.55-3.32s2.87.28,4.23.31c7.65.17,15.32-.15,22.97,0-.35.81-3.85,3.66-4.37,3.66h-27.75Z"/>
+            </g>
+          </g>
+        </g>
+        <g>
+          <g>
+            <path class="cls-2" d="M299.72,19.87v98.16c.79,2.58-.17,5.96.28,8.44.04.23.22.7.42.7h39.02v26.05l-65.92.14.28-133.49h25.92Z"/>
+            <path class="cls-2" d="M267.33,157.87c-.03-26.14.03-52.3.01-78.45,0-13.89-.2-28.11,0-41.94.03-2.12-.43-10.11.25-11.29s3.51-3.18,4.52-4.35c-.47,43.66-.23,87.4-.27,131.1-.23,1.99-3.17,3.6-4.51,4.92Z"/>
+            <path class="cls-2" d="M268.45,159.28c-.18-.66.17-.48.36-.64.68-.6,3.48-3.08,4.07-3.23,1.41-.36,2.78.2,4.14.23,20.13.35,40.31-.29,60.44-.01l-5.49,3.66h-63.53Z"/>
+          </g>
+          <rect class="cls-1" x="273.63" y="19.7" width="27.31" height="133.95"/>
+          <rect class="cls-1" x="297.99" y="126.72" width="41.33" height="26.57"/>
+          <g>
+            <path class="cls-3" d="M378.88,55.64v16.05h30.85c.54,0,2.01,1.05,1.85,1.82-.51,7.57.64,15.93,0,23.4-.1,1.21-.34,2.63-1.44,3.35-3.58,2.33-9.06,3.73-12.79,6.08h-18.17v18.87h39.58c.34,0,1.48.98,1.28,1.54l-.07,27.55c-.49,1.68-9.63,5.62-11.41,6.9l-68.13.07c-.77-.21-1.99-.14-2.66-.44-.73-.33-1.13-1.84-1.29-1.83-1.11.02-3.7,2.62-5.33,2.27h-62.85c-4.24.43-3.3-4.53-3.24-7.49.85-42.18-.02-84.5.29-126.73l.44-1.25c2.08-1.75,3.61-4.2,5.47-6.07.93-.94,1.55-1.69,2.95-1.84,7.99-.85,17.5.66,25.64.04.87.1,1.56.77,1.79,1.59l.34,105.69h34.65V26.77c0-.68,1.08-1.65,1.6-2.06,1.47-1.17,9.96-6.88,11.24-7.07l67.32-.04c2.34.17,3.29.44,3.52,2.96-.59,8.16.75,17.33,0,25.37-.14,1.5-.28,1.88-1.55,2.67-1.51.94-11.65,7.03-12.4,7.03h-27.47ZM418.32,19.59h-68.88l-.14,134.05h68.6s.42-.39.42-.42v-25.77h-40.43c-.82,0-.95-1.21-1-1.82-.73-8.55.58-18.12,0-26.78-.11-.36.49-1.25.72-1.25h31.97v-23.66l-32.27-.25c-.49-.44-.64-1.76-.7-2.42-.56-6.71.43-13.61.3-20.3-.02-1.06-.8-3.4.1-4.1.12-.09,1.61-.54,1.72-.54h39.16s.42-.39.42-.42v-26.33ZM299.72,19.87h-25.92l-.28,133.49,65.92-.14v-26.05h-39.02c-.2,0-.38-.47-.42-.7-.45-2.48.51-5.86-.29-8.44V19.87ZM347.55,153.87l-.23-132.59c-2.91,1.54-5.65,3.51-8.45,5.27.1,32.85-.04,65.68-.29,98.49.07.44,2.84-.53,3.12,2.54.72,7.96-.57,17-.01,25.08-.29,2.58-2.62,3.34-2.78,3.99-.12.48.36,1.22.24,1.78.45.47,7.44-3.96,8.39-4.56ZM267.33,157.87c1.34-1.32,4.28-2.93,4.51-4.92.05-43.7-.2-87.44.27-131.1-1.01,1.17-3.84,3.17-4.52,4.35s-.22,9.17-.25,11.29c-.21,13.82-.01,28.05,0,41.94.01,26.15-.04,52.3-.01,78.45ZM415.22,48.6h-36.62v5.07h27.47l9.16-5.07ZM406.49,99.57h-27.61v4.79h18.45c.37,0,5.06-2.84,6.06-2.95l3.09-1.84ZM268.45,159.28h63.53l5.49-3.66c-20.13-.28-40.31.36-60.44.01-1.36-.02-2.73-.59-4.14-.23-.59.15-3.4,2.63-4.07,3.23-.19.17-.54-.02-.36.64ZM414.66,155.62l-21.84-.02c-14.63,0-29.5.04-44.23,0-1.59.48-3.19,1.34-4.65,2.11-.8.43-1.88.96-2.53,1.55,1.15.29,2.52-.29,3.52-.28,20.89.18,41.89.44,62.84.29l2.39-.99,4.49-2.68Z"/>
+            <path class="cls-1" d="M418.32,19.59v26.33s-.39.42-.42.42h-39.16c-.11,0-1.6.45-1.72.54-.9.7-.12,3.04-.1,4.1.13,6.69-.86,13.6-.3,20.3.05.66.21,1.98.7,2.42l32.27.25v23.66h-31.97c-.23,0-.83.9-.72,1.25.58,8.66-.73,18.23,0,26.78.05.61.17,1.82,1,1.82h40.43v25.77s-.39.42-.42.42h-68.6l.14-134.05h68.88Z"/>
+            <path class="cls-2" d="M347.55,153.87c-.95.6-7.94,5.03-8.39,4.56.12-.56-.36-1.3-.24-1.78.16-.66,2.48-1.41,2.78-3.99-.55-8.08.74-17.12.01-25.08-.28-3.07-3.05-2.1-3.12-2.54.25-32.81.38-65.64.29-98.49,2.8-1.76,5.54-3.73,8.45-5.27l.23,132.59Z"/>
+            <path class="cls-2" d="M414.66,155.62l-4.49,2.68-2.39.99c-20.94.15-41.94-.11-62.84-.29-1,0-2.37.57-3.52.28.65-.59,1.73-1.13,2.53-1.55,1.46-.78,3.06-1.64,4.65-2.11,14.73.03,29.6-.02,44.23,0l21.84.02Z"/>
+            <polygon class="cls-2" points="415.22 48.6 406.07 53.67 378.6 53.67 378.6 48.6 415.22 48.6"/>
+            <path class="cls-2" d="M406.49,99.57l-3.09,1.84c-1.01.11-5.69,2.95-6.06,2.95h-18.45v-4.79h27.61Z"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/dist/runtime/server/api/auth/login.post.js

@@ -1,6 +1,7 @@
 import { randomUUID } from "node:crypto";
 import { defineEventHandler, readBody, createError, setCookie } from "h3";
 import { useRuntimeConfig } from "nitropack/runtime";
+import bcrypt from "bcryptjs";
 import { useDB } from "../../utils/db.js";
 import { devSessions } from "../../database/schema.js";
 export default defineEventHandler(async (event) => {
@@ -10,7 +11,14 @@ export default defineEventHandler(async (event) => {
   if (!devPassword) {
     throw createError({ statusCode: 500, statusMessage: "Dev password not configured" });
   }
-  if (body.password !== devPassword) {
+  let isValid;
+  if (devPassword.startsWith("$2")) {
+    isValid = await bcrypt.compare(body.password, devPassword);
+  } else {
+    console.warn("[smile] Dev password is stored in plaintext. Run `pnpm smile:hash-password` to generate a hashed version.");
+    isValid = body.password === devPassword;
+  }
+  if (!isValid) {
     throw createError({ statusCode: 401, statusMessage: "Invalid password" });
   }
   const db = useDB();
@@ -22,7 +30,8 @@ export default defineEventHandler(async (event) => {
   });
   setCookie(event, "smile_dev_session", token, {
     httpOnly: true,
-    secure: process.env.NODE_ENV === "production",
+    secure: false,
+    // allow HTTP for local preview; deployed behind HTTPS proxy
     sameSite: "lax",
     path: "/",
     maxAge: 7 * 24 * 60 * 60

package/dist/runtime/server/api/db-info.get.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, {
+    type: string;
+    url: string;
+}>;
+export default _default;

package/dist/runtime/server/api/db-info.get.js

@@ -0,0 +1,10 @@
+import { defineEventHandler } from "h3";
+export default defineEventHandler(() => {
+  const url = process.env.TURSO_DATABASE_URL || "file:.data/experiment.db";
+  const isTurso = url.startsWith("libsql://") || url.startsWith("https://");
+  const isLocal = url.startsWith("file:");
+  return {
+    type: isTurso ? "Turso" : isLocal ? "Local SQLite" : "LibSQL",
+    url: isTurso ? url.replace(/\/\/.*@/, "//***@") : url
+  };
+});

package/dist/runtime/server/api/qr.get.js

@@ -1,6 +1,5 @@
-import * as _QRCode from "qrcode-svg";
+import QRCode from "qrcode-svg";
 import { defineEventHandler, getQuery, getRequestURL, setResponseHeader } from "h3";
-const QRCode = _QRCode.default || _QRCode;
 export default defineEventHandler((event) => {
   const query = getQuery(event);
   const requestUrl = getRequestURL(event);