Release v1.0.9: Rename plugin from Focus Task to Immerse

.gitignore

@@ -1,5 +1,7 @@
 # Build output
 *.js.map
+release/
+*.zip
 
 # npm
 node_modules/
@@ -15,4 +17,8 @@ package-lock.json
 Thumbs.db
 
 # Obsidian
-data.json
+data.json
+
+# Development/Documentation (not for distribution)
+RELEASE-GUIDE.md
+.claude/

README.md

@@ -1,16 +1,16 @@
-# ⚡ Focus Task
+# ⚡ Immerse
 
 A powerful task management and focus timer plugin for [Obsidian](https://obsidian.md), heavily inspired by [Blitzit](https://www.blitzit.app/).
 
-![Focus Task Banner](https://img.shields.io/badge/Obsidian-Plugin-7c3aed?style=for-the-badge&logo=obsidian&logoColor=white)
+![Immerse Banner](https://img.shields.io/badge/Obsidian-Plugin-7c3aed?style=for-the-badge&logo=obsidian&logoColor=white)
 ![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)
-![Version](https://img.shields.io/badge/Version-1.0.0-blue?style=for-the-badge)
+![Version](https://img.shields.io/badge/Version-1.0.9-blue?style=for-the-badge)
 
 ## 🎯 Overview
 
-Focus Task brings the power of time-boxed task management directly into your Obsidian vault. Plan your day, track time with the Pomodoro technique, and crush your tasks with satisfying checkoffs - all without leaving your notes.
+Immerse brings the power of time-boxed task management directly into your Obsidian vault. Plan your day, track time with the Pomodoro technique, and crush your tasks with satisfying checkoffs - all without leaving your notes.
 
-### Why Focus Task?
+### Why Immerse?
 
 - **Stay in Flow**: No need to switch between apps - manage tasks where you take notes
 - **Time Awareness**: Know exactly how long tasks take vs. your estimates
@@ -46,9 +46,10 @@ Focus Task brings the power of time-boxed task management directly into your Obs
 - **Streak Counter**: Build momentum with consecutive productive days
 - **Time Comparison**: Compare estimated vs. actual time to improve planning
 - **Pomodoro Count**: Track total pomodoros completed
+- **Daily Note Logging**: Automatically log completed tasks to your daily notes with timestamps and performance metrics
 
 ### 🎨 User Experience
-- **Status Bar Timer**: timer that stays visible while you work
+- **Status Bar Timer**: Timer that stays visible while you work
 - **Celebration Messages**: Fun, randomized messages when you complete tasks
 - **Sound Notifications**: Audio alerts for timer completion and task completion
 - **Keyboard Shortcuts**: Quick access to common actions
@@ -59,20 +60,23 @@ Focus Task brings the power of time-boxed task management directly into your Obs
 ### From Obsidian Community Plugins (Coming Soon)
 1. Open Obsidian Settings
 2. Go to Community Plugins
-3. Search for "Focus Task"
+3. Search for "Immerse"
 4. Click Install, then Enable
 
 ### Manual Installation
-1. Download the latest release from the [releases page](https://git.cribdev.com/crib/focus-task/releases)
+1. Download the latest release from the [releases page](https://git.cribdev.com/crib/immerse/releases)
-2. Extract the files to your vault's `.obsidian/plugins/focus-task/` folder
+2. Extract the files to your vault's `.obsidian/plugins/immerse/` folder
-3. Reload Obsidian
+3. **⚠️ IMPORTANT**: When updating, do NOT replace or delete the existing `data.json` file - this contains all your tasks, settings, and progress!
-4. Enable the plugin in Settings → Community Plugins
+4. Reload Obsidian
+5. Enable the plugin in Settings → Community Plugins
+
+> **Note**: Only copy the three plugin files (`main.js`, `manifest.json`, `styles.css`) when updating. Your `data.json` file stores all your tasks and settings and should never be replaced.
 
 ### Building from Source
 ```bash
 # Clone the repository
-git clone https://git.cribdev.com/crib/focus-task.git
+git clone https://git.cribdev.com/crib/immerse.git
-cd focus-task
+cd immerse
 
 # Install dependencies
 npm install
@@ -81,14 +85,14 @@ npm install
 npm run build
 
 # Copy to your vault
-cp main.js manifest.json styles.css /path/to/your/vault/.obsidian/plugins/focus-task/
+cp main.js manifest.json styles.css /path/to/your/vault/.obsidian/plugins/immerse/
 ```
 
 ## 📖 Usage
 
 ### Getting Started
 
-1. **Open Focus Task**: Click the ⚡ icon in the ribbon or use the command palette (`Ctrl/Cmd + P` → "Open Focus Task Panel")
+1. **Open Immerse**: Click the ⚡ icon in the ribbon or use the command palette (`Ctrl/Cmd + P` → "Open Immerse Panel")
 
 2. **Add a Task**: Click "+ Add Task" and fill in:
    - Task description
@@ -103,7 +107,7 @@ cp main.js manifest.json styles.css /path/to/your/vault/.obsidian/plugins/focus-
 
 | Action | Command |
 |--------|---------|
-| Open Panel | `Ctrl/Cmd + P` → "Open Focus Task Panel" |
+| Open Panel | `Ctrl/Cmd + P` → "Open Immerse Panel" |
 | Quick Add Task | `Ctrl/Cmd + P` → "Quick Add Task" |
 | Toggle Timer | `Ctrl/Cmd + P` → "Toggle Timer" |
 | Complete Task | `Ctrl/Cmd + P` → "Complete Current Task" |
@@ -136,7 +140,7 @@ Best for: Tracking time on open-ended tasks
 | Short Break | Length of short breaks | 5 min |
 | Long Break | Length of long breaks | 15 min |
 | Long Break Interval | Pomodoros before a long break | 4 |
-| Auto-start Breaks | Automatically start break timer | Off |
+| Auto-start Breaks | Automatically start break timer | On |
 
 ### General
 | Setting | Description | Default |
@@ -146,6 +150,27 @@ Best for: Tracking time on open-ended tasks
 | Enable Celebrations | Show celebration messages | On |
 | Show Floating Timer | Display draggable timer widget | On |
 
+### Daily Note Integration
+
+| Setting | Description | Default |
+|---------|-------------|---------|
+| Log to Daily Note | Automatically log completed tasks to your daily note | Off |
+
+When enabled, completed tasks are automatically appended to your daily note with:
+
+- Task name and list category
+- Time spent vs. estimated time
+- Completion timestamp
+- Performance indicator (under/over/on target)
+
+**Example entry:**
+
+```
+- [x] Write project proposal | 💼 Work | ⏱️ 45min / 30min (15min over estimate) | ✅ 14:30
+```
+
+**Requirements:** The core "Daily Notes" plugin must be enabled in Obsidian settings. Focus Task respects your Daily Notes configuration (folder, date format, and template).
+
 ### Lists
 Customize your task lists with:
 - Custom names
@@ -163,12 +188,12 @@ Default lists: Work 💼, Personal 🏠, Learning 📚
 4. Click Save
 
 ### Theming
-Focus Task respects your Obsidian theme and adapts to both light and dark modes automatically.
+Immerse respects your Obsidian theme and adapts to both light and dark modes automatically.
 
 ## 📁 Project Structure
 
 ```
-focus-task/
+immerse/
 ├── src/
 │   ├── main.ts        # Main plugin class
 │   ├── types.ts       # TypeScript interfaces
@@ -193,7 +218,7 @@ Blitzit's approach to productivity resonated with me:
 - Satisfying task completion experience
 - Progress insights
 
-I wanted to bring this experience directly into Obsidian, where I already manage my notes and knowledge. Focus Task is my attempt to capture the essence of what makes Blitzit great while leveraging Obsidian's powerful ecosystem.
+I wanted to bring this experience directly into Obsidian, where I already manage my notes and knowledge. Immerse is my attempt to capture the essence of what makes Blitzit great while leveraging Obsidian's powerful ecosystem.
 
 **If you're looking for a dedicated productivity app, I highly recommend checking out [Blitzit](https://www.blitzit.app/)!**
 
@@ -211,8 +236,8 @@ Contributions are welcome! Feel free to:
 
 ```bash
 # Clone the repo
-git clone https://git.cribdev.com/crib/focus-task.git
+git clone https://git.cribdev.com/crib/immerse.git
-cd focus-task
+cd immerse
 
 # Install dependencies
 npm install
@@ -221,28 +246,17 @@ npm install
 npm run dev
 
 # Create symlink to your test vault
-ln -s $(pwd) /path/to/vault/.obsidian/plugins/focus-task
+ln -s $(pwd) /path/to/vault/.obsidian/plugins/immerse
 ```
 
-## 📝 Roadmap
-
-- [ ] Integration with Obsidian Tasks plugin
-- [ ] Calendar view for scheduled tasks
-- [ ] Weekly/Monthly reports
-- [ ] Task templates
-- [ ] Sync with external task managers
-- [ ] Mobile optimizations
-- [ ] Task dependencies
-- [ ] Time blocking in daily notes
-
 ## 📜 License
 
 This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
 
 ## 🔗 Links
 
-- **Repository**: [https://git.cribdev.com/crib/focus-task](https://git.cribdev.com/crib/focus-task)
+- **Repository**: [https://git.cribdev.com/crib/immerse](https://git.cribdev.com/crib/immerse)
-- **Issues**: [https://git.cribdev.com/crib/focus-task/issues](https://git.cribdev.com/crib/focus-task/issues)
+- **Issues**: [https://git.cribdev.com/crib/immerse/issues](https://git.cribdev.com/crib/immerse/issues)
 - **Inspiration**: [Blitzit App](https://www.blitzit.app/)
 
 ---
@@ -251,4 +265,6 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
   Made with ❤️ for the Obsidian community
   <br>
   Inspired by <a href="https://www.blitzit.app/">Blitzit</a> ⚡
+  <br><br>
+  <em>✨ Vibe coded with assistance from <a href="https://claude.ai">Claude.ai</a></em>
 </p>

main.js

@@ -2,7 +2,6 @@
 THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
 if you want to view the source, please visit the github repository of this plugin
 */
-/* Build version 1.0.1 */
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -25,7 +24,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/main.ts
 var main_exports = {};
 __export(main_exports, {
-  default: () => FocusTaskPlugin
+  default: () => ImmersePlugin
 });
 module.exports = __toCommonJS(main_exports);
 var import_obsidian3 = require("obsidian");
@@ -44,8 +43,10 @@ var DEFAULT_SETTINGS = {
     { id: "personal", name: "Personal", color: "#22c55e", icon: "\u{1F3E0}" },
     { id: "learning", name: "Learning", color: "#f59e0b", icon: "\u{1F4DA}" }
   ],
-  autoStartBreak: false,
+  autoStartBreak: true,
-  tickSoundEnabled: false
+  tickSoundEnabled: false,
+  // Daily note logging
+  logToDaily: false
 };
 var DEFAULT_DATA = {
   tasks: [],
@@ -55,7 +56,7 @@ var DEFAULT_DATA = {
   lastActiveDate: "",
   pomodorosCompleted: 0
 };
-var VIEW_TYPE_FOCUS_TASK = "focus-task-view";
+var VIEW_TYPE_IMMERSE = "immerse-view";
 var CELEBRATION_MESSAGES = [
   { emoji: "\u{1F4A5}", message: "Crushed it!" },
   { emoji: "\u{1F525}", message: "On fire!" },
@@ -97,7 +98,7 @@ var QuickAddTaskModal = class extends import_obsidian.Modal {
   }
   onOpen() {
     const { contentEl } = this;
-    contentEl.addClass("focus-task-modal");
+    contentEl.addClass("immerse-modal");
     contentEl.createEl("h2", { text: "\u26A1 Add New Task" });
     new import_obsidian.Setting(contentEl).setName("Task").addText((text) => {
       text.setPlaceholder("What do you need to do?").onChange((value) => this.taskText = value);
@@ -136,10 +137,10 @@ var QuickAddTaskModal = class extends import_obsidian.Modal {
       dropdown.setValue(this.selectedList);
       dropdown.onChange((value) => this.selectedList = value);
     });
-    const buttonContainer = contentEl.createEl("div", { cls: "focus-task-modal-buttons" });
+    const buttonContainer = contentEl.createEl("div", { cls: "immerse-modal-buttons" });
-    const cancelBtn = buttonContainer.createEl("button", { text: "Cancel", cls: "focus-task-btn" });
+    const cancelBtn = buttonContainer.createEl("button", { text: "Cancel", cls: "immerse-btn" });
     cancelBtn.addEventListener("click", () => this.close());
-    const addBtn = buttonContainer.createEl("button", { text: "Add Task", cls: "focus-task-btn focus-task-btn-primary" });
+    const addBtn = buttonContainer.createEl("button", { text: "Add Task", cls: "immerse-btn immerse-btn-primary" });
     addBtn.addEventListener("click", () => this.submitTask());
   }
   submitTask() {
@@ -165,7 +166,7 @@ var EditTaskModal = class extends import_obsidian.Modal {
   }
   onOpen() {
     const { contentEl } = this;
-    contentEl.addClass("focus-task-modal");
+    contentEl.addClass("immerse-modal");
     contentEl.createEl("h2", { text: "\u270F\uFE0F Edit Task" });
     new import_obsidian.Setting(contentEl).setName("Task").addText((text) => text.setValue(this.task.text).onChange((value) => this.task.text = value));
     new import_obsidian.Setting(contentEl).setName("Estimated Time").addDropdown((dropdown) => {
@@ -203,10 +204,10 @@ var EditTaskModal = class extends import_obsidian.Modal {
     if (this.task.actualMinutes > 0) {
       new import_obsidian.Setting(contentEl).setName("Time Tracked").setDesc(`You've worked on this task for ${this.plugin.formatTimeHuman(this.task.actualMinutes)}`);
     }
-    const buttonContainer = contentEl.createEl("div", { cls: "focus-task-modal-buttons" });
+    const buttonContainer = contentEl.createEl("div", { cls: "immerse-modal-buttons" });
-    const cancelBtn = buttonContainer.createEl("button", { text: "Cancel", cls: "focus-task-btn" });
+    const cancelBtn = buttonContainer.createEl("button", { text: "Cancel", cls: "immerse-btn" });
     cancelBtn.addEventListener("click", () => this.close());
-    const saveBtn = buttonContainer.createEl("button", { text: "Save", cls: "focus-task-btn focus-task-btn-primary" });
+    const saveBtn = buttonContainer.createEl("button", { text: "Save", cls: "immerse-btn immerse-btn-primary" });
     saveBtn.addEventListener("click", () => {
       this.plugin.updateTask(this.task.id, this.task);
       new import_obsidian.Notice("\u2705 Task updated!");
@@ -220,7 +221,7 @@ var EditTaskModal = class extends import_obsidian.Modal {
 };
 
 // src/view.ts
-var FocusTaskView = class extends import_obsidian2.ItemView {
+var ImmerseView = class extends import_obsidian2.ItemView {
   constructor(leaf, plugin) {
     super(leaf);
     this.currentFilter = "all";
@@ -232,10 +233,10 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
     this.plugin = plugin;
   }
   getViewType() {
-    return VIEW_TYPE_FOCUS_TASK;
+    return VIEW_TYPE_IMMERSE;
   }
   getDisplayText() {
-    return "Focus Task";
+    return "Immerse";
   }
   getIcon() {
     return "zap";
@@ -269,7 +270,7 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
   refresh() {
     const container = this.containerEl.children[1];
     container.empty();
-    container.addClass("focus-task-container");
+    container.addClass("immerse-container");
     this.timerTimeEl = null;
     this.progressBarEl = null;
     this.actualTimeEl = null;
@@ -280,14 +281,14 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
     this.renderTaskList(container);
   }
   renderHeader(container) {
-    const header = container.createEl("div", { cls: "focus-task-header" });
+    const header = container.createEl("div", { cls: "immerse-header" });
-    const titleSection = header.createEl("div", { cls: "focus-task-title-section" });
+    const titleSection = header.createEl("div", { cls: "immerse-title-section" });
-    titleSection.createEl("h2", { text: "\u26A1 Focus Task", cls: "focus-task-title" });
+    titleSection.createEl("h2", { text: "\u26A1 Immerse", cls: "immerse-title" });
     const today = new Date();
     const dateStr = today.toLocaleDateString("en-US", { weekday: "long", month: "short", day: "numeric" });
-    titleSection.createEl("div", { text: dateStr, cls: "focus-task-date" });
+    titleSection.createEl("div", { text: dateStr, cls: "immerse-date" });
-    const actions = header.createEl("div", { cls: "focus-task-header-actions" });
+    const actions = header.createEl("div", { cls: "immerse-header-actions" });
-    const addBtn = actions.createEl("button", { cls: "focus-task-btn focus-task-btn-primary" });
+    const addBtn = actions.createEl("button", { cls: "immerse-btn immerse-btn-primary" });
     addBtn.innerHTML = "+ Add Task";
     addBtn.addEventListener("click", () => {
       new QuickAddTaskModal(this.app, this.plugin).open();
@@ -295,7 +296,7 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
   }
   renderStatsBar(container) {
     const stats = this.plugin.getStats();
-    const statsBar = container.createEl("div", { cls: "focus-task-stats-bar" });
+    const statsBar = container.createEl("div", { cls: "immerse-stats-bar" });
     const statItems = [
       { label: "Pending", value: stats.pendingCount.toString(), icon: "\u{1F4CB}" },
       { label: "Done Today", value: stats.completedToday.toString(), icon: "\u2705" },
@@ -303,33 +304,35 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
       { label: "Streak", value: `${stats.streak} days`, icon: "\u{1F525}" }
     ];
     statItems.forEach((stat) => {
-      const item = statsBar.createEl("div", { cls: "focus-task-stat-item" });
+      const item = statsBar.createEl("div", { cls: "immerse-stat-item" });
-      item.createEl("div", { cls: "focus-task-stat-icon", text: stat.icon });
+      item.createEl("div", { cls: "immerse-stat-icon", text: stat.icon });
-      item.createEl("div", { cls: "focus-task-stat-value", text: stat.value });
+      item.createEl("div", { cls: "immerse-stat-value", text: stat.value });
-      item.createEl("div", { cls: "focus-task-stat-label", text: stat.label });
+      item.createEl("div", { cls: "immerse-stat-label", text: stat.label });
     });
   }
   renderActiveTask(container) {
-    const activeSection = container.createEl("div", { cls: "focus-task-active-section" });
+    const activeSection = container.createEl("div", { cls: "immerse-active-section" });
     if (this.plugin.activeTaskId) {
       const task = this.plugin.data.tasks.find((t) => t.id === this.plugin.activeTaskId);
       if (task) {
-        activeSection.addClass("focus-task-has-active");
+        activeSection.addClass("immerse-has-active");
-        const activeCard = activeSection.createEl("div", { cls: "focus-task-active-card" });
+        const activeCard = activeSection.createEl("div", { cls: "immerse-active-card" });
         if (this.plugin.isBreakMode) {
-          activeCard.addClass("focus-task-break-card");
+          activeCard.addClass("immerse-break-card");
-          activeCard.createEl("div", { cls: "focus-task-active-label", text: "\u2615 BREAK TIME" });
+          const breakLabel = this.plugin.currentTimerSeconds > 0 ? "\u2615 BREAK TIME" : "\u2728 BREAK COMPLETE";
+          activeCard.createEl("div", { cls: "immerse-active-label", text: breakLabel });
         } else {
-          activeCard.createEl("div", { cls: "focus-task-active-label", text: "\u{1F3AF} FOCUSING ON" });
+          const workLabel = this.plugin.currentTimerSeconds > 0 ? "\u{1F3AF} FOCUSING ON" : "\u{1F345} POMODORO COMPLETE";
+          activeCard.createEl("div", { cls: "immerse-active-label", text: workLabel });
         }
-        activeCard.createEl("div", { cls: "focus-task-active-task-name", text: task.text });
+        activeCard.createEl("div", { cls: "immerse-active-task-name", text: task.text });
-        const timerDisplay = activeCard.createEl("div", { cls: "focus-task-timer-display" });
+        const timerDisplay = activeCard.createEl("div", { cls: "immerse-timer-display" });
         this.timerTimeEl = timerDisplay.createEl("span", {
-          cls: "focus-task-timer-time",
+          cls: "immerse-timer-time",
           text: this.plugin.formatTime(this.plugin.currentTimerSeconds)
         });
-        const progressWrap = activeCard.createEl("div", { cls: "focus-task-progress-wrap" });
+        const progressWrap = activeCard.createEl("div", { cls: "immerse-progress-wrap" });
-        this.progressBarEl = progressWrap.createEl("div", { cls: "focus-task-progress-bar" });
+        this.progressBarEl = progressWrap.createEl("div", { cls: "immerse-progress-bar" });
         let progressPercent = 0;
         if (this.plugin.isBreakMode) {
           const breakDuration = this.plugin.pomodoroCount % this.plugin.settings.longBreakInterval === 0 ? this.plugin.settings.longBreakMinutes * 60 : this.plugin.settings.pomodoroBreakMinutes * 60;
@@ -340,44 +343,81 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
         }
         this.progressBarEl.style.width = `${Math.min(Math.max(progressPercent, 0), 100)}%`;
         if (progressPercent >= 100)
-          this.progressBarEl.addClass("focus-task-overtime");
+          this.progressBarEl.addClass("immerse-overtime");
         if (!this.plugin.isBreakMode) {
-          const timeInfo = activeCard.createEl("div", { cls: "focus-task-time-info" });
+          const timeInfo = activeCard.createEl("div", { cls: "immerse-time-info" });
           timeInfo.createEl("span", { text: `Est: ${this.plugin.formatTimeHuman(task.estimatedMinutes)}` });
           this.actualTimeEl = timeInfo.createEl("span", { text: `Actual: ${this.plugin.formatTimeHuman(task.actualMinutes)}` });
         }
-        const controls = activeCard.createEl("div", { cls: "focus-task-active-controls" });
+        const controls = activeCard.createEl("div", { cls: "immerse-active-controls" });
-        this.pauseBtnEl = controls.createEl("button", { cls: "focus-task-btn focus-task-btn-secondary" });
-        this.pauseBtnEl.innerHTML = this.plugin.isTimerRunning ? "\u23F8 Pause" : "\u25B6 Resume";
-        this.pauseBtnEl.addEventListener("click", () => this.plugin.toggleTimer());
-        if (!this.plugin.isBreakMode) {
-          const completeBtn = controls.createEl("button", { cls: "focus-task-btn focus-task-btn-success" });
-          completeBtn.innerHTML = "\u2713 Complete";
-          completeBtn.addEventListener("click", () => this.plugin.completeTask(task.id));
-        }
-        const stopBtn = controls.createEl("button", { cls: "focus-task-btn focus-task-btn-danger" });
-        stopBtn.innerHTML = "\u2715 Stop";
-        stopBtn.addEventListener("click", () => this.plugin.stopTimer());
         if (this.plugin.isBreakMode) {
-          const skipBreakBtn = controls.createEl("button", { cls: "focus-task-btn" });
+          if (this.plugin.currentTimerSeconds > 0) {
-          skipBreakBtn.innerHTML = "\u23ED Skip Break";
+            this.pauseBtnEl = controls.createEl("button", { cls: "immerse-btn immerse-btn-secondary" });
-          skipBreakBtn.addEventListener("click", () => {
+            this.pauseBtnEl.innerHTML = this.plugin.isTimerRunning ? "\u23F8 Pause" : "\u25B6 Resume";
-            this.plugin.isBreakMode = false;
+            this.pauseBtnEl.addEventListener("click", () => this.plugin.toggleTimer());
-            this.plugin.stopTimer();
+            const skipBreakBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-primary" });
-            this.refresh();
+            skipBreakBtn.innerHTML = "\u23ED Skip Break";
-          });
+            skipBreakBtn.addEventListener("click", () => {
+              this.plugin.isBreakMode = false;
+              this.plugin.startPomodoro(task.id);
+            });
+            const stopBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-danger" });
+            stopBtn.innerHTML = "\u2715 Stop";
+            stopBtn.addEventListener("click", () => {
+              this.plugin.isBreakMode = false;
+              this.plugin.stopTimer();
+            });
+          } else {
+            const resumeWorkBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-success" });
+            resumeWorkBtn.innerHTML = "\u25B6 Resume Work";
+            resumeWorkBtn.addEventListener("click", () => {
+              this.plugin.isBreakMode = false;
+              this.plugin.startPomodoro(task.id);
+            });
+            const stopBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-danger" });
+            stopBtn.innerHTML = "\u2715 Stop";
+            stopBtn.addEventListener("click", () => {
+              this.plugin.isBreakMode = false;
+              this.plugin.stopTimer();
+            });
+          }
+        } else {
+          if (this.plugin.currentTimerSeconds > 0) {
+            this.pauseBtnEl = controls.createEl("button", { cls: "immerse-btn immerse-btn-secondary" });
+            this.pauseBtnEl.innerHTML = this.plugin.isTimerRunning ? "\u23F8 Pause" : "\u25B6 Resume";
+            this.pauseBtnEl.addEventListener("click", () => this.plugin.toggleTimer());
+            const completeBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-success" });
+            completeBtn.innerHTML = "\u2713 Complete";
+            completeBtn.addEventListener("click", () => this.plugin.completeTask(task.id));
+            const stopBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-danger" });
+            stopBtn.innerHTML = "\u2715 Stop";
+            stopBtn.addEventListener("click", () => this.plugin.stopTimer());
+          } else {
+            const startBreakBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-secondary" });
+            startBreakBtn.innerHTML = "\u2615 Start Break";
+            startBreakBtn.addEventListener("click", () => this.plugin.startBreak());
+            const continueBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-primary" });
+            continueBtn.innerHTML = "\u25B6 Continue Working";
+            continueBtn.addEventListener("click", () => this.plugin.startPomodoro(task.id));
+            const completeBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-success" });
+            completeBtn.innerHTML = "\u2713 Complete";
+            completeBtn.addEventListener("click", () => this.plugin.completeTask(task.id));
+            const stopBtn = controls.createEl("button", { cls: "immerse-btn immerse-btn-danger" });
+            stopBtn.innerHTML = "\u2715 Stop";
+            stopBtn.addEventListener("click", () => this.plugin.stopTimer());
+          }
         }
       }
     } else {
-      const startPrompt = activeSection.createEl("div", { cls: "focus-task-start-prompt" });
+      const startPrompt = activeSection.createEl("div", { cls: "immerse-start-prompt" });
-      startPrompt.createEl("div", { cls: "focus-task-prompt-icon", text: "\u26A1" });
+      startPrompt.createEl("div", { cls: "immerse-prompt-icon", text: "\u26A1" });
-      startPrompt.createEl("div", { cls: "focus-task-prompt-text", text: "Ready to focus?" });
+      startPrompt.createEl("div", { cls: "immerse-prompt-text", text: "Ready to focus?" });
-      startPrompt.createEl("div", { cls: "focus-task-prompt-hint", text: "Click \u25B6 on a task to start a Pomodoro session" });
+      startPrompt.createEl("div", { cls: "immerse-prompt-hint", text: "Click \u25B6 on a task to start a Pomodoro session" });
     }
   }
   renderTaskList(container) {
-    const listSection = container.createEl("div", { cls: "focus-task-list-section" });
+    const listSection = container.createEl("div", { cls: "immerse-list-section" });
-    const filters = listSection.createEl("div", { cls: "focus-task-filters" });
+    const filters = listSection.createEl("div", { cls: "immerse-filters" });
     const filterOptions = [
       { id: "all", label: "All Tasks" },
       { id: "today", label: "Today" },
@@ -386,7 +426,7 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
     ];
     filterOptions.forEach((opt) => {
       const btn = filters.createEl("button", {
-        cls: `focus-task-filter-btn ${this.currentFilter === opt.id ? "active" : ""}`,
+        cls: `immerse-filter-btn ${this.currentFilter === opt.id ? "active" : ""}`,
         text: opt.label
       });
       btn.addEventListener("click", () => {
@@ -394,7 +434,7 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
         this.refresh();
       });
     });
-    const taskList = listSection.createEl("div", { cls: "focus-task-task-list" });
+    const taskList = listSection.createEl("div", { cls: "immerse-task-list" });
     let tasks = this.plugin.data.tasks;
     if (this.currentFilter === "today") {
       tasks = this.plugin.getTodaysTasks();
@@ -409,10 +449,10 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
       return b.createdAt - a.createdAt;
     });
     if (tasks.length === 0) {
-      const emptyState = taskList.createEl("div", { cls: "focus-task-empty-state" });
+      const emptyState = taskList.createEl("div", { cls: "immerse-empty-state" });
-      emptyState.createEl("div", { cls: "focus-task-empty-icon", text: "\u{1F4DD}" });
+      emptyState.createEl("div", { cls: "immerse-empty-icon", text: "\u{1F4DD}" });
-      emptyState.createEl("div", { cls: "focus-task-empty-text", text: "No tasks yet" });
+      emptyState.createEl("div", { cls: "immerse-empty-text", text: "No tasks yet" });
-      emptyState.createEl("div", { cls: "focus-task-empty-hint", text: "Add a task to get started!" });
+      emptyState.createEl("div", { cls: "immerse-empty-hint", text: "Add a task to get started!" });
     } else {
       tasks.forEach((task) => this.renderTaskItem(taskList, task));
     }
@@ -420,9 +460,9 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
   renderTaskItem(container, task) {
     const list = this.plugin.settings.lists.find((l) => l.id === task.list);
     const taskEl = container.createEl("div", {
-      cls: `focus-task-task-item ${task.completed ? "completed" : ""} ${task.isActive ? "active" : ""}`
+      cls: `immerse-task-item ${task.completed ? "completed" : ""} ${task.isActive ? "active" : ""}`
     });
-    const checkbox = taskEl.createEl("div", { cls: "focus-task-checkbox" });
+    const checkbox = taskEl.createEl("div", { cls: "immerse-checkbox" });
     checkbox.innerHTML = task.completed ? "\u2713" : "";
     checkbox.style.borderColor = (list == null ? void 0 : list.color) || "#6366f1";
     if (task.completed) {
@@ -435,48 +475,48 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
         this.plugin.completeTask(task.id);
       }
     });
-    const content = taskEl.createEl("div", { cls: "focus-task-task-content" });
+    const content = taskEl.createEl("div", { cls: "immerse-task-content" });
-    const taskHeader = content.createEl("div", { cls: "focus-task-task-header" });
+    const taskHeader = content.createEl("div", { cls: "immerse-task-header" });
-    taskHeader.createEl("span", { cls: "focus-task-task-text", text: task.text });
+    taskHeader.createEl("span", { cls: "immerse-task-text", text: task.text });
     if (list) {
       const listBadge = taskHeader.createEl("span", {
-        cls: "focus-task-list-badge",
+        cls: "immerse-list-badge",
         text: `${list.icon} ${list.name}`
       });
       listBadge.style.backgroundColor = list.color + "20";
       listBadge.style.color = list.color;
     }
-    const taskMeta = content.createEl("div", { cls: "focus-task-task-meta" });
+    const taskMeta = content.createEl("div", { cls: "immerse-task-meta" });
     taskMeta.createEl("span", { text: `Est: ${this.plugin.formatTimeHuman(task.estimatedMinutes)}` });
     if (task.actualMinutes > 0) {
       const actualSpan = taskMeta.createEl("span");
       actualSpan.setText(`Actual: ${this.plugin.formatTimeHuman(task.actualMinutes)}`);
       if (task.actualMinutes > task.estimatedMinutes) {
-        actualSpan.addClass("focus-task-overtime-text");
+        actualSpan.addClass("immerse-overtime-text");
       }
     }
-    const actions = taskEl.createEl("div", { cls: "focus-task-task-actions" });
+    const actions = taskEl.createEl("div", { cls: "immerse-task-actions" });
     if (!task.completed) {
-      const startBtn = actions.createEl("button", { cls: "focus-task-task-btn", attr: { "aria-label": "Start Pomodoro" } });
+      const startBtn = actions.createEl("button", { cls: "immerse-task-btn", attr: { "aria-label": "Start Pomodoro" } });
       startBtn.innerHTML = "\u25B6";
       startBtn.addEventListener("click", (e) => {
         e.stopPropagation();
         this.plugin.startPomodoro(task.id);
       });
-      const stopwatchBtn = actions.createEl("button", { cls: "focus-task-task-btn", attr: { "aria-label": "Start Stopwatch" } });
+      const stopwatchBtn = actions.createEl("button", { cls: "immerse-task-btn", attr: { "aria-label": "Start Stopwatch" } });
       stopwatchBtn.innerHTML = "\u23F1";
       stopwatchBtn.addEventListener("click", (e) => {
         e.stopPropagation();
         this.plugin.startTimer(task.id);
       });
     }
-    const editBtn = actions.createEl("button", { cls: "focus-task-task-btn", attr: { "aria-label": "Edit" } });
+    const editBtn = actions.createEl("button", { cls: "immerse-task-btn", attr: { "aria-label": "Edit" } });
     editBtn.innerHTML = "\u270F\uFE0F";
     editBtn.addEventListener("click", (e) => {
       e.stopPropagation();
       new EditTaskModal(this.app, this.plugin, task).open();
     });
-    const deleteBtn = actions.createEl("button", { cls: "focus-task-task-btn focus-task-delete-btn", attr: { "aria-label": "Delete" } });
+    const deleteBtn = actions.createEl("button", { cls: "immerse-task-btn immerse-delete-btn", attr: { "aria-label": "Delete" } });
     deleteBtn.innerHTML = "\u{1F5D1}";
     deleteBtn.addEventListener("click", (e) => {
       e.stopPropagation();
@@ -486,7 +526,7 @@ var FocusTaskView = class extends import_obsidian2.ItemView {
 };
 
 // src/main.ts
-var FocusTaskPlugin = class extends import_obsidian3.Plugin {
+var ImmersePlugin = class extends import_obsidian3.Plugin {
   constructor() {
     super(...arguments);
     // Timer state
@@ -496,22 +536,33 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
     this.isBreakMode = false;
     this.activeTaskId = null;
     this.pomodoroCount = 0;
+    // Timestamp-based tracking for reliable background timing
+    this.timerStartTimestamp = 0;
+    this.pausedTimeRemaining = 0;
+    // Focus time tracking (in seconds for accuracy)
+    this.focusSecondsToday = 0;
+    this.secondsWorkedOnCurrentTask = 0;
     // Status bar element
     this.statusBarEl = null;
   }
   async onload() {
     await this.loadAllData();
     this.checkDailyReset();
+    document.addEventListener("visibilitychange", () => {
+      if (!document.hidden && this.isTimerRunning) {
+        this.syncTimerFromTimestamp();
+      }
+    });
     this.registerView(
-      VIEW_TYPE_FOCUS_TASK,
+      VIEW_TYPE_IMMERSE,
-      (leaf) => new FocusTaskView(leaf, this)
+      (leaf) => new ImmerseView(leaf, this)
     );
-    this.addRibbonIcon("zap", "Open Focus Task", () => {
+    this.addRibbonIcon("zap", "Open Immerse", () => {
       this.activateView();
     });
     this.addCommand({
-      id: "open-focus-task",
+      id: "open-immerse",
-      name: "Open Focus Task Panel",
+      name: "Open Immerse Panel",
       callback: () => this.activateView()
     });
     this.addCommand({
@@ -534,7 +585,7 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       name: "Complete Current Task",
       callback: () => this.completeActiveTask()
     });
-    this.addSettingTab(new FocusTaskSettingTab(this.app, this));
+    this.addSettingTab(new ImmerseSettingTab(this.app, this));
     this.createStatusBar();
   }
   onunload() {
@@ -544,8 +595,13 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
     const loaded = await this.loadData();
     this.data = Object.assign({}, DEFAULT_DATA, (loaded == null ? void 0 : loaded.data) || {});
     this.settings = Object.assign({}, DEFAULT_SETTINGS, (loaded == null ? void 0 : loaded.settings) || {});
+    if (!this.settings.lists || this.settings.lists.length === 0) {
+      this.settings.lists = DEFAULT_SETTINGS.lists;
+    }
+    this.focusSecondsToday = (this.data.totalFocusMinutesToday || 0) * 60;
   }
   async saveAllData() {
+    this.data.totalFocusMinutesToday = Math.floor(this.focusSecondsToday / 60);
     await this.saveData({
       settings: this.settings,
       data: this.data
@@ -563,6 +619,7 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       }
       this.data.completedToday = 0;
       this.data.totalFocusMinutesToday = 0;
+      this.focusSecondsToday = 0;
       this.data.lastActiveDate = today;
       this.saveAllData();
     }
@@ -570,13 +627,13 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
   async activateView() {
     const { workspace } = this.app;
     let leaf = null;
-    const leaves = workspace.getLeavesOfType(VIEW_TYPE_FOCUS_TASK);
+    const leaves = workspace.getLeavesOfType(VIEW_TYPE_IMMERSE);
     if (leaves.length > 0) {
       leaf = leaves[0];
     } else {
       leaf = workspace.getRightLeaf(false);
       if (leaf) {
-        await leaf.setViewState({ type: VIEW_TYPE_FOCUS_TASK, active: true });
+        await leaf.setViewState({ type: VIEW_TYPE_IMMERSE, active: true });
       }
     }
     if (leaf) {
@@ -636,6 +693,9 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       if (this.settings.enableSounds) {
         this.playCompletionSound();
       }
+      if (this.settings.logToDaily) {
+        this.logTaskToDailyNote(task);
+      }
       if (this.activeTaskId === taskId) {
         this.stopTimer();
         this.activeTaskId = null;
@@ -652,6 +712,13 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
     }
   }
   // ============ Timer Management ============
+  // Sync timer based on timestamp when app returns from background
+  syncTimerFromTimestamp() {
+    if (!this.isTimerRunning)
+      return;
+    this.updateStatusBar();
+    this.updateTimerDisplay();
+  }
   startTimer(taskId) {
     const task = this.data.tasks.find((t) => t.id === taskId);
     if (!task)
@@ -662,14 +729,26 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
     this.isBreakMode = false;
     this.currentTimerSeconds = 0;
     this.isTimerRunning = true;
+    this.secondsWorkedOnCurrentTask = task.actualMinutes * 60;
+    this.timerStartTimestamp = Date.now();
+    this.pausedTimeRemaining = 0;
+    const initialSecondsWorked = this.secondsWorkedOnCurrentTask;
+    let alertShown = false;
     this.refreshView();
     this.updateStatusBar();
     this.timerInterval = window.setInterval(() => {
-      this.currentTimerSeconds++;
+      const now = Date.now();
-      task.actualMinutes = Math.floor(this.currentTimerSeconds / 60);
+      const elapsedMs = now - this.timerStartTimestamp;
+      const elapsedSeconds = Math.floor(elapsedMs / 1e3);
+      this.currentTimerSeconds = elapsedSeconds;
+      this.secondsWorkedOnCurrentTask = initialSecondsWorked + elapsedSeconds;
+      task.actualMinutes = Math.floor(this.secondsWorkedOnCurrentTask / 60);
+      const newFocusSeconds = Math.floor((this.data.totalFocusMinutesToday || 0) * 60) + elapsedSeconds;
+      this.focusSecondsToday = newFocusSeconds;
       this.updateStatusBar();
       this.updateTimerDisplay();
-      if (this.currentTimerSeconds === task.estimatedMinutes * 60) {
+      if (!alertShown && this.currentTimerSeconds >= task.estimatedMinutes * 60) {
+        alertShown = true;
         if (this.settings.enableSounds) {
           this.playAlertSound();
         }
@@ -688,13 +767,25 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
     this.isBreakMode = false;
     this.currentTimerSeconds = this.settings.pomodoroWorkMinutes * 60;
     this.isTimerRunning = true;
+    this.secondsWorkedOnCurrentTask = Math.floor(task.actualMinutes * 60);
+    this.timerStartTimestamp = Date.now();
+    this.pausedTimeRemaining = this.currentTimerSeconds;
+    const initialSecondsWorked = this.secondsWorkedOnCurrentTask;
     this.refreshView();
     this.updateStatusBar();
     this.timerInterval = window.setInterval(() => {
-      this.currentTimerSeconds--;
+      const now = Date.now();
+      const elapsedMs = now - this.timerStartTimestamp;
+      const elapsedSeconds = Math.floor(elapsedMs / 1e3);
+      this.currentTimerSeconds = Math.max(0, this.pausedTimeRemaining - elapsedSeconds);
       if (!this.isBreakMode) {
-        task.actualMinutes = Math.floor((this.settings.pomodoroWorkMinutes * 60 - this.currentTimerSeconds) / 60);
+        this.secondsWorkedOnCurrentTask = initialSecondsWorked + elapsedSeconds;
-        this.data.totalFocusMinutesToday = Math.floor(this.data.totalFocusMinutesToday + 1 / 60);
+        const actualMinutes = Math.floor(this.secondsWorkedOnCurrentTask / 60);
+        if (task.actualMinutes !== actualMinutes) {
+          task.actualMinutes = actualMinutes;
+        }
+        const newFocusSeconds = Math.floor((this.data.totalFocusMinutesToday || 0) * 60) + elapsedSeconds;
+        this.focusSecondsToday = newFocusSeconds;
       }
       this.updateStatusBar();
       this.updateTimerDisplay();
@@ -704,6 +795,14 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
     }, 1e3);
   }
   handlePomodoroEnd() {
+    if (this.timerInterval) {
+      window.clearInterval(this.timerInterval);
+      this.timerInterval = null;
+    }
+    this.currentTimerSeconds = 0;
+    this.isTimerRunning = false;
+    this.updateStatusBar();
+    this.updateTimerDisplay();
     if (!this.isBreakMode) {
       this.pomodoroCount++;
       this.data.pomodorosCompleted++;
@@ -714,27 +813,32 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       if (this.settings.autoStartBreak) {
         this.startBreak();
       } else {
-        this.stopTimer();
+        this.refreshView();
       }
     } else {
       if (this.settings.enableSounds) {
         this.playAlertSound();
       }
       new import_obsidian3.Notice("\u26A1 Break over! Ready to focus?");
-      this.isBreakMode = false;
+      this.refreshView();
-      this.stopTimer();
     }
     this.saveAllData();
   }
   startBreak() {
     this.isBreakMode = true;
+    this.isTimerRunning = true;
     const isLongBreak = this.pomodoroCount % this.settings.longBreakInterval === 0;
     this.currentTimerSeconds = (isLongBreak ? this.settings.longBreakMinutes : this.settings.pomodoroBreakMinutes) * 60;
+    this.timerStartTimestamp = Date.now();
+    this.pausedTimeRemaining = this.currentTimerSeconds;
     new import_obsidian3.Notice(isLongBreak ? "\u2615 Long break time!" : "\u2615 Short break time!");
     this.refreshView();
     if (!this.timerInterval) {
       this.timerInterval = window.setInterval(() => {
-        this.currentTimerSeconds--;
+        const now = Date.now();
+        const elapsedMs = now - this.timerStartTimestamp;
+        const elapsedSeconds = Math.floor(elapsedMs / 1e3);
+        this.currentTimerSeconds = Math.max(0, this.pausedTimeRemaining - elapsedSeconds);
         this.updateStatusBar();
         this.updateTimerDisplay();
         if (this.currentTimerSeconds <= 0) {
@@ -749,13 +853,22 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       window.clearInterval(this.timerInterval);
       this.timerInterval = null;
       this.isTimerRunning = false;
+      this.pausedTimeRemaining = this.currentTimerSeconds;
     } else if (this.activeTaskId) {
       this.isTimerRunning = true;
+      this.timerStartTimestamp = Date.now();
       const task = this.data.tasks.find((t) => t.id === this.activeTaskId);
+      const initialSecondsWorked = this.secondsWorkedOnCurrentTask;
       this.timerInterval = window.setInterval(() => {
-        this.currentTimerSeconds--;
+        const now = Date.now();
+        const elapsedMs = now - this.timerStartTimestamp;
+        const elapsedSeconds = Math.floor(elapsedMs / 1e3);
+        this.currentTimerSeconds = Math.max(0, this.pausedTimeRemaining - elapsedSeconds);
         if (task && !this.isBreakMode) {
-          task.actualMinutes = Math.floor((this.settings.pomodoroWorkMinutes * 60 - this.currentTimerSeconds) / 60);
+          this.secondsWorkedOnCurrentTask = initialSecondsWorked + elapsedSeconds;
+          task.actualMinutes = Math.floor(this.secondsWorkedOnCurrentTask / 60);
+          const newFocusSeconds = Math.floor((this.data.totalFocusMinutesToday || 0) * 60) + elapsedSeconds;
+          this.focusSecondsToday = newFocusSeconds;
         }
         this.updateStatusBar();
         this.updateTimerDisplay();
@@ -778,10 +891,14 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       const task = this.data.tasks.find((t) => t.id === this.activeTaskId);
       if (task) {
         task.isActive = false;
+        task.actualMinutes = 0;
       }
     }
     this.isTimerRunning = false;
     this.activeTaskId = null;
+    this.secondsWorkedOnCurrentTask = 0;
+    this.timerStartTimestamp = 0;
+    this.pausedTimeRemaining = 0;
     this.updateStatusBar();
     this.saveAllData();
     this.refreshView();
@@ -814,7 +931,7 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       this.statusBarEl.setText(`\u26A1 ${icon} ${timeStr} - ${taskName}${task && task.text.length > 20 ? "..." : ""}`);
       this.statusBarEl.addClass("focus-task-status-active");
     } else {
-      this.statusBarEl.setText("\u26A1 Focus Task");
+      this.statusBarEl.setText("\u26A1 Immerse");
       this.statusBarEl.removeClass("focus-task-status-active");
     }
   }
@@ -870,6 +987,112 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       console.log("Audio not available");
     }
   }
+  // ============ Daily Note Logging ============
+  async logTaskToDailyNote(task) {
+    try {
+      const list = this.settings.lists.find((l) => l.id === task.list);
+      const timeDiff = task.actualMinutes - task.estimatedMinutes;
+      let timeComparison = "";
+      if (timeDiff < 0) {
+        timeComparison = `${Math.abs(timeDiff)}min under estimate \u2728`;
+      } else if (timeDiff > 0) {
+        timeComparison = `${timeDiff}min over estimate`;
+      } else {
+        timeComparison = `exactly on target \u{1F3AF}`;
+      }
+      const completedTime = new Date(task.completedAt || Date.now()).toLocaleTimeString("en-US", {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false
+      });
+      const taskEntry = `- [x] ${task.text} | ${(list == null ? void 0 : list.icon) || "\u{1F4CB}"} ${(list == null ? void 0 : list.name) || "Task"} | \u23F1\uFE0F ${this.formatTimeHuman(task.actualMinutes)} / ${this.formatTimeHuman(task.estimatedMinutes)} (${timeComparison}) | \u2705 ${completedTime}`;
+      await this.appendToDailyNote(taskEntry);
+    } catch (e) {
+      console.error("Failed to log task to daily note:", e);
+      new import_obsidian3.Notice("Failed to log task to daily note. Make sure Daily Notes core plugin is enabled.");
+    }
+  }
+  getDailyNoteSettings() {
+    var _a, _b, _c;
+    const dailyNotesPlugin = (_b = (_a = this.app.internalPlugins) == null ? void 0 : _a.plugins) == null ? void 0 : _b["daily-notes"];
+    if (!(dailyNotesPlugin == null ? void 0 : dailyNotesPlugin.enabled)) {
+      return null;
+    }
+    const settings = (_c = dailyNotesPlugin.instance) == null ? void 0 : _c.options;
+    return {
+      folder: (settings == null ? void 0 : settings.folder) || "",
+      format: (settings == null ? void 0 : settings.format) || "YYYY-MM-DD",
+      template: (settings == null ? void 0 : settings.template) || ""
+    };
+  }
+  formatDailyNoteDate(format) {
+    const now = new Date();
+    const year = now.getFullYear();
+    const month = now.getMonth() + 1;
+    const day = now.getDate();
+    let result = format;
+    result = result.replace(/YYYY/g, year.toString());
+    result = result.replace(/YY/g, year.toString().slice(-2));
+    result = result.replace(/MMMM/g, now.toLocaleDateString("en-US", { month: "long" }));
+    result = result.replace(/MMM/g, now.toLocaleDateString("en-US", { month: "short" }));
+    result = result.replace(/MM/g, month.toString().padStart(2, "0"));
+    result = result.replace(/(?<![A-Za-z])M(?![A-Za-z])/g, month.toString());
+    result = result.replace(/dddd/g, now.toLocaleDateString("en-US", { weekday: "long" }));
+    result = result.replace(/ddd/g, now.toLocaleDateString("en-US", { weekday: "short" }));
+    result = result.replace(/DD/g, day.toString().padStart(2, "0"));
+    result = result.replace(/(?<![A-Za-z])D(?![A-Za-z])/g, day.toString());
+    return result;
+  }
+  async getOrCreateDailyNote() {
+    const { vault } = this.app;
+    const dailySettings = this.getDailyNoteSettings();
+    if (!dailySettings) {
+      new import_obsidian3.Notice("Daily Notes core plugin is not enabled. Please enable it in Settings \u2192 Core plugins.");
+      return null;
+    }
+    const filename = this.formatDailyNoteDate(dailySettings.format);
+    const folder = dailySettings.folder ? `${dailySettings.folder}/` : "";
+    const path = `${folder}${filename}.md`;
+    let file = vault.getAbstractFileByPath(path);
+    if (file && file instanceof import_obsidian3.TFile) {
+      return file;
+    }
+    try {
+      if (dailySettings.folder) {
+        const folderExists = vault.getAbstractFileByPath(dailySettings.folder);
+        if (!folderExists) {
+          await vault.createFolder(dailySettings.folder);
+        }
+      }
+      let content = "";
+      if (dailySettings.template) {
+        const templatePath = dailySettings.template.endsWith(".md") ? dailySettings.template : `${dailySettings.template}.md`;
+        const templateFile = vault.getAbstractFileByPath(templatePath);
+        if (templateFile && templateFile instanceof import_obsidian3.TFile) {
+          content = await vault.read(templateFile);
+          content = content.replace(/{{date}}/g, filename).replace(/{{time}}/g, new Date().toLocaleTimeString()).replace(/{{title}}/g, filename);
+        }
+      }
+      const newFile = await vault.create(path, content);
+      new import_obsidian3.Notice(`\u{1F4DD} Created daily note: ${filename}`);
+      return newFile;
+    } catch (e) {
+      console.error("Failed to create daily note:", e);
+      new import_obsidian3.Notice("Failed to create daily note");
+      return null;
+    }
+  }
+  async appendToDailyNote(content) {
+    const file = await this.getOrCreateDailyNote();
+    if (!file) {
+      return;
+    }
+    const { vault } = this.app;
+    const existingContent = await vault.read(file);
+    const newContent = existingContent.trimEnd() + "\n" + content + "\n";
+    await vault.modify(file, newContent);
+    new import_obsidian3.Notice("\u{1F4DD} Task logged to daily note");
+  }
   // ============ Utilities ============
   formatTime(seconds) {
     const absSeconds = Math.abs(seconds);
@@ -886,18 +1109,18 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
     return mins > 0 ? `${hours}hr ${mins}min` : `${hours}hr`;
   }
   refreshView() {
-    const leaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_FOCUS_TASK);
+    const leaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_IMMERSE);
     leaves.forEach((leaf) => {
-      if (leaf.view instanceof FocusTaskView) {
+      if (leaf.view instanceof ImmerseView) {
         leaf.view.refresh();
       }
     });
   }
   // Light refresh - only updates timer display without rebuilding DOM
   updateTimerDisplay() {
-    const leaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_FOCUS_TASK);
+    const leaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_IMMERSE);
     leaves.forEach((leaf) => {
-      if (leaf.view instanceof FocusTaskView) {
+      if (leaf.view instanceof ImmerseView) {
         leaf.view.updateTimerDisplay();
       }
     });
@@ -927,14 +1150,14 @@ var FocusTaskPlugin = class extends import_obsidian3.Plugin {
       pendingCount: pending.length,
       completedToday: this.data.completedToday,
       totalEstimatedMinutes: totalEstimate,
-      totalFocusMinutesToday: Math.floor(this.data.totalFocusMinutesToday),
+      totalFocusMinutesToday: Math.floor(this.focusSecondsToday / 60),
       streak: this.data.streak,
       pomodorosCompleted: this.data.pomodorosCompleted,
       avgAccuracy: Math.round(avgAccuracy * 100)
     };
   }
 };
-var FocusTaskSettingTab = class extends import_obsidian3.PluginSettingTab {
+var ImmerseSettingTab = class extends import_obsidian3.PluginSettingTab {
   constructor(app, plugin) {
     super(app, plugin);
     this.plugin = plugin;
@@ -942,7 +1165,7 @@ var FocusTaskSettingTab = class extends import_obsidian3.PluginSettingTab {
   display() {
     const { containerEl } = this;
     containerEl.empty();
-    containerEl.createEl("h1", { text: "\u26A1 Focus Task Settings" });
+    containerEl.createEl("h1", { text: "\u26A1 Immerse Settings" });
     containerEl.createEl("h2", { text: "\u{1F345} Pomodoro Timer" });
     new import_obsidian3.Setting(containerEl).setName("Work Duration").setDesc("Length of each work session in minutes").addSlider((slider) => slider.setLimits(5, 60, 5).setValue(this.plugin.settings.pomodoroWorkMinutes).setDynamicTooltip().onChange(async (value) => {
       this.plugin.settings.pomodoroWorkMinutes = value;
@@ -977,6 +1200,21 @@ var FocusTaskSettingTab = class extends import_obsidian3.PluginSettingTab {
       this.plugin.settings.enableCelebrations = value;
       await this.plugin.saveAllData();
     }));
+    containerEl.createEl("h2", { text: "\u{1F4DD} Daily Note Integration" });
+    new import_obsidian3.Setting(containerEl).setName("Log completed tasks to daily note").setDesc("When you complete a task, add an entry to your daily note. Uses the core Daily Notes plugin settings.").addToggle((toggle) => toggle.setValue(this.plugin.settings.logToDaily).onChange(async (value) => {
+      this.plugin.settings.logToDaily = value;
+      await this.plugin.saveAllData();
+    }));
+    const infoEl = containerEl.createEl("div", { cls: "setting-item-description" });
+    infoEl.style.marginTop = "-10px";
+    infoEl.style.marginBottom = "20px";
+    infoEl.innerHTML = `
+			<small>
+				This feature uses the <strong>Daily Notes</strong> core plugin. 
+				Configure your daily note folder, date format, and template in 
+				<em>Settings \u2192 Core plugins \u2192 Daily notes</em>.
+			</small>
+		`;
     containerEl.createEl("h2", { text: "\u{1F4CB} Lists" });
     this.plugin.settings.lists.forEach((list, index) => {
       new import_obsidian3.Setting(containerEl).setName(`${list.icon} ${list.name}`).addText((text) => text.setValue(list.name).setPlaceholder("List name").onChange(async (value) => {
@@ -1005,14 +1243,14 @@ var FocusTaskSettingTab = class extends import_obsidian3.PluginSettingTab {
       this.display();
     }));
     containerEl.createEl("h2", { text: "\u{1F4D6} About" });
-    const aboutDiv = containerEl.createDiv({ cls: "focus-task-about" });
+    const aboutDiv = containerEl.createDiv({ cls: "immerse-about" });
     aboutDiv.innerHTML = `
-			<p><strong>Focus Task</strong> is heavily inspired by <a href="https://www.blitzit.app/">Blitzit</a>, 
+			<p><strong>Immerse</strong> is heavily inspired by <a href="https://www.blitzit.app/">Blitzit</a>,
 			a fantastic productivity app that combines task management with focused time tracking.</p>
-			<p>This plugin brings similar functionality directly into Obsidian, allowing you to manage tasks, 
+			<p>This plugin brings similar functionality directly into Obsidian, allowing you to manage tasks,
 			use the Pomodoro technique, and track your productivity without leaving your notes.</p>
 			<p>
-				<a href="https://git.cribdev.com/crib/focus-task">Source Code</a>
+				<a href="https://git.cribdev.com/crib/immerse">Source Code</a>
 			</p>
 		`;
   }

manifest.json

@@ -1,7 +1,7 @@
 {
-  "id": "focus-task",
+  "id": "immerse",
-  "name": "Focus Task",
+  "name": "Immerse",
-  "version": "1.0.1",
+  "version": "1.0.9",
   "minAppVersion": "0.15.0",
   "description": "A Blitzit-inspired task management and focus timer plugin. Plan your day, track time with Pomodoro technique, and crush your tasks with satisfying checkoffs.",
   "author": "Crib",

package-release.mjs

@@ -0,0 +1,62 @@
+import { promises as fs } from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const RELEASE_DIR = 'release';
+const FILES_TO_INCLUDE = [
+	'main.js',
+	'manifest.json',
+	'styles.css'
+];
+
+async function packageRelease() {
+	try {
+		console.log('📦 Packaging release files...\n');
+
+		// Create release directory if it doesn't exist
+		try {
+			await fs.access(RELEASE_DIR);
+			console.log(`✓ Release directory exists: ${RELEASE_DIR}`);
+		} catch {
+			await fs.mkdir(RELEASE_DIR);
+			console.log(`✓ Created release directory: ${RELEASE_DIR}`);
+		}
+
+		// Copy each file
+		for (const file of FILES_TO_INCLUDE) {
+			const sourcePath = path.join(__dirname, file);
+			const destPath = path.join(__dirname, RELEASE_DIR, file);
+
+			try {
+				await fs.copyFile(sourcePath, destPath);
+				console.log(`✓ Copied ${file}`);
+			} catch (error) {
+				console.error(`✗ Failed to copy ${file}:`, error.message);
+				process.exit(1);
+			}
+		}
+
+		// Read manifest to get version
+		const manifestPath = path.join(__dirname, 'manifest.json');
+		const manifestContent = await fs.readFile(manifestPath, 'utf8');
+		const manifest = JSON.parse(manifestContent);
+
+		console.log(`\n✅ Release package created successfully!`);
+		console.log(`📁 Location: ./${RELEASE_DIR}/`);
+		console.log(`📌 Version: ${manifest.version}`);
+		console.log(`\nFiles included:`);
+		FILES_TO_INCLUDE.forEach(file => console.log(`   - ${file}`));
+		console.log(`\n💡 Tip: You can now upload these files from the '${RELEASE_DIR}' directory to your Gitea release.`);
+		console.log(`💡 Tip: To create a zip, run: cd ${RELEASE_DIR} && zip -r ../focus-task-${manifest.version}.zip *`);
+
+	} catch (error) {
+		console.error('❌ Error packaging release:', error);
+		process.exit(1);
+	}
+}
+
+packageRelease();

package.json

@@ -1,11 +1,12 @@
 {
-  "name": "focus-task",
+  "name": "immerse",
-  "version": "1.0.1",
+  "version": "1.0.9",
   "description": "A Blitzit-inspired task management and focus timer plugin for Obsidian",
   "main": "main.js",
   "scripts": {
     "dev": "node esbuild.config.mjs",
     "build": "tsc -noEmit -skipLibCheck && node esbuild.config.mjs production",
+    "package": "npm run build && node package-release.mjs",
     "version": "node version-bump.mjs && git add manifest.json versions.json"
   },
   "keywords": [
@@ -21,7 +22,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://git.cribdev.com/crib/focus-task"
+    "url": "https://git.cribdev.com/crib/immerse"
   },
   "devDependencies": {
     "@types/node": "^16.11.6",

src/main.ts

@@ -4,6 +4,7 @@ import {
 	Plugin,
 	PluginSettingTab,
 	Setting,
+	TFile,
 	WorkspaceLeaf,
 } from 'obsidian';
 
@@ -13,18 +14,18 @@ import {
 	FocusTaskData,
 	DEFAULT_SETTINGS,
 	DEFAULT_DATA,
-	VIEW_TYPE_FOCUS_TASK,
+	VIEW_TYPE_IMMERSE,
 	CELEBRATION_MESSAGES,
 	EARLY_FINISH_MESSAGES,
 	OVERTIME_MESSAGES,
 } from './types';
 
-import { FocusTaskView } from './view';
+import { ImmerseView } from './view';
 import { QuickAddTaskModal } from './modals';
 
 // ============ Main Plugin Class ============
 
-export default class FocusTaskPlugin extends Plugin {
+export default class ImmersePlugin extends Plugin {
 	settings: FocusTaskSettings;
 	data: FocusTaskData;
 	
@@ -35,31 +36,46 @@ export default class FocusTaskPlugin extends Plugin {
 	isBreakMode: boolean = false;
 	activeTaskId: string | null = null;
 	pomodoroCount: number = 0;
+
+	// Timestamp-based tracking for reliable background timing
+	private timerStartTimestamp: number = 0;
+	private pausedTimeRemaining: number = 0;
+
+	// Focus time tracking (in seconds for accuracy)
+	private focusSecondsToday: number = 0;
+	private secondsWorkedOnCurrentTask: number = 0;
 	
 	// Status bar element
 	statusBarEl: HTMLElement | null = null;
 
 	async onload() {
 		await this.loadAllData();
-		
+
 		// Check and reset daily stats
 		this.checkDailyReset();
 
+		// Handle visibility changes to sync timer when app comes back to foreground
+		document.addEventListener('visibilitychange', () => {
+			if (!document.hidden && this.isTimerRunning) {
+				this.syncTimerFromTimestamp();
+			}
+		});
+
 		// Register the main view
 		this.registerView(
-			VIEW_TYPE_FOCUS_TASK,
+			VIEW_TYPE_IMMERSE,
-			(leaf) => new FocusTaskView(leaf, this)
+			(leaf) => new ImmerseView(leaf, this)
 		);
 
 		// Add ribbon icon
-		this.addRibbonIcon('zap', 'Open Focus Task', () => {
+		this.addRibbonIcon('zap', 'Open Immerse', () => {
 			this.activateView();
 		});
 
 		// Add commands
 		this.addCommand({
-			id: 'open-focus-task',
+			id: 'open-immerse',
-			name: 'Open Focus Task Panel',
+			name: 'Open Immerse Panel',
 			callback: () => this.activateView(),
 		});
 
@@ -88,7 +104,7 @@ export default class FocusTaskPlugin extends Plugin {
 		});
 
 		// Add settings tab
-		this.addSettingTab(new FocusTaskSettingTab(this.app, this));
+		this.addSettingTab(new ImmerseSettingTab(this.app, this));
 
 		// Create status bar timer
 		this.createStatusBar();
@@ -100,11 +116,24 @@ export default class FocusTaskPlugin extends Plugin {
 
 	async loadAllData() {
 		const loaded = await this.loadData();
+
+		// Merge loaded data with defaults (defaults first, then override with loaded)
+		// This ensures new fields get default values even for existing installs
 		this.data = Object.assign({}, DEFAULT_DATA, loaded?.data || {});
 		this.settings = Object.assign({}, DEFAULT_SETTINGS, loaded?.settings || {});
+
+		// Ensure lists array exists and has at least the default lists
+		if (!this.settings.lists || this.settings.lists.length === 0) {
+			this.settings.lists = DEFAULT_SETTINGS.lists;
+		}
+
+		// Initialize seconds from stored minutes
+		this.focusSecondsToday = (this.data.totalFocusMinutesToday || 0) * 60;
 	}
 
 	async saveAllData() {
+		// Sync minutes from seconds before saving
+		this.data.totalFocusMinutesToday = Math.floor(this.focusSecondsToday / 60);
 		await this.saveData({
 			settings: this.settings,
 			data: this.data,
@@ -126,6 +155,7 @@ export default class FocusTaskPlugin extends Plugin {
 			// Reset daily stats
 			this.data.completedToday = 0;
 			this.data.totalFocusMinutesToday = 0;
+			this.focusSecondsToday = 0;
 			this.data.lastActiveDate = today;
 			this.saveAllData();
 		}
@@ -135,14 +165,14 @@ export default class FocusTaskPlugin extends Plugin {
 		const { workspace } = this.app;
 
 		let leaf: WorkspaceLeaf | null = null;
-		const leaves = workspace.getLeavesOfType(VIEW_TYPE_FOCUS_TASK);
+		const leaves = workspace.getLeavesOfType(VIEW_TYPE_IMMERSE);
 
 		if (leaves.length > 0) {
 			leaf = leaves[0];
 		} else {
 			leaf = workspace.getRightLeaf(false);
 			if (leaf) {
-				await leaf.setViewState({ type: VIEW_TYPE_FOCUS_TASK, active: true });
+				await leaf.setViewState({ type: VIEW_TYPE_IMMERSE, active: true });
 			}
 		}
 
@@ -216,6 +246,11 @@ export default class FocusTaskPlugin extends Plugin {
 				this.playCompletionSound();
 			}
 			
+			// Log to daily note
+			if (this.settings.logToDaily) {
+				this.logTaskToDailyNote(task);
+			}
+			
 			if (this.activeTaskId === taskId) {
 				this.stopTimer();
 				this.activeTaskId = null;
@@ -236,6 +271,18 @@ export default class FocusTaskPlugin extends Plugin {
 
 	// ============ Timer Management ============
 
+	// Sync timer based on timestamp when app returns from background
+	syncTimerFromTimestamp() {
+		// Since all intervals now calculate from timestamps directly,
+		// we just need to trigger an update when coming back to foreground
+		if (!this.isTimerRunning) return;
+
+		// The interval will automatically calculate correct values on next tick
+		// Just update the display immediately to show current state
+		this.updateStatusBar();
+		this.updateTimerDisplay();
+	}
+
 	startTimer(taskId: string) {
 		const task = this.data.tasks.find(t => t.id === taskId);
 		if (!task) return;
@@ -249,6 +296,15 @@ export default class FocusTaskPlugin extends Plugin {
 		this.isBreakMode = false;
 		this.currentTimerSeconds = 0;
 		this.isTimerRunning = true;
+		this.secondsWorkedOnCurrentTask = task.actualMinutes * 60;
+
+		// Set timestamp for background tracking (stopwatch mode)
+		this.timerStartTimestamp = Date.now();
+		this.pausedTimeRemaining = 0; // 0 indicates stopwatch mode
+
+		// Store initial values
+		const initialSecondsWorked = this.secondsWorkedOnCurrentTask;
+		let alertShown = false;
 
 		// Full refresh to show the active task card
 		this.refreshView();
@@ -256,15 +312,29 @@ export default class FocusTaskPlugin extends Plugin {
 
 		// Start interval (count up mode - stopwatch)
 		this.timerInterval = window.setInterval(() => {
-			this.currentTimerSeconds++;
+			// Calculate elapsed time from timestamp
-			task.actualMinutes = Math.floor(this.currentTimerSeconds / 60);
+			const now = Date.now();
-			
+			const elapsedMs = now - this.timerStartTimestamp;
+			const elapsedSeconds = Math.floor(elapsedMs / 1000);
+
+			// Update timer (count up)
+			this.currentTimerSeconds = elapsedSeconds;
+
+			// Update actual time worked
+			this.secondsWorkedOnCurrentTask = initialSecondsWorked + elapsedSeconds;
+			task.actualMinutes = Math.floor(this.secondsWorkedOnCurrentTask / 60);
+
+			// Update focus time
+			const newFocusSeconds = Math.floor((this.data.totalFocusMinutesToday || 0) * 60) + elapsedSeconds;
+			this.focusSecondsToday = newFocusSeconds;
+
 			// Light update - only timer display, no full refresh
 			this.updateStatusBar();
 			this.updateTimerDisplay();
-			
+
-			// Check if over estimate
+			// Check if over estimate (only alert once)
-			if (this.currentTimerSeconds === task.estimatedMinutes * 60) {
+			if (!alertShown && this.currentTimerSeconds >= task.estimatedMinutes * 60) {
+				alertShown = true;
 				if (this.settings.enableSounds) {
 					this.playAlertSound();
 				}
@@ -286,18 +356,44 @@ export default class FocusTaskPlugin extends Plugin {
 		this.currentTimerSeconds = this.settings.pomodoroWorkMinutes * 60;
 		this.isTimerRunning = true;
 
+		// Initialize from existing actual time to preserve progress across breaks
+		// Store as seconds for precision
+		this.secondsWorkedOnCurrentTask = Math.floor(task.actualMinutes * 60);
+
+		// Set timestamp for background tracking (pomodoro countdown mode)
+		this.timerStartTimestamp = Date.now();
+		this.pausedTimeRemaining = this.currentTimerSeconds;
+
+		// Store the initial seconds worked to calculate delta
+		const initialSecondsWorked = this.secondsWorkedOnCurrentTask;
+
 		// Full refresh to show the active task card
 		this.refreshView();
 		this.updateStatusBar();
 
 		this.timerInterval = window.setInterval(() => {
-			this.currentTimerSeconds--;
+			// Calculate elapsed time from timestamp (more accurate than counting ticks)
-			
+			const now = Date.now();
+			const elapsedMs = now - this.timerStartTimestamp;
+			const elapsedSeconds = Math.floor(elapsedMs / 1000);
+
+			// Update countdown timer
+			this.currentTimerSeconds = Math.max(0, this.pausedTimeRemaining - elapsedSeconds);
+
 			if (!this.isBreakMode) {
-				task.actualMinutes = Math.floor((this.settings.pomodoroWorkMinutes * 60 - this.currentTimerSeconds) / 60);
+				// Update actual time worked based on real elapsed time
-				this.data.totalFocusMinutesToday = Math.floor(this.data.totalFocusMinutesToday + 1/60);
+				this.secondsWorkedOnCurrentTask = initialSecondsWorked + elapsedSeconds;
+				const actualMinutes = Math.floor(this.secondsWorkedOnCurrentTask / 60);
+
+				if (task.actualMinutes !== actualMinutes) {
+					task.actualMinutes = actualMinutes;
+				}
+
+				// Update focus time based on elapsed seconds
+				const newFocusSeconds = Math.floor((this.data.totalFocusMinutesToday || 0) * 60) + elapsedSeconds;
+				this.focusSecondsToday = newFocusSeconds;
 			}
-			
+
 			// Light update - only timer display, no full refresh
 			this.updateStatusBar();
 			this.updateTimerDisplay();
@@ -309,48 +405,75 @@ export default class FocusTaskPlugin extends Plugin {
 	}
 
 	handlePomodoroEnd() {
+		// Stop the timer interval to prevent going into negative
+		if (this.timerInterval) {
+			window.clearInterval(this.timerInterval);
+			this.timerInterval = null;
+		}
+
+		// Set timer to 0 to ensure it doesn't show negative
+		this.currentTimerSeconds = 0;
+		this.isTimerRunning = false;
+
+		// Update displays immediately
+		this.updateStatusBar();
+		this.updateTimerDisplay();
+
 		if (!this.isBreakMode) {
 			// Work session ended
 			this.pomodoroCount++;
 			this.data.pomodorosCompleted++;
-			
+
 			if (this.settings.enableSounds) {
 				this.playAlertSound();
 			}
-			
+
 			new Notice('🍅 Pomodoro complete! Time for a break.');
-			
+
 			if (this.settings.autoStartBreak) {
 				this.startBreak();
 			} else {
-				this.stopTimer();
+				this.refreshView();
 			}
 		} else {
-			// Break ended
+			// Break ended - keep timer at 0 until user resumes
 			if (this.settings.enableSounds) {
 				this.playAlertSound();
 			}
 			new Notice('⚡ Break over! Ready to focus?');
-			this.isBreakMode = false;
+
-			this.stopTimer();
+			// Keep the break card visible with timer at 0:00
+			this.refreshView();
 		}
-		
+
 		this.saveAllData();
 	}
 
 	startBreak() {
 		this.isBreakMode = true;
+		this.isTimerRunning = true;
 		const isLongBreak = this.pomodoroCount % this.settings.longBreakInterval === 0;
 		this.currentTimerSeconds = (isLongBreak ? this.settings.longBreakMinutes : this.settings.pomodoroBreakMinutes) * 60;
-		
+
+		// Set timestamp for background tracking (break countdown mode)
+		this.timerStartTimestamp = Date.now();
+		this.pausedTimeRemaining = this.currentTimerSeconds;
+
 		new Notice(isLongBreak ? '☕ Long break time!' : '☕ Short break time!');
-		
+
 		// Full refresh to show break state
 		this.refreshView();
-		
+
 		if (!this.timerInterval) {
 			this.timerInterval = window.setInterval(() => {
-				this.currentTimerSeconds--;
+				// Calculate elapsed time from timestamp
+				const now = Date.now();
+				const elapsedMs = now - this.timerStartTimestamp;
+				const elapsedSeconds = Math.floor(elapsedMs / 1000);
+
+				// Update countdown timer
+				this.currentTimerSeconds = Math.max(0, this.pausedTimeRemaining - elapsedSeconds);
+
 				// Light update - only timer display
 				this.updateStatusBar();
 				this.updateTimerDisplay();
@@ -360,26 +483,45 @@ export default class FocusTaskPlugin extends Plugin {
 				}
 			}, 1000);
 		}
-		
+
 		this.updateStatusBar();
 	}
 
 	toggleTimer() {
 		if (this.isTimerRunning && this.timerInterval) {
-			// Pause
+			// Pause - save current state
 			window.clearInterval(this.timerInterval);
 			this.timerInterval = null;
 			this.isTimerRunning = false;
+			this.pausedTimeRemaining = this.currentTimerSeconds;
 		} else if (this.activeTaskId) {
-			// Resume
+			// Resume - restart with new timestamp
 			this.isTimerRunning = true;
+			this.timerStartTimestamp = Date.now();
 			const task = this.data.tasks.find(t => t.id === this.activeTaskId);
-			
+
+			// Store initial values for resume
+			const initialSecondsWorked = this.secondsWorkedOnCurrentTask;
+
 			this.timerInterval = window.setInterval(() => {
-				this.currentTimerSeconds--;
+				// Calculate elapsed time from timestamp
+				const now = Date.now();
+				const elapsedMs = now - this.timerStartTimestamp;
+				const elapsedSeconds = Math.floor(elapsedMs / 1000);
+
+				// Update timer (countdown from paused position)
+				this.currentTimerSeconds = Math.max(0, this.pausedTimeRemaining - elapsedSeconds);
+
 				if (task && !this.isBreakMode) {
-					task.actualMinutes = Math.floor((this.settings.pomodoroWorkMinutes * 60 - this.currentTimerSeconds) / 60);
+					// Update actual time worked
+					this.secondsWorkedOnCurrentTask = initialSecondsWorked + elapsedSeconds;
+					task.actualMinutes = Math.floor(this.secondsWorkedOnCurrentTask / 60);
+
+					// Update focus time
+					const newFocusSeconds = Math.floor((this.data.totalFocusMinutesToday || 0) * 60) + elapsedSeconds;
+					this.focusSecondsToday = newFocusSeconds;
 				}
+
 				// Light update - only timer display
 				this.updateStatusBar();
 				this.updateTimerDisplay();
@@ -391,7 +533,7 @@ export default class FocusTaskPlugin extends Plugin {
 		} else {
 			new Notice('No active task. Select a task first.');
 		}
-		
+
 		// Full refresh to update pause/resume button state
 		this.updateStatusBar();
 		this.refreshView();
@@ -402,16 +544,22 @@ export default class FocusTaskPlugin extends Plugin {
 			window.clearInterval(this.timerInterval);
 			this.timerInterval = null;
 		}
-		
+
 		if (this.activeTaskId) {
 			const task = this.data.tasks.find(t => t.id === this.activeTaskId);
 			if (task) {
 				task.isActive = false;
+				// Reset actual time when manually stopping (not after a break)
+				// This allows starting fresh next time
+				task.actualMinutes = 0;
 			}
 		}
-		
+
 		this.isTimerRunning = false;
 		this.activeTaskId = null;
+		this.secondsWorkedOnCurrentTask = 0;
+		this.timerStartTimestamp = 0;
+		this.pausedTimeRemaining = 0;
 		this.updateStatusBar();
 		this.saveAllData();
 		this.refreshView();
@@ -451,7 +599,7 @@ export default class FocusTaskPlugin extends Plugin {
 			this.statusBarEl.setText(`⚡ ${icon} ${timeStr} - ${taskName}${task && task.text.length > 20 ? '...' : ''}`);
 			this.statusBarEl.addClass('focus-task-status-active');
 		} else {
-			this.statusBarEl.setText('⚡ Focus Task');
+			this.statusBarEl.setText('⚡ Immerse');
 			this.statusBarEl.removeClass('focus-task-status-active');
 		}
 	}
@@ -523,6 +671,161 @@ export default class FocusTaskPlugin extends Plugin {
 		}
 	}
 
+	// ============ Daily Note Logging ============
+
+	async logTaskToDailyNote(task: FocusTask) {
+		try {
+			const list = this.settings.lists.find(l => l.id === task.list);
+			
+			// Format the task entry
+			const timeDiff = task.actualMinutes - task.estimatedMinutes;
+			let timeComparison = '';
+			if (timeDiff < 0) {
+				timeComparison = `${Math.abs(timeDiff)}min under estimate ✨`;
+			} else if (timeDiff > 0) {
+				timeComparison = `${timeDiff}min over estimate`;
+			} else {
+				timeComparison = `exactly on target 🎯`;
+			}
+			
+			const completedTime = new Date(task.completedAt || Date.now()).toLocaleTimeString('en-US', {
+				hour: '2-digit',
+				minute: '2-digit',
+				hour12: false
+			});
+			
+			const taskEntry = `- [x] ${task.text} | ${list?.icon || '📋'} ${list?.name || 'Task'} | ⏱️ ${this.formatTimeHuman(task.actualMinutes)} / ${this.formatTimeHuman(task.estimatedMinutes)} (${timeComparison}) | ✅ ${completedTime}`;
+			
+			await this.appendToDailyNote(taskEntry);
+		} catch (e) {
+			console.error('Failed to log task to daily note:', e);
+			new Notice('Failed to log task to daily note. Make sure Daily Notes core plugin is enabled.');
+		}
+	}
+
+	getDailyNoteSettings(): { folder: string; format: string; template: string } | null {
+		// Access the core Daily Notes plugin settings
+		const dailyNotesPlugin = (this.app as any).internalPlugins?.plugins?.['daily-notes'];
+		
+		if (!dailyNotesPlugin?.enabled) {
+			return null;
+		}
+		
+		const settings = dailyNotesPlugin.instance?.options;
+		return {
+			folder: settings?.folder || '',
+			format: settings?.format || 'YYYY-MM-DD',
+			template: settings?.template || '',
+		};
+	}
+
+	formatDailyNoteDate(format: string): string {
+		const now = new Date();
+		const year = now.getFullYear();
+		const month = now.getMonth() + 1;
+		const day = now.getDate();
+		
+		// Use placeholders to avoid replacement conflicts
+		// Replace longer tokens first, use unique placeholders
+		let result = format;
+		
+		// Year tokens
+		result = result.replace(/YYYY/g, year.toString());
+		result = result.replace(/YY/g, year.toString().slice(-2));
+		
+		// Month tokens (longer first)
+		result = result.replace(/MMMM/g, now.toLocaleDateString('en-US', { month: 'long' }));
+		result = result.replace(/MMM/g, now.toLocaleDateString('en-US', { month: 'short' }));
+		result = result.replace(/MM/g, month.toString().padStart(2, '0'));
+		// Only replace standalone M, not part of other tokens
+		result = result.replace(/(?<![A-Za-z])M(?![A-Za-z])/g, month.toString());
+		
+		// Day tokens (longer first)
+		result = result.replace(/dddd/g, now.toLocaleDateString('en-US', { weekday: 'long' }));
+		result = result.replace(/ddd/g, now.toLocaleDateString('en-US', { weekday: 'short' }));
+		result = result.replace(/DD/g, day.toString().padStart(2, '0'));
+		// Only replace standalone D, not part of other tokens
+		result = result.replace(/(?<![A-Za-z])D(?![A-Za-z])/g, day.toString());
+		
+		return result;
+	}
+
+	async getOrCreateDailyNote(): Promise<TFile | null> {
+		const { vault } = this.app;
+		const dailySettings = this.getDailyNoteSettings();
+		
+		if (!dailySettings) {
+			new Notice('Daily Notes core plugin is not enabled. Please enable it in Settings → Core plugins.');
+			return null;
+		}
+		
+		const filename = this.formatDailyNoteDate(dailySettings.format);
+		const folder = dailySettings.folder ? `${dailySettings.folder}/` : '';
+		const path = `${folder}${filename}.md`;
+		
+		// Check if daily note exists
+		let file = vault.getAbstractFileByPath(path);
+		
+		if (file && file instanceof TFile) {
+			return file;
+		}
+		
+		// Create the daily note
+		try {
+			// Ensure folder exists
+			if (dailySettings.folder) {
+				const folderExists = vault.getAbstractFileByPath(dailySettings.folder);
+				if (!folderExists) {
+					await vault.createFolder(dailySettings.folder);
+				}
+			}
+			
+			// Check if template exists and use it
+			let content = '';
+			if (dailySettings.template) {
+				const templatePath = dailySettings.template.endsWith('.md') 
+					? dailySettings.template 
+					: `${dailySettings.template}.md`;
+				const templateFile = vault.getAbstractFileByPath(templatePath);
+				
+				if (templateFile && templateFile instanceof TFile) {
+					content = await vault.read(templateFile);
+					// Replace template variables
+					content = content
+						.replace(/{{date}}/g, filename)
+						.replace(/{{time}}/g, new Date().toLocaleTimeString())
+						.replace(/{{title}}/g, filename);
+				}
+			}
+			
+			// Create the file
+			const newFile = await vault.create(path, content);
+			new Notice(`📝 Created daily note: ${filename}`);
+			return newFile;
+		} catch (e) {
+			console.error('Failed to create daily note:', e);
+			new Notice('Failed to create daily note');
+			return null;
+		}
+	}
+
+	async appendToDailyNote(content: string) {
+		const file = await this.getOrCreateDailyNote();
+		
+		if (!file) {
+			return;
+		}
+		
+		const { vault } = this.app;
+		
+		// Read existing content and append to the end
+		const existingContent = await vault.read(file);
+		const newContent = existingContent.trimEnd() + '\n' + content + '\n';
+		
+		await vault.modify(file, newContent);
+		new Notice('📝 Task logged to daily note');
+	}
+
 	// ============ Utilities ============
 
 	formatTime(seconds: number): string {
@@ -541,9 +844,9 @@ export default class FocusTaskPlugin extends Plugin {
 	}
 
 	refreshView() {
-		const leaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_FOCUS_TASK);
+		const leaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_IMMERSE);
 		leaves.forEach(leaf => {
-			if (leaf.view instanceof FocusTaskView) {
+			if (leaf.view instanceof ImmerseView) {
 				leaf.view.refresh();
 			}
 		});
@@ -551,9 +854,9 @@ export default class FocusTaskPlugin extends Plugin {
 
 	// Light refresh - only updates timer display without rebuilding DOM
 	updateTimerDisplay() {
-		const leaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_FOCUS_TASK);
+		const leaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_IMMERSE);
 		leaves.forEach(leaf => {
-			if (leaf.view instanceof FocusTaskView) {
+			if (leaf.view instanceof ImmerseView) {
 				leaf.view.updateTimerDisplay();
 			}
 		});
@@ -588,7 +891,7 @@ export default class FocusTaskPlugin extends Plugin {
 			pendingCount: pending.length,
 			completedToday: this.data.completedToday,
 			totalEstimatedMinutes: totalEstimate,
-			totalFocusMinutesToday: Math.floor(this.data.totalFocusMinutesToday),
+			totalFocusMinutesToday: Math.floor(this.focusSecondsToday / 60),
 			streak: this.data.streak,
 			pomodorosCompleted: this.data.pomodorosCompleted,
 			avgAccuracy: Math.round(avgAccuracy * 100),
@@ -598,10 +901,10 @@ export default class FocusTaskPlugin extends Plugin {
 
 // ============ Settings Tab ============
 
-class FocusTaskSettingTab extends PluginSettingTab {
+class ImmerseSettingTab extends PluginSettingTab {
-	plugin: FocusTaskPlugin;
+	plugin: ImmersePlugin;
 
-	constructor(app: App, plugin: FocusTaskPlugin) {
+	constructor(app: App, plugin: ImmersePlugin) {
 		super(app, plugin);
 		this.plugin = plugin;
 	}
@@ -610,7 +913,7 @@ class FocusTaskSettingTab extends PluginSettingTab {
 		const { containerEl } = this;
 		containerEl.empty();
 
-		containerEl.createEl('h1', { text: '⚡ Focus Task Settings' });
+		containerEl.createEl('h1', { text: '⚡ Immerse Settings' });
 
 		// Pomodoro Settings
 		containerEl.createEl('h2', { text: '🍅 Pomodoro Timer' });
@@ -708,6 +1011,31 @@ class FocusTaskSettingTab extends PluginSettingTab {
 					await this.plugin.saveAllData();
 				}));
 
+		// Daily Note Integration
+		containerEl.createEl('h2', { text: '📝 Daily Note Integration' });
+
+		new Setting(containerEl)
+			.setName('Log completed tasks to daily note')
+			.setDesc('When you complete a task, add an entry to your daily note. Uses the core Daily Notes plugin settings.')
+			.addToggle(toggle => toggle
+				.setValue(this.plugin.settings.logToDaily)
+				.onChange(async value => {
+					this.plugin.settings.logToDaily = value;
+					await this.plugin.saveAllData();
+				}));
+
+		// Show info about Daily Notes plugin
+		const infoEl = containerEl.createEl('div', { cls: 'setting-item-description' });
+		infoEl.style.marginTop = '-10px';
+		infoEl.style.marginBottom = '20px';
+		infoEl.innerHTML = `
+			<small>
+				This feature uses the <strong>Daily Notes</strong> core plugin. 
+				Configure your daily note folder, date format, and template in 
+				<em>Settings → Core plugins → Daily notes</em>.
+			</small>
+		`;
+
 		// Lists Management
 		containerEl.createEl('h2', { text: '📋 Lists' });
 		
@@ -761,15 +1089,15 @@ class FocusTaskSettingTab extends PluginSettingTab {
 		// About section
 		containerEl.createEl('h2', { text: '📖 About' });
 		
-		const aboutDiv = containerEl.createDiv({ cls: 'focus-task-about' });
+		const aboutDiv = containerEl.createDiv({ cls: 'immerse-about' });
 		aboutDiv.innerHTML = `
-			<p><strong>Focus Task</strong> is heavily inspired by <a href="https://www.blitzit.app/">Blitzit</a>, 
+			<p><strong>Immerse</strong> is heavily inspired by <a href="https://www.blitzit.app/">Blitzit</a>,
 			a fantastic productivity app that combines task management with focused time tracking.</p>
-			<p>This plugin brings similar functionality directly into Obsidian, allowing you to manage tasks, 
+			<p>This plugin brings similar functionality directly into Obsidian, allowing you to manage tasks,
 			use the Pomodoro technique, and track your productivity without leaving your notes.</p>
 			<p>
-				<a href="https://git.cribdev.com/crib/focus-task">Source Code</a>
+				<a href="https://git.cribdev.com/crib/immerse">Source Code</a>
 			</p>
 		`;
 	}
-}
+}

src/modals.ts

@@ -6,17 +6,17 @@ import {
 } from 'obsidian';
 
 import { FocusTask } from './types';
-import FocusTaskPlugin from './main';
+import ImmersePlugin from './main';
 
 // ============ Quick Add Task Modal ============
 
 export class QuickAddTaskModal extends Modal {
-	plugin: FocusTaskPlugin;
+	plugin: ImmersePlugin;
 	taskText: string = '';
 	estimatedMinutes: number;
 	selectedList: string = 'work';
 
-	constructor(app: App, plugin: FocusTaskPlugin) {
+	constructor(app: App, plugin: ImmersePlugin) {
 		super(app);
 		this.plugin = plugin;
 		this.estimatedMinutes = plugin.settings.defaultEstimateMinutes;
@@ -27,7 +27,7 @@ export class QuickAddTaskModal extends Modal {
 
 	onOpen() {
 		const { contentEl } = this;
-		contentEl.addClass('focus-task-modal');
+		contentEl.addClass('immerse-modal');
 		
 		contentEl.createEl('h2', { text: '⚡ Add New Task' });
 
@@ -83,12 +83,12 @@ export class QuickAddTaskModal extends Modal {
 			});
 
 		// Buttons
-		const buttonContainer = contentEl.createEl('div', { cls: 'focus-task-modal-buttons' });
+		const buttonContainer = contentEl.createEl('div', { cls: 'immerse-modal-buttons' });
 		
-		const cancelBtn = buttonContainer.createEl('button', { text: 'Cancel', cls: 'focus-task-btn' });
+		const cancelBtn = buttonContainer.createEl('button', { text: 'Cancel', cls: 'immerse-btn' });
 		cancelBtn.addEventListener('click', () => this.close());
 		
-		const addBtn = buttonContainer.createEl('button', { text: 'Add Task', cls: 'focus-task-btn focus-task-btn-primary' });
+		const addBtn = buttonContainer.createEl('button', { text: 'Add Task', cls: 'immerse-btn immerse-btn-primary' });
 		addBtn.addEventListener('click', () => this.submitTask());
 	}
 
@@ -112,10 +112,10 @@ export class QuickAddTaskModal extends Modal {
 // ============ Edit Task Modal ============
 
 export class EditTaskModal extends Modal {
-	plugin: FocusTaskPlugin;
+	plugin: ImmersePlugin;
 	task: FocusTask;
 
-	constructor(app: App, plugin: FocusTaskPlugin, task: FocusTask) {
+	constructor(app: App, plugin: ImmersePlugin, task: FocusTask) {
 		super(app);
 		this.plugin = plugin;
 		this.task = { ...task };
@@ -123,7 +123,7 @@ export class EditTaskModal extends Modal {
 
 	onOpen() {
 		const { contentEl } = this;
-		contentEl.addClass('focus-task-modal');
+		contentEl.addClass('immerse-modal');
 		
 		contentEl.createEl('h2', { text: '✏️ Edit Task' });
 
@@ -184,12 +184,12 @@ export class EditTaskModal extends Modal {
 				.setDesc(`You've worked on this task for ${this.plugin.formatTimeHuman(this.task.actualMinutes)}`);
 		}
 
-		const buttonContainer = contentEl.createEl('div', { cls: 'focus-task-modal-buttons' });
+		const buttonContainer = contentEl.createEl('div', { cls: 'immerse-modal-buttons' });
 		
-		const cancelBtn = buttonContainer.createEl('button', { text: 'Cancel', cls: 'focus-task-btn' });
+		const cancelBtn = buttonContainer.createEl('button', { text: 'Cancel', cls: 'immerse-btn' });
 		cancelBtn.addEventListener('click', () => this.close());
 		
-		const saveBtn = buttonContainer.createEl('button', { text: 'Save', cls: 'focus-task-btn focus-task-btn-primary' });
+		const saveBtn = buttonContainer.createEl('button', { text: 'Save', cls: 'immerse-btn immerse-btn-primary' });
 		saveBtn.addEventListener('click', () => {
 			this.plugin.updateTask(this.task.id, this.task);
 			new Notice('✅ Task updated!');

src/types.ts

@@ -32,6 +32,8 @@ export interface FocusTaskSettings {
 	lists: TaskList[];
 	autoStartBreak: boolean;
 	tickSoundEnabled: boolean;
+	// Daily note logging
+	logToDaily: boolean;
 }
 
 export interface FocusTaskData {
@@ -56,8 +58,10 @@ export const DEFAULT_SETTINGS: FocusTaskSettings = {
 		{ id: 'personal', name: 'Personal', color: '#22c55e', icon: '🏠' },
 		{ id: 'learning', name: 'Learning', color: '#f59e0b', icon: '📚' },
 	],
-	autoStartBreak: false,
+	autoStartBreak: true,
 	tickSoundEnabled: false,
+	// Daily note logging
+	logToDaily: false,
 };
 
 export const DEFAULT_DATA: FocusTaskData = {
@@ -69,7 +73,7 @@ export const DEFAULT_DATA: FocusTaskData = {
 	pomodorosCompleted: 0,
 };
 
-export const VIEW_TYPE_FOCUS_TASK = 'focus-task-view';
+export const VIEW_TYPE_IMMERSE = 'immerse-view';
 
 // ============ Celebration Messages ============
 
@@ -96,4 +100,4 @@ export const OVERTIME_MESSAGES = [
 	{ emoji: '💪', message: 'Persistence pays off!' },
 	{ emoji: '🏃', message: 'Marathon runner!' },
 	{ emoji: '🔥', message: 'The grind is real!' },
-];
+];

src/view.ts

@@ -3,33 +3,33 @@ import {
 	WorkspaceLeaf,
 } from 'obsidian';
 
-import { VIEW_TYPE_FOCUS_TASK, FocusTask } from './types';
+import { VIEW_TYPE_IMMERSE, FocusTask } from './types';
 import { QuickAddTaskModal, EditTaskModal } from './modals';
-import FocusTaskPlugin from './main';
+import ImmersePlugin from './main';
 
 // ============ Main View ============
 
-export class FocusTaskView extends ItemView {
+export class ImmerseView extends ItemView {
-	plugin: FocusTaskPlugin;
+	plugin: ImmersePlugin;
 	currentFilter: string = 'all';
-	
+
 	// References to elements that need frequent updates
 	private timerTimeEl: HTMLElement | null = null;
 	private progressBarEl: HTMLElement | null = null;
 	private actualTimeEl: HTMLElement | null = null;
 	private pauseBtnEl: HTMLElement | null = null;
 
-	constructor(leaf: WorkspaceLeaf, plugin: FocusTaskPlugin) {
+	constructor(leaf: WorkspaceLeaf, plugin: ImmersePlugin) {
 		super(leaf);
 		this.plugin = plugin;
 	}
 
 	getViewType(): string {
-		return VIEW_TYPE_FOCUS_TASK;
+		return VIEW_TYPE_IMMERSE;
 	}
 
 	getDisplayText(): string {
-		return 'Focus Task';
+		return 'Immerse';
 	}
 
 	getIcon(): string {
@@ -74,7 +74,7 @@ export class FocusTaskView extends ItemView {
 	refresh() {
 		const container = this.containerEl.children[1];
 		container.empty();
-		container.addClass('focus-task-container');
+		container.addClass('immerse-container');
 		
 		// Reset element references
 		this.timerTimeEl = null;
@@ -96,18 +96,18 @@ export class FocusTaskView extends ItemView {
 	}
 
 	renderHeader(container: Element) {
-		const header = container.createEl('div', { cls: 'focus-task-header' });
+		const header = container.createEl('div', { cls: 'immerse-header' });
 		
-		const titleSection = header.createEl('div', { cls: 'focus-task-title-section' });
+		const titleSection = header.createEl('div', { cls: 'immerse-title-section' });
-		titleSection.createEl('h2', { text: '⚡ Focus Task', cls: 'focus-task-title' });
+		titleSection.createEl('h2', { text: '⚡ Immerse', cls: 'immerse-title' });
 		
 		const today = new Date();
 		const dateStr = today.toLocaleDateString('en-US', { weekday: 'long', month: 'short', day: 'numeric' });
-		titleSection.createEl('div', { text: dateStr, cls: 'focus-task-date' });
+		titleSection.createEl('div', { text: dateStr, cls: 'immerse-date' });
 
-		const actions = header.createEl('div', { cls: 'focus-task-header-actions' });
+		const actions = header.createEl('div', { cls: 'immerse-header-actions' });
 		
-		const addBtn = actions.createEl('button', { cls: 'focus-task-btn focus-task-btn-primary' });
+		const addBtn = actions.createEl('button', { cls: 'immerse-btn immerse-btn-primary' });
 		addBtn.innerHTML = '+ Add Task';
 		addBtn.addEventListener('click', () => {
 			new QuickAddTaskModal(this.app, this.plugin).open();
@@ -116,7 +116,7 @@ export class FocusTaskView extends ItemView {
 
 	renderStatsBar(container: Element) {
 		const stats = this.plugin.getStats();
-		const statsBar = container.createEl('div', { cls: 'focus-task-stats-bar' });
+		const statsBar = container.createEl('div', { cls: 'immerse-stats-bar' });
 
 		const statItems = [
 			{ label: 'Pending', value: stats.pendingCount.toString(), icon: '📋' },
@@ -126,42 +126,44 @@ export class FocusTaskView extends ItemView {
 		];
 
 		statItems.forEach(stat => {
-			const item = statsBar.createEl('div', { cls: 'focus-task-stat-item' });
+			const item = statsBar.createEl('div', { cls: 'immerse-stat-item' });
-			item.createEl('div', { cls: 'focus-task-stat-icon', text: stat.icon });
+			item.createEl('div', { cls: 'immerse-stat-icon', text: stat.icon });
-			item.createEl('div', { cls: 'focus-task-stat-value', text: stat.value });
+			item.createEl('div', { cls: 'immerse-stat-value', text: stat.value });
-			item.createEl('div', { cls: 'focus-task-stat-label', text: stat.label });
+			item.createEl('div', { cls: 'immerse-stat-label', text: stat.label });
 		});
 	}
 
 	renderActiveTask(container: Element) {
-		const activeSection = container.createEl('div', { cls: 'focus-task-active-section' });
+		const activeSection = container.createEl('div', { cls: 'immerse-active-section' });
 		
 		if (this.plugin.activeTaskId) {
 			const task = this.plugin.data.tasks.find(t => t.id === this.plugin.activeTaskId);
 			if (task) {
-				activeSection.addClass('focus-task-has-active');
+				activeSection.addClass('immerse-has-active');
 				
-				const activeCard = activeSection.createEl('div', { cls: 'focus-task-active-card' });
+				const activeCard = activeSection.createEl('div', { cls: 'immerse-active-card' });
 				
 				if (this.plugin.isBreakMode) {
-					activeCard.addClass('focus-task-break-card');
+					activeCard.addClass('immerse-break-card');
-					activeCard.createEl('div', { cls: 'focus-task-active-label', text: '☕ BREAK TIME' });
+					const breakLabel = this.plugin.currentTimerSeconds > 0 ? '☕ BREAK TIME' : '✨ BREAK COMPLETE';
+					activeCard.createEl('div', { cls: 'immerse-active-label', text: breakLabel });
 				} else {
-					activeCard.createEl('div', { cls: 'focus-task-active-label', text: '🎯 FOCUSING ON' });
+					const workLabel = this.plugin.currentTimerSeconds > 0 ? '🎯 FOCUSING ON' : '🍅 POMODORO COMPLETE';
+					activeCard.createEl('div', { cls: 'immerse-active-label', text: workLabel });
 				}
 				
-				activeCard.createEl('div', { cls: 'focus-task-active-task-name', text: task.text });
+				activeCard.createEl('div', { cls: 'immerse-active-task-name', text: task.text });
 				
 				// Timer display - store reference for updates
-				const timerDisplay = activeCard.createEl('div', { cls: 'focus-task-timer-display' });
+				const timerDisplay = activeCard.createEl('div', { cls: 'immerse-timer-display' });
 				this.timerTimeEl = timerDisplay.createEl('span', { 
-					cls: 'focus-task-timer-time', 
+					cls: 'immerse-timer-time', 
 					text: this.plugin.formatTime(this.plugin.currentTimerSeconds) 
 				});
 				
 				// Progress bar - store reference for updates
-				const progressWrap = activeCard.createEl('div', { cls: 'focus-task-progress-wrap' });
+				const progressWrap = activeCard.createEl('div', { cls: 'immerse-progress-wrap' });
-				this.progressBarEl = progressWrap.createEl('div', { cls: 'focus-task-progress-bar' });
+				this.progressBarEl = progressWrap.createEl('div', { cls: 'immerse-progress-bar' });
 				
 				let progressPercent = 0;
 				if (this.plugin.isBreakMode) {
@@ -175,56 +177,104 @@ export class FocusTaskView extends ItemView {
 				}
 				
 				this.progressBarEl.style.width = `${Math.min(Math.max(progressPercent, 0), 100)}%`;
-				if (progressPercent >= 100) this.progressBarEl.addClass('focus-task-overtime');
+				if (progressPercent >= 100) this.progressBarEl.addClass('immerse-overtime');
 				
 				// Time info - store reference for actual time updates
 				if (!this.plugin.isBreakMode) {
-					const timeInfo = activeCard.createEl('div', { cls: 'focus-task-time-info' });
+					const timeInfo = activeCard.createEl('div', { cls: 'immerse-time-info' });
 					timeInfo.createEl('span', { text: `Est: ${this.plugin.formatTimeHuman(task.estimatedMinutes)}` });
 					this.actualTimeEl = timeInfo.createEl('span', { text: `Actual: ${this.plugin.formatTimeHuman(task.actualMinutes)}` });
 				}
 				
 				// Controls
-				const controls = activeCard.createEl('div', { cls: 'focus-task-active-controls' });
+				const controls = activeCard.createEl('div', { cls: 'immerse-active-controls' });
-				
+
-				this.pauseBtnEl = controls.createEl('button', { cls: 'focus-task-btn focus-task-btn-secondary' });
-				this.pauseBtnEl.innerHTML = this.plugin.isTimerRunning ? '⏸ Pause' : '▶ Resume';
-				this.pauseBtnEl.addEventListener('click', () => this.plugin.toggleTimer());
-				
-				if (!this.plugin.isBreakMode) {
-					const completeBtn = controls.createEl('button', { cls: 'focus-task-btn focus-task-btn-success' });
-					completeBtn.innerHTML = '✓ Complete';
-					completeBtn.addEventListener('click', () => this.plugin.completeTask(task.id));
-				}
-				
-				const stopBtn = controls.createEl('button', { cls: 'focus-task-btn focus-task-btn-danger' });
-				stopBtn.innerHTML = '✕ Stop';
-				stopBtn.addEventListener('click', () => this.plugin.stopTimer());
-				
 				if (this.plugin.isBreakMode) {
-					const skipBreakBtn = controls.createEl('button', { cls: 'focus-task-btn' });
+					// Break mode controls
-					skipBreakBtn.innerHTML = '⏭ Skip Break';
+					if (this.plugin.currentTimerSeconds > 0) {
-					skipBreakBtn.addEventListener('click', () => {
+						// Break is still counting down
-						this.plugin.isBreakMode = false;
+						this.pauseBtnEl = controls.createEl('button', { cls: 'immerse-btn immerse-btn-secondary' });
-						this.plugin.stopTimer();
+						this.pauseBtnEl.innerHTML = this.plugin.isTimerRunning ? '⏸ Pause' : '▶ Resume';
-						this.refresh();
+						this.pauseBtnEl.addEventListener('click', () => this.plugin.toggleTimer());
-					});
+
+						const skipBreakBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-primary' });
+						skipBreakBtn.innerHTML = '⏭ Skip Break';
+						skipBreakBtn.addEventListener('click', () => {
+							this.plugin.isBreakMode = false;
+							this.plugin.startPomodoro(task.id);
+						});
+
+						const stopBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-danger' });
+						stopBtn.innerHTML = '✕ Stop';
+						stopBtn.addEventListener('click', () => {
+							this.plugin.isBreakMode = false;
+							this.plugin.stopTimer();
+						});
+					} else {
+						// Break timer finished - show resume button
+						const resumeWorkBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-success' });
+						resumeWorkBtn.innerHTML = '▶ Resume Work';
+						resumeWorkBtn.addEventListener('click', () => {
+							this.plugin.isBreakMode = false;
+							this.plugin.startPomodoro(task.id);
+						});
+
+						const stopBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-danger' });
+						stopBtn.innerHTML = '✕ Stop';
+						stopBtn.addEventListener('click', () => {
+							this.plugin.isBreakMode = false;
+							this.plugin.stopTimer();
+						});
+					}
+				} else {
+					// Work mode controls
+					if (this.plugin.currentTimerSeconds > 0) {
+						// Work session still running
+						this.pauseBtnEl = controls.createEl('button', { cls: 'immerse-btn immerse-btn-secondary' });
+						this.pauseBtnEl.innerHTML = this.plugin.isTimerRunning ? '⏸ Pause' : '▶ Resume';
+						this.pauseBtnEl.addEventListener('click', () => this.plugin.toggleTimer());
+
+						const completeBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-success' });
+						completeBtn.innerHTML = '✓ Complete';
+						completeBtn.addEventListener('click', () => this.plugin.completeTask(task.id));
+
+						const stopBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-danger' });
+						stopBtn.innerHTML = '✕ Stop';
+						stopBtn.addEventListener('click', () => this.plugin.stopTimer());
+					} else {
+						// Work session finished - show break and completion options
+						const startBreakBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-secondary' });
+						startBreakBtn.innerHTML = '☕ Start Break';
+						startBreakBtn.addEventListener('click', () => this.plugin.startBreak());
+
+						const continueBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-primary' });
+						continueBtn.innerHTML = '▶ Continue Working';
+						continueBtn.addEventListener('click', () => this.plugin.startPomodoro(task.id));
+
+						const completeBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-success' });
+						completeBtn.innerHTML = '✓ Complete';
+						completeBtn.addEventListener('click', () => this.plugin.completeTask(task.id));
+
+						const stopBtn = controls.createEl('button', { cls: 'immerse-btn immerse-btn-danger' });
+						stopBtn.innerHTML = '✕ Stop';
+						stopBtn.addEventListener('click', () => this.plugin.stopTimer());
+					}
 				}
 			}
 		} else {
 			// No active task - show start focus prompt
-			const startPrompt = activeSection.createEl('div', { cls: 'focus-task-start-prompt' });
+			const startPrompt = activeSection.createEl('div', { cls: 'immerse-start-prompt' });
-			startPrompt.createEl('div', { cls: 'focus-task-prompt-icon', text: '⚡' });
+			startPrompt.createEl('div', { cls: 'immerse-prompt-icon', text: '⚡' });
-			startPrompt.createEl('div', { cls: 'focus-task-prompt-text', text: 'Ready to focus?' });
+			startPrompt.createEl('div', { cls: 'immerse-prompt-text', text: 'Ready to focus?' });
-			startPrompt.createEl('div', { cls: 'focus-task-prompt-hint', text: 'Click ▶ on a task to start a Pomodoro session' });
+			startPrompt.createEl('div', { cls: 'immerse-prompt-hint', text: 'Click ▶ on a task to start a Pomodoro session' });
 		}
 	}
 
 	renderTaskList(container: Element) {
-		const listSection = container.createEl('div', { cls: 'focus-task-list-section' });
+		const listSection = container.createEl('div', { cls: 'immerse-list-section' });
 		
 		// Filters
-		const filters = listSection.createEl('div', { cls: 'focus-task-filters' });
+		const filters = listSection.createEl('div', { cls: 'immerse-filters' });
 		
 		const filterOptions = [
 			{ id: 'all', label: 'All Tasks' },
@@ -235,7 +285,7 @@ export class FocusTaskView extends ItemView {
 
 		filterOptions.forEach(opt => {
 			const btn = filters.createEl('button', { 
-				cls: `focus-task-filter-btn ${this.currentFilter === opt.id ? 'active' : ''}`,
+				cls: `immerse-filter-btn ${this.currentFilter === opt.id ? 'active' : ''}`,
 				text: opt.label,
 			});
 			btn.addEventListener('click', () => {
@@ -245,7 +295,7 @@ export class FocusTaskView extends ItemView {
 		});
 
 		// Task items
-		const taskList = listSection.createEl('div', { cls: 'focus-task-task-list' });
+		const taskList = listSection.createEl('div', { cls: 'immerse-task-list' });
 		
 		let tasks = this.plugin.data.tasks;
 		
@@ -265,10 +315,10 @@ export class FocusTaskView extends ItemView {
 		});
 
 		if (tasks.length === 0) {
-			const emptyState = taskList.createEl('div', { cls: 'focus-task-empty-state' });
+			const emptyState = taskList.createEl('div', { cls: 'immerse-empty-state' });
-			emptyState.createEl('div', { cls: 'focus-task-empty-icon', text: '📝' });
+			emptyState.createEl('div', { cls: 'immerse-empty-icon', text: '📝' });
-			emptyState.createEl('div', { cls: 'focus-task-empty-text', text: 'No tasks yet' });
+			emptyState.createEl('div', { cls: 'immerse-empty-text', text: 'No tasks yet' });
-			emptyState.createEl('div', { cls: 'focus-task-empty-hint', text: 'Add a task to get started!' });
+			emptyState.createEl('div', { cls: 'immerse-empty-hint', text: 'Add a task to get started!' });
 		} else {
 			tasks.forEach(task => this.renderTaskItem(taskList, task));
 		}
@@ -278,11 +328,11 @@ export class FocusTaskView extends ItemView {
 		const list = this.plugin.settings.lists.find(l => l.id === task.list);
 		
 		const taskEl = container.createEl('div', { 
-			cls: `focus-task-task-item ${task.completed ? 'completed' : ''} ${task.isActive ? 'active' : ''}` 
+			cls: `immerse-task-item ${task.completed ? 'completed' : ''} ${task.isActive ? 'active' : ''}` 
 		});
 		
 		// Checkbox
-		const checkbox = taskEl.createEl('div', { cls: 'focus-task-checkbox' });
+		const checkbox = taskEl.createEl('div', { cls: 'immerse-checkbox' });
 		checkbox.innerHTML = task.completed ? '✓' : '';
 		checkbox.style.borderColor = list?.color || '#6366f1';
 		if (task.completed) {
@@ -297,37 +347,37 @@ export class FocusTaskView extends ItemView {
 		});
 
 		// Task content
-		const content = taskEl.createEl('div', { cls: 'focus-task-task-content' });
+		const content = taskEl.createEl('div', { cls: 'immerse-task-content' });
 		
-		const taskHeader = content.createEl('div', { cls: 'focus-task-task-header' });
+		const taskHeader = content.createEl('div', { cls: 'immerse-task-header' });
-		taskHeader.createEl('span', { cls: 'focus-task-task-text', text: task.text });
+		taskHeader.createEl('span', { cls: 'immerse-task-text', text: task.text });
 		
 		if (list) {
 			const listBadge = taskHeader.createEl('span', { 
-				cls: 'focus-task-list-badge',
+				cls: 'immerse-list-badge',
 				text: `${list.icon} ${list.name}`,
 			});
 			listBadge.style.backgroundColor = list.color + '20';
 			listBadge.style.color = list.color;
 		}
 		
-		const taskMeta = content.createEl('div', { cls: 'focus-task-task-meta' });
+		const taskMeta = content.createEl('div', { cls: 'immerse-task-meta' });
 		taskMeta.createEl('span', { text: `Est: ${this.plugin.formatTimeHuman(task.estimatedMinutes)}` });
 		
 		if (task.actualMinutes > 0) {
 			const actualSpan = taskMeta.createEl('span');
 			actualSpan.setText(`Actual: ${this.plugin.formatTimeHuman(task.actualMinutes)}`);
 			if (task.actualMinutes > task.estimatedMinutes) {
-				actualSpan.addClass('focus-task-overtime-text');
+				actualSpan.addClass('immerse-overtime-text');
 			}
 		}
 
 		// Actions
-		const actions = taskEl.createEl('div', { cls: 'focus-task-task-actions' });
+		const actions = taskEl.createEl('div', { cls: 'immerse-task-actions' });
 		
 		if (!task.completed) {
 			// Start pomodoro button
-			const startBtn = actions.createEl('button', { cls: 'focus-task-task-btn', attr: { 'aria-label': 'Start Pomodoro' } });
+			const startBtn = actions.createEl('button', { cls: 'immerse-task-btn', attr: { 'aria-label': 'Start Pomodoro' } });
 			startBtn.innerHTML = '▶';
 			startBtn.addEventListener('click', (e) => {
 				e.stopPropagation();
@@ -335,7 +385,7 @@ export class FocusTaskView extends ItemView {
 			});
 			
 			// Stopwatch mode button
-			const stopwatchBtn = actions.createEl('button', { cls: 'focus-task-task-btn', attr: { 'aria-label': 'Start Stopwatch' } });
+			const stopwatchBtn = actions.createEl('button', { cls: 'immerse-task-btn', attr: { 'aria-label': 'Start Stopwatch' } });
 			stopwatchBtn.innerHTML = '⏱';
 			stopwatchBtn.addEventListener('click', (e) => {
 				e.stopPropagation();
@@ -344,7 +394,7 @@ export class FocusTaskView extends ItemView {
 		}
 		
 		// Edit button
-		const editBtn = actions.createEl('button', { cls: 'focus-task-task-btn', attr: { 'aria-label': 'Edit' } });
+		const editBtn = actions.createEl('button', { cls: 'immerse-task-btn', attr: { 'aria-label': 'Edit' } });
 		editBtn.innerHTML = '✏️';
 		editBtn.addEventListener('click', (e) => {
 			e.stopPropagation();
@@ -352,7 +402,7 @@ export class FocusTaskView extends ItemView {
 		});
 		
 		// Delete button
-		const deleteBtn = actions.createEl('button', { cls: 'focus-task-task-btn focus-task-delete-btn', attr: { 'aria-label': 'Delete' } });
+		const deleteBtn = actions.createEl('button', { cls: 'immerse-task-btn immerse-delete-btn', attr: { 'aria-label': 'Delete' } });
 		deleteBtn.innerHTML = '🗑';
 		deleteBtn.addEventListener('click', (e) => {
 			e.stopPropagation();

styles.css

@@ -1,10 +1,10 @@
 /* ============================================
-   FOCUS TASK - Obsidian Plugin Styles
+   IMMERSE - Obsidian Plugin Styles
    Inspired by https://www.blitzit.app/
    ============================================ */
 
 /* ============ CSS Variables ============ */
-.focus-task-container {
+.immerse-container {
 	--ft-primary: #6366f1;
 	--ft-primary-light: #818cf8;
 	--ft-primary-dark: #4f46e5;
@@ -27,7 +27,7 @@
 }
 
 /* ============ Container ============ */
-.focus-task-container {
+.immerse-container {
 	padding: 16px;
 	font-family: var(--font-interface);
 	overflow-y: auto;
@@ -35,7 +35,7 @@
 }
 
 /* ============ Header ============ */
-.focus-task-header {
+.immerse-header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -44,13 +44,13 @@
 	border-bottom: 1px solid var(--ft-border);
 }
 
-.focus-task-title-section {
+.immerse-title-section {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
 
-.focus-task-title {
+.immerse-title {
 	margin: 0;
 	font-size: 24px;
 	font-weight: 700;
@@ -60,18 +60,18 @@
 	background-clip: text;
 }
 
-.focus-task-date {
+.immerse-date {
 	color: var(--ft-text-muted);
 	font-size: 13px;
 }
 
-.focus-task-header-actions {
+.immerse-header-actions {
 	display: flex;
 	gap: 8px;
 }
 
 /* ============ Buttons ============ */
-.focus-task-btn {
+.immerse-btn {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
@@ -87,48 +87,48 @@
 	color: var(--ft-text);
 }
 
-.focus-task-btn:hover {
+.immerse-btn:hover {
 	background: var(--ft-border);
 	transform: translateY(-1px);
 }
 
-.focus-task-btn-primary {
+.immerse-btn-primary {
 	background: linear-gradient(135deg, var(--ft-primary) 0%, var(--ft-primary-dark) 100%);
 	color: white;
 }
 
-.focus-task-btn-primary:hover {
+.immerse-btn-primary:hover {
 	background: linear-gradient(135deg, var(--ft-primary-light) 0%, var(--ft-primary) 100%);
 	box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
 }
 
-.focus-task-btn-success {
+.immerse-btn-success {
 	background: var(--ft-success);
 	color: white;
 }
 
-.focus-task-btn-success:hover {
+.immerse-btn-success:hover {
 	background: #16a34a;
 }
 
-.focus-task-btn-secondary {
+.immerse-btn-secondary {
 	background: var(--ft-bg-secondary);
 	border: 1px solid var(--ft-border);
 }
 
-.focus-task-btn-danger {
+.immerse-btn-danger {
 	background: transparent;
 	color: var(--ft-danger);
 	border: 1px solid var(--ft-danger);
 }
 
-.focus-task-btn-danger:hover {
+.immerse-btn-danger:hover {
 	background: var(--ft-danger);
 	color: white;
 }
 
 /* ============ Stats Bar ============ */
-.focus-task-stats-bar {
+.immerse-stats-bar {
 	display: grid;
 	grid-template-columns: repeat(4, 1fr);
 	gap: 12px;
@@ -136,12 +136,12 @@
 }
 
 @media (max-width: 600px) {
-	.focus-task-stats-bar {
+	.immerse-stats-bar {
 		grid-template-columns: repeat(2, 1fr);
 	}
 }
 
-.focus-task-stat-item {
+.immerse-stat-item {
 	background: var(--ft-bg-secondary);
 	border-radius: var(--ft-radius);
 	padding: 12px;
@@ -149,23 +149,23 @@
 	transition: all 0.2s ease;
 }
 
-.focus-task-stat-item:hover {
+.immerse-stat-item:hover {
 	transform: translateY(-2px);
 	box-shadow: var(--ft-shadow);
 }
 
-.focus-task-stat-icon {
+.immerse-stat-icon {
 	font-size: 20px;
 	margin-bottom: 4px;
 }
 
-.focus-task-stat-value {
+.immerse-stat-value {
 	font-size: 18px;
 	font-weight: 700;
 	color: var(--ft-primary);
 }
 
-.focus-task-stat-label {
+.immerse-stat-label {
 	font-size: 11px;
 	color: var(--ft-text-muted);
 	text-transform: uppercase;
@@ -173,11 +173,11 @@
 }
 
 /* ============ Active Task Section ============ */
-.focus-task-active-section {
+.immerse-active-section {
 	margin-bottom: 24px;
 }
 
-.focus-task-start-prompt {
+.immerse-start-prompt {
 	background: linear-gradient(135deg, var(--ft-bg-secondary) 0%, var(--ft-bg-tertiary) 100%);
 	border: 2px dashed var(--ft-border);
 	border-radius: var(--ft-radius);
@@ -185,7 +185,7 @@
 	text-align: center;
 }
 
-.focus-task-prompt-icon {
+.immerse-prompt-icon {
 	font-size: 48px;
 	margin-bottom: 12px;
 	animation: ft-pulse 2s ease-in-out infinite;
@@ -196,20 +196,20 @@
 	50% { transform: scale(1.1); opacity: 0.8; }
 }
 
-.focus-task-prompt-text {
+.immerse-prompt-text {
 	font-size: 18px;
 	font-weight: 600;
 	color: var(--ft-text);
 	margin-bottom: 4px;
 }
 
-.focus-task-prompt-hint {
+.immerse-prompt-hint {
 	font-size: 14px;
 	color: var(--ft-text-muted);
 }
 
 /* ============ Active Task Card ============ */
-.focus-task-active-card {
+.immerse-active-card {
 	background: linear-gradient(135deg, var(--ft-primary) 0%, var(--ft-primary-dark) 100%);
 	border-radius: var(--ft-radius);
 	padding: 24px;
@@ -217,11 +217,11 @@
 	box-shadow: var(--ft-shadow-lg);
 }
 
-.focus-task-break-card {
+.immerse-break-card {
 	background: linear-gradient(135deg, var(--ft-break) 0%, #0891b2 100%);
 }
 
-.focus-task-active-label {
+.immerse-active-label {
 	font-size: 12px;
 	font-weight: 600;
 	text-transform: uppercase;
@@ -230,31 +230,31 @@
 	margin-bottom: 8px;
 }
 
-.focus-task-active-task-name {
+.immerse-active-task-name {
 	font-size: 20px;
 	font-weight: 700;
 	margin-bottom: 16px;
 	word-break: break-word;
 }
 
-.focus-task-timer-display {
+.immerse-timer-display {
 	text-align: center;
 	margin-bottom: 16px;
 }
 
-.focus-task-timer-time {
+.immerse-timer-time {
 	font-size: 48px;
 	font-weight: 700;
 	font-variant-numeric: tabular-nums;
 	letter-spacing: 2px;
 }
 
-.focus-task-timer-time.focus-task-overtime {
+.immerse-timer-time.immerse-overtime {
 	color: var(--ft-warning);
 }
 
 /* Progress Bar */
-.focus-task-progress-wrap {
+.immerse-progress-wrap {
 	background: rgba(255, 255, 255, 0.2);
 	border-radius: 999px;
 	height: 8px;
@@ -262,18 +262,18 @@
 	margin-bottom: 12px;
 }
 
-.focus-task-progress-bar {
+.immerse-progress-bar {
 	height: 100%;
 	background: rgba(255, 255, 255, 0.9);
 	border-radius: 999px;
 	transition: width 0.3s ease;
 }
 
-.focus-task-progress-bar.focus-task-overtime {
+.immerse-progress-bar.immerse-overtime {
 	background: var(--ft-warning);
 }
 
-.focus-task-time-info {
+.immerse-time-info {
 	display: flex;
 	justify-content: space-between;
 	font-size: 13px;
@@ -281,13 +281,13 @@
 	margin-bottom: 16px;
 }
 
-.focus-task-active-controls {
+.immerse-active-controls {
 	display: flex;
 	gap: 8px;
 	flex-wrap: wrap;
 }
 
-.focus-task-active-controls .focus-task-btn {
+.immerse-active-controls .immerse-btn {
 	flex: 1;
 	min-width: 80px;
 	background: rgba(255, 255, 255, 0.2);
@@ -295,33 +295,33 @@
 	border: none;
 }
 
-.focus-task-active-controls .focus-task-btn:hover {
+.immerse-active-controls .immerse-btn:hover {
 	background: rgba(255, 255, 255, 0.3);
 }
 
-.focus-task-active-controls .focus-task-btn-success {
+.immerse-active-controls .immerse-btn-success {
 	background: var(--ft-success);
 }
 
-.focus-task-active-controls .focus-task-btn-danger {
+.immerse-active-controls .immerse-btn-danger {
 	background: transparent;
 	border: 1px solid rgba(255, 255, 255, 0.4);
 }
 
 /* ============ Task List Section ============ */
-.focus-task-list-section {
+.immerse-list-section {
 	flex: 1;
 }
 
 /* Filters */
-.focus-task-filters {
+.immerse-filters {
 	display: flex;
 	gap: 8px;
 	margin-bottom: 16px;
 	flex-wrap: wrap;
 }
 
-.focus-task-filter-btn {
+.immerse-filter-btn {
 	padding: 6px 12px;
 	border-radius: 999px;
 	font-size: 13px;
@@ -332,49 +332,49 @@
 	transition: all 0.2s ease;
 }
 
-.focus-task-filter-btn:hover {
+.immerse-filter-btn:hover {
 	background: var(--ft-bg-tertiary);
 	color: var(--ft-text);
 }
 
-.focus-task-filter-btn.active {
+.immerse-filter-btn.active {
 	background: var(--ft-primary);
 	border-color: var(--ft-primary);
 	color: white;
 }
 
 /* Task List */
-.focus-task-task-list {
+.immerse-task-list {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
 
 /* Empty State */
-.focus-task-empty-state {
+.immerse-empty-state {
 	text-align: center;
 	padding: 40px 20px;
 	color: var(--ft-text-muted);
 }
 
-.focus-task-empty-icon {
+.immerse-empty-icon {
 	font-size: 48px;
 	margin-bottom: 12px;
 	opacity: 0.5;
 }
 
-.focus-task-empty-text {
+.immerse-empty-text {
 	font-size: 16px;
 	font-weight: 500;
 	margin-bottom: 4px;
 }
 
-.focus-task-empty-hint {
+.immerse-empty-hint {
 	font-size: 14px;
 }
 
 /* ============ Task Item ============ */
-.focus-task-task-item {
+.immerse-task-item {
 	display: flex;
 	align-items: center;
 	gap: 12px;
@@ -385,27 +385,27 @@
 	transition: all 0.2s ease;
 }
 
-.focus-task-task-item:hover {
+.immerse-task-item:hover {
 	border-color: var(--ft-primary);
 	box-shadow: var(--ft-shadow);
 	transform: translateX(4px);
 }
 
-.focus-task-task-item.active {
+.immerse-task-item.active {
 	border-color: var(--ft-primary);
 	background: linear-gradient(90deg, rgba(99, 102, 241, 0.1) 0%, var(--ft-bg-secondary) 100%);
 }
 
-.focus-task-task-item.completed {
+.immerse-task-item.completed {
 	opacity: 0.6;
 }
 
-.focus-task-task-item.completed .focus-task-task-text {
+.immerse-task-item.completed .immerse-task-text {
 	text-decoration: line-through;
 }
 
 /* Checkbox */
-.focus-task-checkbox {
+.immerse-checkbox {
 	width: 24px;
 	height: 24px;
 	min-width: 24px;
@@ -420,18 +420,18 @@
 	transition: all 0.2s ease;
 }
 
-.focus-task-checkbox:hover {
+.immerse-checkbox:hover {
 	transform: scale(1.1);
 	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
 }
 
 /* Task Content */
-.focus-task-task-content {
+.immerse-task-content {
 	flex: 1;
 	min-width: 0;
 }
 
-.focus-task-task-header {
+.immerse-task-header {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -439,44 +439,44 @@
 	margin-bottom: 4px;
 }
 
-.focus-task-task-text {
+.immerse-task-text {
 	font-size: 14px;
 	font-weight: 500;
 	color: var(--ft-text);
 	word-break: break-word;
 }
 
-.focus-task-list-badge {
+.immerse-list-badge {
 	font-size: 11px;
 	padding: 2px 8px;
 	border-radius: 999px;
 	font-weight: 500;
 }
 
-.focus-task-task-meta {
+.immerse-task-meta {
 	display: flex;
 	gap: 12px;
 	font-size: 12px;
 	color: var(--ft-text-muted);
 }
 
-.focus-task-overtime-text {
+.immerse-overtime-text {
 	color: var(--ft-warning);
 }
 
 /* Task Actions */
-.focus-task-task-actions {
+.immerse-task-actions {
 	display: flex;
 	gap: 4px;
 	opacity: 0;
 	transition: opacity 0.2s ease;
 }
 
-.focus-task-task-item:hover .focus-task-task-actions {
+.immerse-task-item:hover .immerse-task-actions {
 	opacity: 1;
 }
 
-.focus-task-task-btn {
+.immerse-task-btn {
 	width: 32px;
 	height: 32px;
 	border-radius: 6px;
@@ -490,18 +490,18 @@
 	transition: all 0.2s ease;
 }
 
-.focus-task-task-btn:hover {
+.immerse-task-btn:hover {
 	background: var(--ft-primary);
 	color: white;
 	transform: scale(1.1);
 }
 
-.focus-task-delete-btn:hover {
+.immerse-delete-btn:hover {
 	background: var(--ft-danger);
 }
 
 /* ============ Status Bar Timer ============ */
-.focus-task-status-bar {
+.immerse-status-bar {
 	cursor: pointer;
 	padding: 0 8px;
 	display: flex;
@@ -511,26 +511,26 @@
 	transition: all 0.2s ease;
 }
 
-.focus-task-status-bar:hover {
+.immerse-status-bar:hover {
 	color: var(--text-accent);
 }
 
-.focus-task-status-bar.focus-task-status-active {
+.immerse-status-bar.immerse-status-active {
 	color: var(--text-accent);
 	font-weight: 500;
 }
 
 /* ============ Modal Styles ============ */
-.focus-task-modal {
+.immerse-modal {
 	padding: 20px;
 }
 
-.focus-task-modal h2 {
+.immerse-modal h2 {
 	margin-top: 0;
 	margin-bottom: 20px;
 }
 
-.focus-task-modal-buttons {
+.immerse-modal-buttons {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -540,41 +540,41 @@
 }
 
 /* About section in settings */
-.focus-task-about {
+.immerse-about {
 	background: var(--ft-bg-secondary);
 	border-radius: var(--ft-radius);
 	padding: 16px;
 	margin-top: 8px;
 }
 
-.focus-task-about p {
+.immerse-about p {
 	margin: 0 0 12px 0;
 	line-height: 1.6;
 }
 
-.focus-task-about p:last-child {
+.immerse-about p:last-child {
 	margin-bottom: 0;
 }
 
-.focus-task-about a {
+.immerse-about a {
 	color: var(--ft-primary);
 }
 
 /* ============ Scrollbar Styling ============ */
-.focus-task-container::-webkit-scrollbar {
+.immerse-container::-webkit-scrollbar {
 	width: 8px;
 }
 
-.focus-task-container::-webkit-scrollbar-track {
+.immerse-container::-webkit-scrollbar-track {
 	background: transparent;
 }
 
-.focus-task-container::-webkit-scrollbar-thumb {
+.immerse-container::-webkit-scrollbar-thumb {
 	background: var(--ft-border);
 	border-radius: 4px;
 }
 
-.focus-task-container::-webkit-scrollbar-thumb:hover {
+.immerse-container::-webkit-scrollbar-thumb:hover {
 	background: var(--ft-text-muted);
 }
 
@@ -585,37 +585,37 @@
 	100% { transform: scale(1); }
 }
 
-.focus-task-checkbox.completing {
+.immerse-checkbox.completing {
 	animation: ft-checkComplete 0.3s ease;
 }
 
 /* ============ Dark mode adjustments ============ */
-.theme-dark .focus-task-status-bar {
+.theme-dark .immerse-status-bar {
 	background: var(--background-secondary);
 }
 
 /* ============ Mobile Responsive ============ */
 @media (max-width: 400px) {
-	.focus-task-header {
+	.immerse-header {
 		flex-direction: column;
 		align-items: flex-start;
 		gap: 12px;
 	}
 	
-	.focus-task-active-controls {
+	.immerse-active-controls {
 		flex-direction: column;
 	}
 	
-	.focus-task-active-controls .focus-task-btn {
+	.immerse-active-controls .immerse-btn {
 		flex: none;
 		width: 100%;
 	}
 	
-	.focus-task-task-item {
+	.immerse-task-item {
 		flex-wrap: wrap;
 	}
 	
-	.focus-task-task-actions {
+	.immerse-task-actions {
 		opacity: 1;
 		width: 100%;
 		justify-content: flex-end;

versions.json

@@ -1,3 +1,8 @@
 {
-  "1.0.1": "0.15.0"
+  "1.0.4": "0.15.0",
+  "1.0.5": "0.15.0",
+  "1.0.6": "0.15.0",
+  "1.0.7": "0.15.0",
+  "1.0.8": "0.15.0",
+  "1.0.9": "0.15.0"
 }