Fix settings and a few UI adjustment

Author: Shellishack

components/modals/password-modal.tsx

@@ -49,10 +49,7 @@ export default function PasswordScreen({
             onPress={() => {
               setIsOpen(false);
               // Reset all settings
-              editorContext?.setEditorStates((prev) => ({
-                ...prev,
-                settings: undefined,
-              }));
+              editorContext?.setPersistSettings(undefined);
             }}
             variant="light"
             disableRipple
@@ -72,14 +69,13 @@ export default function PasswordScreen({
               if (!editorContext?.persistSettings?.isPasswordSet) {
                 // Set password if not already set
                 const settings = editorContext?.persistSettings ?? {};
-                editorContext?.setEditorStates((prev) => ({
-                  ...prev,
-                  settings: {
-                    ...settings,
+                editorContext?.setPersistSettings((prev) => {
+                  return {
+                    ...prev,
                     isPasswordSet: true,
                     password: password,
-                  },
-                }));
+                  };
+                });
 
                 // Encrypt API tokens
                 const sttAPIKey = settings.sttAPIKey
@@ -111,17 +107,15 @@ export default function PasswordScreen({
                   : undefined;
 
                 // Load password to context if the password was set
-                const settings = editorContext?.persistSettings ?? {};
-                editorContext?.setEditorStates((prev) => ({
-                  ...prev,
-                  settings: {
-                    ...settings,
+                editorContext?.setPersistSettings((prev) => {
+                  return {
+                    ...prev,
                     sttAPIKey: sttAPIKey,
                     llmAPIKey: llmAPIKey,
                     ttsAPIKey: ttsAPIKey,
                     password: password,
-                  },
-                }));
+                  };
+                });
               }
             }}
           >

components/modals/settings-modal.tsx

@@ -381,9 +381,7 @@ export default function SettingModal({
                 });
               } else {
                 // Reset all settings
-                updateEditorSettings({
-                  settings: undefined,
-                });
+                editorContext?.setPersistSettings(undefined);
               }
             }}
           >

components/nav-menu.tsx

@@ -70,10 +70,10 @@ export default function NavMenu({ isMenuOpen }: { isMenuOpen: boolean }) {
           <div className="h-full w-full bg-content2 p-2">
             <div className="flex h-full w-full flex-col items-center space-y-1">
               {!projectPath && (
-                <div className="flex w-full flex-wrap justify-center gap-x-0.5 gap-y-0.5">
-                  <Button size="sm">New Project</Button>
+                <div className="flex w-full flex-wrap justify-center gap-x-1 gap-y-1">
+                  <Button className="w-40">New Project</Button>
                   <Button
-                    size="sm"
+                    className="w-40"
                     onPress={() => {
                       openFilePicker(true).then((folderPaths) => {
                         console.log(folderPaths);
@@ -82,10 +82,10 @@ export default function NavMenu({ isMenuOpen }: { isMenuOpen: boolean }) {
                   >
                     Open Project
                   </Button>
-                  <Button size="sm">Save Project</Button>
-                  <Button size="sm">New File</Button>
+                  <Button className="w-40">Save Project</Button>
+                  <Button className="w-40">New File</Button>
                   <Button
-                    size="sm"
+                    className="w-40"
                     onPress={() => {
                       openFilePicker(false).then((filePaths) => {
                         console.log(filePaths);
@@ -113,15 +113,14 @@ export default function NavMenu({ isMenuOpen }: { isMenuOpen: boolean }) {
                               newVM?.setActiveView(view);
                               return newVM;
                             });
-                            
                           });
                         });
                       });
                     }}
                   >
                     Open File
                   </Button>
-                  <Button size="sm">Save File</Button>
+                  <Button className="w-40">Save File</Button>
                 </div>
               )}
             </div>

components/view-display-area.tsx

@@ -36,9 +36,13 @@ export default function ViewDisplayArea() {
       <div className="flex h-full w-full flex-col items-start justify-between gap-1.5 overflow-hidden rounded-xl bg-default p-2">
         <div className={`min-h-0 w-full flex-grow`}>
           {editorContext?.viewManager?.viewCount() === 0 ? (
-            <div>
-              <h1>Chisel Editor</h1>
-              <p>Start by opening a file or project.</p>
+            <div className="flex h-full w-full flex-col items-center justify-center gap-y-1 pb-12 text-default-foreground">
+              <h1 className="text-center text-2xl font-bold">
+                Welcome to Chisel Editor!
+              </h1>
+              <p className="text-center text-lg font-normal">
+                Start by opening a file or project.
+              </p>
             </div>
           ) : (
             editorContext?.viewManager
@@ -73,7 +77,7 @@ export default function ViewDisplayArea() {
             >
               <AgentChatTerminalView
                 ref={(ref) => {
-                  // if (ref) editorContext?.viewManager?.addView("2", ref);
+                  // TODO: Refactor this to use view manager
                 }}
               />
             </motion.div>