digiops/call-center
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add voice name flow controls and analytics

Browse Source
This commit is contained in:
Yera All
2026-04-05 03:26:18 +05:00
parent d15fcf7129
commit d959c2b2f0
31 changed files with 6410 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/operator/styles.css
+141
View File
@@ -3078,6 +3078,55 @@ textarea::placeholder {
box-shadow: 0 14px 26px rgba(51, 102, 232, 0.12);
}
.live-call-card-actions {
margin-top: 14px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.live-call-card-actions .btn {
min-height: 38px;
padding: 0 14px;
font-size: 13px;
}
.live-call-name-editor {
margin: 14px 0;
padding: 14px;
border-radius: 18px;
border: 1px solid var(--primary-line);
background: linear-gradient(180deg, #ffffff, #f8fbff);
display: grid;
gap: 10px;
}
.live-call-name-editor-head {
display: grid;
gap: 4px;
}
.live-call-name-editor-title {
font-size: 15px;
font-weight: 800;
color: var(--text);
}
.live-call-name-editor-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
gap: 10px;
}
.live-call-name-editor-form input {
min-width: 0;
}
.hint.error,
.call-window-meta.error {
color: var(--danger);
}
.card-badges {
display: flex;
flex-wrap: wrap;
@@ -3164,6 +3213,24 @@ textarea::placeholder {
color: #6b7280;
}
.micro-badge.name-confirmed {
background: rgba(16, 185, 129, 0.14);
border-color: rgba(16, 185, 129, 0.28);
color: #117c5f;
}
.micro-badge.name-followup {
background: rgba(245, 158, 11, 0.14);
border-color: rgba(245, 158, 11, 0.28);
color: #b66900;
}
.micro-badge.name-missing {
background: rgba(148, 163, 184, 0.16);
border-color: rgba(148, 163, 184, 0.3);
color: #55657a;
}
.card-title {
margin: 0;
font-size: 18px;
@@ -3873,6 +3940,43 @@ textarea::placeholder {
linear-gradient(180deg, #f9fbff, #f1f6ff);
}
.analytics-voice-panel {
display: grid;
gap: 14px;
padding: 20px;
border-radius: 24px;
border: 1px solid rgba(40, 116, 78, 0.12);
background:
radial-gradient(circle at top right, rgba(40, 116, 78, 0.08), transparent 34%),
linear-gradient(180deg, #fbfefb, #f3faf5);
}
.voice-name-analytics-overview {
margin-bottom: 0;
}
.voice-name-card {
border-style: solid;
border-color: rgba(40, 116, 78, 0.12);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 246, 0.95));
}
.voice-name-funnel-grid {
grid-template-columns: minmax(180px, 1.4fr) repeat(2, minmax(72px, 0.8fr));
}
.voice-name-language-grid {
grid-template-columns: minmax(110px, 1fr) repeat(5, minmax(82px, 0.8fr));
}
.voice-name-queue-grid {
grid-template-columns: minmax(170px, 1.4fr) repeat(5, minmax(82px, 0.8fr));
}
.voice-name-handoff-grid {
grid-template-columns: minmax(180px, 1.4fr) repeat(2, minmax(82px, 0.8fr));
}
.analytics-agent-panel {
display: grid;
gap: 14px;
@@ -4647,6 +4751,38 @@ body.analytics-drilldown-open {
margin-bottom: 14px;
}
.call-window-name-editor {
margin-bottom: 14px;
padding: 14px 16px;
border-radius: 18px;
background: rgba(9, 16, 28, 0.42);
border: 1px solid rgba(255, 255, 255, 0.08);
display: grid;
gap: 10px;
}
.call-window-name-head {
display: grid;
gap: 4px;
}
.call-window-name-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
gap: 10px;
}
.call-window-name-form input {
min-width: 0;
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.15);
color: #fff;
}
.call-window-name-form input::placeholder {
color: rgba(255, 255, 255, 0.45);
}
.voice-ai-summary {
padding: 14px 16px;
border-radius: 18px;
@@ -5077,6 +5213,11 @@ body.analytics-drilldown-open {
grid-template-columns: 1fr;
}
.call-window-name-form,
.live-call-name-editor-form {
grid-template-columns: 1fr;
}
.call-window-actions {
flex-direction: column;
}