@social-mail/social-mail-client 1.2.545 → 1.2.547

package/dist/public/channel/ChannelView.pack.js

@@ -1976,7 +1976,7 @@ const UMD = new UMDClass();
 
         AmdLoader.instance.register(
             ["@social-mail/social-mail-client","@web-atoms/core","reflect-metadata","@web-atoms/date-time","@web-atoms/entity","@web-atoms/web-controls","@web-atoms/email-dom","@web-atoms/data-styles"],
-            ["@social-mail/social-mail-client/dist/public/channel/ChannelView","@social-mail/social-mail-client/dist/public/channel/ChannelMessage","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@social-mail/social-mail-client/dist/public/channel/BlogService","@web-atoms/core/dist/di/DISingleton","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/models/TaskManager","@web-atoms/entity/dist/models/Queue","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@social-mail/social-mail-client/dist/services/BusyProgress","@web-atoms/core/dist/style/styled","@social-mail/social-mail-client/dist/common/apiPath","@social-mail/social-mail-client/dist/model/model","@social-mail/social-mail-client/dist/common/Sql","@social-mail/social-mail-client/dist/services/email/EmailContentDownloader","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/web/page/mails/service/EngagementService","@social-mail/social-mail-client/dist/common/cache/CacheTTL","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@social-mail/social-mail-client/dist/public/channel/emoji/EmojiPopup","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@social-mail/social-mail-client/dist/public/channel/styles/channelViewStyle","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@web-atoms/web-controls/dist/DataAttributes","@social-mail/social-mail-client/dist/public/channel/PostView","@social-mail/social-mail-client/dist/common/date/DateFormats","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@social-mail/social-mail-client/dist/common/events/CommonEvents","@social-mail/social-mail-client/dist/web/commands/MailAppEvents","@social-mail/social-mail-client/dist/common/fileUrl","@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon","@social-mail/social-mail-client/dist/public/channel/ChannelMessageList","@web-atoms/web-controls/dist/basic/LimitedText","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/public/channel/UrlService","@social-mail/social-mail-client/dist/common/TestMode","@social-mail/social-mail-client/dist/style/GlobalStyle","@web-atoms/core/dist/core/AtomList","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@web-atoms/data-styles/data-styles","@web-atoms/core/dist/Pack"]);
+            ["@social-mail/social-mail-client/dist/public/channel/ChannelView","@social-mail/social-mail-client/dist/public/channel/ChannelMessage","@web-atoms/core/dist/core/InjectProperty","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/StringHelper","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@social-mail/social-mail-client/dist/public/channel/BlogService","@web-atoms/core/dist/di/DISingleton","@social-mail/social-mail-client/dist/services/EntityService","@web-atoms/entity/dist/services/BaseEntityService","@web-atoms/entity/dist/models/Cloner","@web-atoms/entity/dist/models/cloneSource","@web-atoms/entity/dist/models/IEntityModel","@web-atoms/entity/dist/services/HttpSession","@web-atoms/core/dist/services/http/JsonError","@web-atoms/entity/dist/models/TaskManager","@web-atoms/entity/dist/models/Queue","@web-atoms/entity/dist/services/mergeProperties","@web-atoms/entity/dist/services/Query","@web-atoms/entity/dist/services/StringHelper","@web-atoms/entity/dist/services/resolve","@social-mail/social-mail-client/dist/services/BusyProgress","@web-atoms/core/dist/style/styled","@social-mail/social-mail-client/dist/common/apiPath","@social-mail/social-mail-client/dist/model/model","@social-mail/social-mail-client/dist/common/Sql","@social-mail/social-mail-client/dist/services/email/EmailContentDownloader","@web-atoms/core/dist/services/FetchBuilder","@social-mail/social-mail-client/dist/web/page/mails/service/EngagementService","@social-mail/social-mail-client/dist/common/cache/CacheTTL","@web-atoms/core/dist/view-model/Action","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@social-mail/social-mail-client/dist/public/channel/emoji/EmojiPopup","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme","@web-atoms/web-controls/dist/basic/InlinePopup","@web-atoms/web-controls/dist/basic/styles/inline-popup-style","@social-mail/social-mail-client/dist/public/channel/styles/channelViewStyle","@social-mail/social-mail-client/dist/common/TestMode","@web-atoms/web-controls/dist/basic/AtomRepeater","@web-atoms/core/dist/core/WatchProperty","@web-atoms/web-controls/dist/basic/MergeNode","@web-atoms/web-controls/dist/basic/ItemPath","@web-atoms/web-controls/dist/basic/styles/ui-display-none-style","@web-atoms/web-controls/dist/basic/styles/popup-style","@web-atoms/web-controls/dist/basic/styles/suggestion-popup","@web-atoms/web-controls/dist/basic/styles/repeater-style","@web-atoms/web-controls/dist/DataAttributes","@social-mail/social-mail-client/dist/public/channel/PostView","@social-mail/social-mail-client/dist/common/date/DateFormats","@social-mail/social-mail-client/dist/web/page/mails/service/ConversationService","@web-atoms/email-dom/dist/DomToString","@web-atoms/email-dom/dist/dom/StyleHelper","@web-atoms/email-dom/dist/style/mergeStyle","@social-mail/social-mail-client/dist/common/events/CommonEvents","@social-mail/social-mail-client/dist/web/commands/MailAppEvents","@social-mail/social-mail-client/dist/common/fileUrl","@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon","@social-mail/social-mail-client/dist/public/channel/controls/TagCloud","@social-mail/social-mail-client/dist/public/channel/UrlService","@social-mail/social-mail-client/dist/public/channel/controls/PostList","@social-mail/social-mail-client/content/images/gif/loader.gif","@social-mail/social-mail-client/dist/public/channel/BlogImageService","@social-mail/social-mail-client/content/images/svg/logo/logo-orange.svg","@social-mail/social-mail-client/dist/public/channel/controls/RecentPosts","@social-mail/social-mail-client/dist/public/channel/controls/BlogHeader","@social-mail/social-mail-client/dist/public/channel/ChannelMessageList","@web-atoms/web-controls/dist/basic/LimitedText","@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater","@social-mail/social-mail-client/dist/style/GlobalStyle","@web-atoms/core/dist/core/AtomList","@social-mail/social-mail-client/dist/style/OverrideAppStyle","@web-atoms/data-styles/data-styles","@web-atoms/core/dist/Pack"]);
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -9873,7 +9873,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/ent
 System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/services/BaseEntityService"], function (_export, _context) {
   "use strict";
 
-  var DateTime, Model, DefaultFactory, modelEntitySchemas, AppRole, AppFileContentDispositionArray, AppFile, AccessToken, AppFileVersion, AppFileAccessTypeArray, AppFileAccess, AppFileTag, FileContent, Configuration, Contact, ContactEmail, ContactPhone, ContactItem, ContactDomain, ContactAddress, CachedItem, Domain, HostedDomain, DomainUser, HostedZone, HostedZoneRecordTypeArray, HostedZoneRecord, HostedZoneUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, EmailEngagement, EmailLog, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, EmailTemplate, Mailbox, MailboxEmail, MailboxContactStatusArray, MailboxContact, MailboxFolder, MailboxContactEmail, MailboxContactTag, MailboxSyncTargetDirectionArray, MailboxSyncTargetProtocolArray, MailboxSyncTargetLastSyncStatusArray, MailboxSyncTarget, NameToken, ChannelConfig, SubscriberActivity, SearchWordStatusArray, SearchWord, SearchWordIndex, ServerActivityActivityArray, ServerActivity, Store, StoreUser, StoreConfig, StoreItemItemTypeArray, StoreItem, StoreItemFolder, StoreItemFolderTag, StoreItemPrice, StoreMediaFile, StoreInsight, StoreLedger, StoreJournalJournalTypeArray, StoreJournal, StoreJournalEntry, StoreJournalLineItemItemTypeArray, StoreJournalLineItem, StoreItemTax, StoreTag, StoreItemTag, UserStatusArray, User, UserPin, UserPushSubscription, UserRole, UserMailbox, UserAuthFactorMethodArray, UserAuthFactor, WebSiteFolder, WebSiteFolderHost, WebSiteFolderVersion, WebSiteChannel, WebSiteStore, LoginSession, TextDocument, IncomingSmsSource, VerificationTokenTypeArray, VerificationToken, VerificationTokenAddress, EmailAddressName, Tag, fixRelatedSchemas;
+  var DateTime, Model, DefaultFactory, modelEntitySchemas, AppRole, AppFileContentDispositionArray, AppFile, AccessToken, AppFileVersion, AppFileAccessTypeArray, AppFileAccess, AppFileTag, FileContent, Configuration, Contact, ContactEmail, ContactPhone, ContactItem, ContactDomain, ContactAddress, CachedItem, Domain, HostedDomain, DomainUser, HostedZone, HostedZoneRecordTypeArray, HostedZoneRecord, HostedZoneUser, DomainRelayTypeArray, DomainRelay, DomainKey, EmailStatusArray, Email, EmailEngagement, EmailLog, EmailRecipientTypeArray, EmailRecipient, EmailTag, EmailAddress, EmailTemplate, Mailbox, MailboxEmail, MailboxContactStatusArray, MailboxContact, MailboxFolder, MailboxContactEmail, MailboxContactTag, MailboxTag, MailboxSyncTargetDirectionArray, MailboxSyncTargetProtocolArray, MailboxSyncTargetLastSyncStatusArray, MailboxSyncTarget, NameToken, ChannelConfig, SubscriberActivity, SearchWordStatusArray, SearchWord, SearchWordIndex, ServerActivityActivityArray, ServerActivity, Store, StoreUser, StoreConfig, StoreItemItemTypeArray, StoreItem, StoreItemFolder, StoreItemFolderTag, StoreItemPrice, StoreMediaFile, StoreInsight, StoreLedger, StoreJournalJournalTypeArray, StoreJournal, StoreJournalEntry, StoreJournalLineItemItemTypeArray, StoreJournalLineItem, StoreItemTax, StoreTag, StoreItemTag, UserStatusArray, User, UserPin, UserPushSubscription, UserRole, UserMailbox, UserAuthFactorMethodArray, UserAuthFactor, WebSiteFolder, WebSiteFolderHost, WebSiteFolderVersion, WebSiteChannel, WebSiteStore, LoginSession, TextDocument, IncomingSmsSource, VerificationTokenTypeArray, VerificationToken, VerificationTokenAddress, EmailAddressName, Tag, fixRelatedSchemas;
   return {
     setters: [function (_webAtomsDateTimeDistDateTime) {
       DateTime = _webAtomsDateTimeDistDateTime.default;
@@ -12182,6 +12182,9 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
         dateUpdated: new DefaultFactory(() => new DateTime()),
         isChannel: false,
         isPrivateChannel: false,
+        nonMembersCanPost: false,
+        nonMembersCanComment: false,
+        nonMembersCanReact: false,
         requireApproval: false,
         subscriberCount: 0
       }, {
@@ -12279,6 +12282,21 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
           "type": "boolean",
           "dataType": "Boolean",
           "default": ["isPrivateChannel", "false"]
+        }, {
+          "name": "nonMembersCanPost",
+          "type": "boolean",
+          "dataType": "Boolean",
+          "default": ["nonMembersCanPost", "false"]
+        }, {
+          "name": "nonMembersCanComment",
+          "type": "boolean",
+          "dataType": "Boolean",
+          "default": ["nonMembersCanComment", "false"]
+        }, {
+          "name": "nonMembersCanReact",
+          "type": "boolean",
+          "dataType": "Boolean",
+          "default": ["nonMembersCanReact", "false"]
         }, {
           "name": "requireApproval",
           "type": "boolean",
@@ -12356,6 +12374,11 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
           "isCollection": true,
           "isInverse": true,
           "relatedName": "MailboxContactEmail"
+        }, {
+          "name": "tags",
+          "isCollection": true,
+          "isInverse": true,
+          "relatedName": "MailboxTag"
         }, {
           "name": "syncTargets",
           "isCollection": true,
@@ -12771,9 +12794,69 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
             "relatedKey": "emailAddressID"
           }],
           "relatedName": "MailboxContact"
+        }, {
+          "name": "mailboxTag",
+          "fkMap": [{
+            "fk": "mailboxID",
+            "relatedKey": "mailboxID"
+          }, {
+            "fk": "tagID",
+            "relatedKey": "tagID"
+          }],
+          "relatedName": "MailboxTag"
         }]
       }));
       modelEntitySchemas["MailboxContactTag"] = MailboxContactTag;
+      _export("MailboxTag", MailboxTag = new Model("MailboxTag", ["mailboxID", "tagID"], {
+        count: 0,
+        dateUpdated: new DefaultFactory(() => new DateTime())
+      }, {
+        "name": "mailbox_tags",
+        "keys": [{
+          "name": "mailboxID",
+          "type": "number",
+          "dataType": "BigInt"
+        }, {
+          "name": "tagID",
+          "type": "number",
+          "dataType": "BigInt"
+        }],
+        "properties": [{
+          "name": "count",
+          "type": "number",
+          "dataType": "Int",
+          "default": ["count", "0"]
+        }, {
+          "name": "dateUpdated",
+          "type": "DateTime",
+          "dataType": "DateTime",
+          "default": ["dateUpdated", "new DefaultFactory(() => new DateTime())"]
+        }],
+        "relations": [{
+          "name": "mailbox",
+          "fkMap": [{
+            "fk": "mailboxID",
+            "relatedKey": "mailboxID"
+          }],
+          "relatedName": "Mailbox"
+        }, {
+          "name": "tag",
+          "fkMap": [{
+            "fk": "tagID",
+            "relatedKey": "tagID"
+          }],
+          "relatedName": "Tag"
+        }, {
+          "name": "contactTags",
+          "isCollection": true,
+          "isInverse": true,
+          "relatedName": "MailboxContactTag"
+        }],
+        "queries": {
+          "channelTags": "external"
+        }
+      }));
+      modelEntitySchemas["MailboxTag"] = MailboxTag;
       _export("MailboxSyncTargetDirectionArray", MailboxSyncTargetDirectionArray = [{
         "label": "in",
         "value": "in"
@@ -15611,6 +15694,11 @@ System.register(["@web-atoms/date-time/dist/DateTime", "@web-atoms/entity/dist/s
           "isCollection": true,
           "isInverse": true,
           "relatedName": "MailboxContactTag"
+        }, {
+          "name": "mailboxTags",
+          "isCollection": true,
+          "isInverse": true,
+          "relatedName": "MailboxTag"
         }, {
           "name": "storeItemFolderTags",
           "isCollection": true,
@@ -16046,7 +16134,7 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
       updateAttachments = (channelID, email) => {
         if (email.attachments) {
           for (const iterator of email.attachments) {
-            iterator.url = apiPath(`/api/emails/channel/content/attachment/${channelID}/${email.emailID}/${email.headerMessageID}/${iterator.appFileID}`);
+            iterator.url = apiPath(`/api/channel/file/view/${channelID}/${email.emailID}/${iterator.appFileID}/${iterator.name}`);
           }
         }
       };
@@ -21014,13 +21102,32 @@ System.register(["tslib", "@web-atoms/core/dist/web/WebApp", "@web-atoms/web-con
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/emoji/EmojiPopup");
 
-System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register([], function (_export, _context) {
+  "use strict";
+
+  var AppLocation;
+  return {
+    setters: [],
+    execute: function () {
+      _export("AppLocation", AppLocation = {
+        isLocalTesting: /\d+\.\d+\.\d+\.\d+/.test(location.hostname)
+      });
+    }
+  };
+});
+//# sourceMappingURL=TestMode.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/TestMode");
+
+System.register(["@web-atoms/core/dist/style/styled", "../../../common/TestMode"], function (_export, _context) {
   "use strict";
 
-  var styled, channelViewStyle;
+  var styled, AppLocation, channelViewStyle;
   return {
     setters: [function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_commonTestMode) {
+      AppLocation = _commonTestMode.AppLocation;
     }],
     execute: function () {
       styled.css`
@@ -21046,13 +21153,14 @@ box-sizing: border-box;
 
 & section[data-element=blog-item] {
     margin: 10px;
-    border: solid 1px lightgray;
-    border-radius: 10px;
+    border-right: solid 1px lightgray;
     display: grid;
-    grid-template-columns: 1fr auto auto;
-    grid-template-rows: auto 1fr auto auto;
+    grid-template-columns: 1fr auto;
+    grid-template-rows: auto auto 1fr auto auto;
 
-    background-color: gray;
+    & video, & img {
+        max-width: 100%;
+    }
 
     &[data-comment=true] {
         background-color: canvas;
@@ -21061,44 +21169,42 @@ box-sizing: border-box;
 
     & > h4 {
         grid-row: 1;
-        grid-column: 1;
+        grid-column: 1 / span 2;
         margin-block-start: 0;
         margin-block-end: 0;
         padding: 10px;
         & > a {
             text-decoration: none;
-            color: white;
             &:hover {
                 text-decoration: underline;
-                color: #73ff73;
             }
         }
     }
 
     & > h5 {
-        grid-row: 1;
-        grid-column: 2;
+        grid-row: 2;
+        grid-column: 1;
         margin-block-start: 0;
         margin-block-end: 0;
         padding: 10px;
     }
     & > h6 {
-        grid-row: 1;
-        grid-column: 3;
+        grid-row: 2;
+        grid-column: 2;
         margin-block-start: 0;
         margin-block-end: 0;
         padding: 10px;
     }
     & > section {
         padding: 10px;
-        grid-row: 2;
+        grid-row: 3;
         grid-column: 1 / span 3;
         background-color: canvas;
         color: canvastext;
     }
     & > footer {
         padding: 10px;
-        grid-row: 3;
+        grid-row: 5;
         grid-column: 1/ span 3;
         background-color: canvas;
         color: canvastext;
@@ -21147,30 +21253,49 @@ gap: 5px;
 }
 
 @media (min-width: 900px) {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-template-rows: auto 1fr auto;
-    gap: 5px;
+    & {
+        display: grid;
+        grid-template-columns: 1fr 30%;
+        grid-template-rows: auto 1fr auto;
+        gap: 5px;
 
-    & > header {
-        grid-row: 1;
-        grid-column: 1 / span 2;
-    }
-    & > section {
-        grid-row: 2;
-        grid-column: 1;
-    }
-    & > aside {
-        grid-row: 2;
-        grid-column: 2;
-    }
-    & > footer {
-        grid-row: 3;
-        grid-column: 1 / span 2;
+        & > header {
+            grid-row: 1;
+            grid-column: 1 / span 2;
+        }
+        & > section {
+            grid-row: 2;
+            grid-column: 1;
+            place-self: stretch;
+        }
+        & > aside {
+            grid-row: 2;
+            grid-column: 2;
+            justify-self: stretch;
+            align-self: start;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        & > footer {
+            grid-row: 3;
+            grid-column: 1 / span 2;
+        }
     }
 }
 
-`.installLocal());
+`.installGlobal("[data-blog-list=blog-list]"));
+      if (AppLocation.isLocalTesting) {
+        styled.css`
+        display: grid;
+        align-items: stretch;
+        justify-items: center;
+        justify-content: center;
+        body > * {
+            max-width: 900px;
+        }
+    `.installGlobal("body");
+      }
     }
   };
 });
@@ -23200,7 +23325,7 @@ System.register(["./apiPath"], function (_export, _context) {
           fileContentID
         } = file;
         if (emailID) {
-          return apiPath(`/api/emails/files/${action}/${emailID}/${fileContentID}/${name}`);
+          return apiPath(`/api/emails/attachment/${action}/${emailID}/${appFileID}/${name}/`);
         }
         return apiPath(`/api/files/${action}/${appFileID}/${fileContentID}/${name}`);
       });
@@ -23332,11 +23457,11 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
             const a = (_a = mail.attachments) === null || _a === void 0 ? void 0 : _a.find(x => x.contentID === cid);
             if (a) {
               iterator.setAttribute("src", a.url);
-              continue;
             }
           }
           if (/^(IMG|VIDEO)$/.test(iterator.tagName)) {
             const src = iterator.getAttribute("src");
+            iterator.setAttribute("controls", "true");
             if (src) {
               if (src.startsWith("cid:")) {
                 cid = src.substring(4);
@@ -23355,10 +23480,23 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
             iterator.target = "_blank";
           }
         }
-        const shadow = e.attachShadow({
-          mode: "open"
-        });
-        shadow.appendChild(msg);
+        const container = document.createElement("div");
+        const style = e.ownerDocument.createElement("style");
+        style.textContent = `
+        video,img {
+            max-width: 100% !important;
+        }
+
+        div[msg] {
+            overflow: visible;
+            display: flex;
+            flex-direction: column;
+            word-break: break-all;
+        }
+    `;
+        container.appendChild(style);
+        msg.setAttribute("msg", "msg");
+        container.appendChild(msg);
         if (!thread.timeRead && thread.mailboxID && thread.mailboxID !== ((_c = thread.email) === null || _c === void 0 ? void 0 : _c.senderID)) {
           const timeRead = DateTime.now;
           thread.timeRead = timeRead;
@@ -23370,10 +23508,10 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
             CommonEvents.onThreadMarkedAsRead.dispatchEvent(thread);
           }, console.error);
         }
-        msg.style.overflow = "visible";
-        msg.style.display = "flex";
-        msg.style.flexDirection = "column";
-        msg.style.wordBreak = "break-all";
+        const shadow = e.attachShadow({
+          mode: "open"
+        });
+        shadow.appendChild(container);
         setTimeout(() => {
           if (msg.scrollWidth > msg.offsetWidth) {
             msg.style.scale = msg.offsetWidth / msg.scrollWidth + "";
@@ -23722,10 +23860,384 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/servic
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/buttons/CopyIcon");
 
-System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/web/controls/AtomControl", "./BlogService", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/Action", "./emoji/EmojiPopup", "./styles/channelViewStyle", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/web-controls/dist/basic/AtomRepeater", "./PostView", "../../common/controls/buttons/CopyIcon"], function (_export, _context) {
+System.register(["../../common/TestMode"], function (_export, _context) {
+  "use strict";
+
+  var AppLocation, UrlService;
+  return {
+    setters: [function (_commonTestMode) {
+      AppLocation = _commonTestMode.AppLocation;
+    }],
+    execute: function () {
+      _export("UrlService", UrlService = {
+        toBlogUrl(channelID, emailID, subject) {
+          subject || (subject = "");
+          if (subject.length > 400) {
+            subject = subject.substring(0, 400);
+          }
+          subject = subject.replace(/[^\p{L}\p{N}]+/ug, "-");
+          subject = encodeURIComponent(subject).replace(/\%20/g, "-");
+          const cid = BigInt(channelID).toString(36);
+          const eid = BigInt(emailID).toString(36);
+          if (AppLocation.isLocalTesting) {
+            return `?detail=true&cid=${cid}&eid=${eid}`;
+          }
+          return `/channels/${cid}/${eid}/${subject}`;
+        },
+        toTagUrl({
+          mailboxID,
+          tagID,
+          tag: {
+            name
+          } = {}
+        }) {
+          const cid = BigInt(mailboxID).toString(36);
+          const eid = BigInt(tagID).toString(36);
+          if (AppLocation.isLocalTesting) {
+            return `?detail=true&cid=${cid}&eid=${eid}`;
+          }
+          name || (name = "");
+          if (name.length > 400) {
+            name = name.substring(0, 400);
+          }
+          name = name.replace(/[^\p{L}\p{N}]+/ug, "-");
+          name = encodeURIComponent(name).replace(/\%20/g, "-");
+          return `/channels/${cid}/${eid}/${name}`;
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=UrlService.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/UrlService");
+
+System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../services/EntityService", "../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "../UrlService"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, InjectProperty, AtomControl, BlogService, XNode, Action, EmojiPopup, channelViewStyle, PopupService, AtomRepeater, PostView, CopyIcon, ChannelMessage, _a, _b, url, channelID, emailID, commentIcon;
+  var __awaiter, __decorate, __metadata, InjectProperty, AtomRepeater, EntityService, MailboxTag, XNode, styled, UrlService, TagCloud;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
+    }, function (_modelModel) {
+      MailboxTag = _modelModel.MailboxTag;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_UrlService) {
+      UrlService = _UrlService.UrlService;
+    }],
+    execute: function () {
+      styled.css`
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: 10px;
+
+        & > header {
+            display: block;
+            flex: 1 1 100%;
+            background-color: var(--accent-color, gray);
+            color: var(--accent-text-color, white);
+            padding: 5px;
+        }
+
+        & a {
+            text-decoration: none;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+
+    `.installGlobal("tag-cloud");
+      _export("default", TagCloud = class TagCloud extends AtomRepeater {
+        constructor(app, e = document.createElement("tag-cloud")) {
+          super(app, e);
+          this.pushInit();
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const tags = yield this.entityService.query(MailboxTag, "channelTags").include(x => x.tag).orderByDescending(x => x.count).toPagedList({
+              size: 20
+            });
+            this.itemRenderer = x => XNode.create("a", {
+              href: UrlService.toTagUrl(x),
+              text: `# ${x.tag.name}`
+            });
+            this.items = tags.items;
+          });
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", EntityService)], TagCloud.prototype, "entityService", void 0);
+    }
+  };
+});
+//# sourceMappingURL=TagCloud.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/TagCloud");
+
+System.register(["tslib", "@web-atoms/core/dist/di/Inject", "../../services/EntityService", "@web-atoms/core/dist/di/DISingleton", "../../common/Sql", "../../model/model", "../../common/cache/CacheTTL", "../../common/apiPath", "@social-mail/social-mail-client/content/images/svg/logo/logo-orange.svg"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, Inject, EntityService, DISingleton, Sql, AppFile, CacheTTL, apiPath, orangeLogo, cacheVersion, cacheSeconds, BlogImageService;
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistDiInject) {
+      Inject = _webAtomsCoreDistDiInject.Inject;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
+    }, function (_webAtomsCoreDistDiDISingleton) {
+      DISingleton = _webAtomsCoreDistDiDISingleton.default;
+    }, function (_commonSql) {
+      Sql = _commonSql.Sql;
+    }, function (_modelModel) {
+      AppFile = _modelModel.AppFile;
+    }, function (_commonCacheCacheTTL) {
+      CacheTTL = _commonCacheCacheTTL.CacheTTL;
+    }, function (_commonApiPath) {
+      apiPath = _commonApiPath.apiPath;
+    }, function (_socialMailSocialMailClientContentImagesSvgLogoLogoOrangeSvg) {
+      orangeLogo = _socialMailSocialMailClientContentImagesSvgLogoLogoOrangeSvg.default;
+    }],
+    execute: function () {
+      cacheVersion = "1a";
+      cacheSeconds = CacheTTL.seconds.oneDay;
+      BlogImageService = class BlogImageService {
+        getImage({
+          emailID,
+          email,
+          mailboxID: channelID
+        }) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const types = ["image/%", "video/%"];
+            const file = yield this.entityService.query(AppFile, "channelEmailFiles", emailID).where({
+              types
+            }, p => x => Sql.text.likeAny(x.contentType, p.types)).firstOrDefault({
+              cacheVersion,
+              cacheSeconds
+            });
+            if (file) {
+              return apiPath(`/api/channel/file/webp(100)/${channelID}/${email.emailID}/${file.appFileID}/${file.name}/${file.name}.100.webp`);
+            }
+            return orangeLogo;
+          });
+        }
+      };
+      __decorate([Inject, __metadata("design:type", EntityService)], BlogImageService.prototype, "entityService", void 0);
+      BlogImageService = __decorate([DISingleton()], BlogImageService);
+      _export("default", BlogImageService);
+    }
+  };
+});
+//# sourceMappingURL=BlogImageService.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/BlogImageService");
+
+System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../services/EntityService", "../../../model/model", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "../UrlService", "@web-atoms/core/dist/core/Bind", "@social-mail/social-mail-client/content/images/gif/loader.gif", "../BlogImageService"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, InjectProperty, AtomRepeater, EntityService, MailboxEmail, XNode, styled, UrlService, Bind, loaderImage, BlogImageService, PostList;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
+    }, function (_modelModel) {
+      MailboxEmail = _modelModel.MailboxEmail;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_UrlService) {
+      UrlService = _UrlService.UrlService;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_socialMailSocialMailClientContentImagesGifLoaderGif) {
+      loaderImage = _socialMailSocialMailClientContentImagesGifLoaderGif.default;
+    }, function (_BlogImageService) {
+      BlogImageService = _BlogImageService.default;
+    }],
+    execute: function () {
+      styled.css`
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: 10px;
+
+        & > header {
+            display: block;
+            flex: 1 1 100%;
+            color: var(--accent-color, gray);
+            background-color: #cccccc0a;
+            padding: 5px;
+        }
+
+        & a {
+            text-decoration: none;
+            color: var(--link-color, gray);
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+
+        & [data-item-index] {
+            display: grid;
+            grid-template-columns: 50px 1fr;
+            column-gap: 10px;
+            align-items: center;
+            & > img {
+                width: 50px;
+                height: 30px;
+                object-fit: contain;
+                grid-column: 1;
+            }
+            & > a {
+                grid-column: 2;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+
+    `.installGlobal("post-list");
+      _export("default", PostList = class PostList extends AtomRepeater {
+        constructor(app, e = document.createElement("post-list")) {
+          super(app, e);
+          this.pushInit();
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.setHeader();
+            this.headerRenderer = text => XNode.create("header", {
+              text: text
+            });
+            this.itemRenderer = x => XNode.create("div", null, XNode.create("img", {
+              src: Bind.oneTimeAsync(() => this.blogImageService.getImage(x), loaderImage)
+            }), XNode.create("a", {
+              href: UrlService.toBlogUrl(x.mailboxID, x.emailID, x.email.subject),
+              title: x.email.subject,
+              target: "_blank",
+              text: x.email.subject
+            }));
+            const q = this.entityService.query(MailboxEmail, "channelEmails").include(x => x.email);
+            const posts = yield this.query(q);
+            this.items = posts.items;
+          });
+        }
+        setHeader() {
+          this.header = "Popular Posts";
+        }
+        query(q) {
+          return q.orderByDescending(x => x.engagementCount).toPagedList({
+            size: 5
+          });
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", EntityService)], PostList.prototype, "entityService", void 0);
+      __decorate([InjectProperty, __metadata("design:type", BlogImageService)], PostList.prototype, "blogImageService", void 0);
+    }
+  };
+});
+//# sourceMappingURL=PostList.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/PostList");
+
+System.register(["./PostList"], function (_export, _context) {
+  "use strict";
+
+  var PostList, RecentPosts;
+  _export("default", void 0);
+  return {
+    setters: [function (_PostList) {
+      PostList = _PostList.default;
+    }],
+    execute: function () {
+      _export("default", RecentPosts = class RecentPosts extends PostList {
+        setHeader() {
+          this.header = "Recent Posts";
+        }
+        query(q) {
+          return q.orderByDescending(x => x.datePublished).toPagedList({
+            size: 5
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=RecentPosts.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/RecentPosts");
+
+System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var XNode, styled;
+  function BlogHeader({
+    channel,
+    search
+  }) {
+    return XNode.create("header", {
+      class: "blog-header"
+    }, XNode.create("div", null, XNode.create("span", {
+      text: channel.emailAddress.name
+    }), XNode.create("a", {
+      href: `mailto:subscribe-${channel.emailAddress.emailAddress}?subject=subscribe`
+    }, XNode.create("button", null, "Follow"))), search && XNode.create("div", null, XNode.create("input", {
+      placeholder: "Search...",
+      value: search
+    })));
+  }
+  _export("default", BlogHeader);
+  return {
+    setters: [function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    & > * {
+        display: flex;
+        flex-direction: row;
+        gap: 10px;
+        align-items: center;
+    }
+    `.installGlobal("header.blog-header");
+    }
+  };
+});
+//# sourceMappingURL=BlogHeader.js.map
+
+    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/controls/BlogHeader");
+
+System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/web/controls/AtomControl", "./BlogService", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/Action", "./emoji/EmojiPopup", "./styles/channelViewStyle", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/web-controls/dist/basic/AtomRepeater", "./PostView", "../../common/controls/buttons/CopyIcon", "./controls/TagCloud", "./controls/PostList", "./controls/RecentPosts", "./controls/BlogHeader"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, InjectProperty, AtomControl, BlogService, XNode, Action, EmojiPopup, PopupService, AtomRepeater, PostView, CopyIcon, TagCloud, PopularPosts, RecentPosts, BlogHeader, ChannelMessage, _a, _b, url, channelID, emailID, commentIcon;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -23744,9 +24256,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       Action = _webAtomsCoreDistViewModelAction.default;
     }, function (_emojiEmojiPopup) {
       EmojiPopup = _emojiEmojiPopup.default;
-    }, function (_stylesChannelViewStyle) {
-      channelViewStyle = _stylesChannelViewStyle.channelViewStyle;
-    }, function (_webAtomsCoreDistWebServicesPopupService) {
+    }, function (_stylesChannelViewStyle) {}, function (_webAtomsCoreDistWebServicesPopupService) {
       PopupService = _webAtomsCoreDistWebServicesPopupService.default;
     }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
       AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
@@ -23754,6 +24264,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
       PostView = _PostView.default;
     }, function (_commonControlsButtonsCopyIcon) {
       CopyIcon = _commonControlsButtonsCopyIcon.default;
+    }, function (_controlsTagCloud) {
+      TagCloud = _controlsTagCloud.default;
+    }, function (_controlsPostList) {
+      PopularPosts = _controlsPostList.default;
+    }, function (_controlsRecentPosts) {
+      RecentPosts = _controlsRecentPosts.default;
+    }, function (_controlsBlogHeader) {
+      BlogHeader = _controlsBlogHeader.default;
     }],
     execute: function () {
       url = (_a = window.pageUrl) !== null && _a !== void 0 ? _a : new URL(location.href);
@@ -23780,22 +24298,16 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
             });
             this.email = email;
             const engagements = (_a = email.engagements) !== null && _a !== void 0 ? _a : [];
-            this.element.className = channelViewStyle;
             this.element.setAttribute("data-blog-list", "blog-list");
             this.element.setAttribute("data-layout", "flex-center");
-            this.renderer = XNode.create("section", null, XNode.create("header", null, XNode.create("div", {
-              "styler-display": "flex",
-              "styler-gap": "size-default"
-            }, XNode.create("span", {
-              text: channel.emailAddress.name
-            }), XNode.create("a", {
-              href: `mailto:subscribe-${channel.emailAddress.emailAddress}?subject=subscribe`
-            }, XNode.create("button", null, "Follow")))), XNode.create("section", null, XNode.create(AtomRepeater, {
+            this.renderer = XNode.create("section", null, XNode.create(BlogHeader, {
+              channel: channel
+            }), XNode.create("section", null, XNode.create(AtomRepeater, {
               items: [email],
               itemRenderer: x => XNode.create(PostView, {
                 email: x
               })
-            })), XNode.create("aside", null), XNode.create("footer", null));
+            })), XNode.create("aside", null, XNode.create(TagCloud, null), XNode.create(PopularPosts, null), XNode.create(RecentPosts, null)), XNode.create("footer", null));
           });
         }
         reactEmail(email, ce) {
@@ -24105,59 +24617,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/controls/repeater/InfiniteRepeater");
 
-System.register([], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/basic/LimitedText", "../../common/controls/repeater/InfiniteRepeater", "../../common/date/DateFormats", "../../web/page/mails/service/ConversationService", "./BlogService", "./styles/channelViewStyle", "./UrlService", "./controls/TagCloud", "./controls/PostList", "./controls/RecentPosts", "./controls/BlogHeader"], function (_export, _context) {
   "use strict";
 
-  var AppLocation;
-  return {
-    setters: [],
-    execute: function () {
-      _export("AppLocation", AppLocation = {
-        isLocalTesting: /\d+\.\d+\.\d+\.\d+/.test(location.hostname)
-      });
-    }
-  };
-});
-//# sourceMappingURL=TestMode.js.map
-
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/TestMode");
-
-System.register(["../../common/TestMode"], function (_export, _context) {
-  "use strict";
-
-  var AppLocation, UrlService;
-  return {
-    setters: [function (_commonTestMode) {
-      AppLocation = _commonTestMode.AppLocation;
-    }],
-    execute: function () {
-      _export("UrlService", UrlService = {
-        toBlogUrl: (channelID, emailID, subject) => {
-          subject || (subject = "");
-          if (subject.length > 400) {
-            subject = subject.substring(0, 400);
-          }
-          subject = subject.replace(/[^\p{L}\p{N}]+/ug, "-");
-          subject = encodeURIComponent(subject).replace(/\%20/g, "-");
-          const cid = BigInt(channelID).toString(36);
-          const eid = BigInt(emailID).toString(36);
-          if (AppLocation.isLocalTesting) {
-            return `?detail=true&cid=${cid}&eid=${eid}`;
-          }
-          return `/channels/${cid}/${eid}/${subject}`;
-        }
-      });
-    }
-  };
-});
-//# sourceMappingURL=UrlService.js.map
-
-    AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/channel/UrlService");
-
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/basic/LimitedText", "../../common/controls/repeater/InfiniteRepeater", "../../common/date/DateFormats", "../../web/page/mails/service/ConversationService", "./BlogService", "./styles/channelViewStyle", "./UrlService"], function (_export, _context) {
-  "use strict";
-
-  var __awaiter, __decorate, __metadata, Bind, InjectProperty, XNode, AtomControl, AtomRepeater, LimitedText, InfiniteRepeater, DateFormats, renderMail, BlogService, channelViewStyle, UrlService, ChannelView;
+  var __awaiter, __decorate, __metadata, Bind, InjectProperty, XNode, AtomControl, AtomRepeater, LimitedText, InfiniteRepeater, DateFormats, renderMail, BlogService, UrlService, TagCloud, PopularPosts, RecentPosts, BlogHeader, ChannelView;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -24184,10 +24647,16 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       renderMail = _webPageMailsServiceConversationService.renderMail;
     }, function (_BlogService) {
       BlogService = _BlogService.default;
-    }, function (_stylesChannelViewStyle) {
-      channelViewStyle = _stylesChannelViewStyle.channelViewStyle;
-    }, function (_UrlService) {
+    }, function (_stylesChannelViewStyle) {}, function (_UrlService) {
       UrlService = _UrlService.UrlService;
+    }, function (_controlsTagCloud) {
+      TagCloud = _controlsTagCloud.default;
+    }, function (_controlsPostList) {
+      PopularPosts = _controlsPostList.default;
+    }, function (_controlsRecentPosts) {
+      RecentPosts = _controlsRecentPosts.default;
+    }, function (_controlsBlogHeader) {
+      BlogHeader = _controlsBlogHeader.default;
     }],
     execute: function () {
       _export("default", ChannelView = class ChannelView extends AtomControl {
@@ -24226,21 +24695,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             }, XNode.create("span", {
               text: "..."
             }));
-            this.element.className = channelViewStyle;
-            this.renderer = XNode.create("section", null, XNode.create("header", null, XNode.create("div", {
-              "styler-display": "flex",
-              "styler-gap": "size-default"
-            }, XNode.create("span", {
-              text: this.channel.emailAddress.name
-            }), XNode.create("a", {
-              href: `mailto:subscribe-${this.channel.emailAddress.emailAddress}?subject=subscribe`
-            }, XNode.create("button", null, "Follow"))), XNode.create("div", {
-              "styler-display": "flex",
-              "styler-gap": "size-default"
-            }, XNode.create("input", {
-              placeholder: "Search...",
-              value: Bind.twoWaysImmediate(() => this.search)
-            }))), XNode.create("section", null, XNode.create(AtomRepeater, Object.assign({
+            this.renderer = XNode.create("section", null, XNode.create(BlogHeader, {
+              search: Bind.twoWaysImmediate(() => this.search),
+              channel: this.channel
+            }), XNode.create("section", null, XNode.create(AtomRepeater, Object.assign({
               items: this.mails,
               "data-auto-scroll": "false"
             }, InfiniteRepeater.pagedItems(start => (c, e, cancelToken) => this.blogService.getEmails({
@@ -24275,7 +24733,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
                   text: `${x.engagement} ${x.count}`
                 }))));
               }
-            }))), XNode.create("aside", null, XNode.create(AtomRepeater, null)), XNode.create("footer", null));
+            }))), XNode.create("aside", null, XNode.create(TagCloud, null), XNode.create(PopularPosts, null), XNode.create(RecentPosts, null)), XNode.create("footer", null));
           });
         }
       });