Active sessions

You are signed in on 5 devices.

MacBook Pro · Chrome 128 This device

84.22.11.7 · Rotterdam, NL · active now

Current

iPhone 15 · Northwind app

84.22.11.7 · Rotterdam, NL · 2 hours ago

Windows 11 · Firefox 129

203.0.113.44 · Warsaw, PL · 6 hours ago

Unusual location — you have not signed in from Poland before.

Linux · CLI v4.2.1

10.4.8.19 · build runner · yesterday

iPad Air · Safari 18

84.22.11.7 · Rotterdam, NL · 12 days ago

Signing out revokes that device refresh token immediately — it will need the full sign-in flow again. API keys are separate and keep working; manage those on the API keys page.

">

The prompt

Create a security settings panel with Tailwind CSS listing active sessions. The header holds a heading, a muted line giving the count of signed-in devices, and a bordered red-toned button reading "Sign out everywhere else". Below, a list of five session rows in a bordered card: each row has a device glyph tile, the device and browser on one line with a small green "This device" pill on the current one, a muted second line giving the IP, city and last-active time, and on the right either a muted "Current" label or a ghost "Sign out" button. Give one row an amber left accent and a small warning line reading that the location is unusual. Under the list, a bordered neutral-50 note explaining that signing out revokes the refresh token immediately and that API keys are unaffected, with a link to the API keys page.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .