f1:"ExplicitChatIdProvider" f2:I[903690,["$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$56","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76"],"$f1"] f3:I[838238,["$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$56","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76"],"SWRDataProvider"] f4:T8a58,[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { InterviewDashboard } from "@/components/interview-dashboard" import { MediaPermissionPrompt } from "@/components/media-permission-prompt" export default function Home() { const [permissionsGranted, setPermissionsGranted] = useState(false) const [isClient, setIsClient] = useState(false) useEffect(() => { setIsClient(true) }, []) if (!isClient) return null return (

{!permissionsGranted ? ( setPermissionsGranted(true)} /> ) : ( )}

) } [V0_FILE]typescriptreact:file="components/interview-dashboard.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { CredibilityMeter } from "@/components/credibility-meter" import { WebcamFeed } from "@/components/webcam-feed" import { AnomalyTimeline } from "@/components/anomaly-timeline" import { SignalIndicators } from "@/components/signal-indicators" import { useIntegrityAnalyzer } from "@/hooks/use-integrity-analyzer" import { Download } from "lucide-react" export function InterviewDashboard() { const { credibilityScore, anomalies, videoRef, canvasRef, isInitialized, signals, startSession, stopSession } = useIntegrityAnalyzer() const [sessionActive, setSessionActive] = useState(false) useEffect(() => { startSession() setSessionActive(true) return () => { stopSession() setSessionActive(false) } }, [startSession, stopSession]) const exportReport = () => { const report = { timestamp: new Date().toISOString(), finalScore: credibilityScore, anomaliesDetected: anomalies.length, anomalies: anomalies.map((a) => ({ type: a.type, severity: a.severity, timestamp: new Date(a.timestamp).toISOString(), })), sessionDuration: sessionActive ? Date.now() : 0, } const dataStr = JSON.stringify(report, null, 2) const dataBlob = new Blob([dataStr], { type: "application/json" }) const url = URL.createObjectURL(dataBlob) const link = document.createElement("a") link.href = url link.download = `integrity-report-${Date.now()}.json` link.click() URL.revokeObjectURL(url) } if (!isInitialized) { return (

Initializing Interview Analyzer...

Loading face detection and media handlers

) } return (

{/* Header */}

Live Interview Integrity

Real-time credibility monitoring dashboard

{/* Main Grid: Score + Webcam */}

{/* Left: Credibility Score (Large Hero) */}

Credibility Score

{credibilityScore >= 75 ? "✓ Interview proceeding normally" : credibilityScore >= 50 ? "⚠ Multiple flags detected" : "✗ High integrity risk"}

{/* Right: Webcam Feed + Gaze Overlay */}

{/* Signal Indicators */} {/* Anomaly Timeline */} {/* Hidden video/canvas for processing */}

) } [V0_FILE]typescriptreact:file="components/media-permission-prompt.tsx" isMerged="true" "use client" import { useState } from "react" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Camera, Mic, AlertCircle } from "lucide-react" interface MediaPermissionPromptProps { onPermissionsGranted: () => void } export function MediaPermissionPrompt({ onPermissionsGranted }: MediaPermissionPromptProps) { const [loading, setLoading] = useState(false) const [error, setError] = useState(null) const requestPermissions = async () => { setLoading(true) setError(null) try { const stream = await navigator.mediaDevices.getUserMedia({ video: { width: { ideal: 1280 }, height: { ideal: 720 } }, audio: true, }) // Stop the stream after getting permission stream.getTracks().forEach((track) => track.stop()) onPermissionsGranted() } catch (err) { setError("Unable to access camera and microphone. Please check your browser permissions and try again.") console.error("Permission error:", err) } finally { setLoading(false) } } return (

Start Interview Session

This interview requires access to your camera and microphone for real-time integrity monitoring.

Camera Access

For eye-gaze tracking and face detection

Microphone Access

For background noise and audio anomaly detection

{error && (

{error}

)}

Privacy note: No data is recorded or transmitted. All integrity analysis happens locally in your browser.

) } [V0_FILE]typescriptreact:file="components/credibility-meter.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" interface CredibilityMeterProps { score: number } export function CredibilityMeter({ score }: CredibilityMeterProps) { const [displayScore, setDisplayScore] = useState(score) useEffect(() => { const timer = setTimeout(() => { setDisplayScore(score) }, 0) return () => clearTimeout(timer) }, [score]) const getScoreColor = (s: number) => { if (s >= 75) return "from-green-500 to-emerald-600" if (s >= 50) return "from-yellow-500 to-amber-600" return "from-red-500 to-rose-600" } const getScoreBg = (s: number) => { if (s >= 75) return "bg-green-500/10" if (s >= 50) return "bg-yellow-500/10" return "bg-red-500/10" } return (

{/* Circular Score Display */}

{/* Background circle */}

{/* Animated border circle */}

{/* Score number */}

{Math.round(displayScore)}

out of 100

{/* Status Indicators */}

= 75 ? "bg-green-500/20 text-green-700 dark:text-green-400" : "bg-muted text-muted-foreground"}`} > ✓ Green: 75-100

= 50 && displayScore < 75 ? "bg-yellow-500/20 text-yellow-700 dark:text-yellow-400" : "bg-muted text-muted-foreground"}`} > ⚠ Yellow: 50-74

✗ Red: {"<"}50

) } [V0_FILE]typescriptreact:file="components/webcam-feed.tsx" isMerged="true" "use client" import type { RefObject } from "react" import { Card } from "@/components/ui/card" interface WebcamFeedProps { videoRef: RefObject canvasRef: RefObject } export function WebcamFeed({ videoRef, canvasRef }: WebcamFeedProps) { return (

{/* Hidden video element for processing */}

) } [V0_FILE]typescriptreact:file="components/signal-indicators.tsx" isMerged="true" "use client" import { Card } from "@/components/ui/card" import { Eye, Monitor, Keyboard, Mic } from "lucide-react" interface Signal { type: "gaze" | "tab_switch" | "typing" | "audio" status: "normal" | "warning" | "critical" lastValue: string timestamp: number } interface SignalIndicatorsProps { signals: Signal[] } export function SignalIndicators({ signals }: SignalIndicatorsProps) { const signalConfig = { gaze: { icon: Eye, label: "Eye Gaze", color: "text-blue-500" }, tab_switch: { icon: Monitor, label: "Tab Activity", color: "text-purple-500" }, typing: { icon: Keyboard, label: "Typing Pattern", color: "text-cyan-500" }, audio: { icon: Mic, label: "Audio Detection", color: "text-orange-500" }, } return (

Real-Time Signal Monitors

{Object.entries(signalConfig).map(([key, config]) => { const signal = signals.find((s) => s.type === (key as Signal["type"])) const Icon = config.icon return (

{config.label}

{signal?.lastValue || "Initializing..."}

) })}

) } [V0_FILE]typescriptreact:file="components/anomaly-timeline.tsx" isMerged="true" "use client" import { Card } from "@/components/ui/card" import { AlertTriangle, Eye, Monitor, Keyboard, Mic } from "lucide-react" interface Anomaly { type: string severity: number timestamp: number } interface AnomalyTimelineProps { anomalies: Anomaly[] } export function AnomalyTimeline({ anomalies }: AnomalyTimelineProps) { const anomalyTypeConfig: Record = { gaze_off_screen: { icon: Eye, label: "Off-Screen Gaze", color: "text-blue-500" }, tab_switch: { icon: Monitor, label: "Tab Switched", color: "text-purple-500" }, copy_paste: { icon: Keyboard, label: "Copy/Paste Detected", color: "text-red-500" }, background_voice: { icon: Mic, label: "Background Voice", color: "text-orange-500" }, typing_anomaly: { icon: Keyboard, label: "Typing Speed Change", color: "text-yellow-500" }, } const recentAnomalies = anomalies.slice(-20).reverse() return (

Anomaly Timeline (Last 2 Minutes)

{recentAnomalies.length === 0 ? (

No anomalies detected yet. Keep it up!

) : (

{recentAnomalies.map((anomaly, idx) => { const config = anomalyTypeConfig[anomaly.type] || { icon: AlertTriangle, label: anomaly.type, color: "text-gray-500", } const Icon = config.icon const timeSince = Math.floor((Date.now() - anomaly.timestamp) / 1000) const severity = Math.min(Math.max(anomaly.severity, 0), 1) return (

0.7 ? "bg-red-500/10" : severity > 0.4 ? "bg-yellow-500/10" : "bg-blue-500/10" }`} >

{config.label}

{timeSince}s ago

0.7 ? "bg-red-500" : severity > 0.4 ? "bg-yellow-500" : "bg-blue-500" }`} style={{ width: `${severity * 100}%` }} />

) })}

)} ) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; :root { /* Dark theme for nighttime use */ --background: oklch(0.12 0 0); --foreground: oklch(0.95 0 0); --card: oklch(0.16 0 0); --card-foreground: oklch(0.95 0 0); --popover: oklch(0.16 0 0); --popover-foreground: oklch(0.95 0 0); /* Updated primary colors for integrity monitoring dashboard */ --primary: oklch(0.58 0.24 262.97); /* Blue for trust/integrity */ --primary-foreground: oklch(0.95 0 0); --secondary: oklch(0.22 0 0); --secondary-foreground: oklch(0.95 0 0); --muted: oklch(0.3 0 0); --muted-foreground: oklch(0.7 0 0); --accent: oklch(0.65 0.23 40.22); /* Orange for alerts */ --accent-foreground: oklch(0.95 0 0); --destructive: oklch(0.58 0.2 25.33); /* Red for critical flags */ --destructive-foreground: oklch(0.95 0 0); --border: oklch(0.25 0 0); --input: oklch(0.22 0 0); --ring: oklch(0.58 0.24 262.97); /* Chart colors for data visualization */ --chart-1: oklch(0.58 0.24 262.97); /* Blue */ --chart-2: oklch(0.7 0.2 272); /* Purple */ --chart-3: oklch(0.65 0.23 40.22); /* Orange */ --chart-4: oklch(0.58 0.2 25.33); /* Red */ --chart-5: oklch(0.72 0.2 142); /* Green */ --radius: 0.625rem; /* Sidebar styling */ --sidebar: oklch(0.16 0 0); --sidebar-foreground: oklch(0.95 0 0); --sidebar-primary: oklch(0.58 0.24 262.97); --sidebar-primary-foreground: oklch(0.95 0 0); --sidebar-accent: oklch(0.65 0.23 40.22); --sidebar-accent-foreground: oklch(0.95 0 0); --sidebar-border: oklch(0.25 0 0); --sidebar-ring: oklch(0.58 0.24 262.97); } /* Light theme fallback */ .light { --background: oklch(0.98 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.45 0.24 262.97); --primary-foreground: oklch(0.95 0 0); --secondary: oklch(0.88 0 0); --secondary-foreground: oklch(0.145 0 0); --muted: oklch(0.92 0 0); --muted-foreground: oklch(0.5 0 0); --accent: oklch(0.65 0.23 40.22); --accent-foreground: oklch(0.95 0 0); --destructive: oklch(0.58 0.2 25.33); --destructive-foreground: oklch(0.95 0 0); --border: oklch(0.92 0 0); --input: oklch(0.92 0 0); --ring: oklch(0.45 0.24 262.97); --chart-1: oklch(0.45 0.24 262.97); --chart-2: oklch(0.5 0.2 272); --chart-3: oklch(0.65 0.23 40.22); --chart-4: oklch(0.58 0.2 25.33); --chart-5: oklch(0.6 0.2 142); --sidebar: oklch(0.98 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.45 0.24 262.97); --sidebar-primary-foreground: oklch(0.95 0 0); --sidebar-accent: oklch(0.65 0.23 40.22); --sidebar-accent-foreground: oklch(0.95 0 0); --sidebar-border: oklch(0.92 0 0); --sidebar-ring: oklch(0.45 0.24 262.97); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } /* moved pulse animation here with proper Tailwind syntax */ @keyframes pulse-smooth { 0%, 100% { opacity: 0.2; } 50% { opacity: 0.4; } } .animate-pulse-meter { animation: pulse-smooth 2s ease-in-out infinite; } } [V0_FILE]typescript:file="hooks/use-integrity-analyzer.ts" isEdit="true" isQuickEdit="true" "use client" import { useState, useRef, useEffect, useCallback } from "react" interface Anomaly { type: string severity: number timestamp: number } interface Signal { type: "gaze" | "tab_switch" | "typing" | "audio" status: "normal" | "warning" | "critical" lastValue: string timestamp: number } export function useIntegrityAnalyzer() { const videoRef = useRef(null) const canvasRef = useRef(null) const audioContextRef = useRef(null) const analyserRef = useRef(null) const [credibilityScore, setCredibilityScore] = useState(100) const [anomalies, setAnomalies] = useState([]) const [signals, setSignals] = useState([ { type: "gaze", status: "normal", lastValue: "Centered", timestamp: Date.now() }, { type: "tab_switch", status: "normal", lastValue: "Focused", timestamp: Date.now() }, { type: "typing", status: "normal", lastValue: "Normal speed", timestamp: Date.now() }, { type: "audio", status: "normal", lastValue: "Quiet", timestamp: Date.now() }, ]) const [isInitialized, setIsInitialized] = useState(false) const lastKeystrokeRef = useRef(0) const keystrokesRef = useRef([]) const lastTabSwitchRef = useRef(0) const clipboardEventsRef = useRef(0) const anomaliesRef = useRef([]) const baselineTypingSpeedRef = useRef(null) // Initialize media stream const initializeMediaStream = useCallback(async () => { try { const stream = await navigator.mediaDevices.getUserMedia({ video: { width: { ideal: 1280 }, height: { ideal: 720 } }, audio: true, }) if (videoRef.current) { videoRef.current.srcObject = stream videoRef.current.onloadedmetadata = () => { if (canvasRef.current) { canvasRef.current.width = videoRef.current?.videoWidth || 1280 canvasRef.current.height = videoRef.current?.videoHeight || 720 } } } if (!audioContextRef.current) { const AudioContextClass = window.AudioContext || (window as any).webkitAudioContext if (!AudioContextClass) { console.warn("AudioContext not supported in this browser") setIsInitialized(true) return } audioContextRef.current = new AudioContextClass() } // Resume audio context if suspended (required by modern browsers) if (audioContextRef.current.state === "suspended") { await audioContextRef.current.resume() } if (typeof audioContextRef.current.createMediaStreamAudioSource !== "function") { console.warn("createMediaStreamAudioSource not available") setIsInitialized(true) return } // Create analyser node first const analyser = audioContextRef.current.createAnalyser() analyser.fftSize = 256 // Now create source and connect const source = audioContextRef.current.createMediaStreamAudioSource(stream) source.connect(analyser) analyserRef.current = analyser setIsInitialized(true) } catch (err) { console.error("Failed to initialize media stream:", err) // Still mark as initialized so UI can load even without audio analysis setIsInitialized(true) } }, []) // Detect keyboard events const handleKeyDown = useCallback(() => { const now = Date.now() keystrokesRef.current.push(now) // Keep only last 10 keystrokes if (keystrokesRef.current.length > 10) { keystrokesRef.current.shift() } // Establish baseline typing speed after first 20 keystrokes if (keystrokesRef.current.length >= 5 && baselineTypingSpeedRef.current === null) { const intervals = [] for (let i = 1; i < keystrokesRef.current.length; i++) { intervals.push(keystrokesRef.current[i] - keystrokesRef.current[i - 1]) } baselineTypingSpeedRef.current = intervals.reduce((a, b) => a + b) / intervals.length } // Check for sudden typing speed change if (keystrokesRef.current.length >= 5 && baselineTypingSpeedRef.current) { const recentIntervals = [] for (let i = keystrokesRef.current.length - 5; i < keystrokesRef.current.length; i++) { if (i > 0) { recentIntervals.push(keystrokesRef.current[i] - keystrokesRef.current[i - 1]) } } const avgRecent = recentIntervals.reduce((a, b) => a + b) / recentIntervals.length const speedChange = Math.abs(avgRecent - baselineTypingSpeedRef.current) / baselineTypingSpeedRef.current if (speedChange > 0.5) { // 50% deviation triggers warning const anomaly: Anomaly = { type: "typing_anomaly", severity: Math.min(speedChange / 2, 1), timestamp: now, } anomaliesRef.current.push(anomaly) } } lastKeystrokeRef.current = now }, []) // Detect copy/paste events const handleCopy = useCallback(() => { clipboardEventsRef.current++ const anomaly: Anomaly = { type: "copy_paste", severity: 0.8, timestamp: Date.now(), } anomaliesRef.current.push(anomaly) }, []) // Detect tab switching const handleVisibilityChange = useCallback(() => { if (document.hidden) { lastTabSwitchRef.current = Date.now() const anomaly: Anomaly = { type: "tab_switch", severity: 0.6, timestamp: Date.now(), } anomaliesRef.current.push(anomaly) } }, []) // Detect gaze off-screen (simulated with document focus) const handleBlur = useCallback(() => { const anomaly: Anomaly = { type: "gaze_off_screen", severity: 0.3, timestamp: Date.now(), } anomaliesRef.current.push(anomaly) }, []) // Audio analysis const analyzeAudio = useCallback(() => { if (!analyserRef.current) return const dataArray = new Uint8Array(analyserRef.current.frequencyBinCount) analyserRef.current.getByteFrequencyData(dataArray) // Check for background voice (frequencies 200-4000Hz typically contain speech) const voiceFrequencies = dataArray.slice(10, 100) // Mid-range frequencies const averageLevel = voiceFrequencies.reduce((a, b) => a + b) / voiceFrequencies.length if (averageLevel > 100) { // High activity in voice frequencies const anomaly: Anomaly = { type: "background_voice", severity: Math.min(averageLevel / 256, 1), timestamp: Date.now(), } anomaliesRef.current.push(anomaly) } }, []) // Calculate credibility score from anomalies const calculateCredibility = useCallback(() => { let score = 100 // Filter anomalies from last 60 seconds const recentAnomalies = anomaliesRef.current.filter((a) => Date.now() - a.timestamp < 60000) // Gaze off-screen: 2 points per incident const gazeOffscreen = recentAnomalies.filter((a) => a.type === "gaze_off_screen").length score -= Math.min(gazeOffscreen * 2, 25) // Tab switching: 4 points per incident const tabSwitches = recentAnomalies.filter((a) => a.type === "tab_switch").length score -= Math.min(tabSwitches * 4, 20) // Copy/paste: 15 points const copyPaste = recentAnomalies.filter((a) => a.type === "copy_paste").length score -= Math.min(copyPaste * 15, 25) // Audio anomalies: 3 points per incident const audioAnomalies = recentAnomalies.filter((a) => a.type === "background_voice").length score -= Math.min(audioAnomalies * 3, 15) // Typing anomaly: weighted by severity const typingAnomalies = recentAnomalies.filter((a) => a.type === "typing_anomaly") if (typingAnomalies.length > 0) { const maxSeverity = Math.max(...typingAnomalies.map((a) => a.severity)) score -= maxSeverity * 20 } // Recovery: +2 points per 30 seconds of clean behavior const lastAnomaly = Math.max(...anomaliesRef.current.map((a) => a.timestamp), 0) const secondsSinceAnomaly = (Date.now() - lastAnomaly) / 1000 if (secondsSinceAnomaly > 30 && anomaliesRef.current.length > 0) { score = Math.min(score + 2, 100) } return Math.max(Math.round(score), 0) }, []) // Update signals based on anomalies const updateSignals = useCallback(() => { const recentAnomalies = anomaliesRef.current.filter((a) => Date.now() - a.timestamp < 5000) setSignals((prev) => prev.map((signal) => { const relatedAnomalies = recentAnomalies.filter((a) => a.type.startsWith(signal.type)) let status: Signal["status"] = "normal" let lastValue = "Normal" if (relatedAnomalies.length > 0) { const maxSeverity = Math.max(...relatedAnomalies.map((a) => a.severity)) status = maxSeverity > 0.7 ? "critical" : "warning" lastValue = `${relatedAnomalies.length} flag(s)` } return { ...signal, status, lastValue, timestamp: Date.now() } }), ) }, []) // Main update loop useEffect(() => { if (!isInitialized) return const interval = setInterval(() => { analyzeAudio() updateSignals() setAnomalies([...anomaliesRef.current]) setCredibilityScore(calculateCredibility()) }, 500) return () => clearInterval(interval) }, [isInitialized, analyzeAudio, updateSignals, calculateCredibility]) // Event listeners useEffect(() => { if (!isInitialized) return window.addEventListener("keydown", handleKeyDown) window.addEventListener("copy", handleCopy) document.addEventListener("visibilitychange", handleVisibilityChange) window.addEventListener("blur", handleBlur) return () => { window.removeEventListener("keydown", handleKeyDown) window.removeEventListener("copy", handleCopy) document.removeEventListener("visibilitychange", handleVisibilityChange) window.removeEventListener("blur", handleBlur) } }, [isInitialized, handleKeyDown, handleCopy, handleVisibilityChange, handleBlur]) // Start session const startSession = useCallback(async () => { await initializeMediaStream() anomaliesRef.current = [] setAnomalies([]) }, [initializeMediaStream]) // Stop session const stopSession = useCallback(() => { if (videoRef.current?.srcObject) { const tracks = (videoRef.current.srcObject as MediaStream).getTracks() tracks.forEach((track) => track.stop()) } if (audioContextRef.current) { audioContextRef.current.close() } }, []) return { credibilityScore, anomalies, videoRef, canvasRef, isInitialized, signals, startSession, stopSession, } }eb:["$","$Lf2",null,{"chatId":"kg05NOM0bb2","children":["$","$Lf3",null,{"data":{"@\"active-block\",\"kg05NOM0bb2\",":{"id":"b_YKMmTeamCR5","messageId":"2PDTT8xBrbuO0eE7IlWmxUoHYHlDOM1v","source":"$f4","language":"typescriptreact","type":"code-project","closed":true,"meta":{"type":"code-project","project":"Code","taskNameActive":"Fixing audio context initialization","taskNameComplete":"Fixed audio analyzer setup"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"kg05NOM0bb2\",":false},"children":"$Lf5"}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This

More Templates Like This