Design a knowledge management web application similar to OpenBook with the following components and improved workflow:

1. Core Structure:
   • A collapsible sidebar navigation system for accessing journals and spaces
   • A main content area for displaying and editing content
   • A powerful search system with keyboard shortcut (⌘K) integration
   • Dark/light mode support
2. Sidebar Navigation:
   • Toggle button to collapse/expand the sidebar
   • Sections for Journals and Spaces that can be individually expanded/collapsed
   • Quick creation buttons for new journals and spaces
   • Inline renaming and deletion of items with confirmation dialogs
   • Visual indication of currently active item
   • Footer with settings, help, and additional links
3. Journal System:
   • Create, view, edit, and delete journal entries
   • Rich text editing capabilities
   • Automatic date-based naming convention with customization options
   • Improved organization with sorting and filtering options
4. Spaces System:
   • Create, rename, and delete spaces for collaborative content
   • Messaging or content organization within spaces
   • Better visual distinction between spaces and journals
5. Search Functionality:
   • Global search across all content types (journals and spaces)
   • Contextual previews of matched content
   • Keyboard navigation support
   • Search results grouped by content type
   • Improved search algorithm with relevance ranking
6. Form Component:
   • Rich text input with character limit validation
   • File attachment system supporting:
     • Button upload
     • Drag and drop
     • Clipboard paste
   • Preview of attached files with metadata
   • Improved file type support and validation
7. AI Integration:
   • Model selection dropdown with clear capability indicators
   • Different search modes (standard, academic)
   • Visual feedback for model switching
   • Improved response streaming and formatting
   • Better error handling and user notifications
8. Workflow Improvements:
   • Keyboard shortcuts for common actions
   • Streamlined content creation process
   • Reduced clicks for frequent operations
   • Better state management and data persistence
   • Improved loading states and transitions
   • More intuitive UI with clearer visual hierarchy
   • Enhanced mobile responsiveness
9. Technical Requirements:
   • Next.js frontend with React components
   • Tailwind CSS for styling
   • Local storage for data persistence (with option for backend integration)
   • AI model integration for content generation and search

Design the interface to be clean, intuitive, and focused on productivity, with special attention to reducing friction in the content creation and navigation workflows.

should be in black and white