Update app.py

app.py

@@ -994,17 +994,113 @@ body { background: #0a0f1e !important; }
     max-width: 900px !important;
     margin: 0 auto !important;
 }
-#header { text-align: center; padding: 2rem 0 1rem; border-bottom: 1px solid #1e3a5f; margin-bottom: 1.5rem; }
-#header h1 { font-family: 'IBM Plex Mono', monospace; font-size: 1.8rem; color: #38bdf8; letter-spacing: -0.02em; margin: 0 0 0.3rem; }
-#header p { color: #64748b; font-size: 0.85rem; margin: 0; }
-.query-box textarea { background: #0f172a !important; border: 1px solid #1e3a5f !important; color: #e2e8f0 !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 0.9rem !important; border-radius: 8px !important; }
-.query-box textarea:focus { border-color: #38bdf8 !important; box-shadow: 0 0 0 2px rgba(56,189,248,0.15) !important; }
-.analyze-btn { background: #0369a1 !important; color: #fff !important; font-family: 'IBM Plex Mono', monospace !important; font-weight: 600 !important; letter-spacing: 0.05em !important; border: none !important; border-radius: 8px !important; height: 44px !important; font-size: 0.85rem !important; transition: background 0.2s !important; }
+#header {
+    text-align: center;
+    padding: 2rem 0 1rem;
+    border-bottom: 1px solid #1e3a5f;
+    margin-bottom: 1.5rem;
+}
+#header h1 {
+    font-family: 'IBM Plex Mono', monospace;
+    font-size: 1.8rem;
+    color: #38bdf8;
+    letter-spacing: -0.02em;
+    margin: 0 0 0.3rem;
+}
+#header p {
+    color: #94a3b8;
+    font-size: 0.86rem;
+    margin: 0;
+}
+.input-panel {
+    background: #0f172a;
+    border: 1px solid #1e3a5f;
+    border-radius: 14px;
+    padding: 1rem;
+    margin-bottom: 0.75rem;
+}
+.query-box textarea {
+    background: #0b1220 !important;
+    border: 1px solid #1e3a5f !important;
+    color: #e2e8f0 !important;
+    font-family: 'IBM Plex Mono', monospace !important;
+    font-size: 0.9rem !important;
+    border-radius: 8px !important;
+}
+.query-box textarea:focus {
+    border-color: #38bdf8 !important;
+    box-shadow: 0 0 0 2px rgba(56,189,248,0.15) !important;
+}
+.analyze-btn {
+    background: #0369a1 !important;
+    color: #fff !important;
+    font-family: 'IBM Plex Mono', monospace !important;
+    font-weight: 700 !important;
+    letter-spacing: 0.05em !important;
+    border: none !important;
+    border-radius: 8px !important;
+    height: 44px !important;
+    font-size: 0.85rem !important;
+    transition: background 0.2s !important;
+}
 .analyze-btn:hover { background: #0284c7 !important; }
-.context-box textarea { background: #0f172a !important; border: 1px solid #1e293b !important; color: #cbd5e1 !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 0.75rem !important; }
+.shortcut-panel {
+    background: transparent;
+    border: 1px solid #172554;
+    border-radius: 12px;
+    padding: 0.75rem 0.85rem;
+    margin: 0.3rem 0 1.1rem;
+}
+.shortcut-title {
+    color: #64748b;
+    font-family: 'IBM Plex Mono', monospace;
+    font-size: 0.72rem;
+    text-transform: uppercase;
+    letter-spacing: 0.12em;
+    margin-bottom: 0.55rem;
+}
+.shortcut-row { gap: 0.5rem !important; }
+.chip-btn {
+    background: #111827 !important;
+    color: #93c5fd !important;
+    border: 1px solid #1e3a5f !important;
+    border-radius: 999px !important;
+    min-height: 34px !important;
+    height: 34px !important;
+    padding: 0 0.85rem !important;
+    font-family: 'IBM Plex Mono', monospace !important;
+    font-size: 0.78rem !important;
+    font-weight: 600 !important;
+    box-shadow: none !important;
+}
+.chip-btn:hover {
+    background: #1e3a5f !important;
+    color: #dbeafe !important;
+    border-color: #38bdf8 !important;
+}
+.context-box textarea {
+    background: #0f172a !important;
+    border: 1px solid #1e293b !important;
+    color: #cbd5e1 !important;
+    font-family: 'IBM Plex Mono', monospace !important;
+    font-size: 0.75rem !important;
+}
 label { color: #94a3b8 !important; font-size: 0.8rem !important; }
 """
 
+SHORTCUT_QUERIES = {
+    "BCB": "Nossa plataforma presta serviços de compra, venda, custódia e intermediação de criptoativos para clientes no Brasil, mas ainda não possui autorização formal do Banco Central. Quais são os riscos e obrigações aplicáveis?",
+    "CVM": "Nosso token concede participação em receitas, direito de voto e será ofertado publicamente a investidores brasileiros. Isso pode caracterizar valor mobiliário ou oferta sujeita à CVM?",
+    "COAF": "Permitimos transações pequenas com cadastro simplificado e parte dos clientes pode operar sem identificação completa. Quais controles de PLD/FTP, KYC e comunicação devem ser avaliados?",
+    "Lei 14.478": "Qual é o enquadramento regulatório de uma prestadora de serviços de ativos virtuais segundo a Lei 14.478/2022 e normas complementares?",
+    "Segregação": "Nossa exchange mantém ativos virtuais de clientes em carteiras misturadas com recursos próprios da empresa. Quais obrigações de segregação patrimonial e custódia devem ser observadas?",
+}
+
+
+def load_shortcut(label: str) -> str:
+    return SHORTCUT_QUERIES.get(label, "")
+
+
 with gr.Blocks(css=CSS, title="RegTech BR") as demo:
     gr.HTML("""
     <div id="header">
@@ -1013,35 +1109,30 @@ with gr.Blocks(css=CSS, title="RegTech BR") as demo:
     </div>
     """)
 
-    with gr.Row():
-        with gr.Column(scale=4):
-            query_box = gr.Textbox(
-                label="Compliance query or document excerpt",
-                placeholder="Describe a crypto product, policy, control gap, or regulatory question in Portuguese or English...",
-                lines=4,
-                elem_classes=["query-box"],
-            )
-        with gr.Column(scale=1, min_width=120):
-            analyze_btn = gr.Button("Analyze →", elem_classes=["analyze-btn"])
-
-    example_dropdown = gr.Dropdown(
-        label="Scenarios generated from the current index",
-        choices=SCENARIOS,
-        value=None,
-        interactive=True,
-    )
+    with gr.Group(elem_classes=["input-panel"]):
+        with gr.Row():
+            with gr.Column(scale=4):
+                query_box = gr.Textbox(
+                    label="Compliance query or document excerpt",
+                    placeholder="Describe a crypto product, policy, control gap, or regulatory question in Portuguese or English...",
+                    lines=5,
+                    elem_classes=["query-box"],
+                )
+            with gr.Column(scale=1, min_width=130):
+                analyze_btn = gr.Button("Analyze →", elem_classes=["analyze-btn"])
 
-    scenario_cursor = gr.State(0)
-
-    with gr.Row():
-        use_example_btn = gr.Button("Load next scenario ↻", elem_classes=["analyze-btn"])
-        refresh_scenarios_btn = gr.Button("Refresh scenario list", elem_classes=["analyze-btn"])
+    gr.HTML("""
+    <div class="shortcut-panel">
+      <div class="shortcut-title">Quick regulatory checks</div>
+    </div>
+    """)
 
-    scenario_status = gr.HTML(
-        "<div style='color:#94a3b8;font-size:0.74rem;font-family:IBM Plex Mono,monospace;margin-top:0.25rem'>"
-        "Scenarios are generated from the indexed regulatory corpus. Click Load next scenario to rotate through them."
-        "</div>"
-    )
+    with gr.Row(elem_classes=["shortcut-row"]):
+        bcb_btn = gr.Button("BCB", elem_classes=["chip-btn"])
+        cvm_btn = gr.Button("CVM", elem_classes=["chip-btn"])
+        coaf_btn = gr.Button("COAF", elem_classes=["chip-btn"])
+        lei_btn = gr.Button("Lei 14.478", elem_classes=["chip-btn"])
+        seg_btn = gr.Button("Segregação", elem_classes=["chip-btn"])
 
     report_html = gr.HTML(label="Compliance Assessment")
 
@@ -1062,17 +1153,12 @@ with gr.Blocks(css=CSS, title="RegTech BR") as demo:
     </div>
     """)
 
-    example_dropdown.change(fn=lambda example: example or "", inputs=[example_dropdown], outputs=[query_box])
-    use_example_btn.click(
-        fn=load_next_scenario,
-        inputs=[scenario_cursor],
-        outputs=[query_box, example_dropdown, scenario_cursor, scenario_status],
-    )
-    refresh_scenarios_btn.click(
-        fn=refresh_scenarios,
-        inputs=None,
-        outputs=[example_dropdown, scenario_cursor, scenario_status],
-    )
+    bcb_btn.click(fn=lambda: load_shortcut("BCB"), inputs=None, outputs=[query_box])
+    cvm_btn.click(fn=lambda: load_shortcut("CVM"), inputs=None, outputs=[query_box])
+    coaf_btn.click(fn=lambda: load_shortcut("COAF"), inputs=None, outputs=[query_box])
+    lei_btn.click(fn=lambda: load_shortcut("Lei 14.478"), inputs=None, outputs=[query_box])
+    seg_btn.click(fn=lambda: load_shortcut("Segregação"), inputs=None, outputs=[query_box])
+
     analyze_btn.click(fn=analyze, inputs=[query_box], outputs=[report_html, evidence_html, context_box])
     query_box.submit(fn=analyze, inputs=[query_box], outputs=[report_html, evidence_html, context_box])