feat: support tasks notice

Author: Quorafind

src/setting.ts

@@ -35,6 +35,7 @@ import {
 } from "./components/AutoComplete";
 import { HabitList } from "./components/HabitSettingList";
 import { ConfirmModal } from "./components/ConfirmModal";
+import { getTasksAPI } from "./utils";
 
 export class TaskProgressBarSettingTab extends PluginSettingTab {
 	plugin: TaskProgressBarPlugin;
@@ -934,6 +935,49 @@ export class TaskProgressBarSettingTab extends PluginSettingTab {
 			.setDesc(t("Configure task status settings"))
 			.setHeading();
 
+		// Check if Tasks plugin is installed and show compatibility warning
+		const tasksAPI = getTasksAPI(this.plugin);
+		if (tasksAPI) {
+			const warningBanner = containerEl.createDiv({
+				cls: "tasks-compatibility-warning",
+			});
+
+			warningBanner.createEl("div", {
+				cls: "tasks-warning-icon",
+				text: "⚠️",
+			});
+
+			const warningContent = warningBanner.createDiv({
+				cls: "tasks-warning-content",
+			});
+
+			warningContent.createEl("div", {
+				cls: "tasks-warning-title",
+				text: t("Tasks Plugin Detected"),
+			});
+
+			const warningText = warningContent.createEl("div", {
+				cls: "tasks-warning-text",
+			});
+
+			warningText.createEl("span", {
+				text: t(
+					"Current status management and date management may conflict with the Tasks plugin. Please check the "
+				),
+			});
+
+			const compatibilityLink = warningText.createEl("a", {
+				text: t("compatibility documentation"),
+				href: "https://taskgenius.md/docs/compatibility",
+			});
+			compatibilityLink.setAttribute("target", "_blank");
+			compatibilityLink.setAttribute("rel", "noopener noreferrer");
+
+			warningText.createEl("span", {
+				text: t(" for more information."),
+			});
+		}
+
 		new Setting(containerEl)
 			.setName(t("Auto complete parent task"))
 			.setDesc(

src/styles/setting.css

@@ -1088,3 +1088,55 @@
 }
 
 /* END: View Management Styles */
+
+/* Tasks Plugin Compatibility Warning Banner */
+.tasks-compatibility-warning {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--size-4-3);
+	padding: var(--size-4-4);
+	margin-bottom: var(--size-4-4);
+	background-color: hsl(
+		var(--accent-h),
+		var(--accent-s),
+		var(--accent-l),
+		0.5
+	);
+	border: 1px solid
+		hsl(var(--accent-h), var(--accent-s), var(--accent-l), 0.5);
+	border-radius: var(--radius-m);
+	color: var(--text-on-accent);
+}
+
+.tasks-warning-icon {
+	font-size: 20px;
+	line-height: 1;
+	flex-shrink: 0;
+}
+
+.tasks-warning-content {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: var(--size-2-2);
+}
+
+.tasks-warning-title {
+	font-weight: 600;
+	font-size: var(--font-ui-medium);
+}
+
+.tasks-warning-text {
+	color: var(--text-on-accent);
+	font-size: var(--font-ui-small);
+	line-height: 1.4;
+}
+
+.tasks-warning-text a {
+	color: var(--text-on-accent);
+	text-decoration: underline;
+}
+
+.tasks-warning-text a:hover {
+	color: var(--text-on-accent);
+}