EntryDetailScreen.kt

1package com.peachpasswords.ui.vault23import androidx.compose.animation.AnimatedVisibility4import androidx.compose.animation.core.LinearEasing5import androidx.compose.animation.core.RepeatMode6import androidx.compose.animation.core.animateFloat7import androidx.compose.animation.core.animateFloatAsState8import androidx.compose.animation.core.infiniteRepeatable9import androidx.compose.animation.core.rememberInfiniteTransition10import androidx.compose.animation.core.tween11import androidx.compose.foundation.background12import androidx.compose.foundation.border13import androidx.compose.foundation.clickable14import androidx.compose.foundation.gestures.detectHorizontalDragGestures15import androidx.compose.foundation.gestures.detectVerticalDragGestures16import androidx.compose.foundation.layout.Arrangement17import androidx.compose.foundation.layout.Box18import androidx.compose.foundation.layout.Column19import androidx.compose.foundation.layout.Row20import androidx.compose.foundation.layout.Spacer21import androidx.compose.foundation.layout.fillMaxSize22import androidx.compose.foundation.layout.fillMaxHeight23import androidx.compose.foundation.layout.fillMaxWidth24import androidx.compose.foundation.layout.height25import androidx.compose.foundation.layout.offset26import androidx.compose.foundation.layout.padding27import androidx.compose.foundation.layout.navigationBarsPadding28import androidx.compose.foundation.layout.size29import androidx.compose.foundation.layout.statusBarsPadding30import androidx.compose.foundation.layout.width31import androidx.compose.foundation.rememberScrollState32import androidx.compose.foundation.shape.CircleShape33import androidx.compose.foundation.shape.RoundedCornerShape34import androidx.compose.foundation.text.BasicTextField35import androidx.compose.material.icons.rounded.Add36import androidx.compose.material.icons.rounded.Check37import androidx.compose.material.icons.rounded.ContentCopy38import androidx.compose.material.icons.rounded.Search39import androidx.compose.material.icons.rounded.Settings40import androidx.compose.foundation.verticalScroll41import androidx.compose.material.icons.Icons42import androidx.compose.material.icons.automirrored.rounded.ArrowBack43import androidx.compose.material.icons.automirrored.rounded.ArrowForward44import androidx.compose.material.icons.outlined.Add45import androidx.compose.material.icons.outlined.Delete46import androidx.compose.material.icons.outlined.Description47import androidx.compose.material.icons.outlined.Settings48import androidx.compose.material.icons.outlined.Lock49import androidx.compose.material3.Icon50import androidx.compose.material3.Text51import androidx.compose.runtime.Composable52import androidx.compose.runtime.getValue53import androidx.compose.runtime.mutableStateOf54import androidx.compose.runtime.produceState55import androidx.compose.runtime.remember56import androidx.compose.runtime.setValue57import androidx.compose.ui.Alignment58import androidx.compose.ui.Modifier59import androidx.compose.ui.draw.clip60import androidx.compose.ui.draw.clipToBounds61import androidx.compose.ui.draw.drawBehind62import androidx.compose.ui.geometry.Offset63import androidx.compose.ui.geometry.Size64import androidx.compose.ui.graphics.Brush65import androidx.compose.ui.graphics.Color66import androidx.compose.ui.graphics.SolidColor67import androidx.compose.ui.graphics.graphicsLayer68import androidx.compose.ui.platform.LocalContext69import androidx.compose.ui.input.pointer.pointerInput70import androidx.compose.ui.text.TextStyle71import androidx.compose.ui.text.font.FontStyle72import androidx.compose.ui.text.style.TextOverflow73import androidx.compose.ui.unit.dp74import androidx.compose.ui.unit.em75import androidx.compose.ui.unit.sp76import androidx.compose.runtime.collectAsState77import androidx.fragment.app.FragmentActivity78import androidx.hilt.navigation.compose.hiltViewModel79import com.peachpasswords.shared.detectHomograph80import com.peachpasswords.ui.PeachNav81import com.peachpasswords.ui.components.CharEnterText82import com.peachpasswords.ui.components.CopyButton83import com.peachpasswords.ui.components.PeachEmptyOrEndState84import com.peachpasswords.ui.components.PeachMark85import com.peachpasswords.ui.components.PeachTopBar86import com.peachpasswords.ui.components.SecureFlagEffect87import com.peachpasswords.ui.components.TOTPRing88import com.peachpasswords.ui.lock.Biometrics89import com.peachpasswords.ui.theme.LocalPeachAccent90import com.peachpasswords.ui.theme.LocalReduceMotion91import com.peachpasswords.ui.theme.PeachSpacing92import com.peachpasswords.ui.theme.peachColors93import com.peachpasswords.ui.theme.PeachType94import com.peachpasswords.ui.theme.ShellBackground95import com.peachpasswords.vault.TOTPGenerator96import com.peachpasswords.vault.hasTOTP97import com.peachpasswords.vault.hasPasskey98import com.peachpasswords.vault.isBreach99import com.peachpasswords.vault.isCard100import com.peachpasswords.vault.isNote101import com.peachpasswords.vault.isPasskeyOnly102103@Composable104fun EntryDetailScreen(105    id: String,106    onNavigate: (PeachNav) -> Unit,107    // Null when this entry is the post-unlock landing surface (C1: entry deck108    // is primary, not a child of the vault list) — there's genuinely nothing109    // to go "back" to, so the top chrome shows a lock affordance instead.110    onBack: (() -> Unit)?,111    modifier: Modifier = Modifier,112    vm: EntryDetailViewModel = hiltViewModel(),113) {114    val entry by vm.entry.collectAsState()115    val activeEntries by vm.activeEntries.collectAsState()116    val identitySuggestions by vm.identitySuggestions.collectAsState()117    val allTags by vm.allTags.collectAsState()118    val isPro by vm.isPro.collectAsState()119    val cvcRevealed by vm.cvcRevealed.collectAsState()120    var cardRevealed by remember { mutableStateOf(false) }121    val copiedField by vm.copiedField.collectAsState()122    val canaryMessage by vm.canaryMessage.collectAsState()123    val canaryTesting by vm.canaryTesting.collectAsState()124    val context = LocalContext.current125    val accent = LocalPeachAccent.current126    var confirmingDelete by remember { mutableStateOf(false) }127    var generatorOpen by remember { mutableStateOf(false) }128    var historyExpanded by remember { mutableStateOf(false) }129130    SecureFlagEffect()131132    val e = entry133    ShellBackground(modifier) {134        Box(135            Modifier.fillMaxSize().statusBarsPadding()136                // C1: swipe left/right between deck entries, mirroring the137                // prev/next arrows in EntryDetailSearchStrip. Resolved on138                // drag end (not per-event) so an in-progress vertical scroll139                // gesture on the content below can't accidentally trigger it.140                .pointerInput(vm) {141                    var dragAccum = 0f142                    detectHorizontalDragGestures(143                        onDragStart = { dragAccum = 0f },144                        onDragEnd = {145                            when {146                                dragAccum <= -120f -> vm.adjacentDestination(1)?.let(onNavigate)147                                dragAccum >= 120f -> vm.adjacentDestination(-1)?.let(onNavigate)148                            }149                            dragAccum = 0f150                        },151                        onDragCancel = { dragAccum = 0f },152                    ) { _, dragAmount -> dragAccum += dragAmount }153                },154        ) {155            Column(156                Modifier.fillMaxSize()157                    .padding(bottom = 100.dp)158                    .verticalScroll(rememberScrollState())159                    .padding(horizontal = PeachSpacing.xl),160            ) {161                EntryDetailTopBar(162                    entry = e,163                    confirmingDelete = confirmingDelete,164                    onBack = onBack,165                    onLock = vm::lock,166                    onDelete = {167                        if (confirmingDelete) {168                            vm.delete(onDone = onBack ?: { onNavigate(PeachNav.VaultList) })169                        } else {170                            confirmingDelete = true171                        }172                    },173                    onAddEntry = { onNavigate(PeachNav.EntryEdit(null)) },174                    onSettings = { onNavigate(PeachNav.Settings) },175                    onOpenNotes = { onNavigate(PeachNav.Notes) },176                )177                Spacer(Modifier.height(PeachSpacing.lg))178179                if (e == null) {180                    PeachEmptyOrEndState(181                        message = "entry not found",182                        detail = "It may have been moved or deleted.",183                        modifier = Modifier.padding(top = PeachSpacing.xxl),184                    )185                    return@Column186                }187188                // D11 — breach banner strip when this entry's password is known-compromised.189                if (e.isBreach()) {190                    Row(191                        Modifier.fillMaxWidth()192                            .background(peachColors.BreachBg)193                            .padding(horizontal = 16.dp, vertical = 8.dp),194                        verticalAlignment = Alignment.CenterVertically,195                    ) {196                        Text("⚠", color = peachColors.Breach, style = PeachType.bodyMono)197                        Spacer(Modifier.width(10.dp))198                        Text(199                            "Password found in a data breach — change it now",200                            color = peachColors.Breach, style = PeachType.labelMono,201                            modifier = Modifier.weight(1f),202                        )203                        Text(204                            "Change password",205                            color = accent, style = PeachType.labelMono,206                            modifier = Modifier.clip(RoundedCornerShape(6.dp))207                                .clickable { generatorOpen = true }208                                .padding(horizontal = 6.dp, vertical = 4.dp),209                        )210                    }211                }212                if (entryHasHomographWarning(e)) {213                    HomographWarning()214                }215216                // Hero — ghost PeachScript watermark behind the entry name. The full217                // title is drawn (not just its first letter); a long title overflows218                // and clips naturally, which is the intended watermark behavior.219                Box(Modifier.fillMaxWidth().clipToBounds()) {220                    Text(221                        text = ghostWatermarkText(e.title),222                        style = TextStyle(fontFamily = PeachType.Display, fontSize = 150.sp, fontStyle = FontStyle.Italic),223                        color = peachColors.T0.copy(alpha = 0.03f),224                        maxLines = 1,225                        softWrap = false,226                        overflow = TextOverflow.Clip,227                        modifier = Modifier.align(Alignment.TopCenter).offset(y = (-16).dp),228                    )229                    Column(Modifier.fillMaxWidth().padding(top = 18.dp)) {230                        EditableTitleHero(231                            title = e.title,232                            onSave = { vm.updateField("title", it) },233                        )234                    }235                }236                Spacer(Modifier.height(PeachSpacing.lg))237238                if (e.isCard()) {239                    CardDetailFields(240                        entry = e,241                        cardRevealed = cardRevealed,242                        cvcRevealed = cvcRevealed,243                        copiedField = copiedField,244                        onToggleCardReveal = { cardRevealed = !cardRevealed },245                        onRevealCvc = {246                            val activity = context as? FragmentActivity247                            if (activity != null && Biometrics.isAvailable(context)) {248                                Biometrics.authenticate(activity, "Unlock Peach", e.title, onSuccess = vm::revealCvc)249                            } else vm.revealCvc()250                        },251                        onMaskCvc = vm::maskCvc,252                        onCopy = vm::copy,253                        onSaveCard = vm::updateCard,254                        copyButton = { copied, onCopy -> CopyButton(copied, onCopy) },255                    )256                } else {257                    if (!e.isNote()) {258                        EditableFieldRow(259                            label = "url", field = "url", value = e.url.orEmpty(),260                            copied = copiedField == "url",261                            onCopy = { vm.copy("url", e.url) },262                            onSave = { vm.updateField("url", it) },263                            placeholder = "add url",264                        )265                    }266                    // Browser distinguishes USERNAME and EMAIL as separate267                    // optional fields, with a "+ add X" link for whichever the268                    // entry doesn't have yet — an entry can carry both. This269                    // used to just omit the row entirely for a blank field,270                    // with no way to add it from the detail screen.271                    var showUsernameField by remember(e.id) { mutableStateOf(!e.username.isNullOrBlank()) }272                    var showEmailField by remember(e.id) { mutableStateOf(!e.email.isNullOrBlank()) }273                    if (showUsernameField) {274                        EditableFieldRow(275                            label = "username", field = "username", value = e.username.orEmpty(),276                            copied = copiedField == "username",277                            onCopy = { vm.copy("username", e.username) },278                            onSave = { vm.updateField("username", it) },279                            suggestions = identitySuggestions,280                            placeholder = "add username",281                        )282                    }283                    if (showEmailField) {284                        EditableFieldRow(285                            label = "email", field = "email", value = e.email.orEmpty(),286                            copied = copiedField == "email",287                            onCopy = { vm.copy("email", e.email) },288                            onSave = { vm.updateField("email", it) },289                            suggestions = identitySuggestions,290                            placeholder = "add email",291                        )292                    }293                    if (!showUsernameField || !showEmailField) {294                        Row(horizontalArrangement = Arrangement.spacedBy(16.dp)) {295                            if (!showUsernameField) {296                                Text(297                                    "+ add username", color = accent, style = PeachType.labelMono,298                                    modifier = Modifier299                                        .clip(RoundedCornerShape(6.dp))300                                        .clickable { showUsernameField = true }301                                        .padding(vertical = 6.dp),302                                )303                            }304                            if (!showEmailField) {305                                Text(306                                    "+ add email", color = accent, style = PeachType.labelMono,307                                    modifier = Modifier308                                        .clip(RoundedCornerShape(6.dp))309                                        .clickable { showEmailField = true }310                                        .padding(vertical = 6.dp),311                                )312                            }313                        }314                    }315                    AdditionalUrlRows(316                        urls = e.additionalUrls.orEmpty(),317                        copiedField = copiedField,318                        onCopy = { key, value -> vm.copy(key, value) },319                        onSave = { index, value -> vm.updateAdditionalUrl(index, value) },320                        onAdd = vm::addAdditionalUrl,321                    )322                    if (e.hasPasskey()) {323                        PasskeyDetailSection(e)324                    }325                    e.password?.takeIf { it.isNotBlank() }?.let { pw ->326                        EditablePasswordRow(327                            value = pw,328                            copied = copiedField == "password",329                            entryTitle = e.title,330                            onCopy = { vm.copy("password", pw) },331                            onSave = { vm.updateField("password", it) },332                            onGenerate = { generatorOpen = true },333                        )334                    }335                    val history = e.passwordHistory.orEmpty()336                    if (history.isNotEmpty()) {337                        PasswordHistoryToggle(338                            count = history.size,339                            expanded = historyExpanded,340                            onToggle = { historyExpanded = !historyExpanded },341                        )342                        AnimatedVisibility(visible = historyExpanded) {343                            Column(Modifier.padding(top = 8.dp, bottom = 6.dp)) {344                                PasswordHistoryList(345                                    history = history,346                                    onRestore = { oldPw -> vm.restorePassword(e.id, oldPw) },347                                    onCopy = { oldPw -> vm.copy("password", oldPw) },348                                )349                            }350                        }351                    }352                    if (e.hasTOTP()) {353                        Spacer(Modifier.height(4.dp))354                        TotpBandEditable(355                            totpField = e.totp!!,356                            copied = copiedField == "totp",357                            onCopy = vm::copyTotp,358                            onSaveSecret = { newSecret -> vm.updateField("totp", newSecret) },359                        )360                    }361                }362                e.notes?.takeIf { it.isNotBlank() }?.let { v ->363                    // A note authored in the browser is HTML: shown rendered,364                    // edited as markup, saved back as the same tags.365                    val notesAreHtml = isNoteHtml(v)366                    EditableFieldRow(367                        label = "notes", field = "notes", value = v,368                        copied = copiedField == "notes",369                        onCopy = { vm.copy("notes", notePlainText(v)) },370                        onSave = { vm.updateField("notes", noteStorageText(it, notesAreHtml)) },371                        mono = false, singleLine = false,372                        displayText = noteRendered(v),373                        draftText = noteEditorText(v),374                    )375                }376                DetailTagRow(377                    tags = e.tags.orEmpty(),378                    allTags = allTags,379                    onAddTag = vm::addTag,380                    onRemoveTag = vm::removeTag,381                )382                if (!e.isNote() && !e.isCard()) {383                    // Collapsed by default (mirrors the browser's "+ ADVANCED"),384                    // unless a canary is already configured for this entry — every385                    // entry showing an "Off" canary block permanently was clutter386                    // most people never touch.387                    var advancedExpanded by remember(e.id) { mutableStateOf(e.canary != null) }388                    if (advancedExpanded) {389                        CanaryDetailSection(390                            entryId = e.id,391                            modifiedAt = e.modifiedAt,392                            canary = e.canary,393                            isPro = isPro,394                            message = canaryMessage,395                            testing = canaryTesting,396                            onSave = vm::saveCanary,397                            onTest = vm::testCanary,398                        )399                    } else {400                        Text(401                            "+ advanced",402                            color = LocalPeachAccent.current,403                            style = PeachType.labelMono,404                            modifier = Modifier405                                .clip(RoundedCornerShape(6.dp))406                                .clickable { advancedExpanded = true }407                                .padding(vertical = 6.dp),408                        )409                    }410                }411412                Spacer(Modifier.height(PeachSpacing.xxl))413            }414415            if (e != null) {416                EntryDetailSearchStrip(417                    currentIndex = activeEntries.indexOfFirst { it.id == e.id },418                    totalEntries = activeEntries.size,419                    onOpenList = { onNavigate(PeachNav.VaultList) },420                    onPrevious = { vm.adjacentDestination(-1)?.let(onNavigate) },421                    onNext = { vm.adjacentDestination(1)?.let(onNavigate) },422                    modifier = Modifier.align(Alignment.BottomCenter),423                )424            }425426            if (generatorOpen) {427                GeneratorSheet(428                    copied = copiedField == "genDraft",429                    onCopy = { draft -> vm.copy("genDraft", draft) },430                    onUse = { draft -> vm.applyGeneratedPassword(draft) { generatorOpen = false } },431                    onDismiss = { generatorOpen = false },432                )433            }434        }435    }436}437438@Composable439private fun EntryDetailTopBar(440    entry: com.peachpasswords.vault.VaultEntry?,441    confirmingDelete: Boolean,442    onBack: (() -> Unit)?,443    onLock: () -> Unit,444    onDelete: () -> Unit,445    onAddEntry: () -> Unit,446    onSettings: () -> Unit,447    onOpenNotes: () -> Unit,448) {449    val domain = remember(entry?.url, entry?.title) { entry?.displayDomain().orEmpty() }450    PeachTopBar(451        title = when {452            confirmingDelete && entry != null -> "delete \"${entry.title}\"?"453            // Deck root (no back target) mirrors the browser's persistent454            // header, which always shows the "peach" wordmark — never the455            // current entry's identity — leaving PeachMark in `leading` below456            // to complete the wordmark pairing (see LockScreen's same pattern).457            onBack == null -> "peach"458            entry == null -> "entry"459            domain.isNotEmpty() -> domain460            else -> entry.title461        },462        leading = {463            if (onBack != null) {464                Icon(465                    Icons.AutoMirrored.Rounded.ArrowBack,466                    contentDescription = "back",467                    tint = peachColors.T1,468                    modifier = Modifier469                        .size(40.dp)470                        .clip(CircleShape)471                        .clickable(onClick = onBack)472                        .padding(PeachSpacing.sm),473                )474            } else {475                PeachMark(modifier = Modifier.padding(start = PeachSpacing.sm, end = PeachSpacing.xs))476            }477            // The favicon chip used to sit here, but it's the one loud,478            // colorful element in an otherwise quiet/muted bar (matching the479            // browser's persistent header, which carries no per-entry color480            // at all) — and it's redundant with the entry's own hero section481            // just below, which already shows its identity clearly.482        },483        actions = {484            // The chrome actions render on EVERY entry, not just the deck root.485            // They used to be gated on `onBack == null`, so an entry opened from486            // the vault list showed a bare back-arrow-and-title bar while the487            // deck root showed the full set — the same surface with two488            // different bars, which reads as the toolbar breaking mid-swipe.489            // The browser's header is persistent; this now is too. Order and490            // family mirror it: Notes, Settings, New entry, Delete, Lock, all491            // Outlined at one optical size.492            ChromeAction(Icons.Outlined.Description, "Notes", onClick = onOpenNotes)493            ChromeAction(Icons.Outlined.Settings, "settings", onClick = onSettings)494            ChromeAction(Icons.Outlined.Add, "new entry", onClick = onAddEntry)495            if (entry != null) {496                ChromeAction(497                    Icons.Outlined.Delete,498                    "delete",499                    tint = if (confirmingDelete) peachColors.Breach else peachColors.T1,500                    onClick = onDelete,501                )502            }503            ChromeAction(Icons.Outlined.Lock, "Lock vault", onClick = onLock)504        },505    )506}507508/** One shape for every top-bar action so the cluster reads as a set. */509@Composable510private fun ChromeAction(511    icon: androidx.compose.ui.graphics.vector.ImageVector,512    label: String,513    tint: Color = peachColors.T1,514    onClick: () -> Unit,515) {516    Icon(517        icon,518        contentDescription = label,519        tint = tint,520        modifier = Modifier521            .size(38.dp)522            .clip(CircleShape)523            .clickable(onClick = onClick)524            .padding(9.dp),525    )526}527528@Composable529private fun EditableTitleHero(title: String, onSave: (String) -> Unit) {530    val accent = LocalPeachAccent.current531    var editing by remember(title) { mutableStateOf(false) }532    var draft by remember(title) { mutableStateOf(title) }533    if (!editing) {534        Box(Modifier.fillMaxWidth().clickable { draft = title; editing = true }) {535            CharEnterText(536                text = title,537                style = PeachType.entryNameHero.copy(color = peachColors.T0),538            )539        }540        return541    }542    Column(Modifier.fillMaxWidth()) {543        BasicTextField(544            value = draft,545            onValueChange = { draft = it },546            singleLine = true,547            textStyle = PeachType.entryNameHero.copy(color = peachColors.T0),548            cursorBrush = SolidColor(accent),549            modifier = Modifier.fillMaxWidth().drawBehind {550                drawLine(551                    color = accent,552                    start = Offset(0f, size.height),553                    end = Offset(size.width, size.height),554                    strokeWidth = 1.dp.toPx(),555                )556            },557        )558        Spacer(Modifier.height(8.dp))559        Row(horizontalArrangement = Arrangement.spacedBy(16.dp), verticalAlignment = Alignment.CenterVertically) {560            Text(561                "✓ save", color = accent, style = PeachType.labelMono,562                modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable {563                    onSave(draft)564                    editing = false565                }.padding(vertical = 4.dp),566            )567            Text(568                "✗", color = peachColors.T2, style = PeachType.labelMono,569                modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable {570                    draft = title571                    editing = false572                }.padding(horizontal = 6.dp, vertical = 4.dp),573            )574        }575    }576}577578@Composable579private fun HomographWarning() {580    Row(581        Modifier.fillMaxWidth()582            .padding(top = 8.dp)583            .clip(RoundedCornerShape(8.dp))584            .background(peachColors.BreachBg)585            .border(1.dp, peachColors.BreachBorder, RoundedCornerShape(8.dp))586            .padding(horizontal = 12.dp, vertical = 9.dp),587        verticalAlignment = Alignment.CenterVertically,588    ) {589        Text("!", color = peachColors.Breach, style = PeachType.labelMono)590        Spacer(Modifier.width(10.dp))591        Text(592            "This URL contains non-ASCII or punycode characters.",593            color = peachColors.Breach,594            style = PeachType.labelMono,595            modifier = Modifier.weight(1f),596        )597    }598}599600@Composable601private fun PasskeyDetailSection(entry: com.peachpasswords.vault.VaultEntry) {602    val passkey = entry.passkey ?: return603    FieldShell(if (entry.isPasskeyOnly()) "passkey only" else "passkey") {604        Column(Modifier.weight(1f)) {605            Text(606                passkey.rpName?.takeIf { it.isNotBlank() } ?: passkey.rpId,607                color = peachColors.T0,608                style = PeachType.body,609            )610            Text(611                listOfNotNull(612                    passkey.rpId,613                    passkey.userDisplayName?.takeIf { it.isNotBlank() } ?: passkey.userName,614                ).joinToString(" · "),615                color = peachColors.T2,616                style = PeachType.labelMono,617            )618            Text(619                "credential ${shortCredential(passkey.credentialId)} · sign count ${passkey.signCount}",620                color = peachColors.T2,621                style = PeachType.labelMono,622                modifier = Modifier.padding(top = 3.dp),623            )624        }625    }626}627628@Composable629private fun CanaryDetailSection(630    entryId: String,631    modifiedAt: Long,632    canary: com.peachpasswords.vault.Canary?,633    isPro: Boolean,634    message: String?,635    testing: Boolean,636    onSave: (enabled: Boolean, webhookUrl: String, label: String) -> Unit,637    onTest: (webhookUrl: String) -> Unit,638) {639    var enabled by remember(entryId, modifiedAt, canary?.webhookUrl) { mutableStateOf(canary != null) }640    var webhookUrl by remember(entryId, modifiedAt, canary?.webhookUrl) { mutableStateOf(canary?.webhookUrl.orEmpty()) }641    var label by remember(entryId, modifiedAt, canary?.label) { mutableStateOf(canary?.label.orEmpty()) }642    val gated = !isPro && canary == null643    FieldShell("canary alert") {644        Column(Modifier.weight(1f)) {645            Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(10.dp)) {646                Text(647                    label.takeIf { it.isNotBlank() } ?: if (enabled) "Enabled" else "Off",648                    color = peachColors.T0,649                    style = PeachType.body,650                    modifier = Modifier.weight(1f),651                )652                if (gated) {653                    Text("PRO", color = LocalPeachAccent.current, style = PeachType.labelMono)654                }655                Text(656                    if (enabled) "on" else "off",657                    color = if (enabled) LocalPeachAccent.current else peachColors.T2,658                    style = PeachType.labelMono,659                    modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable {660                        if (gated) {661                            onSave(true, webhookUrl, label)662                        } else {663                            val next = !enabled664                            enabled = next665                            if (!next) onSave(false, webhookUrl, label)666                        }667                    }.padding(horizontal = 6.dp, vertical = 4.dp),668                )669            }670            Text(671                "Fires a silent webhook when this entry's password or username is copied.",672                color = peachColors.T2,673                style = PeachType.labelMono,674                modifier = Modifier.padding(top = 3.dp),675            )676            if (enabled) {677                Spacer(Modifier.height(8.dp))678                PeachField(679                    label = "webhook url",680                    value = webhookUrl,681                    onChange = { webhookUrl = it },682                )683                Text(684                    "When triggered, the entry title is sent to this URL. Use an endpoint you control.",685                    color = peachColors.T2,686                    style = PeachType.labelMono,687                )688                PeachField(689                    label = "label",690                    value = label,691                    onChange = { label = it },692                    mono = false,693                )694                Row(horizontalArrangement = Arrangement.spacedBy(12.dp), verticalAlignment = Alignment.CenterVertically) {695                    Text(696                        "save",697                        color = LocalPeachAccent.current,698                        style = PeachType.labelMono,699                        modifier = Modifier.clip(RoundedCornerShape(6.dp))700                            .clickable { onSave(true, webhookUrl, label) }701                            .padding(vertical = 4.dp),702                    )703                    Text(704                        if (testing) "sending..." else "test ping",705                        color = if (webhookUrl.isBlank() || testing) peachColors.T2 else LocalPeachAccent.current,706                        style = PeachType.labelMono,707                        modifier = Modifier.clip(RoundedCornerShape(6.dp))708                            .clickable(enabled = webhookUrl.isNotBlank() && !testing) { onTest(webhookUrl) }709                            .padding(vertical = 4.dp),710                    )711                }712            }713            message?.let {714                Text(it, color = peachColors.T2, style = PeachType.labelMono, modifier = Modifier.padding(top = 4.dp))715            }716            if (canary?.lastPinged != null || canary?.pingCount != null) {717                Text(718                    canaryStatusLabel(canary?.lastPinged, canary?.pingCount),719                    color = peachColors.T2,720                    style = PeachType.labelMono,721                    modifier = Modifier.padding(top = 3.dp),722                )723            }724        }725    }726}727728@Composable729private fun EntryDetailSearchStrip(730    currentIndex: Int,731    totalEntries: Int,732    onOpenList: () -> Unit,733    onPrevious: () -> Unit,734    onNext: () -> Unit,735    modifier: Modifier = Modifier,736) {737    val accent = LocalPeachAccent.current738    val hasEntries = totalEntries > 0 && currentIndex >= 0739    val counter = if (hasEntries) "${currentIndex + 1} / $totalEntries" else "0 entries"740741    Column(742        modifier743            .fillMaxWidth()744            .navigationBarsPadding()745            .padding(horizontal = 16.dp, vertical = 12.dp),746    ) {747        Row(748            Modifier749                .fillMaxWidth()750                .height(56.dp)751                .clip(RoundedCornerShape(16.dp))752                .background(peachColors.S1)753                .border(1.dp, peachColors.T3, RoundedCornerShape(16.dp))754                .padding(horizontal = 12.dp),755            verticalAlignment = Alignment.CenterVertically,756        ) {757            Row(758                Modifier759                    .weight(1f)760                    .fillMaxHeight()761                    .clickable(onClick = onOpenList)762                    .pointerInput(onOpenList) {763                        var opened = false764                        detectVerticalDragGestures(765                            onDragEnd = { opened = false },766                            onDragCancel = { opened = false },767                        ) { _, dragAmount ->768                            if (!opened && dragAmount < -4f) {769                                opened = true770                                onOpenList()771                            }772                        }773                    },774                verticalAlignment = Alignment.CenterVertically,775            ) {776                Icon(777                    Icons.Rounded.Search,778                    contentDescription = null,779                    tint = accent,780                    modifier = Modifier.size(14.dp),781                )782                Spacer(Modifier.width(8.dp))783                Text(784                    "search vault...",785                    color = peachColors.T2,786                    style = PeachType.searchInput,787                    modifier = Modifier.weight(1f),788                )789                Text(790                    counter,791                    color = peachColors.T2,792                    style = PeachType.labelMono,793                )794            }795            Spacer(Modifier.width(8.dp))796            Icon(797                Icons.AutoMirrored.Rounded.ArrowBack,798                contentDescription = "Previous entry",799                tint = if (hasEntries) peachColors.T0 else peachColors.T2,800                modifier = Modifier801                    .size(38.dp)802                    .clip(CircleShape)803                    .clickable(enabled = hasEntries, onClick = onPrevious)804                    .padding(9.dp),805            )806            Icon(807                Icons.AutoMirrored.Rounded.ArrowForward,808                contentDescription = "Next entry",809                tint = if (hasEntries) peachColors.T0 else peachColors.T2,810                modifier = Modifier811                    .size(38.dp)812                    .clip(CircleShape)813                    .clickable(enabled = hasEntries, onClick = onNext)814                    .padding(9.dp),815            )816        }817    }818}819820/** A field row: uppercase mono label over a value/action row, with a t3 hairline beneath (spec §5.4). */821@Composable822internal fun FieldShell(823    label: String,824    content: @Composable androidx.compose.foundation.layout.RowScope.() -> Unit,825) {826    val hairline = peachColors.T3827    Column(828        Modifier.fillMaxWidth().padding(vertical = 10.dp).drawBehind {829            drawRect(830                color = hairline,831                topLeft = Offset(0f, size.height - 1.dp.toPx()),832                size = Size(size.width, 1.dp.toPx()),833            )834        },835    ) {836        Text(label.uppercase(), color = peachColors.T2, style = PeachType.labelMono.copy(letterSpacing = 0.08.em))837        Spacer(Modifier.height(6.dp))838        Row(verticalAlignment = Alignment.CenterVertically, content = content)839    }840}841842/**843 * Text for the ghost PeachScript watermark behind the entry name: the full title,844 * falling back to "P" for a blank title so the hero never renders empty.845 */846internal fun ghostWatermarkText(title: String): String = title.ifBlank { "P" }847848internal fun entryHasHomographWarning(entry: com.peachpasswords.vault.VaultEntry): Boolean =849    (listOfNotNull(entry.url) + entry.additionalUrls.orEmpty()).any(::detectHomograph)850851internal fun shortCredential(credentialId: String): String {852    if (credentialId.length <= 12) return credentialId853    return credentialId.take(6) + "..." + credentialId.takeLast(4)854}855856internal fun canaryStatusLabel(lastPinged: Long?, pingCount: Int?): String {857    val count = pingCount ?: 0858    val countLabel = "$count total alert" + if (count == 1) "" else "s"859    if (lastPinged == null) return countLabel860    val date = java.text.DateFormat.getDateInstance(java.text.DateFormat.MEDIUM)861        .format(java.util.Date(lastPinged))862    return "Last triggered: $date · $countLabel"863}864865private fun com.peachpasswords.vault.VaultEntry.displayDomain(): String {866    val raw = url867    if (!raw.isNullOrBlank()) {868        val cleaned = raw.replace(Regex("^https?://"), "").removePrefix("www.").substringBefore('/')869        if (cleaned.isNotEmpty()) return cleaned870    }871    return ""872}