From fb5272cb4e99f266b973da5620fa3f0b86bb7a36 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Tue, 18 Feb 2025 00:47:38 -0800
Subject: [PATCH] fix(stores): consolidated some store values

---
 app/(auth)/login/page.tsx                                 | 8 +++++++-
 app/w/components/control-bar/control-bar.tsx              | 6 +++---
 .../settings-modal/components/general/general.tsx         | 8 +++++++-
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/(auth)/login/page.tsx b/app/(auth)/login/page.tsx
index 1213014f3..4d11d62ad 100644
--- a/app/(auth)/login/page.tsx
+++ b/app/(auth)/login/page.tsx
@@ -152,7 +152,13 @@ export default function LoginPage() {
                   </div>
                   <div className="space-y-2">
                     <Label htmlFor="password">Password</Label>
-                    <Input id="password" name="password" type="password" required />
+                    <Input
+                      id="password"
+                      name="password"
+                      type="password"
+                      placeholder="Enter your password"
+                      required
+                    />
                   </div>
                   <Button type="submit" className="w-full" disabled={isLoading}>
                     {isLoading ? 'Signing in...' : 'Sign in'}
diff --git a/app/w/components/control-bar/control-bar.tsx b/app/w/components/control-bar/control-bar.tsx
index a30b259cb..86f73ad68 100644
--- a/app/w/components/control-bar/control-bar.tsx
+++ b/app/w/components/control-bar/control-bar.tsx
@@ -32,7 +32,7 @@ import { NotificationDropdownItem } from './components/notification-dropdown-ite
 
 export function ControlBar() {
   const { notifications, getWorkflowNotifications } = useNotificationStore()
-  const { history, undo, redo, revertToHistoryState } = useWorkflowStore()
+  const { history, undo, redo, revertToHistoryState, lastSaved } = useWorkflowStore()
   const [isEditing, setIsEditing] = useState(false)
   const [editedName, setEditedName] = useState('')
   const { workflows, updateWorkflow, activeWorkflowId, removeWorkflow } = useWorkflowRegistry()
@@ -125,10 +125,10 @@ export function ControlBar() {
             {activeWorkflowId ? workflows[activeWorkflowId].name : 'Workflow'}
           </h2>
         )}
-        {mounted && ( // Only render the timestamp after client-side hydration
+        {mounted && (
           <p className="text-xs text-muted-foreground">
             Saved{' '}
-            {formatDistanceToNow(history.present.timestamp, {
+            {formatDistanceToNow(lastSaved || Date.now(), {
               addSuffix: true,
             })}
           </p>
diff --git a/app/w/components/sidebar/components/settings-modal/components/general/general.tsx b/app/w/components/sidebar/components/settings-modal/components/general/general.tsx
index 31203e563..dfaf29330 100644
--- a/app/w/components/sidebar/components/settings-modal/components/general/general.tsx
+++ b/app/w/components/sidebar/components/settings-modal/components/general/general.tsx
@@ -20,6 +20,8 @@ export function General() {
   const router = useRouter()
   const isAutoConnectEnabled = useGeneralStore((state) => state.isAutoConnectEnabled)
   const toggleAutoConnect = useGeneralStore((state) => state.toggleAutoConnect)
+  const isDebugModeEnabled = useGeneralStore((state) => state.isDebugModeEnabled)
+  const toggleDebugMode = useGeneralStore((state) => state.toggleDebugMode)
 
   const handleResetData = () => {
     resetAllStores()
@@ -35,7 +37,11 @@ export function General() {
             <Label htmlFor="debug-mode" className="font-medium">
               Debug mode
             </Label>
-            <Switch id="debug-mode" />
+            <Switch
+              id="debug-mode"
+              checked={isDebugModeEnabled}
+              onCheckedChange={toggleDebugMode}
+            />
           </div>
           <div className="flex items-center justify-between py-1">
             <Label htmlFor="auto-connect" className="font-medium">