feat: CC agent features, live call assist, worklist redesign, brand tokens

CC Agent:
- Call transfer (CONFERENCE + KICK_CALL) with inline transfer dialog
- Recording pause/resume during active calls
- Missed calls API (Ozonetel abandonCalls)
- Call history API (Ozonetel fetchCDRDetails)

Live Call Assist:
- Deepgram Nova STT via raw WebSocket
- OpenAI suggestions every 10s with lead context
- LiveTranscript component in sidebar during calls
- Browser audio capture from remote WebRTC stream

Worklist:
- Redesigned table: clickable phones, context menu (Call/SMS/WhatsApp)
- Last interaction sub-line, source column, improved SLA
- Filtered out rows without phone numbers
- New missed call notifications

Brand:
- Logo on login page
- Blue scale rebuilt from logo blue rgb(32, 96, 160)
- FontAwesome duotone CSS variables set globally
- Profile menu icons switched to duotone

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/call-desk/active-call-card.tsx

@@ -3,6 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {
     faPhone, faPhoneHangup, faMicrophone, faMicrophoneSlash,
     faPause, faPlay, faCalendarPlus, faCheckCircle,
+    faPhoneArrowRight, faRecordVinyl,
 } from '@fortawesome/pro-duotone-svg-icons';
 import { Button } from '@/components/base/buttons/button';
 import { Badge } from '@/components/base/badges/badges';
@@ -12,6 +13,7 @@ import { setOutboundPending } from '@/state/sip-manager';
 import { useSip } from '@/providers/sip-provider';
 import { DispositionForm } from './disposition-form';
 import { AppointmentForm } from './appointment-form';
+import { TransferDialog } from './transfer-dialog';
 import { formatPhone } from '@/lib/format';
 import { apiClient } from '@/lib/api-client';
 import { notify } from '@/lib/toast';
@@ -39,6 +41,8 @@ export const ActiveCallCard = ({ lead, callerPhone }: ActiveCallCardProps) => {
     const [savedDisposition, setSavedDisposition] = useState<CallDisposition | null>(null);
     const [appointmentOpen, setAppointmentOpen] = useState(false);
     const [appointmentBookedDuringCall, setAppointmentBookedDuringCall] = useState(false);
+    const [transferOpen, setTransferOpen] = useState(false);
+    const [recordingPaused, setRecordingPaused] = useState(false);
     // Capture direction at mount — survives through disposition stage
     const callDirectionRef = useRef(callState === 'ringing-out' ? 'OUTBOUND' : 'INBOUND');
 
@@ -248,11 +252,36 @@ export const ActiveCallCard = ({ lead, callerPhone }: ActiveCallCardProps) => {
                     <Button size="sm" color="secondary"
                         iconLeading={({ className }: { className?: string }) => <FontAwesomeIcon icon={faCalendarPlus} className={className} />}
                         onClick={() => setAppointmentOpen(true)}>Book Appt</Button>
+                    <Button size="sm" color="secondary"
+                        iconLeading={({ className }: { className?: string }) => <FontAwesomeIcon icon={faPhoneArrowRight} className={className} />}
+                        onClick={() => setTransferOpen(!transferOpen)}>Transfer</Button>
+                    <Button size="sm" color={recordingPaused ? 'primary-destructive' : 'secondary'}
+                        iconLeading={({ className }: { className?: string }) => <FontAwesomeIcon icon={faRecordVinyl} className={className} />}
+                        onClick={() => {
+                            const action = recordingPaused ? 'unPause' : 'pause';
+                            if (callUcid) {
+                                apiClient.post('/api/ozonetel/recording', { ucid: callUcid, action }).catch(() => {});
+                            }
+                            setRecordingPaused(!recordingPaused);
+                        }}>{recordingPaused ? 'Resume Rec' : 'Pause Rec'}</Button>
                     <Button size="sm" color="primary-destructive" className="ml-auto"
                         iconLeading={({ className }: { className?: string }) => <FontAwesomeIcon icon={faPhoneHangup} className={className} />}
                         onClick={() => { hangup(); setPostCallStage('disposition'); }}>End</Button>
                 </div>
 
+                {/* Transfer dialog */}
+                {transferOpen && callUcid && (
+                    <TransferDialog
+                        ucid={callUcid}
+                        onClose={() => setTransferOpen(false)}
+                        onTransferred={() => {
+                            setTransferOpen(false);
+                            hangup();
+                            setPostCallStage('disposition');
+                        }}
+                    />
+                )}
+
                 {/* Appointment form accessible during call */}
                 <AppointmentForm
                     isOpen={appointmentOpen}