feat: h5 webapp list page with rich cards

app/src/main/assets/h5/css/app.css

@@ -99,3 +99,34 @@ body {
 
 .cell .ic { width: 48px; height: 48px; border-radius: 12px; }
 .cell .lbl { font-size: 12px; color: var(--text-dim); text-align: center; }
+
+/* H5 应用列表页：富卡片 + 在线/离线标签 */
+/* H5 web app list page: rich cards + online/offline badge */
+.wcell {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  background: var(--glass-bg);
+  border: 1px solid var(--glass-border);
+  border-radius: 16px;
+  padding: 12px 8px;
+  cursor: pointer;
+  color: var(--text);
+}
+
+.wcell .ic { width: 48px; height: 48px; border-radius: 12px; }
+.wcell .lbl { font-size: 12px; color: var(--text-dim); text-align: center; }
+
+.wcell .tag {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  font-size: 10px;
+  padding: 2px 6px;
+  border-radius: 999px;
+  background: var(--glass-bg);
+  border: 1px solid var(--glass-border);
+  color: var(--text-dim);
+}

app/src/main/assets/h5/index.html

@@ -24,6 +24,7 @@
 <script src="js/bridge.js"></script>
 <script src="js/router.js"></script>
 <script src="js/pages/applist.js"></script>
+<script src="js/pages/webapplist.js"></script>
 <script>
   // 渲染侧边栏导航项 / render sidebar nav items
   const nav = document.getElementById('rail-nav');

app/src/main/assets/h5/js/pages/webapplist.js

@@ -0,0 +1,25 @@
+// H5 应用列表页：富卡片 + 在线/离线标签 + 搜索
+// H5 web app list page: rich cards + online/offline badge + search
+window.loadWebAppList = async function () {
+  const page = document.querySelector('[data-page="webapplist"]');
+  if (page.dataset.loaded) return; page.dataset.loaded = '1';
+  page.innerHTML = `
+    <div class="search"><input id="web-search" placeholder="搜索 webAPP…"></div>
+    <div class="grid" id="web-grid"></div>`;
+  const apps = JSON.parse(await bridge.call('fetchWebApps'));
+  const grid = document.getElementById('web-grid');
+  const render = (list) => {
+    grid.innerHTML = list.map(a => `
+      <button class="wcell" data-id="${a.id}" data-url="${a.url}">
+        <img class="ic" src="${a.icon}" alt="">
+        <span class="lbl">${a.name}</span>
+        <span class="tag">${a.offline ? '离线' : '在线'}</span>
+      </button>`).join('');
+    grid.querySelectorAll('.wcell').forEach(el => el.onclick = () => bridge.call('openWebApp', el.dataset.id));
+  };
+  render(apps);
+  document.getElementById('web-search').oninput = (e) => {
+    const kw = e.target.value.toLowerCase();
+    render(apps.filter(a => a.name.toLowerCase().includes(kw)));
+  };
+};