Make version display dynamic from package.json

Instead of hardcoding the version in HTML, the app now reads it dynamically from package.json when the settings modal is opened.

Author: built-by-as

index.html

@@ -248,7 +248,7 @@ <h2 class="modal-title">Terminal Settings</h2>
         </div>
 
         <div class="text-center text-xs text-gray-500 mt-6 pt-4 border-t border-gray-700">
-          <span id="app-version">FleetCode v1.0.1-beta.7</span>
+          <span id="app-version">FleetCode v...</span>
         </div>
 
         <div class="btn-group">

main.ts

@@ -606,6 +606,17 @@ ipcMain.handle("save-terminal-settings", (_event, settings: any) => {
   (store as any).set("terminalSettings", settings);
 });
 
+// Get app version from package.json
+ipcMain.handle("get-app-version", () => {
+  try {
+    const packageJson = JSON.parse(fs.readFileSync(path.join(__dirname, "../package.json"), "utf8"));
+    return packageJson.version;
+  } catch (error) {
+    console.error("Error reading version:", error);
+    return "unknown";
+  }
+});
+
 // MCP Server management functions
 async function listMcpServers() {
   try {

renderer.ts

@@ -1450,8 +1450,16 @@ function applySettingsToAllTerminals() {
 }
 
 // Open settings modal
-openSettingsBtn?.addEventListener("click", () => {
+openSettingsBtn?.addEventListener("click", async () => {
   populateSettingsForm();
+
+  // Load and display app version
+  const version = await ipcRenderer.invoke("get-app-version");
+  const versionElement = document.getElementById("app-version");
+  if (versionElement) {
+    versionElement.textContent = `FleetCode v${version}`;
+  }
+
   settingsModal?.classList.remove("hidden");
 });