show size

Author: SuaYoo

frontend/src/pages/org/collection-detail.ts

@@ -621,6 +621,19 @@ export class CollectionDetail extends BtrixElement {
           (col) =>
             `${this.localize.number(col.pageCount)} ${pluralOf("pages", col.pageCount)}`,
         )}
+        ${this.renderDetailItem(
+          msg("Total Size"),
+          (col) => html`
+            ${this.localize.bytes(col.totalSize)}
+            ${col.hasDedupeIndex
+              ? html`<sl-tooltip content=${msg("Deduplicated")}>
+                  <btrix-badge variant="success" pill
+                    >${msg("Deduped")}</btrix-badge
+                  >
+                </sl-tooltip>`
+              : nothing}
+          `,
+        )}
         ${createdDate
           ? this.renderDetailItem(msg("Created"), () =>
               this.localize.relativeDate(createdDate),

frontend/src/pages/org/collections-list.ts

@@ -64,7 +64,7 @@ const sortableFields: Record<
     defaultDirection: SortDirection.Descending,
   },
   totalSize: {
-    label: msg("Size"),
+    label: msg("Total Size"),
     defaultDirection: SortDirection.Descending,
   },
   modified: {
@@ -620,26 +620,24 @@ export class CollectionsList extends WithSearchOrgContext(BtrixElement) {
           </div>
         </a>
       </btrix-table-cell>
-      <btrix-table-cell class="gap-2">
+      <btrix-table-cell>
         ${this.localize.number(col.crawlCount, { notation: "compact" })}
         ${pluralOf("items", col.crawlCount)}
+      </btrix-table-cell>
+      <btrix-table-cell>
+        ${this.localize.number(col.pageCount, { notation: "compact" })}
+        ${pluralOf("pages", col.pageCount)}
+      </btrix-table-cell>
+      <btrix-table-cell class="gap-2">
+        ${this.localize.bytes(col.totalSize || 0)}
         ${col.hasDedupeIndex
-          ? html`<sl-tooltip content=${msg("Deduplicated Archived Items")}>
+          ? html`<sl-tooltip content=${msg("Deduplicated")}>
               <btrix-badge variant="success" pill
                 >${msg("Deduped")}</btrix-badge
               >
             </sl-tooltip>`
           : nothing}
       </btrix-table-cell>
-      <btrix-table-cell>
-        ${this.localize.number(col.pageCount, { notation: "compact" })}
-        ${pluralOf("pages", col.pageCount)}
-      </btrix-table-cell>
-      <btrix-table-cell>
-        ${this.localize.bytes(col.totalSize || 0, {
-          unitDisplay: "narrow",
-        })}
-      </btrix-table-cell>
       <btrix-table-cell>
         <btrix-format-date
           date=${col.modified}