Improve trusted handoff copy

Co-authored-by: Codex <codex@openai.com>

app.py

@@ -206,6 +206,26 @@ def render_save_status(message: str = "") -> str:
     return f"<div class='save-status'>{message}</div>"
 
 
+def build_handoff_message(message: str, analysis: ScamAnalysis) -> str:
+    cleaned = " ".join(message.strip().split())
+    if len(cleaned) > 500:
+        cleaned = cleaned[:497].rstrip() + "..."
+
+    risk = analysis.risk_level.replace("_", " ")
+    scam_type = analysis.scam_type.replace("_", " ")
+    risk_line = f"Jawbreaker marked it as {risk}"
+    if scam_type and scam_type != "none":
+        risk_line += f" ({scam_type})"
+
+    return (
+        "Can you check this message with me before I do anything?\n\n"
+        f"Message I received:\n\"{cleaned}\"\n\n"
+        f"{risk_line}.\n"
+        f"Safest next step: {analysis.safest_action}\n\n"
+        "I have not clicked any links, replied, or sent anything."
+    )
+
+
 def should_use_heuristic_guard(
     model_analysis: ScamAnalysis,
     heuristic: ScamAnalysis,
@@ -243,7 +263,7 @@ def analyze_message(
         analysis = analysis_error(exc)
         return (
             render_analysis_html(message, analysis),
-            analysis.trusted_person_message,
+            build_handoff_message(message, analysis),
             render_memory_html(analysis, memory),
             memory,
             {},
@@ -256,7 +276,13 @@ def analyze_message(
     entry = last_scan["entry"]
     if not memory or memory[-1].get("text") != entry.get("text"):
         memory.append(entry)
-    return render_analysis_html(message, analysis), analysis.trusted_person_message, render_memory_html(analysis, memory), memory, last_scan
+    return (
+        render_analysis_html(message, analysis),
+        build_handoff_message(message, analysis),
+        render_memory_html(analysis, memory),
+        memory,
+        last_scan,
+    )
 
 
 def analysis_error(exc: Exception) -> ScamAnalysis:
@@ -352,9 +378,11 @@ def build_app() -> gr.Blocks:
                     </div>
                     """
                 )
+                gr.HTML("<div class='handoff-header'>Send to someone you trust</div>")
                 trusted_message = gr.Textbox(
-                    label="Send to someone you trust",
-                    lines=3,
+                    label=None,
+                    show_label=False,
+                    lines=6,
                     interactive=False,
                     buttons=["copy"],
                     elem_classes=["trusted-output"],

style.css

@@ -548,11 +548,20 @@ button.primary:hover {
   line-height: 1.45;
 }
 
+.handoff-header {
+  margin: 14px 0 8px;
+  color: var(--jb-text);
+  font-size: 17px;
+  font-weight: 850;
+  line-height: 1.2;
+}
+
 .trusted-output {
-  margin-top: 14px;
+  margin-top: 0;
 }
 
 .trusted-output textarea {
+  min-height: 132px !important;
   border-color: rgba(29, 29, 31, 0.1) !important;
   border-radius: 12px !important;
   background: linear-gradient(135deg, #fffdf8, #fff5df) !important;
@@ -561,22 +570,23 @@ button.primary:hover {
   line-height: 1.42 !important;
 }
 
-.trusted-output label span.svelte-jdcl7l {
-  max-width: calc(100% - 42px);
-  white-space: normal;
+.trusted-output label,
+.trusted-output .label-wrap {
+  display: none !important;
 }
 
 .trusted-output button[aria-label="Copy"],
 .trusted-output button[title="Copy"],
 .trusted-output .icon-button,
 .trusted-output button:has(svg) {
-  width: 40px !important;
-  height: 40px !important;
-  border: none !important;
-  border-radius: 10px !important;
-  background: var(--jb-blue) !important;
-  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2) !important;
-  color: #ffffff !important;
+  width: 34px !important;
+  height: 34px !important;
+  min-width: 34px !important;
+  border: 1px solid rgba(37, 99, 235, 0.16) !important;
+  border-radius: 999px !important;
+  background: #ffffff !important;
+  box-shadow: 0 2px 8px rgba(29, 29, 31, 0.08) !important;
+  color: var(--jb-blue) !important;
   cursor: pointer !important;
 }
 
@@ -584,15 +594,18 @@ button.primary:hover {
 .trusted-output button[title="Copy"] svg,
 .trusted-output .icon-button svg,
 .trusted-output button:has(svg) svg {
-  color: #ffffff !important;
-  stroke: #ffffff !important;
+  width: 17px !important;
+  height: 17px !important;
+  color: var(--jb-blue) !important;
+  stroke: var(--jb-blue) !important;
 }
 
 .trusted-output button[aria-label="Copy"]:hover,
 .trusted-output button[title="Copy"]:hover,
 .trusted-output .icon-button:hover,
 .trusted-output button:has(svg):hover {
-  background: #1d4ed8 !important;
+  border-color: rgba(37, 99, 235, 0.28) !important;
+  background: #eff6ff !important;
 }
 
 .save-status {

tests/test_app_guard.py

@@ -1,4 +1,4 @@
-from app import remember_current, should_use_heuristic_guard
+from app import build_handoff_message, remember_current, should_use_heuristic_guard
 from jawbreaker.schema import ScamAnalysis
 
 
@@ -61,3 +61,17 @@ def test_remember_current_saves_last_scan_without_reanalysis(monkeypatch) -> Non
     assert "Saved this scam pattern for this session." in status
     assert len(memory) == 1
     assert "Session scam memory" in memory_html
+
+
+def test_handoff_message_includes_original_text_and_safe_action() -> None:
+    message = "Hi Grandma, I lost my phone. This is my new number. Can you send $800 today?"
+    analysis = ScamAnalysis.from_heuristics(message)
+
+    handoff = build_handoff_message(message, analysis)
+
+    assert "Message I received:" in handoff
+    assert message in handoff
+    assert "Jawbreaker marked it as dangerous (family impersonation)." in handoff
+    assert "Safest next step:" in handoff
+    assert analysis.safest_action in handoff
+    assert "I have not clicked any links, replied, or sent anything." in handoff