
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <title>Webium Mail • Your phone number is your email</title>

  <link rel="icon" href="/favicon.ico">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">

  <style>
    :root{
      --bg1:#070A12; --bg2:#0B1630;
      --card:rgba(255,255,255,.08);
      --card2:rgba(255,255,255,.06);
      --border:rgba(255,255,255,.14);
      --text:#EAF0FF; --muted:rgba(234,240,255,.70);
      --accent:#7C5CFF; --accent2:#00D4FF;
      --good:#46F2A2; --bad:#FF5C7A;
      --shadow: 0 18px 60px rgba(0,0,0,.55);
      --msg-bg:#ffffff;
      --msg-fg:#0B0F1A;
      --msg-border:rgba(0,0,0,.12);
      --msg-shadow: 0 10px 30px rgba(0,0,0,.18);

    
      --paper-bg:#ffffff;
      --paper-fg:#0B0F1A;
      --paper-border:rgba(0,0,0,.10);
      --paper-shadow: 0 10px 30px rgba(0,0,0,.18);
}
    *{box-sizing:border-box}
    body{
      margin:0; color:var(--text);
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
      background: radial-gradient(1200px 700px at 20% 10%, rgba(124,92,255,.26), transparent 55%),
                  radial-gradient(900px 600px at 80% 15%, rgba(0,212,255,.20), transparent 55%),
                  linear-gradient(160deg, var(--bg1), var(--bg2));
      min-height:100vh;
      overflow-x:hidden;
    }
    .wrap{max-width:1050px; margin:0 auto; padding:26px 18px 60px}
    header{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px}
    .brand{display:flex; align-items:center; gap:12px}
    .logo{
      width:44px; height:44px; border-radius:14px;
      background: linear-gradient(135deg, rgba(124,92,255,.95), rgba(0,212,255,.85));
      box-shadow: 0 18px 40px rgba(124,92,255,.25);
      position:relative;
    }
    .logo:after{
      content:"";
      position:absolute; inset:10px;
      border-radius:10px;
      background: rgba(0,0,0,.28);
      border:1px solid rgba(255,255,255,.22);
      backdrop-filter: blur(6px);
    }
    .brand h1{font-size:16px; margin:0; letter-spacing:.2px}
    .brand p{margin:2px 0 0; color:var(--muted); font-size:12px}
    .pill{
      padding:8px 12px; border-radius:999px;
      background: rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.14);
      color:var(--muted); font-size:12px;
      max-width: 54vw;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .grid{display:grid; grid-template-columns: 1.1fr .9fr; gap:16px; margin-top:14px}

/* Header layout: tabs column + actions column (no overlap possible) */
.inboxTop{
  display:grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

/* Compact toolbar buttons (prevents them from becoming too wide) */
.actionBtn{
  width:auto;
  padding:8px 10px;
  border-radius:12px;
  font-size:12px;
}

/* Make sure the left column is allowed to shrink */
#mailTabs{
  min-width:0;
}



/* Actions stay in the right column */
.inboxActions{
  justify-self:end;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  border-left:1px solid rgba(255,255,255,.10);
  padding-left:12px;
}

/* Responsive: stack into two rows (tabs above actions) */

@media (max-width: 420px){
  .inboxActions{
    justify-self:start;
    border-left: 0;
    padding-left: 0;
  }
}

@media (max-width: 980px){
  .inboxTop{
    grid-template-columns: 1fr;
    align-items: start;
  }

  .tabs{
    width: 100%;
    flex-wrap: wrap;
    overflow-x: visible;
  }

  .inboxActions{
    justify-self: stretch;
    width: 100%;

    /* IMPORTANT: stacked mode divider */
    border-left: 0;
    padding-left: 0;

    border-top: 1px solid rgba(255,255,255,.10);
    padding-top: 10px;
    margin-top: 8px;
  }
}

@media (max-width: 900px){
 .grid{grid-template-columns:1fr} 
}

    .card{
      background: linear-gradient(180deg, var(--card), var(--card2));
      border: 1px solid var(--border);
      border-radius: 22px;
      box-shadow: var(--shadow);
      backdrop-filter: blur(10px);
      padding: 18px;
    }
    .hero h2{margin:0 0 8px; font-size:28px; line-height:1.14}
    .hero p{margin:0 0 14px; color:var(--muted); font-size:14px; line-height:1.55}
    .featureRow{display:flex; gap:10px; flex-wrap:wrap}
    .chip{
      border:1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.05);
      color: var(--muted);
      border-radius: 999px;
      padding: 8px 10px;
      font-size: 12px;
    }

    label{display:block; font-size:12px; color:var(--muted); margin:12px 0 6px}
    input, textarea, select{
      width:100%;
      border-radius: 14px;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(0,0,0,.20);
      color: var(--text);
      padding: 12px 12px;
      outline:none;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
    }

button{
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.20);
  color: var(--text);
  padding: 12px 12px;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
.hero button{
  width:100%;
}


    select{
      padding-right: 34px;
      background-image:
        linear-gradient(45deg, transparent 50%, rgba(234,240,255,.75) 50%),
        linear-gradient(135deg, rgba(234,240,255,.75) 50%, transparent 50%),
        linear-gradient(to right, transparent, transparent);
      background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px),
        calc(100% - 2.4em) 0.5em;
      background-size: 6px 6px, 6px 6px, 1px 1.5em;
      background-repeat: no-repeat;
    }
    option{background:#0B1630; color:var(--text)}
    input:focus, textarea:focus, select:focus{border-color: rgba(124,92,255,.60)}
    .row{display:flex; gap:10px}
    .row > *{flex:1}
    button{
      cursor:pointer;
      background: linear-gradient(135deg, rgba(124,92,255,.95), rgba(0,212,255,.80));
      border: 0;
      font-weight: 650;
      letter-spacing:.2px;
    }
    button.secondary{
      background: rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.14);
      font-weight: 600;
    }
    .muted{color:var(--muted); font-size:12px}
    .hidden{display:none !important}

    .inboxHint{ font-size:12px; color:var(--muted);}
    .inboxTop h3{margin:0; font-size:16px}

#inboxHint{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

#inboxHintRight{
  max-width:60%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
}

    .list{margin-top:10px; display:flex; flex-direction:column; gap:10px}

    .msg{
      padding:12px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.05);
      cursor:pointer;
    }
    .msg:hover{border-color: rgba(124,92,255,.55)}
    .msg .subj{font-weight:650}
    .msg .meta{margin-top:4px; font-size:12px; color:var(--muted); display:flex; gap:10px; flex-wrap:wrap}
    .viewer pre{
      white-space: pre-wrap;
      word-break: break-word;
      margin: 10px 0 0;
      max-height: 420px;
      overflow:auto;
    }
    /* Message canvas (consistent for HTML + text) */
    .messageBox{
      background: var(--paper-bg);
      color: var(--paper-fg);
      border: 1px solid var(--paper-border);
      border-radius: 16px;
      padding: 16px;
      box-shadow: var(--paper-shadow);

      /* helps 1-line messages look like a “real” message */
      min-height: 140px;

      /* typography */
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
      font-size: 15px;
      line-height: 1.55;
    }

    /* Make <pre> behave like a normal readable text block */
    /* HTML canvas */
    #msgBodyHtml.messageBox{
      display:block;
      width:100%;
      border:0;
    }

    .toast{
      position: fixed; left: 50%; transform: translateX(-50%);
      bottom: 18px;
      background: rgba(0,0,0,.55);
      border:1px solid rgba(255,255,255,.18);
      padding: 10px 12px;
      border-radius: 14px;
      color: var(--text);
      box-shadow: 0 16px 40px rgba(0,0,0,.5);
      backdrop-filter: blur(10px);
      max-width: 560px;
      width: calc(100% - 24px);
      display:none;
    }    body.signed-in .grid{grid-template-columns:1fr !important;}
   

    /* Signed-in / Signed-out layout */
    body.signed-in .hero{display:none !important;}
    body.signed-in .grid{grid-template-columns:1fr !important;}
    body.signed-in .grid > .card:nth-child(2){display:block !important;}

    body.signed-out .grid{grid-template-columns:1fr !important;}
    body.signed-out .grid > .card:nth-child(2){display:none !important;}


.tabs{
  display:flex;
  flex-direction:row;
  gap:8px;
  align-items:center;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:none;       /* Firefox */

  flex: 1 1 auto;             /* NEW: take remaining space */
  min-width: 0;               /* NEW: allow it to shrink (prevents overlap) */
}
.tabs::-webkit-scrollbar{
  display:none;                /* Chrome */
}


.tab{
  background:transparent;
  border:1px solid rgba(255,255,255,.12);
  color:var(--muted);
  padding:6px 10px;
  border-radius:8px;
  font-size:12px;
  font-weight:500;
  cursor:pointer;
  transition:all .15s ease;
}

.tab:hover{
  color:var(--text);
  border-color:rgba(255,255,255,.25);
}

.tab.active{
  background:linear-gradient(135deg, rgba(124,92,255,.35), rgba(0,212,255,.25));
  border-color:rgba(124,92,255,.55);
  color:#fff;
  box-shadow:0 0 0 1px rgba(124,92,255,.4) inset;
}
    
    .overlay{position:fixed; inset:0; background:radial-gradient(1200px 700px at 20% 10%, rgba(124,92,255,.20), transparent 60%), radial-gradient(900px 600px at 80% 20%, rgba(0,212,255,.14), transparent 55%), linear-gradient(180deg, var(--bg1), var(--bg2)); padding:18px; overflow:auto; z-index:999}
    .overlayInner{max-width:980px; margin:0 auto}
    .overlayTop{display:flex; align-items:center; gap:12px}
    .iconBtn{width:44px; height:44px; border-radius:14px; border:1px solid var(--border); background:rgba(255,255,255,.06); color:var(--text); cursor:pointer; font-size:18px}
    .overlayTitle{font-weight:700; font-size:16px}
    .overlayRight{margin-left:auto}


/* Language selector (local-only i18n) */
.langSel{
  padding:8px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  color:var(--muted);
  font-size:12px;
  width:auto;
  max-width: 40vw;
}
.langSel:focus{ border-color: rgba(124,92,255,.60) }
.langSel option{ background:#0B1630; color:var(--text) }


/* Dark-mode adaptive email canvas */
@media (prefers-color-scheme: dark){
  :root{

    --msg-bg:#0B0F1A;
    --msg-fg:#EAF0FF;
    --msg-border:rgba(255,255,255,.14);
    --msg-shadow: 0 18px 60px rgba(0,0,0,.55);
  
  }
}



    /* Viewer spacing */
    #msgBodyBox.messageBox{
  min-height: 220px;
}
    
/* Match text viewer height to HTML viewer */
#msgBodyFullBox.messageBox{
  min-height: 60vh;
  max-height: 60vh;
  overflow: auto;
}

/* Main (non-overlay) viewer can stay smaller */
#msgBodyBox.messageBox{
  min-height: 220px;
}

/* Text inside the message canvas */
.messageBox pre{
  margin:0;
  padding:0;
  background: transparent;
  border:0;
  box-shadow:none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  white-space: pre-wrap;
  word-break: break-word;
}
</style>
</head>
<body class="signed-out">
<div class="wrap">
  <header>
    <div class="brand">
      <div class="logo"></div>
      <div>
        <h1 id="brandTitle">Webium Mail</h1>
        <p id="brandTagline">Where your mobile phone number is also your email address.</p>
      </div>
    </div>
    <div style="display:flex; gap:10px; align-items:center;">
  <select id="langSel" class="langSel" aria-label="Language">
    <option value="en">English</option>
    <option value="fr">Français</option>
    <option value="el">Ελληνικά</option>
    <option value="es">Español</option>
    <option value="de">Deutsch</option>
    <option value="it">Italiano</option>
    <option value="pt">Português</option>
    <option value="pt-br">Português (Brasil)</option>
    <option value="nl">Nederlands</option>
    <option value="sv">Svenska</option>
    <option value="no">Norsk</option>
    <option value="da">Dansk</option>
    <option value="fi">Suomi</option>
    <option value="pl">Polski</option>
    <option value="cs">Čeština</option>
    <option value="sk">Slovenčina</option>
    <option value="hu">Magyar</option>
    <option value="ro">Română</option>
    <option value="bg">Български</option>
    <option value="sr">Српски</option>
    <option value="hr">Hrvatski</option>
    <option value="sl">Slovenščina</option>
    <option value="bs">Bosanski</option>
    <option value="mk">Македонски</option>
    <option value="sq">Shqip</option>
    <option value="ru">Русский</option>
    <option value="uk">Українська</option>
    <option value="tr">Türkçe</option>
    <option value="ar">العربية</option>
    <option value="he">עברית</option>
    <option value="fa">فارسی</option>
    <option value="hi">हिन्दी</option>
    <option value="bn">বাংলা</option>
    <option value="ur">اردو</option>
    <option value="pa">ਪੰਜਾਬੀ</option>
    <option value="ta">தமிழ்</option>
    <option value="te">తెలుగు</option>
    <option value="mr">मराठी</option>
    <option value="zh-cn">中文（简体）</option>
    <option value="zh-tw">中文（繁體）</option>
    <option value="ja">日本語</option>
    <option value="ko">한국어</option>
    <option value="id">Bahasa Indonesia</option>
  </select>
 
</div>
  </header>

  <div class="grid">
    <div class="card hero">
      <h2 id="heroTitle">Enter your mobile phone number</h2>

      <div id="authBox" style="margin-top:16px">
        <div class="row">
          <div>
            <label id="lblCountry">Country</label>
            <select id="country" aria-label="Country">
              <!-- Sorted by country name (English). Format: Country Name (CC) -->
              <option value="AF">Afghanistan (AF)</option>
              <option value="AL">Albania (AL)</option>
              <option value="DZ">Algeria (DZ)</option>
              <option value="AS">American Samoa (AS)</option>
              <option value="AD">Andorra (AD)</option>
              <option value="AO">Angola (AO)</option>
              <option value="AI">Anguilla (AI)</option>
              <option value="AQ">Antarctica (AQ)</option>
              <option value="AG">Antigua and Barbuda (AG)</option>
              <option value="AR">Argentina (AR)</option>
              <option value="AM">Armenia (AM)</option>
              <option value="AW">Aruba (AW)</option>
              <option value="AU">Australia (AU)</option>
              <option value="AT">Austria (AT)</option>
              <option value="AZ">Azerbaijan (AZ)</option>

              <option value="BS">Bahamas (BS)</option>
              <option value="BH">Bahrain (BH)</option>
              <option value="BD">Bangladesh (BD)</option>
              <option value="BB">Barbados (BB)</option>
              <option value="BY">Belarus (BY)</option>
              <option value="BE">Belgium (BE)</option>
              <option value="BZ">Belize (BZ)</option>
              <option value="BJ">Benin (BJ)</option>
              <option value="BM">Bermuda (BM)</option>
              <option value="BT">Bhutan (BT)</option>
              <option value="BO">Bolivia (BO)</option>
              <option value="BQ">Bonaire, Sint Eustatius and Saba (BQ)</option>
              <option value="BA">Bosnia and Herzegovina (BA)</option>
              <option value="BW">Botswana (BW)</option>
              <option value="BV">Bouvet Island (BV)</option>
              <option value="BR">Brazil (BR)</option>
              <option value="IO">British Indian Ocean Territory (IO)</option>
              <option value="BN">Brunei Darussalam (BN)</option>
              <option value="BG">Bulgaria (BG)</option>
              <option value="BF">Burkina Faso (BF)</option>
              <option value="BI">Burundi (BI)</option>

              <option value="KH">Cambodia (KH)</option>
              <option value="CM">Cameroon (CM)</option>
              <option value="CA">Canada (CA)</option>
              <option value="CV">Cabo Verde (CV)</option>
              <option value="KY">Cayman Islands (KY)</option>
              <option value="CF">Central African Republic (CF)</option>
              <option value="TD">Chad (TD)</option>
              <option value="CL">Chile (CL)</option>
              <option value="CN">China (CN)</option>
              <option value="CX">Christmas Island (CX)</option>
              <option value="CC">Cocos (Keeling) Islands (CC)</option>
              <option value="CO">Colombia (CO)</option>
              <option value="KM">Comoros (KM)</option>
              <option value="CG">Congo (CG)</option>
              <option value="CD">Congo, Democratic Republic of the (CD)</option>
              <option value="CK">Cook Islands (CK)</option>
              <option value="CR">Costa Rica (CR)</option>
              <option value="CI">Côte d'Ivoire (CI)</option>
              <option value="HR">Croatia (HR)</option>
              <option value="CU">Cuba (CU)</option>
              <option value="CW">Curaçao (CW)</option>
              <option value="CY" selected>Cyprus (CY)</option>
              <option value="CZ">Czechia (CZ)</option>

              <option value="DK">Denmark (DK)</option>
              <option value="DJ">Djibouti (DJ)</option>
              <option value="DM">Dominica (DM)</option>
              <option value="DO">Dominican Republic (DO)</option>

              <option value="EC">Ecuador (EC)</option>
              <option value="EG">Egypt (EG)</option>
              <option value="SV">El Salvador (SV)</option>
              <option value="GQ">Equatorial Guinea (GQ)</option>
              <option value="ER">Eritrea (ER)</option>
              <option value="EE">Estonia (EE)</option>
              <option value="SZ">Eswatini (SZ)</option>
              <option value="ET">Ethiopia (ET)</option>

              <option value="FK">Falkland Islands (Malvinas) (FK)</option>
              <option value="FO">Faroe Islands (FO)</option>
              <option value="FJ">Fiji (FJ)</option>
              <option value="FI">Finland (FI)</option>
              <option value="FR">France (FR)</option>
              <option value="GF">French Guiana (GF)</option>
              <option value="PF">French Polynesia (PF)</option>
              <option value="TF">French Southern Territories (TF)</option>

              <option value="GA">Gabon (GA)</option>
              <option value="GM">Gambia (GM)</option>
              <option value="GE">Georgia (GE)</option>
              <option value="DE">Germany (DE)</option>
              <option value="GH">Ghana (GH)</option>
              <option value="GI">Gibraltar (GI)</option>
              <option value="GR">Greece (GR)</option>
              <option value="GL">Greenland (GL)</option>
              <option value="GD">Grenada (GD)</option>
              <option value="GP">Guadeloupe (GP)</option>
              <option value="GU">Guam (GU)</option>
              <option value="GT">Guatemala (GT)</option>
              <option value="GG">Guernsey (GG)</option>
              <option value="GN">Guinea (GN)</option>
              <option value="GW">Guinea-Bissau (GW)</option>
              <option value="GY">Guyana (GY)</option>

              <option value="HT">Haiti (HT)</option>
              <option value="HM">Heard Island and McDonald Islands (HM)</option>
              <option value="VA">Holy See (Vatican City State) (VA)</option>
              <option value="HN">Honduras (HN)</option>
              <option value="HK">Hong Kong (HK)</option>
              <option value="HU">Hungary (HU)</option>

              <option value="IS">Iceland (IS)</option>
              <option value="IN">India (IN)</option>
              <option value="ID">Indonesia (ID)</option>
              <option value="IR">Iran, Islamic Republic of (IR)</option>
              <option value="IQ">Iraq (IQ)</option>
              <option value="IE">Ireland (IE)</option>
              <option value="IM">Isle of Man (IM)</option>
              <option value="IL">Israel (IL)</option>
              <option value="IT">Italy (IT)</option>

              <option value="JM">Jamaica (JM)</option>
              <option value="JP">Japan (JP)</option>
              <option value="JE">Jersey (JE)</option>
              <option value="JO">Jordan (JO)</option>

              <option value="KZ">Kazakhstan (KZ)</option>
              <option value="KE">Kenya (KE)</option>
              <option value="KI">Kiribati (KI)</option>
              <option value="KP">Korea, Democratic People's Republic of (KP)</option>
              <option value="KR">Korea, Republic of (KR)</option>
              <option value="KW">Kuwait (KW)</option>
              <option value="KG">Kyrgyzstan (KG)</option>

              <option value="LA">Lao People's Democratic Republic (LA)</option>
              <option value="LV">Latvia (LV)</option>
              <option value="LB">Lebanon (LB)</option>
              <option value="LS">Lesotho (LS)</option>
              <option value="LR">Liberia (LR)</option>
              <option value="LY">Libya (LY)</option>
              <option value="LI">Liechtenstein (LI)</option>
              <option value="LT">Lithuania (LT)</option>
              <option value="LU">Luxembourg (LU)</option>

              <option value="MO">Macao (MO)</option>
              <option value="MG">Madagascar (MG)</option>
              <option value="MW">Malawi (MW)</option>
              <option value="MY">Malaysia (MY)</option>
              <option value="MV">Maldives (MV)</option>
              <option value="ML">Mali (ML)</option>
              <option value="MT">Malta (MT)</option>
              <option value="MH">Marshall Islands (MH)</option>
              <option value="MQ">Martinique (MQ)</option>
              <option value="MR">Mauritania (MR)</option>
              <option value="MU">Mauritius (MU)</option>
              <option value="YT">Mayotte (YT)</option>
              <option value="MX">Mexico (MX)</option>
              <option value="FM">Micronesia, Federated States of (FM)</option>
              <option value="MD">Moldova, Republic of (MD)</option>
              <option value="MC">Monaco (MC)</option>
              <option value="MN">Mongolia (MN)</option>
              <option value="ME">Montenegro (ME)</option>
              <option value="MS">Montserrat (MS)</option>
              <option value="MA">Morocco (MA)</option>
              <option value="MZ">Mozambique (MZ)</option>
              <option value="MM">Myanmar (MM)</option>

              <option value="NA">Namibia (NA)</option>
              <option value="NR">Nauru (NR)</option>
              <option value="NP">Nepal (NP)</option>
              <option value="NL">Netherlands (NL)</option>
              <option value="NC">New Caledonia (NC)</option>
              <option value="NZ">New Zealand (NZ)</option>
              <option value="NI">Nicaragua (NI)</option>
              <option value="NE">Niger (NE)</option>
              <option value="NG">Nigeria (NG)</option>
              <option value="NU">Niue (NU)</option>
              <option value="NF">Norfolk Island (NF)</option>
              <option value="MK">North Macedonia (MK)</option>
              <option value="MP">Northern Mariana Islands (MP)</option>
              <option value="NO">Norway (NO)</option>

              <option value="OM">Oman (OM)</option>

              <option value="PK">Pakistan (PK)</option>
              <option value="PW">Palau (PW)</option>
              <option value="PS">Palestine, State of (PS)</option>
              <option value="PA">Panama (PA)</option>
              <option value="PG">Papua New Guinea (PG)</option>
              <option value="PY">Paraguay (PY)</option>
              <option value="PE">Peru (PE)</option>
              <option value="PH">Philippines (PH)</option>
              <option value="PN">Pitcairn (PN)</option>
              <option value="PL">Poland (PL)</option>
              <option value="PT">Portugal (PT)</option>
              <option value="PR">Puerto Rico (PR)</option>

              <option value="QA">Qatar (QA)</option>

              <option value="RE">Réunion (RE)</option>
              <option value="RO">Romania (RO)</option>
              <option value="RU">Russian Federation (RU)</option>
              <option value="RW">Rwanda (RW)</option>

              <option value="BL">Saint Barthélemy (BL)</option>
              <option value="SH">Saint Helena, Ascension and Tristan da Cunha (SH)</option>
              <option value="KN">Saint Kitts and Nevis (KN)</option>
              <option value="LC">Saint Lucia (LC)</option>
              <option value="MF">Saint Martin (French part) (MF)</option>
              <option value="PM">Saint Pierre and Miquelon (PM)</option>
              <option value="VC">Saint Vincent and the Grenadines (VC)</option>
              <option value="WS">Samoa (WS)</option>
              <option value="SM">San Marino (SM)</option>
              <option value="ST">Sao Tome and Principe (ST)</option>
              <option value="SA">Saudi Arabia (SA)</option>
              <option value="SN">Senegal (SN)</option>
              <option value="RS">Serbia (RS)</option>
              <option value="SC">Seychelles (SC)</option>
              <option value="SL">Sierra Leone (SL)</option>
              <option value="SG">Singapore (SG)</option>
              <option value="SX">Sint Maarten (Dutch part) (SX)</option>
              <option value="SK">Slovakia (SK)</option>
              <option value="SI">Slovenia (SI)</option>
              <option value="SB">Solomon Islands (SB)</option>
              <option value="SO">Somalia (SO)</option>
              <option value="ZA">South Africa (ZA)</option>
              <option value="GS">South Georgia and the South Sandwich Islands (GS)</option>
              <option value="SS">South Sudan (SS)</option>
              <option value="ES">Spain (ES)</option>
              <option value="LK">Sri Lanka (LK)</option>
              <option value="SD">Sudan (SD)</option>
              <option value="SR">Suriname (SR)</option>
              <option value="SJ">Svalbard and Jan Mayen (SJ)</option>
              <option value="SE">Sweden (SE)</option>
              <option value="CH">Switzerland (CH)</option>
              <option value="SY">Syrian Arab Republic (SY)</option>

              <option value="TW">Taiwan (TW)</option>
              <option value="TJ">Tajikistan (TJ)</option>
              <option value="TZ">Tanzania, United Republic of (TZ)</option>
              <option value="TH">Thailand (TH)</option>
              <option value="TL">Timor-Leste (TL)</option>
              <option value="TG">Togo (TG)</option>
              <option value="TK">Tokelau (TK)</option>
              <option value="TO">Tonga (TO)</option>
              <option value="TT">Trinidad and Tobago (TT)</option>
              <option value="TN">Tunisia (TN)</option>
              <option value="TR">Türkiye (TR)</option>
              <option value="TM">Turkmenistan (TM)</option>
              <option value="TC">Turks and Caicos Islands (TC)</option>
              <option value="TV">Tuvalu (TV)</option>

              <option value="UG">Uganda (UG)</option>
              <option value="UA">Ukraine (UA)</option>
              <option value="AE">United Arab Emirates (AE)</option>
              <option value="GB">United Kingdom (GB)</option>
              <option value="US">United States (US)</option>
              <option value="UM">United States Minor Outlying Islands (UM)</option>
              <option value="UY">Uruguay (UY)</option>
              <option value="UZ">Uzbekistan (UZ)</option>

              <option value="VU">Vanuatu (VU)</option>
              <option value="VE">Venezuela (VE)</option>
              <option value="VN">Viet Nam (VN)</option>
              <option value="VG">Virgin Islands, British (VG)</option>
              <option value="VI">Virgin Islands, U.S. (VI)</option>

              <option value="WF">Wallis and Futuna (WF)</option>
              <option value="EH">Western Sahara (EH)</option>

              <option value="YE">Yemen (YE)</option>

              <option value="ZM">Zambia (ZM)</option>
              <option value="ZW">Zimbabwe (ZW)</option>
            </select>
          </div>
          <div>
            <label id="lblMobile">Your mobile number</label>
            <input id="mobile" placeholder="206-555-1000" inputmode="numeric"/>
          </div>
        </div>

  

        <div class="row" style="margin-top:12px">
          <button class="secondary" id="btnSendCode">Request sign-in code</button>
        </div>

        <div style="margin-top:12px">
          <label id="lblCode">Enter code received on your phone (in a text message)</label>
          <div class="row">
            <input id="code" placeholder="123456" maxlength="8" inputmode="numeric"/>
            <button id="btnVerify">Verify & Sign in</button>
          </div>
        </div>
      </div>

      <div id="signedInBox" class="hidden" style="margin-top:16px">
        <div class="row">
          <button class="secondary" id="btnRefresh">Refresh inbox</button>
          <button class="secondary" id="btnLogout">Logout</button>
        </div>
        <p class="muted" style="margin-top:10px">
          Your email address: <b id="myEmail"></b>
        </p>
      </div>
    </div>

    <div class="card">

    <div class="muted" id="inboxHint" style="margin-bottom:8px">
    <span id="inboxHintLeft">Inbox</span>
    <span id="inboxHintRight"></span>
    </div>

      <div class="inboxTop">
        <div class="tabs" id="mailTabs">
          <button class="tab active" data-folder="inbox">Inbox</button>
          <button class="tab" data-folder="archived">Archived</button>
          <button class="tab" data-folder="spam">Spam</button>
          <button class="tab" data-folder="trash">Trash</button>
          <button class="tab" data-folder="sent">Sent</button>
        </div>
     
<div class="inboxActions">
  <button class="secondary actionBtn hidden" id="btnPrevPage"  title="Prev page">Previous Page</button>
  <button class="secondary actionBtn hidden" id="btnNextPage"  title="Next page">Next Page</button>
  <button class="secondary actionBtn hidden" id="btnNew2"      title="New email">New email</button>
  <button class="secondary actionBtn hidden" id="btnRefresh2"  title="Refresh">Refresh</button>
  <button class="secondary actionBtn hidden" id="btnLogout2"   title="Logout">Logout</button>
</div>

      </div>

      <div id="inboxLocked" class="muted">
        Sign in to view your latest messages.
      </div>

      <div id="inbox" class="hidden">
        <div class="list" id="msgList"></div>
      </div>

      <div class="viewer hidden" id="viewer" style="margin-top:12px">
        <div class="muted">Message content</div>
        <div id="msgBodyBox" class="messageBox"><pre id="msgBody" ></pre></div>
      </div>
    </div>
  </div>
</div>

<div class="overlay hidden" id="overlay">
  <div class="overlayInner">
    <div class="overlayTop">
      <button class="iconBtn" id="btnOverlayBack" title="Back">←</button>
      <div class="overlayTitle" id="overlayTitle">Message</div>
      <div class="overlayRight">
        <button class="secondary" id="btnOverlayClose" title="Close">Close</button>
      </div>
    </div>

    <!-- Message panel -->

    <div id="panelMessage" class="hidden">
      <div class="card" style="margin-top:10px">

        <div class="muted" id="msgMetaLine" style="margin-bottom:10px"></div>
        <iframe id="msgBodyHtml" class="hidden messageBox" style="width:100%; height:60vh; border:0;; background: var(--paper-bg)" sandbox="allow-same-origin"></iframe>
        <div id="msgBodyFullBox" class="messageBox"><pre id="msgBodyFull" style="white-space:pre-wrap"></pre></div>

        <div id="msgAttachments" class="hidden" style="margin-top:12px">
          <div class="muted" style="margin-bottom:6px">Attachments</div>
          <div id="msgAttachmentsList" style="display:flex; flex-direction:column; gap:6px"></div>
        </div>

        <div class="hr"></div>

       <div id="messageActions" style="display:flex; gap:10px; flex-wrap:wrap; margin-top:12px">
        
        <button class="secondary" id="btnAiOpinion">AI Opinion</button><button class="secondary" id="btnReply">Reply</button>
        <button class="secondary" id="btnInbox">Move to Inbox</button>
        <button class="secondary" id="btnTrash">Move to Trash</button>
        <button class="secondary" id="btnSpam">Mark as Spam</button>
        <button class="secondary" id="btnArchive">Archive</button>
       </div>


       <!-- AI Opinion box should NOT be inside replyBox -->
       <div id="aiOpinionBox" class="hidden" style="margin-top:14px">
       <div class="hr"></div>
       <div class="muted" style="margin:10px 0 6px">AI opinion (spam / phishing / malware)</div>
       <!-- optional: status line -->
       <div id="aiOpinionStatus" class="muted" style="margin:6px 0 8px"></div>
       <textarea id="aiOpinionText" class="input" readonly style="height:170px; resize:vertical; white-space:pre-wrap"></textarea>
       <div style="display:flex; gap:10px; margin-top:10px">
       <button class="secondary" id="btnAiOpinionClose">Close</button>
       </div>
       </div>

       <div id="replyBox" class="hidden" style="margin-top:14px">
       <div class="hr"></div>
       <div class="muted" style="margin:10px 0 6px">Reply</div>
       <input id="replyTo" class="input" placeholder="To" style="margin-bottom:8px"/>
       <input id="replySubject" class="input" placeholder="Subject" style="margin-bottom:8px"/>
       <textarea id="replyBody" class="input" placeholder="Message" style="height:160px; resize:vertical"></textarea>
       <div style="display:flex; gap:10px; margin-top:10px">
       <button class="primary" id="btnSendReply">Send</button>
       <button class="secondary" id="btnCancelReply">Cancel</button>
       </div>
       </div>

     </div>  <!-- closes the .card inside panelMessage -->

    </div>      <!-- closes #panelMessage -->

    <!-- Compose panel -->

    <div id="panelCompose" class="hidden">

      <div class="card" style="margin-top:10px">

        <div class="muted" style="margin-bottom:10px">New email</div>
        <input id="newTo" class="input" placeholder="To" style="margin-bottom:8px"/>
        <input id="newSubject" class="input" placeholder="Subject" style="margin-bottom:8px"/>
        <textarea id="newBody" class="input" placeholder="Message" style="height:240px; resize:vertical"></textarea>
        <div style="display:flex; gap:10px; margin-top:10px">
          <button class="primary" id="btnSendNew">Send</button>
          <button class="secondary" id="btnCancelNew">Cancel</button>
        </div>

      </div>

   </div>


<div class="toast" id="toast"></div>

<script>

const API_BASE = "https://api.webium.com";

//const API_BASE = "https://webiummailapi-zazv3.bunny.run";


const API = {
  register: `${API_BASE}/api/register`,
  sendCode: `${API_BASE}/api/send_code`,
  verify:   `${API_BASE}/api/verify_code`,
  session:  `${API_BASE}/api/session`,
  logout:   `${API_BASE}/api/logout`,
  messages: `${API_BASE}/api/messages`,
  message:  (id)=>`${API_BASE}/api/messages/${encodeURIComponent(id)}`,
  aiOpinion: (id)=>`${API_BASE}/api/messages/${encodeURIComponent(id)}/ai_opinion`,

  // Legacy (older API returns raw storage keys)
  attachment_key: (key, name)=>{
    const k = encodeURIComponent(key);
    const n = name ? `&name=${encodeURIComponent(name)}` : "";
    return `${API_BASE}/api/attachment?key=${k}${n}`;
  },

  // New: derived server-side from MessageID + part index (no internal paths exposed)
  attachment: (id, partIndex, name)=>{
    const mid = encodeURIComponent(id);
    const p = encodeURIComponent(String(partIndex));
    const n = name ? `&name=${encodeURIComponent(name)}` : "";
    return `${API_BASE}/api/messages/${mid}/attachment?part=${p}${n}`;
  }

};

  const el = (id)=>document.getElementById(id);
  // Auth UI state (so language switching always updates the pill)
  window.__auth = window.__auth || { signedIn:false, email:"", checking:false };

  const setAuthState = (patch)=>
  {
    const prev = window.__auth || { signedIn:false, email:"", checking:false };
    window.__auth = { ...prev, ...patch };
  };

  const toast = (msg)=>{ const t=el("toast"); t.textContent=msg; t.style.display="block"; clearTimeout(window.__tt); window.__tt=setTimeout(()=>t.style.display="none", 2600); };

// -------------------- AI Opinion --------------------

function hideAiOpinionBox()
{
  clearInterval(__aiTimer);
  __aiTimer = null;

  const st = el("aiOpinionStatus");
  if (st) st.textContent = "";

  const box = el("aiOpinionBox");
  if(box) box.classList.add("hidden");
  const ta = el("aiOpinionText");
  if(ta) ta.value = "";
}


function showAiOpinionBox(text)
{
  const ta = el("aiOpinionText");
  if(ta) ta.value = text || "";
  const box = el("aiOpinionBox");
  if(box) box.classList.remove("hidden");
}

let __aiTimer = null;

function setAiBusy(isBusy, msg){
  const b = el("btnAiOpinion");
  const st = el("aiOpinionStatus");

  if (b) {
    b.disabled = !!isBusy;
    b.textContent = isBusy ? "AI Opinion (working…)" : "AI Opinion";
  }

  if (st) st.textContent = msg || "";

  // optional: also show toast
  if (isBusy && msg) toast(msg);
}

function startAiDots(){
  const st = el("aiOpinionStatus");
  if (!st) return;
  let k = 0;
  clearInterval(__aiTimer);
  __aiTimer = setInterval(()=>{
    k = (k + 1) % 4;
    st.textContent = "Asking AI" + ".".repeat(k);
  }, 400);
}

function stopAiDots(finalMsg)
{
  clearInterval(__aiTimer);
  __aiTimer = null;
  const st = el("aiOpinionStatus");
  if (st) st.textContent = finalMsg || "";
}

async function requestAiOpinion()
{
  if(!CURRENT_MESSAGE_ID) return;

  // Make sure reply UI isn't involved
  // (AI opinion box is now separate; still safe to hide reply)
  hideReplyBox();

  // Show the box immediately
  showAiOpinionBox(""); // clears textarea + unhides box
  setAiBusy(true, "Contacting OpenAI…");
  startAiDots();
  showAiOpinionBox("Preparing request…");

  try{
    // If your EdgeScript supports language options, send them here
    const lang = window.__lang || "en";
    const resp = await jpost(API.aiOpinion(CURRENT_MESSAGE_ID), { lang, want_english: false });

    let out = "";
    if(resp == null) out = "(No response)";
    else if(typeof resp === "string") out = resp;
    else if(resp.text) out = String(resp.text);
    else out = JSON.stringify(resp, null, 2);

    showAiOpinionBox(out);
    stopAiDots("Done.");
  }catch(e){
    showAiOpinionBox("Error: " + (e && e.message ? e.message : String(e)));
    stopAiDots("Error.");
  } finally {
    setAiBusy(false, "");
  }
}



  let INBOX_REQ_SEQ = 0;
  let INBOX_LOADING = false;

  let PAGE_CURSOR = null;   // current page cursor  
  let NEXT_CURSOR = null;   // next page cursor returned by API
  let CURSOR_STACK = [];    // history stack for Prev

  function setPagingEnabled(enabled)
  {
    const ids = ["btnPrevPage","btnNextPage"]; // adjust to your actual IDs
    for (const id of ids)
    {
      const b = el(id);
      if(b) b.disabled = !enabled;
    }
  }

// ---------------------------------------------------------------------------
// Local-only i18n (no external libraries). Persists preference in localStorage.
// ---------------------------------------------------------------------------

const LANG_KEY = "webium_lang";

const I18N = {
  en: {
    brandTitle: "Webium Mail",
    brandTagline: "Where your mobile phone number is also your email address.",
    checkingSession: "Checking session…",
    notSignedIn: "Not Signed In",
    heroTitle: "Enter your mobile phone number",
    countryLabel: "Country",
    mobileLabel: "Your mobile number",
    mobilePlaceholder: "206-555-1000",
    requestCode: "Request sign-in code",
    codeLabel: "Enter code received on your phone (in a text message)",
    codePlaceholder: "123456",
    verifySignIn: "Verify & Sign in",
    promptSelectCountryMobile: "Select a country + enter your mobile phone number",
    promptEnterCode: "Enter the sign-in code",
    toastCodeSent: "Code sent",
    toastSignedIn: "Signed in",
    errNotSignedIn: "User is not signed in",
    errNewEmailTo: "New email: please enter To",
    errNewEmailBody: "New email: please enter message text",
    errReplyTo: "Reply: please enter To",
    errReplyBody: "Reply: please enter message text",
    signInToView: "Sign in to view your latest messages.",
    latestFor: "Latest messages for {email}",
    latestForEmpty: "Latest messages",
    folder_inbox: "Inbox",
    folder_archived: "Archived",
    folder_spam: "Spam",
    folder_trash: "Trash",
    folder_sent: "Sent",
    prevPage: "Previous Page",
    nextPage: "Next Page",
    newEmail: "New email",
    refresh: "Refresh",
    logout: "Logout",
    close: "Close",
    reply: "Reply",
    moveToInbox: "Move to Inbox",
    moveToTrash: "Move to Trash",
    markSpam: "Mark as Spam",
    archive: "Archive",
    composeTitle: "New email",
    messageTitle: "Message",
    messageContent: "Message content",
    send: "Send",
    cancel: "Cancel"
  },
  fr: {
    brandTitle: "Webium Mail",
    brandTagline: "Votre numéro de mobile est aussi votre adresse e‑mail.",
    checkingSession: "Vérification de la session…",
    notSignedIn: "Non connecté",
    heroTitle: "Saisissez votre numéro de mobile",
    countryLabel: "Pays",
    mobileLabel: "Votre numéro de mobile",
    mobilePlaceholder: "206‑555‑1000",
    requestCode: "Demander un code de connexion",
    codeLabel: "Saisissez le code reçu sur votre téléphone (par SMS)",
    codePlaceholder: "123456",
    verifySignIn: "Vérifier et se connecter",
    promptSelectCountryMobile: "Choisissez un pays et saisissez votre numéro de mobile",
    promptEnterCode: "Saisissez le code de connexion",
    toastCodeSent: "Code envoyé",
    toastSignedIn: "Connecté",
    errNotSignedIn: "L’utilisateur n’est pas connecté",
    errNewEmailTo: "Nouveau message : veuillez saisir le destinataire",
    errNewEmailBody: "Nouveau message : veuillez saisir le texte du message",
    errReplyTo: "Réponse : veuillez saisir le destinataire",
    errReplyBody: "Réponse : veuillez saisir le texte du message",
    signInToView: "Connectez‑vous pour voir vos derniers messages.",
    latestFor: "Derniers messages pour {email}",
    latestForEmpty: "Derniers messages",
    folder_inbox: "Boîte de réception",
    folder_archived: "Archivés",
    folder_spam: "Indésirables",
    folder_trash: "Corbeille",
    folder_sent: "Envoyés",
    prevPage: "Page précédente",
    nextPage: "Page suivante",
    newEmail: "Nouveau message",
    refresh: "Actualiser",
    logout: "Déconnexion",
    close: "Fermer",
    reply: "Répondre",
    moveToTrash: "Déplacer vers la corbeille",
    markSpam: "Marquer comme indésirable",
    archive: "Archiver",
    composeTitle: "Nouveau message",
    messageTitle: "Message",
    messageContent: "Contenu du message",
    send: "Envoyer",
    cancel: "Annuler"
  },
  el: {
    brandTitle: "Webium Mail",
    brandTagline: "Ο αριθμός κινητού σας είναι και η διεύθυνση email σας.",
    checkingSession: "Έλεγχος συνεδρίας…",
    notSignedIn: "Δεν έχετε συνδεθεί",
    heroTitle: "Εισάγετε τον αριθμό κινητού σας",
    countryLabel: "Χώρα",
    mobileLabel: "Ο αριθμός κινητού σας",
    mobilePlaceholder: "206-555-1000",
    requestCode: "Ζητήστε κωδικό σύνδεσης",
    codeLabel: "Εισάγετε τον κωδικό που λάβατε στο τηλέφωνό σας (SMS)",
    codePlaceholder: "123456",
    verifySignIn: "Επαλήθευση & Σύνδεση",
    promptSelectCountryMobile: "Επιλέξτε χώρα και εισάγετε τον αριθμό κινητού σας",
    promptEnterCode: "Εισάγετε τον κωδικό σύνδεσης",
    toastCodeSent: "Ο κωδικός στάλθηκε",
    toastSignedIn: "Συνδεθήκατε",
    errNotSignedIn: "Ο χρήστης δεν είναι συνδεδεμένος",
    errNewEmailTo: "Νέο email: παρακαλώ συμπληρώστε Παραλήπτη",
    errNewEmailBody: "Νέο email: παρακαλώ γράψτε το κείμενο του μηνύματος",
    errReplyTo: "Απάντηση: παρακαλώ συμπληρώστε Παραλήπτη",
    errReplyBody: "Απάντηση: παρακαλώ γράψτε το κείμενο του μηνύματος",
    signInToView: "Συνδεθείτε για να δείτε τα πιο πρόσφατα μηνύματά σας.",
    latestFor: "Τελευταία μηνύματα για {email}",
    latestForEmpty: "Τελευταία μηνύματα",
    folder_inbox: "Εισερχόμενα",
    folder_archived: "Αρχειοθετημένα",
    folder_spam: "Ανεπιθύμητα",
    folder_trash: "Κάδος",
    folder_sent: "Απεσταλμένα",
    prevPage: "Προηγούμενη σελίδα",
    nextPage: "Επόμενη σελίδα",
    newEmail: "Νέο email",
    refresh: "Ανανέωση",
    logout: "Αποσύνδεση",
    close: "Κλείσιμο",
    reply: "Απάντηση",
    moveToTrash: "Μεταφορά στον κάδο",
    markSpam: "Σήμανση ως ανεπιθύμητο",
    archive: "Αρχειοθέτηση",
    composeTitle: "Νέο email",
    messageTitle: "Μήνυμα",
    messageContent: "Περιεχόμενο μηνύματος",
    send: "Αποστολή",
    cancel: "Ακύρωση"
  },
  "es": {
    brandTagline: "Donde tu número de móvil también es tu correo electrónico.",
    checkingSession: "Comprobando sesión…",
    notSignedIn: "No has iniciado sesión",
    heroTitle: "Introduce tu número de móvil",
    countryLabel: "País",
    mobileLabel: "Tu número de móvil",
    requestCode: "Solicitar código de acceso",
    codeLabel: "Introduce el código recibido en tu teléfono (por SMS)",
    verifySignIn: "Verificar e iniciar sesión",
    signInToView: "Inicia sesión para ver tus últimos mensajes.",
    prevPage: "Página anterior",
    nextPage: "Página siguiente",
    newEmail: "Nuevo correo",
    refresh: "Actualizar",
    logout: "Cerrar sesión",
    close: "Cerrar",
    reply: "Responder",
    send: "Enviar",
    cancel: "Cancelar",
    folder_inbox: "Bandeja de entrada",
    folder_sent: "Enviados",
    folder_trash: "Papelera",
    folder_spam: "Spam",
    folder_archived: "Archivados"
  },
  "de": {
    brandTagline: "Hier ist deine Handynummer auch deine E‑Mail‑Adresse.",
    checkingSession: "Sitzung wird geprüft…",
    notSignedIn: "Nicht angemeldet",
    heroTitle: "Gib deine Handynummer ein",
    countryLabel: "Land",
    mobileLabel: "Deine Handynummer",
    requestCode: "Anmeldecode anfordern",
    codeLabel: "Code eingeben, den du per SMS erhalten hast",
    verifySignIn: "Bestätigen & anmelden",
    signInToView: "Melde dich an, um deine neuesten Nachrichten zu sehen.",
    prevPage: "Vorherige Seite",
    nextPage: "Nächste Seite",
    newEmail: "Neue E‑Mail",
    refresh: "Aktualisieren",
    logout: "Abmelden",
    close: "Schließen",
    reply: "Antworten",
    send: "Senden",
    cancel: "Abbrechen",
    folder_inbox: "Posteingang",
    folder_sent: "Gesendet",
    folder_trash: "Papierkorb",
    folder_spam: "Spam",
    folder_archived: "Archiv"
  },
  "it": {
    brandTagline: "Dove il tuo numero di cellulare è anche il tuo indirizzo email.",
    checkingSession: "Verifica della sessione…",
    notSignedIn: "Non autenticato",
    heroTitle: "Inserisci il tuo numero di cellulare",
    countryLabel: "Paese",
    mobileLabel: "Il tuo numero di cellulare",
    requestCode: "Richiedi codice di accesso",
    codeLabel: "Inserisci il codice ricevuto sul telefono (via SMS)",
    verifySignIn: "Verifica e accedi",
    signInToView: "Accedi per vedere i tuoi ultimi messaggi.",
    prevPage: "Pagina precedente",
    nextPage: "Pagina successiva",
    newEmail: "Nuova email",
    refresh: "Aggiorna",
    logout: "Esci",
    close: "Chiudi",
    reply: "Rispondi",
    send: "Invia",
    cancel: "Annulla",
    folder_inbox: "Posta in arrivo",
    folder_sent: "Posta inviata",
    folder_trash: "Cestino",
    folder_spam: "Spam",
    folder_archived: "Archiviati"
  },
  "pt": {
    brandTagline: "Onde o seu número de telemóvel também é o seu email.",
    checkingSession: "A verificar sessão…",
    notSignedIn: "Não iniciou sessão",
    heroTitle: "Introduza o seu número de telemóvel",
    countryLabel: "País",
    mobileLabel: "O seu número de telemóvel",
    requestCode: "Pedir código de acesso",
    codeLabel: "Introduza o código recebido no telemóvel (por SMS)",
    verifySignIn: "Verificar e iniciar sessão",
    signInToView: "Inicie sessão para ver as suas mensagens mais recentes.",
    prevPage: "Página anterior",
    nextPage: "Página seguinte",
    newEmail: "Novo email",
    refresh: "Atualizar",
    logout: "Terminar sessão",
    close: "Fechar",
    reply: "Responder",
    send: "Enviar",
    cancel: "Cancelar",
    folder_inbox: "Caixa de entrada",
    folder_sent: "Enviados",
    folder_trash: "Lixo",
    folder_spam: "Spam",
    folder_archived: "Arquivados"
  },
  "pt-br": {
    brandTagline: "Onde seu número de celular também é seu e‑mail.",
    checkingSession: "Verificando sessão…",
    notSignedIn: "Não conectado",
    heroTitle: "Digite seu número de celular",
    countryLabel: "País",
    mobileLabel: "Seu número de celular",
    requestCode: "Solicitar código de acesso",
    codeLabel: "Digite o código recebido no celular (por SMS)",
    verifySignIn: "Verificar e entrar",
    signInToView: "Entre para ver suas mensagens mais recentes.",
    prevPage: "Página anterior",
    nextPage: "Próxima página",
    newEmail: "Novo e‑mail",
    refresh: "Atualizar",
    logout: "Sair",
    close: "Fechar",
    reply: "Responder",
    send: "Enviar",
    cancel: "Cancelar",
    folder_inbox: "Caixa de entrada",
    folder_sent: "Enviados",
    folder_trash: "Lixeira",
    folder_spam: "Spam",
    folder_archived: "Arquivados"
  },
  "nl": {
    brandTagline: "Waar je mobiele nummer ook je e‑mailadres is.",
    checkingSession: "Sessie controleren…",
    notSignedIn: "Niet ingelogd",
    heroTitle: "Voer je mobiele nummer in",
    countryLabel: "Land",
    mobileLabel: "Je mobiele nummer",
    requestCode: "Inlogcode aanvragen",
    codeLabel: "Voer de code in die je per sms ontving",
    verifySignIn: "Verifiëren & inloggen",
    signInToView: "Log in om je nieuwste berichten te bekijken.",
    prevPage: "Vorige pagina",
    nextPage: "Volgende pagina",
    newEmail: "Nieuwe e‑mail",
    refresh: "Vernieuwen",
    logout: "Uitloggen",
    close: "Sluiten",
    reply: "Beantwoorden",
    send: "Verzenden",
    cancel: "Annuleren",
    folder_inbox: "Postvak IN",
    folder_sent: "Verzonden",
    folder_trash: "Prullenbak",
    folder_spam: "Spam",
    folder_archived: "Gearchiveerd"
  },
  "sv": {
    brandTagline: "Där ditt mobilnummer också är din e‑postadress.",
    checkingSession: "Kontrollerar session…",
    notSignedIn: "Inte inloggad",
    heroTitle: "Ange ditt mobilnummer",
    countryLabel: "Land",
    mobileLabel: "Ditt mobilnummer",
    requestCode: "Begär inloggningskod",
    codeLabel: "Ange koden du fick på telefonen (via sms)",
    verifySignIn: "Verifiera och logga in",
    signInToView: "Logga in för att se dina senaste meddelanden.",
    prevPage: "Föregående sida",
    nextPage: "Nästa sida",
    newEmail: "Nytt e‑postmeddelande",
    refresh: "Uppdatera",
    logout: "Logga ut",
    close: "Stäng",
    reply: "Svara",
    send: "Skicka",
    cancel: "Avbryt",
    folder_inbox: "Inkorg",
    folder_sent: "Skickat",
    folder_trash: "Papperskorg",
    folder_spam: "Skräppost",
    folder_archived: "Arkiverat"
  },
  "no": {
    brandTagline: "Der mobilnummeret ditt også er e‑postadressen din.",
    checkingSession: "Sjekker økt…",
    notSignedIn: "Ikke innlogget",
    heroTitle: "Skriv inn mobilnummeret ditt",
    countryLabel: "Land",
    mobileLabel: "Mobilnummer",
    requestCode: "Be om innloggingskode",
    codeLabel: "Skriv inn koden du mottok på telefonen (via SMS)",
    verifySignIn: "Bekreft og logg inn",
    signInToView: "Logg inn for å se de siste meldingene dine.",
    prevPage: "Forrige side",
    nextPage: "Neste side",
    newEmail: "Ny e‑post",
    refresh: "Oppdater",
    logout: "Logg ut",
    close: "Lukk",
    reply: "Svar",
    send: "Send",
    cancel: "Avbryt",
    folder_inbox: "Innboks",
    folder_sent: "Sendt",
    folder_trash: "Papirkurv",
    folder_spam: "Søppelpost",
    folder_archived: "Arkivert"
  },
  "da": {
    brandTagline: "Hvor dit mobilnummer også er din e‑mailadresse.",
    checkingSession: "Tjekker session…",
    notSignedIn: "Ikke logget ind",
    heroTitle: "Indtast dit mobilnummer",
    countryLabel: "Land",
    mobileLabel: "Dit mobilnummer",
    requestCode: "Anmod om login‑kode",
    codeLabel: "Indtast koden, du modtog på telefonen (via sms)",
    verifySignIn: "Bekræft og log ind",
    signInToView: "Log ind for at se dine seneste beskeder.",
    prevPage: "Forrige side",
    nextPage: "Næste side",
    newEmail: "Ny e‑mail",
    refresh: "Opdater",
    logout: "Log ud",
    close: "Luk",
    reply: "Svar",
    send: "Send",
    cancel: "Annuller",
    folder_inbox: "Indbakke",
    folder_sent: "Sendt",
    folder_trash: "Papirkurv",
    folder_spam: "Spam",
    folder_archived: "Arkiveret"
  },
  "fi": {
    brandTagline: "Missä matkapuhelinnumerosi on myös sähköpostiosoitteesi.",
    checkingSession: "Tarkistetaan istuntoa…",
    notSignedIn: "Et ole kirjautunut",
    heroTitle: "Syötä puhelinnumerosi",
    countryLabel: "Maa",
    mobileLabel: "Puhelinnumerosi",
    requestCode: "Pyydä kirjautumiskoodi",
    codeLabel: "Syötä puhelimeen tullut koodi (tekstiviestillä)",
    verifySignIn: "Vahvista ja kirjaudu",
    signInToView: "Kirjaudu sisään nähdäksesi uusimmat viestisi.",
    prevPage: "Edellinen sivu",
    nextPage: "Seuraava sivu",
    newEmail: "Uusi sähköposti",
    refresh: "Päivitä",
    logout: "Kirjaudu ulos",
    close: "Sulje",
    reply: "Vastaa",
    send: "Lähetä",
    cancel: "Peruuta",
    folder_inbox: "Saapuneet",
    folder_sent: "Lähetetyt",
    folder_trash: "Roskakori",
    folder_spam: "Roskaposti",
    folder_archived: "Arkistoitu"
  },
  "pl": {
    brandTagline: "Gdzie Twój numer telefonu jest też Twoim adresem e‑mail.",
    checkingSession: "Sprawdzanie sesji…",
    notSignedIn: "Nie zalogowano",
    heroTitle: "Wpisz swój numer telefonu",
    countryLabel: "Kraj",
    mobileLabel: "Twój numer telefonu",
    requestCode: "Poproś o kod logowania",
    codeLabel: "Wpisz kod otrzymany na telefon (SMS)",
    verifySignIn: "Zweryfikuj i zaloguj",
    signInToView: "Zaloguj się, aby zobaczyć najnowsze wiadomości.",
    prevPage: "Poprzednia strona",
    nextPage: "Następna strona",
    newEmail: "Nowy e‑mail",
    refresh: "Odśwież",
    logout: "Wyloguj",
    close: "Zamknij",
    reply: "Odpowiedz",
    send: "Wyślij",
    cancel: "Anuluj",
    folder_inbox: "Odebrane",
    folder_sent: "Wysłane",
    folder_trash: "Kosz",
    folder_spam: "Spam",
    folder_archived: "Zarchiwizowane"
  },
  "cs": {
    brandTagline: "Kde je vaše mobilní číslo také vaším e‑mailem.",
    checkingSession: "Kontrola relace…",
    notSignedIn: "Nejste přihlášeni",
    heroTitle: "Zadejte své mobilní číslo",
    countryLabel: "Země",
    mobileLabel: "Vaše mobilní číslo",
    requestCode: "Vyžádat přihlašovací kód",
    codeLabel: "Zadejte kód, který jste obdrželi na telefonu (SMS)",
    verifySignIn: "Ověřit a přihlásit",
    signInToView: "Přihlaste se, abyste viděli nejnovější zprávy.",
    prevPage: "Předchozí stránka",
    nextPage: "Další stránka",
    newEmail: "Nový e‑mail",
    refresh: "Obnovit",
    logout: "Odhlásit",
    close: "Zavřít",
    reply: "Odpovědět",
    send: "Odeslat",
    cancel: "Zrušit",
    folder_inbox: "Doručená pošta",
    folder_sent: "Odeslané",
    folder_trash: "Koš",
    folder_spam: "Spam",
    folder_archived: "Archiv"
  },
  "sk": {
    brandTagline: "Kde je vaše mobilné číslo aj vaším e‑mailom.",
    checkingSession: "Kontrola relácie…",
    notSignedIn: "Nie ste prihlásený",
    heroTitle: "Zadajte svoje mobilné číslo",
    countryLabel: "Krajina",
    mobileLabel: "Vaše mobilné číslo",
    requestCode: "Vyžiadať prihlasovací kód",
    codeLabel: "Zadajte kód, ktorý ste dostali na telefón (SMS)",
    verifySignIn: "Overiť a prihlásiť",
    signInToView: "Prihláste sa a zobrazte si najnovšie správy.",
    prevPage: "Predchádzajúca strana",
    nextPage: "Ďalšia strana",
    newEmail: "Nový e‑mail",
    refresh: "Obnoviť",
    logout: "Odhlásiť",
    close: "Zavrieť",
    reply: "Odpovedať",
    send: "Odoslať",
    cancel: "Zrušiť",
    folder_inbox: "Doručená pošta",
    folder_sent: "Odoslané",
    folder_trash: "Kôš",
    folder_spam: "Spam",
    folder_archived: "Archivované"
  },
  "hu": {
    brandTagline: "Ahol a mobilszámod egyben az e‑mail címed is.",
    checkingSession: "Munkamenet ellenőrzése…",
    notSignedIn: "Nincs bejelentkezve",
    heroTitle: "Add meg a mobilszámod",
    countryLabel: "Ország",
    mobileLabel: "Mobilszám",
    requestCode: "Belépési kód kérése",
    codeLabel: "Add meg a telefonodra kapott kódot (SMS-ben)",
    verifySignIn: "Ellenőrzés és belépés",
    signInToView: "Jelentkezz be a legfrissebb üzenetek megtekintéséhez.",
    prevPage: "Előző oldal",
    nextPage: "Következő oldal",
    newEmail: "Új e‑mail",
    refresh: "Frissítés",
    logout: "Kijelentkezés",
    close: "Bezárás",
    reply: "Válasz",
    send: "Küldés",
    cancel: "Mégse",
    folder_inbox: "Beérkezett",
    folder_sent: "Elküldött",
    folder_trash: "Kuka",
    folder_spam: "Spam",
    folder_archived: "Archivált"
  },
  "ro": {
    brandTagline: "Unde numărul tău de mobil este și adresa ta de e‑mail.",
    checkingSession: "Se verifică sesiunea…",
    notSignedIn: "Neautentificat",
    heroTitle: "Introdu numărul tău de mobil",
    countryLabel: "Țară",
    mobileLabel: "Numărul tău de mobil",
    requestCode: "Solicită cod de autentificare",
    codeLabel: "Introdu codul primit pe telefon (prin SMS)",
    verifySignIn: "Verifică și autentifică-te",
    signInToView: "Autentifică-te pentru a vedea cele mai recente mesaje.",
    prevPage: "Pagina anterioară",
    nextPage: "Pagina următoare",
    newEmail: "Email nou",
    refresh: "Reîmprospătează",
    logout: "Deconectare",
    close: "Închide",
    reply: "Răspunde",
    send: "Trimite",
    cancel: "Anulează",
    folder_inbox: "Inbox",
    folder_sent: "Trimise",
    folder_trash: "Coș",
    folder_spam: "Spam",
    folder_archived: "Arhivate"
  },
  "bg": {
    brandTagline: "Където мобилният ви номер е и вашият имейл адрес.",
    checkingSession: "Проверка на сесия…",
    notSignedIn: "Не сте влезли",
    heroTitle: "Въведете мобилния си номер",
    countryLabel: "Държава",
    mobileLabel: "Вашият мобилен номер",
    requestCode: "Изпрати код за вход",
    codeLabel: "Въведете кода, получен на телефона (SMS)",
    verifySignIn: "Потвърди и влез",
    signInToView: "Влезте, за да видите най-новите си съобщения.",
    prevPage: "Предишна страница",
    nextPage: "Следваща страница",
    newEmail: "Ново писмо",
    refresh: "Обнови",
    logout: "Изход",
    close: "Затвори",
    reply: "Отговор",
    send: "Изпрати",
    cancel: "Отказ",
    folder_inbox: "Входящи",
    folder_sent: "Изпратени",
    folder_trash: "Кошче",
    folder_spam: "Спам",
    folder_archived: "Архив"
  },
  "sr": {
    brandTagline: "Gde je vaš broj mobilnog telefona i vaša imejl adresa.",
    checkingSession: "Provera sesije…",
    notSignedIn: "Niste prijavljeni",
    heroTitle: "Unesite broj mobilnog telefona",
    countryLabel: "Zemlja",
    mobileLabel: "Vaš broj mobilnog telefona",
    requestCode: "Zatraži kod za prijavu",
    codeLabel: "Unesite kod koji ste dobili na telefonu (SMS)",
    verifySignIn: "Potvrdi i prijavi se",
    signInToView: "Prijavite se da biste videli najnovije poruke.",
    prevPage: "Prethodna strana",
    nextPage: "Sledeća strana",
    newEmail: "Nova poruka",
    refresh: "Osveži",
    logout: "Odjava",
    close: "Zatvori",
    reply: "Odgovori",
    send: "Pošalji",
    cancel: "Otkaži",
    folder_inbox: "Prijemno sanduče",
    folder_sent: "Poslato",
    folder_trash: "Korpa",
    folder_spam: "Spam",
    folder_archived: "Arhivirano"
  },
  "hr": {
    brandTagline: "Gdje je vaš broj mobitela ujedno i vaša e‑mail adresa.",
    checkingSession: "Provjera sesije…",
    notSignedIn: "Niste prijavljeni",
    heroTitle: "Unesite svoj broj mobitela",
    countryLabel: "Država",
    mobileLabel: "Vaš broj mobitela",
    requestCode: "Zatraži kod za prijavu",
    codeLabel: "Unesite kod koji ste primili na telefonu (SMS)",
    verifySignIn: "Potvrdi i prijavi se",
    signInToView: "Prijavite se da biste vidjeli najnovije poruke.",
    prevPage: "Prethodna stranica",
    nextPage: "Sljedeća stranica",
    newEmail: "Novi e‑mail",
    refresh: "Osvježi",
    logout: "Odjava",
    close: "Zatvori",
    reply: "Odgovori",
    send: "Pošalji",
    cancel: "Odustani",
    folder_inbox: "Ulazna pošta",
    folder_sent: "Poslano",
    folder_trash: "Smeće",
    folder_spam: "Neželjena pošta",
    folder_archived: "Arhivirano"
  },
  "sl": {
    brandTagline: "Kjer je vaša mobilna številka tudi vaš e‑poštni naslov.",
    checkingSession: "Preverjanje seje…",
    notSignedIn: "Niste prijavljeni",
    heroTitle: "Vnesite svojo mobilno številko",
    countryLabel: "Država",
    mobileLabel: "Vaša mobilna številka",
    requestCode: "Zahtevaj prijavno kodo",
    codeLabel: "Vnesite kodo, prejeto na telefon (SMS)",
    verifySignIn: "Potrdi in se prijavi",
    signInToView: "Prijavite se za ogled najnovejših sporočil.",
    prevPage: "Prejšnja stran",
    nextPage: "Naslednja stran",
    newEmail: "Novo sporočilo",
    refresh: "Osveži",
    logout: "Odjava",
    close: "Zapri",
    reply: "Odgovori",
    send: "Pošlji",
    cancel: "Prekliči",
    folder_inbox: "Prejeto",
    folder_sent: "Poslano",
    folder_trash: "Koš",
    folder_spam: "Neželena pošta",
    folder_archived: "Arhivirano"
  },
  "bs": {
    brandTagline: "Gdje je vaš broj mobitela ujedno i vaša e‑mail adresa.",
    checkingSession: "Provjera sesije…",
    notSignedIn: "Niste prijavljeni",
    heroTitle: "Unesite broj mobitela",
    countryLabel: "Država",
    mobileLabel: "Vaš broj mobitela",
    requestCode: "Zatraži kod za prijavu",
    codeLabel: "Unesite kod koji ste dobili na telefonu (SMS)",
    verifySignIn: "Potvrdi i prijavi se",
    signInToView: "Prijavite se da biste vidjeli najnovije poruke.",
    prevPage: "Prethodna strana",
    nextPage: "Sljedeća strana",
    newEmail: "Novi e‑mail",
    refresh: "Osvježi",
    logout: "Odjava",
    close: "Zatvori",
    reply: "Odgovori",
    send: "Pošalji",
    cancel: "Otkaži",
    folder_inbox: "Ulazna pošta",
    folder_sent: "Poslano",
    folder_trash: "Smeće",
    folder_spam: "Spam",
    folder_archived: "Arhivirano"
  },
  "mk": {
    brandTagline: "Каде вашиот мобилен број е и ваша е‑пошта адреса.",
    checkingSession: "Проверка на сесија…",
    notSignedIn: "Не сте најавени",
    heroTitle: "Внесете го вашиот мобилен број",
    countryLabel: "Држава",
    mobileLabel: "Вашиот мобилен број",
    requestCode: "Побарај код за најава",
    codeLabel: "Внесете го кодот што го примивте на телефон (SMS)",
    verifySignIn: "Потврди и најави се",
    signInToView: "Најавете се за да ги видите најновите пораки.",
    prevPage: "Претходна страница",
    nextPage: "Следна страница",
    newEmail: "Нова порака",
    refresh: "Освежи",
    logout: "Одјава",
    close: "Затвори",
    reply: "Одговори",
    send: "Испрати",
    cancel: "Откажи",
    folder_inbox: "Влезно сандаче",
    folder_sent: "Испратено",
    folder_trash: "Корпа",
    folder_spam: "Спам",
    folder_archived: "Архивирано"
  },
  "sq": {
    brandTagline: "Ku numri juaj i celularit është edhe adresa juaj e emailit.",
    checkingSession: "Po kontrollohet sesioni…",
    notSignedIn: "Nuk jeni të identifikuar",
    heroTitle: "Shkruani numrin tuaj të celularit",
    countryLabel: "Shteti",
    mobileLabel: "Numri juaj i celularit",
    requestCode: "Kërko kod hyrjeje",
    codeLabel: "Shkruani kodin e marrë në telefon (me SMS)",
    verifySignIn: "Verifiko dhe hyr",
    signInToView: "Hyni për të parë mesazhet më të fundit.",
    prevPage: "Faqja e mëparshme",
    nextPage: "Faqja tjetër",
    newEmail: "Email i ri",
    refresh: "Rifresko",
    logout: "Dil",
    close: "Mbyll",
    reply: "Përgjigju",
    send: "Dërgo",
    cancel: "Anulo",
    folder_inbox: "Inbox",
    folder_sent: "Të dërguara",
    folder_trash: "Koshi",
    folder_spam: "Spam",
    folder_archived: "Të arkivuara"
  },
  "ru": {
    brandTagline: "Где ваш номер телефона — это и ваш адрес электронной почты.",
    checkingSession: "Проверка сессии…",
    notSignedIn: "Вы не вошли",
    heroTitle: "Введите ваш номер телефона",
    countryLabel: "Страна",
    mobileLabel: "Ваш номер телефона",
    requestCode: "Запросить код входа",
    codeLabel: "Введите код, полученный на телефон (по SMS)",
    verifySignIn: "Проверить и войти",
    signInToView: "Войдите, чтобы увидеть последние сообщения.",
    prevPage: "Предыдущая страница",
    nextPage: "Следующая страница",
    newEmail: "Новое письмо",
    refresh: "Обновить",
    logout: "Выйти",
    close: "Закрыть",
    reply: "Ответить",
    send: "Отправить",
    cancel: "Отмена",
    folder_inbox: "Входящие",
    folder_sent: "Отправленные",
    folder_trash: "Корзина",
    folder_spam: "Спам",
    folder_archived: "Архив"
  },
  "uk": {
    brandTagline: "Де ваш номер телефону також є вашою електронною адресою.",
    checkingSession: "Перевірка сесії…",
    notSignedIn: "Ви не ввійшли",
    heroTitle: "Введіть ваш номер телефону",
    countryLabel: "Країна",
    mobileLabel: "Ваш номер телефону",
    requestCode: "Запросити код входу",
    codeLabel: "Введіть код, отриманий на телефон (SMS)",
    verifySignIn: "Перевірити та ввійти",
    signInToView: "Увійдіть, щоб переглянути останні повідомлення.",
    prevPage: "Попередня сторінка",
    nextPage: "Наступна сторінка",
    newEmail: "Новий лист",
    refresh: "Оновити",
    logout: "Вийти",
    close: "Закрити",
    reply: "Відповісти",
    send: "Надіслати",
    cancel: "Скасувати",
    folder_inbox: "Вхідні",
    folder_sent: "Надіслані",
    folder_trash: "Кошик",
    folder_spam: "Спам",
    folder_archived: "Архів"
  },
  "tr": {
    brandTagline: "Cep telefonu numaranızın aynı zamanda e‑posta adresiniz olduğu yer.",
    checkingSession: "Oturum kontrol ediliyor…",
    notSignedIn: "Giriş yapılmadı",
    heroTitle: "Cep telefonu numaranızı girin",
    countryLabel: "Ülke",
    mobileLabel: "Cep telefonu numaranız",
    requestCode: "Giriş kodu iste",
    codeLabel: "Telefonunuza gelen kodu girin (SMS)",
    verifySignIn: "Doğrula ve giriş yap",
    signInToView: "En son mesajlarınızı görmek için giriş yapın.",
    prevPage: "Önceki Sayfa",
    nextPage: "Sonraki Sayfa",
    newEmail: "Yeni e‑posta",
    refresh: "Yenile",
    logout: "Çıkış",
    close: "Kapat",
    reply: "Yanıtla",
    send: "Gönder",
    cancel: "İptal",
    folder_inbox: "Gelen Kutusu",
    folder_sent: "Gönderildi",
    folder_trash: "Çöp Kutusu",
    folder_spam: "Spam",
    folder_archived: "Arşiv"
  },
  "ar": {
    dir: "rtl",
    brandTagline: "حيث يكون رقم هاتفك هو أيضًا بريدك الإلكتروني.",
    checkingSession: "جارٍ التحقق من الجلسة…",
    notSignedIn: "غير مسجّل الدخول",
    heroTitle: "أدخل رقم هاتفك المحمول",
    countryLabel: "البلد",
    mobileLabel: "رقم هاتفك المحمول",
    requestCode: "اطلب رمز تسجيل الدخول",
    codeLabel: "أدخل الرمز الذي وصل إلى هاتفك (رسالة نصية)",
    verifySignIn: "تحقق وسجّل الدخول",
    signInToView: "سجّل الدخول لعرض أحدث رسائلك.",
    prevPage: "الصفحة السابقة",
    nextPage: "الصفحة التالية",
    newEmail: "بريد جديد",
    refresh: "تحديث",
    logout: "تسجيل الخروج",
    close: "إغلاق",
    reply: "رد",
    send: "إرسال",
    cancel: "إلغاء",
    folder_inbox: "الوارد",
    folder_sent: "المرسلة",
    folder_trash: "المهملات",
    folder_spam: "غير مرغوب",
    folder_archived: "مؤرشف"
  },
  "he": {
    brandTagline: "כאן מספר הנייד שלך הוא גם כתובת האימייל שלך.",
    checkingSession: "בודק הפעלה…",
    notSignedIn: "לא מחובר",
    heroTitle: "הזן את מספר הנייד שלך",
    countryLabel: "מדינה",
    mobileLabel: "מספר הנייד שלך",
    requestCode: "בקש קוד כניסה",
    codeLabel: "הזן את הקוד שקיבלת בטלפון (ב‑SMS)",
    verifySignIn: "אמת והתחבר",
    signInToView: "התחבר כדי לראות את ההודעות האחרונות.",
    prevPage: "העמוד הקודם",
    nextPage: "העמוד הבא",
    newEmail: "דוא״ל חדש",
    refresh: "רענן",
    logout: "התנתק",
    close: "סגור",
    reply: "השב",
    send: "שלח",
    cancel: "בטל",
    folder_inbox: "תיבת דואר נכנס",
    folder_sent: "נשלח",
    folder_trash: "אשפה",
    folder_spam: "ספאם",
    folder_archived: "ארכיון"
  },
  "fa": {
    dir: "rtl",
    brandTagline: "جایی که شماره موبایل شما همان ایمیل شماست.",
    checkingSession: "در حال بررسی نشست…",
    notSignedIn: "وارد نشده‌اید",
    heroTitle: "شماره موبایل خود را وارد کنید",
    countryLabel: "کشور",
    mobileLabel: "شماره موبایل شما",
    requestCode: "درخواست کد ورود",
    codeLabel: "کد دریافتی روی گوشی (پیامک) را وارد کنید",
    verifySignIn: "تأیید و ورود",
    signInToView: "برای دیدن آخرین پیام‌ها وارد شوید.",
    prevPage: "صفحه قبل",
    nextPage: "صفحه بعد",
    newEmail: "ایمیل جدید",
    refresh: "به‌روزرسانی",
    logout: "خروج",
    close: "بستن",
    reply: "پاسخ",
    send: "ارسال",
    cancel: "لغو",
    folder_inbox: "صندوق ورودی",
    folder_sent: "ارسال‌شده",
    folder_trash: "زباله‌دان",
    folder_spam: "هرزنامه",
    folder_archived: "بایگانی"
  },
  "hi": {
    brandTagline: "जहाँ आपका मोबाइल नंबर ही आपका ईमेल पता है।",
    checkingSession: "सत्र जाँचा जा रहा है…",
    notSignedIn: "लॉग इन नहीं हैं",
    heroTitle: "अपना मोबाइल नंबर दर्ज करें",
    countryLabel: "देश",
    mobileLabel: "आपका मोबाइल नंबर",
    requestCode: "लॉगिन कोड माँगें",
    codeLabel: "फ़ोन पर मिला कोड दर्ज करें (SMS)",
    verifySignIn: "सत्यापित करें और लॉग इन करें",
    signInToView: "नवीनतम संदेश देखने के लिए साइन इन करें।",
    prevPage: "पिछला पृष्ठ",
    nextPage: "अगला पृष्ठ",
    newEmail: "नया ईमेल",
    refresh: "रीफ़्रेश",
    logout: "लॉग आउट",
    close: "बंद करें",
    reply: "उत्तर दें",
    send: "भेजें",
    cancel: "रद्द करें",
    folder_inbox: "इनबॉक्स",
    folder_sent: "भेजे गए",
    folder_trash: "कचरा",
    folder_spam: "स्पैम",
    folder_archived: "संग्रहित"
  },
  "bn": {
    brandTagline: "যেখানে আপনার মোবাইল নম্বরই আপনার ইমেইল ঠিকানা।",
    checkingSession: "সেশন পরীক্ষা করা হচ্ছে…",
    notSignedIn: "লগইন করা নেই",
    heroTitle: "আপনার মোবাইল নম্বর লিখুন",
    countryLabel: "দেশ",
    mobileLabel: "আপনার মোবাইল নম্বর",
    requestCode: "লগইন কোড অনুরোধ করুন",
    codeLabel: "ফোনে পাওয়া কোড লিখুন (SMS)",
    verifySignIn: "যাচাই করে লগইন করুন",
    signInToView: "সর্বশেষ বার্তা দেখতে সাইন ইন করুন।",
    prevPage: "আগের পৃষ্ঠা",
    nextPage: "পরের পৃষ্ঠা",
    newEmail: "নতুন ইমেইল",
    refresh: "রিফ্রেশ",
    logout: "লগআউট",
    close: "বন্ধ",
    reply: "উত্তর দিন",
    send: "পাঠান",
    cancel: "বাতিল",
    folder_inbox: "ইনবক্স",
    folder_sent: "প্রেরিত",
    folder_trash: "ট্র্যাশ",
    folder_spam: "স্প্যাম",
    folder_archived: "আর্কাইভ"
  },
  "ur": {
    dir: "rtl",
    brandTagline: "جہاں آپ کا موبائل نمبر ہی آپ کا ای میل پتہ ہے۔",
    checkingSession: "سیشن چیک ہو رہا ہے…",
    notSignedIn: "لاگ اِن نہیں ہیں",
    heroTitle: "اپنا موبائل نمبر درج کریں",
    countryLabel: "ملک",
    mobileLabel: "آپ کا موبائل نمبر",
    requestCode: "لاگ اِن کوڈ مانگیں",
    codeLabel: "فون پر موصولہ کوڈ درج کریں (SMS)",
    verifySignIn: "تصدیق کریں اور لاگ اِن کریں",
    signInToView: "تازہ ترین پیغامات دیکھنے کے لیے سائن اِن کریں۔",
    prevPage: "پچھلا صفحہ",
    nextPage: "اگلا صفحہ",
    newEmail: "نیا ای میل",
    refresh: "ریفریش",
    logout: "لاگ آؤٹ",
    close: "بند کریں",
    reply: "جواب دیں",
    send: "بھیجیں",
    cancel: "منسوخ",
    folder_inbox: "ان باکس",
    folder_sent: "بھیجے گئے",
    folder_trash: "ردی",
    folder_spam: "اسپام",
    folder_archived: "محفوظ"
  },
  "pa": {
    brandTagline: "ਜਿੱਥੇ ਤੁਹਾਡਾ ਮੋਬਾਇਲ ਨੰਬਰ ਹੀ ਤੁਹਾਡਾ ਈਮੇਲ ਪਤਾ ਹੈ।",
    checkingSession: "ਸੈਸ਼ਨ ਚੈੱਕ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ…",
    notSignedIn: "ਲਾਗ ਇਨ ਨਹੀਂ",
    heroTitle: "ਆਪਣਾ ਮੋਬਾਇਲ ਨੰਬਰ ਦਾਖਲ ਕਰੋ",
    countryLabel: "ਦੇਸ਼",
    mobileLabel: "ਤੁਹਾਡਾ ਮੋਬਾਇਲ ਨੰਬਰ",
    requestCode: "ਲਾਗਇਨ ਕੋਡ ਮੰਗੋ",
    codeLabel: "ਫੋਨ ਤੇ ਮਿਲਿਆ ਕੋਡ ਦਾਖਲ ਕਰੋ (SMS)",
    verifySignIn: "ਤਸਦੀਕ ਕਰੋ ਅਤੇ ਲਾਗਇਨ ਕਰੋ",
    signInToView: "ਤਾਜ਼ਾ ਸੁਨੇਹੇ ਵੇਖਣ ਲਈ ਸਾਇਨ ਇਨ ਕਰੋ।",
    prevPage: "ਪਿਛਲਾ ਪੰਨਾ",
    nextPage: "ਅਗਲਾ ਪੰਨਾ",
    newEmail: "ਨਵੀਂ ਈਮੇਲ",
    refresh: "ਰੀਫ਼੍ਰੈਸ਼",
    logout: "ਲਾਗ ਆਉਟ",
    close: "ਬੰਦ",
    reply: "ਜਵਾਬ",
    send: "ਭੇਜੋ",
    cancel: "ਰੱਦ ਕਰੋ",
    folder_inbox: "ਇਨਬਾਕਸ",
    folder_sent: "ਭੇਜੇ ਹੋਏ",
    folder_trash: "ਕੂੜਾ",
    folder_spam: "ਸਪੈਮ",
    folder_archived: "ਆਰਕਾਈਵ"
  },
  "ta": {
    brandTagline: "உங்கள் மொபைல் எண்ணே உங்கள் மின்னஞ்சல் முகவராகும் இடம்.",
    checkingSession: "அமர்வை சரிபார்க்கிறது…",
    notSignedIn: "உள்நுழையவில்லை",
    heroTitle: "உங்கள் மொபைல் எண்ணை உள்ளிடுங்கள்",
    countryLabel: "நாடு",
    mobileLabel: "உங்கள் மொபைல் எண்",
    requestCode: "உள்நுழைவு குறியீட்டை கோரு",
    codeLabel: "SMS மூலம் கிடைத்த குறியீட்டை உள்ளிடுங்கள்",
    verifySignIn: "சரிபார்த்து உள்நுழை",
    signInToView: "சமீபத்திய செய்திகளைப் பார்க்க உள்நுழையுங்கள்.",
    prevPage: "முந்தைய பக்கம்",
    nextPage: "அடுத்த பக்கம்",
    newEmail: "புதிய மின்னஞ்சல்",
    refresh: "புதுப்பி",
    logout: "வெளியேறு",
    close: "மூடு",
    reply: "பதில்",
    send: "அனுப்பு",
    cancel: "ரத்து",
    folder_inbox: "உள்வரும்",
    folder_sent: "அனுப்பப்பட்டது",
    folder_trash: "குப்பை",
    folder_spam: "ஸ்பாம்",
    folder_archived: "காப்பகம்"
  },
  "te": {
    brandTagline: "మీ మొబైల్ నంబర్‌నే మీ ఈమెయిల్ చిరునామాగా ఉండే స్థలం.",
    checkingSession: "సెషన్ తనిఖీ చేస్తోంది…",
    notSignedIn: "లాగిన్ కాలేదు",
    heroTitle: "మీ మొబైల్ నంబర్‌ను నమోదు చేయండి",
    countryLabel: "దేశం",
    mobileLabel: "మీ మొబైల్ నంబర్",
    requestCode: "లాగిన్ కోడ్ కోరండి",
    codeLabel: "ఫోన్‌కు వచ్చిన కోడ్‌ను నమోదు చేయండి (SMS)",
    verifySignIn: "ధృవీకరించి లాగిన్ అవండి",
    signInToView: "తాజా సందేశాలను చూడడానికి సైన్ ఇన్ చేయండి.",
    prevPage: "మునుపటి పేజీ",
    nextPage: "తదుపరి పేజీ",
    newEmail: "కొత్త ఈమెయిల్",
    refresh: "రిఫ్రెష్",
    logout: "లాగౌట్",
    close: "మూసివేయి",
    reply: "ప్రత్యుత్తరం",
    send: "పంపు",
    cancel: "రద్దు",
    folder_inbox: "ఇన్‌బాక్స్",
    folder_sent: "పంపినవి",
    folder_trash: "ట్రాష్",
    folder_spam: "స్పామ్",
    folder_archived: "ఆర్కైవ్"
  },
  "mr": {
    brandTagline: "जिथे तुमचा मोबाईल नंबरच तुमचा ईमेल पत्ता असतो.",
    checkingSession: "सत्र तपासत आहे…",
    notSignedIn: "लॉग इन नाही",
    heroTitle: "तुमचा मोबाईल नंबर प्रविष्ट करा",
    countryLabel: "देश",
    mobileLabel: "तुमचा मोबाईल नंबर",
    requestCode: "लॉगिन कोड मागवा",
    codeLabel: "फोनवर आलेला कोड प्रविष्ट करा (SMS)",
    verifySignIn: "तपासा आणि लॉग इन करा",
    signInToView: "नवीनतम संदेश पाहण्यासाठी साइन इन करा.",
    prevPage: "मागील पृष्ठ",
    nextPage: "पुढील पृष्ठ",
    newEmail: "नवीन ईमेल",
    refresh: "रिफ्रेश",
    logout: "लॉग आउट",
    close: "बंद",
    reply: "उत्तर द्या",
    send: "पाठवा",
    cancel: "रद्द",
    folder_inbox: "इनबॉक्स",
    folder_sent: "पाठविलेले",
    folder_trash: "कचरा",
    folder_spam: "स्पॅम",
    folder_archived: "संग्रहित"
  },
  "zh-cn": {
    brandTagline: "在这里，你的手机号也是你的邮箱地址。",
    checkingSession: "正在检查会话…",
    notSignedIn: "未登录",
    heroTitle: "请输入你的手机号",
    countryLabel: "国家/地区",
    mobileLabel: "你的手机号",
    requestCode: "获取登录验证码",
    codeLabel: "请输入手机短信收到的验证码",
    verifySignIn: "验证并登录",
    signInToView: "登录后查看最新邮件。",
    prevPage: "上一页",
    nextPage: "下一页",
    newEmail: "新邮件",
    refresh: "刷新",
    logout: "退出登录",
    close: "关闭",
    reply: "回复",
    send: "发送",
    cancel: "取消",
    folder_inbox: "收件箱",
    folder_sent: "已发送",
    folder_trash: "垃圾箱",
    folder_spam: "垃圾邮件",
    folder_archived: "已归档"
  },
  "zh-tw": {
    brandTagline: "在這裡，你的手機號碼也是你的電子郵件地址。",
    checkingSession: "正在檢查工作階段…",
    notSignedIn: "尚未登入",
    heroTitle: "請輸入你的手機號碼",
    countryLabel: "國家/地區",
    mobileLabel: "你的手機號碼",
    requestCode: "取得登入驗證碼",
    codeLabel: "請輸入手機簡訊收到的驗證碼",
    verifySignIn: "驗證並登入",
    signInToView: "登入以查看最新郵件。",
    prevPage: "上一頁",
    nextPage: "下一頁",
    newEmail: "新郵件",
    refresh: "重新整理",
    logout: "登出",
    close: "關閉",
    reply: "回覆",
    send: "傳送",
    cancel: "取消",
    folder_inbox: "收件匣",
    folder_sent: "已寄出",
    folder_trash: "垃圾桶",
    folder_spam: "垃圾郵件",
    folder_archived: "已封存"
  },
  "ja": {
    brandTagline: "携帯番号がそのままメールアドレスになるメール。",
    checkingSession: "セッションを確認中…",
    notSignedIn: "未ログイン",
    heroTitle: "携帯電話番号を入力してください",
    countryLabel: "国",
    mobileLabel: "携帯電話番号",
    requestCode: "ログインコードを送信",
    codeLabel: "SMSで届いたコードを入力してください",
    verifySignIn: "確認してログイン",
    signInToView: "最新のメッセージを見るにはサインインしてください。",
    prevPage: "前のページ",
    nextPage: "次のページ",
    newEmail: "新規メール",
    refresh: "更新",
    logout: "ログアウト",
    close: "閉じる",
    reply: "返信",
    send: "送信",
    cancel: "キャンセル",
    folder_inbox: "受信トレイ",
    folder_sent: "送信済み",
    folder_trash: "ゴミ箱",
    folder_spam: "迷惑メール",
    folder_archived: "アーカイブ"
  },
  "ko": {
    brandTagline: "휴대폰 번호가 곧 이메일 주소가 되는 메일.",
    checkingSession: "세션 확인 중…",
    notSignedIn: "로그인되지 않음",
    heroTitle: "휴대폰 번호를 입력하세요",
    countryLabel: "국가",
    mobileLabel: "휴대폰 번호",
    requestCode: "로그인 코드 요청",
    codeLabel: "문자(SMS)로 받은 코드를 입력하세요",
    verifySignIn: "확인 후 로그인",
    signInToView: "최신 메시지를 보려면 로그인하세요.",
    prevPage: "이전 페이지",
    nextPage: "다음 페이지",
    newEmail: "새 메일",
    refresh: "새로고침",
    logout: "로그아웃",
    close: "닫기",
    reply: "답장",
    send: "보내기",
    cancel: "취소",
    folder_inbox: "받은편지함",
    folder_sent: "보낸편지함",
    folder_trash: "휴지통",
    folder_spam: "스팸",
    folder_archived: "보관함"
  },
  "id": {
    brandTagline: "Di mana nomor ponsel Anda juga menjadi alamat email Anda.",
    checkingSession: "Memeriksa sesi…",
    notSignedIn: "Belum masuk",
    heroTitle: "Masukkan nomor ponsel Anda",
    countryLabel: "Negara",
    mobileLabel: "Nomor ponsel Anda",
    requestCode: "Minta kode masuk",
    codeLabel: "Masukkan kode yang diterima di ponsel (SMS)",
    verifySignIn: "Verifikasi & masuk",
    signInToView: "Masuk untuk melihat pesan terbaru Anda.",
    prevPage: "Halaman sebelumnya",
    nextPage: "Halaman berikutnya",
    newEmail: "Email baru",
    refresh: "Muat ulang",
    logout: "Keluar",
    close: "Tutup",
    reply: "Balas",
    send: "Kirim",
    cancel: "Batal",
    folder_inbox: "Kotak Masuk",
    folder_sent: "Terkirim",
    folder_trash: "Sampah",
    folder_spam: "Spam",
    folder_archived: "Diarsipkan"
  }
};

function normalizeLang(lang){
  const raw = String(lang || "").trim();
  let x = raw.toLowerCase();

  // Common script/region aliases
  if (x.startsWith("zh-hans")) x = "zh-cn";
  if (x.startsWith("zh-hant")) x = "zh-tw";
  if (x.startsWith("pt_br")) x = "pt-br";
  if (x.startsWith("pt-br")) x = "pt-br";

  // Direct match (exact key)
  if (I18N && I18N[x]) return x;

  // Primary subtag match (e.g., "fr-CA" -> "fr")
  const primary = x.split(/[-_]/)[0];
  if (I18N && I18N[primary]) return primary;

  // Back-compat
  if (primary === "fr") return "fr";
  if (primary === "el" || primary === "gr") return "el";

  return "en";
}

function langDir(lang){
  const k = normalizeLang(lang);
  const o = (I18N && I18N[k]) ? I18N[k] : null;
  return (o && o.dir) ? o.dir : "ltr";
}


function t(key, vars){
  const lang = window.__lang || "en";
  const dict = I18N[lang] || I18N.en;
  let s = dict[key] || I18N.en[key] || key;
  if (vars && typeof vars === "object"){
    for (const [k,v] of Object.entries(vars)){
      s = s.replaceAll("{" + k + "}", String(v));
    }
  }
  return s;
}

function applyLanguage(lang){
  const L = normalizeLang(lang);
  window.__lang = L;

  try { localStorage.setItem(LANG_KEY, L); } catch(e) {}
  document.documentElement.lang = L;
  const dir = langDir(L);
  document.documentElement.dir = dir;
  try { localStorage.setItem("webium_dir", dir); } catch(e) {}
// Header / hero
  if (el("brandTitle"))   el("brandTitle").textContent   = t("brandTitle");
  if (el("brandTagline")) el("brandTagline").textContent = t("brandTagline");
  if (el("heroTitle"))    el("heroTitle").textContent    = t("heroTitle");

  // Sign-in form labels/buttons/placeholders
  if (el("lblCountry")) el("lblCountry").textContent = t("countryLabel");
  if (el("lblMobile"))  el("lblMobile").textContent  = t("mobileLabel");
  if (el("mobile"))     el("mobile").setAttribute("placeholder", t("mobilePlaceholder"));
  if (el("btnSendCode")) el("btnSendCode").textContent = t("requestCode");
  if (el("lblCode"))    el("lblCode").textContent    = t("codeLabel");
  if (el("code"))       el("code").setAttribute("placeholder", t("codePlaceholder"));
  if (el("btnVerify"))  el("btnVerify").textContent  = t("verifySignIn");

  // Inbox locked hint
  if (el("inboxLocked"))  el("inboxLocked").textContent  = t("signInToView");

  // Tabs by folder
  document.querySelectorAll('#mailTabs .tab').forEach(btn=>{
    const f = btn.getAttribute("data-folder") || "inbox";
    btn.textContent = t("folder_" + f);
  });

  // Signed-in action buttons
  if (el("btnPrevPage")) el("btnPrevPage").textContent = t("prevPage");
  if (el("btnNextPage")) el("btnNextPage").textContent = t("nextPage");
  if (el("btnNew2"))     el("btnNew2").textContent     = t("newEmail");
  if (el("btnRefresh2")) el("btnRefresh2").textContent = t("refresh");
  if (el("btnLogout2"))  el("btnLogout2").textContent  = t("logout");

  if (el("btnRefresh"))  el("btnRefresh").textContent  = t("refresh");
  if (el("btnLogout"))   el("btnLogout").textContent   = t("logout");

  // Overlay labels
  if (el("btnOverlayClose")) el("btnOverlayClose").textContent = t("close");

  // Message panel + actions
  const mc = document.querySelector("#viewer .muted");
  if (mc) mc.textContent = t("messageContent");

  if (el("btnReply"))   el("btnReply").textContent   = t("reply");
  if (el("btnTrash"))   el("btnTrash").textContent   = t("moveToTrash");
  if (el("btnInbox"))   el("btnInbox").textContent   = t("moveToInbox");

  if (el("btnSpam"))    el("btnSpam").textContent    = t("markSpam");
  if (el("btnArchive")) el("btnArchive").textContent = t("archive");

  // Compose panel caption
  const composeMuted = document.querySelector("#panelCompose .muted");
  if (composeMuted) composeMuted.textContent = t("composeTitle");

  // Reply/compose buttons
  if (el("btnSendReply"))   el("btnSendReply").textContent   = t("send");
  if (el("btnCancelReply")) el("btnCancelReply").textContent = t("cancel");
  if (el("btnSendNew"))     el("btnSendNew").textContent     = t("send");
  if (el("btnCancelNew"))   el("btnCancelNew").textContent   = t("cancel");



}

function initLanguage(){
  let lang = null;
  try { lang = localStorage.getItem(LANG_KEY); } catch(e) {}
  lang = normalizeLang(lang || (navigator.language || "en"));

  const sel = el("langSel");
  if (sel){
    sel.value = lang;
    sel.addEventListener("change", ()=>applyLanguage(sel.value));
  }
  applyLanguage(lang);
}



  function normalize() 
  {
    const country = (el("country").value || "CY").toUpperCase().replace(/[^A-Z]/g,"").slice(0,2);

    const mobile = (el("mobile").value || "").replace(/\D/g,"").slice(0,20);

    el("mobile").value = mobile;

    //el("previewLocal").textContent = country;

    //el("previewNum").textContent = mobile;

    return { country, mobile };
  }

async function jpost(url, payload) 
{

  // --- Normalize & validate payload ---

  //console.log("LOG: in jpost(). url = " + url);
  //console.log("LOG: in jpost(). payload = " + payload);

  if (payload === null || payload === undefined) 
  {
    console.log("LOG: in jpost(). payload is null or undefined");
    throw new Error("jpost(): payload is null/undefined");
  }

  if (typeof payload !== "object") 
  {
    console.log("LOG: in jpost(). payload is not an object");
    throw new Error("jpost(): payload must be an object");
  }

  if (JSON.stringify(payload).startsWith("{country:")) 
  {
     console.log("LOG: in jpost(). payload is not properly formed.");
     throw new Error("jpost(): payload looks like malformed JSON");
  }


  // Force plain JSON object (prevents accidental prototypes/functions)

  const safePayload = JSON.parse(JSON.stringify(payload));

  //console.log("LOG: jpost()");
  //console.log("  URL =", url);
  //console.log("  payload =", safePayload);

  const r = await fetch(url, 
  {
    method: "POST",
    headers: {
      "Content-Type": "application/json; charset=utf-8",
    },
    credentials: "include",
    body: JSON.stringify(safePayload),   // THE ONLY CORRECT WAY
  });

  const txt = await r.text();

  //console.log("LOG: jpost(): status =", r.status);
  //console.log("LOG: jpost(): response =", txt);

  let data = null;
  try {
    data = txt ? JSON.parse(txt) : null;
  } catch (e) {
    console.log("LOG: jpost(): JSON parse error:", e);
  }

  if (!r.ok) {
    const msg = data?.error || txt || `HTTP ${r.status}`;
    console.log("LOG: in jpost(). error = " + msg);
    throw new Error(msg);
  }

  //console.log("LOG: in jpost(). All went well!");

  return data;
}


async function jpost_new(url, obj) 
{

  console.log("LOG: jpost(): URL =", url);
  console.log("LOG: jpost(): obj =", obj);

  const r = await fetch(url, 
  {
    method: "POST",
    headers: { "Content-Type": "application/json; charset=utf-8" },
    credentials: "include",
    body: JSON.stringify(obj),
  });

  const txt = await r.text();

  console.log("LOG: jpost(): status =", r.status);

  console.log("LOG: jpost(): txt =", txt);

  let data = null;

  try { data = txt ? JSON.parse(txt) : null; } catch {}

  if (!r.ok) throw new Error(data?.error || txt || `HTTP ${r.status}`);

  return data;

}


async function jpost_old(url, obj) 
{
  console.log("LOG: jpost(): URL =", url);
  console.log("LOG: jpost(): payload =", obj);

  const r = await fetch(url, {
    method: "POST",
    headers: { "Content-Type": "application/json; charset=utf-8" },
    credentials: "include",
    body: JSON.stringify(obj),
  });

  const txt = await r.text();
  console.log("LOG: jpost(): status =", r.status);
  console.log("LOG: jpost(): txt =", txt);

  let data = null;
  try { data = txt ? JSON.parse(txt) : null; } catch {}
  if (!r.ok) throw new Error(data?.error || txt || `HTTP ${r.status}`);
  return data;
}

async function jpost3(url, obj) 
{
  const r = await fetch(url, 
  {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    credentials: "include",
    body: JSON.stringify(obj),
  });

  const txt = await r.text();

  return txt ? JSON.parse(txt) : null;

}


  async function jpost2(url, body)
  {

    const r = await fetch(url, {
      method:"POST",
      headers:{ "Content-Type":"application/json" },
      credentials:"include",
      body: JSON.stringify(body || {})
    });

    const txt = await r.text();

    let data = null;

    try { data = txt ? JSON.parse(txt) : null; } catch(e) {}

    if(!r.ok)
    {
      const msg = (data && data.error) ? data.error : (txt || `HTTP ${r.status}`);
      throw new Error(msg);
    }

    return data;
  }

  
  async function jget(url) 
  {

  //console.log("LOG: jget(): URL =", url);

  //const r = await fetch(url, { credentials: "include" });

  let r;

  try 
  {
    r = await fetch(url, { credentials: "include" });
  } 
  catch (e) 
  {
    console.log("LOG: FETCH FAILED:", e);
    throw e;
  }

  const txt = await r.text();

  //console.log("LOG: jget(): status =", r.status);

  //console.log("LOG: jget(): txt =", txt);

  let data = null;

  try 
  { 
    data = txt ? JSON.parse(txt) : null; 
  } 
  catch (e) 
  {
    console.log("LOG: ERROR parsing JSON:", e);
  }

  if (!r.ok) 
  {
    const msg = (data && data.error) ? data.error : (txt || `HTTP ${r.status}`);
    throw new Error(msg);
  }

  return data;

}

  
  function setSignedIn(state)
  {
    // Keep auth pill in sync with current language

    //console.log("LOG: in setSignedIn() 1");
 
    setAuthState({ signedIn: !!state.signedIn, email: state.email || "", checking:false });

    //console.log("LOG: in setSignedIn() 2");

    document.body.classList.toggle("signed-in", !!state.signedIn);

    //console.log("LOG: in setSignedIn() 3");

    document.body.classList.toggle("signed-out", !state.signedIn);

    //console.log("LOG: in setSignedIn() 4");

    // When signed in: inbox only
    // When signed out: auth only

    el("authBox").classList.toggle("hidden", !!state.signedIn);

    el("signedInBox").classList.add("hidden"); // keep hidden for clean UI

    //el("signedInBox").classList.toggle("hidden", !state.signedIn);

    // Inbox inner content (only relevant when inbox card is visible)

    el("inboxLocked").classList.toggle("hidden", !!state.signedIn);

    el("inbox").classList.toggle("hidden", !state.signedIn);

    // Inbox action buttons only when signed in

    if(el("btnPrevPage")) el("btnPrevPage").classList.toggle("hidden", !state.signedIn);

    if(el("btnNextPage")) el("btnNextPage").classList.toggle("hidden", !state.signedIn);

    if(el("btnRefresh2")) el("btnRefresh2").classList.toggle("hidden", !state.signedIn);

    if(el("btnNew2"))         el("btnNew2").classList.toggle("hidden", !state.signedIn);

    if(el("btnLogout2"))   el("btnLogout2").classList.toggle("hidden", !state.signedIn);

    //if(el("btnLogout2"))  el("btnLogout2").classList.remove("hidden");

    // Update hint (right side only). Left side is owned by refreshInbox().
    const right = el("inboxHintRight");
    if (right) right.textContent = (state.signedIn && state.email) ? `Email account for ${state.email}` : "";

    //console.log("LOG: in setSignedIn() 5");

  }

function updateMessageMoveButtons(){
  const buttons = [
    ["btnInbox",   "inbox"],
    ["btnArchive", "archived"],
    ["btnSpam",    "spam"],
    ["btnTrash",   "trash"],
  ];
  for (const [id, folder] of buttons){
    const b = el(id);
    if (!b) continue;
    if ((folder || "") === (CURRENT_FOLDER || "inbox")) b.classList.add("hidden");
    else b.classList.remove("hidden");
  }
}

function headerVal(m, k){
  // Supports both legacy flat meta (m.subject, m.from_email, ...) and new nested meta.headers.*
  if(m && m.headers && m.headers[k] != null && String(m.headers[k]).trim() !== "") return m.headers[k];
  if(m && m[k] != null) return m[k];
  return "";
}

function getSubject(m){
  const s = String(headerVal(m, "subject") || "").trim();
  return s || "(no subject)";
}

function displayFrom(m){
  const name  = String(headerVal(m, "from_name")  || "").trim();
  const email = String(headerVal(m, "from_email") || "").trim();
  const from  = String(headerVal(m, "from") || "").trim();

  if(name && email) return `${name} <${email}>`;
  if(email) return email;
  return from;
}


    // Mailbox / overlay state

  let CURRENT_FOLDER = "inbox";
  let CURRENT_MESSAGE_ID = null;
  let CURRENT_MESSAGE_META = null;

let FOLDER_SWITCHING = false;

async function setFolder(folder)
{

  if (FOLDER_SWITCHING) return;

  FOLDER_SWITCHING = true;

  try 
  {
    const f = (folder || "inbox").toLowerCase().trim();
    if (f === CURRENT_FOLDER) return;

    CURRENT_FOLDER = f;

    PAGE_CURSOR = null;
    NEXT_CURSOR = null;
    CURSOR_STACK = [];

    const tabs = document.querySelectorAll('#mailTabs .tab');

    tabs.forEach(b=>{
      const tf = b.getAttribute("data-folder");
      b.classList.toggle("active", tf === CURRENT_FOLDER);
    });

    updateMessageMoveButtons();
    await refreshInbox();
  } 
  finally 
  {
    FOLDER_SWITCHING = false;
  }

}


  function showOverlay(title, panelId){
    el("overlayTitle").textContent = title || "";
    el("overlay").classList.remove("hidden");
    el("panelMessage").classList.add("hidden");
    el("panelCompose").classList.add("hidden");
    if(panelId) el(panelId).classList.remove("hidden");
  }

  function closeOverlay(){
    // always reset any transient UI
    CURRENT_MESSAGE_ID = null;
    CURRENT_MESSAGE_META = null;
    el("msgBodyFull").textContent = ""; try{ const f=el("msgBodyHtml"); if(f){ f.srcdoc=""; f.classList.add("hidden"); } const b=el("msgBodyFullBox"); if(b){ b.classList.add("hidden"); } }catch(e){}el("msgMetaLine").textContent = "";
    hideReplyBox();
    clearCompose();
    el("overlay").classList.add("hidden");
    el("panelMessage").classList.add("hidden");
    el("panelCompose").classList.add("hidden");
  }

function hideReplyBox(){
  if(el("replyBox"))
    el("replyBox").classList.add("hidden");

  // Show action buttons again
  if(el("messageActions"))
    el("messageActions").classList.remove("hidden");

  if(el("replyTo")) el("replyTo").value = "";
  if(el("replySubject")) el("replySubject").value = "";
  if(el("replyBody")) el("replyBody").value = "";
}


  function clearCompose(){
    if(el("newTo")) el("newTo").value = "";
    if(el("newSubject")) el("newSubject").value = "";
    if(el("newBody")) el("newBody").value = "";
  }

async function GetNextPage()
{
  if(INBOX_LOADING) return;
  const next = NEXT_CURSOR;           // capture
  if(!next) return toast("No more messages");
  CURSOR_STACK.push(PAGE_CURSOR);     // ok to push null for first page
  await refreshInbox(next);
}

async function GetPrevPage()
{
  if(INBOX_LOADING) return;
  if(CURSOR_STACK.length === 0) return toast("Already at first page");
  const prev = CURSOR_STACK.pop();
  await refreshInbox(prev);
}


async function refreshInbox(cursor=null)
{

  const mySeq = ++INBOX_REQ_SEQ;         // unique token for this request

  INBOX_LOADING = true;

  setPagingEnabled(false);

  const folderAtStart = CURRENT_FOLDER; // capture in case user switches folders mid-flight

  const qs = `?folder=${encodeURIComponent(folderAtStart)}`
           + `&limit=20`
           + (cursor ? `&cursor=${encodeURIComponent(cursor)}` : "");

  try{

    //console.log("LOG: about to call jget()");

    const data = await jget(API.messages + qs);

    // If a newer refresh started after this one, ignore this response
    if(mySeq !== INBOX_REQ_SEQ) return;

    // If user switched folders while this was in flight, ignore
    if(folderAtStart !== CURRENT_FOLDER) return;

    PAGE_CURSOR = cursor;
    NEXT_CURSOR = data.next_cursor || null;


// Enable paging controls now that request completed
setPagingEnabled(true);

// Next button enabled only if API says another page exists
if (el("btnNextPage"))
  el("btnNextPage").disabled = !NEXT_CURSOR;

// Prev button enabled only if we have history
if (el("btnPrevPage"))
  el("btnPrevPage").disabled = (CURSOR_STACK.length === 0);

    const list = el("msgList");
    list.innerHTML = "";

    if(el("viewer")) el("viewer").classList.add("hidden");
    if(el("msgBody")) el("msgBody").textContent = "";

    //console.log("LOG: about to call jget().data = " + data);

    (data.messages || []).forEach(m=>{
      const d = document.createElement("div");
      const ts = Number(m.created_at || m.received_ts || 0);
      d.className = "msg";
      d.innerHTML = `
        <div class="subj">${escapeHtml(getSubject(m))}</div>
        <div class="meta">
          <span>From: ${escapeHtml(displayFrom(m))}</span>
          <span>${ts ? new Date(ts*1000).toLocaleString() : ""}</span>
          <span>${formatBytes(m.size_bytes||0)}</span>
        </div>
      `;
      d.onclick = ()=>openMessage(m);
      list.appendChild(d);
    });


    const label = CURRENT_FOLDER.charAt(0).toUpperCase() + CURRENT_FOLDER.slice(1);
    const total = Number(data.total || 0);
    // Update left side (Mailbox + count) only. Right side is owned by setSignedIn().
    const left = el("inboxHintLeft");
    if (left) left.textContent = `${label} (${total})`;
  } finally {
    // only re-enable if this is still the latest request
    if(mySeq === INBOX_REQ_SEQ){
      INBOX_LOADING = false;
      setPagingEnabled(true);
    }
  }
}

let OPENMSG_SEQ = 0;



function fileBaseName(s){
  const t = String(s||"").replace(/\\/g,"/");
  const p = t.lastIndexOf("/");
  return p>=0 ? t.slice(p+1) : t;
}

// Make a user-friendly attachment label.
// - strips any directory prefixes
// - strips "<MessageID>." prefix
// - strips "attNNN_" and leading "NNN_" (some legacy formats)
// Falls back to "attachment" if empty.
function prettyAttachmentName(messageId, a){
  const raw =
    (a && (a.display_name || a.original_name || a.filename || a.name || a.local_path || a.path || "")) || "";
  let name = fileBaseName(raw);

  const mid = String(messageId || "").trim();
  if(mid){
    // Remove "<MessageID>." prefix
    if(name.startsWith(mid + ".")) name = name.slice(mid.length + 1);
    // Remove "<MessageID>.att003_" etc
    const reMidAtt = new RegExp("^" + mid.replace(/[.*+?^${}()|[\]\\]/g,"\\$&") + "\\.att\\d{3}_");
    name = name.replace(reMidAtt, "");
    // Remove "<MessageID>.part003." prefix
    const reMidPart = new RegExp("^" + mid.replace(/[.*+?^${}()|[\]\\]/g,"\\$&") + "\\.part\\d{3}\\.");
    name = name.replace(reMidPart, "part");
  }

  // Remove "att003_" or "003_" prefixes
  name = name.replace(/^att\d{3}_/i, "");
  name = name.replace(/^\d{3}_/, "");

  name = name.trim();
  return name || "attachment";
}

function renderAttachments(attList, messageId){
  const box = el("msgAttachments");
  const list = el("msgAttachmentsList");
  if(!box || !list) return;

  list.innerHTML = "";
  const arr = Array.isArray(attList) ? attList : [];
  if(arr.length === 0){
    box.classList.add("hidden");
    return;
  }

  const mid = messageId || CURRENT_MESSAGE_ID || "";

  for(const a of arr){
    const display = prettyAttachmentName(mid, a);
    const partIndex = (a && (a.part_index ?? a.partIndex));
    const key = (a && a.key) ? String(a.key) : "";

    const link = document.createElement("a");

    if(mid && partIndex !== undefined && partIndex !== null && String(partIndex) !== ""){
      link.href = API.attachment(mid, partIndex, display);
    } else if(key){
      link.href = API.attachment_key(key, display);
    } else {
      continue;
    }

    link.textContent = display + (a && a.size_bytes ? ` (${formatBytes(a.size_bytes)})` : "");
    link.target = "_blank";
    link.rel = "noopener";
    list.appendChild(link);
  }

  box.classList.remove("hidden");
}


function sanitizeEmailHtmlForIframe(html) 
{

  html = String(html || "");

  // Remove script

  html = html.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");

  // Remove inline event handlers: onclick=, onload=, etc.

  html = html.replace(/\son\w+\s*=\s*(['"]).*?\1/gi, "");

  // Neutralize javascript: URLs in href/src

  html = html.replace(/\s(href|src)\s*=\s*(['"])\s*javascript:[\s\S]*?\2/gi, ' $1=$2#$2');

  // Optional: remove <iframe> tags inside email

  html = html.replace(/<iframe\b[^>]*>[\s\S]*?<\/iframe>/gi, "");

  html = html.replace(/<iframe\b[^>]*\/?>/gi, "");

  // force new links to new tab

  html = html.replace(/<a\b/gi,'<a target="_blank" rel="noopener noreferrer"');

  return html;

}

function sanitizeEmailHtmlForIframe_DOM(html, opts = {}) {
  const options = {
    // If true, remote images are blocked (privacy). data: images still allowed.
    blockRemoteImages: false,
    // If true, strip all <style> tags. (Usually keep them for email formatting.)
    stripStyleTags: false,
    ...opts,
  };

  html = String(html || "");

  // Parse using the browser's HTML parser (much safer than regex).
  const parser = new DOMParser();
  const doc = parser.parseFromString(html, "text/html");

  // If parsing failed (rare), fall back to a safe minimal document.
  if (!doc || !doc.documentElement) {
    return "<!doctype html><html><head><meta charset='utf-8'></head><body>(invalid html)</body></html>";
  }

  // Remove high-risk elements entirely.
  const REMOVE_TAGS = new Set([
    "script", "noscript",
    "iframe", "frame", "frameset",
    "object", "embed", "applet",
    "form", "input", "button", "textarea", "select", "option",
    "meta", "base", "link",   // base/link can affect URL resolution / load resources
  ]);

  // SVG can carry script/event vectors; safest to remove entirely in email.
  // If you want to keep basic SVG images later, you can relax this.
  const REMOVE_SVG = true;

  const walker = doc.createTreeWalker(doc.body || doc, NodeFilter.SHOW_ELEMENT);
  const toRemove = [];

  while (walker.nextNode()) {
    const el = walker.currentNode;
    const tag = (el.tagName || "").toLowerCase();

    if (REMOVE_TAGS.has(tag)) {
      toRemove.push(el);
      continue;
    }
    if (REMOVE_SVG && tag === "svg") {
      toRemove.push(el);
      continue;
    }

    // Strip dangerous attributes & URLs
    // - Remove any on* handlers (onclick, onload, etc.)
    // - Remove srcdoc (can embed html)
    // - Neutralize javascript: and data:text/html URLs
    // - Optionally block remote images
    const attrs = Array.from(el.attributes || []);
    for (const a of attrs) {
      const name = a.name.toLowerCase();
      const value = (a.value || "").trim();

      if (name.startsWith("on")) {
        el.removeAttribute(a.name);
        continue;
      }

      if (name === "srcdoc") {
        el.removeAttribute(a.name);
        continue;
      }

      // Neutralize scriptable URLs
      if (name === "href" || name === "src" || name === "xlink:href") {
        const v = value.replace(/\s+/g, "");
        const lv = v.toLowerCase();

        const isJs = lv.startsWith("javascript:");
        const isDataHtml = lv.startsWith("data:text/html");
        const isDataSvg = lv.startsWith("data:image/svg+xml"); // can be scriptable

        if (isJs || isDataHtml || isDataSvg) {
          // Keep attribute but make it inert
          if (name === "href") el.setAttribute(a.name, "#");
          else el.removeAttribute(a.name);
          continue;
        }

        if (options.blockRemoteImages && tag === "img" && name === "src") {
          // Allow only data: URIs if privacy blocking is on
          if (!lv.startsWith("data:")) {
            el.removeAttribute("src");
            el.setAttribute("alt", (el.getAttribute("alt") || "") + " [image blocked]");
          }
        }
      }

      // Remove CSS expressions / legacy JS in styles (rare but cheap to do)
      if (name === "style") {
        const lv = value.toLowerCase();
        if (lv.includes("expression(") || lv.includes("javascript:")) {
          el.removeAttribute("style");
        }
      }
    }

    // Make all links open safely in a new tab
    if (tag === "a") {
      // If href missing, no point in adding target.
      if (el.getAttribute("href")) {
        el.setAttribute("target", "_blank");
        el.setAttribute("rel", "noopener noreferrer");
      }
    }
  }

  for (const n of toRemove) {
    try { n.remove(); } catch (e) {}
  }

  // Optional: remove <style> blocks if you want ultra-strict rendering
  if (options.stripStyleTags) {
    doc.querySelectorAll("style").forEach(s => { try { s.remove(); } catch(e) {} });
  }

  // Ensure we have a safe-ish base document skeleton
  // (Emails sometimes omit <head>/<body> or are fragments.)
  const outHead = doc.head || doc.createElement("head");
  const outBody = doc.body || doc.createElement("body");

  // Add a restrictive CSP inside the iframe document.
  // This is an extra belt-and-suspenders layer; it works for srcdoc documents in modern Chromium.
  // Keep style-src 'unsafe-inline' because email layouts rely on inline styles.
  const csp = doc.createElement("meta");
  csp.setAttribute("http-equiv", "Content-Security-Policy");
  csp.setAttribute(
    "content",
    [
      "default-src 'none'",
      "img-src https: data:",
      "style-src 'unsafe-inline'",
      "font-src https: data:",
      "connect-src 'none'",
      "media-src https: data:",
      "frame-src 'none'",
      "object-src 'none'",
      "base-uri 'none'",
      "form-action 'none'",
    ].join("; ")
  );

  // Put CSP first in head
  try { outHead.insertBefore(csp, outHead.firstChild); } catch (e) { outHead.appendChild(csp); }

  // Force base target to _blank (extra safety for links)
  const base = doc.createElement("base");
  base.setAttribute("target", "_blank");
  try { outHead.insertBefore(base, outHead.firstChild); } catch (e) { outHead.appendChild(base); }

  // Ensure UTF-8 meta
  let hasCharset = false;
  outHead.querySelectorAll("meta").forEach(m => {
    if ((m.getAttribute("charset") || "").toLowerCase() === "utf-8") hasCharset = true;
  });
  if (!hasCharset) {
    const metaCharset = doc.createElement("meta");
    metaCharset.setAttribute("charset", "utf-8");
    try { outHead.insertBefore(metaCharset, outHead.firstChild); } catch(e) { outHead.appendChild(metaCharset); }
  }

  // Serialize final document
  const finalHtml =
    "<!doctype html>\n" +
    "<html>\n" +
    outHead.outerHTML + "\n" +
    outBody.outerHTML + "\n" +
    "</html>";

  return finalHtml;
}

async function openMessage(meta){
  const mySeq = ++OPENMSG_SEQ;

  CURRENT_MESSAGE_ID = meta.id;
  CURRENT_MESSAGE_META = meta;

  showOverlay("Message", "panelMessage");
  updateMessageMoveButtons();

  const ts = Number(meta.created_at || meta.received_ts || 0);
  const from = displayFrom(meta);
  el("msgMetaLine").textContent =
    `From: ${from}${ts ? " • " + new Date(ts*1000).toLocaleString() : ""}`;

  hideReplyBox();
  el("msgBodyFull").textContent = "Loading…";

  const body = await jget(API.message(meta.id));

  // ignore stale response
  if (mySeq !== OPENMSG_SEQ) return;
  if (meta.id !== CURRENT_MESSAGE_ID) return;

  (function renderMessageBody(body){
  const pre = el("msgBodyFull");
  const frame = el("msgBodyHtml");

    const preBox = el("msgBodyFullBox");
// Reset

  if(frame)
  {
    frame.classList.add("hidden");
    frame.srcdoc = "";
  }
  if(preBox) preBox.classList.remove("hidden");
  if(pre) pre.classList.remove("hidden");
// Always reset attachments area
  renderAttachments([]);

  if(!body){ pre.textContent = "(empty)"; return; }

  const html = body.html || body.body_html || body.html_body || "";
  const text = body.text || body.body_text || "";

  if(html && frame)
  {

    // Render HTML safely in a sandboxed iframe; avoids showing raw tags in <pre>

    //frame.srcdoc = sanitizeEmailHtmlForIframe_DOM(String(html));

    frame.srcdoc = sanitizeEmailHtmlForIframe_DOM(String(html), {
      blockRemoteImages: false, // set true if you want privacy-first behavior
      stripStyleTags: false
    });

    frame.classList.remove("hidden");
    if(pre) pre.classList.add("hidden");
        if(preBox) preBox.classList.add("hidden");
renderAttachments(body.attachments || []);
    return;
  }

  if(text)
  {
    pre.textContent = String(text);
    renderAttachments(body.attachments || []);
    return;
  }

  pre.textContent = body.rfc822 || "(empty)";
  renderAttachments(body.attachments || []);
})(body);
}

  async function xx_openMessage(meta){
    CURRENT_MESSAGE_ID = meta.id;
    CURRENT_MESSAGE_META = meta;

    showOverlay("Message", "panelMessage");

    updateMessageMoveButtons();

    // Fill meta line
    const ts = Number(meta.created_at || meta.received_ts || 0);
    const from = displayFrom(meta);
    el("msgMetaLine").textContent = `From: ${from}${ts ? " • " + new Date(ts*1000).toLocaleString() : ""}`;

    hideReplyBox();

    const body = await jget(API.message(meta.id));
    (function renderMessageBody(body){
  const pre = el("msgBodyFull");
  const frame = el("msgBodyHtml");

    const preBox = el("msgBodyFullBox");
// Reset
  if(frame){
    frame.classList.add("hidden");
    frame.srcdoc = "";
  }
  if(preBox) preBox.classList.remove("hidden");
  if(pre) pre.classList.remove("hidden");
if(!body){ pre.textContent = "(empty)"; return; }

  const html = body.html || body.body_html || body.html_body || "";
  const text = body.text || body.body_text || "";

  if (html && frame)
  {
    // Render HTML safely in a sandboxed iframe; avoids showing raw tags in <pre>

    //frame.srcdoc = sanitizeEmailHtmlForIframe(String(html));

    frame.srcdoc = sanitizeEmailHtmlForIframe_DOM(String(html), {
      blockRemoteImages: false, // set true if you want privacy-first behavior
      stripStyleTags: false
    });

    frame.classList.remove("hidden");
    if(pre) pre.classList.add("hidden");
        if(preBox) preBox.classList.add("hidden");
renderAttachments(body.attachments || []);
    return;
  }

  if(text)
  {
    pre.textContent = String(text);
    renderAttachments(body.attachments || []);
    return;
  }
  pre.textContent = body.rfc822 || "(empty)";
})(body);
  }

  function openCompose(){
    showOverlay("New email", "panelCompose");
    clearCompose();
    // focus To
    setTimeout(()=>{ try{ el("newTo").focus(); }catch(e){} }, 0);
  }

  // Actions
  async function moveCurrentMessage(folder){
    if(!CURRENT_MESSAGE_ID) return;
    await jpost(`${API.message(CURRENT_MESSAGE_ID)}/move`, { folder });
    toast(`Moved to ${folder}`);
    closeOverlay();
    await refreshInbox();
  }

  function showReplyBox(){

    if(!CURRENT_MESSAGE_ID) return;

    // Hide action buttons

    if(el("messageActions"))

    el("messageActions").classList.add("hidden");
 
    el("replyBox").classList.remove("hidden");


    // Prefill
    const meta = CURRENT_MESSAGE_META || {};
    const to = String(headerVal(meta, "from_email") || headerVal(meta, "from") || "").trim();
    el("replyTo").value = to;

    const subj = String(headerVal(meta, "subject") || "").trim();
    el("replySubject").value = subj.toLowerCase().startsWith("re:") ? subj : ("Re: " + (subj || "(no subject)"));

    el("replyBody").value = "";
    setTimeout(()=>{ try{ el("replyBody").focus(); }catch(e){} }, 0);
  }

  async function sendReply(){
    if(!CURRENT_MESSAGE_ID) return;
    const to = (el("replyTo").value || "").trim();
    const subject = (el("replySubject").value || "").trim();
    const body = (el("replyBody").value || "").trim();
    if(!to) return toast("Reply: please enter To");
    if(!body) return toast("Reply: please enter message text");

    await jpost(`${API.message(CURRENT_MESSAGE_ID)}/reply`, { to, subject, body });
    toast("Reply sent");
    hideReplyBox();
  }

  async function sendNew(){
    const to = (el("newTo").value || "").trim();
    const subject = (el("newSubject").value || "").trim();
    const body = (el("newBody").value || "").trim();
    if(!to) return toast("New email: please enter To");
    if(!body) return toast("New email: please enter message text");

    await jpost(`${API.messages}/new`, { to, subject, body });
    toast("Sent");
    closeOverlay();
    // Optionally switch to Sent automatically:
    // setFolder("sent");
  }


  function escapeHtml(s){
    return String(s).replace(/[&<>"']/g, c=>({ "&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;" }[c]));
  }
  function formatBytes(n){
    const u=["B","KB","MB","GB"]; let i=0; let x=n;
    while(x>=1024 && i<u.length-1){ x/=1024; i++; }
    return `${x.toFixed(i?1:0)} ${u[i]}`;
  }

async function checkSession()
{
  // Default: signed out (cookie missing/expired) until proven otherwise

  //console.log("LOG: in checkSession(). 1");

  // Show translated "checking session" while we verify cookies
  //console.log("LOG: in checkSession(). 2");

  setAuthState({ checking:true });

  //console.log("LOG: in checkSession(). 3");

  setSignedIn({ signedIn:false, email:"" });

  //console.log("LOG: in checkSession(). 4");

  try
  {
    console.log("LOG: in checkSession(). 5");

    // IMPORTANT: declare s OUTSIDE the inner try so it exists below
    let s = null;

    try
    {
      s = await jget(API.session);
    }
    catch (e)
    {
      console.log("LOG: checkSession(): jget() failed:", e);
      s = null;
    }

    //console.log("LOG: in checkSession(). 6");

    // If we couldn't fetch/parse the session response, treat as signed-out
    if(!s)
    {
      setAuthState({ signedIn:false, email:"", checking:false });
      setSignedIn({ signedIn:false, email:"" });
      return;
    }

    setSignedIn({ signedIn: !!s.signed_in, email: s.email || "" });

    //console.log("LOG: in checkSession() .7");

    if (s.signed_in)
    {
      console.log("User is: " + (s.email || ""));
      // Ensure "checking" is cleared even if refreshInbox fails
      setAuthState({ signedIn:true, email: s.email || "", checking:false });

      try {
        await refreshInbox();
      } catch (eRefresh) {
        console.log("LOG: refreshInbox() failed:", eRefresh);
        // Still stay signed-in; inbox just didn't refresh
      }

      //console.log("LOG: in checkSession() 7B");
    }
    else
    {
      console.log("User is not signed in");
      setAuthState({ signedIn:false, email:"", checking:false });
      //console.log("LOG: in checkSession() 7C");
    }

    //console.log("LOG: in checkSession(). 8");
  }
  catch(e)
  {
    console.log("LOG: ERROR in checkSession()", e);
    setAuthState({ signedIn:false, email:"", checking:false });
    setSignedIn({ signedIn:false, email:"" });
  }
}


  async function xx_checkSession()
  {
    // Default: signed out (cookie missing/expired) until proven otherwise
    
    console.log("LOG: in checkSession(). 1");

    // Show translated "checking session" while we verify cookies

    console.log("LOG: in checkSession(). 2");

    setAuthState({ checking:true });

    console.log("LOG: in checkSession(). 3");

    setSignedIn({ signedIn:false, email:"" });

    console.log("LOG: in checkSession(). 4");
    
    try
    {

      console.log("LOG: in checkSession(). 5");

      try 
      {
      	const s = await jget(API.session);
      } 
      catch (e) 
      {
    	console.log("LOG: checkSession(): jget() failed:", e);
      }

      console.log("LOG: in checkSession(). 6");

      setSignedIn({ signedIn: !!s.signed_in, email: s.email || "" });

      console.log("LOG: in checkSession() .7");

      if (s.signed_in) 
      {
        console.log("User is: " + s.email);		
	await refreshInbox();
        console.log("LOG: in checkSession() 7B");

      }
      else
      {
          console.log("User is not signed in");		
          setAuthState({ signedIn:false, email:"", checking:false });
          console.log("LOG: in checkSession() 7C");

      }

      console.log("LOG: in checkSession(). 8");

    }
    catch(e)
    {
	console.log("LOG: ERROR in checkSession()");
        setAuthState({ signedIn:false, email:"", checking:false });
        setSignedIn({ signedIn:false, email:"" });
    }

  }

  // Events

  el("country").addEventListener("change", normalize);

  el("mobile").addEventListener("input", normalize);

  normalize();

  el("btnSendCode").onclick = async ()=>
  {

    const {country,mobile}=normalize();

    if(!country || mobile.length<6) 
    {
	return toast("Select a country + enter your mobile phone number");
    }

    try
    {
      const r = await jpost(API.sendCode, { country, mobile });
      toast(r.message || "Code sent");
    }
    catch(e)
    {
      // If user doesn't exist yet, auto-register then retry sending code

      const msg = (e && e.message) ? e.message.toLowerCase() : "";

      if(msg.includes("not found") || msg.includes("register"))
      {
        try
        {
          await jpost(API.register, { country, mobile });
          const r2 = await jpost(API.sendCode, { country, mobile });
          toast(r2.message || "Code sent");
          return;
        }
        catch(e2)
        {
          toast((e2 && e2.message) ? e2.message : "Error");
          return;
        }

      }

      toast(e.message);

    }
  };


  
  el("btnVerify").onclick = async ()=>{
    const {country,mobile}=normalize();
    const code = (el("code").value||"").trim();
    if(!code) return toast("Enter the sign-in code");
    try{
      const r = await jpost(API.verify, { country, mobile, code });
      toast(r.message || "Signed in");
      await checkSession();
    }catch(e){
      const msg = (e && e.message) ? e.message.toLowerCase() : "";
      if(msg.includes("not found") || msg.includes("register")){
        try{
          await jpost(API.register, { country, mobile });
          const r2 = await jpost(API.verify, { country, mobile, code });
          toast(r2.message || "Signed in");
          await checkSession();
          return;
        }catch(e2){
          toast((e2 && e2.message) ? e2.message : "Error");
          return;
        }
      }
      toast(e.message);
    }
  };


  el("btnLogout").onclick = async ()=>{
    try{ await jpost(API.logout, {}); }catch(e){}
    toast("Logged out");
    await checkSession();
  };

  el("btnRefresh").onclick = refreshInbox;

    // Clean signed-in actions (top-right in Inbox)

  if (el("btnNew2"))     el("btnNew2").onclick = openCompose;

  if (el("btnPrevPage")) el("btnPrevPage").onclick = GetPrevPage;

  if (el("btnNextPage")) el("btnNextPage").onclick = GetNextPage;

  if (el("btnRefresh2")) el("btnRefresh2").onclick = refreshInbox;

  if (el("btnLogout2")) el("btnLogout2").onclick = async ()=>
  {
    try{ await jpost(API.logout, {}); }catch(e){}
    toast("Logged out");
    closeOverlay();
    await checkSession();
  };

  // Mailbox tabs

  document.querySelectorAll('#mailTabs .tab').forEach(b=>{
    b.addEventListener("click", ()=>setFolder(b.getAttribute("data-folder")));
  });

  // Overlay controls

  if(el("btnOverlayBack")) el("btnOverlayBack").onclick = ()=>closeOverlay();
  if(el("btnOverlayClose")) el("btnOverlayClose").onclick = ()=>closeOverlay();

  // Message actions

  if(el("btnArchive")) el("btnArchive").onclick = ()=>moveCurrentMessage("archived");
  if(el("btnSpam"))    el("btnSpam").onclick    = ()=>moveCurrentMessage("spam");
  if(el("btnTrash"))   el("btnTrash").onclick   = ()=>moveCurrentMessage("trash");
  if(el("btnInbox"))   el("btnInbox").onclick   = ()=>moveCurrentMessage("inbox");
  if(el("btnAiOpinion")) el("btnAiOpinion").onclick = ()=>requestAiOpinion();
  if(el("btnAiOpinionClose")) el("btnAiOpinionClose").onclick = ()=>hideAiOpinionBox();

if(el("btnReply"))   el("btnReply").onclick   = ()=>showReplyBox();

  // Reply composer buttons (fixes Back/Cancel issues)

  if(el("btnCancelReply")) el("btnCancelReply").onclick = (e)=>{ e.preventDefault(); hideReplyBox(); };
  if(el("btnSendReply"))   el("btnSendReply").onclick   = (e)=>{ e.preventDefault(); sendReply(); };

  // New email composer
  if(el("btnCancelNew")) el("btnCancelNew").onclick = (e)=>{ e.preventDefault(); closeOverlay(); };
  if(el("btnSendNew"))   el("btnSendNew").onclick   = (e)=>{ e.preventDefault(); sendNew(); };


  // Init

  window.addEventListener("DOMContentLoaded", () => 
  {
    initLanguage();
    setFolder("inbox");
    checkSession();
  });



// Expose current UI direction for editors / components
window.getUiDir = function(){ return langDir(window.__lang || "en"); };
</script>
</body>
</html>