EntryEditScreen.kt

1package com.peachpasswords.ui.vault23import androidx.compose.animation.core.animateDpAsState4import androidx.compose.animation.core.tween5import androidx.compose.foundation.background6import androidx.compose.foundation.border7import androidx.compose.foundation.clickable8import androidx.compose.foundation.layout.Arrangement9import androidx.compose.foundation.layout.Box10import androidx.compose.foundation.layout.Column11import androidx.compose.foundation.layout.Row12import androidx.compose.foundation.layout.Spacer13import androidx.compose.foundation.layout.fillMaxSize14import androidx.compose.foundation.layout.fillMaxWidth15import androidx.compose.foundation.layout.height16import androidx.compose.foundation.layout.offset17import androidx.compose.foundation.layout.padding18import androidx.compose.foundation.layout.statusBarsPadding19import androidx.compose.foundation.layout.width20import androidx.compose.foundation.rememberScrollState21import androidx.compose.foundation.shape.RoundedCornerShape22import androidx.compose.foundation.verticalScroll23import androidx.compose.material3.Slider24import androidx.compose.material3.SliderDefaults25import androidx.compose.material3.Text26import androidx.compose.runtime.Composable27import androidx.compose.runtime.getValue28import androidx.compose.runtime.mutableStateOf29import androidx.compose.runtime.remember30import androidx.compose.runtime.setValue31import androidx.compose.ui.Alignment32import androidx.compose.ui.Modifier33import androidx.compose.ui.draw.clip34import androidx.compose.ui.draw.clipToBounds35import androidx.compose.ui.graphics.Color36import androidx.compose.ui.text.TextStyle37import androidx.compose.ui.text.font.FontWeight38import androidx.compose.ui.text.input.PasswordVisualTransformation39import androidx.compose.ui.text.input.VisualTransformation40import androidx.compose.ui.text.style.TextOverflow41import androidx.compose.ui.unit.dp42import androidx.compose.ui.unit.em43import androidx.compose.ui.unit.sp44import androidx.compose.runtime.collectAsState45import androidx.hilt.navigation.compose.hiltViewModel46import com.peachpasswords.ui.components.CopyButton47import com.peachpasswords.ui.components.PeachEmptyOrEndState48import com.peachpasswords.ui.components.PeachSegment49import com.peachpasswords.ui.components.PeachSegmentedControl50import com.peachpasswords.ui.components.PeachTopBar51import com.peachpasswords.ui.components.SecureFlagEffect52import com.peachpasswords.ui.theme.LocalPeachAccent53import com.peachpasswords.ui.theme.PeachMotion54import com.peachpasswords.ui.theme.PeachRadius55import com.peachpasswords.ui.theme.PeachSpacing56import com.peachpasswords.ui.theme.PeachType57import com.peachpasswords.ui.theme.ShellBackground58import com.peachpasswords.ui.theme.peachColors5960@Composable61fun EntryEditScreen(62    id: String?,63    onBack: () -> Unit,64    onOpenNote: (String) -> Unit = {},65    vm: EntryEditViewModel = hiltViewModel(),66) {67    SecureFlagEffect()68    val f by vm.form.collectAsState()69    val usernameSuggestions by vm.usernameSuggestions.collectAsState()70    val emailSuggestions by vm.emailSuggestions.collectAsState()7172    // Ghost watermark fades in (0 → 0.03α over 300ms) once the title has any text.73    val watermarkAlpha by androidx.compose.animation.core.animateFloatAsState(74        targetValue = editGhostWatermarkTarget(f.title),75        animationSpec = tween(300),76        label = "edit-watermark",77    )7879    ShellBackground {80        Column(81            Modifier82                .fillMaxSize()83                .statusBarsPadding()84                .padding(horizontal = PeachSpacing.xl),85        ) {86            EntryEditTopBar(87                title = editTitleBarLabel(vm.isNew, f.type),88                saveLabel = entryEditPrimaryActionLabel(vm.isNew, f.saving),89                canSave = canSaveEditForm(f) && !f.saving,90                onCancel = onBack,91                onSave = { vm.save(onBack) },92            )9394            Spacer(Modifier.height(PeachSpacing.lg))9596            Box(Modifier.fillMaxSize().clipToBounds()) {97                // Ghost PeachScript watermark behind the form (matches the detail hero):98                // the full title, fading in as the user types.99                if (watermarkAlpha > 0f) {100                    Text(101                        text = ghostWatermarkText(f.title),102                        style = TextStyle(fontFamily = PeachType.Script, fontSize = 140.sp),103                        color = peachColors.T0.copy(alpha = watermarkAlpha),104                        maxLines = 1,105                        softWrap = false,106                        overflow = androidx.compose.ui.text.style.TextOverflow.Clip,107                        modifier = Modifier.align(Alignment.TopEnd).offset(x = (-16).dp, y = 8.dp),108                    )109                }110                Column(111                    Modifier.fillMaxSize().verticalScroll(rememberScrollState()),112                ) {113                    PeachSegmentedControl(114                        segments = listOf(115                            PeachSegment("login", "login"),116                            PeachSegment("note", "note"),117                            PeachSegment("card", "card"),118                        ),119                        selectedKey = f.type,120                        onSelected = { t ->121                            // A brand-new note skips the form entirely and drops straight122                            // into the full-screen notes editor (brief Fix 6 item 7).123                            if (shouldOpenNotesMode(vm.isNew, t)) vm.createNoteAndOpen(onOpenNote)124                            else vm.setType(t)125                        },126                    )127                    Spacer(Modifier.height(PeachSpacing.lg))128129                    Field("title", f.title, vm::setTitle)130                    if (f.type == "login") {131                        Field("url", f.url, vm::setUrl)132                        AdditionalUrlsEditor(133                            urls = f.additionalUrls,134                            onChange = vm::setAdditionalUrl,135                            onAdd = vm::addAdditionalUrl,136                            onRemove = vm::removeAdditionalUrl,137                        )138                        IdentitySuggestField("username", f.username, usernameSuggestions, vm::setUsername)139                        IdentitySuggestField("email", f.email, emailSuggestions, vm::setEmail)140                        PasswordField(141                            value = f.password,142                            show = f.showPassword,143                            generatorOpen = f.generatorOpen,144                            onChange = vm::setPassword,145                            onToggleShow = vm::toggleShowPassword,146                            onToggleGenerator = vm::toggleGenerator,147                        )148                        GeneratorDrawer(149                            open = f.generatorOpen,150                            length = f.genLength,151                            upper = f.genUpper, lower = f.genLower, numbers = f.genNumbers, symbols = f.genSymbols,152                            password = f.password,153                            copied = f.genCopied,154                            onLength = vm::setGenLength,155                            onUpper = vm::setGenUpper, onLower = vm::setGenLower,156                            onNumbers = vm::setGenNumbers, onSymbols = vm::setGenSymbols,157                            onGenerate = vm::generate,158                            onCopy = vm::copyGenerated,159                            onUse = vm::useGeneratedPassword,160                        )161                        PasswordHistorySection(162                            history = f.history,163                            expanded = f.showHistory,164                            onToggle = vm::toggleHistory,165                            onRestore = vm::restorePassword,166                            onCopy = vm::copyHistoryPassword,167                        )168                        if (shouldShowLoginTotp(f.type, f.showTotp, f.totp)) {169                            Field("2FA secret (otpauth:// or base32)", f.totp, vm::setTotp)170                        }171                    }172                    if (f.type == "card") {173                        CardEditFields(174                            cardNickname = f.cardNickname,175                            cardNumber = f.cardNumber,176                            cardholderName = f.cardholderName,177                            expiry = f.expiry,178                            cvc = f.cvc,179                            showCvc = f.showCvc,180                            network = f.cardNetwork,181                            onCardNickname = vm::setCardNickname,182                            onCardNumber = vm::setCardNumber,183                            onCardholder = vm::setCardholderName,184                            onExpiry = vm::setExpiry,185                            onCvc = vm::setCvc,186                            onToggleShowCvc = vm::toggleShowCvc,187                        )188                    }189                    if (f.type == "note" || shouldShowLoginNotes(f.type, f.showNotes, f.notes)) {190                        Field("notes", f.notes, vm::setNotes, singleLine = false)191                    }192                    if (f.type == "login") {193                        OptionalLoginAddLinks(194                            showTotpLink = shouldShowAddTotpLink(f.type, f.showTotp, f.totp),195                            showNotesLink = shouldShowAddNotesLink(f.type, f.showNotes, f.notes),196                            onAddTotp = vm::revealTotp,197                            onAddNotes = vm::revealNotes,198                        )199                    }200                    TagChipEditor(201                        tags = f.tags,202                        allTags = vm.allTags,203                        onAdd = vm::addTag,204                        onRemove = vm::removeTag,205                    )206207                    f.error?.let {208                        Spacer(Modifier.height(PeachSpacing.sm))209                        Text(it, color = peachColors.Breach, fontFamily = PeachType.Mono, fontSize = 11.sp)210                    }211                    Spacer(Modifier.height(PeachSpacing.xl))212                }213            }214        }215    }216}217218@Composable219private fun EntryEditTopBar(220    title: String,221    saveLabel: String,222    canSave: Boolean,223    onCancel: () -> Unit,224    onSave: () -> Unit,225) {226    val accent = LocalPeachAccent.current227    PeachTopBar(228        title = title,229        leading = {230            Text(231                "cancel",232                color = peachColors.T2,233                fontFamily = PeachType.Mono,234                fontSize = 11.sp,235                modifier = Modifier236                    .clip(RoundedCornerShape(8.dp))237                    .clickable(onClick = onCancel)238                    .padding(PeachSpacing.sm),239            )240        },241        actions = {242            Text(243                saveLabel,244                color = if (canSave) accent else peachColors.T2,245                fontFamily = PeachType.Mono,246                fontSize = 11.sp,247                modifier = Modifier248                    .clip(RoundedCornerShape(8.dp))249                    .clickable(enabled = canSave, onClick = onSave)250                    .padding(PeachSpacing.sm),251            )252        },253    )254}255256/** Centered title-bar label: "new entry" / "new note" / "new card", or "edit". */257internal fun editTitleBarLabel(isNew: Boolean, type: String): String = when {258    !isNew -> "edit"259    type == "note" -> "new note"260    type == "card" -> "new card"261    else -> "new entry"262}263264internal fun entryEditPrimaryActionLabel(isNew: Boolean, saving: Boolean): String = when {265    saving -> "saving..."266    isNew -> "create"267    else -> "save"268}269270internal fun canSaveEditForm(form: EditForm): Boolean {271    if (form.title.isBlank()) return false272    if (form.type == "card" && (form.cardholderName.isBlank() || form.cardNumber.isBlank())) return false273    return true274}275276/** A brand-new note opens the full-screen notes editor instead of the form. */277internal fun shouldOpenNotesMode(isNew: Boolean, type: String): Boolean = isNew && type == "note"278279/** Target alpha for the edit-screen ghost watermark — visible only once a title exists. */280internal fun editGhostWatermarkTarget(title: String): Float = if (title.isNotBlank()) 0.03f else 0f281282internal fun shouldShowLoginTotp(type: String, revealed: Boolean, totp: String): Boolean =283    type == "login" && (revealed || totp.isNotBlank())284285internal fun shouldShowLoginNotes(type: String, revealed: Boolean, notes: String): Boolean =286    type == "login" && (revealed || notes.isNotBlank())287288internal fun shouldShowAddTotpLink(type: String, revealed: Boolean, totp: String): Boolean =289    type == "login" && !shouldShowLoginTotp(type, revealed, totp)290291internal fun shouldShowAddNotesLink(type: String, revealed: Boolean, notes: String): Boolean =292    type == "login" && !shouldShowLoginNotes(type, revealed, notes)293294@Composable295private fun OptionalLoginAddLinks(296    showTotpLink: Boolean,297    showNotesLink: Boolean,298    onAddTotp: () -> Unit,299    onAddNotes: () -> Unit,300) {301    if (!showTotpLink && !showNotesLink) return302    Row(303        Modifier.fillMaxWidth().padding(top = 4.dp, bottom = 8.dp),304        horizontalArrangement = Arrangement.spacedBy(14.dp),305    ) {306        if (showTotpLink) AddFieldLink("+ add 2FA", onAddTotp)307        if (showNotesLink) AddFieldLink("+ add notes", onAddNotes)308    }309}310311@Composable312private fun AddFieldLink(label: String, onClick: () -> Unit) {313    Text(314        label,315        color = LocalPeachAccent.current,316        fontFamily = PeachType.Mono,317        fontSize = 11.sp,318        modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable(onClick = onClick).padding(vertical = 6.dp),319    )320}321322@Composable323private fun Field(324    label: String,325    value: String,326    onChange: (String) -> Unit,327    singleLine: Boolean = true,328    transformation: VisualTransformation = VisualTransformation.None,329    trailing: (@Composable () -> Unit)? = null,330) {331    PeachField(332        label = label,333        value = value,334        onChange = onChange,335        singleLine = singleLine,336        mono = true,337        visualTransformation = transformation,338        trailing = trailing,339    )340}341342@Composable343private fun PasswordField(344    value: String,345    show: Boolean,346    generatorOpen: Boolean,347    onChange: (String) -> Unit,348    onToggleShow: () -> Unit,349    onToggleGenerator: () -> Unit,350) {351    Field(352        label = "password",353        value = value,354        onChange = onChange,355        transformation = if (show) VisualTransformation.None else PasswordVisualTransformation(),356        trailing = {357            Text(if (show) "hide" else "show", color = LocalPeachAccent.current,358                fontFamily = PeachType.Mono, fontSize = 9.sp,359                modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable(onClick = onToggleShow).padding(6.dp))360            Text(generatorToggleLabel(generatorOpen), color = LocalPeachAccent.current,361                fontFamily = PeachType.Mono, fontSize = 9.sp,362                modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable(onClick = onToggleGenerator).padding(6.dp))363        },364    )365}366367internal fun generatorToggleLabel(open: Boolean): String = if (open) "hide generator" else "generate"368369@Composable370private fun GeneratorDrawer(371    open: Boolean,372    length: Int,373    upper: Boolean, lower: Boolean, numbers: Boolean, symbols: Boolean,374    password: String,375    copied: Boolean,376    onLength: (Int) -> Unit,377    onUpper: (Boolean) -> Unit, onLower: (Boolean) -> Unit,378    onNumbers: (Boolean) -> Unit, onSymbols: (Boolean) -> Unit,379    onGenerate: () -> Unit,380    onCopy: () -> Unit,381    onUse: () -> Unit,382) {383    val height by animateDpAsState(384        targetValue = if (open) 326.dp else 0.dp,385        animationSpec = tween(320, easing = PeachMotion.Spring),386        label = "gen-drawer",387    )388    Box(389        Modifier.fillMaxWidth().height(height).clipToBounds()390            .clip(RoundedCornerShape(12.dp)).background(peachColors.S2),391    ) {392        GeneratorBody(393            length = length,394            upper = upper, lower = lower, numbers = numbers, symbols = symbols,395            password = password, copied = copied,396            onLength = onLength,397            onUpper = onUpper, onLower = onLower, onNumbers = onNumbers, onSymbols = onSymbols,398            onGenerate = onGenerate, onCopy = onCopy,399            showOutput = true,400            onUse = onUse,401        )402    }403    if (open) Spacer(Modifier.height(14.dp))404}405406/**407 * Shared generator body — used by the inline drawer here and the detail408 * ModalBottomSheet (D4). Stateless; the generate row carries the [Copy] drain.409 */410@Composable411internal fun GeneratorBody(412    length: Int,413    upper: Boolean, lower: Boolean, numbers: Boolean, symbols: Boolean,414    password: String,415    copied: Boolean,416    onLength: (Int) -> Unit,417    onUpper: (Boolean) -> Unit, onLower: (Boolean) -> Unit,418    onNumbers: (Boolean) -> Unit, onSymbols: (Boolean) -> Unit,419    onGenerate: () -> Unit,420    onCopy: () -> Unit,421    showOutput: Boolean = false,422    onUse: (() -> Unit)? = null,423) {424    val accent = LocalPeachAccent.current425    Column(Modifier.fillMaxWidth().padding(16.dp)) {426        if (showOutput) {427            Box(428                Modifier.fillMaxWidth().clip(RoundedCornerShape(10.dp))429                    .border(1.dp, accent.copy(alpha = 0.45f), RoundedCornerShape(10.dp))430                    .background(accent.copy(alpha = 0.08f))431                    .padding(horizontal = 12.dp, vertical = 10.dp),432            ) {433                Text(434                    text = password.ifEmpty { "tap generate" },435                    color = if (password.isEmpty()) peachColors.T2 else peachColors.T0,436                    fontFamily = PeachType.Mono,437                    fontSize = 11.sp,438                    maxLines = 2,439                    overflow = TextOverflow.Ellipsis,440                )441            }442            Spacer(Modifier.height(10.dp))443        }444        Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {445            Text("GENERATOR", color = peachColors.T1, fontFamily = PeachType.Mono, fontSize = 8.sp)446            Text("length $length", color = accent, fontFamily = PeachType.Mono, fontSize = 9.sp)447        }448        Slider(449            value = length.toFloat(),450            onValueChange = { onLength(it.toInt()) },451            valueRange = 8f..128f,452            colors = SliderDefaults.colors(453                thumbColor = accent, activeTrackColor = accent, inactiveTrackColor = peachColors.T3,454            ),455        )456        Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {457            TogglePill("A-Z", upper, onUpper)458            TogglePill("a-z", lower, onLower)459            TogglePill("0-9", numbers, onNumbers)460            TogglePill("!@#", symbols, onSymbols)461        }462        Spacer(Modifier.height(12.dp))463        Row(verticalAlignment = Alignment.CenterVertically) {464            Box(465                Modifier.weight(1f).clip(RoundedCornerShape(10.dp))466                    .border(1.dp, accent.copy(alpha = 0.5f), RoundedCornerShape(10.dp))467                    .background(accent.copy(alpha = 0.10f))468                    .clickable(onClick = onGenerate).padding(vertical = 12.dp),469                contentAlignment = Alignment.Center,470            ) {471                Text(if (password.isEmpty()) "generate" else "regenerate", color = accent, fontFamily = PeachType.Mono, fontSize = 12.sp)472            }473            Spacer(Modifier.width(8.dp))474            CopyButton(copied = copied, onCopy = { if (password.isNotEmpty()) onCopy() })475        }476        onUse?.let {477            Spacer(Modifier.height(10.dp))478            Box(479                Modifier.fillMaxWidth().clip(RoundedCornerShape(10.dp))480                    .border(1.dp, accent.copy(alpha = 0.5f), RoundedCornerShape(10.dp))481                    .background(accent.copy(alpha = 0.14f))482                    .clickable(enabled = password.isNotEmpty(), onClick = it)483                    .padding(vertical = 12.dp),484                contentAlignment = Alignment.Center,485            ) {486                Text("use", color = if (password.isEmpty()) accent.copy(alpha = 0.45f) else accent, fontFamily = PeachType.Mono, fontSize = 12.sp)487            }488        }489    }490}491492@Composable493private fun TogglePill(label: String, on: Boolean, onToggle: (Boolean) -> Unit) {494    val accent = LocalPeachAccent.current495    Box(496        Modifier.clip(RoundedCornerShape(PeachRadius.TypeTab))497            .border(1.dp, if (on) accent.copy(alpha = 0.5f) else peachColors.T3, RoundedCornerShape(PeachRadius.TypeTab))498            .background(if (on) accent.copy(alpha = 0.10f) else Color.Transparent)499            .clickable { onToggle(!on) }500            .padding(horizontal = 10.dp, vertical = 6.dp),501    ) {502        Text(label, color = if (on) accent else peachColors.T2, fontFamily = PeachType.Mono, fontSize = 9.sp)503    }504}505506// PasswordHistorySection / HistoryRow / HistoryAction / timeSince were extracted507// to ui/vault/PasswordHistorySection.kt (D7) so EntryDetailScreen can reuse them.