Add about internal page

2026-05-08 00:29:29 -04:00
parent 5196aff6a3
commit b4aedad593
8 changed files with 341 additions and 3 deletions
@@ -1,3 +1,4 @@
+mod about;
 mod download_actions;
 mod download_labels;
 mod downloads;
@@ -27,6 +28,7 @@ impl ElyShell {
            "ely://downloads" => self.render_downloads_page(snapshot, cx),
            "ely://history" => self.render_history_page(snapshot, cx),
            "ely://archive" => self.render_archive_page(snapshot, cx),
+            "ely://about" => self.render_about_page(snapshot),
            "ely://settings/plugins" => self.render_plugins_page(snapshot, cx),
            "ely://settings/profiles" => self.render_profiles_page(snapshot, cx),
            "ely://settings/sync" => self.render_sync_page(snapshot),
@@ -0,0 +1,164 @@
+use ely_browser_core::BrowserSnapshot;
+use ely_design_system::colors;
+use gpui::{AnyElement, IntoElement, ParentElement, Styled, div, px, rgb};
+use gpui_component::{IconName, StyledExt, scroll::ScrollableElement};
+
+use super::{ElyShell, render_canvas_surface};
+
+const PRODUCT_NAME: &str = "ELY Browser";
+const COMPANY_NAME: &str = "Elydora";
+const APP_VERSION: &str = env!("CARGO_PKG_VERSION");
+const BUILD_REVISION: &str = env!("ELY_BUILD_REVISION");
+const WORKSPACE_LICENSE: &str = env!("ELY_WORKSPACE_LICENSE");
+const GPUI_VERSION: &str = env!("ELY_GPUI_VERSION");
+const GPUI_COMPONENT_VERSION: &str = env!("ELY_GPUI_COMPONENT_VERSION");
+const SERVO_VERSION: &str = env!("ELY_SERVO_VERSION");
+
+impl ElyShell {
+    pub(super) fn render_about_page(&mut self, snapshot: &BrowserSnapshot) -> AnyElement {
+        render_canvas_surface(
+            div()
+                .size_full()
+                .p_8()
+                .flex()
+                .flex_col()
+                .gap_5()
+                .child(render_about_header())
+                .child(render_about_rows(snapshot)),
+        )
+    }
+}
+
+fn render_about_header() -> AnyElement {
+    div()
+        .flex()
+        .items_end()
+        .justify_between()
+        .gap_4()
+        .child(
+            div()
+                .flex()
+                .flex_col()
+                .gap_2()
+                .child(
+                    div()
+                        .text_size(px(26.0))
+                        .text_color(rgb(colors::INK))
+                        .child(format!("About {PRODUCT_NAME}")),
+                )
+                .child(div().text_sm().text_color(rgb(colors::MUTED)).child(COMPANY_NAME)),
+        )
+        .child(
+            div()
+                .flex()
+                .items_center()
+                .gap_2()
+                .text_xs()
+                .font_semibold()
+                .text_color(rgb(colors::MUTED))
+                .child(IconName::Info)
+                .child(format!("Build {BUILD_REVISION}")),
+        )
+        .into_any_element()
+}
+
+fn render_about_rows(snapshot: &BrowserSnapshot) -> AnyElement {
+    div()
+        .flex_1()
+        .min_h_0()
+        .flex()
+        .flex_col()
+        .overflow_y_scrollbar()
+        .border_t_1()
+        .border_color(rgb(colors::HAIRLINE))
+        .child(about_row(IconName::Building2, "Product", PRODUCT_NAME, COMPANY_NAME))
+        .child(about_row(IconName::Info, "Version", APP_VERSION, "Cargo package version"))
+        .child(about_row(IconName::GitHub, "Build", BUILD_REVISION, "Git revision"))
+        .child(about_row(
+            IconName::Frame,
+            "GPUI",
+            format!("gpui {GPUI_VERSION}"),
+            "Native desktop renderer",
+        ))
+        .child(about_row(
+            IconName::LayoutDashboard,
+            "Components",
+            format!("gpui-component {GPUI_COMPONENT_VERSION}"),
+            "UI component toolkit",
+        ))
+        .child(about_row(
+            IconName::Globe,
+            "Servo",
+            format!("servo {SERVO_VERSION}"),
+            "Browser engine crate",
+        ))
+        .child(about_row(
+            IconName::BookOpen,
+            "License",
+            WORKSPACE_LICENSE,
+            "Workspace package license",
+        ))
+        .child(about_row(
+            IconName::CircleUser,
+            "Runtime",
+            &snapshot.active_profile_name,
+            format!("{} - {} open tabs", snapshot.active_space_name, snapshot.tabs.len()),
+        ))
+        .into_any_element()
+}
+
+fn about_row(
+    icon: IconName,
+    label: &'static str,
+    value: impl Into<String>,
+    detail: impl Into<String>,
+) -> AnyElement {
+    let value = value.into();
+    let detail = detail.into();
+
+    div()
+        .py_3()
+        .border_b_1()
+        .border_color(rgb(colors::HAIRLINE))
+        .flex()
+        .items_center()
+        .justify_between()
+        .gap_4()
+        .child(
+            div()
+                .min_w_0()
+                .flex_1()
+                .flex()
+                .items_center()
+                .gap_3()
+                .child(div().text_color(rgb(colors::MUTED_SOFT)).child(icon))
+                .child(
+                    div()
+                        .min_w_0()
+                        .flex()
+                        .flex_col()
+                        .gap_1()
+                        .child(
+                            div()
+                                .text_sm()
+                                .font_semibold()
+                                .truncate()
+                                .text_color(rgb(colors::INK))
+                                .child(label),
+                        )
+                        .child(
+                            div().text_xs().truncate().text_color(rgb(colors::MUTED)).child(detail),
+                        ),
+                ),
+        )
+        .child(
+            div()
+                .max_w(px(300.0))
+                .truncate()
+                .text_sm()
+                .font_semibold()
+                .text_color(rgb(colors::INK))
+                .child(value),
+        )
+        .into_any_element()
+}