Update app.py

app.py

@@ -135,7 +135,7 @@ def analyze_job(text: str) -> Tuple[str, int, str, go.Figure]:
         cdf = pd.DataFrame(detected, columns=["Signal", "Weight"])
         cdf["Type"] = cdf["Weight"].apply(lambda w: "Red flag" if w > 0 else "Positive")
         fig = px.bar(cdf, x="Weight", y="Signal", color="Type", orientation="h",
-                     color_discrete_map={"Red flag": "#ef4444", "Positive": "#34d399"},
+                     color_discrete_map={"Red flag": "#c53030", "Positive": "#2f855a"},
                      title="Signal breakdown")
         fig.update_layout(**_styled_layout(height=420, showlegend=True))
     else:
@@ -150,22 +150,22 @@ def analyze_job(text: str) -> Tuple[str, int, str, go.Figure]:
 
 def _styled_layout(**kwargs) -> dict:
     defaults = dict(
-        template="plotly_dark",
-        paper_bgcolor="#131313",
-        plot_bgcolor="#131313",
-        font=dict(family="Geist, system-ui, -apple-system, sans-serif", color="#ededed", size=12),
+        template="plotly_white",
+        paper_bgcolor="#fdfaf3",
+        plot_bgcolor="#fdfaf3",
+        font=dict(family="Geist, system-ui, -apple-system, sans-serif", color="#1a2238", size=12),
         margin=dict(l=60, r=20, t=70, b=70),
         legend=dict(orientation="h", yanchor="bottom", y=1.02, xanchor="right", x=1,
-                    bgcolor="rgba(19,19,19,0.9)",
-                    bordercolor="#262626", borderwidth=1,
-                    font=dict(color="#a1a1a1", size=11)),
-        title=dict(font=dict(size=14, color="#ededed", family="Geist, system-ui, sans-serif")),
-        xaxis=dict(gridcolor="#1f1f1f", zerolinecolor="#262626",
-                   tickfont=dict(color="#a1a1a1", size=11),
-                   title=dict(font=dict(color="#a1a1a1", size=12))),
-        yaxis=dict(gridcolor="#1f1f1f", zerolinecolor="#262626",
-                   tickfont=dict(color="#a1a1a1", size=11),
-                   title=dict(font=dict(color="#a1a1a1", size=12))),
+                    bgcolor="rgba(253,250,243,0.9)",
+                    bordercolor="#d9cfb9", borderwidth=1,
+                    font=dict(color="#4a5475", size=11)),
+        title=dict(font=dict(size=14, color="#1a2238", family="Geist, system-ui, sans-serif")),
+        xaxis=dict(gridcolor="#e6dcc7", zerolinecolor="#d9cfb9",
+                   tickfont=dict(color="#4a5475", size=11),
+                   title=dict(font=dict(color="#4a5475", size=12))),
+        yaxis=dict(gridcolor="#e6dcc7", zerolinecolor="#d9cfb9",
+                   tickfont=dict(color="#4a5475", size=11),
+                   title=dict(font=dict(color="#4a5475", size=12))),
     )
     defaults.update(kwargs)
     return defaults
@@ -174,12 +174,12 @@ def _styled_layout(**kwargs) -> dict:
 def _empty_chart(title: str) -> go.Figure:
     fig = go.Figure()
     fig.update_layout(
-        title=title, height=420, template="plotly_dark",
-        paper_bgcolor="#131313",
-        plot_bgcolor="#131313",
-        font=dict(color="#ededed", family="Geist, system-ui, sans-serif"),
+        title=title, height=420, template="plotly_white",
+        paper_bgcolor="#fdfaf3",
+        plot_bgcolor="#fdfaf3",
+        font=dict(color="#1a2238", family="Geist, system-ui, sans-serif"),
         annotations=[dict(text="(no data available)", x=0.5, y=0.5, xref="paper", yref="paper",
-                          showarrow=False, font=dict(size=13, color="#666"))],
+                          showarrow=False, font=dict(size=13, color="#8a9099"))],
     )
     return fig
 
@@ -198,7 +198,7 @@ def build_flag_frequency_chart() -> go.Figure:
     fig = go.Figure(go.Bar(
         y=counts.index[::-1], x=counts.values[::-1], orientation="h",
         marker=dict(color=counts.values[::-1],
-                    colorscale=[[0, "#0d4d3a"], [1, "#34d399"]]),
+                    colorscale=[[0, "#f4b8b1"], [1, "#e85a4f"]]),
         hovertemplate="<b>%{y}</b><br>Detected in %{x} jobs<extra></extra>",
     ))
     fig.update_layout(**_styled_layout(
@@ -212,7 +212,7 @@ def build_risk_distribution_chart() -> go.Figure:
     if DF.empty or "Risk Level" not in DF.columns:
         return _empty_chart("Dataset not loaded")
     counts = DF["Risk Level"].value_counts()
-    colors = {"Low": "#34d399", "Medium": "#f59e0b", "High": "#ef4444"}
+    colors = {"Low": "#2a9d8f", "Medium": "#e9a23b", "High": "#c53030"}
     fig = go.Figure(go.Pie(
         labels=counts.index, values=counts.values,
         marker=dict(colors=[colors.get(l, "#888") for l in counts.index]),
@@ -228,8 +228,8 @@ def build_score_distribution_chart() -> go.Figure:
         return _empty_chart("Dataset not loaded")
     scores = DF["Score"].dropna()
     fig = go.Figure(go.Histogram(
-        x=scores, nbinsx=15, marker_color="#34d399",
-        marker_line_color="#0d4d3a", marker_line_width=1,
+        x=scores, nbinsx=15, marker_color="#e85a4f",
+        marker_line_color="#c53030", marker_line_width=1,
         hovertemplate="Score range: %{x}<br>Jobs: %{y}<extra></extra>",
     ))
     fig.update_layout(**_styled_layout(
@@ -246,13 +246,13 @@ def build_score_distribution_chart() -> go.Figure:
 
 def render_kpi_cards() -> str:
     if DF.empty:
-        return ('<div style="background:#131313;padding:32px;text-align:center;'
-                'border-radius:12px;border:1px solid #262626;">'
+        return ('<div style="background:#fdfaf3;padding:32px;text-align:center;'
+                'border-radius:12px;border:1px solid #d9cfb9;">'
                 '<div style="font-family:\'Geist Mono\',monospace;font-size:11px;'
-                'color:#666;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:12px;">No Data</div>'
-                '<div style="color:#a1a1a1;font-size:14px;">'
-                'Upload <code style="background:#161616;color:#34d399;padding:2px 6px;border-radius:4px;'
-                'font-family:\'Geist Mono\',monospace;font-size:0.85em;border:1px solid #1f1f1f;">'
+                'color:#e85a4f;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:12px;font-weight:600;">No Data</div>'
+                '<div style="color:#4a5475;font-size:14px;">'
+                'Upload <code style="background:#f1ebe0;color:#7d4e8a;padding:2px 6px;border-radius:4px;'
+                'font-family:\'Geist Mono\',monospace;font-size:0.85em;border:1px solid #e6dcc7;">'
                 'job_description_data.xlsx</code> to populate metrics.'
                 '</div></div>')
 
@@ -267,35 +267,36 @@ def render_kpi_cards() -> str:
             all_flags.extend(label for label, _ in extract_flag_labels(str(cell)))
     top_flag = pd.Series(all_flags).value_counts().index[0] if all_flags else "—"
 
-    def card(label, value, delta_text, accent_color="#34d399"):
+    def card(label, value, delta_text, accent_color="#e85a4f"):
         return f"""
-        <div style="background:#131313;border:1px solid #262626;border-radius:12px;
+        <div style="background:#fdfaf3;border:1px solid #d9cfb9;border-radius:12px;
                     padding:20px 22px;position:relative;overflow:hidden;
-                    transition:border-color 0.15s, background 0.15s;">
+                    box-shadow:0 1px 0 rgba(255,255,255,0.7) inset, 0 2px 8px rgba(26, 34, 56, 0.04);
+                    transition:border-color 0.15s, transform 0.15s;">
             <div style="font-family:'Geist Mono','SF Mono',monospace;
-                        color:#666;font-size:11px;font-weight:500;
+                        color:{accent_color};font-size:11px;font-weight:600;
                         text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px;">
                 {label}
             </div>
-            <div style="color:#ededed;font-size:32px;font-weight:600;line-height:1;
+            <div style="color:#1a2238;font-size:34px;font-weight:700;line-height:1;
                         letter-spacing:-0.03em;margin-bottom:10px;
                         font-family:'Geist',-apple-system,system-ui,sans-serif;">
                 {value}
             </div>
             <div style="display:flex;align-items:center;gap:6px;
-                        font-family:'Geist Mono',monospace;font-size:11px;color:#a1a1a1;">
+                        font-family:'Geist Mono',monospace;font-size:11px;color:#4a5475;">
                 <span style="display:inline-block;width:6px;height:6px;border-radius:50%;
-                             background:{accent_color};box-shadow:0 0 8px {accent_color};"></span>
+                             background:{accent_color};box-shadow:0 0 8px {accent_color}80;"></span>
                 <span>{delta_text}</span>
             </div>
         </div>"""
 
     cards = [
-        card("Total.Jobs",      f"{total_jobs}",        "real labeled postings",   "#34d399"),
-        card("Avg.Score",       f"{avg_score:.1f}",     "weighted across dataset", "#60a5fa"),
-        card("High.Risk %",     f"{high_pct:.0f}%",     f"{risk_counts.get('High', 0)} postings flagged", "#ef4444"),
+        card("Total.Jobs",      f"{total_jobs}",        "real labeled postings",   "#e85a4f"),
+        card("Avg.Score",       f"{avg_score:.1f}",     "weighted across dataset", "#2a9d8f"),
+        card("High.Risk %",     f"{high_pct:.0f}%",     f"{risk_counts.get('High', 0)} postings flagged", "#c53030"),
         card("Top.Signal",      top_flag.split(' ')[0].title() if top_flag != "—" else "—",
-             top_flag if top_flag != "—" else "no data", "#f59e0b"),
+             top_flag if top_flag != "—" else "no data", "#7d4e8a"),
     ]
     return ('<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));'
             'gap:12px;margin-bottom:32px;">' + "".join(cards) + "</div>")
@@ -388,8 +389,9 @@ def ai_chat(user_msg: str, history: list):
             reply += "\n\n" + reply_fb
     elif LLM_ENABLED:
         msgs = [{"role": "system", "content": DASHBOARD_SYSTEM}]
-        for entry in (history or [])[-6:]:
-            msgs.append(entry)
+        for user_turn, bot_turn in (history or [])[-3:]:
+            msgs.append({"role": "user", "content": user_turn})
+            msgs.append({"role": "assistant", "content": bot_turn})
         msgs.append({"role": "user", "content": user_msg})
         try:
             r = llm_client.chat_completion(model=MODEL_NAME, messages=msgs,
@@ -412,10 +414,7 @@ def ai_chat(user_msg: str, history: list):
     }
     chart_out = chart_builders[directive["show"]]() if directive.get("show") in chart_builders else None
 
-    new_history = (history or []) + [
-        {"role": "user", "content": user_msg},
-        {"role": "assistant", "content": reply},
-    ]
+    new_history = (history or []) + [(user_msg, reply)]
     return new_history, "", chart_out