From b2da86e76f5592adb222f9b58485f71a2bfc5b4e Mon Sep 17 00:00:00 2001
From: bahmcloud <r.bachmann@bahmcloud.de>
Date: Wed, 14 Jan 2026 17:35:17 +0000
Subject: [PATCH] =?UTF-8?q?custom=5Fcomponents/bahmcloud=5Fstore/panel/app?=
 =?UTF-8?q?.js=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bahmcloud_store/panel/app.js              | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 custom_components/bahmcloud_store/panel/app.js

diff --git a/custom_components/bahmcloud_store/panel/app.js b/custom_components/bahmcloud_store/panel/app.js
new file mode 100644
index 0000000..4dc341c
--- /dev/null
+++ b/custom_components/bahmcloud_store/panel/app.js
@@ -0,0 +1,30 @@
+async function load() {
+  const r = await fetch("/api/bahmcloud_store", { credentials: "same-origin" });
+  const data = await r.json();
+
+  const list = document.getElementById("list");
+  list.innerHTML = "";
+
+  data.packages.forEach(p => {
+    const div = document.createElement("div");
+    div.className = "card";
+    div.innerHTML = `
+      <div class="row">
+        <div>
+          <b>${p.name}</b>
+          <div class="muted">${p.repo}</div>
+        </div>
+        <div class="badge">${p.installed ? "Installed" : "Not installed"}</div>
+      </div>
+      <div class="muted">
+        Installed: ${p.installed_version || "-"} |
+        Latest: ${p.latest_version || "-"}
+        ${p.release_url ? `| <a href="${p.release_url}" target="_blank">Release</a>` : ""}
+      </div>
+    `;
+    list.appendChild(div);
+  });
+}
+
+document.getElementById("refresh").onclick = load;
+load();