Add a very primitive new sidebar tab for the module

module/Apps/StatSidebar.mjs

@@ -0,0 +1,47 @@
+import { filePath } from "../consts.mjs";
+import { StatsViewer } from "./StatsViewer.mjs";
+
+const { HandlebarsApplicationMixin } = foundry.applications.api;
+const { AbstractSidebarTab } = foundry.applications.sidebar;
+
+export class StatSidebar extends HandlebarsApplicationMixin(AbstractSidebarTab) {
+	/** @override */
+	static DEFAULT_OPTIONS = {
+		classes: [
+			__ID__,
+			`StatsSidebar`,
+		],
+		window: {
+			title: `SIDEBAR.TabSettings`,
+		},
+		actions: {
+			openStats: this.#openStats,
+		},
+	};
+
+	/** @override */
+	static tabName = `stats`;
+
+	/** @override */
+	static PARTS = {
+		stats: {
+			template: filePath(`templates/Apps/StatSidebar/main.hbs`),
+			root: true,
+		},
+	};
+
+	async _prepareContext(options) {
+		const ctx = await super._prepareContext(options);
+		const db = CONFIG.StatsDatabase;
+
+		ctx.tableCount = db.getTables().length;
+
+		return ctx;
+	};
+
+	/** @this {StatSidebar} */
+	static async #openStats() {
+		const app = new StatsViewer();
+		app.render({ force: true });
+	};
+};

module/hooks/init.mjs

@@ -3,11 +3,26 @@ import { Logger } from "../utils/Logger.mjs";
 import { MemoryDatabase } from "../utils/databases/Memory.mjs";
 import { registerCustomComponents } from "../Apps/elements/_index.mjs";
 import { registerMetaSettings } from "../settings/meta.mjs";
+import { StatSidebar } from "../Apps/StatSidebar.mjs";
 import { UserFlagDatabase } from "../utils/databases/UserFlag.mjs";
 
 Hooks.on(`init`, () => {
 	Logger.debug(`Initializing`);
 
+	// Add a custom sidebar tab for the module
+	CONFIG.ui.sidebar.TABS.stats = {
+		active: false,
+		icon: `fa-solid fa-chart-line`,
+		tooltip: `Stats!`,
+	};
+	CONFIG.ui.stats = StatSidebar;
+
+	// Inject the tab right before settings;
+	const temp = CONFIG.ui.sidebar.TABS.settings;
+	delete CONFIG.ui.sidebar.TABS.settings;
+	CONFIG.ui.sidebar.TABS.settings = temp;
+
+
 	registerMetaSettings();
 
 	if (import.meta.env.PROD) {