feat: build CC Agent Call Desk with CTI simulation, AI insights, disposition form, and call log

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-16 18:30:34 +05:30
parent e9ac6e598a
commit 5efa22a35a
6 changed files with 659 additions and 5 deletions

View File

@@ -0,0 +1,26 @@
import { PhoneCall01 } from '@untitledui/icons';
import { cx } from '@/utils/cx';
interface CallSimulatorProps {
onSimulate: () => void;
isCallActive: boolean;
}
export const CallSimulator = ({ onSimulate, isCallActive }: CallSimulatorProps) => {
return (
<button
type="button"
onClick={onSimulate}
disabled={isCallActive}
className={cx(
'inline-flex w-full items-center justify-center gap-2 rounded-xl px-6 py-3 text-sm font-semibold text-white transition duration-100 ease-linear sm:w-auto',
isCallActive
? 'cursor-not-allowed bg-disabled text-disabled'
: 'cursor-pointer bg-brand-solid hover:bg-brand-solid_hover [&:hover_svg]:animate-[ring-shake_0.5s_ease-in-out]',
)}
>
<PhoneCall01 className="size-5 shrink-0" />
{isCallActive ? 'Call in progress...' : 'Simulate Incoming Call'}
</button>
);
};