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/pages/call-desk.tsx

@@ -9,14 +9,14 @@ import { WorklistPanel } from '@/components/call-desk/worklist-panel';
 import type { WorklistLead } from '@/components/call-desk/worklist-panel';
 import { ContextPanel } from '@/components/call-desk/context-panel';
 import { ActiveCallCard } from '@/components/call-desk/active-call-card';
-import { CallPrepCard } from '@/components/call-desk/call-prep-card';
+
 import { BadgeWithDot, Badge } from '@/components/base/badges/badges';
 import { cx } from '@/utils/cx';
 
 export const CallDeskPage = () => {
     const { user } = useAuth();
     const { leadActivities } = useData();
-    const { connectionStatus, isRegistered, callState, callerNumber } = useSip();
+    const { connectionStatus, isRegistered, callState, callerNumber, callUcid } = useSip();
     const { missedCalls, followUps, marketingLeads, totalPending, loading } = useWorklist();
     const [selectedLead, setSelectedLead] = useState<WorklistLead | null>(null);
     const [contextOpen, setContextOpen] = useState(true);
@@ -66,9 +66,8 @@ export const CallDeskPage = () => {
                 <div className="flex flex-1 flex-col overflow-y-auto">
                     {/* Active call */}
                     {isInCall && (
-                        <div className="space-y-4 p-5">
+                        <div className="p-5">
                             <ActiveCallCard lead={activeLeadFull} callerPhone={callerNumber ?? ''} />
-                            <CallPrepCard lead={activeLeadFull} callerPhone={callerNumber ?? ''} activities={leadActivities} />
                         </div>
                     )}
 
@@ -95,6 +94,8 @@ export const CallDeskPage = () => {
                             selectedLead={activeLeadFull}
                             activities={leadActivities}
                             callerPhone={callerNumber ?? undefined}
+                            isInCall={isInCall}
+                            callUcid={callUcid}
                         />
                     )}
                 </div>

src/pages/login.tsx

@@ -117,9 +117,7 @@ export const LoginPage = () => {
                 <div className="relative z-10 flex flex-col gap-10 w-full max-w-[560px] px-12">
                     {/* Logo lockup */}
                     <div className="flex items-center gap-3">
-                        <div className="flex items-center justify-center bg-brand-solid rounded-xl p-2 size-10 shrink-0">
-                            <span className="text-white font-bold text-lg leading-none font-display">H</span>
-                        </div>
+                        <img src="/helix-logo.png" alt="Helix Engage" className="size-10 rounded-xl shrink-0" />
                         <span className="text-white font-bold text-xl font-display tracking-tight">Helix Engage</span>
                     </div>