{"messages":[{"content":"You are a constitutional council ranking individual git commits for ownership allocation.\n\nCompare these two commits. Decide which contributed more lasting value to the project.\n\nJudge substance, not spectacle:\n- Prefer correct, lasting design and real bugfixes over churn, formatting, renames, or generated noise.\n- Prefer clarity and necessity over sheer line count. A small precise change can beat a large diffuse one.\n- Do not favor a side merely because its patch is longer or noisier.\n- Weight what the change does for the project, not the contributor's name.\n\nReturn ONLY a JSON object: {\"winner\": \"A\" or \"B\", \"ratio\": \"N:M\", \"explanation\": \"...\"}\nThe explanation must cite concrete differences in the patches (1-3 sentences).\n\nSide A — contributor: tommy-mor\nSide A — commit message:\n[798c764d] feat(html): grouped cli_panel with hover-to-copy and JS-safe asserts\n\nSingle bordered panel for multiple commands; rows copy on click without a\nseparate copy control. Assert CLI strings contain no chars that would break\nsingle-quoted onclick JS.\n\nMade-with: Cursor\n\nSide A — unified diff (full patch):\ndiff --git a/server/src/html/forum.rs b/server/src/html/forum.rs\nindex f6e45b05bb92126966e304619f80ef1d45be7a4b..075860914a6ce18bb0dfa73dc5651ef1a6318b67 100644\n--- a/server/src/html/forum.rs\n+++ b/server/src/html/forum.rs\n@@ -718,7 +718,7 @@ pub async fn home(\n             }\n             div id=\"public-new-thread-ui-slot\" {}\n             (render_thread_feed(Some(&nav), \"thread-feed\", &public_rows, now))\n-            (cli_panel(\"npx slugsocial public forum list\"))\n+            (cli_panel(&[\"npx slugsocial public forum list\"]))\n         },\n         None,\n         theme_from_jar(&jar),\n@@ -868,7 +868,7 @@ async fn thread_view_inner(\n             div id=\"thread-live-region\" {\n                 (compose_form(&nav, &tag, show_compose))\n             }\n-            (cli_panel(&cli))\n+            (cli_panel(std::slice::from_ref(&cli)))\n         },\n         None,\n         theme_from_jar(&jar),\n@@ -984,9 +984,7 @@ pub async fn room_page(\n                     (new_thread_form_for_room(&nav, true, false))\n                 }\n             }\n-            (cli_panel(&forum_cli))\n-            (cli_panel(&garden_cli))\n-            (cli_panel(&audit_cli))\n+            (cli_panel(&[forum_cli, garden_cli, audit_cli]))\n         },\n         None,\n         theme_from_jar(&jar),\n@@ -1409,7 +1407,7 @@ pub async fn user_profile_page(\n                     }\n                 }\n             }\n-            (cli_panel(&format!(\"npx slugsocial public forum list\")))\n+            (cli_panel(&[format!(\"npx slugsocial public forum list\")]))\n         },\n         None,\n         theme_from_jar(&jar),\ndiff --git a/server/src/html/garden.rs b/server/src/html/garden.rs\nindex 9b4789a79c3e293cbfc5f033a0eac8650320d94d..c8ce7de450f7d14e04020511e7eb7323bd487deb 100644\n--- a/server/src/html/garden.rs\n+++ b/server/src/html/garden.rs\n@@ -139,7 +139,7 @@ pub async fn garden_index(\n                     }\n                 }\n             }\n-            (cli_panel(\"npx slugsocial garden tree\"))\n+            (cli_panel(&[\"npx slugsocial garden tree\"]))\n         },\n         None,\n         theme_from_jar(&jar),\n@@ -542,7 +542,7 @@ async fn render_scope_view(\n                 ScopeId::Public => format!(\"npx slugsocial public garden body {}\", path.as_str().trim_start_matches(\"https://slug.social/~/\")),\n                 ScopeId::Room(room_id) => format!(\"npx slugsocial private {room_id} garden body {}\", path.as_str().trim_start_matches(\"https://slug.social/~/\")),\n             };\n-            (cli_panel(&cli))\n+            (cli_panel(std::slice::from_ref(&cli)))\n         },\n         None,\n         theme_from_jar(&jar),\ndiff --git a/server/src/html/mod.rs b/server/src/html/mod.rs\nindex e7f5bfb7a4b2dee2adf96447224c58d641092124..6617781a2e8e86c2e2693788ea7cd0eb0e3659a2 100644\n--- a/server/src/html/mod.rs\n+++ b/server/src/html/mod.rs\n@@ -599,18 +599,38 @@ pub(super) fn render_linkified_with_embeds_in_scope(raw: &str, garden_prefix: &s\n     }\n }\n \n-/// Small CLI hint panel showing how to look up this page from the terminal.\n-pub(super) fn cli_panel(cmd: &str) -> Markup {\n+/// CLI strings are embedded in a single-quoted JS literal; they must never need escaping.\n+fn assert_cli_panel_cmd_js_single_quote_safe(s: &str) {\n+    assert!(\n+        !s.contains('\\\\')\n+            && !s.contains('\\'')\n+            && !s.contains('\\n')\n+            && !s.contains('\\r'),\n+        \"cli_panel cmd must not contain `\\\\`, `'`, or newlines (got {s:?})\"\n+    );\n+}\n+\n+/// Small CLI hint panel: one border and title; each line is hover-highlighted and copies on click.\n+pub(super) fn cli_panel<I: AsRef<str>>(cmds: &[I]) -> Markup {\n+    if cmds.is_empty() {\n+        return html! {};\n+    }\n+    for cmd in cmds {\n+        assert_cli_panel_cmd_js_single_quote_safe(cmd.as_ref());\n+    }\n     html! {\n         div class=\"cli-panel\" {\n             span class=\"cli-panel-label muted\" { \"cli\" }\n-            code class=\"cli-panel-cmd\" { (cmd) }\n-            button\n-                class=\"cli-panel-copy\"\n-                title=\"Copy to clipboard\"\n-                onclick=(format!(r#\"navigator.clipboard.writeText('{}'); this.textContent='✓'; setTimeout(() => this.textContent='copy', 2000);\"#, cmd.replace(\"'\", \"\\\\'\")))\n-            {\n-                \"copy\"\n+            div class=\"cli-panel-cmds\" {\n+                @for cmd in cmds {\n+                    @let s = cmd.as_ref();\n+                    button type=\"button\" class=\"cli-panel-row\" title=\"Copy command\" onclick=(format!(\n+                        r#\"navigator.clipboard.writeText('{}');\"#,\n+                        s\n+                    )) {\n+                        code class=\"cli-panel-cmd\" { (s) }\n+                    }\n+                }\n             }\n         }\n     }\ndiff --git a/server/src/html/search.rs b/server/src/html/search.rs\nindex 28ceaa53c3fcac6777311535e95fb771b19438f5..43e6ebf36cf0fe72c96f0f9d850bea51ac094c43 100644\n--- a/server/src/html/search.rs\n+++ b/server/src/html/search.rs\n@@ -418,7 +418,7 @@ pub async fn search_page(\n                     value=(query) autocomplete=\"off\" autofocus;\n             }\n             (render_search_results(&results, &query))\n-            (cli_panel(\"npx slugsocial search <query>\"))\n+            (cli_panel(&[\"npx slugsocial search <query>\"]))\n         },\n         None,\n         theme_from_jar(&jar),\ndiff --git a/server/static/theme_default.css b/server/static/theme_default.css\nindex e024a5c8b74139ae8be37b2a1bd17e4c3abe9324..764b66c8208e91e6138b83c534387cf43c85b8b5 100644\n--- a/server/static/theme_default.css\n+++ b/server/static/theme_default.css\n@@ -610,7 +610,7 @@ code {\n    CLI PANEL — how to view this page from the terminal\n    ---------------------------------------------------------------- */\n div.cli-panel {\n-  align-items: baseline;\n+  align-items: flex-start;\n   background: var(--g1);\n   border: var(--bv) solid;\n   border-color: var(--lo) var(--hi) var(--hi) var(--lo); /* inset */\n@@ -621,11 +621,34 @@ div.cli-panel {\n   width: fit-content;\n   max-width: 100%;\n }\n+.cli-panel-cmds {\n+  display: flex;\n+  flex-direction: column;\n+  gap: 4px;\n+  flex: 1;\n+  min-width: 0;\n+}\n+button.cli-panel-row {\n+  background: transparent;\n+  border: none;\n+  color: inherit;\n+  cursor: pointer;\n+  display: block;\n+  font: inherit;\n+  margin: 0;\n+  padding: 2px 4px;\n+  text-align: left;\n+  width: 100%;\n+}\n+button.cli-panel-row:hover {\n+  background: var(--g3);\n+}\n .cli-panel-label {\n   font-size: 11px;\n   letter-spacing: 0.08em;\n   text-transform: uppercase;\n   flex-shrink: 0;\n+  padding-top: 2px;\n }\n .cli-panel-cmd {\n   background: none;\ndiff --git a/server/static/theme_retro_craft.css b/server/static/theme_retro_craft.css\nindex 00714575bfa533d1d9c66653b9089642e2b0a6ca..f89ecbc3a18eb9b2b27d1f7764330f6bd6987552 100644\n--- a/server/static/theme_retro_craft.css\n+++ b/server/static/theme_retro_craft.css\n@@ -306,19 +306,41 @@ a.post-nav-btn:hover {\n }\n \n div.cli-panel {\n-  align-items: baseline;\n+  align-items: flex-start;\n   border: 1px dashed var(--line);\n   display: flex;\n-  flex-wrap: wrap;\n   gap: 0.5rem;\n   margin: 0.65rem 0;\n   padding: 0.45rem 0.65rem;\n }\n+.cli-panel-cmds {\n+  display: flex;\n+  flex-direction: column;\n+  gap: 0.25rem;\n+  flex: 1;\n+  min-width: 0;\n+}\n+button.cli-panel-row {\n+  background: transparent;\n+  border: none;\n+  color: inherit;\n+  cursor: pointer;\n+  display: block;\n+  font: inherit;\n+  margin: 0;\n+  padding: 0.1rem 0.2rem;\n+  text-align: left;\n+  width: 100%;\n+}\n+button.cli-panel-row:hover {\n+  background: color-mix(in srgb, var(--accent) 14%, transparent);\n+}\n .cli-panel-label {\n   color: var(--ink-dim);\n   font-size: 0.72rem;\n   letter-spacing: 0.12em;\n   text-transform: uppercase;\n+  padding-top: 0.12rem;\n }\n .cli-panel-cmd {\n   color: var(--accent);\n\n\nSide B — contributor: tommy-mor\nSide B — commit message:\n[8dab9b80] nice\n\nSide B — unified diff (full patch):\ndiff --git a/server/src/fetch/html.rs b/server/src/fetch/html.rs\nindex 3e0309ff1c2ac1b17923922d2340ba6710e0f9d1..dadf050515f0473943dad97df5d318032c8cb385 100644\n--- a/server/src/fetch/html.rs\n+++ b/server/src/fetch/html.rs\n@@ -10,13 +10,18 @@ use crate::{\n     ui_action::UI_RPC_FIELD,\n };\n \n-fn entity_panel(node: &NodeState) -> Markup {\n+/// CSS selector for Idiomorph / SSE updates of one entity block.\n+pub fn entity_section_selector(item: &ItemId) -> String {\n+    format!(r#\"[data-entity-section=\"{}\"]\"#, item.as_str())\n+}\n+\n+pub fn entity_panel(node: &NodeState) -> Markup {\n     if let Some(markup) = crate::render::reddit::entity_markup(node) {\n         return markup;\n     }\n     html! {\n         @if let Some(data) = &node.data {\n-            div id=\"entity-panel\" class=\"entity-card\" {\n+            div class=\"entity-card\" {\n                 h2 { (data.title) }\n                 @if let Some(author) = &data.author {\n                     p class=\"muted small\" { \"by \" (author) }\n@@ -76,11 +81,11 @@ pub fn fetch_entity_panel(item: &ItemId, has_data: bool, fetching: bool) -> Mark\n     }\n }\n \n-/// Entity card + fetch control (target `#entity-section` for Idiomorph / SSE).\n+/// Entity card + fetch control (morph target [`entity_section_selector`]).\n pub fn entity_section(item: &ItemId, node: &NodeState, fetching: bool) -> Markup {\n     let has_data = node.data.is_some();\n     html! {\n-        section id=\"entity-section\" class=\"demo-panel\" {\n+        section class=\"entity-section demo-panel\" data-entity-section=(item.as_str()) {\n             (entity_panel(node))\n             (fetch_entity_panel(item, has_data, fetching))\n         }\ndiff --git a/server/src/fetch/mod.rs b/server/src/fetch/mod.rs\nindex 35f968c21c69ca557bab7951413e3cfbbccfebfd..f5759a34a1afe4069805441cefde6474a6403550 100644\n--- a/server/src/fetch/mod.rs\n+++ b/server/src/fetch/mod.rs\n@@ -77,8 +77,9 @@ pub fn fetch_entity_stream(\n             let tree = state.tree.read().await;\n             let empty = NodeState::default();\n             let node = tree.get(&id).unwrap_or(&empty);\n+            let sel = html::entity_section_selector(&id);\n             JsBuilder::new()\n-                .morph_selector(\"#entity-section\", html::entity_section(&id, node, true))\n+                .morph_selector(&sel, html::entity_section(&id, node, true))\n                 .build()\n         };\n         yield Ok(js_event(fetching_js));\n@@ -100,12 +101,13 @@ pub fn fetch_entity_stream(\n             FetchJobResult::Imported(_)\n             | FetchJobResult::NotFound\n             | FetchJobResult::SkippedCached\n-            | FetchJobResult::SkippedDuplicate => {\n+            |             FetchJobResult::SkippedDuplicate => {\n                 let tree = state.tree.read().await;\n                 let empty = NodeState::default();\n                 let node = tree.get(&id).unwrap_or(&empty);\n+                let sel = html::entity_section_selector(&id);\n                 let mut b = JsBuilder::new()\n-                    .morph_selector(\"#entity-section\", html::entity_section(&id, node, false));\n+                    .morph_selector(&sel, html::entity_section(&id, node, false));\n                 if kind == FetchKind::Children {\n                     b = b.morph_selector(\"#ranking-panel\", ranking_panel(&id, node, &tree));\n                 }\n@@ -115,8 +117,9 @@ pub fn fetch_entity_stream(\n                 let tree = state.tree.read().await;\n                 let empty = NodeState::default();\n                 let node = tree.get(&id).unwrap_or(&empty);\n+                let sel = html::entity_section_selector(&id);\n                 let js = JsBuilder::new()\n-                    .morph_selector(\"#entity-section\", html::entity_section(&id, node, false))\n+                    .morph_selector(&sel, html::entity_section(&id, node, false))\n                     .raw(&error_js(&format!(\"Reddit rate limit — retry in {reset_secs}s.\")))\n                     .build();\n                 yield Ok(js_event(js));\n@@ -125,8 +128,9 @@ pub fn fetch_entity_stream(\n                 let tree = state.tree.read().await;\n                 let empty = NodeState::default();\n                 let node = tree.get(&id).unwrap_or(&empty);\n+                let sel = html::entity_section_selector(&id);\n                 let js = JsBuilder::new()\n-                    .morph_selector(\"#entity-section\", html::entity_section(&id, node, false))\n+                    .morph_selector(&sel, html::entity_section(&id, node, false))\n                     .raw(&error_js(&format!(\"Fetch failed: {msg}\")))\n                     .build();\n                 yield Ok(js_event(js));\ndiff --git a/server/src/html/vote.rs b/server/src/html/vote.rs\nindex 89ed621ad861214e147add2062224fc4137ff8ad..48752f4d78d4762d1badc44e8df008bf5a45bab4 100644\n--- a/server/src/html/vote.rs\n+++ b/server/src/html/vote.rs\n@@ -8,6 +8,7 @@ use maud::{html, Markup};\n use serde::Deserialize;\n \n use crate::{\n+    fetch::html::entity_section,\n     form_template::template_json_compact,\n     html::JsBuilder,\n     pair::{children_of, resolve_pair, suggest_next_pair_in_pool},\n@@ -169,37 +170,13 @@ pub(crate) fn vote_recorded_morph(\n }\n \n fn vote_compare_item_card(tree: &GlobalTree, item: &ItemId, side_class: &str) -> Markup {\n-    let href = item_href(item);\n-    let title = child_title(tree, item);\n+    let node = tree.get(item).cloned().unwrap_or_else(|| NodeState {\n+        id: item.clone(),\n+        ..Default::default()\n+    });\n     html! {\n         div class=(format!(\"vote-compare-side {side_class}\")) {\n-            a class=(format!(\"vote-compare-item {side_class}\")) href=(href) {\n-                @if let Some(row) = crate::render::reddit::child_row_markup(tree, item, &href) {\n-                    (row)\n-                } @else {\n-                    strong { (title) }\n-                }\n-            }\n-            @if let Some(node) = tree.get(item) {\n-                @if crate::render::reddit::is_reddit_post(item) {\n-                    @if let Some(data) = &node.data {\n-                        @if let Some(src) = data.image_url.as_ref().or(data.thumb_url.as_ref()) {\n-                            figure class=\"vote-compare-figure\" {\n-                                img class=\"vote-compare-image\" src=(src) alt=\"\" loading=\"lazy\";\n-                            }\n-                        }\n-                        @if let Some(author) = &data.author {\n-                            p class=\"muted small\" { \"by \" (author) }\n-                        }\n-                    }\n-                } @else if let Some(data) = &node.data {\n-                    @if let Some(body) = &data.body_html {\n-                        div class=\"vote-compare-item-body\" {\n-                            (maud::PreEscaped(body))\n-                        }\n-                    }\n-                }\n-            }\n+            (entity_section(item, &node, false))\n         }\n     }\n }\n@@ -270,9 +247,6 @@ pub async fn vote_page(\n                 (vote_compare_item_card(&tree, &right, \"vote-compare-right\"))\n             }\n             (vote_back_nav(&parent))\n-            div id=\"vote-edge-history-region\" {\n-                (edge_history)\n-            }\n             form id=\"vote-compare-form\" method=\"POST\" action=\"/ui\" {\n                 input type=\"hidden\" name=(UI_RPC_FIELD) value=(rpc_json);\n                 input type=\"hidden\" name=\"ratio_left\" id=\"vote-ratio-left\" value=\"50\";\n@@ -285,6 +259,9 @@ pub async fn vote_page(\n                 }\n                 (vote_compare_actions(&parent, next_pair.as_ref()))\n             }\n+            div id=\"vote-edge-history-region\" {\n+                (edge_history)\n+            }\n         }\n     };\n \ndiff --git a/server/src/render/reddit.rs b/server/src/render/reddit.rs\nindex 4a18de93cf57d8395ded3caa373a708f39b3f43f..c4f98fc760c32ce1b41a91bd41e97908bd198937 100644\n--- a/server/src/render/reddit.rs\n+++ b/server/src/render/reddit.rs\n@@ -11,7 +11,7 @@ pub fn is_reddit_post(id: &ItemId) -> bool {\n     id.as_str().starts_with(\"reddit.com/\") && id.as_str().contains(\"/comments/\")\n }\n \n-/// Post detail card (`#entity-panel`).\n+/// Post detail card (inside [`crate::fetch::html::entity_panel`]).\n pub fn entity_markup(node: &NodeState) -> Option<Markup> {\n     if !is_reddit_post(&node.id) {\n         return None;\n@@ -41,7 +41,7 @@ pub fn child_row_markup(tree: &GlobalTree, id: &ItemId, href: &str) -> Option<Ma\n fn post_entity_card(data: &EntityData) -> Markup {\n     let image = data.image_url.as_ref().or(data.thumb_url.as_ref());\n     html! {\n-        div id=\"entity-panel\" class=\"entity-card reddit-post\" {\n+        div class=\"entity-card reddit-post\" {\n             h2 { (data.title) }\n             @if let Some(author) = &data.author {\n                 p class=\"muted small\" { \"by \" (author) }\ndiff --git a/server/static/sorter.css b/server/static/sorter.css\nindex b95718ce463b200a5667d3014dac2119836a0bef..9379c5f41dedbd41fd8951099a118de1da2a62f4 100644\n--- a/server/static/sorter.css\n+++ b/server/static/sorter.css\n@@ -254,38 +254,11 @@ h1 {\n }\n \n .vote-compare-side {\n-  background: var(--panel);\n-  border: 1px solid var(--border);\n-  border-radius: 8px;\n-  padding: 1rem;\n   min-height: 120px;\n }\n \n-.vote-compare-item {\n-  color: var(--accent);\n-  text-decoration: none;\n-  display: block;\n-}\n-\n-.vote-compare-item:hover {\n-  text-decoration: underline;\n-}\n-\n-.vote-compare-figure {\n-  margin: 0.75rem 0 0;\n-}\n-\n-.vote-compare-image {\n-  display: block;\n-  max-width: 100%;\n-  height: auto;\n-  border-radius: 6px;\n-  border: 1px solid var(--border);\n-}\n-\n-.vote-compare-item-body {\n-  margin-top: 0.75rem;\n-  font-size: 0.9rem;\n+.vote-compare-side .entity-section {\n+  margin: 0;\n }\n \n .vote-compare-nav {\n","role":"user"}],"model":"~anthropic/claude-sonnet-latest"}