fix: replace developer jargon with user-friendly labels in visitor identity settings

Storage/TTL labels used implementation terms (localStorage, sessionStorage, TTL)
that only make sense to developers. Replaced with plain language and added a
description explaining the privacy trade-off.
This commit is contained in:
Usman Baig
2026-03-17 23:07:11 +01:00
parent 90944ce6bd
commit 78fed269db

View File

@@ -14,15 +14,15 @@ import { toast, Toggle, Select, CheckIcon } from '@ciphera-net/ui'
const FRAMEWORKS = integrations.filter((i) => i.category === 'framework').slice(0, 10)
const STORAGE_OPTIONS = [
{ value: 'local', label: 'Cross-tab (localStorage)' },
{ value: 'session', label: 'Per-tab (sessionStorage)' },
{ value: 'local', label: 'Across all tabs' },
{ value: 'session', label: 'Single tab only' },
]
const TTL_OPTIONS = [
{ value: '24', label: '24h' },
{ value: '48', label: '48h' },
{ value: '168', label: '7d' },
{ value: '720', label: '30d' },
{ value: '24', label: '24 hours' },
{ value: '48', label: '2 days' },
{ value: '168', label: '7 days' },
{ value: '720', label: '30 days' },
]
const FEATURES = [
@@ -187,13 +187,16 @@ export default function ScriptSetupBlock({
{/* ── Storage + TTL ───────────────────────────────────────────────── */}
<div className="mt-6">
<h4 className="text-sm font-semibold text-neutral-900 dark:text-white mb-3">
<h4 className="text-sm font-semibold text-neutral-900 dark:text-white mb-1">
Visitor identity
</h4>
<p className="text-xs text-neutral-500 dark:text-neutral-400 mb-3">
How returning visitors are recognized. Stricter settings increase privacy but may raise unique visitor counts.
</p>
<div className="flex items-end gap-3">
<div className="min-w-0">
<label className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1 block">
Storage
Recognition
</label>
<Select
variant="input"
@@ -205,7 +208,7 @@ export default function ScriptSetupBlock({
{storage === 'local' && (
<div>
<label className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1 block">
TTL
Reset after
</label>
<Select
variant="input"