From bcf05a708f2f18bdc3358dcd82c5aede4c8a9ac3 Mon Sep 17 00:00:00 2001
From: Aleix Soler <aleixsoler64@gmail.com>
Date: Wed, 6 Aug 2025 19:36:36 +0200
Subject: [PATCH 1/2] feat: add config; add logic

---
 components/SettingsUI/UISettings.tsx    | 25 +++++++++++++++++++++++
 components/StatusBar/StatusBarGroup.tsx | 11 ++++++++++
 components/atoms/StatusDisplay.tsx      | 27 +++++++++++++++++++++++--
 constants/defaultSettings.ts            |  1 +
 integrations/status-bar/status-bar.tsx  |  3 +++
 types/pluginSettings.ts                 |  1 +
 6 files changed, 66 insertions(+), 2 deletions(-)

diff --git a/components/SettingsUI/UISettings.tsx b/components/SettingsUI/UISettings.tsx
index d5ff6ca..b4765ff 100644
--- a/components/SettingsUI/UISettings.tsx
+++ b/components/SettingsUI/UISettings.tsx
@@ -144,6 +144,31 @@ export const UISettings: React.FC<Props> = ({ settings, onChange }) => {
 					onChange={handleChange("statusBarShowNoStatusText")}
 				/>
 			</SettingItem>
+			<SettingItem
+				name="Show template names in status bar"
+				description="Control how template names are displayed alongside status names"
+			>
+				<Select
+					options={[
+						{
+							value: "never",
+							display: "Never show template names",
+						},
+						{
+							value: "auto",
+							display: "Show only when status names conflict",
+						},
+						{
+							value: "always",
+							display: "Always show template names",
+						},
+					]}
+					defaultValue={settings.statusBarShowTemplateName || "auto"}
+					onChange={(value) =>
+						onChange("statusBarShowTemplateName", value)
+					}
+				/>
+			</SettingItem>
 		</div>
 	);
 };
diff --git a/components/StatusBar/StatusBarGroup.tsx b/components/StatusBar/StatusBarGroup.tsx
index c2e94e0..7c5497c 100644
--- a/components/StatusBar/StatusBarGroup.tsx
+++ b/components/StatusBar/StatusBarGroup.tsx
@@ -5,6 +5,7 @@ import { GroupLabel } from "../atoms/GroupLabel";
 import { CollapsibleCounter } from "../atoms/CollapsibleCounter";
 import { StatusDisplay } from "../atoms/StatusDisplay";
 import { useStatusBarContext } from "./StatusBarContext";
+import settingsService from "@/core/settingsService";
 
 export interface StatusBarGroupProps {
 	statuses: NoteStatus[];
@@ -22,6 +23,11 @@ export const StatusBarGroup: FC<StatusBarGroupProps> = ({
 		? statuses
 		: statuses.slice(0, maxVisible);
 	const hiddenCount = Math.max(0, statuses.length - maxVisible);
+
+	const statusNames = statuses.map((s) => s.name);
+	const hasConflicts = statusNames.some(
+		(name, index) => statusNames.indexOf(name) !== index,
+	);
 	const { onStatusClick } = useStatusBarContext();
 
 	return (
@@ -42,6 +48,11 @@ export const StatusBarGroup: FC<StatusBarGroupProps> = ({
 						<StatusDisplay
 							status={status}
 							variant="badge"
+							templateNameMode={
+								settingsService.settings
+									.statusBarShowTemplateName
+							}
+							hasNameConflicts={hasConflicts}
 							onClick={() => {
 								onStatusClick(status);
 							}}
diff --git a/components/atoms/StatusDisplay.tsx b/components/atoms/StatusDisplay.tsx
index 7a005f5..f6f6e11 100644
--- a/components/atoms/StatusDisplay.tsx
+++ b/components/atoms/StatusDisplay.tsx
@@ -9,16 +9,39 @@ interface StatusDisplayProps {
 	status: NoteStatus;
 	variant: StatusDisplayVariant;
 	removable?: boolean;
+	hasNameConflicts?: boolean;
+	templateNameMode?: "always" | "never" | "auto";
 	onRemove?: () => void;
 	onClick?: () => void;
 }
 
 export const StatusDisplay: FC<StatusDisplayProps> = memo(
-	({ status, variant, removable = false, onRemove, onClick }) => {
+	({
+		status,
+		variant,
+		removable = false,
+		hasNameConflicts = false,
+		templateNameMode = "auto",
+		onRemove,
+		onClick,
+	}) => {
 		const [isRemoving, setIsRemoving] = useState(false);
 
 		const getDisplayName = () => {
-			return status.templateId
+			const shouldShowTemplate = (() => {
+				switch (templateNameMode) {
+					case "always":
+						return true;
+					case "never":
+						return false;
+					case "auto":
+						return hasNameConflicts && status.templateId;
+					default:
+						return false;
+				}
+			})();
+
+			return shouldShowTemplate && status.templateId
 				? `${status.name} (${status.templateId})`
 				: status.name;
 		};
diff --git a/constants/defaultSettings.ts b/constants/defaultSettings.ts
index 71d75ad..ce8d680 100644
--- a/constants/defaultSettings.ts
+++ b/constants/defaultSettings.ts
@@ -22,6 +22,7 @@ export const DEFAULT_PLUGIN_SETTINGS: PluginSettings = {
 	enabledTemplates: DEFAULT_ENABLED_TEMPLATES,
 	useCustomStatusesOnly: false,
 	useMultipleStatuses: true,
+	statusBarShowTemplateName: "auto", // Default to show template names only when needed
 	tagPrefix: "obsidian-note-status",
 	strictStatuses: false, // Default to show all statuses from frontmatter
 	quickStatusCommands: ["active", "completed"], // Add default quick commands
diff --git a/integrations/status-bar/status-bar.tsx b/integrations/status-bar/status-bar.tsx
index d6f16c7..6603827 100644
--- a/integrations/status-bar/status-bar.tsx
+++ b/integrations/status-bar/status-bar.tsx
@@ -43,6 +43,9 @@ export class StatusBarIntegration {
 				if (key === "showStatusBar") {
 					this.render(); // INFO: Force a render to set disabled or enabled
 				}
+				if (key === "statusBarShowTemplateName") {
+					this.render(); // INFO: Force a render to set disabled or enabled
+				}
 				if (key === "enabledTemplates" || key === "templates") {
 					this.handleActiveFileChange().catch(console.error); // INFO: Force a re-read of the statuses and render
 				}
diff --git a/types/pluginSettings.ts b/types/pluginSettings.ts
index 23c9dfb..00fa597 100644
--- a/types/pluginSettings.ts
+++ b/types/pluginSettings.ts
@@ -17,6 +17,7 @@ export type PluginSettings = {
 	autoHideStatusBar: boolean;
 	templates: StatusTemplate[];
 	customStatuses: NoteStatus[];
+	statusBarShowTemplateName: "always" | "never" | "auto"; // How to show template names in status bar
 	showStatusIconsInExplorer: boolean;
 	hideUnknownStatusInExplorer: boolean;
 	enabledTemplates: string[]; // IDs of enabled templates

From 924f178e33f1136c2e373fe2d44f2ef6421163c7 Mon Sep 17 00:00:00 2001
From: Aleix Soler <aleixsoler64@gmail.com>
Date: Wed, 6 Aug 2025 19:40:12 +0200
Subject: [PATCH 2/2] fix: drilling props to avoid use core directly

---
 components/StatusBar/StatusBar.tsx      |  3 +++
 components/StatusBar/StatusBarGroup.tsx | 16 +++++++---------
 integrations/status-bar/status-bar.tsx  |  3 +++
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/components/StatusBar/StatusBar.tsx b/components/StatusBar/StatusBar.tsx
index de8cb87..a9ef051 100644
--- a/components/StatusBar/StatusBar.tsx
+++ b/components/StatusBar/StatusBar.tsx
@@ -11,6 +11,7 @@ export type Props = {
 	templates?: { [key: string]: { description: string } };
 	hideIfNotStatuses?: boolean;
 	onStatusClick: StatusBarContextProps["onStatusClick"];
+	templateNameMode?: "always" | "never" | "auto";
 	noStatusConfig?: {
 		text: string;
 		showIcon: boolean;
@@ -24,6 +25,7 @@ export const StatusBar: FC<Props> = ({
 	statuses,
 	hideIfNotStatuses,
 	onStatusClick,
+	templateNameMode = "auto",
 	noStatusConfig,
 }) => {
 	const statusEntries = Object.entries(statuses);
@@ -69,6 +71,7 @@ export const StatusBar: FC<Props> = ({
 					<StatusBarGroup
 						key={frontmatterTagName}
 						statuses={statusList}
+						templateNameMode={templateNameMode}
 						template={{
 							description: "Note status",
 							name: "",
diff --git a/components/StatusBar/StatusBarGroup.tsx b/components/StatusBar/StatusBarGroup.tsx
index 7c5497c..4dde531 100644
--- a/components/StatusBar/StatusBarGroup.tsx
+++ b/components/StatusBar/StatusBarGroup.tsx
@@ -5,18 +5,19 @@ import { GroupLabel } from "../atoms/GroupLabel";
 import { CollapsibleCounter } from "../atoms/CollapsibleCounter";
 import { StatusDisplay } from "../atoms/StatusDisplay";
 import { useStatusBarContext } from "./StatusBarContext";
-import settingsService from "@/core/settingsService";
 
 export interface StatusBarGroupProps {
 	statuses: NoteStatus[];
 	template: StatusTemplate;
 	maxVisible?: number;
+	templateNameMode?: "always" | "never" | "auto";
 }
 
 export const StatusBarGroup: FC<StatusBarGroupProps> = ({
 	statuses,
 	template,
 	maxVisible = 3,
+	templateNameMode = "auto",
 }) => {
 	const [isUncollapsed, setIsUncollapsed] = useState(false);
 	const visibleStatuses = isUncollapsed
@@ -25,9 +26,9 @@ export const StatusBarGroup: FC<StatusBarGroupProps> = ({
 	const hiddenCount = Math.max(0, statuses.length - maxVisible);
 
 	const statusNames = statuses.map((s) => s.name);
-	const hasConflicts = statusNames.some(
-		(name, index) => statusNames.indexOf(name) !== index,
-	);
+	const getHasConflicts = (status: NoteStatus) => {
+		return statusNames.filter((name) => name === status.name).length > 1;
+	};
 	const { onStatusClick } = useStatusBarContext();
 
 	return (
@@ -48,11 +49,8 @@ export const StatusBarGroup: FC<StatusBarGroupProps> = ({
 						<StatusDisplay
 							status={status}
 							variant="badge"
-							templateNameMode={
-								settingsService.settings
-									.statusBarShowTemplateName
-							}
-							hasNameConflicts={hasConflicts}
+							templateNameMode={templateNameMode}
+							hasNameConflicts={getHasConflicts(status)}
 							onClick={() => {
 								onStatusClick(status);
 							}}
diff --git a/integrations/status-bar/status-bar.tsx b/integrations/status-bar/status-bar.tsx
index 6603827..606efe8 100644
--- a/integrations/status-bar/status-bar.tsx
+++ b/integrations/status-bar/status-bar.tsx
@@ -151,6 +151,9 @@ export class StatusBarIntegration {
 					hideIfNotStatuses={
 						settingsService.settings.autoHideStatusBar
 					}
+					templateNameMode={
+						settingsService.settings.statusBarShowTemplateName
+					}
 					onStatusClick={() => this.openStatusModal()}
 					noStatusConfig={this.getNoStatusConfig()}
 				/>,