From 46d8158c673d3023bb958f42490f9ddb6f2da158 Mon Sep 17 00:00:00 2001
From: oliver <oliver@odoo4projects.com>
Date: Mon, 15 Jun 2026 13:35:34 -0300
Subject: [PATCH] new server

---
 app.js     | 61 ++++++++++++++++++++----------------------------------
 index.html | 11 +++++-----
 2 files changed, 27 insertions(+), 45 deletions(-)

diff --git a/app.js b/app.js
index 9b99a99..243248a 100644
--- a/app.js
+++ b/app.js
@@ -532,7 +532,7 @@ function stripQuotes(s) {
 /* ─── Instances — Load ───────────────────────────────────────── */
 async function instancesLoadRecords() {
   const tbody = document.getElementById("inst-table-body");
-  tbody.innerHTML = `<tr><td colspan="9"><div class="empty-state"><div class="spinner"></div><p style="margin-top:12px;">Loading…</p></div></td></tr>`;
+  tbody.innerHTML = `<tr><td colspan="8"><div class="empty-state"><div class="spinner"></div><p style="margin-top:12px;">Loading…</p></div></td></tr>`;
   try {
     const res = await apiFetch(apiUrl(ROUTES.instances), {
       headers: apiHeaders(),
@@ -566,12 +566,10 @@ function instancesRender() {
   const filtered = instancesRecords.filter((r) => {
     if (!search) return true;
     return (
-      stripQuotes(r.uuid).toLowerCase().includes(search) ||
-      stripQuotes(r.agent).toLowerCase().includes(search) ||
-      stripQuotes(r.domain).toLowerCase().includes(search) ||
-      stripQuotes(r.server ?? "")
-        .toLowerCase()
-        .includes(search)
+      r.uuid?.toLowerCase().includes(search) ||
+      r.agent?.toLowerCase().includes(search) ||
+      r.email?.toLowerCase().includes(search) ||
+      (r.server ?? "").toLowerCase().includes(search)
     );
   });
 
@@ -582,7 +580,7 @@ function instancesRender() {
 
   const tbody = document.getElementById("inst-table-body");
   if (filtered.length === 0) {
-    tbody.innerHTML = `<tr><td colspan="9"><div class="empty-state">
+    tbody.innerHTML = `<tr><td colspan="8"><div class="empty-state">
   <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
     <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
     <polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/>
@@ -595,42 +593,27 @@ function instancesRender() {
   tbody.innerHTML = filtered
     .map((r) => {
       const uuid = escHtml(r.uuid);
-      const agent = escHtml(stripQuotes(r.agent));
-      const domain = escHtml(stripQuotes(r.domain));
-      const sshPort = escHtml(stripQuotes(r.ssh_port));
-      const ram = escHtml(stripQuotes(r.ram));
-      const cpu = escHtml(stripQuotes(r.cpu));
-      const server = escHtml(stripQuotes(r.server ?? ""));
-      const created = escHtml(stripQuotes(r.created ?? ""));
+      const agent = escHtml(r.agent);
+      const product = escHtml(r.product ?? "");
+      const server = escHtml(r.server ?? "");
+      const email = escHtml(r.email ?? "");
+      const period = escHtml(r.period ?? "");
+      const sshStatus = r.SSH ? "✓" : "✗";
+      const backupStatus = r.BACKUP ? "B" : "";
+      const createdStatus = r.created ? "C" : "";
+      const statusParts = [sshStatus, backupStatus, createdStatus].filter(
+        Boolean,
+      );
+      const status = statusParts.length ? statusParts.join(" ") : "—";
       return `<tr>
   <td><span class="mono">${uuid}</span></td>
   <td>${agent}</td>
-  <td><span class="mono">${domain}</span></td>
-  <td class="mono">${sshPort}</td>
-  <td>${ram}</td>
-  <td>${cpu}</td>
+  <td>${product}</td>
   <td>${server}</td>
-  <td>${created}</td>
+  <td>${email}</td>
+  <td>${period}</td>
+  <td><span class="mono">${status}</span></td>
   <td style="white-space:nowrap; display:flex; gap:6px;">
-    <button class="btn btn-ghost btn-sm"
-      data-domain="${domain}"
-      data-port="${sshPort}"
-      onclick="instancesCopySSH(this)">
-      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-        <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
-        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
-      </svg>
-      Copy SSH
-    </button>
-    <button class="btn btn-ghost btn-sm"
-      data-uuid="${uuid}"
-      onclick="instancesOpenEdit(this)">
-      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
-        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
-      </svg>
-      Edit
-    </button>
     <button class="btn btn-danger btn-sm"
       data-uuid="${uuid}"
       data-agent="${agent}"
diff --git a/index.html b/index.html
index 7d9a638..2c6c91c 100644
--- a/index.html
+++ b/index.html
@@ -547,18 +547,17 @@
                                         <tr>
                                             <th>UUID</th>
                                             <th>Agent</th>
-                                            <th>Domain</th>
-                                            <th>SSH Port</th>
-                                            <th>RAM</th>
-                                            <th>CPU</th>
+                                            <th>Product</th>
                                             <th>Server</th>
-                                            <th>Created</th>
+                                            <th>Email</th>
+                                            <th>Period</th>
+                                            <th>Status</th>
                                             <th>Actions</th>
                                         </tr>
                                     </thead>
                                     <tbody id="inst-table-body">
                                         <tr>
-                                            <td colspan="9">
+                                            <td colspan="8">
                                                 <div class="empty-state">
                                                     <div class="spinner"></div>
                                                     <p style="margin-top: 12px">