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();