Merge branch 'next-reply' of https://github.com/tinode/webapp into next-reply

2021-08-28 23:45:23 +03:00
parent 08c295b704 e938b4ecd5
commit 9660b9016b
31 changed files with 1544 additions and 948 deletions
@@ -69,8 +69,8 @@ a.gray:focus {
  height: 1.4em;
  line-height: 1.4em;
  text-transform: none;
-  padding-left: .35rem;
-  padding-right: .35rem;
+  padding: 0 .35rem;
+  margin: 0.15rem;
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #eee;
@@ -405,6 +405,10 @@ div.trusted-badge {
  color: #FFC107!important; /* amber 500 */
 }

+.green {
+  color: #388e3c; /* green 700 */
+}
+
 .red {
  color: #D32F2F!important; /* red 700 */
 }
@@ -806,6 +810,11 @@ i.search {
  overflow: hidden;
  padding: 1rem 1.5rem 1rem 0.5rem;
 }
+
+.info-box > span {
+  line-height: 1.5rem;
+}
+
 .info-box .cancel {
  position: absolute;
  right: 0.25rem;
@@ -830,6 +839,7 @@ i.search {
  border-bottom: 1px solid #b3e5fc;
  color: #0288d1;
 }
+
 .info-box .cancel .material-icons {
  font-size: 1rem;
  color: #757575;
@@ -929,6 +939,12 @@ i.search {
  font-weight: lighter;
 }

+.contact-box .contact-comment > span {
+  overflow-x: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .contact-box .contact-comment b {
  font-weight: bolder;
 }
@@ -1856,7 +1872,7 @@ ul.tabbar li.active > a {
  width: 1.35rem;
  height: 1.35rem;
  margin-left: 0.5rem;
-  line-height: 1.35rem;
+  line-height: 1.45rem;
  text-align: center;
  vertical-align: middle;
 }
@@ -1931,6 +1947,7 @@ ul.tabbar li.active > a {
  text-align: center;
  border-radius: 50%;
  line-height: 1;
+  padding-top: 0.1em;
  color: rgba(250, 250, 250, 0.8); /* default text color #FAFAFA, gray 50 */
 }

@@ -1939,105 +1956,204 @@ ul.tabbar li.active > a {
 }

 /* Colors of letter tiles */
-.light-color0 {
+.lt-bg-0 {
  background-color: #ef9a9a;
 }
-.light-color1 {
+.lt-bg-1 {
  background-color: #90caf9;
 }
-.light-color2 {
+.lt-bg-2 {
  background-color: #b0bec5;
 }
-.light-color3 {
+.lt-bg-3 {
  background-color: #b39ddb;
 }
-.light-color4 {
+.lt-bg-4 {
  background-color: #ffab91;
 }
-.light-color5 {
+.lt-bg-5 {
  background-color: #a5d6a7;
 }
-.light-color6 {
+.lt-bg-6 {
  background-color: #eeeeee;
 }
-.light-color7 {
+.lt-bg-7 {
  background-color: #e6ee9c;
 }
-.light-color8 {
+.lt-bg-8 {
  background-color: #c5e1a5;
 }
-.light-color9 {
+.lt-bg-9 {
  background-color: #f0e57d;
 }
-.light-color10 {
+.lt-bg-10 {
  background-color: #f48fb1;
 }
-.light-color11 {
+.lt-bg-11 {
  background-color: #9fa8da;
 }
-.light-color12 {
+.lt-bg-12 {
  background-color: #ffe082;
 }
-.light-color13 {
+.lt-bg-13 {
  background-color: #bcaaa4;
 }
-.light-color14 {
+.lt-bg-14 {
  background-color: #80deea;
 }
-.light-color15 {
+.lt-bg-15 {
  background-color: #ce93d8;
 }

 /* Darker version of letter tile colors */
-.dark-color0 {
+.dk-bg-0 {
  background-color: #C62828;
 }
-.dark-color1 {
+.dk-bg-1 {
  background-color: #AD1457;
 }
-.dark-color2 {
+.dk-bg-2 {
  background-color: #6A1B9A;
 }
-.dark-color3 {
+.dk-bg-3 {
  background-color: #4527A0;
 }
-.dark-color4 {
+.dk-bg-4 {
  background-color: #283593;
 }
-.dark-color5 {
+.dk-bg-5 {
  background-color: #1565C0;
 }
-.dark-color6 {
+.dk-bg-6 {
  background-color: #0277BD;
 }
-.dark-color7 {
+.dk-bg-7 {
  background-color: #00838F;
 }
-.dark-color8 {
+.dk-bg-8 {
  background-color: #00695C;
 }
-.dark-color9 {
+.dk-bg-9 {
  background-color: #2E7D32;
 }
-.dark-color10 {
+.dk-bg-10 {
  background-color: #558B2F;
 }
-.dark-color11 {
+.dk-bg-11 {
  background-color: #9E9D24;
 }
-.dark-color12 {
+.dk-bg-12 {
  background-color: #F9A825;
 }
-.dark-color13 {
+.dk-bg-13 {
  background-color: #FF8F00;
 }
-.dark-color14 {
+.dk-bg-14 {
  background-color: #EF6C00;
 }
-.dark-color15 {
+.dk-bg-15 {
  background-color: #D84315;
 }

+/* Same colors as above but for text as opposite to background */
+.lt-fg-0 {
+  color: #ef9a9a!important;
+}
+.lt-fg-1 {
+  color: #90caf9!important;
+}
+.lt-fg-2 {
+  color: #b0bec5!important;
+}
+.lt-fg-3 {
+  color: #b39ddb!important;
+}
+.lt-fg-4 {
+  color: #ffab91!important;
+}
+.lt-fg-5 {
+  color: #a5d6a7!important;
+}
+.lt-fg-6 {
+  color: #eeeeee!important;
+}
+.lt-fg-7 {
+  color: #e6ee9c!important;
+}
+.lt-fg-8 {
+  color: #c5e1a5!important;
+}
+.lt-fg-9 {
+  color: #f0e57d!important;
+}
+.lt-fg-10 {
+  color: #f48fb1!important;
+}
+.lt-fg-11 {
+  color: #9fa8da!important;
+}
+.lt-fg-12 {
+  color: #ffe082!important;
+}
+.lt-fg-13 {
+  color: #bcaaa4!important;
+}
+.lt-fg-14 {
+  color: #80deea!important;
+}
+.lt-fg-15 {
+  color: #ce93d8!important;
+}
+
+.dk-fg-0 {
+  color: #C62828!important;
+}
+.dk-fg-1 {
+  color: #AD1457!important;
+}
+.dk-fg-2 {
+  color: #6A1B9A!important;
+}
+.dk-fg-3 {
+  color: #4527A0!important;
+}
+.dk-fg-4 {
+  color: #283593!important;
+}
+.dk-fg-5 {
+  color: #1565C0!important;
+}
+.dk-fg-6 {
+  color: #0277BD!important;
+}
+.dk-fg-7 {
+  color: #00838F!important;
+}
+.dk-fg-8 {
+  color: #00695C!important;
+}
+.dk-fg-9 {
+  color: #2E7D32!important;
+}
+.dk-fg-10 {
+  color: #558B2F!important;
+}
+.dk-fg-11 {
+  color: #9E9D24!important;
+}
+.dk-fg-12 {
+  color: #F9A825!important;
+}
+.dk-fg-13 {
+  color: #FF8F00!important;
+}
+.dk-fg-14 {
+  color: #EF6C00!important;
+}
+.dk-fg-15 {
+  color: #D84315!important;
+}
+
 /* Material icons resized from the default 24pt */
 .material-icons {
  font-size: 1.4rem;
@@ -2051,6 +2167,9 @@ ul.tabbar li.active > a {
 .material-icons.big {
  font-size: 2.4rem;
 }
+.material-icons.huge {
+  font-size: 4rem;
+}

 #self-avatar .material-icons {
  font-size: 2.4rem;
@@ -11,6 +11,7 @@ const EXTRACTED_STRINGS = './src/i18n/ex/base-en.json';
 const BASE_LANG        = 'en';
 const LANG_DIR         = './src/i18n/';
 const LANG_PATTERN     = './src/i18n/*.json';
+const LANG_PATTERN_ONE = './src/i18n/%s.json';
 const FINAL_FILE       = './src/messages.json';

 const args = process.argv.slice(2);
@@ -20,11 +21,18 @@ function getLocaleFromFileName(filename) {
  return parts[parts.length - 1].split('.json')[0];
 }

-// Called with a parameter?
+function printf(str) {
+  const args = [].slice.call(arguments, 1);
+  let i = 0;
+  return str.replace(/%s/g, () => args[i++]);
+}
+
+// Called with one or two parameters?
 if (args[0] == 'missing' || args[0] == 'obsolete') {
  // Extract missing or obsolete translations as requested.
-  // Read all translations.
-  const extracted = globSync(LANG_PATTERN)
+  // Read either all or just one translation.
+  const pattern = args[1] ? printf(LANG_PATTERN_ONE, args[1]) : LANG_PATTERN;
+  const extracted = globSync(pattern)
    .map((filename) => {
      const locale = getLocaleFromFileName(filename);
      const translated = JSON.parse(fs.readFileSync(filename, 'utf8'));
@@ -83,7 +91,7 @@ globSync(LANG_PATTERN)
      const [key, value] = ent;
      if (!baseMessages[key] && translated[key]) {
        // Obsolete, no longer missing.
-        translated[key].missing = false;
+        translated[key].missing = !translated[key].translation;
        translated[key].obsolete = true;
      }
    });
@@ -34,13 +34,6 @@
    "missing": false,
    "obsolete": false
  },
-  "action_more": {
-    "translation": "Mehr",
-    "defaultMessage": "More",
-    "description": "Action for showing more content",
-    "missing": false,
-    "obsolete": true
-  },
  "action_report_chat": {
    "translation": "Unterhaltung melden",
    "defaultMessage": "Report Conversation",
@@ -461,13 +454,6 @@
    "missing": false,
    "obsolete": false
  },
-  "label_default_access": {
-    "translation": "Standard Zugriffsmodus:",
-    "defaultMessage": "Default access mode:",
-    "description": "Section title",
-    "missing": false,
-    "obsolete": true
-  },
  "label_default_access_mode": {
    "translation": "Standard Zugriffsmodus:",
    "defaultMessage": "Default access mode:",
@@ -1026,13 +1012,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_general": {
-    "translation": "Allgemein",
-    "defaultMessage": "General",
-    "description": "Sidepanel title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_notifications": {
    "translation": "Benachrichtigungen",
    "defaultMessage": "Notifications",
@@ -1040,13 +1019,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_security": {
-    "translation": "Sicherheit",
-    "defaultMessage": "Security",
-    "description": "Sidepanel title for AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_support": {
    "translation": "Unterstützung",
    "defaultMessage": "Support",
@@ -1082,13 +1054,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_crop": {
-    "translation": "Zum Anpassen ziehen",
-    "defaultMessage": "Drag to Adjust",
-    "description": "Sidepanel title for AvatarCropView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_login": {
    "translation": "Anmelden",
    "defaultMessage": "Sign In",
@@ -1272,17 +1237,17 @@
    "obsolete": false
  },
  "description_editing_placeholder": {
-    "translation": "",
+    "translation": "Beschreibung (optional)",
    "defaultMessage": "Description (optional)",
    "description": "Placeholder for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "label_description": {
-    "translation": "",
+    "translation": "Beschreibung",
    "defaultMessage": "Description",
    "description": "Label for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "button_security": {
@@ -1293,10 +1258,10 @@
    "obsolete": false
  },
  "panel_title_general": {
-    "translation": "",
+    "translation": "Allgemein",
    "defaultMessage": "General",
    "description": "Title for TopicCommon.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_security": {
@@ -1307,10 +1272,10 @@
    "obsolete": false
  },
  "panel_title_crop": {
-    "translation": "",
+    "translation": "Zum Anpassen ziehen",
    "defaultMessage": "Drag to Adjust",
    "description": "Title for AvatarCropView.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_members": {
@@ -1321,17 +1286,17 @@
    "obsolete": false
  },
  "permissions_anonymous": {
-    "translation": "",
+    "translation": "Anonym",
    "defaultMessage": "Anonymous",
    "description": "Title for editing default anonymous permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_authenticated": {
-    "translation": "",
+    "translation": "Authentifiziert",
    "defaultMessage": "Authenticated",
    "description": "Title for editing default authenticated permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "topic_delete": {
@@ -1342,9 +1307,30 @@
    "obsolete": false
  },
  "permissions_user": {
-    "translation": "",
+    "translation": "Benutzerberechtigungen",
    "defaultMessage": "User's Permissions",
    "description": "Title for editing user's permissions",
+    "missing": false,
+    "obsolete": false
+  },
+  "password_reset_email_sent": {
+    "translation": "Eine E-Mail wurde an {email} gesendet. Folgen Sie den Anweisungen in der E-Mail, um Ihr Passwort zurückzusetzen.",
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent",
+    "missing": false,
+    "obsolete": false
+  },
+  "label_unarchive_topic": {
+    "translation": "Archiviert:",
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic",
+    "missing": false,
+    "obsolete": false
+  },
+  "menu_item_reply": {
+    "translation": "",
+    "defaultMessage": "Reply",
+    "description": "Reply to message",
    "missing": true,
    "obsolete": false
  }
@@ -1375,5 +1375,19 @@
    "description": "Title for editing user's permissions",
    "missing": false,
    "obsolete": false
+  },
+  "password_reset_email_sent": {
+    "translation": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent",
+    "missing": false,
+    "obsolete": false
+  },
+  "label_unarchive_topic": {
+    "translation": "Archived:",
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic",
+    "missing": false,
+    "obsolete": false
  }
 }
@@ -34,13 +34,6 @@
    "missing": false,
    "obsolete": false
  },
-  "action_more": {
-    "translation": "Más",
-    "defaultMessage": "More",
-    "description": "Action for showing more content",
-    "missing": false,
-    "obsolete": true
-  },
  "action_report_chat": {
    "translation": "Reportar conversación",
    "defaultMessage": "Report Conversation",
@@ -461,13 +454,6 @@
    "missing": false,
    "obsolete": false
  },
-  "label_default_access": {
-    "translation": "Modo de acceso predeterminado:",
-    "defaultMessage": "Default access mode:",
-    "description": "Section title",
-    "missing": false,
-    "obsolete": true
-  },
  "label_default_access_mode": {
    "translation": "Modo de acceso predeterminado:",
    "defaultMessage": "Default access mode:",
@@ -1026,13 +1012,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_general": {
-    "translation": "General",
-    "defaultMessage": "General",
-    "description": "Sidepanel title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_notifications": {
    "translation": "Notificaciones",
    "defaultMessage": "Notifications",
@@ -1040,13 +1019,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_security": {
-    "translation": "Seguridad",
-    "defaultMessage": "Security",
-    "description": "Sidepanel title for AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_support": {
    "translation": "Soporte",
    "defaultMessage": "Support",
@@ -1082,13 +1054,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_crop": {
-    "translation": "Arrastra para ajustar",
-    "defaultMessage": "Drag to Adjust",
-    "description": "Sidepanel title for AvatarCropView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_login": {
    "translation": "Iniciar sesión",
    "defaultMessage": "Sign In",
@@ -1180,13 +1145,6 @@
    "missing": false,
    "obsolete": false
  },
-  "title_info": {
-    "translation": "Información",
-    "defaultMessage": "Info",
-    "description": "Title for InfoView",
-    "missing": false,
-    "obsolete": true
-  },
  "title_manage_tags": {
    "translation": "Gestionar",
    "defaultMessage": "Manage",
@@ -1272,87 +1230,73 @@
    "obsolete": false
  },
  "description_editing_placeholder": {
-    "translation": "",
+    "translation": "Descripción (opcional)",
    "defaultMessage": "Description (optional)",
    "description": "Placeholder for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "label_description": {
-    "translation": "",
+    "translation": "Descripción",
    "defaultMessage": "Description",
    "description": "Label for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "button_security": {
-    "translation": "",
+    "translation": "Seguridad",
    "defaultMessage": "Security",
    "description": "Navigaton button for security panel.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
-  "panel_title_acc_general": {
-    "translation": "",
-    "defaultMessage": "General",
-    "description": "Title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
-  "panel_title_acc_security": {
-    "translation": "",
-    "defaultMessage": "Security",
-    "description": "Title for TopicSecirityView and AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "panel_title_crop": {
-    "translation": "",
+    "translation": "Arrastra para ajustar",
    "defaultMessage": "Drag to Adjust",
    "description": "Title for AvatarCropView.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_general": {
-    "translation": "",
+    "translation": "General",
    "defaultMessage": "General",
    "description": "Title for TopicCommon.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_members": {
-    "translation": "",
+    "translation": "Miembros",
    "defaultMessage": "Members",
    "description": "Title for managing group members view.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_security": {
-    "translation": "",
+    "translation": "Seguridad",
    "defaultMessage": "Security",
    "description": "Title for TopicSecirity and AccSecurity.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_info": {
-    "translation": "",
+    "translation": "Información",
    "defaultMessage": "Info",
    "description": "Title for InfoView",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_anonymous": {
-    "translation": "",
+    "translation": "Anónimo",
    "defaultMessage": "Anonymous",
    "description": "Title for editing default anonymous permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_authenticated": {
-    "translation": "",
+    "translation": "Autenticado",
    "defaultMessage": "Authenticated",
    "description": "Title for editing default authenticated permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "topic_delete": {
@@ -1363,9 +1307,30 @@
    "obsolete": false
  },
  "permissions_user": {
-    "translation": "",
+    "translation": "Permisos del usuario",
    "defaultMessage": "User's Permissions",
    "description": "Title for editing user's permissions",
+    "missing": false,
+    "obsolete": false
+  },
+  "password_reset_email_sent": {
+    "translation": "Se ha enviado un correo electrónico a {email}. Siga las instrucciones del correo electrónico para restablecer su contraseña.",
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent",
+    "missing": false,
+    "obsolete": false
+  },
+  "label_unarchive_topic": {
+    "translation": "Archivado:",
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic",
+    "missing": false,
+    "obsolete": false
+  },
+  "menu_item_reply": {
+    "translation": "",
+    "defaultMessage": "Reply",
+    "description": "Reply to message",
    "missing": true,
    "obsolete": false
  }
@@ -345,6 +345,10 @@
    "defaultMessage": "Name",
    "description": "Label for editing topic name"
  },
+  "label_unarchive_topic": {
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic"
+  },
  "label_user_contacts": {
    "defaultMessage": "Contacts:",
    "description": "Label for user contacts"
@@ -437,6 +441,10 @@
    "defaultMessage": "Mute",
    "description": "Turn off notifications"
  },
+  "menu_item_reply": {
+    "defaultMessage": "Reply",
+    "description": "Reply to message"
+  },
  "menu_item_restore_topic": {
    "defaultMessage": "Restore",
    "description": "Restore topic from archive"
@@ -521,6 +529,10 @@
    "defaultMessage": "Password",
    "description": "Placeholder/prompt for entering password"
  },
+  "password_reset_email_sent": {
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent"
+  },
  "password_unchanged_prompt": {
    "defaultMessage": "Unchanged",
    "description": "Message in editor while password is unchanged"
@@ -34,13 +34,6 @@
    "missing": false,
    "obsolete": false
  },
-  "action_more": {
-    "translation": "더보기",
-    "defaultMessage": "More",
-    "description": "Action for showing more content",
-    "missing": false,
-    "obsolete": true
-  },
  "action_report_chat": {
    "translation": "대화기록",
    "defaultMessage": "Report Conversation",
@@ -461,13 +454,6 @@
    "missing": false,
    "obsolete": false
  },
-  "label_default_access": {
-    "translation": "기본액세스모드: ",
-    "defaultMessage": "Default access mode:",
-    "description": "Section title",
-    "missing": false,
-    "obsolete": true
-  },
  "label_default_access_mode": {
    "translation": "기본액세스모드: ",
    "defaultMessage": "Default access mode:",
@@ -1026,13 +1012,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_general": {
-    "translation": "일반",
-    "defaultMessage": "General",
-    "description": "Sidepanel title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_notifications": {
    "translation": "알림",
    "defaultMessage": "Notifications",
@@ -1040,13 +1019,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_security": {
-    "translation": "보안",
-    "defaultMessage": "Security",
-    "description": "Sidepanel title for AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_support": {
    "translation": "지원",
    "defaultMessage": "Support",
@@ -1082,13 +1054,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_crop": {
-    "translation": "드래그하여 조정",
-    "defaultMessage": "Drag to Adjust",
-    "description": "Sidepanel title for AvatarCropView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_login": {
    "translation": "로그인",
    "defaultMessage": "Sign In",
@@ -1180,13 +1145,6 @@
    "missing": false,
    "obsolete": false
  },
-  "title_info": {
-    "translation": "정보",
-    "defaultMessage": "Info",
-    "description": "Title for InfoView",
-    "missing": false,
-    "obsolete": true
-  },
  "title_manage_tags": {
    "translation": "관리",
    "defaultMessage": "Manage",
@@ -1271,98 +1229,74 @@
    "missing": false,
    "obsolete": false
  },
-  "grant_permissions": {
-    "translation": "승인",
-    "missing": false,
-    "obsolete": true
-  },
-  "message_not_readable": {
-    "translation": "메시지에접근할수없음",
-    "missing": false,
-    "obsolete": true
-  },
  "description_editing_placeholder": {
-    "translation": "",
+    "translation": "설명(선택 사항)",
    "defaultMessage": "Description (optional)",
    "description": "Placeholder for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "label_description": {
-    "translation": "",
+    "translation": "설명",
    "defaultMessage": "Description",
    "description": "Label for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "button_security": {
-    "translation": "",
+    "translation": "보안",
    "defaultMessage": "Security",
    "description": "Navigaton button for security panel.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
-  "panel_title_acc_general": {
-    "translation": "",
-    "defaultMessage": "General",
-    "description": "Title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
-  "panel_title_acc_security": {
-    "translation": "",
-    "defaultMessage": "Security",
-    "description": "Title for TopicSecirityView and AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "panel_title_crop": {
-    "translation": "",
+    "translation": "드래그하여 조정",
    "defaultMessage": "Drag to Adjust",
    "description": "Title for AvatarCropView.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_general": {
-    "translation": "",
+    "translation": "일반",
    "defaultMessage": "General",
    "description": "Title for TopicCommon.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_members": {
-    "translation": "",
+    "translation": "구성원",
    "defaultMessage": "Members",
    "description": "Title for managing group members view.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_security": {
-    "translation": "",
+    "translation": "보안",
    "defaultMessage": "Security",
    "description": "Title for TopicSecirity and AccSecurity.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_info": {
-    "translation": "",
+    "translation": "정보",
    "defaultMessage": "Info",
    "description": "Title for InfoView",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_anonymous": {
-    "translation": "",
+    "translation": "익명",
    "defaultMessage": "Anonymous",
    "description": "Title for editing default anonymous permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_authenticated": {
-    "translation": "",
+    "translation": "인증됨",
    "defaultMessage": "Authenticated",
    "description": "Title for editing default authenticated permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "topic_delete": {
@@ -1373,9 +1307,30 @@
    "obsolete": false
  },
  "permissions_user": {
-    "translation": "",
+    "translation": "사용자 권한",
    "defaultMessage": "User's Permissions",
    "description": "Title for editing user's permissions",
+    "missing": false,
+    "obsolete": false
+  },
+  "password_reset_email_sent": {
+    "translation": "이메일이 {email}(으)로 전송되었습니다. 이메일의 지침에 따라 비밀번호를 재설정하세요.",
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent",
+    "missing": false,
+    "obsolete": false
+  },
+  "label_unarchive_topic": {
+    "translation": "보관됨:",
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic",
+    "missing": false,
+    "obsolete": false
+  },
+  "menu_item_reply": {
+    "translation": "",
+    "defaultMessage": "Reply",
+    "description": "Reply to message",
    "missing": true,
    "obsolete": false
  }
@@ -34,13 +34,6 @@
    "missing": false,
    "obsolete": false
  },
-  "action_more": {
-    "translation": "Mai multe",
-    "defaultMessage": "More",
-    "description": "Action for showing more content",
-    "missing": false,
-    "obsolete": true
-  },
  "action_report_chat": {
    "translation": "Raportează conversația",
    "defaultMessage": "Report Conversation",
@@ -461,13 +454,6 @@
    "missing": false,
    "obsolete": false
  },
-  "label_default_access": {
-    "translation": "Modul default:",
-    "defaultMessage": "Default access mode:",
-    "description": "Section title",
-    "missing": false,
-    "obsolete": true
-  },
  "label_default_access_mode": {
    "translation": "Default access mode:",
    "defaultMessage": "Default access mode:",
@@ -1026,13 +1012,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_general": {
-    "translation": "Generale",
-    "defaultMessage": "General",
-    "description": "Sidepanel title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_notifications": {
    "translation": "Notificări",
    "defaultMessage": "Notifications",
@@ -1040,13 +1019,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_security": {
-    "translation": "Securitate",
-    "defaultMessage": "Security",
-    "description": "Sidepanel title for AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_support": {
    "translation": "Ajutor",
    "defaultMessage": "Support",
@@ -1082,13 +1054,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_crop": {
-    "translation": "Trageți pentru a ajusta",
-    "defaultMessage": "Drag to Adjust",
-    "description": "Sidepanel title for AvatarCropView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_login": {
    "translation": "Conectează-te",
    "defaultMessage": "Sign In",
@@ -1180,13 +1145,6 @@
    "missing": false,
    "obsolete": false
  },
-  "title_info": {
-    "translation": "Info",
-    "defaultMessage": "Info",
-    "description": "Title for InfoView",
-    "missing": false,
-    "obsolete": true
-  },
  "title_manage_tags": {
    "translation": "Administrează",
    "defaultMessage": "Manage",
@@ -1272,87 +1230,73 @@
    "obsolete": false
  },
  "description_editing_placeholder": {
-    "translation": "",
+    "translation": "Descriere (opțional)",
    "defaultMessage": "Description (optional)",
    "description": "Placeholder for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "label_description": {
-    "translation": "",
+    "translation": "Descriere",
    "defaultMessage": "Description",
    "description": "Label for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "button_security": {
-    "translation": "",
+    "translation": "Securitate",
    "defaultMessage": "Security",
    "description": "Navigaton button for security panel.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
-  "panel_title_acc_general": {
-    "translation": "",
-    "defaultMessage": "General",
-    "description": "Title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
-  "panel_title_acc_security": {
-    "translation": "",
-    "defaultMessage": "Security",
-    "description": "Title for TopicSecirityView and AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "panel_title_crop": {
-    "translation": "",
+    "translation": "Trageți pentru a ajusta",
    "defaultMessage": "Drag to Adjust",
    "description": "Title for AvatarCropView.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_general": {
-    "translation": "",
+    "translation": "Generale",
    "defaultMessage": "General",
    "description": "Title for TopicCommon.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_members": {
-    "translation": "",
+    "translation": "Membri",
    "defaultMessage": "Members",
    "description": "Title for managing group members view.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_security": {
-    "translation": "",
+    "translation": "Securitate",
    "defaultMessage": "Security",
    "description": "Title for TopicSecirity and AccSecurity.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_info": {
-    "translation": "",
+    "translation": "Info",
    "defaultMessage": "Info",
    "description": "Title for InfoView",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_anonymous": {
-    "translation": "",
+    "translation": "Anonim",
    "defaultMessage": "Anonymous",
    "description": "Title for editing default anonymous permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_authenticated": {
-    "translation": "",
+    "translation": "Autentificat",
    "defaultMessage": "Authenticated",
    "description": "Title for editing default authenticated permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "topic_delete": {
@@ -1363,9 +1307,30 @@
    "obsolete": false
  },
  "permissions_user": {
-    "translation": "",
+    "translation": "Permisiunile utilizatorului",
    "defaultMessage": "User's Permissions",
    "description": "Title for editing user's permissions",
+    "missing": false,
+    "obsolete": false
+  },
+  "password_reset_email_sent": {
+    "translation": "Un e-mail a fost trimis către {email}. Urmați instrucțiunile din e-mail pentru a vă reseta parola.",
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent",
+    "missing": false,
+    "obsolete": false
+  },
+  "label_unarchive_topic": {
+    "translation": "Arhivat:",
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic",
+    "missing": false,
+    "obsolete": false
+  },
+  "menu_item_reply": {
+    "translation": "",
+    "defaultMessage": "Reply",
+    "description": "Reply to message",
    "missing": true,
    "obsolete": false
  }
@@ -34,13 +34,6 @@
    "missing": false,
    "obsolete": false
  },
-  "action_more": {
-    "translation": "Ещё",
-    "defaultMessage": "More",
-    "description": "Action for showing more content",
-    "missing": false,
-    "obsolete": true
-  },
  "action_report_chat": {
    "translation": "Сообщить о нарушении",
    "defaultMessage": "Report Conversation",
@@ -461,13 +454,6 @@
    "missing": false,
    "obsolete": false
  },
-  "label_default_access": {
-    "translation": "Права по умолчанию:",
-    "defaultMessage": "Default access mode:",
-    "description": "Section title",
-    "missing": false,
-    "obsolete": true
-  },
  "label_default_access_mode": {
    "translation": "Доступ по умолчанию:",
    "defaultMessage": "Default access mode:",
@@ -1026,13 +1012,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_general": {
-    "translation": "Общие настройки",
-    "defaultMessage": "General",
-    "description": "Sidepanel title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_notifications": {
    "translation": "Уведомления",
    "defaultMessage": "Notifications",
@@ -1040,13 +1019,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_security": {
-    "translation": "Безопасность",
-    "defaultMessage": "Security",
-    "description": "Sidepanel title for AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_support": {
    "translation": "Поддержка",
    "defaultMessage": "Support",
@@ -1082,13 +1054,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_crop": {
-    "translation": "Обрезать картинку",
-    "defaultMessage": "Drag to Adjust",
-    "description": "Sidepanel title for AvatarCropView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_login": {
    "translation": "Авторизация",
    "defaultMessage": "Sign In",
@@ -1180,13 +1145,6 @@
    "missing": false,
    "obsolete": false
  },
-  "title_info": {
-    "translation": "Подробности",
-    "defaultMessage": "Info",
-    "description": "Title for InfoView",
-    "missing": false,
-    "obsolete": true
-  },
  "title_manage_tags": {
    "translation": "Редактировать",
    "defaultMessage": "Manage",
@@ -1272,87 +1230,73 @@
    "obsolete": false
  },
  "description_editing_placeholder": {
-    "translation": "",
+    "translation": "Описание (не обязательно)",
    "defaultMessage": "Description (optional)",
    "description": "Placeholder for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "label_description": {
-    "translation": "",
+    "translation": "Описание",
    "defaultMessage": "Description",
    "description": "Label for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "button_security": {
-    "translation": "",
+    "translation": "Безопасность",
    "defaultMessage": "Security",
    "description": "Navigaton button for security panel.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
-  "panel_title_acc_general": {
-    "translation": "",
-    "defaultMessage": "General",
-    "description": "Title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
-  "panel_title_acc_security": {
-    "translation": "",
-    "defaultMessage": "Security",
-    "description": "Title for TopicSecirityView and AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "panel_title_crop": {
-    "translation": "",
+    "translation": "Обрезать картинку",
    "defaultMessage": "Drag to Adjust",
    "description": "Title for AvatarCropView.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_general": {
-    "translation": "",
+    "translation": "Общие настройки",
    "defaultMessage": "General",
    "description": "Title for TopicCommon.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_members": {
-    "translation": "",
+    "translation": "Участники",
    "defaultMessage": "Members",
    "description": "Title for managing group members view.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_security": {
-    "translation": "",
+    "translation": "Безопасность",
    "defaultMessage": "Security",
    "description": "Title for TopicSecirity and AccSecurity.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_info": {
-    "translation": "",
+    "translation": "Подробности",
    "defaultMessage": "Info",
    "description": "Title for InfoView",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_anonymous": {
-    "translation": "",
+    "translation": "Анонимный",
    "defaultMessage": "Anonymous",
    "description": "Title for editing default anonymous permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_authenticated": {
-    "translation": "",
+    "translation": "Авторизованный",
    "defaultMessage": "Authenticated",
    "description": "Title for editing default authenticated permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "topic_delete": {
@@ -1363,9 +1307,30 @@
    "obsolete": false
  },
  "permissions_user": {
-    "translation": "",
+    "translation": "Права доступа",
    "defaultMessage": "User's Permissions",
    "description": "Title for editing user's permissions",
+    "missing": false,
+    "obsolete": false
+  },
+  "password_reset_email_sent": {
+    "translation": "Сообщение было отправлено на адрес {email}. Следуйте инструкциям в сообщении, чтобы изменить пароль.",
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent",
+    "missing": false,
+    "obsolete": false
+  },
+  "label_unarchive_topic": {
+    "translation": "Архивирован:",
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic",
+    "missing": false,
+    "obsolete": false
+  },
+  "menu_item_reply": {
+    "translation": "",
+    "defaultMessage": "Reply",
+    "description": "Reply to message",
    "missing": true,
    "obsolete": false
  }
@@ -34,13 +34,6 @@
    "missing": false,
    "obsolete": false
  },
-  "action_more": {
-    "translation": "更多",
-    "defaultMessage": "More",
-    "description": "Action for showing more content",
-    "missing": false,
-    "obsolete": true
-  },
  "action_report_chat": {
    "translation": "檢舉對話",
    "defaultMessage": "Report Conversation",
@@ -56,9 +49,10 @@
    "obsolete": false
  },
  "badge_danger": {
+    "translation": "不可信",
    "defaultMessage": "Untrustworthy",
    "description": "Suspicious or untrustworthy account or topic badge",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "badge_owner": {
@@ -69,15 +63,17 @@
    "obsolete": false
  },
  "badge_staff": {
+    "translation": "員工管理",
    "defaultMessage": "Staff-managed",
    "description": "Explanation of a staff-managed account or topic badge",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "badge_verified": {
+    "translation": "已驗證/官方",
    "defaultMessage": "Verified/official",
    "description": "Explanation of a verified account or topic badge",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "badge_you": {
@@ -298,9 +294,10 @@
    "obsolete": false
  },
  "delete_account_warning": {
+    "translation": "您確定要刪除您的帳戶嗎？此操作無法撤消。",
    "defaultMessage": "Are you sure you want to delete your account? It cannot be undone.",
    "description": "Warning message when deleting an account",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "delete_messages_warning": {
@@ -457,13 +454,6 @@
    "missing": false,
    "obsolete": false
  },
-  "label_default_access": {
-    "translation": "預設存取模式：",
-    "defaultMessage": "Default access mode:",
-    "description": "Section title",
-    "missing": false,
-    "obsolete": true
-  },
  "label_default_access_mode": {
    "translation": "預設存取模式：",
    "defaultMessage": "Default access mode:",
@@ -757,9 +747,10 @@
    "obsolete": false
  },
  "menu_item_restore_topic": {
+    "translation": "恢復",
    "defaultMessage": "Restore",
    "description": "Restore topic from archive",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "menu_item_send_retry": {
@@ -1021,13 +1012,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_general": {
-    "translation": "一般",
-    "defaultMessage": "General",
-    "description": "Sidepanel title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_notifications": {
    "translation": "通知",
    "defaultMessage": "Notifications",
@@ -1035,13 +1019,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_security": {
-    "translation": "安全性",
-    "defaultMessage": "Security",
-    "description": "Sidepanel title for AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_support": {
    "translation": "支援",
    "defaultMessage": "Support",
@@ -1077,12 +1054,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_crop": {
-    "defaultMessage": "Drag to Adjust",
-    "description": "Sidepanel title for AvatarCropView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_login": {
    "translation": "登入",
    "defaultMessage": "Sign In",
@@ -1174,13 +1145,6 @@
    "missing": false,
    "obsolete": false
  },
-  "title_info": {
-    "translation": "資訊",
-    "defaultMessage": "Info",
-    "description": "Title for InfoView",
-    "missing": false,
-    "obsolete": true
-  },
  "title_manage_tags": {
    "translation": "管理",
    "defaultMessage": "Manage",
@@ -1265,93 +1229,74 @@
    "missing": false,
    "obsolete": false
  },
-  "delete_account_arning": {
-    "translation": "您確定要刪除您的帳號嗎？此操作無法復原。",
-    "missing": false,
-    "obsolete": true
-  },
  "description_editing_placeholder": {
-    "translation": "",
+    "translation": "說明（可選）",
    "defaultMessage": "Description (optional)",
    "description": "Placeholder for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "label_description": {
-    "translation": "",
+    "translation": "說明",
    "defaultMessage": "Description",
    "description": "Label for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "button_security": {
-    "translation": "",
+    "translation": "安全性",
    "defaultMessage": "Security",
    "description": "Navigaton button for security panel.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
-  "panel_title_acc_general": {
-    "translation": "",
-    "defaultMessage": "General",
-    "description": "Title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
-  "panel_title_acc_security": {
-    "translation": "",
-    "defaultMessage": "Security",
-    "description": "Title for TopicSecirityView and AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "panel_title_crop": {
-    "translation": "",
+    "translation": "拖動調整",
    "defaultMessage": "Drag to Adjust",
    "description": "Title for AvatarCropView.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_general": {
-    "translation": "",
+    "translation": "一般",
    "defaultMessage": "General",
    "description": "Title for TopicCommon.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_members": {
-    "translation": "",
+    "translation": "成員",
    "defaultMessage": "Members",
    "description": "Title for managing group members view.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_security": {
-    "translation": "",
+    "translation": "安全性",
    "defaultMessage": "Security",
    "description": "Title for TopicSecirity and AccSecurity.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_info": {
-    "translation": "",
+    "translation": "資訊",
    "defaultMessage": "Info",
    "description": "Title for InfoView",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_anonymous": {
-    "translation": "",
+    "translation": "匿名",
    "defaultMessage": "Anonymous",
    "description": "Title for editing default anonymous permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_authenticated": {
-    "translation": "",
+    "translation": "已認證",
    "defaultMessage": "Authenticated",
    "description": "Title for editing default authenticated permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "topic_delete": {
@@ -1362,9 +1307,30 @@
    "obsolete": false
  },
  "permissions_user": {
-    "translation": "",
+    "translation": "用戶權限",
    "defaultMessage": "User's Permissions",
    "description": "Title for editing user's permissions",
+    "missing": false,
+    "obsolete": false
+  },
+  "password_reset_email_sent": {
+    "translation": "一封電子郵件已發送至 {email}。按照電子郵件中的說明重置密碼。",
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent",
+    "missing": false,
+    "obsolete": false
+  },
+  "label_unarchive_topic": {
+    "translation": "存檔聊天：",
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic",
+    "missing": false,
+    "obsolete": false
+  },
+  "menu_item_reply": {
+    "translation": "",
+    "defaultMessage": "Reply",
+    "description": "Reply to message",
    "missing": true,
    "obsolete": false
  }
@@ -34,13 +34,6 @@
    "missing": false,
    "obsolete": false
  },
-  "action_more": {
-    "translation": "更多",
-    "defaultMessage": "More",
-    "description": "Action for showing more content",
-    "missing": false,
-    "obsolete": true
-  },
  "action_report_chat": {
    "translation": "检举垃圾邮件",
    "defaultMessage": "Report Conversation",
@@ -461,13 +454,6 @@
    "missing": false,
    "obsolete": false
  },
-  "label_default_access": {
-    "translation": "默认权限模式：",
-    "defaultMessage": "Default access mode:",
-    "description": "Section title",
-    "missing": false,
-    "obsolete": true
-  },
  "label_default_access_mode": {
    "translation": "蓦然访问模式：",
    "defaultMessage": "Default access mode:",
@@ -1026,13 +1012,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_general": {
-    "translation": "常用设定",
-    "defaultMessage": "General",
-    "description": "Sidepanel title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_notifications": {
    "translation": "通知",
    "defaultMessage": "Notifications",
@@ -1040,13 +1019,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_acc_security": {
-    "translation": "安全",
-    "defaultMessage": "Security",
-    "description": "Sidepanel title for AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_acc_support": {
    "translation": "支持",
    "defaultMessage": "Support",
@@ -1082,13 +1054,6 @@
    "missing": false,
    "obsolete": false
  },
-  "sidepanel_title_crop": {
-    "translation": "拖动调整",
-    "defaultMessage": "Drag to Adjust",
-    "description": "Sidepanel title for AvatarCropView.",
-    "missing": false,
-    "obsolete": true
-  },
  "sidepanel_title_login": {
    "translation": "登录",
    "defaultMessage": "Sign In",
@@ -1180,13 +1145,6 @@
    "missing": false,
    "obsolete": false
  },
-  "title_info": {
-    "translation": "信息",
-    "defaultMessage": "Info",
-    "description": "Title for InfoView",
-    "missing": false,
-    "obsolete": true
-  },
  "title_manage_tags": {
    "translation": "管理标签",
    "defaultMessage": "Manage",
@@ -1272,87 +1230,73 @@
    "obsolete": false
  },
  "description_editing_placeholder": {
-    "translation": "",
+    "translation": "说明（可选）",
    "defaultMessage": "Description (optional)",
    "description": "Placeholder for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "label_description": {
-    "translation": "",
+    "translation": "说明",
    "defaultMessage": "Description",
    "description": "Label for editing topic description",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "button_security": {
-    "translation": "",
+    "translation": "安全",
    "defaultMessage": "Security",
    "description": "Navigaton button for security panel.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
-  "panel_title_acc_general": {
-    "translation": "",
-    "defaultMessage": "General",
-    "description": "Title for TopicCommonView.",
-    "missing": false,
-    "obsolete": true
-  },
-  "panel_title_acc_security": {
-    "translation": "",
-    "defaultMessage": "Security",
-    "description": "Title for TopicSecirityView and AccSecurityView.",
-    "missing": false,
-    "obsolete": true
-  },
  "panel_title_crop": {
-    "translation": "",
+    "translation": "拖动调整",
    "defaultMessage": "Drag to Adjust",
    "description": "Title for AvatarCropView.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_general": {
-    "translation": "",
+    "translation": "常用设定",
    "defaultMessage": "General",
    "description": "Title for TopicCommon.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_members": {
-    "translation": "",
+    "translation": "成员",
    "defaultMessage": "Members",
    "description": "Title for managing group members view.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_security": {
-    "translation": "",
+    "translation": "安全",
    "defaultMessage": "Security",
    "description": "Title for TopicSecirity and AccSecurity.",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "panel_title_info": {
-    "translation": "",
+    "translation": "信息",
    "defaultMessage": "Info",
    "description": "Title for InfoView",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_anonymous": {
-    "translation": "",
+    "translation": "匿名",
    "defaultMessage": "Anonymous",
    "description": "Title for editing default anonymous permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "permissions_authenticated": {
-    "translation": "",
+    "translation": "已认证",
    "defaultMessage": "Authenticated",
    "description": "Title for editing default authenticated permissions",
-    "missing": true,
+    "missing": false,
    "obsolete": false
  },
  "topic_delete": {
@@ -1363,9 +1307,30 @@
    "obsolete": false
  },
  "permissions_user": {
-    "translation": "",
+    "translation": "用户权限",
    "defaultMessage": "User's Permissions",
    "description": "Title for editing user's permissions",
+    "missing": false,
+    "obsolete": false
+  },
+  "password_reset_email_sent": {
+    "translation": "一封电子邮件已发送至 {email}。按照电子邮件中的说明重置密码。",
+    "defaultMessage": "An email has been sent to {email}. Follow the directions in the email to reset your password.",
+    "description": "Notification that the email with password reset instructions has been sent",
+    "missing": false,
+    "obsolete": false
+  },
+  "label_unarchive_topic": {
+    "translation": "存档：",
+    "defaultMessage": "Archived:",
+    "description": "Label for unarchiving the topic",
+    "missing": false,
+    "obsolete": false
+  },
+  "menu_item_reply": {
+    "translation": "",
+    "defaultMessage": "Reply",
+    "description": "Reply to message",
    "missing": true,
    "obsolete": false
  }
@@ -39,7 +39,7 @@ export function bytesToHumanSize(bytes) {

 // Get 32 bit integer hash value for a string. Ideally it should produce the same value
 // as Java's String#hash().
-export function stringHash(value) {
+function stringToColorHash(value) {
  let hash = 0;
  value = '' + value;
  for (let i = 0; i < value.length; i++) {
@@ -48,3 +48,12 @@ export function stringHash(value) {
  }
  return hash;
 }
+
+// Converts user or topic ID to a CSS color class. Ideally it should produce the same color value as Java version.
+// params:
+// - {string} id: user or topic ID
+// - {boolean} light: light or dark version of the color.
+// - {boolean} fg: foreground or background color.
+export function idToColorClass(id, light, fg) {
+  return (light ? 'lt-' : 'dk-') + (fg ? 'fg-' : 'bg-') + (Math.abs(stringToColorHash(id)) % 16);
+}
@@ -91,6 +91,7 @@ class InfoView extends React.Component {
      owner: false,
      admin: false,
      sharer: false,
+      deleter: false,
      muted: false,
      address: null,
      groupTopic: undefined,
@@ -115,10 +116,12 @@ class InfoView extends React.Component {

    this.resetSubs = this.resetSubs.bind(this);
    this.resetDesc = this.resetDesc.bind(this);
+    this.resetTags = this.resetTags.bind(this);
    this.onMetaDesc = this.onMetaDesc.bind(this);
    this.onSubsUpdated = this.onSubsUpdated.bind(this);
    this.handleImageChanged = this.handleImageChanged.bind(this);
    this.handleMuted = this.handleMuted.bind(this);
+    this.handleUnarchive = this.handleUnarchive.bind(this);
    this.handlePermissionsChanged = this.handlePermissionsChanged.bind(this);
    this.handleLaunchPermissionsEditor = this.handleLaunchPermissionsEditor.bind(this);
    this.handleShowAddMembers = this.handleShowAddMembers.bind(this);
@@ -147,6 +150,7 @@ class InfoView extends React.Component {
      this.setState({topic: props.topic});
      this.resetDesc(topic, props);
      this.resetSubs(topic, props);
+      this.resetTags(topic);
    }
  }

@@ -199,6 +203,7 @@ class InfoView extends React.Component {
      owner: acs && acs.isOwner(),
      admin: acs && acs.isAdmin(),
      sharer: acs && acs.isSharer(),
+      deleter: acs && acs.isDeleter(),
      muted: acs && acs.isMuted(),

      fullName: _clip(topic.public ? topic.public.fn : undefined, MAX_TITLE_LENGTH),
@@ -206,6 +211,7 @@ class InfoView extends React.Component {
      avatar: makeImageUrl(topic.public ? topic.public.photo : null),
      trustedBadges: badges,
      private: _clip(topic.private ? topic.private.comment : null, MAX_TITLE_LENGTH),
+      archived: topic.isArchived(),
      address: topic.name,
      groupTopic: topic.isGroupType(),
      channel: topic.isChannelType() || topic.chan,
@@ -215,8 +221,15 @@ class InfoView extends React.Component {
      auth: defacs.auth,
      anon: defacs.anon
    });
+  }

-    if (topic.getType() == 'grp' && acs && acs.isOwner()) {
+  resetTags(topic) {
+    if (topic.getType() != 'grp') {
+      return;
+    }
+
+    const acs = topic.getAccessMode();
+    if (acs && acs.isOwner()) {
      // Requesting tags: owner is editing the topic.
      topic.getMeta(topic.startMetaQuery().withTags().build());
    }
@@ -256,14 +269,17 @@ class InfoView extends React.Component {
    this.props.onChangePermissions(this.props.topic, checked ? '-P' : '+P');
  }

+  handleUnarchive(ignored, ignored2) {
+    this.props.onTopicUnArchive(this.props.topic);
+  }
+
  handlePermissionsChanged(which, perm) {
-    console.log("handlePermissionsChanged", which, perm);
    switch (which) {
      case 'auth':
-        this.props.onTopicDescUpdate(this.props.topic, null, null, {auth: perm});
+        this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {auth: perm});
        break;
      case 'anon':
-        this.props.onTopicDescUpdate(this.props.topic, null, null, {anon: perm});
+        this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {anon: perm});
        break;
      case 'mode':
      case 'want':
@@ -276,10 +292,11 @@ class InfoView extends React.Component {
        this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);
        break;
    }
+
+    this.handleBackNavigate();
  }

  handleLaunchPermissionsEditor(which, uid) {
-    console.log(which, uid);
    const {formatMessage} = this.props.intl;
    let toEdit, toCompare, toSkip, titleEdit, titleCompare, userTitle, userAvatar;
    switch (which) {
@@ -339,7 +356,7 @@ class InfoView extends React.Component {
        break;
      }
      default:
-        console.log("Unknown permission editing mode '" + which + "'");
+        console.error("Unknown permission editing mode '" + which + "'");
        return;
    }
    this.setState({
@@ -468,17 +485,31 @@ class InfoView extends React.Component {
            tinode={this.props.tinode}
            topic={this.props.topic}
            onCredAdd={this.props.onCredAdd}
-            onTopicTagsUpdate={this.props.onTopicTagsUpdate}
+            onTopicTagsUpdateRequest={this.props.onTopicTagsUpdateRequest}
            onCredConfirm={this.props.onCredConfirm}
            onCredDelete={this.props.onCredDelete}
-            onUpdateTopicDesc={this.props.onTopicDescUpdate}
-            onUpdateTags={this.props.onUpdateTags}
+            onUpdateTopicDesc={this.props.onTopicDescUpdateRequest}
            onError={this.props.onError} />
          :
        view == 'security' ?
          <TopicSecurity
-            tinode={this.props.tinode}
            topic={this.props.topic}
+            owner={this.state.owner}
+            admin={this.state.admin}
+            sharer={this.state.sharer}
+            deleter={this.state.deleter}
+            muted={this.state.muted}
+
+            groupTopic={this.state.groupTopic}
+            channel={this.state.channel}
+            access={this.state.access}
+            modeGiven={this.state.modeGiven}
+            modeWant={this.state.modeWant}
+            modeGiven2={this.state.modeGiven2}
+            modeWant2={this.state.modeWant2}
+            auth={this.state.auth}
+            anon={this.state.anon}
+
            onShowAlert={this.props.onShowAlert}
            onDeleteMessages={this.props.onDeleteMessages}
            onLeaveTopic={this.props.onLeaveTopic}
@@ -544,6 +575,17 @@ class InfoView extends React.Component {
              </label>
              <CheckBox name="P" checked={this.state.muted} onChange={this.handleMuted} />
            </div>
+            {this.state.archived ?
+              <div className="panel-form-row">
+                <label>
+                  <FormattedMessage id="label_unarchive_topic" defaultMessage="Archived:"
+                    description="Label for unarchiving the topic" />
+                </label>
+                <CheckBox name="archived" checked={true} onChange={this.handleUnarchive} />
+              </div>
+              :
+              null
+            }
            <div className="hr" />
            <div className="panel-form-row">
              <a href="#" className="flat-button" onClick={(e) => {e.preventDefault(); this.props.onNavigate('security');}}>
@@ -98,7 +98,7 @@ class MessagesView extends React.Component {
    this.handleScrollEvent = this.handleScrollEvent.bind(this);
    this.handleDescChange = this.handleDescChange.bind(this);
    this.handleSubsUpdated = this.handleSubsUpdated.bind(this);
-    this.handleNewMessage = this.handleNewMessage.bind(this);
+    this.handleMessageUpdate = this.handleMessageUpdate.bind(this);
    this.handleAllMessagesReceived = this.handleAllMessagesReceived.bind(this);
    this.handleInfoReceipt = this.handleInfoReceipt.bind(this);
    this.handleImagePostview = this.handleImagePostview.bind(this);
@@ -144,7 +144,7 @@ class MessagesView extends React.Component {
  // or vertical shrinking.
  componentDidUpdate(prevProps, prevState) {
    if (this.messagesScroller) {
-      if (prevState.topic != this.state.topic || prevState.messages.length != this.state.messages.length) {
+      if (prevState.topic != this.state.topic || prevState.latestMsgSeq != this.state.latestMsgSeq) {
        // New message
        this.messagesScroller.scrollTop = this.messagesScroller.scrollHeight - this.state.scrollPosition;
      } else if (prevProps.viewportHeight > this.props.viewportHeight) {
@@ -160,7 +160,7 @@ class MessagesView extends React.Component {
      }

      if (topic) {
-        topic.onData = this.handleNewMessage;
+        topic.onData = this.handleMessageUpdate;
        topic.onAllMessagesReceived = this.handleAllMessagesReceived;
        topic.onInfo = this.handleInfoReceipt;
        topic.onMetaDesc = this.handleDescChange;
@@ -228,7 +228,8 @@ class MessagesView extends React.Component {
    if (!nextProps.topic) {
      // Default state: no topic.
      nextState = {
-        messages: [],
+        latestMsgSeq: -1,
+        latestClearId: -1,
        onlineSubs: [],
        topic: null,
        title: '',
@@ -261,7 +262,6 @@ class MessagesView extends React.Component {

      if (topic) {
        // Topic exists.
-        const msgs = [];
        const subs = [];

        if (nextProps.connected) {
@@ -272,14 +272,7 @@ class MessagesView extends React.Component {
          });
        }

-        topic.messages(function(msg) {
-          if (!msg.deleted) {
-            msgs.push(msg);
-          }
-        });
-
        Object.assign(nextState, {
-          messages: msgs,
          onlineSubs: subs
        });

@@ -306,12 +299,15 @@ class MessagesView extends React.Component {
          });
        }
        Object.assign(nextState, {
+          latestMsgSeq: topic.maxMsgSeq(),
+          latestClearId: topic.maxClearId(),
          channel: topic.isChannelType()
        });
      } else {
        // Invalid topic.
        Object.assign(nextState, {
-          messages: [],
+          latestMsgSeq: -1,
+          latestClearId: -1,
          onlineSubs: [],
          title: '',
          avatar: null,
@@ -401,10 +397,12 @@ class MessagesView extends React.Component {
          const topic = this.props.tinode.getTopic(this.state.topic);
          if (topic && topic.isSubscribed() && topic.msgHasMoreMessages()) {
            newState.fetchingMessages = true;
-            topic.getMessagesPage(MESSAGES_PAGE).catch((err) => {
-              this.setState({fetchingMessages: false});
-              this.props.onError(err.message, 'err');
-            });
+            topic.getMessagesPage(MESSAGES_PAGE)
+              .then(() => this.setState({fetchingMessages: false}))
+              .catch((err) => {
+                this.setState({fetchingMessages: false});
+                this.props.onError(err.message, 'err');
+              });
          }
        }
        return newState;
@@ -521,33 +519,32 @@ class MessagesView extends React.Component {
    }
  }

-  handleNewMessage(msg) {
-    // Regenerate messages list
+  // The 'msg' could be false-ish if some message ranges were deleted.
+  handleMessageUpdate(msg) {
    const topic = this.props.tinode.getTopic(this.state.topic);
-    const newState = {messages: []};
-    topic.messages((m) => {
-      if (!m.deleted) {
-        newState.messages.push(m);
-      }
-    });
-
-    // msg could be null if one or more messages were deleted.
-    if (msg && !msg.deleted) {
-      // If the message is added to the end of the message list,
-      // scroll to the bottom.
-      if (topic.isNewMessage(msg.seq)) {
-        newState.scrollPosition = 0;
-      }
-
-      // Aknowledge messages except own messages. They are
-      // automatically assumed to be read and recived.
-      const status = topic.msgStatus(msg, true);
-      if (status >= Tinode.MESSAGE_STATUS_SENT && msg.from != this.props.myUserId) {
-        this.postReadNotification(msg.seq);
-      }
-      this.props.onData(msg);
+    if (!msg) {
+      // msg could be null if one or more messages were deleted.
+      // Updating state to force redraw.
+      this.setState({latestClearId: topic.maxClearId()});
+      return;
    }
-    this.setState(newState);
+
+    this.setState({latestMsgSeq: topic.maxMsgSeq()});
+
+    // If the message is added to the end of the message list,
+    // scroll to the bottom.
+    if (topic.isNewMessage(msg.seq)) {
+      this.setState({scrollPosition: 0});
+    }
+
+    // Aknowledge messages except own messages. They are
+    // automatically assumed to be read and recived.
+    const status = topic.msgStatus(msg, true);
+    if (status >= Tinode.MESSAGE_STATUS_SENT && msg.from != this.props.myUserId) {
+      this.postReadNotification(msg.seq);
+    }
+    // This will send "received" notifications right away.
+    this.props.onData(msg);
  }

  handleAllMessagesReceived(count) {
@@ -798,7 +795,8 @@ class MessagesView extends React.Component {
  }

  handleCancelUpload(seq, uploader) {
-    const found = this.state.messages.find(msg => msg.seq == seq);
+    const topic = this.props.tinode.getTopic(this.state.topic);
+    const found = topic.findMessage(seq);
    if (found) {
      found._cancelled = true;
    }
@@ -1019,13 +1017,8 @@ class MessagesView extends React.Component {
        let messageNodes = [];
        let previousFrom = null;
        let chatBoxClass = null;
-        for (let i=0; i<this.state.messages.length; i++) {
-          let msg = this.state.messages[i];
-          let nextFrom = null;
-
-          if (i + 1 < this.state.messages.length) {
-            nextFrom = this.state.messages[i+1].from || 'chan';
-          }
+        topic.messages((msg, prev, next, i) => {
+          let nextFrom = next ? (next.from || null) : 'chan';

          let sequence = 'single';
          let thisFrom = msg.from || 'chan';
@@ -1085,7 +1078,7 @@ class MessagesView extends React.Component {

              key={msg.seq} />
          );
-        }
+        });

        let lastSeen = null;
        if (isChannel) {
@@ -12,7 +12,8 @@ export default class PasswordResetView extends React.PureComponent {

    this.state = {
      email: '',
-      password: ''
+      password: '',
+      sent: false
    };

    this.handleSubmit = this.handleSubmit.bind(this);
@@ -21,7 +22,7 @@ export default class PasswordResetView extends React.PureComponent {
  }

  componentDidMount() {
-    let parsed = HashNavigation.parseUrlHash(window.location.hash);
+    const parsed = HashNavigation.parseUrlHash(window.location.hash);
    this.setState({token: parsed.params.token, scheme: parsed.params.scheme});
  }

@@ -29,8 +30,14 @@ export default class PasswordResetView extends React.PureComponent {
    e.preventDefault();
    if (this.state.token) {
      this.props.onReset(this.state.scheme, this.state.password.trim(), this.state.token);
+    } else if (this.state.sent) {
+      this.props.onCancel();
    } else {
-      this.props.onRequest('email', this.state.email.trim());
+      const email = this.state.email.trim();
+      this.setState({email: email});
+      this.props.onRequest('email', email).then(() => {
+        this.setState({sent: true});
+      });
    }
  }

@@ -43,10 +50,9 @@ export default class PasswordResetView extends React.PureComponent {
  }

  render() {
-    let reset = (this.state.token && this.state.scheme);
    return (
      <form id="password-reset-form" onSubmit={this.handleSubmit}>
-        {reset ?
+        {(this.state.token && this.state.scheme) ?
          <FormattedMessage id="new_password_placeholder" defaultMessage="Enter new password"
            description="Placeholder for entering new password">{
            (placeholder) => <VisiblePassword
@@ -56,7 +62,17 @@ export default class PasswordResetView extends React.PureComponent {
              required={true} autoFocus={true}
              onChange={this.handlePasswordChange} />
          }</FormattedMessage>
-          :
+        : this.state.sent ?
+          <>
+            <br/>
+            <center><i className="material-icons huge green">task_alt</i></center>
+            <br/>
+            <center><FormattedMessage id="password_reset_email_sent"
+              defaultMessage="An email has been sent to {email}. Follow the directions in the email to reset your password."
+              values={{ email: <tt>{this.state.email}</tt> }}
+              description="Notification that the email with password reset instructions has been sent" /></center>
+          </>
+        :
          <>
            <label htmlFor="inputEmail">
              <FormattedMessage id="label_reset_password"
@@ -75,8 +91,13 @@ export default class PasswordResetView extends React.PureComponent {
          </>
        }
        <div className="dialog-buttons">
-          <button className="primary" type="submit">{reset ?
-            <FormattedMessage id="button_reset" defaultMessage="Reset" description="Button [Reset]" /> :
+          <button className="primary" type="submit">{
+            (this.state.token && this.state.scheme) ?
+            <FormattedMessage id="button_reset" defaultMessage="Reset" description="Button [Reset]" />
+            : this.state.sent ?
+            <FormattedMessage id="button_ok" defaultMessage="OK"
+              description="Button [OK]" />
+            :
            <FormattedMessage id="button_send_request" defaultMessage="Send request"
              description="Button [Send request]" />
          }</button>
@@ -245,8 +245,8 @@ class SidepanelView extends React.Component {
          view === 'reset' ?
          <PasswordResetView
            onRequest={this.props.onPasswordResetRequest}
-            onReset={this.props.onResetPassword} /> :
-
+            onReset={this.props.onResetPassword}
+            onCancel={this.props.onCancel} /> :
          null}
      </div>
    );
@@ -120,8 +120,9 @@ class TinodeWeb extends React.Component {
    this.handleStartTopicRequest = this.handleStartTopicRequest.bind(this);
    this.handleNewTopicCreated = this.handleNewTopicCreated.bind(this);
    this.handleTopicUpdateRequest = this.handleTopicUpdateRequest.bind(this);
+    this.handleUnarchive = this.handleUnarchive.bind(this);
    this.handleChangePermissions = this.handleChangePermissions.bind(this);
-    this.handleTagsUpdated = this.handleTagsUpdated.bind(this);
+    this.handleTagsUpdateRequest = this.handleTagsUpdateRequest.bind(this);
    this.handleLogout = this.handleLogout.bind(this);
    this.handleDeleteAccount = this.handleDeleteAccount.bind(this);
    this.handleDeleteTopicRequest = this.handleDeleteTopicRequest.bind(this);
@@ -225,7 +226,7 @@ class TinodeWeb extends React.Component {
      serviceWorkerChannel.addEventListener('message', this.handlePushMessage);
    } else {
      // Safari is broken by design.
-      console.warn('Your browser does not support BroadcastChannel. Some features will not be available');
+      console.warn("Your browser does not support BroadcastChannel. Some features will not be available");
    }

    // Window/tab visible or invisible for pausing timers.
@@ -1238,7 +1239,8 @@ class TinodeWeb extends React.Component {
        }
        params.public = pub;
      }
-      if (priv) {
+
+      if (typeof priv == 'string') {
        params.private = (priv === Tinode.DEL_CHAR) ?
          Tinode.DEL_CHAR : {comment: priv};
      }
@@ -1251,6 +1253,13 @@ class TinodeWeb extends React.Component {
    }
  }

+  handleUnarchive(topicName) {
+    const topic = this.tinode.getTopic(topicName);
+    if (topic) {
+      topic.archive(false);
+    }
+  }
+
  handleUpdatePasswordRequest(password)  {
    this.handleError();

@@ -1278,7 +1287,7 @@ class TinodeWeb extends React.Component {
    }
  }

-  handleTagsUpdated(topicName, tags) {
+  handleTagsUpdateRequest(topicName, tags) {
    const topic = this.tinode.getTopic(topicName);
    if (topic) {
      topic.setMeta({tags: tags}).catch((err) => {
@@ -1433,7 +1442,7 @@ class TinodeWeb extends React.Component {
      subscribed && deleter ? 'messages_clear_hard' : null,
      muted ? (blocked ? null : 'topic_unmute') : 'topic_mute',
      self_blocked ? 'topic_unblock' : 'topic_block',
-      !archived ? 'topic_restore' : 'topic_archive',
+      archived ? 'topic_restore' : 'topic_archive',
      'topic_delete'
    ];
  }
@@ -1521,7 +1530,7 @@ class TinodeWeb extends React.Component {

  handlePasswordResetRequest(method, value) {
    // If already connected, connnect() will return a resolved promise.
-    this.tinode.connect()
+    return this.tinode.connect()
      .then(() => {
        return this.tinode.requestResetAuthSecret('basic', method, value);
      })
@@ -1697,7 +1706,7 @@ class TinodeWeb extends React.Component {
            errorActionText={this.state.errorActionText}

            onNavigate={this.infoNavigator}
-            onTopicDescUpdate={this.handleTopicUpdateRequest}
+            onTopicDescUpdateRequest={this.handleTopicUpdateRequest}
            onShowAlert={this.handleShowAlert}
            onChangePermissions={this.handleChangePermissions}
            onMemberUpdateRequest={this.handleMemberUpdateRequest}
@@ -1707,7 +1716,8 @@ class TinodeWeb extends React.Component {
            onBlockTopic={this.handleBlockTopicRequest}
            onReportTopic={this.handleReportTopic}
            onAddMember={this.handleManageGroupMembers}
-            onTopicTagsUpdate={this.handleTagsUpdated}
+            onTopicTagsUpdateRequest={this.handleTagsUpdateRequest}
+            onTopicUnArchive={this.handleUnarchive}
            onInitFind={this.tnInitFind}
            onError={this.handleError}

@@ -7,6 +7,7 @@ import Attachment from './attachment.jsx';
 import LetterTile from './letter-tile.jsx';
 import ReceivedMarker from './received-marker.jsx'
 import UploadingImage from './uploading-image.jsx'
+
 import { sanitizeImageUrl, sanitizeUrl } from '../lib/utils.js';

 class ChatMessage extends React.PureComponent {
@@ -106,8 +107,10 @@ class ChatMessage extends React.PureComponent {
        attachments.push(<Attachment
          tinode={this.props.tinode}
          downloadUrl={Drafty.getDownloadUrl(att)}
-          filename={att.name} uploading={Drafty.isProcessing(att)}
-          mimetype={att.mime} size={Drafty.getEntitySize(att)}
+          filename={att.name}
+          uploading={Drafty.isProcessing(att)}
+          mimetype={att.mime}
+          size={Drafty.getEntitySize(att)}
          progress={this.state.progress}
          onCancelUpload={this.handleCancelUpload}
          onError={this.props.onError}
@@ -175,10 +178,10 @@ class ChatMessage extends React.PureComponent {
          </div>
          {fullDisplay ?
            <div className="author">
-              <FormattedMessage id="user_not_found" defaultMessage="Not found"
-                description="In place of a user's full name when the user is not found.">{
-                    (notFound) => {return this.props.userName || <i>{notFound}</i>}
-              }</FormattedMessage>
+              {this.props.userName ||
+                <i><FormattedMessage id="user_not_found" defaultMessage="Not found"
+                description="In place of a user's full name when the user is not found." /></i>
+              }
            </div>
            : null
          }
@@ -115,7 +115,7 @@ class Contact extends React.Component {
          </div>
          {this.props.showMode ?
            <span><ContactBadges badges={badges} /></span> :
-            this.props.small ? null : <div className="contact-comment">{marker}{subtitle || '\u00A0'}</div>}
+            this.props.small ? null : <div className="contact-comment">{marker}<span>{subtitle || '\u00A0'}</span></div>}
        </div>
        {this.props.showContextMenu ?
          <span className="menuTrigger">
@@ -161,7 +161,7 @@ function draftyFormatter(style, data, values, key) {
      case 'FM':
        el = React.Fragment;
        values = [<i key="fm" className="material-icons">dashboard</i>,
-          formatMessage(messages.drafty_form)].concat(values || []);
+          formatMessage(messages.drafty_form)].concat(' ', values || []);
        break;
      case 'RW':
        el = React.Fragment;
@@ -2,7 +2,7 @@ import React from 'react';

 import Tinode from 'tinode-sdk';

-import { stringHash } from '../lib/strformat.js';
+import { idToColorClass } from '../lib/strformat.js';
 import { sanitizeImageUrl } from '../lib/utils.js';

 export default class LetterTile extends React.PureComponent {
@@ -10,8 +10,7 @@ export default class LetterTile extends React.PureComponent {
    let avatar;
    if (this.props.avatar === true) {
      const isGroup = (Tinode.topicType(this.props.topic) == 'grp');
-      const iconColor = (isGroup ? 'light-color' : 'dark-color')
-        + (Math.abs(stringHash(this.props.topic)) % 16);
+      const iconColor = idToColorClass(this.props.topic, isGroup);
      if (this.props.topic && this.props.title && this.props.title.trim()) {
        const letter = this.props.title.trim().charAt(0);
        const className = 'lettertile ' + iconColor;
@@ -21,10 +21,11 @@ export default class TopicCommon extends React.Component {
      addCredActive: false,
      addCredInvalid: false,
      newCred: '',
-      tags: [],
-      previousTagsUpdated: undefined
+      tags: []
    };

+    this.previousTagsUpdated = undefined;
+
    this.onTagsUpdated = this.onTagsUpdated.bind(this);
    this.handleTagsUpdated = this.handleTagsUpdated.bind(this);
    this.tnCredsUpdated = this.tnCredsUpdated.bind(this);
@@ -105,17 +106,19 @@ export default class TopicCommon extends React.Component {
    }
  }

+  // Server informs that the tags have been updated.
  onTagsUpdated(tags) {
    this.setState({tags: tags});

    if (this.previousTagsUpdated && this.previousTagsUpdated != this.onTagsUpdated) {
-      this.previousTagsUpdated();
+      this.previousTagsUpdated(tags);
    }
  }

+  // Request server to change tags.
  handleTagsUpdated(tags) {
    if (!arrayEqual(this.state.tags.slice(0), tags.slice(0))) {
-      this.props.onTopicTagsUpdate(this.props.topic, tags);
+      this.props.onTopicTagsUpdateRequest(this.props.topic, tags);
    }
  }

@@ -143,7 +146,7 @@ export default class TopicCommon extends React.Component {
          tinode={this.props.tinode}
          topic={this.props.topic}
          onUpdateTopicDesc={this.props.onUpdateTopicDesc}
-          onUpdateTags={this.props.onUpdateTags}
+          onUpdateTags={this.handleTagsUpdated}
          onError={this.props.onError} />
        {this.state.isMe ?
          <>
@@ -28,12 +28,13 @@ export default class TopicDescEdit extends React.Component {
      private: topic.private ? topic.private.comment : null,
      description: topic.public ? topic.public.note : undefined,
      avatar: makeImageUrl(topic.public ? topic.public.photo : null),
-      tags: topic.tags(),
+      tags: topic.tags() || [],
      newAvatar: null,
-      newAvatarMime: null,
-      previousOnTags: topic.onTagsUpdated
+      newAvatarMime: null
    };

+    this.previousOnTags = null;
+
    this.tnNewTags = this.tnNewTags.bind(this);
    this.handleFullNameUpdate = this.handleFullNameUpdate.bind(this);
    this.handleImageUpdated = this.handleImageUpdated.bind(this);
@@ -47,12 +48,13 @@ export default class TopicDescEdit extends React.Component {

  componentDidMount() {
    const topic = this.props.tinode.getTopic(this.props.topic);
+    this.previousOnTags = topic.onTagsUpdated;
    topic.onTagsUpdated = this.tnNewTags;
  }

  componentWillUnmount() {
    const topic = this.props.tinode.getTopic(this.props.topic);
-    topic.onTagsUpdated = this.state.previousOnTags;
+    topic.onTagsUpdated = this.previousOnTags;
  }

  tnNewTags(tags) {
@@ -89,6 +91,7 @@ export default class TopicDescEdit extends React.Component {
    this.setState({newAvatar: img, newAvatarMime: mime});
    if (!img) {
      // Deleting the avatar.
+      this.setState({avatar: null});
      this.props.onUpdateTopicDesc(this.props.topic, theCard(null, Tinode.DEL_CHAR));
    }
  }
@@ -74,48 +74,10 @@ const messages = defineMessages({
  },
 });

-class TopicSecurity extends React.Component {
+class TopicSecurity extends React.PureComponent {
  constructor(props) {
    super(props);

-    const topic = this.props.tinode.getTopic(this.props.topic);
-    if (!topic) {
-      return;
-    }
-
-    const defacs = topic.getDefaultAccess() || {};
-    const acs = topic.getAccessMode();
-
-    let modeGiven2 = NO_ACCESS_MODE;
-    let modeWant2 = NO_ACCESS_MODE;
-    if (topic.getType() == 'p2p') {
-      // Fetch the other party in the p2p conversation.
-      // Topic may not be ready yet, so check if user is found.
-      const user2 = topic.subscriber(props.topic);
-      if (user2 && user2.acs) {
-        modeGiven2 = user2.acs.getGiven();
-        modeWant2 = user2.acs.getWant();
-      }
-    }
-
-    this.state = {
-      owner: acs && acs.isOwner(),
-      admin: acs && acs.isAdmin(),
-      sharer: acs && acs.isSharer(),
-      deleter: acs && acs.isDeleter(),
-      muted: acs && acs.isMuted(),
-
-      groupTopic: topic.isGroupType(),
-      channel: topic.isChannelType(),
-      access: acs ? acs.getMode() : undefined,
-      modeGiven: acs ? acs.getGiven() : undefined,
-      modeWant: acs ? acs.getWant() : undefined,
-      modeGiven2: modeGiven2, // P2P topic, the other user mode given
-      modeWant2: modeWant2,  // P2P topic, the other user mode want
-      auth: defacs ? defacs.auth : null,
-      anon: defacs ? defacs.anon : null,
-    };
-
    this.handleDeleteTopic = this.handleDeleteTopic.bind(this);
    this.handleDeleteMessages = this.handleDeleteMessages.bind(this);
    this.handleLeave = this.handleLeave.bind(this);
@@ -140,8 +102,8 @@ class TopicSecurity extends React.Component {
    e.preventDefault();
    const {formatMessage} = this.props.intl;
    this.props.onShowAlert(
-      formatMessage(this.state.deleter ? messages.delete_messages : messages.clear_messages), // title
-      formatMessage(this.state.deleter ? messages.delete_messages_warning : messages.clear_messages_warning), // content
+      formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages), // title
+      formatMessage(this.props.deleter ? messages.delete_messages_warning : messages.clear_messages_warning), // content
      (() => { this.props.onDeleteMessages(this.props.topic); }), // onConfirm
      null, // "OK"
      true, // Show Reject button
@@ -193,16 +155,16 @@ class TopicSecurity extends React.Component {
    return (
      <div className="scrollable-panel">
        <div className="panel-form-column">
-          {!this.state.channel ?
+          {!this.props.channel ?
            <a href="#" className="flat-button" onClick={this.handleDeleteMessages}>
              <i className="material-icons">delete_outline</i> &nbsp;{
-                formatMessage(this.state.deleter ? messages.delete_messages : messages.clear_messages)
+                formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages)
              }
            </a>
            :
            null
          }
-          {this.state.owner ?
+          {this.props.owner ?
            <a href="#" className="danger flat-button" onClick={this.handleDeleteTopic}>
              <i className="material-icons">delete</i> &nbsp;{formatMessage(messages.topic_delete)}
            </a>
@@ -211,14 +173,14 @@ class TopicSecurity extends React.Component {
              <i className="material-icons">exit_to_app</i> &nbsp;{formatMessage(messages.leave_chat)}
            </a>
          }
-          {!this.state.groupTopic ?
+          {!this.props.groupTopic ?
            <a href="#" className="danger flat-button" onClick={this.handleBlock}>
              <i className="material-icons">block</i> &nbsp;{formatMessage(messages.block_contact)}
            </a>
            :
            null
          }
-          {!this.state.owner ?
+          {!this.props.owner ?
            <a href="#" className="danger flat-button" onClick={this.handleReport}>
              <i className="material-icons">report</i> &nbsp;{formatMessage(messages.report_chat)}
            </a>
@@ -228,7 +190,7 @@ class TopicSecurity extends React.Component {
        </div>
        <div className="hr" />
        <div className="panel-form-column">
-          {this.state.groupTopic ?
+          {this.props.groupTopic ?
            <>
              <div className="group">
                <label>
@@ -236,7 +198,7 @@ class TopicSecurity extends React.Component {
                    description="Label for current user permissions" />
                </label> <tt className="clickable"
                  onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('want')}}>
-                  {this.state.access}
+                  {this.props.access}
                </tt>
              </div>
              <div className="group">
@@ -248,10 +210,10 @@ class TopicSecurity extends React.Component {
                </div>
                <div className="quoted">
                  <div>Auth: <tt className="clickable"
-                    onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('auth')}}>{this.state.auth}</tt>
+                    onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('auth')}}>{this.props.auth}</tt>
                  </div>
                  <div>Anon: <tt className="clickable"
-                    onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('anon')}}>{this.state.anon}</tt>
+                    onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('anon')}}>{this.props.anon}</tt>
                  </div>
                </div>
              </div>
@@ -269,13 +231,13 @@ class TopicSecurity extends React.Component {
                  <FormattedMessage id="label_you" defaultMessage="You:"
                    description="Label for the current user" /> <tt className="clickable"
                    onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('want')}}>
-                    {this.state.access}
+                    {this.props.access}
                  </tt>
                </div>
-                <div>{this.state.fullName ? this.state.fullName : formatMessage(messages.other_user)}:
+                <div>{this.props.fullName ? this.props.fullName : formatMessage(messages.other_user)}:
                  &nbsp;<tt className="clickable"
                    onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('given')}}>
-                    {this.state.modeGiven2}
+                    {this.props.modeGiven2}
                  </tt>
                </div>
              </div>