Add privacy local data inventory

crates/ely_app/src/shell/internal_pages.rs

@@ -16,6 +16,7 @@ mod notes_markdown;
 mod plugin_catalog;
 mod plugin_details;
 mod plugins;
+mod privacy_data_inventory;
 mod privacy_security;
 mod profiles;
 mod reading_list;

crates/ely_app/src/shell/internal_pages/privacy_data_inventory.rs

@@ -0,0 +1,127 @@
+use ely_browser_core::{BrowserSnapshot, LocalDataInventory};
+use ely_design_system::colors;
+use gpui::{AnyElement, IntoElement, ParentElement, Styled, div, rgb};
+use gpui_component::{IconName, StyledExt};
+
+pub(super) fn render_local_data_inventory(snapshot: &BrowserSnapshot) -> AnyElement {
+    let inventory = snapshot.local_data_inventory;
+
+    div()
+        .rounded_md()
+        .border_1()
+        .border_color(rgb(colors::HAIRLINE))
+        .bg(rgb(colors::CANVAS_SOFT))
+        .px_4()
+        .py_3()
+        .flex()
+        .flex_col()
+        .gap_3()
+        .child(render_inventory_header(snapshot, inventory))
+        .child(render_inventory_rows(inventory))
+        .into_any_element()
+}
+
+fn render_inventory_header(
+    snapshot: &BrowserSnapshot,
+    inventory: LocalDataInventory,
+) -> AnyElement {
+    div()
+        .flex()
+        .items_center()
+        .justify_between()
+        .gap_4()
+        .child(
+            div()
+                .min_w_0()
+                .flex()
+                .items_center()
+                .gap_3()
+                .child(div().text_color(rgb(colors::PRIMARY)).child(IconName::Inspector))
+                .child(
+                    div()
+                        .min_w_0()
+                        .flex()
+                        .flex_col()
+                        .gap_1()
+                        .child(
+                            div()
+                                .text_sm()
+                                .font_semibold()
+                                .text_color(rgb(colors::INK))
+                                .child("Local Data"),
+                        )
+                        .child(div().text_xs().truncate().text_color(rgb(colors::MUTED)).child(
+                            format!(
+                                "{} Profile inventory for review, export, and deletion.",
+                                snapshot.active_profile_name
+                            ),
+                        )),
+                ),
+        )
+        .child(
+            div()
+                .flex_none()
+                .rounded_md()
+                .border_1()
+                .border_color(rgb(colors::HAIRLINE))
+                .bg(rgb(colors::CANVAS))
+                .px_3()
+                .py_2()
+                .text_xs()
+                .font_semibold()
+                .text_color(rgb(colors::INK))
+                .child(format!("{} items", inventory.total_items())),
+        )
+        .into_any_element()
+}
+
+fn render_inventory_rows(inventory: LocalDataInventory) -> AnyElement {
+    div()
+        .flex()
+        .flex_col()
+        .child(inventory_row(IconName::Globe, "Open Tabs", inventory.open_tabs()))
+        .child(inventory_row(IconName::Inbox, "Archived Tabs", inventory.archived_tabs()))
+        .child(inventory_row(IconName::Undo2, "History", inventory.history_entries()))
+        .child(inventory_row(IconName::BookOpen, "Bookmarks", inventory.bookmarks()))
+        .child(inventory_row(IconName::File, "Notes", inventory.notes()))
+        .child(inventory_row(IconName::CircleCheck, "Reading List", inventory.reading_list()))
+        .child(inventory_row(IconName::Folder, "Downloads", inventory.downloads()))
+        .child(inventory_row(IconName::Eye, "Site Permissions", inventory.site_permissions()))
+        .child(inventory_row(
+            IconName::Inspector,
+            "Audit Events",
+            inventory.site_permission_audit_events(),
+        ))
+        .into_any_element()
+}
+
+fn inventory_row(icon: IconName, label: &'static str, count: usize) -> AnyElement {
+    div()
+        .py_2()
+        .border_t_1()
+        .border_color(rgb(colors::HAIRLINE))
+        .flex()
+        .items_center()
+        .justify_between()
+        .gap_4()
+        .child(
+            div()
+                .min_w_0()
+                .flex()
+                .items_center()
+                .gap_3()
+                .child(div().text_color(rgb(colors::MUTED_SOFT)).child(icon))
+                .child(
+                    div().min_w_0().truncate().text_sm().text_color(rgb(colors::INK)).child(label),
+                ),
+        )
+        .child(
+            div()
+                .flex_none()
+                .text_sm()
+                .font_semibold()
+                .text_color(rgb(colors::MUTED))
+                .child(count.to_string()),
+        )
+        .into_any_element()
+}

crates/ely_app/src/shell/internal_pages/privacy_security.rs

@@ -9,7 +9,7 @@ use gpui_component::{
     scroll::ScrollableElement,
 };
 
-use super::{ElyShell, render_canvas_surface};
+use super::{ElyShell, privacy_data_inventory::render_local_data_inventory, render_canvas_surface};
 
 impl ElyShell {
     pub(super) fn render_privacy_security_page(
@@ -32,6 +32,7 @@ impl ElyShell {
                 .when(snapshot.active_profile_history_entry_count > 0, |this| {
                     this.child(render_history_clear_controls(confirming_clear, cx))
                 })
+                .child(render_local_data_inventory(snapshot))
                 .child(render_privacy_settings_rows(snapshot, cx)),
         )
     }