Release 1.1.0: switch to dewemoji.com and simplify account UI

panel.js

@@ -7,6 +7,7 @@ let licenseKeyCurrent = '';
 let authApiKey = '';
 let authTier = 'guest'; // guest | free | personal
 let authEmail = '';
+let authName = '';
 
 // Tone settings (persisted in sync storage)
 let toneLock = false;           // if true, always use preferred tone
@@ -29,6 +30,9 @@ const accountPasswordEl = document.getElementById('account-password');
 const accountLoginBtn = document.getElementById('account-login');
 const accountLogoutBtn = document.getElementById('account-logout');
 const accountStatusEl = document.getElementById('account-status');
+const accountGreetingEl = document.getElementById('account-greeting');
+const accountConnectFormEl = document.getElementById('account-connect-form');
+const accountConnectedEl = document.getElementById('account-connected');
 
 // --- Branded confirm modal helper ---
 function showConfirmModal(opts = {}) {
@@ -113,12 +117,8 @@ function setLicenseBusy(on, label){
   }
 }
 
-const diagRunBtn = document.getElementById('diag-run');
-const diagSpin   = document.getElementById('diag-spin');
-const diagOut    = document.getElementById('diag-out');
-
 const API = {
-    base: "https://dewemoji.backoffice.biz.id/v1",
+    base: "https://dewemoji.com/v1",
     list: "/emojis"
 };
 API.cats = "/categories";
@@ -650,8 +650,7 @@ function getListPaths(){
 function getApiBases(){
   const list = [
     API.base,
-    'https://dewemoji.backoffice.biz.id/v1',
-    'https://api.dewemoji.com/v1',
+    'https://dewemoji.com/v1',
     'http://127.0.0.1:8000/v1',
   ];
   const seen = new Set();
@@ -1233,13 +1232,14 @@ loadCategories().catch(console.error);
 })();
 
 async function loadSettings() {
-    const data = await chrome.storage.local.get(['actionMode', 'authApiKey', 'authTier', 'authEmail']);
+    const data = await chrome.storage.local.get(['actionMode', 'authApiKey', 'authTier', 'authEmail', 'authName']);
     licenseValid = true;
     refreshPageLimit();
     actionMode = data.actionMode || 'copy';
     authApiKey = data.authApiKey || '';
     authTier = data.authTier || 'guest';
     authEmail = data.authEmail || '';
+    authName = data.authName || '';
     if (accountEmailEl && authEmail) accountEmailEl.value = authEmail;
     applyLicenseUI();
     applyModeUI();
@@ -1253,7 +1253,7 @@ async function loadSettings() {
 }
 
 async function saveSettings() {
-    await chrome.storage.local.set({ licenseValid: true, actionMode, authApiKey, authTier, authEmail });
+    await chrome.storage.local.set({ licenseValid: true, actionMode, authApiKey, authTier, authEmail, authName });
 }
 
 // --- Helper to render Free status with CTA ---
@@ -1305,6 +1305,8 @@ function updateAccountUI() {
   if (!accountStatusEl) return;
   if (!authApiKey) {
     accountStatusEl.textContent = 'Not connected. Public keywords only.';
+    if (accountConnectFormEl) accountConnectFormEl.style.display = '';
+    if (accountConnectedEl) accountConnectedEl.style.display = 'none';
     if (accountLoginBtn) {
       accountLoginBtn.disabled = false;
       accountLoginBtn.style.display = '';
@@ -1319,7 +1321,12 @@ function updateAccountUI() {
     return;
   }
   const tierLabel = authTier === 'personal' ? 'Personal' : 'Free';
+  const fallbackName = (authEmail || 'User').split('@')[0] || 'User';
+  const displayName = (authName || '').trim() || fallbackName;
   accountStatusEl.textContent = `Connected as ${authEmail || 'user'} (${tierLabel})`;
+  if (accountGreetingEl) accountGreetingEl.textContent = `Hi, ${displayName}`;
+  if (accountConnectFormEl) accountConnectFormEl.style.display = 'none';
+  if (accountConnectedEl) accountConnectedEl.style.display = '';
   if (accountLoginBtn) {
     accountLoginBtn.disabled = true;
     accountLoginBtn.style.display = 'none';
@@ -1535,6 +1542,7 @@ accountLoginBtn?.addEventListener('click', async () => {
     authApiKey = data?.api_key || '';
     authTier = String(data?.user?.tier || 'free');
     authEmail = String(data?.user?.email || email);
+    authName = String(data?.user?.name || '');
     await saveSettings();
     updateAccountUI();
     setStatusTag();
@@ -1566,6 +1574,7 @@ accountLogoutBtn?.addEventListener('click', async () => {
   } finally {
     authApiKey = '';
     authTier = 'guest';
+    authName = '';
     await saveSettings();
     updateAccountUI();
     setStatusTag();
@@ -1574,40 +1583,6 @@ accountLogoutBtn?.addEventListener('click', async () => {
   }
 });
 
-  async function renderDiag(obj) {
-    const lines = [];
-    lines.push(`Content script loaded: ${obj ? 'yes' : 'no'}`);
-    if (!obj) return lines.join('\n');
-
-    lines.push(`Active editable type: ${obj.activeType ?? 'none'}`);
-    lines.push(`Has caret/selection: ${obj.hasRange ? 'yes' : 'no'}`);
-    lines.push(`Last insert result: ${obj.lastInsertOK === null ? 'n/a' : obj.lastInsertOK ? 'success' : 'failed'}`);
-    if (obj.lastInsertMessage) lines.push(`Note: ${obj.lastInsertMessage}`);
-    return lines.join('\n');
-  }
-  
-  async function runDiagnostics() {
-    diagOut.textContent = '';
-    diagSpin.style.display = 'inline';
-  
-    try {
-      const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
-      if (!tab?.id) { diagOut.textContent = 'No active tab.'; return; }
-  
-      const ready = await ensureContentScript(tab.id);
-      if (!ready) { diagOut.textContent = await renderDiag(null); return; }
-  
-      const info = await chrome.tabs.sendMessage(tab.id, { type: 'dewemoji_diag' });
-      diagOut.textContent = await renderDiag(info || null);
-    } catch (e) {
-      diagOut.textContent = `Error: ${e?.message || e}`;
-    } finally {
-      diagSpin.style.display = 'none';
-    }
-  }
-
-  diagRunBtn?.addEventListener('click', () => runDiagnostics());
-
 async function performEmojiAction(glyph) {
   // Free users always copy
   const mode = licenseValid ? actionMode : 'copy';