chore: release version 9.1.5

- Bump version from 9.1.4 to 9.1.5 in manifest.json and versions.json
- Update package.json version
- Fix onboarding CSS selector specificity issues
- Improve code formatting in ConfigPreview component
- Adjust checkbox icon sizing in TaskGeniusIconManager

Author: Quorafind

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "obsidian-task-progress-bar",
 	"name": "Task Genius",
-	"version": "9.1.4",
+	"version": "9.1.5",
 	"minAppVersion": "0.15.2",
 	"description": "Comprehensive task management that includes progress bars, task status cycling, and advanced task tracking features.",
 	"author": "Boninall",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "task-genius",
-	"version": "9.1.4",
+	"version": "9.1.5",
 	"description": "Comprehensive task management plugin for Obsidian with progress bars, task status cycling, and advanced task tracking features.",
 	"main": "main.js",
 	"scripts": {

src/components/onboarding/ConfigPreview.ts

@@ -1,4 +1,7 @@
-import { OnboardingConfig, OnboardingConfigManager } from "../../utils/OnboardingConfigManager";
+import {
+	OnboardingConfig,
+	OnboardingConfigManager,
+} from "../../utils/OnboardingConfigManager";
 import { t } from "../../translations/helper";
 import { setIcon } from "obsidian";
 import type TaskProgressBarPlugin from "../../index";
@@ -18,24 +21,28 @@ export class ConfigPreview {
 
 		// Configuration overview
 		const overviewSection = containerEl.createDiv("config-overview");
-		
+
 		const selectedModeEl = overviewSection.createDiv("selected-mode");
 		selectedModeEl.createEl("h3", { text: t("Selected Mode") });
-		
+
 		const modeCard = selectedModeEl.createDiv("mode-card");
 		const modeIcon = modeCard.createDiv("mode-icon");
 		setIcon(modeIcon, this.getConfigIcon(config.mode));
-		
+
 		const modeContent = modeCard.createDiv("mode-content");
 		modeContent.createEl("h4", { text: config.name });
 		modeContent.createEl("p", { text: config.description });
 
 		// Features that will be enabled
 		const featuresSection = containerEl.createDiv("config-features");
-		featuresSection.createEl("h3", { text: t("Features that will be enabled") });
-		
-		const featuresList = featuresSection.createEl("ul", { cls: "enabled-features-list" });
-		config.features.forEach(feature => {
+		featuresSection.createEl("h3", {
+			text: t("Features that will be enabled"),
+		});
+
+		const featuresList = featuresSection.createEl("ul", {
+			cls: "enabled-features-list",
+		});
+		config.features.forEach((feature) => {
 			const featureItem = featuresList.createEl("li");
 			const checkIcon = featureItem.createSpan("feature-check");
 			setIcon(checkIcon, "check");
@@ -50,30 +57,35 @@ export class ConfigPreview {
 
 		// Note about customization
 		const customizationNote = containerEl.createDiv("customization-note");
-		customizationNote.createEl("p", { 
-			text: t("Don't worry! You can customize any of these settings later in the plugin settings."),
-			cls: "note-text"
+		customizationNote.createEl("p", {
+			text: t(
+				"Don't worry! You can customize any of these settings later in the plugin settings."
+			),
+			cls: "note-text",
 		});
 	}
 
 	/**
 	 * Render views preview
 	 */
-	private renderViewsPreview(containerEl: HTMLElement, config: OnboardingConfig) {
+	private renderViewsPreview(
+		containerEl: HTMLElement,
+		config: OnboardingConfig
+	) {
 		if (!config.settings.viewConfiguration) return;
 
 		const viewsSection = containerEl.createDiv("config-views");
 		viewsSection.createEl("h3", { text: t("Available views") });
 
 		const viewsGrid = viewsSection.createDiv("views-grid");
-		
-		config.settings.viewConfiguration.forEach(view => {
+
+		config.settings.viewConfiguration.forEach((view) => {
 			const viewItem = viewsGrid.createDiv("view-item");
-			
+
 			const viewIcon = viewItem.createDiv("view-icon");
 			// Use native Obsidian icon from view.icon
 			setIcon(viewIcon, view.icon || "list");
-			
+
 			const viewName = viewItem.createDiv("view-name");
 			viewName.setText(view.name);
 		});
@@ -82,29 +94,38 @@ export class ConfigPreview {
 	/**
 	 * Render settings summary
 	 */
-	private renderSettingsSummary(containerEl: HTMLElement, config: OnboardingConfig) {
+	private renderSettingsSummary(
+		containerEl: HTMLElement,
+		config: OnboardingConfig
+	) {
 		const settingsSection = containerEl.createDiv("config-settings");
 		settingsSection.createEl("h3", { text: t("Key settings") });
 
-		const settingsList = settingsSection.createEl("ul", { cls: "settings-summary-list" });
+		const settingsList = settingsSection.createEl("ul", {
+			cls: "settings-summary-list",
+		});
 
 		// Progress bars
 		if (config.settings.progressBarDisplayMode) {
 			const item = settingsList.createEl("li");
 			item.createSpan("setting-label").setText(t("Progress bars") + ":");
 			item.createSpan("setting-value").setText(
-				config.settings.progressBarDisplayMode === "both" ? 
-					t("Enabled (both graphical and text)") : 
-					config.settings.progressBarDisplayMode
+				config.settings.progressBarDisplayMode === "both"
+					? t("Enabled (both graphical and text)")
+					: config.settings.progressBarDisplayMode
 			);
 		}
 
 		// Task status switching
 		if (config.settings.enableTaskStatusSwitcher !== undefined) {
 			const item = settingsList.createEl("li");
-			item.createSpan("setting-label").setText(t("Task status switching") + ":");
+			item.createSpan("setting-label").setText(
+				t("Task status switching") + ":"
+			);
 			item.createSpan("setting-value").setText(
-				config.settings.enableTaskStatusSwitcher ? t("Enabled") : t("Disabled")
+				config.settings.enableTaskStatusSwitcher
+					? t("Enabled")
+					: t("Disabled")
 			);
 		}
 
@@ -113,16 +134,22 @@ export class ConfigPreview {
 			const item = settingsList.createEl("li");
 			item.createSpan("setting-label").setText(t("Quick capture") + ":");
 			item.createSpan("setting-value").setText(
-				config.settings.quickCapture.enableQuickCapture ? t("Enabled") : t("Disabled")
+				config.settings.quickCapture.enableQuickCapture
+					? t("Enabled")
+					: t("Disabled")
 			);
 		}
 
 		// Workflow
 		if (config.settings.workflow?.enableWorkflow !== undefined) {
 			const item = settingsList.createEl("li");
-			item.createSpan("setting-label").setText(t("Workflow management") + ":");
+			item.createSpan("setting-label").setText(
+				t("Workflow management") + ":"
+			);
 			item.createSpan("setting-value").setText(
-				config.settings.workflow.enableWorkflow ? t("Enabled") : t("Disabled")
+				config.settings.workflow.enableWorkflow
+					? t("Enabled")
+					: t("Disabled")
 			);
 		}
 
@@ -131,7 +158,9 @@ export class ConfigPreview {
 			const item = settingsList.createEl("li");
 			item.createSpan("setting-label").setText(t("Reward system") + ":");
 			item.createSpan("setting-value").setText(
-				config.settings.rewards.enableRewards ? t("Enabled") : t("Disabled")
+				config.settings.rewards.enableRewards
+					? t("Enabled")
+					: t("Disabled")
 			);
 		}
 
@@ -140,55 +169,70 @@ export class ConfigPreview {
 			const item = settingsList.createEl("li");
 			item.createSpan("setting-label").setText(t("Habit tracking") + ":");
 			item.createSpan("setting-value").setText(
-				config.settings.habit.enableHabits ? t("Enabled") : t("Disabled")
+				config.settings.habit.enableHabits
+					? t("Enabled")
+					: t("Disabled")
 			);
 		}
 
 		// Performance features
-		if (config.settings.fileParsingConfig?.enableWorkerProcessing !== undefined) {
+		if (
+			config.settings.fileParsingConfig?.enableWorkerProcessing !==
+			undefined
+		) {
 			const item = settingsList.createEl("li");
-			item.createSpan("setting-label").setText(t("Performance optimization") + ":");
+			item.createSpan("setting-label").setText(
+				t("Performance optimization") + ":"
+			);
 			item.createSpan("setting-value").setText(
-				config.settings.fileParsingConfig.enableWorkerProcessing ? t("Enabled") : t("Disabled")
+				config.settings.fileParsingConfig.enableWorkerProcessing
+					? t("Enabled")
+					: t("Disabled")
 			);
 		}
 
 		// Show configuration change preview
 		this.renderConfigurationChanges(containerEl, config);
-
-		// Customization note
-		const note = containerEl.createDiv("customization-note");
-		note.createEl("p", {
-			text: t(
-				"You can adjust any of these settings later in the plugin settings."
-			),
-			cls: "note-text",
-		});
 	}
 
 	/**
 	 * Render configuration changes preview
 	 */
-	private renderConfigurationChanges(containerEl: HTMLElement, config: OnboardingConfig) {
+	private renderConfigurationChanges(
+		containerEl: HTMLElement,
+		config: OnboardingConfig
+	) {
 		try {
-			const preview = this.configManager.getConfigurationPreview(config.mode);
-			
+			const preview = this.configManager.getConfigurationPreview(
+				config.mode
+			);
+
 			// Show change summary section
-			const changesSection = containerEl.createDiv("config-changes-summary");
+			const changesSection = containerEl.createDiv(
+				"config-changes-summary"
+			);
 			changesSection.createEl("h3", { text: t("Configuration Changes") });
 
 			// User custom views preserved
 			if (preview.userCustomViewsPreserved.length > 0) {
-				const preservedSection = changesSection.createDiv("preserved-views");
-				const preservedHeader = preservedSection.createDiv("preserved-header");
-				const preservedIcon = preservedHeader.createSpan("preserved-icon");
+				const preservedSection =
+					changesSection.createDiv("preserved-views");
+				const preservedHeader =
+					preservedSection.createDiv("preserved-header");
+				const preservedIcon =
+					preservedHeader.createSpan("preserved-icon");
 				setIcon(preservedIcon, "shield-check");
-				preservedHeader.createSpan("preserved-text").setText(
-					t("Your custom views will be preserved") + ` (${preview.userCustomViewsPreserved.length})`
-				);
-				
-				const preservedList = preservedSection.createEl("ul", { cls: "preserved-views-list" });
-				preview.userCustomViewsPreserved.forEach(view => {
+				preservedHeader
+					.createSpan("preserved-text")
+					.setText(
+						t("Your custom views will be preserved") +
+							` (${preview.userCustomViewsPreserved.length})`
+					);
+
+				const preservedList = preservedSection.createEl("ul", {
+					cls: "preserved-views-list",
+				});
+				preview.userCustomViewsPreserved.forEach((view) => {
 					const item = preservedList.createEl("li");
 					const viewIcon = item.createSpan();
 					setIcon(viewIcon, view.icon || "list");
@@ -201,30 +245,43 @@ export class ConfigPreview {
 				const addedSection = changesSection.createDiv("added-views");
 				const addedIcon = addedSection.createSpan("change-icon");
 				setIcon(addedIcon, "plus-circle");
-				addedSection.createSpan("change-text").setText(
-					t("New views to be added") + ` (${preview.viewsToAdd.length})`
-				);
+				addedSection
+					.createSpan("change-text")
+					.setText(
+						t("New views to be added") +
+							` (${preview.viewsToAdd.length})`
+					);
 			}
 
 			// Views to be updated
 			if (preview.viewsToUpdate.length > 0) {
-				const updatedSection = changesSection.createDiv("updated-views");
+				const updatedSection =
+					changesSection.createDiv("updated-views");
 				const updatedIcon = updatedSection.createSpan("change-icon");
 				setIcon(updatedIcon, "refresh-cw");
-				updatedSection.createSpan("change-text").setText(
-					t("Existing views to be updated") + ` (${preview.viewsToUpdate.length})`
-				);
+				updatedSection
+					.createSpan("change-text")
+					.setText(
+						t("Existing views to be updated") +
+							` (${preview.viewsToUpdate.length})`
+					);
 			}
 
 			// Settings changes
 			if (preview.settingsChanges.length > 0) {
-				const settingsChangesSection = changesSection.createDiv("settings-changes");
-				const settingsIcon = settingsChangesSection.createSpan("change-icon");
+				const settingsChangesSection =
+					changesSection.createDiv("settings-changes");
+				const settingsIcon =
+					settingsChangesSection.createSpan("change-icon");
 				setIcon(settingsIcon, "settings");
-				settingsChangesSection.createSpan("change-text").setText(t("Feature changes"));
-				
-				const changesList = settingsChangesSection.createEl("ul", { cls: "settings-changes-list" });
-				preview.settingsChanges.forEach(change => {
+				settingsChangesSection
+					.createSpan("change-text")
+					.setText(t("Feature changes"));
+
+				const changesList = settingsChangesSection.createEl("ul", {
+					cls: "settings-changes-list",
+				});
+				preview.settingsChanges.forEach((change) => {
 					const item = changesList.createEl("li");
 					item.setText(change);
 				});
@@ -234,10 +291,13 @@ export class ConfigPreview {
 			const safetyNote = changesSection.createDiv("safety-note");
 			const safetyIcon = safetyNote.createSpan("safety-icon");
 			setIcon(safetyIcon, "info");
-			safetyNote.createSpan("safety-text").setText(
-				t("Only template settings will be applied. Your existing custom configurations will be preserved.")
-			);
-
+			safetyNote
+				.createSpan("safety-text")
+				.setText(
+					t(
+						"Only template settings will be applied. Your existing custom configurations will be preserved."
+					)
+				);
 		} catch (error) {
 			console.warn("Could not generate configuration preview:", error);
 		}
@@ -248,15 +308,14 @@ export class ConfigPreview {
 	 */
 	private getConfigIcon(mode: string): string {
 		switch (mode) {
-			case 'beginner':
+			case "beginner":
 				return "edit-3"; // Lucide edit icon
-			case 'advanced':
-				return "settings"; // Lucide settings icon  
-			case 'power':
+			case "advanced":
+				return "settings"; // Lucide settings icon
+			case "power":
 				return "zap"; // Lucide lightning bolt icon
 			default:
 				return "clipboard-list"; // Lucide clipboard icon
 		}
 	}
-
-}
+}

src/styles/onboarding.css

@@ -513,7 +513,8 @@
 	font-weight: 500;
 }
 
-.onboarding-view .updated-views .onboarding-modal .updated-views {
+.onboarding-view .updated-views,
+.onboarding-modal .updated-views {
 	display: flex;
 }