From cee76ddd53a0bc6508e14fbeab55dfe6cb953891 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Sat, 21 Mar 2026 05:47:39 +0000
Subject: [PATCH] Add bootstrap to the main application bundle

---
 html/template/sync/layout/authenticated.html | 1 -
 ts/main.ts                                   | 4 ++++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/html/template/sync/layout/authenticated.html b/html/template/sync/layout/authenticated.html
index 1490413e..f66ab82a 100644
--- a/html/template/sync/layout/authenticated.html
+++ b/html/template/sync/layout/authenticated.html
@@ -92,7 +92,6 @@
 			{{ template "content" . }}
 		</div>
 		<div id="flogo"></div>
-		<script src="/static/vendor/bootstrap-5.3.8/bootstrap.bundle.min.js"></script>
 		<script>
 			document.getElementById("sidebarToggle").addEventListener("click", () => {
 				const sidebar = document.getElementById("sidebar");
diff --git a/ts/main.ts b/ts/main.ts
index 7216c5de..23e7534c 100644
--- a/ts/main.ts
+++ b/ts/main.ts
@@ -1,8 +1,12 @@
 import Alpine from './vendor/alpinejs-3.15.8.js';
+import bootstrap from '../static/vendor/bootstrap-5.3.8/bootstrap.bundle.min.js'
 
 // Make Alpine available on window for inline Alpine
 window.Alpine = Alpine;
 
+// Make bootstrap available on window for various scripts
+window.bootstrap = bootstrap;
+
 // Wait for DOM to be ready, then initialize Alpine
 document.addEventListener("DOMContentLoaded", () => {
 	Alpine.start();