monitor/html/css/record.css
fds2610-bot be1d61350b Sprachaufnahmen: eine Warteschlange fuer alle statt Zuweisung an Agenten
In Produktion lag eine Sprachnachricht unbearbeitet in der Warteschlange des
OPs-Agenten: aufgenommen wurde ueber seine Figur, abgeholt wird aber nur von
der Maschine, auf der whisper.cpp laeuft. Die Agent-Zuweisung hat eine
Zustaendigkeit vorgetaeuscht, die es nicht gibt - welches Ticket in welchem
Repo entsteht, entscheidet der abholende Bot anhand des Transkripts.

- Migration 007: voice_recordings ohne agent_id. Bestehende Aufnahmen behalten
  ihren Status, die haengengebliebene wandert damit in die globale Warteschlange.
- Migration 008: neue Agenten-Rolle "voice" fuer den Voice-Bot.
- Endpunkte ohne Agent im Pfad: POST/GET /api/v1/recordings,
  GET /api/v1/recordings/{id}/audio, PATCH /api/v1/recordings/{id} - und ohne
  Ownership-Check, an dem die Abholung mit fremdem Key bisher scheiterte.
- GET /api/v1/agents traegt pending_recordings jetzt neben der Liste statt an
  jedem Agenten.
- Frontend: nur noch die Figur des Voice-Bots verlinkt auf record.html (ohne
  ?agent=), Zaehler und Mikrofon-Deko sitzen an seinem Schreibtisch. Die
  Aufnahmeseite nennt den abholenden Bot und bittet darum, das Projekt am
  Anfang der Aufnahme zu nennen.

Die Bot-Seite (bin/voice-recording-agent.sh) folgt in fds2610/Agent.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-21 13:41:47 +02:00

99 lines
1.7 KiB
CSS

/* Aufnahme-Webseite (Issue #85): bewusst schlicht und mobil-first, laeuft im Handy-Browser
eines Menschen - kein SVG, keine Szene, nur ein einfaches Formular. */
:root {
--color-text: #1f2937;
--color-accent: #2563eb;
--color-danger: #dc2626;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
padding: 24px 16px 48px;
font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
color: var(--color-text);
background: #eef2f7;
}
.record-header {
text-align: center;
}
.record-header h1 {
margin: 0 0 4px;
font-size: 22px;
}
/* Der Hinweis, dass das Projekt am Anfang genannt werden soll - leiser als die Zeile mit dem
abholenden Bot darueber, aber vor dem Start-Knopf sichtbar. */
.record-hint {
margin: 8px 0 0;
font-size: 14px;
color: #64748b;
}
.record-main {
width: 100%;
max-width: 420px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.record-status {
min-height: 1.4em;
margin: 0;
text-align: center;
color: #475569;
}
.record-status.status-error {
color: var(--color-danger);
font-weight: 600;
}
.record-controls {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.record-button {
min-width: 160px;
padding: 16px 20px;
font-size: 17px;
font-weight: 600;
border: none;
border-radius: 999px;
cursor: pointer;
color: #ffffff;
background: var(--color-accent);
}
.record-button:disabled {
opacity: 0.6;
cursor: default;
}
.record-button-stop {
background: var(--color-danger);
}
.record-button-discard {
background: #64748b;
}
.record-preview {
width: 100%;
}