Release v1.1.1

Author: sizzlebop

CHANGELOG.md

@@ -1,8 +1,16 @@
 # 📝 Changelog
 
-All notable changes to the Notara project will be documented in this file.
-
-## Initial Release [1.1.0]
+All notable changes to the Notara project will be documented in this file.
+
+## [1.1.1] - 2026-03-26
+
+### 🐛 Fixed
+
+- Added a `New Note` button beside `Save` in the open note editor so users can create another note without getting stuck on the current note screen.
+- Fixed the editor transition into new-note mode so the web app opens a fresh blank note instead of reusing the previously opened note state.
+- Fixed the desktop Constellation page layout by restoring the expected `ResizablePanel` wrapper used by `AppLayout`, which resolves the broken installed-app rendering.
+
+## Initial Release [1.1.0]
 
 ### ✨ Added
 
@@ -27,7 +35,7 @@ All notable changes to the Notara project will be documented in this file.
 - Fixed Pollinations desktop requests by allowing Pollinations URLs in the Tauri HTTP scope and enabling `Authorization` headers.
 - Fixed the to-do list date picker freeze in Tauri/AppImage builds by replacing the native `input[type="date"]` control with an in-app calendar picker.
 
-## [1.1.0] - 2026-03-13
+## [1.1.0] - 2026-03-13
 
 ### ✨ Added
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinkpixel/notara",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Feature-rich note-taking application and markdown editor with AI assistant.",
   "type": "module",
   "scripts": {

package.json

@@ -1,6 +1,6 @@
 [package]
 name = "notara"
-version = "1.1.0"
+version = "1.1.1"
 description = "Notara desktop application powered by Tauri."
 authors = ["Pink Pixel <admin@pinkpixel.dev>"]
 license = "Apache-2.0"

src-tauri/Cargo.lock

@@ -1,7 +1,7 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "productName": "Notara",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "identifier": "dev.pinkpixel.notara",
   "build": {
     "frontendDist": "../dist",

src-tauri/Cargo.toml

@@ -8,16 +8,17 @@ import TagSelector from './TagSelector';
 import MarkdownPreview from './MarkdownPreview';
 import MarkdownToolbar from './MarkdownToolbar';
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { Maximize2, Star } from 'lucide-react';
+import { Maximize2, Plus, Star } from 'lucide-react';
 import { toast } from '@/hooks/use-toast';
 
 interface NoteEditorProps {
   note?: Note;
   isNew?: boolean;
   onSave?: (note: Note) => void;
+  onCreateNote?: () => void;
 }
 
-const NoteEditor: React.FC<NoteEditorProps> = ({ note, isNew = false, onSave }) => {
+const NoteEditor: React.FC<NoteEditorProps> = ({ note, isNew = false, onSave, onCreateNote }) => {
   const {
     notes,
     tags: availableTags,
@@ -37,13 +38,22 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ note, isNew = false, onSave })
   const editorRef = useRef<HTMLTextAreaElement>(null);
 
   useEffect(() => {
+    if (isNew) {
+      setTitle('');
+      setContent('');
+      setSelectedTags([]);
+      setIsPinned(false);
+      setIsPreview(false);
+      return;
+    }
+
     if (note) {
       setTitle(note.title);
       setContent(note.content);
       setSelectedTags(note.tags);
       setIsPinned(note.isPinned);
     }
-  }, [note]);
+  }, [isNew, note]);
 
   const handleSave = useCallback(async () => {
     setIsSaving(true);
@@ -191,10 +201,19 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ note, isNew = false, onSave })
             onChange={setSelectedTags}
             availableTags={availableTags}
           />
-          <Button
-            onClick={handleSave}
-            disabled={isSaving}
-            className="ml-2"
+          <Button
+            onClick={onCreateNote}
+            disabled={!onCreateNote}
+            variant="outline"
+            size="sm"
+          >
+            <Plus className="h-4 w-4 mr-1" />
+            New Note
+          </Button>
+          <Button
+            onClick={handleSave}
+            disabled={isSaving}
+            className="ml-2"
             size="sm"
           >
             {isSaving ? 'Saving...' : 'Save'}

src-tauri/tauri.conf.json

@@ -1,16 +1,19 @@
 
-import React from 'react';
-import AppLayout from '@/components/layout/AppLayout';
-import ConstellationView from '@/components/constellation/ConstellationView';
-
-const ConstellationsPage: React.FC = () => {
-  return (
-    <AppLayout>
-      <div className="h-full">
-        <ConstellationView />
-      </div>
-    </AppLayout>
-  );
-};
+import React from 'react';
+import AppLayout from '@/components/layout/AppLayout';
+import ConstellationView from '@/components/constellation/ConstellationView';
+import { ResizablePanel } from '@/components/ui/resizable';
+
+const ConstellationsPage: React.FC = () => {
+  return (
+    <AppLayout>
+      <ResizablePanel defaultSize={100} minSize={30}>
+        <div className="h-full">
+          <ConstellationView />
+        </div>
+      </ResizablePanel>
+    </AppLayout>
+  );
+};
 
 export default ConstellationsPage;

src/components/notes/NoteEditor.tsx

@@ -1,26 +1,36 @@
-import React, { useState } from 'react';
-import AppLayout from '@/components/layout/AppLayout';
-import { useNotes } from '@/context/NotesContextTypes';
-import NotesList from '@/components/notes/NotesList';
-import NoteEditor from '@/components/notes/NoteEditor';
-import { Note } from '@/types';
-import { Button } from '@/components/ui/button';
-import { Plus, FileText } from 'lucide-react';
-import { ResizablePanel, ResizableHandle } from '@/components/ui/resizable';
-
-const HomePage: React.FC = () => {
-  const { notes, activeNote, setActiveNote, addNote, deleteNote } = useNotes();
-  const [isCreatingNote, setIsCreatingNote] = useState(false);
+import React, { useCallback, useEffect, useState } from 'react';
+import AppLayout from '@/components/layout/AppLayout';
+import { useNotes } from '@/context/NotesContextTypes';
+import NotesList from '@/components/notes/NotesList';
+import NoteEditor from '@/components/notes/NoteEditor';
+import { Note } from '@/types';
+import { Button } from '@/components/ui/button';
+import { Plus, FileText } from 'lucide-react';
+import { ResizablePanel, ResizableHandle } from '@/components/ui/resizable';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+const HomePage: React.FC = () => {
+  const { notes, activeNote, setActiveNote, deleteNote } = useNotes();
+  const [isCreatingNote, setIsCreatingNote] = useState(false);
+  const location = useLocation();
+  const navigate = useNavigate();
 
   const handleSelectNote = (note: Note) => {
     setActiveNote(note);
     setIsCreatingNote(false);
   };
 
-  const handleCreateNote = () => {
-    setActiveNote(null);
-    setIsCreatingNote(true);
-  };
+  const handleCreateNote = useCallback(() => {
+    setActiveNote(null);
+    setIsCreatingNote(true);
+  }, [setActiveNote]);
+
+  useEffect(() => {
+    if (location.state?.createNote) {
+      handleCreateNote();
+      navigate(location.pathname, { replace: true, state: null });
+    }
+  }, [handleCreateNote, location.pathname, location.state, navigate]);
 
   const handleSaveNewNote = (note: Note) => {
     setActiveNote(note);
@@ -50,11 +60,20 @@ const HomePage: React.FC = () => {
 
       <ResizablePanel defaultSize={70}>
         <div className="h-full border-l border-border/30">
-          {isCreatingNote ? (
-            <NoteEditor isNew={true} onSave={handleSaveNewNote} />
-          ) : activeNote ? (
-            <NoteEditor note={activeNote} />
-          ) : (
+          {isCreatingNote ? (
+            <NoteEditor
+              key="new-note-editor"
+              isNew={true}
+              onSave={handleSaveNewNote}
+              onCreateNote={handleCreateNote}
+            />
+          ) : activeNote ? (
+            <NoteEditor
+              key={activeNote.id}
+              note={activeNote}
+              onCreateNote={handleCreateNote}
+            />
+          ) : (
             <div className="h-full flex flex-col items-center justify-center p-8 text-center">
               <div className="w-16 h-16 mb-4 rounded-full bg-primary/10 flex items-center justify-center">
                 <FileText className="w-6 h-6 text-primary" />

src/pages/ConstellationsPage.tsx

@@ -45,13 +45,16 @@ const NoteViewPage: React.FC = () => {
               <ArrowLeft className="h-4 w-4 mr-1" />
               Back
             </Button>
-          </div>
-          {note ? (
-            <NoteEditor note={note} />
-          ) : (
-            <div className="p-10 text-center">
-              <p className="text-muted-foreground">Loading note...</p>
-            </div>
+          </div>
+          {note ? (
+            <NoteEditor
+              note={note}
+              onCreateNote={() => navigate('/', { state: { createNote: true } })}
+            />
+          ) : (
+            <div className="p-10 text-center">
+              <p className="text-muted-foreground">Loading note...</p>
+            </div>
           )}
         </div>
       </ResizablePanel>