File Structure

philo/
├── src/                      # React frontend source code
├── src-tauri/                # Rust backend source code
├── public/                   # Static assets (served at /)
├── apps/                     # Additional applications (landing page)
├── vendor/                   # Third-party code (hyprnote)
├── scripts/                  # Build and automation scripts
├── .vscode/                  # VS Code workspace settings
├── .codex/                   # Project metadata
├── package.json              # Frontend dependencies and scripts
├── vite.config.ts            # Vite build configuration
├── tsconfig.json             # TypeScript compiler options
├── tsconfig.node.json        # TypeScript config for Node scripts
├── tailwind.config.js        # Tailwind CSS configuration
├── postcss.config.js         # PostCSS configuration
├── dprint.json               # Code formatting rules
└── README.md                 # Project documentation

src/
├── main.tsx                  # Application entry point
├── App.tsx                   # Root App component
├── App.css                   # Global styles
├── vite-env.d.ts             # Vite environment types
│
├── components/               # React components
│   ├── UpdateBanner.tsx      # App update notification banner
│   │
│   ├── editor/               # TipTap editor components
│   │   ├── Editor.css        # Editor-specific styles
│   │   ├── EditorBubbleMenu.tsx  # Floating formatting menu
│   │   └── extensions/       # Custom TipTap extensions
│   │       ├── clipboard.ts  # Enhanced clipboard handling
│   │       ├── list-keymap.ts  # Custom list keyboard shortcuts
│   │       ├── excalidraw/   # Excalidraw diagram extension
│   │       │   ├── ExcalidrawExtension.ts  # Node definition
│   │       │   └── ExcalidrawView.tsx      # React renderer
│   │       ├── hashtag/      # Hashtag syntax extension
│   │       │   └── HashtagExtension.ts
│   │       ├── paragraph/    # Custom paragraph node
│   │       │   └── ParagraphExtension.ts
│   │       ├── task-item/    # Enhanced task items
│   │       │   └── TaskItemNode.ts
│   │       └── widget/       # AI-generated widgets
│   │           ├── WidgetExtension.ts  # Node definition
│   │           ├── WidgetView.tsx      # React renderer
│   │           ├── catalog.ts          # Widget templates
│   │           └── registry.tsx        # Component registry
│   │
│   ├── journal/              # Journal/note components
│   │   └── EditableNote.tsx  # Main note editor component
│   │
│   ├── layout/               # Layout components
│   │   └── AppLayout.tsx     # Main application layout
│   │
│   ├── library/              # Library/search components
│   │   └── LibraryDrawer.tsx # Search and collections UI
│   │
│   ├── onboarding/           # First-run experience
│   │   └── OnboardingModal.tsx  # Vault setup wizard
│   │
│   ├── settings/             # Settings UI
│   │   └── SettingsModal.tsx # Application settings dialog
│   │
│   └── shared/               # Shared/utility components
│       └── VaultPathMarquee.tsx  # Scrolling vault path display
│
├── services/                 # Business logic and Tauri API wrappers
│   ├── storage.ts            # Daily note CRUD operations
│   ├── library.ts            # Search and library management
│   ├── obsidian.ts           # Obsidian vault integration
│   ├── images.ts             # Image handling and asset URLs
│   ├── excalidraw.ts         # Excalidraw data compression
│   ├── generate.ts           # Widget generation (AI API)
│   ├── tasks.ts              # Task extraction and manipulation
│   ├── format.ts             # Date/time formatting utilities
│   ├── paths.ts              # Path resolution and normalization
│   ├── settings.ts           # App settings persistence
│   └── updater.ts            # Auto-update checks
│
├── hooks/                    # Custom React hooks
│   ├── useCurrentDate.ts     # Current date/time hook
│   └── useTimezoneCity.ts    # Timezone detection hook
│
├── lib/                      # Utility libraries
│   └── markdown.ts           # Markdown parsing utilities
│
├── types/                    # TypeScript type definitions
│   └── note.ts               # Note and vault types
│
└── assets/                   # Static assets (images, fonts)

src-tauri/
├── src/
│   ├── main.rs               # Application entry point (85 lines)
│   └── lib.rs                # Core logic and Tauri commands (800+ lines)
│       ├── Window Management
│       │   └── set_window_opacity()  # macOS opacity control
│       ├── File I/O
│       │   ├── read_markdown_file()  # Read markdown content
│       │   └── write_markdown_file() # Write markdown with dir creation
│       ├── Vault Operations
│       │   ├── detect_obsidian_settings()  # Auto-detect vault config
│       │   ├── bootstrap_obsidian_vault()  # Initialize vault structure
│       │   └── scan_obsidian_vaults()      # Discover vaults
│       ├── Search
│       │   ├── search_markdown()     # Full-text search (SQLite FTS5)
│       │   ├── ensure_search_schema()  # Database setup
│       │   ├── index_markdown_files()  # Populate search index
│       │   └── insert_search_doc()   # Add document to index
│       ├── Menu Management
│       │   └── create_app_menu()     # Build native menu
│       └── Utilities
│           ├── extend_fs_scope()     # Grant file system access
│           ├── normalize_folder()    # Path normalization
│           └── should_skip_dir()     # Filter directories
│
├── Cargo.toml                # Rust dependencies
├── tauri.conf.json           # Tauri configuration
├── build.rs                  # Build script (auto-generated)
│
├── capabilities/             # Tauri permission definitions
│   └── default.json          # Default app capabilities
│
└── icons/                    # Application icons
    ├── 32x32.png
    ├── 128x128.png
    ├── [email protected]
    ├── icon.icns             # macOS icon bundle
    ├── icon.ico              # Windows icon
    ├── android/              # Android adaptive icons
    └── ios/                  # iOS icon assets

// Bootstrap React application
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

// Root component - renders main layout
import AppLayout from "./components/layout/AppLayout";

function App() {
  return <AppLayout />;
}

// Component imports
import { EditableNote } from "./components/journal/EditableNote";

// Service imports
import { saveDailyNote } from "../../services/storage";

// Tauri API imports
import { invoke } from "@tauri-apps/api/core";
import { open } from "@tauri-apps/plugin-dialog";

node_modules/
dist/
target/
.DS_Store
*.log
.env
.env.local