Tighten communication surface chrome

This commit is contained in:
ZacharyZhang-NY committed 2026-04-19 18:09:46 -04:00
1 parent af0716419e
commit 707a2ff785
5 files changed
+21 -17

No files matched your search

@@ -55,7 +55,7 @@ impl AppRoot {
div()
.flex()
.flex_col()
.gap_5()
.gap_4()
.child(
div()
.child(
@@ -82,7 +82,7 @@ impl AppRoot {
))
.child(
div()
.rounded_lg()
.rounded_md()
.border_1()
.border_color(theme::panel_border())
.bg(theme::panel())
@@ -177,8 +177,8 @@ impl InboxRow {
}
cx.notify();
}))
.px_5()
.py_4()
.px_4()
.py_3()
.border_b_1()
.border_color(theme::panel_border())
.child(
@@ -37,7 +37,7 @@ impl AppRoot {
div()
.flex()
.gap_4()
.gap_3()
.child(render_message_sidebar(
&channel_groups,
selected_channel.as_deref(),
@@ -48,7 +48,7 @@ impl AppRoot {
div()
.flex_1()
.border_1()
.rounded_lg()
.rounded_md()
.border_color(theme::panel_border())
.bg(theme::panel())
.child(render_message_header(
@@ -225,13 +225,13 @@ fn render_message_sidebar<'a>(
cx: &'a mut Context<AppRoot>,
) -> impl IntoElement + 'a {
div()
.w(px(280.0))
.w(px(292.0))
.p_3()
.gap_3()
.border_1()
.rounded_lg()
.rounded_md()
.border_color(theme::panel_border())
.bg(theme::panel())
.bg(theme::sidebar_bg())
.children(groups.iter().map(|group| {
div()
.gap_2()
@@ -256,7 +256,7 @@ fn render_message_sidebar<'a>(
} else {
theme::panel()
})
.rounded_lg()
.rounded_md()
.px_3()
.py_2()
.on_click(cx.listener(move |this, _, _, cx| {
@@ -274,7 +274,7 @@ fn render_message_sidebar<'a>(
div()
.w(px(28.0))
.h(px(28.0))
.rounded_lg()
.rounded_md()
.bg(theme::panel_muted()),
)
.child(
@@ -13,8 +13,8 @@ pub(super) fn selected_message_card(message: Option<&domain::AgentMessage>) -> i
.to_string()
});
div()
.p_5()
.rounded_lg()
.p_4()
.rounded_md()
.border_1()
.border_color(theme::panel_border())
.bg(theme::panel())
@@ -82,10 +82,12 @@ fn message_header(message: Option<&domain::AgentMessage>, urgent: bool) -> impl
.gap_3()
.child(
div()
.w(px(44.0))
.h(px(44.0))
.w(px(40.0))
.h(px(40.0))
.rounded_full()
.bg(theme::accent_orange_soft())
.border_1()
.border_color(theme::panel_border())
.text_color(theme::accent_orange())
.flex()
.items_center()
+2 -2
View File
@@ -315,8 +315,8 @@
"cargo test --workspace passes"
],
"priority": 23,
"passes": false,
"notes": "Opened after structural communication remediation."
"passes": true,
"notes": "Passed: messages and inbox chrome were tightened toward screenshot parity with calmer pane spacing, smaller radii, warmer sidebar treatment, lighter message avatar chrome, and denser list rows while keeping real interactions intact."
},
{
"id": "US-024",
+2
View File
@@ -32,3 +32,5 @@ Started: 2026-04-19
- Completed US-021 current-directory-only final re-audit. All current-directory UI remediation stories are now closed, ui-parity-audit.md records the final status and known limits, and the workspace passes cargo clippy and cargo test.
- Completed US-022 shared skin pass. Current-directory theme tokens now align more closely with the screenshot-derived desktop skin: warmer window/sidebar fills, softer panel borders, gentler selected states, and more restrained accent surfaces.
- Completed US-023 communication skin pass. Messages and inbox now use tighter pane spacing, softer desktop chrome, warmer sidebar treatment, calmer card radii, and denser row padding while preserving the existing native communication interactions.