1package com.peachpasswords.ui.vault23import androidx.compose.foundation.BorderStroke4import androidx.compose.animation.core.animateDpAsState5import androidx.compose.animation.core.tween6import androidx.compose.foundation.background7import androidx.compose.foundation.border8import androidx.compose.foundation.clickable9import androidx.compose.foundation.layout.Arrangement10import androidx.compose.foundation.layout.Box11import androidx.compose.foundation.layout.Column12import androidx.compose.foundation.layout.Row13import androidx.compose.foundation.layout.Spacer14import androidx.compose.foundation.layout.fillMaxSize15import androidx.compose.foundation.layout.fillMaxWidth16import androidx.compose.foundation.layout.height17import androidx.compose.foundation.layout.offset18import androidx.compose.foundation.layout.navigationBarsPadding19import androidx.compose.foundation.layout.padding20import androidx.compose.foundation.layout.statusBarsPadding21import androidx.compose.foundation.layout.width22import androidx.compose.foundation.rememberScrollState23import androidx.compose.foundation.shape.RoundedCornerShape24import androidx.compose.foundation.verticalScroll25import androidx.compose.material3.Slider26import androidx.compose.material3.SliderDefaults27import androidx.compose.material3.Surface28import androidx.compose.material3.Text29import androidx.compose.runtime.Composable30import androidx.compose.runtime.getValue31import androidx.compose.runtime.mutableStateOf32import androidx.compose.runtime.remember33import androidx.compose.runtime.setValue34import androidx.compose.ui.Alignment35import androidx.compose.ui.Modifier36import androidx.compose.ui.draw.clip37import androidx.compose.ui.draw.clipToBounds38import androidx.compose.ui.graphics.Color39import androidx.compose.ui.text.TextStyle40import androidx.compose.ui.text.font.FontWeight41import androidx.compose.ui.text.input.PasswordVisualTransformation42import androidx.compose.ui.text.input.VisualTransformation43import androidx.compose.ui.text.style.TextAlign44import androidx.compose.ui.text.style.TextOverflow45import androidx.compose.ui.unit.dp46import androidx.compose.ui.unit.em47import androidx.compose.ui.unit.sp48import androidx.compose.runtime.collectAsState49import androidx.hilt.navigation.compose.hiltViewModel50import com.peachpasswords.ui.components.CopyButton51import com.peachpasswords.ui.components.PeachEmptyOrEndState52import com.peachpasswords.ui.components.PeachSegment53import com.peachpasswords.ui.components.PeachSegmentedControl54import com.peachpasswords.ui.components.SecureFlagEffect55import com.peachpasswords.ui.theme.LocalPeachAccent56import com.peachpasswords.ui.theme.PeachMotion57import com.peachpasswords.ui.theme.PeachRadius58import com.peachpasswords.ui.theme.PeachSpacing59import com.peachpasswords.ui.theme.PeachType60import com.peachpasswords.ui.theme.ShellBackground61import com.peachpasswords.ui.theme.peachColors6263@Composable64fun EntryEditScreen(65 id: String?,66 onBack: () -> Unit,67 onHome: () -> Unit,68 vm: EntryEditViewModel = hiltViewModel(),69) {70 SecureFlagEffect()7172 val f by vm.form.collectAsState()73 val usernameSuggestions by vm.usernameSuggestions.collectAsState()74 val emailSuggestions by vm.emailSuggestions.collectAsState()7576 77 val watermarkAlpha by androidx.compose.animation.core.animateFloatAsState(78 targetValue = editGhostWatermarkTarget(f.title),79 animationSpec = tween(300),80 label = "edit-watermark",81 )8283 ShellBackground {84 Column(85 Modifier86 .fillMaxSize()87 .statusBarsPadding()88 .padding(horizontal = PeachSpacing.xl),89 ) {90 PeachVaultIdentity(editTitleBarLabel(vm.isNew, f.type), onHome = onHome)9192 Spacer(Modifier.height(PeachSpacing.lg))9394 Box(Modifier.weight(1f).fillMaxWidth().clipToBounds()) {95 96 97 if (watermarkAlpha > 0f) {98 Text(99 text = ghostWatermarkText(f.title),100 style = PeachType.ghostMark.copy(fontSize = 140.sp),101 color = peachColors.T0.copy(alpha = watermarkAlpha),102 maxLines = 1,103 softWrap = false,104 overflow = androidx.compose.ui.text.style.TextOverflow.Clip,105 modifier = Modifier.align(Alignment.TopEnd).offset(x = (-16).dp, y = 8.dp),106 )107 }108 Column(109 Modifier.fillMaxSize().verticalScroll(rememberScrollState()),110 ) {111 PeachSegmentedControl(112 segments = entryEditTypeSegments(vm.isNew),113 selectedKey = f.type,114 onSelected = vm::setType,115 )116 Spacer(Modifier.height(PeachSpacing.lg))117118 Field("title", f.title, vm::setTitle)119 if (f.type == "login") {120 PeachFieldStack {121 Field("url", f.url, vm::setUrl, joined = true, divider = true)122 IdentitySuggestField(123 "username", f.username, usernameSuggestions, vm::setUsername,124 joined = true,125 divider = true,126 )127 IdentitySuggestField(128 "email", f.email, emailSuggestions, vm::setEmail,129 joined = true,130 divider = true,131 )132 PasswordField(133 value = f.password,134 show = f.showPassword,135 generatorOpen = f.generatorOpen,136 onChange = vm::setPassword,137 onToggleShow = vm::toggleShowPassword,138 onToggleGenerator = vm::toggleGenerator,139 joined = true,140 )141 }142 AdditionalUrlsEditor(143 urls = f.additionalUrls,144 onChange = vm::setAdditionalUrl,145 onAdd = vm::addAdditionalUrl,146 onRemove = vm::removeAdditionalUrl,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 = shouldShowLoginNotesLink(196 isNew = vm.isNew,197 type = f.type,198 revealed = f.showNotes,199 notes = f.notes,200 ),201 onAddTotp = vm::revealTotp,202 onAddNotes = vm::revealNotes,203 )204 CanaryEditSection(205 entryId = id ?: "new",206 modifiedAt = f.canary?.lastPinged ?: 0L,207 canary = f.canary,208 isPro = vm.isPro,209 message = f.canaryMessage,210 testing = f.canaryTesting,211 onSave = vm::setCanary,212 onTest = vm::testCanary,213 )214 }215 TagChipEditor(216 tags = f.tags,217 allTags = vm.allTags,218 onAdd = vm::addTag,219 onRemove = vm::removeTag,220 )221222 f.error?.let {223 Spacer(Modifier.height(PeachSpacing.sm))224 Text(it, color = peachColors.Breach, fontFamily = PeachType.Mono, fontSize = 11.sp)225 }226 Spacer(Modifier.height(PeachSpacing.xl))227 }228 }229 EntryEditBottomActions(230 saveLabel = entryEditPrimaryActionLabel(vm.isNew, f.saving),231 canSave = canSaveEditForm(f) && !f.saving,232 onCancel = onBack,233 onSave = { vm.save(onBack) },234 )235 }236 }237}238239@Composable240private fun EntryEditBottomActions(241 saveLabel: String,242 canSave: Boolean,243 onCancel: () -> Unit,244 onSave: () -> Unit,245) {246 val accent = LocalPeachAccent.current247 Row(248 Modifier.fillMaxWidth().navigationBarsPadding().padding(vertical = PeachSpacing.md),249 horizontalArrangement = Arrangement.spacedBy(PeachSpacing.md),250 ) {251 Surface(252 modifier = Modifier.weight(1f).clickable(onClick = onCancel),253 color = peachColors.S1,254 shape = RoundedCornerShape(PeachRadius.StackCard),255 border = BorderStroke(1.dp, peachColors.T3),256 ) {257 Text("cancel", color = peachColors.T1, style = PeachType.bodyMono, modifier = Modifier.padding(18.dp), textAlign = TextAlign.Center)258 }259 Surface(260 modifier = Modifier.weight(1f).clickable(enabled = canSave, onClick = onSave),261 color = if (canSave) accent else peachColors.S2,262 shape = RoundedCornerShape(PeachRadius.StackCard),263 ) {264 Text(saveLabel, color = if (canSave) peachColors.Bg else peachColors.T2, style = PeachType.bodyMono, modifier = Modifier.padding(18.dp), textAlign = TextAlign.Center)265 }266 }267}268269270internal fun editTitleBarLabel(isNew: Boolean, type: String): String = when {271 !isNew -> "edit"272 type == "note" -> "new note"273 type == "card" -> "new card"274 else -> "new entry"275}276277internal fun entryEditTypeSegments(isNew: Boolean): List<PeachSegment> = buildList {278 add(PeachSegment("login", "login"))279 if (!isNew) add(PeachSegment("note", "note"))280 add(PeachSegment("card", "card"))281}282283internal fun entryEditPrimaryActionLabel(isNew: Boolean, saving: Boolean): String = when {284 saving -> "saving..."285 isNew -> "create"286 else -> "save"287}288289internal fun canSaveEditForm(form: EditForm): Boolean {290 if (form.title.isBlank()) return false291 if (form.type == "card" && (form.cardholderName.isBlank() || form.cardNumber.isBlank())) return false292 return true293}294295296internal fun editGhostWatermarkTarget(title: String): Float = if (title.isNotBlank()) 0.03f else 0f297298internal fun shouldShowLoginTotp(type: String, revealed: Boolean, totp: String): Boolean =299 type == "login" && (revealed || totp.isNotBlank())300301internal fun shouldShowLoginNotes(type: String, revealed: Boolean, notes: String): Boolean =302 type == "login" && (revealed || notes.isNotBlank())303304internal fun shouldShowAddTotpLink(type: String, revealed: Boolean, totp: String): Boolean =305 type == "login" && !shouldShowLoginTotp(type, revealed, totp)306307internal fun shouldShowAddNotesLink(type: String, revealed: Boolean, notes: String): Boolean =308 type == "login" && !shouldShowLoginNotes(type, revealed, notes)309310internal fun shouldShowLoginNotesLink(isNew: Boolean, type: String, revealed: Boolean, notes: String): Boolean =311 !isNew && shouldShowAddNotesLink(type, revealed, notes)312313@Composable314private fun OptionalLoginAddLinks(315 showTotpLink: Boolean,316 showNotesLink: Boolean,317 onAddTotp: () -> Unit,318 onAddNotes: () -> Unit,319) {320 if (!showTotpLink && !showNotesLink) return321 Row(322 Modifier.fillMaxWidth().padding(top = 4.dp, bottom = 8.dp),323 horizontalArrangement = Arrangement.spacedBy(14.dp),324 ) {325 if (showTotpLink) AddFieldLink("+ add 2FA", onAddTotp)326 if (showNotesLink) AddFieldLink("+ add notes", onAddNotes)327 }328}329330@Composable331private fun AddFieldLink(label: String, onClick: () -> Unit) {332 Text(333 label,334 color = LocalPeachAccent.current,335 fontFamily = PeachType.Mono,336 fontSize = 11.sp,337 modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable(onClick = onClick).padding(vertical = 6.dp),338 )339}340341@Composable342private fun Field(343 label: String,344 value: String,345 onChange: (String) -> Unit,346 singleLine: Boolean = true,347 transformation: VisualTransformation = VisualTransformation.None,348 trailing: (@Composable () -> Unit)? = null,349 joined: Boolean = false,350 divider: Boolean = false,351) {352 PeachField(353 label = label,354 value = value,355 onChange = onChange,356 singleLine = singleLine,357 mono = true,358 visualTransformation = transformation,359 trailing = trailing,360 joined = joined,361 divider = divider,362 )363}364365@Composable366private fun PasswordField(367 value: String,368 show: Boolean,369 generatorOpen: Boolean,370 onChange: (String) -> Unit,371 onToggleShow: () -> Unit,372 onToggleGenerator: () -> Unit,373 joined: Boolean = false,374) {375 Field(376 label = "password",377 value = value,378 onChange = onChange,379 transformation = if (show) VisualTransformation.None else PasswordVisualTransformation(),380 joined = joined,381 trailing = {382 Text(if (show) "hide" else "show", color = LocalPeachAccent.current,383 fontFamily = PeachType.Mono, fontSize = 9.sp,384 modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable(onClick = onToggleShow).padding(6.dp))385 Text(generatorToggleLabel(generatorOpen), color = LocalPeachAccent.current,386 fontFamily = PeachType.Mono, fontSize = 9.sp,387 modifier = Modifier.clip(RoundedCornerShape(6.dp)).clickable(onClick = onToggleGenerator).padding(6.dp))388 },389 )390}391392internal fun generatorToggleLabel(open: Boolean): String = if (open) "hide generator" else "generate"393394@Composable395private fun GeneratorDrawer(396 open: Boolean,397 length: Int,398 upper: Boolean, lower: Boolean, numbers: Boolean, symbols: Boolean,399 password: String,400 copied: Boolean,401 onLength: (Int) -> Unit,402 onUpper: (Boolean) -> Unit, onLower: (Boolean) -> Unit,403 onNumbers: (Boolean) -> Unit, onSymbols: (Boolean) -> Unit,404 onGenerate: () -> Unit,405 onCopy: () -> Unit,406 onUse: () -> Unit,407) {408 val height by animateDpAsState(409 targetValue = if (open) 326.dp else 0.dp,410 animationSpec = tween(320, easing = PeachMotion.Spring),411 label = "gen-drawer",412 )413 Box(414 Modifier.fillMaxWidth().height(height).clipToBounds()415 .clip(RoundedCornerShape(12.dp)).background(peachColors.S2),416 ) {417 GeneratorBody(418 length = length,419 upper = upper, lower = lower, numbers = numbers, symbols = symbols,420 password = password, copied = copied,421 onLength = onLength,422 onUpper = onUpper, onLower = onLower, onNumbers = onNumbers, onSymbols = onSymbols,423 onGenerate = onGenerate, onCopy = onCopy,424 showOutput = true,425 onUse = onUse,426 )427 }428 if (open) Spacer(Modifier.height(14.dp))429}430431432433434435@Composable436internal fun GeneratorBody(437 length: Int,438 upper: Boolean, lower: Boolean, numbers: Boolean, symbols: Boolean,439 password: String,440 copied: Boolean,441 onLength: (Int) -> Unit,442 onUpper: (Boolean) -> Unit, onLower: (Boolean) -> Unit,443 onNumbers: (Boolean) -> Unit, onSymbols: (Boolean) -> Unit,444 onGenerate: () -> Unit,445 onCopy: () -> Unit,446 showOutput: Boolean = false,447 onUse: (() -> Unit)? = null,448) {449 val accent = LocalPeachAccent.current450 Column(Modifier.fillMaxWidth().padding(16.dp)) {451 if (showOutput) {452 Box(453 Modifier.fillMaxWidth().clip(RoundedCornerShape(10.dp))454 .border(1.dp, accent.copy(alpha = 0.45f), RoundedCornerShape(10.dp))455 .background(accent.copy(alpha = 0.08f))456 .padding(horizontal = 12.dp, vertical = 10.dp),457 ) {458 Text(459 text = password.ifEmpty { "tap generate" },460 color = if (password.isEmpty()) peachColors.T2 else peachColors.T0,461 fontFamily = PeachType.Mono,462 fontSize = 11.sp,463 maxLines = 2,464 overflow = TextOverflow.Ellipsis,465 )466 }467 Spacer(Modifier.height(10.dp))468 }469 Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {470 Text("GENERATOR", color = peachColors.T1, fontFamily = PeachType.Mono, fontSize = 8.sp)471 Text("length $length", color = accent, fontFamily = PeachType.Mono, fontSize = 9.sp)472 }473 Slider(474 value = length.toFloat(),475 onValueChange = { onLength(it.toInt()) },476 valueRange = 8f..128f,477 colors = SliderDefaults.colors(478 thumbColor = accent, activeTrackColor = accent, inactiveTrackColor = peachColors.T3,479 ),480 )481 Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {482 TogglePill("A-Z", upper, onUpper)483 TogglePill("a-z", lower, onLower)484 TogglePill("0-9", numbers, onNumbers)485 TogglePill("!@#", symbols, onSymbols)486 }487 Spacer(Modifier.height(12.dp))488 Row(verticalAlignment = Alignment.CenterVertically) {489 Box(490 Modifier.weight(1f).clip(RoundedCornerShape(10.dp))491 .border(1.dp, accent.copy(alpha = 0.5f), RoundedCornerShape(10.dp))492 .background(accent.copy(alpha = 0.10f))493 .clickable(onClick = onGenerate).padding(vertical = 12.dp),494 contentAlignment = Alignment.Center,495 ) {496 Text(if (password.isEmpty()) "generate" else "regenerate", color = accent, fontFamily = PeachType.Mono, fontSize = 12.sp)497 }498 Spacer(Modifier.width(8.dp))499 CopyButton(copied = copied, onCopy = { if (password.isNotEmpty()) onCopy() })500 }501 onUse?.let {502 Spacer(Modifier.height(10.dp))503 Box(504 Modifier.fillMaxWidth().clip(RoundedCornerShape(10.dp))505 .border(1.dp, accent.copy(alpha = 0.5f), RoundedCornerShape(10.dp))506 .background(accent.copy(alpha = 0.14f))507 .clickable(enabled = password.isNotEmpty(), onClick = it)508 .padding(vertical = 12.dp),509 contentAlignment = Alignment.Center,510 ) {511 Text("use", color = if (password.isEmpty()) accent.copy(alpha = 0.45f) else accent, fontFamily = PeachType.Mono, fontSize = 12.sp)512 }513 }514 }515}516517@Composable518private fun TogglePill(label: String, on: Boolean, onToggle: (Boolean) -> Unit) {519 val accent = LocalPeachAccent.current520 Box(521 Modifier.clip(RoundedCornerShape(PeachRadius.TypeTab))522 .border(1.dp, if (on) accent.copy(alpha = 0.5f) else peachColors.T3, RoundedCornerShape(PeachRadius.TypeTab))523 .background(if (on) accent.copy(alpha = 0.10f) else Color.Transparent)524 .clickable { onToggle(!on) }525 .padding(horizontal = 10.dp, vertical = 6.dp),526 ) {527 Text(label, color = if (on) accent else peachColors.T2, fontFamily = PeachType.Mono, fontSize = 9.sp)528 }529}530531532