Commit ·
9a767ad
1
Parent(s): 3756f8f
Fix italic-text contrast, response truncation, and tab label color
Browse files- #insights-output em/i inherited Gradio's dim default the same way
b/strong did before; force it to --ice.
- max_tokens=1400 was cutting off the last section (usually STUDY
PROMPT) on longer responses; raised to 2400.
- [role="tab"] labels (Graph/Swarm/AI Insights) had no explicit
color at all, so inactive tabs used Gradio's own muted default;
now driven by --fog/--cyan via aria-selected.
app.py
CHANGED
|
@@ -607,7 +607,7 @@ def generate_insights(notes, graph_state, algo_state, swarm_state):
|
|
| 607 |
try:
|
| 608 |
with client.messages.stream(
|
| 609 |
model="claude-opus-4-8",
|
| 610 |
-
max_tokens=
|
| 611 |
messages=[{"role": "user", "content": prompt}],
|
| 612 |
) as stream:
|
| 613 |
for text in stream.text_stream:
|
|
@@ -889,6 +889,11 @@ gradio-app, .gradio-container, body {
|
|
| 889 |
box-shadow: none !important;
|
| 890 |
}
|
| 891 |
.gradio-container label span, .gradio-container .label-wrap span { color: var(--fog) !important; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 892 |
|
| 893 |
#skg-header {
|
| 894 |
display: flex; align-items: center; justify-content: space-between;
|
|
@@ -1037,6 +1042,7 @@ gradio-app, .gradio-container, body {
|
|
| 1037 |
color: var(--ice) !important;
|
| 1038 |
}
|
| 1039 |
#insights-output strong, #insights-output b { color: var(--cyan) !important; }
|
|
|
|
| 1040 |
#insights-output h2 {
|
| 1041 |
font-family: var(--font-head) !important; font-size: 12px !important; letter-spacing: 0.07em;
|
| 1042 |
text-transform: uppercase; color: var(--plasma) !important; border-bottom: 1px solid var(--border);
|
|
|
|
| 607 |
try:
|
| 608 |
with client.messages.stream(
|
| 609 |
model="claude-opus-4-8",
|
| 610 |
+
max_tokens=2400,
|
| 611 |
messages=[{"role": "user", "content": prompt}],
|
| 612 |
) as stream:
|
| 613 |
for text in stream.text_stream:
|
|
|
|
| 889 |
box-shadow: none !important;
|
| 890 |
}
|
| 891 |
.gradio-container label span, .gradio-container .label-wrap span { color: var(--fog) !important; }
|
| 892 |
+
.gradio-container [role="tab"] {
|
| 893 |
+
color: var(--fog) !important; font-family: var(--font-mono) !important;
|
| 894 |
+
text-transform: uppercase; letter-spacing: 0.05em; font-size: 12px !important;
|
| 895 |
+
}
|
| 896 |
+
.gradio-container [role="tab"][aria-selected="true"] { color: var(--cyan) !important; }
|
| 897 |
|
| 898 |
#skg-header {
|
| 899 |
display: flex; align-items: center; justify-content: space-between;
|
|
|
|
| 1042 |
color: var(--ice) !important;
|
| 1043 |
}
|
| 1044 |
#insights-output strong, #insights-output b { color: var(--cyan) !important; }
|
| 1045 |
+
#insights-output em, #insights-output i { color: var(--ice) !important; opacity: 0.92; font-style: italic; }
|
| 1046 |
#insights-output h2 {
|
| 1047 |
font-family: var(--font-head) !important; font-size: 12px !important; letter-spacing: 0.07em;
|
| 1048 |
text-transform: uppercase; color: var(--plasma) !important; border-bottom: 1px solid var(--border);
|