62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:T411d,'use client' import * as React from 'react' import { CheckCircle2, Clock, Globe, Laptop, LogOut, MapPin, Monitor, Radio, ShieldCheck, Smartphone, Tablet, Terminal, TriangleAlert, } from 'lucide-react' import { cn } from '@/lib/utils' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card' import { Separator } from '@/components/ui/separator' export interface SessionDevice { id: string name: string deviceType: 'laptop' | 'desktop' | 'mobile' | 'tablet' | 'terminal' os: string browser: string location: string countryFlag: string ip: string signedInAt: string lastActive: string isMfa: boolean isSuspicious?: boolean customBadge?: { label: string variant: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info' } } export interface SessionDeviceManagerProps { initialOtherSessions?: SessionDevice[] initialShowSuspiciousAlert?: boolean className?: string } const currentSession = { id: 'sess-current-01', name: 'MacBook Pro 16"', deviceType: 'laptop' as const, os: 'macOS Sequoia', browser: 'Chrome 128.0', location: 'San Francisco, CA, United States', countryFlag: '🇺🇸', ip: '76.76.21.21', signedInAt: 'Aug 18, 2026 · 09:42 AM', lastActive: 'Active right now', isMfa: true, } const stubOtherSessions: SessionDevice[] = [ { id: 'sess-02', name: 'iPhone 16 Pro', deviceType: 'mobile', os: 'iOS 18.0', browser: 'Safari Mobile', location: 'Los Angeles, CA, United States', countryFlag: '🇺🇸', ip: '172.56.21.89', signedInAt: 'Aug 19, 2026', lastActive: '12m ago', isMfa: true, }, { id: 'sess-03', name: 'Workstation', deviceType: 'desktop', os: 'Ubuntu 24.04 LTS', browser: 'Firefox 130', location: 'London, Greater London, United Kingdom', countryFlag: '🇬🇧', ip: '185.220.101.5', signedInAt: 'Aug 21, 2026', lastActive: '2h ago', isMfa: true, isSuspicious: true, customBadge: { label: 'New Location', variant: 'warning', }, }, { id: 'sess-04', name: 'CLI Token', deviceType: 'terminal', os: 'Darwin x64', browser: 'Node.js SDK', location: 'AWS us-east-1 (N. Virginia), United States', countryFlag: '🇺🇸', ip: '54.234.19.102', signedInAt: 'Aug 10, 2026', lastActive: '34m ago', isMfa: true, customBadge: { label: 'CLI Token', variant: 'secondary', }, }, { id: 'sess-05', name: 'iPad Air', deviceType: 'tablet', os: 'iPadOS 17.6', browser: 'Safari', location: 'New York, NY, United States', countryFlag: '🇺🇸', ip: '68.195.44.110', signedInAt: 'Aug 14, 2026', lastActive: '3d ago', isMfa: true, }, ] export function SessionDeviceManager({ initialOtherSessions, initialShowSuspiciousAlert = true, className, }: SessionDeviceManagerProps) { const [otherSessions, setOtherSessions] = React.useState( initialOtherSessions ? initialOtherSessions.map((s) => ({ ...s })) : stubOtherSessions.map((s) => ({ ...s })), ) const [showSuspiciousAlert, setShowSuspiciousAlert] = React.useState(initialShowSuspiciousAlert) const [revokingAll, setRevokingAll] = React.useState(false) const [confirmingRevokeId, setConfirmingRevokeId] = React.useState(null) const confirmTimerRef = React.useRef(null) React.useEffect(() => { return () => { if (confirmTimerRef.current) { window.clearTimeout(confirmTimerRef.current) } } }, []) const dismissAlert = () => { setShowSuspiciousAlert(false) } const revokeSuspicious = () => { setOtherSessions((prev) => prev.filter((s) => !s.isSuspicious)) setShowSuspiciousAlert(false) } const revokeSession = (id: string) => { if (confirmTimerRef.current) { window.clearTimeout(confirmTimerRef.current) } setConfirmingRevokeId(null) setOtherSessions((prev) => { const target = prev.find((s) => s.id === id) if (target?.isSuspicious) { setShowSuspiciousAlert(false) } return prev.filter((s) => s.id !== id) }) } const requestRevoke = (id: string) => { if (confirmingRevokeId === id) { revokeSession(id) return } setConfirmingRevokeId(id) if (confirmTimerRef.current) { window.clearTimeout(confirmTimerRef.current) } confirmTimerRef.current = window.setTimeout(() => { setConfirmingRevokeId(null) }, 3000) } const cancelRevoke = (id: string) => { if (confirmingRevokeId === id) { if (confirmTimerRef.current) { window.clearTimeout(confirmTimerRef.current) } setConfirmingRevokeId(null) } } const revokeAllOtherSessions = () => { setRevokingAll(true) setOtherSessions([]) setShowSuspiciousAlert(false) window.setTimeout(() => { setRevokingAll(false) }, 600) } return (

{/* Header */}

Active Sessions & Connected Devices

Manage and revoke active login sessions across your desktop, mobile, and CLI tokens.

{/* Suspicious Login Alert Banner */} {showSuspiciousAlert && (

Suspicious Login Detected

Is this you?

Recent new login on Workstation · Firefox 130 from{' '} London, UK (IP 185.220.101.5) on Aug 21, 2026. If you do not recognize this activity, revoke the session immediately.

)} {/* Current Session Hero Card */}

This Device Current Active Session

2FA Verified

{currentSession.name} · {currentSession.os}

{currentSession.browser}

{currentSession.lastActive}

{currentSession.countryFlag} {currentSession.location}

IP: {currentSession.ip}

Signed in: {currentSession.signedInAt}

{/* Other Active Sessions List */}

Other Active Sessions {otherSessions.length} active session{otherSessions.length === 1 ? '' : 's'} authenticated across your secondary devices and automation workflows.

{otherSessions.length} active

{/* Empty State */} {otherSessions.length === 0 ? (

No other active sessions

Your account is only signed in on this device. All previous mobile, workstation, and CLI sessions have been revoked.

) : ( /* Sessions List */

{/* Device Icon */}
{session.deviceType === 'mobile' ? ( ) : session.deviceType === 'desktop' ? ( ) : session.deviceType === 'terminal' ? ( ) : session.deviceType === 'tablet' ? ( ) : ( )}
{/* Details */}

{session.name} · {session.browser}
2FA Verified {session.customBadge && ( {session.customBadge.label} )}

{session.countryFlag} {session.location} · IP: {session.ip}

Signed in {session.signedInAt} · Last active{' '} {session.lastActive}

{/* Action */}

)}

) } export default SessionDeviceManager 61:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":["https://uipkge.dev/r/react/badge.json","https://uipkge.dev/r/react/button.json","https://uipkge.dev/r/react/card.json","https://uipkge.dev/r/react/separator.json"]}]]}],null]}],["$","$L63",null,{"files":[{"path":"packages/registry-react/blocks/session-device-manager/SessionDeviceManager.tsx","content":"$64","type":"registry:block","target":"~/components/blocks/SessionDeviceManager.tsx"}],"className":"h-[70svh] min-h-80"}]]}]