feat: Enhance speaker analysis with gender inference and update related tests

This commit is contained in:
JB
2025-10-08 07:09:12 -07:00
parent 3b07df9708
commit 1bae37477b
9 changed files with 361 additions and 155 deletions
+69 -12
View File
@@ -113,6 +113,7 @@ body {
box-shadow: 0 20px 50px rgba(8, 15, 32, 0.35);
position: relative;
overflow: hidden;
z-index: 0;
}
.card::before {
@@ -121,6 +122,7 @@ body {
inset: 0;
background: radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.15), transparent 55%);
pointer-events: none;
z-index: -1;
}
.card__title {
@@ -142,11 +144,17 @@ body {
align-items: start;
}
.form-grid {
grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
align-items: start;
gap: 2rem;
}
.form-grid > .grid {
align-items: start;
max-width: 460px;
width: min(100%, 460px);
justify-self: start;
max-width: none;
width: 100%;
justify-self: stretch;
}
.button {
@@ -650,29 +658,50 @@ body {
.prepare-summary {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.5rem;
margin-bottom: 1.5rem;
grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
gap: 2rem;
margin-bottom: 2rem;
align-items: start;
}
.prepare-summary dl {
.prepare-summary__stats dl {
margin: 0;
display: grid;
gap: 0.6rem;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.prepare-summary dt {
.prepare-summary__stats dt {
font-size: 0.75rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--muted);
}
.prepare-summary dd {
.prepare-summary__stats dd {
margin: 0;
font-weight: 500;
}
.prepare-summary__insights {
display: grid;
gap: 1.25rem;
align-content: start;
}
.prepare-summary__stats dl > div {
display: grid;
gap: 0.25rem;
}
.prepare-summary__insights > .prepare-analysis,
.prepare-summary__insights > .prepare-metadata {
border: 1px solid rgba(148, 163, 184, 0.2);
background: rgba(15, 23, 42, 0.35);
border-radius: 18px;
padding: 1rem 1.25rem;
}
.prepare-speakers {
margin-top: 2rem;
border-top: 1px solid var(--panel-border);
@@ -918,6 +947,26 @@ body {
color: var(--accent);
}
@media (max-width: 1024px) {
.prepare-summary {
grid-template-columns: 1fr;
}
.prepare-summary__stats dl {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
}
@media (max-width: 880px) {
.form-grid {
grid-template-columns: 1fr;
}
.voice-preview {
width: 100%;
}
}
.hint {
margin: 0;
font-size: 0.8rem;
@@ -1481,9 +1530,10 @@ progress.progress::-moz-progress-bar {
gap: 0.9rem;
padding: 1rem 1.25rem;
border-radius: 18px;
border: 1px solid rgba(148, 163, 184, 0.18);
background: rgba(15, 23, 42, 0.35);
max-width: 460px;
border: 1px solid rgba(148, 163, 184, 0.22);
background: rgba(15, 23, 42, 0.6);
box-shadow: 0 16px 40px rgba(8, 15, 32, 0.45);
width: min(100%, 520px);
}
.field--slider {
@@ -1548,6 +1598,13 @@ progress.progress::-moz-progress-bar {
border: 1px solid rgba(148, 163, 184, 0.18);
}
.voice-preview textarea {
border-radius: 14px;
border: 1px solid rgba(148, 163, 184, 0.25);
background: rgba(11, 18, 34, 0.85);
min-height: 140px;
}
.voice-status {
min-height: 1.2rem;
font-size: 0.9rem;