From 1ba3f4e33a9cebfe7008d6236c39baea9c8e80bf Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Thu, 19 Mar 2026 23:59:08 +0100 Subject: [PATCH 001/162] fix: default mint selection, add new mint bottom sheet. --- .../feature/onboarding/AddMintBottomSheet.kt | 121 +++++++ .../feature/onboarding/OnboardingActivity.kt | 214 ++++++------- .../onboarding/OnboardingMintAdapter.kt | 296 ++++++++++++++++++ .../res/drawable/bg_default_mint_item.xml | 11 + app/src/main/res/drawable/ic_home_filled.xml | 10 + app/src/main/res/drawable/ic_home_outline.xml | 10 + .../main/res/layout/activity_onboarding.xml | 164 ++++------ .../main/res/layout/bottom_sheet_add_mint.xml | 169 ++++++++++ .../main/res/layout/bottom_sheet_terms.xml | 62 ++++ .../main/res/layout/item_onboarding_mint.xml | 48 +++ .../layout/item_onboarding_mint_header.xml | 22 ++ app/src/main/res/values/strings.xml | 12 +- 12 files changed, 912 insertions(+), 227 deletions(-) create mode 100644 app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt create mode 100644 app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt create mode 100644 app/src/main/res/drawable/bg_default_mint_item.xml create mode 100644 app/src/main/res/drawable/ic_home_filled.xml create mode 100644 app/src/main/res/drawable/ic_home_outline.xml create mode 100644 app/src/main/res/layout/bottom_sheet_add_mint.xml create mode 100644 app/src/main/res/layout/bottom_sheet_terms.xml create mode 100644 app/src/main/res/layout/item_onboarding_mint.xml create mode 100644 app/src/main/res/layout/item_onboarding_mint_header.xml diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt new file mode 100644 index 00000000..5a530581 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt @@ -0,0 +1,121 @@ +package com.electricdreams.numo.feature.onboarding + +import android.app.Dialog +import android.os.Bundle +import android.text.Editable +import android.text.TextWatcher +import android.view.LayoutInflater +import android.view.View +import android.view.ViewGroup +import android.view.WindowManager +import android.widget.EditText +import android.widget.FrameLayout +import android.widget.LinearLayout +import androidx.core.content.ContextCompat +import com.electricdreams.numo.R +import com.google.android.material.bottomsheet.BottomSheetBehavior +import com.google.android.material.bottomsheet.BottomSheetDialog +import com.google.android.material.bottomsheet.BottomSheetDialogFragment +import com.google.android.material.button.MaterialButton + +class AddMintBottomSheet : BottomSheetDialogFragment() { + + interface Listener { + fun onAddMintUrl(url: String) + fun onScanQrCode() + } + + private var listener: Listener? = null + + companion object { + fun newInstance(listener: Listener): AddMintBottomSheet { + return AddMintBottomSheet().apply { + this.listener = listener + } + } + } + + override fun getTheme(): Int = R.style.Theme_Numo_BottomSheet + + override fun onCreateDialog(savedInstanceState: Bundle?): Dialog { + val dialog = super.onCreateDialog(savedInstanceState) + dialog.window?.setSoftInputMode( + WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE + ) + return dialog + } + + override fun onCreateView( + inflater: LayoutInflater, + container: ViewGroup?, + savedInstanceState: Bundle? + ): View? { + return inflater.inflate(R.layout.bottom_sheet_add_mint, container, false) + } + + override fun onViewCreated(view: View, savedInstanceState: Bundle?) { + super.onViewCreated(view, savedInstanceState) + + val urlInput = view.findViewById(R.id.mint_url_input) + val addButton = view.findViewById(R.id.add_mint_button) + val scanRow = view.findViewById(R.id.scan_qr_row) + + urlInput.addTextChangedListener(object : TextWatcher { + override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {} + override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {} + override fun afterTextChanged(s: Editable?) { + val hasText = s?.toString()?.trim()?.isNotEmpty() == true + addButton.isEnabled = hasText + addButton.alpha = if (hasText) 1f else 0.5f + } + }) + + addButton.setOnClickListener { + val url = urlInput.text.toString().trim() + if (url.isNotEmpty()) { + listener?.onAddMintUrl(url) + } + } + + scanRow.setOnClickListener { + listener?.onScanQrCode() + } + + setupBottomSheetBehavior() + } + + fun setLoading(loading: Boolean) { + val view = view ?: return + val addButton = view.findViewById(R.id.add_mint_button) + val loadingContainer = view.findViewById(R.id.add_mint_loading) + val urlInput = view.findViewById(R.id.mint_url_input) + + if (loading) { + addButton.visibility = View.INVISIBLE + loadingContainer.visibility = View.VISIBLE + urlInput.isEnabled = false + } else { + addButton.visibility = View.VISIBLE + loadingContainer.visibility = View.GONE + urlInput.isEnabled = true + } + } + + private fun setupBottomSheetBehavior() { + dialog?.setOnShowListener { dialogInterface -> + val bottomSheetDialog = dialogInterface as BottomSheetDialog + val bottomSheet = bottomSheetDialog.findViewById( + com.google.android.material.R.id.design_bottom_sheet + ) + bottomSheet?.let { sheet -> + sheet.setBackgroundColor( + ContextCompat.getColor(requireContext(), R.color.color_bg_white) + ) + val behavior = BottomSheetBehavior.from(sheet) + behavior.state = BottomSheetBehavior.STATE_EXPANDED + behavior.skipCollapsed = true + behavior.isDraggable = true + } + } + } +} diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 5ee5c8fd..320107e8 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -38,6 +38,8 @@ import androidx.core.view.WindowInsetsCompat import androidx.core.view.WindowInsetsControllerCompat import androidx.gridlayout.widget.GridLayout import androidx.lifecycle.lifecycleScope +import androidx.recyclerview.widget.LinearLayoutManager +import androidx.recyclerview.widget.RecyclerView import com.electricdreams.numo.ModernPOSActivity import com.electricdreams.numo.R import com.electricdreams.numo.core.cashu.CashuWalletManager @@ -47,7 +49,6 @@ import com.electricdreams.numo.core.util.MintManager import com.electricdreams.numo.core.util.MintProfileService import com.electricdreams.numo.feature.scanner.QRScannerActivity import com.electricdreams.numo.nostr.NostrMintBackup -import com.electricdreams.numo.ui.components.AddMintInputCard import com.electricdreams.numo.ui.seed.SeedWordEditText import com.google.android.material.button.MaterialButton import com.google.android.material.imageview.ShapeableImageView @@ -164,10 +165,9 @@ class OnboardingActivity : AppCompatActivity() { private lateinit var backupStatusIcon: ImageView private lateinit var backupStatusTitle: TextView private lateinit var backupStatusSubtitle: TextView - private lateinit var mintsListContainer: LinearLayout - private lateinit var mintsCountText: TextView - private lateinit var mintsSubtitle: TextView - private lateinit var addDifferentMintCard: AddMintInputCard + private lateinit var mintsRecyclerView: RecyclerView + private lateinit var mintAdapter: OnboardingMintAdapter + private lateinit var addMintButton: MaterialButton private lateinit var mintsContinueButton: MaterialButton private lateinit var mintsBackButton: ImageView @@ -188,12 +188,19 @@ class OnboardingActivity : AppCompatActivity() { private val seedInputs = mutableListOf() private val mintProgressViews = mutableMapOf() + private var addMintBottomSheet: AddMintBottomSheet? = null + private val onboardingQrScannerLauncher = registerForActivityResult( ActivityResultContracts.StartActivityForResult() ) { result -> if (result.resultCode == RESULT_OK) { val qrValue = result.data?.getStringExtra(QRScannerActivity.EXTRA_QR_VALUE) - qrValue?.let { addDifferentMintCard.setMintUrl(mintProfileService.normalizeUrl(it)) } + qrValue?.let { scannedUrl -> + // Dismiss the bottom sheet if open and add the scanned mint + addMintBottomSheet?.dismiss() + addMintBottomSheet = null + addDifferentMint(mintProfileService.normalizeUrl(scannedUrl)) + } } } @@ -306,15 +313,35 @@ class OnboardingActivity : AppCompatActivity() { backupStatusIcon = findViewById(R.id.backup_status_icon) backupStatusTitle = findViewById(R.id.backup_status_title) backupStatusSubtitle = findViewById(R.id.backup_status_subtitle) - mintsListContainer = findViewById(R.id.mints_list_container) - mintsCountText = findViewById(R.id.mints_count_text) - mintsSubtitle = findViewById(R.id.mints_subtitle) - addDifferentMintCard = findViewById(R.id.add_different_mint_card) - addDifferentMintCard.setHeaderTitle(getString(R.string.onboarding_mints_add_different)) - addDifferentMintCard.setOnboardingModeEnabled(true) + mintsRecyclerView = findViewById(R.id.mints_recycler_view) + addMintButton = findViewById(R.id.add_mint_button) mintsContinueButton = findViewById(R.id.mints_continue_button) mintsBackButton = findViewById(R.id.mints_back_button) + // Setup RecyclerView + Adapter + mintAdapter = OnboardingMintAdapter(object : OnboardingMintAdapter.Listener { + override fun onLoadMintIcon(mintUrl: String, iconView: ShapeableImageView) { + loadMintIcon(mintUrl, iconView) + } + override fun onResolveMintName(mintUrl: String): String { + return resolveOnboardingMintDisplayName(mintUrl) + } + override fun onMintAcceptedChanged() { + updateContinueButtonState() + } + override fun onDefaultMintChanged(newDefaultUrl: String) { + updateContinueButtonState() + } + }) + mintAdapter.setHeaderStrings( + defTitle = getString(R.string.onboarding_mints_default_section_title), + defSubtitle = getString(R.string.onboarding_mints_subtitle_description), + popTitle = getString(R.string.onboarding_mints_popular_section_title), + popSubtitle = getString(R.string.onboarding_mints_popular_section_subtitle) + ) + mintsRecyclerView.layoutManager = LinearLayoutManager(this) + mintsRecyclerView.adapter = mintAdapter + // Restoring restoringContainer = findViewById(R.id.restoring_container) restoringStatus = findViewById(R.id.restoring_status) @@ -351,8 +378,11 @@ class OnboardingActivity : AppCompatActivity() { override fun updateDrawState(ds: TextPaint) { super.updateDrawState(ds) - ds.color = ContextCompat.getColor(this@OnboardingActivity, R.color.color_accent_blue) - ds.isUnderlineText = true + ds.color = ds.linkColor.let { + ContextCompat.getColor(this@OnboardingActivity, R.color.numo_navy) + } + ds.isUnderlineText = false + ds.isFakeBoldText = true } } @@ -502,15 +532,9 @@ class OnboardingActivity : AppCompatActivity() { } } - addDifferentMintCard.setOnAddMintListener(object : AddMintInputCard.OnAddMintListener { - override fun onAddMint(mintUrl: String) { - addDifferentMint(mintUrl) - } - - override fun onScanQR() { - openOnboardingMintQrScanner() - } - }) + addMintButton.setOnClickListener { + showAddMintBottomSheet() + } // Success enterWalletButton.setOnClickListener { @@ -982,86 +1006,41 @@ class OnboardingActivity : AppCompatActivity() { backupStatusTitle.setTextColor(ContextCompat.getColor(this, R.color.color_text_primary)) backupStatusSubtitle.text = getString(R.string.onboarding_backup_not_found_subtitle) } - mintsSubtitle.text = getString(R.string.onboarding_mints_subtitle_restore) mintsContinueButton.text = getString(R.string.onboarding_mints_continue_restore) } else { backupStatusCard.visibility = View.GONE - mintsSubtitle.text = getString(R.string.onboarding_mints_subtitle_description) mintsContinueButton.text = getString(R.string.onboarding_mints_continue_new_wallet) } - // Update mints list - mintsListContainer.removeAllViews() - - val sortedMints = discoveredMints.sortedBy { resolveOnboardingMintDisplayName(it).lowercase() } - for (mintUrl in sortedMints) { - val mintView = createMintSelectionView(mintUrl, selectedMints.contains(mintUrl)) - mintsListContainer.addView(mintView) - } + // Populate the RecyclerView adapter + // First mint is the default, rest are popular + val mintList = discoveredMints.toList() + val defaultMint = mintList.firstOrNull() ?: return + val popularMints = mintList.drop(1) + // All popular mints start as accepted + val acceptedMints = selectedMints.filter { it != defaultMint }.toSet() - updateMintsCount() + mintAdapter.setMints(defaultMint, popularMints, acceptedMints) + updateContinueButtonState() } - private fun createMintSelectionView(mintUrl: String, isSelected: Boolean): View { - val container = LinearLayout(this).apply { - orientation = LinearLayout.HORIZONTAL - gravity = android.view.Gravity.CENTER_VERTICAL - setPadding(16.dpToPx(), 14.dpToPx(), 16.dpToPx(), 14.dpToPx()) - background = ContextCompat.getDrawable(context, R.drawable.bg_mint_item) - layoutParams = LinearLayout.LayoutParams( - LinearLayout.LayoutParams.MATCH_PARENT, - LinearLayout.LayoutParams.WRAP_CONTENT - ).apply { - bottomMargin = 8.dpToPx() + private fun showAddMintBottomSheet() { + val sheet = AddMintBottomSheet.newInstance(object : AddMintBottomSheet.Listener { + override fun onAddMintUrl(url: String) { + addDifferentMint(url) } - } - - val mintIcon = ShapeableImageView(this).apply { - layoutParams = LinearLayout.LayoutParams(42.dpToPx(), 42.dpToPx()) - setImageResource(R.drawable.ic_bitcoin) - setColorFilter(ContextCompat.getColor(context, R.color.color_primary)) - scaleType = ImageView.ScaleType.CENTER_CROP - setBackgroundColor(ContextCompat.getColor(context, R.color.color_bg_tertiary)) - shapeAppearanceModel = shapeAppearanceModel.toBuilder() - .setAllCornerSizes(21.dpToPx().toFloat()) - .build() - } - loadMintIcon(mintUrl, mintIcon) - - val nameText = TextView(this).apply { - text = resolveOnboardingMintDisplayName(mintUrl) - layoutParams = LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1f).apply { - marginEnd = 14.dpToPx() - marginStart = 14.dpToPx() - } - setTextColor(ContextCompat.getColor(context, R.color.color_text_primary)) - textSize = 16f - typeface = android.graphics.Typeface.create("sans-serif-medium", android.graphics.Typeface.NORMAL) - maxLines = 1 - ellipsize = android.text.TextUtils.TruncateAt.END - } - - val checkbox = ImageView(this).apply { - layoutParams = LinearLayout.LayoutParams(24.dpToPx(), 24.dpToPx()) - updateCheckboxState(this, isSelected) - } - - container.addView(mintIcon) - container.addView(nameText) - container.addView(checkbox) - - container.setOnClickListener { - val nowSelected = !selectedMints.contains(mintUrl) - if (nowSelected) { - selectedMints.add(mintUrl) - } else { - selectedMints.remove(mintUrl) + override fun onScanQrCode() { + openOnboardingMintQrScanner() } - updateCheckboxState(checkbox, nowSelected) - updateMintsCount() - } + }) + addMintBottomSheet = sheet + sheet.show(supportFragmentManager, "AddMintBottomSheet") + } - return container + private fun updateContinueButtonState() { + val totalSelected = mintAdapter.getAllSelectedMints().size + mintsContinueButton.isEnabled = totalSelected > 0 + mintsContinueButton.alpha = if (totalSelected > 0) 1f else 0.5f } private fun loadMintIcon(mintUrl: String, iconView: ShapeableImageView) { @@ -1111,8 +1090,8 @@ class OnboardingActivity : AppCompatActivity() { } private fun refreshMintProfilesForReview() { - val sortedMints = discoveredMints.toList().sorted() - for (mintUrl in sortedMints) { + val mintsList = discoveredMints.toList() + for (mintUrl in mintsList) { lifecycleScope.launch { val result = mintProfileService.fetchAndStoreMintProfile(mintUrl, validateEndpoint = false) @@ -1122,7 +1101,8 @@ class OnboardingActivity : AppCompatActivity() { onboardingMintDisplayNames[mintUrl] = displayName if (currentStep == OnboardingStep.REVIEW_MINTS) { - updateReviewMintsUI() + // Notify adapter to refresh name display for this mint + mintAdapter.notifyDataSetChanged() } } } @@ -1148,14 +1128,14 @@ class OnboardingActivity : AppCompatActivity() { return } - addDifferentMintCard.setLoading(true) + addMintBottomSheet?.setLoading(true) lifecycleScope.launch { val validation = withContext(Dispatchers.IO) { mintProfileService.validateMintUrl(normalizedInput) } if (!validation.isValid || validation.normalizedUrl == null) { - addDifferentMintCard.setLoading(false) + addMintBottomSheet?.setLoading(false) Toast.makeText( this@OnboardingActivity, getString(R.string.mints_invalid_url), @@ -1166,7 +1146,7 @@ class OnboardingActivity : AppCompatActivity() { val mintUrl = validation.normalizedUrl if (discoveredMints.contains(mintUrl)) { - addDifferentMintCard.setLoading(false) + addMintBottomSheet?.setLoading(false) Toast.makeText( this@OnboardingActivity, getString(R.string.mints_already_exists), @@ -1187,10 +1167,12 @@ class OnboardingActivity : AppCompatActivity() { discoveredMints.add(mintUrl) selectedMints.add(mintUrl) - updateReviewMintsUI() - addDifferentMintCard.setLoading(false) - addDifferentMintCard.clearInput() - addDifferentMintCard.collapseIfExpanded() + // Add to adapter directly (avoids full rebuild) + mintAdapter.addMint(mintUrl) + updateContinueButtonState() + + addMintBottomSheet?.dismiss() + addMintBottomSheet = null Toast.makeText( this@OnboardingActivity, getString(R.string.mints_added_toast), @@ -1201,7 +1183,10 @@ class OnboardingActivity : AppCompatActivity() { private fun applySelectedMintsToMintManager() { val mintManager = MintManager.getInstance(this) - val normalizedSelected = selectedMints + + // Get selected mints from the adapter (default + accepted popular) + val allSelected = mintAdapter.getAllSelectedMints() + val normalizedSelected = allSelected .map { mintProfileService.normalizeUrl(it) } .filter { it.isNotBlank() } .toSet() @@ -1217,32 +1202,13 @@ class OnboardingActivity : AppCompatActivity() { mintManager.addMint(mintUrl) } - val preferredMint = discoveredMints.firstOrNull { normalizedSelected.contains(it) } - ?: normalizedSelected.sorted().firstOrNull() - if (preferredMint != null) { + // The default mint (index 0 in adapter) becomes the preferred Lightning mint + val preferredMint = mintAdapter.getDefaultMintUrl().let { mintProfileService.normalizeUrl(it) } + if (preferredMint.isNotBlank()) { mintManager.setPreferredLightningMint(preferredMint) } } - private fun updateCheckboxState(checkbox: ImageView, isSelected: Boolean) { - if (isSelected) { - checkbox.setImageResource(R.drawable.ic_checkbox_checked) - checkbox.setColorFilter(ContextCompat.getColor(this, R.color.color_success_green)) - } else { - checkbox.setImageResource(R.drawable.ic_checkbox_unchecked) - checkbox.setColorFilter(ContextCompat.getColor(this, R.color.color_text_tertiary)) - } - } - - private fun updateMintsCount() { - val count = selectedMints.size - val pluralSuffix = if (count != 1) "s" else "" - mintsCountText.text = getString(R.string.onboarding_mints_count, count, pluralSuffix) - - mintsContinueButton.isEnabled = count > 0 - mintsContinueButton.alpha = if (count > 0) 1f else 0.5f - } - // === Restore Progress === private fun createMintProgressView(mintUrl: String): View { diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt new file mode 100644 index 00000000..fde8cb16 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -0,0 +1,296 @@ +package com.electricdreams.numo.feature.onboarding + +import android.annotation.SuppressLint +import android.util.TypedValue +import android.view.HapticFeedbackConstants +import android.view.LayoutInflater +import android.view.View +import android.view.ViewGroup +import android.widget.ImageView +import android.widget.TextView +import androidx.core.content.ContextCompat +import androidx.recyclerview.widget.RecyclerView +import com.electricdreams.numo.R +import com.google.android.material.imageview.ShapeableImageView + +class OnboardingMintAdapter( + private val listener: Listener +) : RecyclerView.Adapter() { + + interface Listener { + fun onLoadMintIcon(mintUrl: String, iconView: ShapeableImageView) + fun onResolveMintName(mintUrl: String): String + fun onMintAcceptedChanged() + fun onDefaultMintChanged(newDefaultUrl: String) + } + + sealed class ListItem { + data class Header( + val title: String, + val subtitle: String, + val topMarginDp: Int, + val titleSizeSp: Float, + val subtitleSizeSp: Float + ) : ListItem() + data class Mint(val url: String, val isDefault: Boolean) : ListItem() + } + + companion object { + private const val VIEW_TYPE_HEADER = 0 + private const val VIEW_TYPE_MINT = 1 + } + + private val items = mutableListOf() + private val mints = mutableListOf() + val accepted = mutableSetOf() + + private var defaultSectionTitle = "" + private var defaultSectionSubtitle = "" + private var popularSectionTitle = "" + private var popularSectionSubtitle = "" + + fun setHeaderStrings( + defTitle: String, + defSubtitle: String, + popTitle: String, + popSubtitle: String + ) { + defaultSectionTitle = defTitle + defaultSectionSubtitle = defSubtitle + popularSectionTitle = popTitle + popularSectionSubtitle = popSubtitle + } + + @SuppressLint("NotifyDataSetChanged") + fun setMints(defaultUrl: String, popularUrls: List, acceptedUrls: Set) { + mints.clear() + mints.add(defaultUrl) + mints.addAll(popularUrls) + accepted.clear() + accepted.addAll(acceptedUrls) + rebuildItems() + notifyDataSetChanged() + } + + @SuppressLint("NotifyDataSetChanged") + fun addMint(url: String) { + mints.add(url) + accepted.add(url) + rebuildItems() + notifyDataSetChanged() + } + + private fun rebuildItems() { + items.clear() + items.add(ListItem.Header( + defaultSectionTitle, defaultSectionSubtitle, + topMarginDp = 0, titleSizeSp = 22f, subtitleSizeSp = 14f + )) + if (mints.isNotEmpty()) { + items.add(ListItem.Mint(mints[0], isDefault = true)) + } + items.add(ListItem.Header( + popularSectionTitle, popularSectionSubtitle, + topMarginDp = 24, titleSizeSp = 22f, subtitleSizeSp = 14f + )) + for (i in 1 until mints.size) { + items.add(ListItem.Mint(mints[i], isDefault = false)) + } + } + + fun getDefaultMintUrl(): String { + return mints.firstOrNull() ?: "" + } + + fun getPopularMints(): List { + return mints.drop(1) + } + + fun getAcceptedMints(): Set = accepted.toSet() + + fun getAllSelectedMints(): Set { + val result = mutableSetOf() + // Default mint is always selected + mints.firstOrNull()?.let { result.add(it) } + // Plus all accepted popular mints + result.addAll(accepted) + return result + } + + /** + * Swaps a popular mint with the current default mint. + * Uses notifyItemMoved + notifyItemChanged for smooth RecyclerView animation. + */ + private fun swapToDefault(tappedMintIndex: Int) { + if (tappedMintIndex < 1 || tappedMintIndex >= mints.size) return + + val oldDefault = mints[0] + val newDefault = mints[tappedMintIndex] + + // Old default becomes popular — add to accepted (was implicitly always on) + accepted.add(oldDefault) + // New default loses checkbox — remove from accepted set + accepted.remove(newDefault) + + // Swap in the data list + mints[0] = newDefault + mints[tappedMintIndex] = oldDefault + + // Calculate adapter positions (accounting for headers): + // [0] = Header "Default Mint" + // [1] = default mint + // [2] = Header "Popular Mints" + // [3..] = popular mints + val defaultAdapterPos = 1 + val tappedAdapterPos = tappedMintIndex + 2 // +2 for two headers + + // Move tapped item up to default position, old default down to tapped position + notifyItemMoved(tappedAdapterPos, defaultAdapterPos) + notifyItemMoved(defaultAdapterPos + 1, tappedAdapterPos) + + // Rebuild items with updated isDefault flags and notify changes + rebuildItems() + notifyItemChanged(defaultAdapterPos) + notifyItemChanged(tappedAdapterPos) + + listener.onDefaultMintChanged(newDefault) + } + + override fun getItemCount(): Int = items.size + + override fun getItemViewType(position: Int): Int = when (items[position]) { + is ListItem.Header -> VIEW_TYPE_HEADER + is ListItem.Mint -> VIEW_TYPE_MINT + } + + override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder { + val inflater = LayoutInflater.from(parent.context) + return when (viewType) { + VIEW_TYPE_HEADER -> { + val view = inflater.inflate(R.layout.item_onboarding_mint_header, parent, false) + HeaderViewHolder(view) + } + else -> { + val view = inflater.inflate(R.layout.item_onboarding_mint, parent, false) + MintViewHolder(view) + } + } + } + + override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) { + val context = holder.itemView.context + val density = context.resources.displayMetrics.density + + when (val item = items[position]) { + is ListItem.Header -> { + val h = holder as HeaderViewHolder + h.title.text = item.title + h.subtitle.text = item.subtitle + + // Apply dynamic text sizes and style + h.title.setTextSize(TypedValue.COMPLEX_UNIT_SP, item.titleSizeSp) + h.subtitle.setTextSize(TypedValue.COMPLEX_UNIT_SP, item.subtitleSizeSp) + + if (item.titleSizeSp > 16f) { + // Large header style (Default Mint section) + h.title.letterSpacing = 0f + h.title.isAllCaps = false + h.title.setTextColor(ContextCompat.getColor(context, R.color.color_text_primary)) + } else { + // Small label style (Popular Mints section) + h.title.letterSpacing = 0.08f + h.title.isAllCaps = false // already uppercase in string resource + h.title.setTextColor(ContextCompat.getColor(context, R.color.color_text_secondary)) + } + + val lp = h.itemView.layoutParams as RecyclerView.LayoutParams + lp.topMargin = (item.topMarginDp * density).toInt() + h.itemView.layoutParams = lp + } + is ListItem.Mint -> { + val h = holder as MintViewHolder + + h.name.text = listener.onResolveMintName(item.url) + + // Icon + h.icon.setImageResource(R.drawable.ic_bitcoin) + h.icon.setColorFilter(ContextCompat.getColor(context, R.color.color_primary)) + h.icon.setBackgroundColor(ContextCompat.getColor(context, R.color.color_bg_tertiary)) + h.icon.shapeAppearanceModel = h.icon.shapeAppearanceModel.toBuilder() + .setAllCornerSizes(21f * density) + .build() + listener.onLoadMintIcon(item.url, h.icon) + + val lp = h.itemView.layoutParams as RecyclerView.LayoutParams + + if (item.isDefault) { + h.itemView.background = + ContextCompat.getDrawable(context, R.drawable.bg_default_mint_item) + lp.bottomMargin = 0 + + h.checkbox.visibility = View.GONE + + // Filled home icon for default + h.star.setImageResource(R.drawable.ic_home_filled) + h.star.setOnClickListener(null) + h.star.isClickable = false + + h.itemView.setOnClickListener(null) + } else { + h.itemView.background = + ContextCompat.getDrawable(context, R.drawable.bg_mint_item) + lp.bottomMargin = (8 * density).toInt() + + h.checkbox.visibility = View.VISIBLE + updateCheckboxState(context, h.checkbox, accepted.contains(item.url)) + + // Outline home icon for popular — tap to promote to default + h.star.setImageResource(R.drawable.ic_home_outline) + h.star.isClickable = true + h.star.setOnClickListener { view -> + view.performHapticFeedback(HapticFeedbackConstants.CLOCK_TICK) + val mintIndex = mints.indexOf(item.url) + if (mintIndex > 0) { + swapToDefault(mintIndex) + } + } + + // Checkbox toggle on row tap + h.itemView.setOnClickListener { + val nowAccepted = !accepted.contains(item.url) + if (nowAccepted) accepted.add(item.url) else accepted.remove(item.url) + updateCheckboxState(context, h.checkbox, nowAccepted) + listener.onMintAcceptedChanged() + } + } + h.itemView.layoutParams = lp + } + } + } + + private fun updateCheckboxState( + context: android.content.Context, + checkbox: ImageView, + isSelected: Boolean + ) { + if (isSelected) { + checkbox.setImageResource(R.drawable.ic_checkbox_checked) + checkbox.setColorFilter(ContextCompat.getColor(context, R.color.color_success_green)) + } else { + checkbox.setImageResource(R.drawable.ic_checkbox_unchecked) + checkbox.setColorFilter(ContextCompat.getColor(context, R.color.color_text_tertiary)) + } + } + + class HeaderViewHolder(view: View) : RecyclerView.ViewHolder(view) { + val title: TextView = view.findViewById(R.id.header_title) + val subtitle: TextView = view.findViewById(R.id.header_subtitle) + } + + class MintViewHolder(view: View) : RecyclerView.ViewHolder(view) { + val icon: ShapeableImageView = view.findViewById(R.id.mint_icon) + val name: TextView = view.findViewById(R.id.mint_name) + val checkbox: ImageView = view.findViewById(R.id.mint_checkbox) + val star: ImageView = view.findViewById(R.id.mint_star) + } +} diff --git a/app/src/main/res/drawable/bg_default_mint_item.xml b/app/src/main/res/drawable/bg_default_mint_item.xml new file mode 100644 index 00000000..463ec302 --- /dev/null +++ b/app/src/main/res/drawable/bg_default_mint_item.xml @@ -0,0 +1,11 @@ + + + + + + + + + + diff --git a/app/src/main/res/drawable/ic_home_filled.xml b/app/src/main/res/drawable/ic_home_filled.xml new file mode 100644 index 00000000..cbaefeae --- /dev/null +++ b/app/src/main/res/drawable/ic_home_filled.xml @@ -0,0 +1,10 @@ + + + + diff --git a/app/src/main/res/drawable/ic_home_outline.xml b/app/src/main/res/drawable/ic_home_outline.xml new file mode 100644 index 00000000..f857b952 --- /dev/null +++ b/app/src/main/res/drawable/ic_home_outline.xml @@ -0,0 +1,10 @@ + + + + diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 96ab5fd9..edeb18cb 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -97,6 +97,8 @@ android:textAllCaps="false" android:alpha="0" android:paddingVertical="4dp" + android:stateListAnimator="@null" + app:elevation="0dp" app:cornerRadius="32dp" app:backgroundTint="@color/numo_navy" /> @@ -580,141 +582,99 @@ - + + android:layout_height="wrap_content" + android:orientation="horizontal" + android:background="@drawable/bg_success_card" + android:padding="16dp" + android:layout_marginTop="8dp" + android:layout_marginHorizontal="20dp" + android:gravity="center_vertical" + android:visibility="gone"> + + - - - - - - - - - - - - - - - + android:layout_marginStart="14dp"> - - - - - - - - - - - + android:textColor="@color/color_text_secondary" /> - - + + + + + + + + + + diff --git a/app/src/main/res/layout/bottom_sheet_add_mint.xml b/app/src/main/res/layout/bottom_sheet_add_mint.xml new file mode 100644 index 00000000..36f2d0a4 --- /dev/null +++ b/app/src/main/res/layout/bottom_sheet_add_mint.xml @@ -0,0 +1,169 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/src/main/res/layout/bottom_sheet_terms.xml b/app/src/main/res/layout/bottom_sheet_terms.xml new file mode 100644 index 00000000..a174a8a1 --- /dev/null +++ b/app/src/main/res/layout/bottom_sheet_terms.xml @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/app/src/main/res/layout/item_onboarding_mint.xml b/app/src/main/res/layout/item_onboarding_mint.xml new file mode 100644 index 00000000..be1849d6 --- /dev/null +++ b/app/src/main/res/layout/item_onboarding_mint.xml @@ -0,0 +1,48 @@ + + + + + + + + + + + + diff --git a/app/src/main/res/layout/item_onboarding_mint_header.xml b/app/src/main/res/layout/item_onboarding_mint_header.xml new file mode 100644 index 00000000..796bcaab --- /dev/null +++ b/app/src/main/res/layout/item_onboarding_mint_header.xml @@ -0,0 +1,22 @@ + + + + + + + + diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index 3836dbee..aafa80b9 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -164,8 +164,18 @@ Scan QR Code Tap to scan an address Mint + Default Mint + Popular Mints + Accept ecash from these mints + + Add a different mint + Add a Mint + Paste mint URL + Add + or + Scan QR Code + Adding mint… + - Restoring Wallet Initializing restore... From cf9701a78258f70b09c68649e9304620cf6c70e5 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 20 Mar 2026 00:02:12 +0100 Subject: [PATCH 002/162] fix: onboarding screen TOS bottom sheet replacement, TOS font style edits, default mint copy update. --- .../feature/onboarding/OnboardingActivity.kt | 7 +-- .../feature/onboarding/TermsBottomSheet.kt | 60 +++++++++++++++++++ app/src/main/res/values/strings.xml | 4 +- 3 files changed, 63 insertions(+), 8 deletions(-) create mode 100644 app/src/main/java/com/electricdreams/numo/feature/onboarding/TermsBottomSheet.kt diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 320107e8..dc32c306 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -28,7 +28,6 @@ import android.widget.ProgressBar import android.widget.TextView import android.widget.Toast import androidx.activity.result.contract.ActivityResultContracts -import androidx.appcompat.app.AlertDialog import androidx.appcompat.app.AppCompatActivity import androidx.appcompat.app.AppCompatDelegate import androidx.core.content.ContextCompat @@ -394,11 +393,7 @@ class OnboardingActivity : AppCompatActivity() { } private fun showTermsDialog() { - AlertDialog.Builder(this) - .setTitle(R.string.dialog_terms_title) - .setMessage(getString(R.string.dialog_terms_body)) - .setPositiveButton(R.string.common_close, null) - .show() + TermsBottomSheet.newInstance().show(supportFragmentManager, "TermsBottomSheet") } private fun setupSeedInputs() { diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/TermsBottomSheet.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/TermsBottomSheet.kt new file mode 100644 index 00000000..5b64a012 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/TermsBottomSheet.kt @@ -0,0 +1,60 @@ +package com.electricdreams.numo.feature.onboarding + +import android.os.Bundle +import android.view.LayoutInflater +import android.view.View +import android.view.ViewGroup +import android.widget.FrameLayout +import androidx.core.content.ContextCompat +import com.electricdreams.numo.R +import com.google.android.material.bottomsheet.BottomSheetBehavior +import com.google.android.material.bottomsheet.BottomSheetDialog +import com.google.android.material.bottomsheet.BottomSheetDialogFragment +import com.google.android.material.button.MaterialButton + +class TermsBottomSheet : BottomSheetDialogFragment() { + + companion object { + fun newInstance(): TermsBottomSheet { + return TermsBottomSheet() + } + } + + override fun getTheme(): Int = R.style.Theme_Numo_BottomSheet + + override fun onCreateView( + inflater: LayoutInflater, + container: ViewGroup?, + savedInstanceState: Bundle? + ): View? { + return inflater.inflate(R.layout.bottom_sheet_terms, container, false) + } + + override fun onViewCreated(view: View, savedInstanceState: Bundle?) { + super.onViewCreated(view, savedInstanceState) + + view.findViewById(R.id.terms_close_button).setOnClickListener { + dismiss() + } + + setupBottomSheetBehavior() + } + + private fun setupBottomSheetBehavior() { + dialog?.setOnShowListener { dialogInterface -> + val bottomSheetDialog = dialogInterface as BottomSheetDialog + val bottomSheet = bottomSheetDialog.findViewById( + com.google.android.material.R.id.design_bottom_sheet + ) + bottomSheet?.let { sheet -> + sheet.setBackgroundColor( + ContextCompat.getColor(requireContext(), R.color.color_bg_white) + ) + val behavior = BottomSheetBehavior.from(sheet) + behavior.state = BottomSheetBehavior.STATE_EXPANDED + behavior.skipCollapsed = true + behavior.isDraggable = true + } + } + } +} diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index aafa80b9..dbe5bb72 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -155,7 +155,7 @@ Using default mints Select Mints Select which mints to restore - These mints will hold your bitcoin. You can withdraw to your own wallet at any time, or set a payout threshold to do it automatically. + This mint will hold your bitcoin. You can withdraw to your own wallet at any time, or set a payout threshold to do it automatically. %1$d mint%2$s selected Restore Wallet Continue @@ -172,7 +172,7 @@ Paste mint URL Add or - Scan QR Code + Scan Adding mint… From cf9f0b6214354e9e39d12b300bc3a6616cd92082 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 20 Mar 2026 00:11:30 +0100 Subject: [PATCH 003/162] fix: fix: expand star tap target to 44x44dp with 10dp padding for reliable hit testing, adjust row padding to maintain visual alignment --- app/src/main/res/layout/item_onboarding_mint.xml | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/src/main/res/layout/item_onboarding_mint.xml b/app/src/main/res/layout/item_onboarding_mint.xml index be1849d6..fbbcf445 100644 --- a/app/src/main/res/layout/item_onboarding_mint.xml +++ b/app/src/main/res/layout/item_onboarding_mint.xml @@ -4,16 +4,16 @@ android:layout_height="wrap_content" android:orientation="horizontal" android:gravity="center_vertical" - android:paddingStart="16dp" + android:paddingStart="6dp" android:paddingEnd="16dp" android:paddingTop="14dp" android:paddingBottom="14dp"> Date: Fri, 20 Mar 2026 00:13:39 +0100 Subject: [PATCH 004/162] fix: + New Mint copy. --- app/src/main/res/values/strings.xml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index dbe5bb72..3842708e 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -167,7 +167,7 @@ Default Mint Popular Mints Accept ecash from these mints - + Add a different mint + + New Mint Add a Mint Paste mint URL Add From 39a9b96ef696080c8eeebe93b8636ac5f9222bf5 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 20 Mar 2026 00:26:16 +0100 Subject: [PATCH 005/162] feat: added function to have any mint manually added by user replace the default mint. --- .../numo/feature/onboarding/OnboardingActivity.kt | 4 ++-- .../numo/feature/onboarding/OnboardingMintAdapter.kt | 12 ++++++++++++ 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index dc32c306..02acaefa 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -1162,8 +1162,8 @@ class OnboardingActivity : AppCompatActivity() { discoveredMints.add(mintUrl) selectedMints.add(mintUrl) - // Add to adapter directly (avoids full rebuild) - mintAdapter.addMint(mintUrl) + // Add as default — user manually added this mint, so they likely want it as default + mintAdapter.addMintAsDefault(mintUrl) updateContinueButtonState() addMintBottomSheet?.dismiss() diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index fde8cb16..859160f5 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -80,6 +80,18 @@ class OnboardingMintAdapter( notifyDataSetChanged() } + @SuppressLint("NotifyDataSetChanged") + fun addMintAsDefault(url: String) { + val oldDefault = mints.firstOrNull() + if (oldDefault != null) { + accepted.add(oldDefault) + } + mints.add(0, url) + rebuildItems() + notifyDataSetChanged() + listener.onDefaultMintChanged(url) + } + private fun rebuildItems() { items.clear() items.add(ListItem.Header( From c3ac93ce46fee5135db99f2082f0f5a34048b135 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 20 Mar 2026 13:48:30 +0100 Subject: [PATCH 006/162] unsure of this commit. --- .../numo/feature/onboarding/OnboardingActivity.kt | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 02acaefa..13fe8aa3 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -707,8 +707,9 @@ class OnboardingActivity : AppCompatActivity() { discoveredMints.clear() selectedMints.clear() onboardingMintDisplayNames.clear() - discoveredMints.addAll(ONBOARDING_DEFAULT_MINTS) - selectedMints.addAll(ONBOARDING_DEFAULT_MINTS) + val shuffledMints = ONBOARDING_DEFAULT_MINTS.shuffled() + discoveredMints.addAll(shuffledMints) + selectedMints.addAll(shuffledMints) backupFound = false withContext(Dispatchers.Main) { @@ -901,13 +902,15 @@ class OnboardingActivity : AppCompatActivity() { val normalizedBackupMints = result.mints .map { mintProfileService.normalizeUrl(it) } .filter { it.isNotBlank() } + .shuffled() discoveredMints.addAll(normalizedBackupMints) selectedMints.addAll(normalizedBackupMints) } else { backupFound = false backupTimestamp = null - discoveredMints.addAll(ONBOARDING_DEFAULT_MINTS) - selectedMints.addAll(ONBOARDING_DEFAULT_MINTS) + val shuffledMints = ONBOARDING_DEFAULT_MINTS.shuffled() + discoveredMints.addAll(shuffledMints) + selectedMints.addAll(shuffledMints) } withContext(Dispatchers.Main) { From dfc831621b8166c37cb6d3eedf971003cadba8b7 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sat, 21 Mar 2026 21:17:49 +0100 Subject: [PATCH 007/162] fix: rename withdraw screen title and hide config sections when toggle is off MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The screen title showed "Auto-Withdraw" everywhere — renamed to "Withdraw" in the nav bar and hero section across all locales (en/es/pt). Destination and Trigger Settings sections were always visible even with the toggle off; they are now fully hidden when disabled and smoothly animate in/out when the toggle changes. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../AutoWithdrawSettingsActivity.kt | 54 +++++++++++++------ .../activity_auto_withdraw_settings.xml | 12 +++++ app/src/main/res/values-es/strings.xml | 4 +- app/src/main/res/values-pt/strings.xml | 4 +- app/src/main/res/values/strings.xml | 4 +- 5 files changed, 55 insertions(+), 23 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/autowithdraw/AutoWithdrawSettingsActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/autowithdraw/AutoWithdrawSettingsActivity.kt index 49d6edae..0048939a 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/autowithdraw/AutoWithdrawSettingsActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/autowithdraw/AutoWithdrawSettingsActivity.kt @@ -76,6 +76,9 @@ class AutoWithdrawSettingsActivity : AppCompatActivity() { private lateinit var historyRecyclerView: RecyclerView private lateinit var seeAllButton: TextView + // Auto-withdraw config container (Destination + Trigger Settings) + private lateinit var configContainer: LinearLayout + // Manual withdraw private lateinit var manualWithdrawRow: LinearLayout @@ -137,6 +140,9 @@ class AutoWithdrawSettingsActivity : AppCompatActivity() { historyRecyclerView = findViewById(R.id.history_recycler_view) seeAllButton = findViewById(R.id.see_all_button) + // Config container (Destination + Trigger Settings) + configContainer = findViewById(R.id.auto_withdraw_config_container) + // Manual withdraw manualWithdrawRow = findViewById(R.id.manual_withdraw_row) @@ -154,7 +160,7 @@ class AutoWithdrawSettingsActivity : AppCompatActivity() { if (!isUpdatingUI) { settingsManager.setGloballyEnabled(isChecked) updateStatusIndicator(isChecked) - updateConfigFieldsEnabled(isChecked) + animateConfigContainer(isChecked) animateStatusChange(isChecked) } } @@ -284,7 +290,7 @@ class AutoWithdrawSettingsActivity : AppCompatActivity() { val enabled = settingsManager.isGloballyEnabled() enableSwitch.isChecked = enabled updateStatusIndicator(enabled) - updateConfigFieldsEnabled(enabled) + configContainer.visibility = if (enabled) View.VISIBLE else View.GONE lightningAddressInput.setText(settingsManager.getDefaultLightningAddress()) @@ -348,19 +354,28 @@ class AutoWithdrawSettingsActivity : AppCompatActivity() { heroIconContainer.alpha = 1f } - private fun updateConfigFieldsEnabled(enabled: Boolean) { - val alpha = if (enabled) 1f else 0.5f - - // Animate alpha change - lightningAddressInput.animate().alpha(alpha).setDuration(200).start() - thresholdDisplay.animate().alpha(alpha).setDuration(200).start() - percentageSlider.animate().alpha(alpha).setDuration(200).start() - percentageBadge.animate().alpha(alpha).setDuration(200).start() - - lightningAddressInput.isEnabled = enabled - thresholdDisplay.isEnabled = enabled - thresholdDisplay.isClickable = enabled - percentageSlider.isEnabled = enabled + private fun animateConfigContainer(show: Boolean) { + if (show) { + configContainer.visibility = View.VISIBLE + configContainer.alpha = 0f + configContainer.translationY = -20f + configContainer.animate() + .alpha(1f) + .translationY(0f) + .setDuration(250) + .setInterpolator(AccelerateDecelerateInterpolator()) + .start() + } else { + configContainer.animate() + .alpha(0f) + .translationY(-20f) + .setDuration(200) + .setInterpolator(AccelerateDecelerateInterpolator()) + .withEndAction { + configContainer.visibility = View.GONE + } + .start() + } } private fun loadHistory() { @@ -415,10 +430,15 @@ class AutoWithdrawSettingsActivity : AppCompatActivity() { // Cards stagger in val toggleCard: CardView = findViewById(R.id.toggle_card) animateCardEntrance(toggleCard, 100) - + + // Animate config container entrance only if enabled + if (settingsManager.isGloballyEnabled()) { + animateCardEntrance(configContainer, 150) + } + val manualWithdrawCard: CardView = findViewById(R.id.manual_withdraw_card) animateCardEntrance(manualWithdrawCard, 200) - + // If auto-withdraw is enabled, start icon animation if (settingsManager.isGloballyEnabled()) { heroIconContainer.postDelayed({ startIconPulseAnimation() }, 800) diff --git a/app/src/main/res/layout/activity_auto_withdraw_settings.xml b/app/src/main/res/layout/activity_auto_withdraw_settings.xml index 8093be3f..21e67fd8 100644 --- a/app/src/main/res/layout/activity_auto_withdraw_settings.xml +++ b/app/src/main/res/layout/activity_auto_withdraw_settings.xml @@ -254,6 +254,16 @@ + + + + + @@ -511,6 +521,8 @@ + + diff --git a/app/src/main/res/values-es/strings.xml b/app/src/main/res/values-es/strings.xml index 54f72b74..a26e2561 100644 --- a/app/src/main/res/values-es/strings.xml +++ b/app/src/main/res/values-es/strings.xml @@ -636,7 +636,7 @@ Retiros - Retiro automático + Retiro Envía fondos automáticamente a tu cartera Lightning cuando el saldo supere un umbral Activo Inactivo @@ -678,7 +678,7 @@ Enviado correctamente El retiro ha fallado - Retiro automático + Retiro Detalles del error diff --git a/app/src/main/res/values-pt/strings.xml b/app/src/main/res/values-pt/strings.xml index 6c38e736..609415e4 100644 --- a/app/src/main/res/values-pt/strings.xml +++ b/app/src/main/res/values-pt/strings.xml @@ -634,7 +634,7 @@ Saques - Saque automático + Saque Envie fundos automaticamente para sua carteira Lightning quando o saldo ultrapassar um limite Ativo Inativo @@ -676,7 +676,7 @@ Enviado com sucesso! O saque falhou - Saque automático + Saque Detalhes do erro diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index 3836dbee..c4559382 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -679,7 +679,7 @@ Last updated: November 2024 Withdrawals - Auto-Withdraw + Withdraw Automatically send funds to your Lightning wallet when balance exceeds a threshold Active Inactive @@ -721,7 +721,7 @@ Last updated: November 2024 Sent successfully! Withdrawal failed - Auto-Withdraw + Withdraw Error Details From 57704c02f70be809c34dc98535ed3dcd5f8908fb Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sat, 21 Mar 2026 21:39:41 +0100 Subject: [PATCH 008/162] fix: disabled primary buttons nearly invisible in both light and dark mode The disabled state used a 20% opacity background color compounded with 0.5 alpha on the view, resulting in ~10% visibility. Fixed at the component level so all screens using Widget.Button.Primary.Green benefit: - Disabled bg now uses color_bg_tertiary (theme-aware solid color) - Added text color selector with proper disabled state via color_text_tertiary - Removed redundant alpha hacks from XML layouts and Kotlin code - Removed inconsistent textStyle="bold" overrides on withdraw buttons Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/settings/WithdrawLightningActivity.kt | 1 - .../numo/ui/components/WithdrawAddressCard.kt | 6 ++---- .../numo/ui/components/WithdrawInvoiceCard.kt | 1 - app/src/main/res/color/color_button_primary_green_text.xml | 5 +++++ app/src/main/res/drawable/bg_button_white.xml | 4 ++-- app/src/main/res/layout/activity_withdraw_lightning.xml | 4 +--- app/src/main/res/layout/component_withdraw_address_card.xml | 4 +--- app/src/main/res/layout/component_withdraw_invoice_card.xml | 4 +--- app/src/main/res/values-night/colors.xml | 3 ++- app/src/main/res/values-night/styles.xml | 2 +- app/src/main/res/values/colors.xml | 3 ++- app/src/main/res/values/styles.xml | 2 +- 12 files changed, 18 insertions(+), 21 deletions(-) create mode 100644 app/src/main/res/color/color_button_primary_green_text.xml diff --git a/app/src/main/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivity.kt index ebd9afc5..8ea8de0c 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivity.kt @@ -217,7 +217,6 @@ class WithdrawLightningActivity : AppCompatActivity() { override fun afterTextChanged(s: android.text.Editable?) { val amount = s?.toString()?.toLongOrNull() ?: 0L createTokenButton.isEnabled = amount > 0 - createTokenButton.alpha = if (amount > 0) 1f else 0.5f } }) diff --git a/app/src/main/java/com/electricdreams/numo/ui/components/WithdrawAddressCard.kt b/app/src/main/java/com/electricdreams/numo/ui/components/WithdrawAddressCard.kt index 29e1c3cd..45e40fa1 100644 --- a/app/src/main/java/com/electricdreams/numo/ui/components/WithdrawAddressCard.kt +++ b/app/src/main/java/com/electricdreams/numo/ui/components/WithdrawAddressCard.kt @@ -117,10 +117,8 @@ class WithdrawAddressCard @JvmOverloads constructor( private fun updateButtonState() { val hasAddress = !addressInput.text.isNullOrBlank() val hasValidAmount = amountInput.text.toString().toLongOrNull()?.let { it > 0 } ?: false - val enabled = hasAddress && hasValidAmount - - continueButton.isEnabled = enabled - continueButton.alpha = if (enabled) 1f else 0.5f + + continueButton.isEnabled = hasAddress && hasValidAmount } /** diff --git a/app/src/main/java/com/electricdreams/numo/ui/components/WithdrawInvoiceCard.kt b/app/src/main/java/com/electricdreams/numo/ui/components/WithdrawInvoiceCard.kt index d1b78c9d..81439ab7 100644 --- a/app/src/main/java/com/electricdreams/numo/ui/components/WithdrawInvoiceCard.kt +++ b/app/src/main/java/com/electricdreams/numo/ui/components/WithdrawInvoiceCard.kt @@ -115,7 +115,6 @@ class WithdrawInvoiceCard @JvmOverloads constructor( private fun updateButtonState(enabled: Boolean) { continueButton.isEnabled = enabled - continueButton.alpha = if (enabled) 1f else 0.5f } /** diff --git a/app/src/main/res/color/color_button_primary_green_text.xml b/app/src/main/res/color/color_button_primary_green_text.xml new file mode 100644 index 00000000..607cb2c6 --- /dev/null +++ b/app/src/main/res/color/color_button_primary_green_text.xml @@ -0,0 +1,5 @@ + + + + + diff --git a/app/src/main/res/drawable/bg_button_white.xml b/app/src/main/res/drawable/bg_button_white.xml index 27fd7562..bbf6b3e2 100644 --- a/app/src/main/res/drawable/bg_button_white.xml +++ b/app/src/main/res/drawable/bg_button_white.xml @@ -1,10 +1,10 @@ - + - + diff --git a/app/src/main/res/layout/activity_withdraw_lightning.xml b/app/src/main/res/layout/activity_withdraw_lightning.xml index 4ad7e785..6c5e1ca5 100644 --- a/app/src/main/res/layout/activity_withdraw_lightning.xml +++ b/app/src/main/res/layout/activity_withdraw_lightning.xml @@ -352,9 +352,7 @@ android:text="@string/withdraw_cashu_create_button" android:textAllCaps="false" android:textSize="17sp" - android:textStyle="bold" - android:enabled="false" - android:alpha="0.5"/> + android:enabled="false" /> diff --git a/app/src/main/res/layout/component_withdraw_address_card.xml b/app/src/main/res/layout/component_withdraw_address_card.xml index 0ae7253e..1a0ef28d 100644 --- a/app/src/main/res/layout/component_withdraw_address_card.xml +++ b/app/src/main/res/layout/component_withdraw_address_card.xml @@ -133,11 +133,9 @@ android:layout_height="52dp" android:layout_marginTop="16dp" android:enabled="false" - android:alpha="0.5" android:text="@string/withdraw_continue_button" android:textAllCaps="false" - android:textSize="17sp" - android:textStyle="bold" /> + android:textSize="17sp" /> diff --git a/app/src/main/res/layout/component_withdraw_invoice_card.xml b/app/src/main/res/layout/component_withdraw_invoice_card.xml index 3b6c9654..80c0aaf5 100644 --- a/app/src/main/res/layout/component_withdraw_invoice_card.xml +++ b/app/src/main/res/layout/component_withdraw_invoice_card.xml @@ -126,11 +126,9 @@ android:layout_height="52dp" android:layout_marginTop="16dp" android:enabled="false" - android:alpha="0.5" android:text="@string/withdraw_continue_button" android:textAllCaps="false" - android:textSize="17sp" - android:textStyle="bold" /> + android:textSize="17sp" /> diff --git a/app/src/main/res/values-night/colors.xml b/app/src/main/res/values-night/colors.xml index e19d202a..55e6b179 100644 --- a/app/src/main/res/values-night/colors.xml +++ b/app/src/main/res/values-night/colors.xml @@ -55,5 +55,6 @@ #E0E0E0 - #33FFFFFF + @color/color_bg_tertiary + #000000 diff --git a/app/src/main/res/values-night/styles.xml b/app/src/main/res/values-night/styles.xml index 9ce97b4f..54f52fd0 100644 --- a/app/src/main/res/values-night/styles.xml +++ b/app/src/main/res/values-night/styles.xml @@ -5,7 +5,7 @@ + + + + + + + + + + @@ -90,8 +122,9 @@ @drawable/bg_button_primary_green @color/color_button_primary_green_text false - 17sp + 16sp sans-serif-medium + -0.012 52dp 24dp 24dp @@ -102,11 +135,11 @@ + + +
+ + +
+
+
+ +
+
Default Mint
+
+
+
+
+
Chorus OFF Mint
+
Holds your bitcoin
+
+
Default
+
+
+ Withdraw to your own wallet anytime, or set a payout threshold to do it automatically. +
+
+ +
+
+ Accept From + 2 mints +
+
+ +
+
+
+
+
Coinos
+
Accepting payments
+
+
+ +
+
+ +
+
M
+
+
Minibits mint
+
Accepting payments
+
+
+ +
+
+ +
+
CB
+
+
Mint Cuba Bitcoin
+
Not accepting
+
+
+ +
+
+
+ +
Long press a mint to set as default
+ +
+ + + + Add New Mint +
+ + +
+
+ + +``` + +--- + +## WHAT TO REMOVE APP-WIDE + +- Star icons for setting default mint +- Divider lines under nav bar titles +- Extra/applied background colors on screen content areas +- Inconsistent inline/custom text styles that should use shared components +- One-off button styles that don't match the primary/secondary button specs +- Centered multi-line text in cards (left-align instead) + +## WHAT TO ADD/ENSURE APP-WIDE + +- Shared section header component/style used everywhere +- Shared row component with consistent title/subtitle typography +- Shared primary button (pill-shaped, full width) +- Shared secondary button (dashed border, green press state) +- Shared checkbox component (22dp, 6dp radius, green checked) +- Shared nav bar (centered title, circular back button, no divider) +- Staggered entrance animations on every screen +- Consistent spacing values across all screens +- Both light mode and dark mode verified on every screen diff --git a/gradle/gradle-daemon-jvm.properties b/gradle/gradle-daemon-jvm.properties new file mode 100644 index 00000000..dceeba68 --- /dev/null +++ b/gradle/gradle-daemon-jvm.properties @@ -0,0 +1,13 @@ +#This file is generated by updateDaemonJvm +toolchainUrl.FREE_BSD.AARCH64=https\://api.foojay.io/disco/v3.0/ids/536afcd1dff540251f85e5d2c80458cf/redirect +toolchainUrl.FREE_BSD.X86_64=https\://api.foojay.io/disco/v3.0/ids/ecd23fd7707c683afbcd6052998cb6a9/redirect +toolchainUrl.LINUX.AARCH64=https\://api.foojay.io/disco/v3.0/ids/56a19bc915b9ba2eb62ba7554c61b919/redirect +toolchainUrl.LINUX.X86_64=https\://api.foojay.io/disco/v3.0/ids/ecd23fd7707c683afbcd6052998cb6a9/redirect +toolchainUrl.MAC_OS.AARCH64=https\://api.foojay.io/disco/v3.0/ids/e99bae143b75f9a10ead10248f02055e/redirect +toolchainUrl.MAC_OS.X86_64=https\://api.foojay.io/disco/v3.0/ids/658299a896470fbb3103ba3a430ee227/redirect +toolchainUrl.UNIX.AARCH64=https\://api.foojay.io/disco/v3.0/ids/56a19bc915b9ba2eb62ba7554c61b919/redirect +toolchainUrl.UNIX.X86_64=https\://api.foojay.io/disco/v3.0/ids/ecd23fd7707c683afbcd6052998cb6a9/redirect +toolchainUrl.WINDOWS.AARCH64=https\://api.foojay.io/disco/v3.0/ids/248ffb1098f61659502d0c09aa348294/redirect +toolchainUrl.WINDOWS.X86_64=https\://api.foojay.io/disco/v3.0/ids/dbd05c4936d573642f94cd149e1356c8/redirect +toolchainVendor=JETBRAINS +toolchainVersion=21 diff --git a/settings.gradle.kts b/settings.gradle.kts index e116db01..40dd22c2 100644 --- a/settings.gradle.kts +++ b/settings.gradle.kts @@ -5,6 +5,9 @@ pluginManagement { mavenCentral() } } +plugins { + id("org.gradle.toolchains.foojay-resolver-convention") version "0.10.0" +} dependencyResolutionManagement { repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS) From d2812a5ca63d07651eb34d4944195eb54de91712 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Thu, 26 Mar 2026 18:58:00 +0100 Subject: [PATCH 048/162] feat: redesign wallet setup screen with teaser card and explainer overlay Replaces card-style option rows with clean stroke-icon rows and chevrons. Adds navy "How does Numo work?" teaser card with swipe-up/tap to open a full-screen vertical-paging explainer (3 slides, animated chevron hints, bounce-in/out transitions). System bars match screen background colors. Co-Authored-By: Claude Opus 4.6 (1M context) --- app/build.gradle.kts | 1 + .../onboarding/ExplainerSlideAdapter.kt | 38 +++ .../feature/onboarding/OnboardingActivity.kt | 246 +++++++++++++++- .../res/drawable/bg_explainer_close_btn.xml | 6 + .../res/drawable/bg_placeholder_image.xml | 7 + .../drawable/bg_placeholder_image_large.xml | 7 + app/src/main/res/drawable/bg_teaser_card.xml | 6 + .../res/drawable/ic_chevron_down_hint.xml | 13 + app/src/main/res/drawable/ic_clock_stroke.xml | 28 ++ app/src/main/res/drawable/ic_plus_stroke.xml | 17 ++ .../main/res/layout/activity_onboarding.xml | 276 ++++++++++++++---- .../main/res/layout/item_explainer_slide.xml | 62 ++++ app/src/main/res/values-es/strings.xml | 10 + app/src/main/res/values-pt/strings.xml | 10 + app/src/main/res/values/strings.xml | 12 +- 15 files changed, 678 insertions(+), 61 deletions(-) create mode 100644 app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt create mode 100644 app/src/main/res/drawable/bg_explainer_close_btn.xml create mode 100644 app/src/main/res/drawable/bg_placeholder_image.xml create mode 100644 app/src/main/res/drawable/bg_placeholder_image_large.xml create mode 100644 app/src/main/res/drawable/bg_teaser_card.xml create mode 100644 app/src/main/res/drawable/ic_chevron_down_hint.xml create mode 100644 app/src/main/res/drawable/ic_clock_stroke.xml create mode 100644 app/src/main/res/drawable/ic_plus_stroke.xml create mode 100644 app/src/main/res/layout/item_explainer_slide.xml diff --git a/app/build.gradle.kts b/app/build.gradle.kts index ac1eaf87..371e88bb 100644 --- a/app/build.gradle.kts +++ b/app/build.gradle.kts @@ -95,6 +95,7 @@ dependencies { implementation("com.google.android.material:material:1.11.0") implementation("androidx.constraintlayout:constraintlayout:2.1.4") implementation("androidx.gridlayout:gridlayout:1.0.0") + implementation("androidx.viewpager2:viewpager2:1.0.0") implementation("androidx.navigation:navigation-fragment-ktx:2.7.6") implementation("androidx.navigation:navigation-ui-ktx:2.7.6") diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt new file mode 100644 index 00000000..b27b66c5 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt @@ -0,0 +1,38 @@ +package com.electricdreams.numo.feature.onboarding + +import android.view.LayoutInflater +import android.view.View +import android.view.ViewGroup +import android.widget.TextView +import androidx.recyclerview.widget.RecyclerView +import com.electricdreams.numo.R + +class ExplainerSlideAdapter : RecyclerView.Adapter() { + + private data class Slide(val titleRes: Int, val bodyRes: Int) + + private val slides = listOf( + Slide(R.string.explainer_slide1_title, R.string.explainer_slide1_body), + Slide(R.string.explainer_slide2_title, R.string.explainer_slide2_body), + Slide(R.string.explainer_slide3_title, R.string.explainer_slide3_body) + ) + + override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): SlideViewHolder { + val view = LayoutInflater.from(parent.context) + .inflate(R.layout.item_explainer_slide, parent, false) + return SlideViewHolder(view) + } + + override fun onBindViewHolder(holder: SlideViewHolder, position: Int) { + val slide = slides[position] + holder.title.setText(slide.titleRes) + holder.body.setText(slide.bodyRes) + } + + override fun getItemCount() = slides.size + + class SlideViewHolder(view: View) : RecyclerView.ViewHolder(view) { + val title: TextView = view.findViewById(R.id.slide_title) + val body: TextView = view.findViewById(R.id.slide_body) + } +} diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index ead09dc7..c72f03c8 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -16,9 +16,12 @@ import android.text.TextPaint import android.text.TextWatcher import android.text.method.LinkMovementMethod import android.text.style.ClickableSpan +import android.view.MotionEvent import android.view.View import android.view.animation.AccelerateDecelerateInterpolator import android.view.animation.DecelerateInterpolator +import android.view.animation.OvershootInterpolator +import androidx.viewpager2.widget.ViewPager2 import android.view.inputmethod.EditorInfo import android.widget.EditText import android.widget.FrameLayout @@ -144,6 +147,19 @@ class OnboardingActivity : AppCompatActivity() { private lateinit var createWalletButton: View private lateinit var restoreWalletButton: View + // Teaser + Explainer + private lateinit var teaserCard: View + private lateinit var explainerOverlay: View + private lateinit var explainerSheet: View + private lateinit var explainerBackdrop: View + private lateinit var explainerViewPager: ViewPager2 + private lateinit var explainerCloseBtn: View + private lateinit var chevronHint1: ImageView + private lateinit var chevronHint2: ImageView + private lateinit var chevronHint3: ImageView + private var explainerOpen = false + private var chevronAnimatorSet: AnimatorSet? = null + // Step 3: Enter Seed (Restore) private lateinit var enterSeedContainer: FrameLayout private lateinit var seedInputGrid: GridLayout @@ -264,8 +280,8 @@ class OnboardingActivity : AppCompatActivity() { windowInsetsController.isAppearanceLightStatusBars = true windowInsetsController.isAppearanceLightNavigationBars = true } else { - // White/light bars for all other screens - val bgColor = android.graphics.Color.parseColor("#F6F7F8") + // White bars for all other screens + val bgColor = android.graphics.Color.WHITE window.statusBarColor = bgColor window.navigationBarColor = bgColor @@ -291,6 +307,19 @@ class OnboardingActivity : AppCompatActivity() { createWalletButton = findViewById(R.id.create_wallet_button) restoreWalletButton = findViewById(R.id.restore_wallet_button) + // Teaser + Explainer + teaserCard = findViewById(R.id.teaser_card) + explainerOverlay = findViewById(R.id.explainer_overlay) + explainerSheet = findViewById(R.id.explainer_sheet) + explainerBackdrop = findViewById(R.id.explainer_backdrop) + explainerViewPager = findViewById(R.id.explainer_view_pager) + explainerCloseBtn = findViewById(R.id.explainer_close_btn) + chevronHint1 = findViewById(R.id.chevron_hint_1) + chevronHint2 = findViewById(R.id.chevron_hint_2) + chevronHint3 = findViewById(R.id.chevron_hint_3) + + setupExplainerViewPager() + // Enter Seed enterSeedContainer = findViewById(R.id.enter_seed_container) seedInputGrid = findViewById(R.id.seed_input_grid) @@ -502,6 +531,11 @@ class OnboardingActivity : AppCompatActivity() { showStep(OnboardingStep.ENTER_SEED) } + // Teaser + Explainer + setupTeaserTouchListener() + explainerCloseBtn.setOnClickListener { closeExplainer() } + explainerBackdrop.setOnClickListener { closeExplainer() } + // Enter Seed seedBackButton.setOnClickListener { showStep(OnboardingStep.CHOOSE_PATH) @@ -545,6 +579,12 @@ class OnboardingActivity : AppCompatActivity() { welcomeAnimator = null } + // Close explainer and stop chevron animation if leaving CHOOSE_PATH + if (currentStep == OnboardingStep.CHOOSE_PATH && step != OnboardingStep.CHOOSE_PATH) { + resetExplainer() + stopChevronPulseAnimation() + } + currentStep = step // Update window bars based on the step (green only for welcome screen) @@ -578,7 +618,12 @@ class OnboardingActivity : AppCompatActivity() { if (step == OnboardingStep.WELCOME) { animateWelcomeScreen() } else { - animateContainerIn(containerToShow) + animateContainerIn(containerToShow) + } + + // Start chevron animation when showing CHOOSE_PATH + if (step == OnboardingStep.CHOOSE_PATH) { + startChevronPulseAnimation() } } @@ -597,6 +642,201 @@ class OnboardingActivity : AppCompatActivity() { }.start() } + // ══════════════════════════════════════════ + // Explainer overlay + // ══════════════════════════════════════════ + + private fun setupExplainerViewPager() { + explainerViewPager.orientation = ViewPager2.ORIENTATION_VERTICAL + explainerViewPager.adapter = ExplainerSlideAdapter() + } + + @android.annotation.SuppressLint("ClickableViewAccessibility") + private fun setupTeaserTouchListener() { + var startY = 0f + var isDragging = false + + teaserCard.setOnTouchListener { _, event -> + when (event.actionMasked) { + MotionEvent.ACTION_DOWN -> { + startY = event.rawY + isDragging = false + true + } + MotionEvent.ACTION_MOVE -> { + val diff = startY - event.rawY + if (diff > 10) { + isDragging = true + // Show the overlay and track finger + explainerOverlay.visibility = View.VISIBLE + val screenHeight = explainerOverlay.height.toFloat() + val progress = (diff / screenHeight).coerceIn(0f, 1f) + explainerSheet.translationY = screenHeight * (1f - progress) + explainerBackdrop.alpha = progress + // Fade out teaser proportionally + teaserCard.alpha = 1f - progress + } + true + } + MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> { + val diff = startY - event.rawY + if (isDragging) { + val threshold = 80 * resources.displayMetrics.density + if (diff > threshold) { + openExplainer() + } else { + snapExplainerClosed() + } + } else if (diff < 10 * resources.displayMetrics.density) { + // Tap — open + openExplainer() + } + true + } + else -> false + } + } + } + + private fun setExplainerWindowBars(open: Boolean) { + val navyColor = android.graphics.Color.parseColor("#0A2540") + val lightColor = android.graphics.Color.WHITE + val controller = WindowInsetsControllerCompat(window, window.decorView) + + if (open) { + window.statusBarColor = navyColor + window.navigationBarColor = navyColor + controller.isAppearanceLightStatusBars = false + controller.isAppearanceLightNavigationBars = false + } else { + window.statusBarColor = lightColor + window.navigationBarColor = lightColor + controller.isAppearanceLightStatusBars = true + controller.isAppearanceLightNavigationBars = true + } + } + + private fun openExplainer() { + explainerOpen = true + explainerOverlay.visibility = View.VISIBLE + setExplainerWindowBars(true) + val screenHeight = explainerOverlay.height.toFloat() + + // Animate sheet up + ObjectAnimator.ofFloat(explainerSheet, "translationY", explainerSheet.translationY, 0f).apply { + duration = 450 + interpolator = android.view.animation.PathInterpolator(0.32f, 0.72f, 0f, 1f) + }.start() + + // Fade in backdrop + ObjectAnimator.ofFloat(explainerBackdrop, "alpha", explainerBackdrop.alpha, 1f).apply { + duration = 350 + }.start() + + // Slide teaser down and fade out + ObjectAnimator.ofFloat(teaserCard, "translationY", 0f, screenHeight * 0.3f).apply { + duration = 350 + }.start() + ObjectAnimator.ofFloat(teaserCard, "alpha", 1f, 0f).apply { + duration = 200 + }.start() + } + + private fun closeExplainer() { + explainerOpen = false + setExplainerWindowBars(false) + val screenHeight = explainerOverlay.height.toFloat() + + // Animate sheet down + ObjectAnimator.ofFloat(explainerSheet, "translationY", 0f, screenHeight).apply { + duration = 450 + interpolator = android.view.animation.PathInterpolator(0.32f, 0.72f, 0f, 1f) + addListener(object : android.animation.AnimatorListenerAdapter() { + override fun onAnimationEnd(animation: android.animation.Animator) { + explainerOverlay.visibility = View.GONE + explainerViewPager.setCurrentItem(0, false) + } + }) + }.start() + + // Fade backdrop out + ObjectAnimator.ofFloat(explainerBackdrop, "alpha", 1f, 0f).apply { + duration = 350 + }.start() + + // Bounce teaser back in after a short delay + teaserCard.postDelayed({ + teaserCard.translationY = 200f + ObjectAnimator.ofFloat(teaserCard, "translationY", 200f, 0f).apply { + duration = 500 + interpolator = OvershootInterpolator(1.2f) + }.start() + ObjectAnimator.ofFloat(teaserCard, "alpha", 0f, 1f).apply { + duration = 300 + }.start() + }, 300) + } + + private fun snapExplainerClosed() { + setExplainerWindowBars(false) + val screenHeight = explainerOverlay.height.toFloat() + + ObjectAnimator.ofFloat(explainerSheet, "translationY", explainerSheet.translationY, screenHeight).apply { + duration = 350 + interpolator = DecelerateInterpolator() + addListener(object : android.animation.AnimatorListenerAdapter() { + override fun onAnimationEnd(animation: android.animation.Animator) { + explainerOverlay.visibility = View.GONE + } + }) + }.start() + + ObjectAnimator.ofFloat(explainerBackdrop, "alpha", explainerBackdrop.alpha, 0f).apply { + duration = 300 + }.start() + + // Restore teaser + ObjectAnimator.ofFloat(teaserCard, "alpha", teaserCard.alpha, 1f).apply { + duration = 200 + }.start() + } + + private fun resetExplainer() { + if (explainerOpen) { + explainerOpen = false + explainerOverlay.visibility = View.GONE + explainerSheet.translationY = 2000f + explainerBackdrop.alpha = 0f + teaserCard.translationY = 0f + teaserCard.alpha = 1f + explainerViewPager.setCurrentItem(0, false) + } + } + + private fun startChevronPulseAnimation() { + stopChevronPulseAnimation() + + val chevrons = listOf(chevronHint1, chevronHint2, chevronHint3) + val animators = chevrons.mapIndexed { index, chevron -> + ObjectAnimator.ofFloat(chevron, "alpha", 0.12f, 0.7f, 0.12f).apply { + duration = 1800 + repeatCount = ValueAnimator.INFINITE + interpolator = AccelerateDecelerateInterpolator() + startDelay = (index * 200).toLong() + } + } + + chevronAnimatorSet = AnimatorSet().apply { + playTogether(animators.map { it as android.animation.Animator }) + start() + } + } + + private fun stopChevronPulseAnimation() { + chevronAnimatorSet?.cancel() + chevronAnimatorSet = null + } + /** * Cinematic welcome screen animation with 5 phases: * 1. Logo splash with shimmer diff --git a/app/src/main/res/drawable/bg_explainer_close_btn.xml b/app/src/main/res/drawable/bg_explainer_close_btn.xml new file mode 100644 index 00000000..d7120851 --- /dev/null +++ b/app/src/main/res/drawable/bg_explainer_close_btn.xml @@ -0,0 +1,6 @@ + + + + + diff --git a/app/src/main/res/drawable/bg_placeholder_image.xml b/app/src/main/res/drawable/bg_placeholder_image.xml new file mode 100644 index 00000000..3d7a3854 --- /dev/null +++ b/app/src/main/res/drawable/bg_placeholder_image.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/app/src/main/res/drawable/bg_placeholder_image_large.xml b/app/src/main/res/drawable/bg_placeholder_image_large.xml new file mode 100644 index 00000000..3fc1c776 --- /dev/null +++ b/app/src/main/res/drawable/bg_placeholder_image_large.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/app/src/main/res/drawable/bg_teaser_card.xml b/app/src/main/res/drawable/bg_teaser_card.xml new file mode 100644 index 00000000..6b13adce --- /dev/null +++ b/app/src/main/res/drawable/bg_teaser_card.xml @@ -0,0 +1,6 @@ + + + + + diff --git a/app/src/main/res/drawable/ic_chevron_down_hint.xml b/app/src/main/res/drawable/ic_chevron_down_hint.xml new file mode 100644 index 00000000..b7ae66f3 --- /dev/null +++ b/app/src/main/res/drawable/ic_chevron_down_hint.xml @@ -0,0 +1,13 @@ + + + + diff --git a/app/src/main/res/drawable/ic_clock_stroke.xml b/app/src/main/res/drawable/ic_clock_stroke.xml new file mode 100644 index 00000000..74a008fe --- /dev/null +++ b/app/src/main/res/drawable/ic_clock_stroke.xml @@ -0,0 +1,28 @@ + + + + + + + + + diff --git a/app/src/main/res/drawable/ic_plus_stroke.xml b/app/src/main/res/drawable/ic_plus_stroke.xml new file mode 100644 index 00000000..aea1883b --- /dev/null +++ b/app/src/main/res/drawable/ic_plus_stroke.xml @@ -0,0 +1,17 @@ + + + + + diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 00540717..b032d168 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -125,18 +125,16 @@ android:id="@+id/choose_path_container" android:layout_width="match_parent" android:layout_height="match_parent" + android:background="@color/color_bg_white" android:visibility="gone"> + - - + android:paddingHorizontal="24dp" + android:paddingTop="48dp"> + android:layout_height="48dp" /> - + + android:orientation="vertical"> + + android:gravity="center_vertical" + android:paddingVertical="14dp" + android:clickable="true" + android:focusable="true" + android:background="?attr/selectableItemBackground"> + android:layout_width="22dp" + android:layout_height="22dp" + android:src="@drawable/ic_plus_stroke" + android:contentDescription="@string/onboarding_create_wallet_title" /> + android:layout_marginStart="14dp"> + android:textColor="@color/color_text_tertiary" /> - - - + - + - - + + + android:gravity="center_vertical" + android:paddingVertical="14dp" + android:clickable="true" + android:focusable="true" + android:background="?attr/selectableItemBackground"> + android:layout_width="22dp" + android:layout_height="22dp" + android:src="@drawable/ic_clock_stroke" + android:contentDescription="@string/onboarding_restore_wallet_title" /> + android:layout_marginStart="14dp"> + android:textColor="@color/color_text_tertiary" /> + + - + + + + + + android:layout_height="wrap_content" + android:orientation="vertical" + android:background="@drawable/bg_teaser_card" + android:clipChildren="true" + android:clipToPadding="false"> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - diff --git a/app/src/main/res/layout/item_explainer_slide.xml b/app/src/main/res/layout/item_explainer_slide.xml new file mode 100644 index 00000000..d1e6f14b --- /dev/null +++ b/app/src/main/res/layout/item_explainer_slide.xml @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/src/main/res/values-es/strings.xml b/app/src/main/res/values-es/strings.xml index 35dffc75..08f2ed66 100644 --- a/app/src/main/res/values-es/strings.xml +++ b/app/src/main/res/values-es/strings.xml @@ -118,6 +118,16 @@ Restaurar desde copia de seguridad Usa tu frase semilla existente + + Cmo funciona\nNumo? + Toca para\ncobrar + Ingresa un monto, toca cobrar y tu cliente acerca su telfono al tuyo. El pago llega al instante por NFC. + Auto-custodia\nautomtica + Configura el retiro automtico para mover los pagos entrantes directamente a tu billetera Lightning. Numo es auto-custodia por defecto. + Cero\ncomisiones + Numo es completamente de cdigo abierto y no cobra comisiones. Sin suscripciones, sin recortes, sin costos ocultos. Cada sat que recibes es tuyo. + Imagen de ejemplo + Atrás Restaurar cartera diff --git a/app/src/main/res/values-pt/strings.xml b/app/src/main/res/values-pt/strings.xml index dee20dce..5b9940b1 100644 --- a/app/src/main/res/values-pt/strings.xml +++ b/app/src/main/res/values-pt/strings.xml @@ -118,6 +118,16 @@ Restaurar do backup Use sua frase semente existente + + Como o Numo\nfunciona? + Toque para\nreceber + Digite um valor, toque em cobrar e seu cliente aproxima o telefone do seu. O pagamento chega instantaneamente por NFC. + Auto-custdia\nautomtica + Configure o saque automtico para mover pagamentos recebidos diretamente para sua carteira Lightning. Numo auto-custdia por padro. + Zero\ntaxas + Numo totalmente de cdigo aberto e no cobra taxas. Sem assinaturas, sem cortes, sem custos ocultos. Cada sat que voc recebe seu. + Imagem de exemplo + Voltar Restaurar carteira diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index 83f92948..92941c64 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -113,12 +113,22 @@ Set Up Your Wallet - Choose how you would like to get started + Choose how you\'d like to get started Create New Wallet Start fresh with a new seed phrase Restore from Backup Use your existing seed phrase + + How does\nNumo work? + Tap to\nget paid + Enter an amount, tap charge, and your customer holds their phone to yours. Payment lands instantly over NFC. + Automatic\nself-custody + Set up auto-withdraw to move incoming payments straight to your own Lightning wallet. Numo stays self-custodial by default. + Zero\nfees + Numo is fully open-source and charges no fees. No subscriptions, no cuts, no hidden costs. Every sat you receive is yours. + Image placeholder + Back Restore Wallet From c521aab6d9be3f5171c4071f90eef47f394a26c2 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Thu, 26 Mar 2026 23:31:54 +0100 Subject: [PATCH 049/162] fix: filter unreachable mints from onboarding defaults Pings each default mint in parallel during onboarding and only shows healthy ones on the Review Mints screen. Falls back to the full list if all mints are unreachable to avoid blocking onboarding. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 25 ++++++++++++++----- 1 file changed, 19 insertions(+), 6 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index c72f03c8..cffe4496 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -901,9 +901,9 @@ class OnboardingActivity : AppCompatActivity() { discoveredMints.clear() selectedMints.clear() onboardingMintDisplayNames.clear() - val shuffledMints = ONBOARDING_DEFAULT_MINTS.shuffled() - discoveredMints.addAll(shuffledMints) - selectedMints.addAll(shuffledMints) + val healthyMints = filterHealthyMints(ONBOARDING_DEFAULT_MINTS.shuffled()) + discoveredMints.addAll(healthyMints) + selectedMints.addAll(healthyMints) backupFound = false withContext(Dispatchers.Main) { @@ -1102,9 +1102,9 @@ class OnboardingActivity : AppCompatActivity() { } else { backupFound = false backupTimestamp = null - val shuffledMints = ONBOARDING_DEFAULT_MINTS.shuffled() - discoveredMints.addAll(shuffledMints) - selectedMints.addAll(shuffledMints) + val healthyMints = filterHealthyMints(ONBOARDING_DEFAULT_MINTS.shuffled()) + discoveredMints.addAll(healthyMints) + selectedMints.addAll(healthyMints) } withContext(Dispatchers.Main) { @@ -1292,6 +1292,19 @@ class OnboardingActivity : AppCompatActivity() { } } + /** + * Pings each mint in parallel and returns only the ones that respond successfully. + * Falls back to the full list if all mints are unreachable. + */ + private suspend fun filterHealthyMints(mints: List): List = + withContext(Dispatchers.IO) { + val results = mints.map { url -> + async { url to mintProfileService.validateMintUrl(url).isValid } + }.awaitAll() + val healthy = results.filter { it.second }.map { it.first } + healthy.ifEmpty { mints } // fall back to full list if none reachable + } + private fun refreshMintProfilesForReview() { val mintsList = discoveredMints.toList() for (mintUrl in mintsList) { From fd55a069174677254810b48235fba8199ae9348d Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Thu, 26 Mar 2026 23:48:30 +0100 Subject: [PATCH 050/162] fix: dark navy setup screen, gradient blend, explainer polish - Switch setup screen to lighter navy (#0E3050) with white text - Add gradient fade from lighter navy into dark navy teaser area - Nav bar matches dark navy for seamless bottom edge - Chevron hints only visible on first explainer slide - Remove backdrop tap-to-dismiss (close via X button only) - Fix "Zero fees" slide title to single line Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 36 +++++++++++-------- .../main/res/drawable/bg_teaser_gradient.xml | 8 +++++ app/src/main/res/drawable/ic_clock_stroke.xml | 6 ++-- app/src/main/res/drawable/ic_plus_stroke.xml | 4 +-- .../main/res/layout/activity_onboarding.xml | 27 +++++++++----- app/src/main/res/values-es/strings.xml | 2 +- app/src/main/res/values-pt/strings.xml | 2 +- app/src/main/res/values/colors.xml | 1 + app/src/main/res/values/strings.xml | 2 +- 9 files changed, 57 insertions(+), 31 deletions(-) create mode 100644 app/src/main/res/drawable/bg_teaser_gradient.xml diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index cffe4496..3f6681f0 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -157,6 +157,7 @@ class OnboardingActivity : AppCompatActivity() { private lateinit var chevronHint1: ImageView private lateinit var chevronHint2: ImageView private lateinit var chevronHint3: ImageView + private lateinit var chevronHintContainer: View private var explainerOpen = false private var chevronAnimatorSet: AnimatorSet? = null @@ -279,13 +280,17 @@ class OnboardingActivity : AppCompatActivity() { // Dark icons on white background windowInsetsController.isAppearanceLightStatusBars = true windowInsetsController.isAppearanceLightNavigationBars = true + } else if (step == OnboardingStep.CHOOSE_PATH) { + // Navy bars for setup screen — nav bar matches dark teaser area + window.statusBarColor = android.graphics.Color.parseColor("#0E3050") + window.navigationBarColor = android.graphics.Color.parseColor("#0A2540") + windowInsetsController.isAppearanceLightStatusBars = false + windowInsetsController.isAppearanceLightNavigationBars = false } else { // White bars for all other screens val bgColor = android.graphics.Color.WHITE window.statusBarColor = bgColor window.navigationBarColor = bgColor - - // Dark icons on light background windowInsetsController.isAppearanceLightStatusBars = true windowInsetsController.isAppearanceLightNavigationBars = true } @@ -317,6 +322,7 @@ class OnboardingActivity : AppCompatActivity() { chevronHint1 = findViewById(R.id.chevron_hint_1) chevronHint2 = findViewById(R.id.chevron_hint_2) chevronHint3 = findViewById(R.id.chevron_hint_3) + chevronHintContainer = findViewById(R.id.chevron_hint_container) setupExplainerViewPager() @@ -534,7 +540,6 @@ class OnboardingActivity : AppCompatActivity() { // Teaser + Explainer setupTeaserTouchListener() explainerCloseBtn.setOnClickListener { closeExplainer() } - explainerBackdrop.setOnClickListener { closeExplainer() } // Enter Seed seedBackButton.setOnClickListener { @@ -649,6 +654,14 @@ class OnboardingActivity : AppCompatActivity() { private fun setupExplainerViewPager() { explainerViewPager.orientation = ViewPager2.ORIENTATION_VERTICAL explainerViewPager.adapter = ExplainerSlideAdapter() + explainerViewPager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() { + override fun onPageSelected(position: Int) { + chevronHintContainer.animate() + .alpha(if (position == 0) 1f else 0f) + .setDuration(200) + .start() + } + }) } @android.annotation.SuppressLint("ClickableViewAccessibility") @@ -699,21 +712,16 @@ class OnboardingActivity : AppCompatActivity() { } private fun setExplainerWindowBars(open: Boolean) { - val navyColor = android.graphics.Color.parseColor("#0A2540") - val lightColor = android.graphics.Color.WHITE val controller = WindowInsetsControllerCompat(window, window.decorView) - + val darkNavy = android.graphics.Color.parseColor("#0A2540") if (open) { - window.statusBarColor = navyColor - window.navigationBarColor = navyColor - controller.isAppearanceLightStatusBars = false - controller.isAppearanceLightNavigationBars = false + window.statusBarColor = darkNavy } else { - window.statusBarColor = lightColor - window.navigationBarColor = lightColor - controller.isAppearanceLightStatusBars = true - controller.isAppearanceLightNavigationBars = true + window.statusBarColor = android.graphics.Color.parseColor("#0E3050") } + window.navigationBarColor = darkNavy // always dark navy at bottom + controller.isAppearanceLightStatusBars = false + controller.isAppearanceLightNavigationBars = false } private fun openExplainer() { diff --git a/app/src/main/res/drawable/bg_teaser_gradient.xml b/app/src/main/res/drawable/bg_teaser_gradient.xml new file mode 100644 index 00000000..5a804226 --- /dev/null +++ b/app/src/main/res/drawable/bg_teaser_gradient.xml @@ -0,0 +1,8 @@ + + + + diff --git a/app/src/main/res/drawable/ic_clock_stroke.xml b/app/src/main/res/drawable/ic_clock_stroke.xml index 74a008fe..c44d2d8b 100644 --- a/app/src/main/res/drawable/ic_clock_stroke.xml +++ b/app/src/main/res/drawable/ic_clock_stroke.xml @@ -8,21 +8,21 @@ diff --git a/app/src/main/res/drawable/ic_plus_stroke.xml b/app/src/main/res/drawable/ic_plus_stroke.xml index aea1883b..9049895c 100644 --- a/app/src/main/res/drawable/ic_plus_stroke.xml +++ b/app/src/main/res/drawable/ic_plus_stroke.xml @@ -7,11 +7,11 @@ diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index b032d168..96f27743 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -125,7 +125,7 @@ android:id="@+id/choose_path_container" android:layout_width="match_parent" android:layout_height="match_parent" - android:background="@color/color_bg_white" + android:background="@color/numo_navy_light" android:visibility="gone"> @@ -142,7 +142,7 @@ android:layout_height="wrap_content" android:text="@string/onboarding_setup_title" android:textSize="28sp" - android:textColor="@color/color_text_primary" + android:textColor="#FFFFFF" android:fontFamily="sans-serif-medium" android:gravity="center" /> @@ -152,7 +152,7 @@ android:layout_marginTop="10dp" android:text="@string/onboarding_setup_subtitle" android:textSize="16sp" - android:textColor="@color/color_text_secondary" + android:textColor="#99FFFFFF" android:gravity="center" /> + android:textColor="#73FFFFFF" /> @@ -212,7 +212,7 @@ android:layout_width="16dp" android:layout_height="16dp" android:src="@drawable/ic_chevron_right" - app:tint="@color/color_icon_tertiary" + app:tint="#4DFFFFFF" android:contentDescription="@null" /> @@ -251,7 +251,7 @@ android:layout_height="wrap_content" android:text="@string/onboarding_restore_wallet_title" android:textSize="16sp" - android:textColor="@color/color_text_primary" + android:textColor="#FFFFFF" android:fontFamily="sans-serif-medium" /> + android:textColor="#73FFFFFF" /> @@ -268,7 +268,7 @@ android:layout_width="16dp" android:layout_height="16dp" android:src="@drawable/ic_chevron_right" - app:tint="@color/color_icon_tertiary" + app:tint="#4DFFFFFF" android:contentDescription="@null" /> @@ -277,6 +277,14 @@ + + + Ingresa un monto, toca cobrar y tu cliente acerca su telfono al tuyo. El pago llega al instante por NFC. Auto-custodia\nautomtica Configura el retiro automtico para mover los pagos entrantes directamente a tu billetera Lightning. Numo es auto-custodia por defecto. - Cero\ncomisiones + Cero comisiones Numo es completamente de cdigo abierto y no cobra comisiones. Sin suscripciones, sin recortes, sin costos ocultos. Cada sat que recibes es tuyo. Imagen de ejemplo diff --git a/app/src/main/res/values-pt/strings.xml b/app/src/main/res/values-pt/strings.xml index 5b9940b1..8157702d 100644 --- a/app/src/main/res/values-pt/strings.xml +++ b/app/src/main/res/values-pt/strings.xml @@ -124,7 +124,7 @@ Digite um valor, toque em cobrar e seu cliente aproxima o telefone do seu. O pagamento chega instantaneamente por NFC. Auto-custdia\nautomtica Configure o saque automtico para mover pagamentos recebidos diretamente para sua carteira Lightning. Numo auto-custdia por padro. - Zero\ntaxas + Zero taxas Numo totalmente de cdigo aberto e no cobra taxas. Sem assinaturas, sem cortes, sem custos ocultos. Cada sat que voc recebe seu. Imagem de exemplo diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml index 1c7f2155..6113b757 100644 --- a/app/src/main/res/values/colors.xml +++ b/app/src/main/res/values/colors.xml @@ -3,6 +3,7 @@ #5EFFC2 #0A2540 + #0E3050 #0B1215 diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index 92941c64..5835cc8c 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -125,7 +125,7 @@ Enter an amount, tap charge, and your customer holds their phone to yours. Payment lands instantly over NFC. Automatic\nself-custody Set up auto-withdraw to move incoming payments straight to your own Lightning wallet. Numo stays self-custodial by default. - Zero\nfees + Zero fees Numo is fully open-source and charges no fees. No subscriptions, no cuts, no hidden costs. Every sat you receive is yours. Image placeholder From 8ae6474acdb842e6584901404900b2fbc1919dda Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 27 Mar 2026 00:00:36 +0100 Subject: [PATCH 051/162] feat: premium tap-to-pay illustration for teaser card Native Canvas-drawn illustration showing two oversized phones doing NFC tap-to-pay. Phones have drop shadows, screen glow, dynamic island, and status bar details. Intentionally large so they clip at the card edge for a dynamic, premium feel. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 2 + .../onboarding/TapToPayIllustration.kt | 278 ++++++++++++++++++ .../main/res/layout/activity_onboarding.xml | 23 +- 3 files changed, 286 insertions(+), 17 deletions(-) create mode 100644 app/src/main/java/com/electricdreams/numo/feature/onboarding/TapToPayIllustration.kt diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 3f6681f0..b94b9c24 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -324,6 +324,8 @@ class OnboardingActivity : AppCompatActivity() { chevronHint3 = findViewById(R.id.chevron_hint_3) chevronHintContainer = findViewById(R.id.chevron_hint_container) + findViewById(R.id.teaser_illustration).setImageDrawable(TapToPayIllustration()) + setupExplainerViewPager() // Enter Seed diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/TapToPayIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/TapToPayIllustration.kt new file mode 100644 index 00000000..750d8cc1 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/TapToPayIllustration.kt @@ -0,0 +1,278 @@ +package com.electricdreams.numo.feature.onboarding + +import android.graphics.* +import android.graphics.drawable.Drawable + +/** + * Premium illustration of two phones doing NFC tap-to-pay. + * Phones are large, overlapping, and intentionally extend beyond the bottom + * of the drawable bounds so the parent container clips them for a dynamic feel. + */ +class TapToPayIllustration : Drawable() { + + // Phone body — very dark navy with subtle edge highlight + private val phonePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#06131F") + style = Paint.Style.FILL + } + + private val phoneEdgePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#1C3550") + style = Paint.Style.STROKE + strokeWidth = 1.5f + } + + // Screen — slightly lighter than body + private val screenPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#0B2038") + style = Paint.Style.FILL + } + + // Screen inner glow (subtle gradient overlay) + private val glowPaint = Paint(Paint.ANTI_ALIAS_FLAG) + + // Text paints + private val amountPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.WHITE + textAlign = Paint.Align.CENTER + typeface = Typeface.create("sans-serif", Typeface.BOLD) + } + + private val labelPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#5EFFC2") + textAlign = Paint.Align.CENTER + typeface = Typeface.create("sans-serif-medium", Typeface.NORMAL) + } + + private val sublabelPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + textAlign = Paint.Align.CENTER + typeface = Typeface.create("sans-serif", Typeface.NORMAL) + } + + // NFC arcs + private val nfcPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#5EFFC2") + style = Paint.Style.STROKE + strokeCap = Paint.Cap.ROUND + } + + // Checkmark + private val checkPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#5EFFC2") + style = Paint.Style.STROKE + strokeCap = Paint.Cap.ROUND + strokeJoin = Paint.Join.ROUND + } + + // Status bar dots + private val dotPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.WHITE + style = Paint.Style.FILL + } + + override fun draw(canvas: Canvas) { + val b = bounds + val w = b.width().toFloat() + val h = b.height().toFloat() + val cx = b.left + w / 2f + val top = b.top.toFloat() + + val scale = w / 380f // normalize to a 380-wide design + + // Phones are tall — they intentionally extend past the bottom + val phoneW = 140f * scale + val phoneH = 280f * scale + val phoneR = 22f * scale + + // Position phones so tops are visible but bottoms clip + val phoneCenterY = top + h * 0.55f + + // ── Left phone (merchant) — tilted clockwise ── + canvas.save() + canvas.translate(cx - 48f * scale, phoneCenterY) + canvas.rotate(10f) + drawPhone(canvas, phoneW, phoneH, phoneR, scale, isMerchant = true) + canvas.restore() + + // ── NFC waves between phones ── + drawNfcWaves(canvas, cx + 8f * scale, top + h * 0.32f, scale) + + // ── Right phone (customer) — tilted counter-clockwise ── + canvas.save() + canvas.translate(cx + 48f * scale, phoneCenterY - 20f * scale) + canvas.rotate(-10f) + drawPhone(canvas, phoneW, phoneH, phoneR, scale, isMerchant = false) + canvas.restore() + } + + private fun drawPhone( + canvas: Canvas, w: Float, h: Float, r: Float, + scale: Float, isMerchant: Boolean + ) { + val x = -w / 2f + val y = -h / 2f + + // Shadow + val shadowPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#20000000") + maskFilter = BlurMaskFilter(12f * scale, BlurMaskFilter.Blur.NORMAL) + } + canvas.drawRoundRect( + RectF(x + 4f * scale, y + 6f * scale, x + w + 4f * scale, y + h + 6f * scale), + r, r, shadowPaint + ) + + // Phone body + val phoneRect = RectF(x, y, x + w, y + h) + canvas.drawRoundRect(phoneRect, r, r, phonePaint) + + // Edge highlight + phoneEdgePaint.strokeWidth = 1.2f * scale + canvas.drawRoundRect(phoneRect, r, r, phoneEdgePaint) + + // Screen area + val bezel = 5f * scale + val topBezel = 20f * scale + val bottomBezel = 14f * scale + val sx = x + bezel + val sy = y + topBezel + val sw = w - bezel * 2 + val sh = h - topBezel - bottomBezel + val sr = (r - 3f * scale).coerceAtLeast(8f * scale) + val screenRect = RectF(sx, sy, sx + sw, sy + sh) + canvas.drawRoundRect(screenRect, sr, sr, screenPaint) + + // Subtle screen glow from top + val glowShader = LinearGradient( + sx, sy, sx, sy + sh * 0.4f, + Color.parseColor("#0D5EFFC2"), Color.TRANSPARENT, + Shader.TileMode.CLAMP + ) + glowPaint.shader = glowShader + canvas.drawRoundRect(screenRect, sr, sr, glowPaint) + glowPaint.shader = null + + // Dynamic island + val islandW = 32f * scale + val islandH = 8f * scale + val islandX = x + (w - islandW) / 2f + val islandY = y + 8f * scale + val islandPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#030A12") + } + canvas.drawRoundRect( + RectF(islandX, islandY, islandX + islandW, islandY + islandH), + islandH / 2, islandH / 2, islandPaint + ) + + // Screen content + val screenCx = sx + sw / 2f + val screenCy = sy + sh * 0.38f + + if (isMerchant) { + drawMerchantScreen(canvas, screenCx, screenCy, sw, scale) + } else { + drawCustomerScreen(canvas, screenCx, screenCy, sw, scale) + } + + // Status bar indicators (subtle dots top-right of screen) + dotPaint.alpha = 40 + val dotY = sy + 10f * scale + for (i in 0..2) { + canvas.drawCircle(sx + sw - (12f + i * 8f) * scale, dotY, 2f * scale, dotPaint) + } + dotPaint.alpha = 255 + + // Home indicator at bottom + val homePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#30FFFFFF") + } + val homeW = 36f * scale + val homeH = 3.5f * scale + val homeX = x + (w - homeW) / 2f + val homeY = y + h - bottomBezel / 2f - homeH / 2f + canvas.drawRoundRect( + RectF(homeX, homeY, homeX + homeW, homeY + homeH), + homeH / 2, homeH / 2, homePaint + ) + } + + private fun drawMerchantScreen( + canvas: Canvas, cx: Float, cy: Float, screenW: Float, scale: Float + ) { + // Amount + amountPaint.textSize = 36f * scale + canvas.drawText("\$20", cx, cy, amountPaint) + + // Checkmark circle + val checkCy = cy + 36f * scale + val circleR = 16f * scale + val circlePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#1A5EFFC2") + } + canvas.drawCircle(cx, checkCy, circleR, circlePaint) + + // Checkmark + checkPaint.strokeWidth = 2.5f * scale + val checkPath = Path().apply { + moveTo(cx - 7f * scale, checkCy) + lineTo(cx - 1.5f * scale, checkCy + 6f * scale) + lineTo(cx + 8f * scale, checkCy - 5f * scale) + } + canvas.drawPath(checkPath, checkPaint) + + // "Payment received" label + sublabelPaint.textSize = 9f * scale + sublabelPaint.color = Color.parseColor("#60FFFFFF") + canvas.drawText("Payment received", cx, checkCy + 32f * scale, sublabelPaint) + } + + private fun drawCustomerScreen( + canvas: Canvas, cx: Float, cy: Float, screenW: Float, scale: Float + ) { + // Contactless icon at top + nfcPaint.strokeWidth = 1.8f * scale + val iconCy = cy - 36f * scale + for (i in 0..2) { + val arcR = (7f + i * 6f) * scale + nfcPaint.alpha = 200 - i * 55 + val arcRect = RectF(cx - arcR, iconCy - arcR, cx + arcR, iconCy + arcR) + canvas.drawArc(arcRect, -55f, 110f, false, nfcPaint) + } + nfcPaint.alpha = 255 + + // Amount + amountPaint.textSize = 36f * scale + canvas.drawText("\$20", cx, cy + 4f * scale, amountPaint) + + // "Tap to pay" label + labelPaint.textSize = 11f * scale + canvas.drawText("Tap to pay", cx, cy + 28f * scale, labelPaint) + + // Subtle merchant name + sublabelPaint.textSize = 8f * scale + sublabelPaint.color = Color.parseColor("#40FFFFFF") + canvas.drawText("Coffee Shop", cx, cy + 46f * scale, sublabelPaint) + } + + private fun drawNfcWaves(canvas: Canvas, cx: Float, cy: Float, scale: Float) { + nfcPaint.strokeWidth = 2.2f * scale + val alphas = intArrayOf(140, 90, 45) + for (i in 0..2) { + val r = (20f + i * 14f) * scale + nfcPaint.alpha = alphas[i] + val arcRect = RectF(cx - r, cy - r, cx + r, cy + r) + canvas.drawArc(arcRect, -40f, 80f, false, nfcPaint) + } + nfcPaint.alpha = 255 + } + + override fun setAlpha(alpha: Int) {} + override fun setColorFilter(colorFilter: ColorFilter?) {} + + @Deprecated("Deprecated in Java") + override fun getOpacity(): Int = PixelFormat.TRANSLUCENT + + override fun getIntrinsicWidth(): Int = 400 + override fun getIntrinsicHeight(): Int = 340 +} diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 96f27743..bf346891 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -325,24 +325,13 @@ - - - - - + android:layout_height="220dp" + android:scaleType="fitCenter" + android:clipToPadding="false" + android:contentDescription="@string/explainer_image_placeholder" /> From 36004310477533e5535426f91b16a0c72c638b63 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 27 Mar 2026 01:18:24 +0100 Subject: [PATCH 052/162] feat: native illustrations for explainer slides 1 and 2 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Slide 1 (Tap to get paid): two phones rotated ~75° horizontally with tops facing each other, NFC waves between them. Slide 2 (Automatic self-custody): stacked light-mode banner notifications with lightning bolt icon, "Threshold Reached" content, and animated slide-in entrance. Background cards at reduced scale/opacity create a "latest in a series" depth effect. Also fixes: NFC icon centering on teaser illustration, removes status bar dots from customer phone. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../onboarding/AutoCustodyIllustration.kt | 154 +++++++++++ .../onboarding/ExplainerSlideAdapter.kt | 40 ++- .../onboarding/TapToGetPaidIllustration.kt | 246 ++++++++++++++++++ .../onboarding/TapToPayIllustration.kt | 18 +- .../main/res/layout/item_explainer_slide.xml | 25 +- 5 files changed, 446 insertions(+), 37 deletions(-) create mode 100644 app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyIllustration.kt create mode 100644 app/src/main/java/com/electricdreams/numo/feature/onboarding/TapToGetPaidIllustration.kt diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyIllustration.kt new file mode 100644 index 00000000..17fe0aa8 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyIllustration.kt @@ -0,0 +1,154 @@ +package com.electricdreams.numo.feature.onboarding + +import android.graphics.* +import android.graphics.drawable.Drawable + +/** + * Illustration for the "Automatic self-custody" explainer slide. + * A stack of light-mode banner notifications — two faded/scaled cards behind + * the main front card, creating a "latest in a series" effect. + */ +class AutoCustodyIllustration : Drawable() { + + private val bannerPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.WHITE + style = Paint.Style.FILL + } + + private val bannerShadowPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#20000000") + maskFilter = BlurMaskFilter(18f, BlurMaskFilter.Blur.NORMAL) + } + + private val orangeBgPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#FFF0DB") + style = Paint.Style.FILL + } + + private val lightningPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#F7931A") + style = Paint.Style.FILL + } + + private val titlePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#0A2540") + typeface = Typeface.create("sans-serif-medium", Typeface.BOLD) + } + + private val subtitlePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#6F6F73") + typeface = Typeface.create("sans-serif", Typeface.NORMAL) + } + + override fun draw(canvas: Canvas) { + val b = bounds + val w = b.width().toFloat() + val h = b.height().toFloat() + val cx = b.left + w / 2f + val cy = b.top + h / 2f + + val scale = w / 380f + + val bannerW = 340f * scale + val bannerH = 82f * scale + val bannerR = 14f * scale + + // ── Back card (3rd) — smallest, most faded, furthest up ── + canvas.save() + val scale3 = 0.88f + canvas.translate(cx, cy - 22f * scale) + canvas.scale(scale3, scale3) + drawCardOnly(canvas, bannerW, bannerH, bannerR, scale, alpha = 0.20f) + canvas.restore() + + // ── Middle card (2nd) — slightly smaller, faded ── + canvas.save() + val scale2 = 0.94f + canvas.translate(cx, cy - 10f * scale) + canvas.scale(scale2, scale2) + drawCardOnly(canvas, bannerW, bannerH, bannerR, scale, alpha = 0.45f) + canvas.restore() + + // ── Front card (1st) — full size, full content ── + drawMainBanner(canvas, cx, cy + 6f * scale, bannerW, bannerH, bannerR, scale) + } + + /** Draws just the white card shape — no content, used for background stack. */ + private fun drawCardOnly( + canvas: Canvas, w: Float, h: Float, r: Float, scale: Float, alpha: Float + ) { + val rect = RectF(-w / 2, -h / 2, w / 2, h / 2) + + // Shadow + bannerShadowPaint.alpha = (alpha * 50).toInt() + canvas.drawRoundRect( + RectF(rect.left + 2f * scale, rect.top + 4f * scale, + rect.right + 2f * scale, rect.bottom + 4f * scale), + r, r, bannerShadowPaint + ) + bannerShadowPaint.alpha = 0x20 // restore default + + // Card + bannerPaint.alpha = (alpha * 255).toInt() + canvas.drawRoundRect(rect, r, r, bannerPaint) + bannerPaint.alpha = 255 + } + + /** Draws the front banner with full content. */ + private fun drawMainBanner( + canvas: Canvas, cx: Float, cy: Float, + w: Float, h: Float, r: Float, scale: Float + ) { + val rect = RectF(cx - w / 2, cy - h / 2, cx + w / 2, cy + h / 2) + + // Shadow + canvas.drawRoundRect( + RectF(rect.left + 2f * scale, rect.top + 8f * scale, + rect.right + 2f * scale, rect.bottom + 8f * scale), + r, r, bannerShadowPaint + ) + + // Card + canvas.drawRoundRect(rect, r, r, bannerPaint) + + // Lightning icon background + val iconSize = 48f * scale + val iconR = 12f * scale + val iconX = rect.left + 18f * scale + val iconY = cy - iconSize / 2f + val iconRect = RectF(iconX, iconY, iconX + iconSize, iconY + iconSize) + canvas.drawRoundRect(iconRect, iconR, iconR, orangeBgPaint) + + // Lightning bolt + val boltCx = iconX + iconSize / 2f + val boltCy = iconY + iconSize / 2f + val boltPath = Path().apply { + moveTo(boltCx + 1.5f * scale, boltCy - 12f * scale) + lineTo(boltCx - 7f * scale, boltCy + 1f * scale) + lineTo(boltCx - 0.5f * scale, boltCy + 1f * scale) + lineTo(boltCx - 1.5f * scale, boltCy + 12f * scale) + lineTo(boltCx + 7f * scale, boltCy - 1f * scale) + lineTo(boltCx + 0.5f * scale, boltCy - 1f * scale) + close() + } + canvas.drawPath(boltPath, lightningPaint) + + // Title + val textX = iconX + iconSize + 16f * scale + titlePaint.textSize = 16f * scale + canvas.drawText("Threshold Reached", textX, cy - 5f * scale, titlePaint) + + // Subtitle + subtitlePaint.textSize = 13f * scale + canvas.drawText("\$50.00 sent to satoshi@alby.com", textX, cy + 16f * scale, subtitlePaint) + } + + override fun setAlpha(alpha: Int) {} + override fun setColorFilter(colorFilter: ColorFilter?) {} + + @Deprecated("Deprecated in Java") + override fun getOpacity(): Int = PixelFormat.TRANSLUCENT + + override fun getIntrinsicWidth(): Int = 400 + override fun getIntrinsicHeight(): Int = 250 +} diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt index b27b66c5..59f914b2 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt @@ -1,20 +1,31 @@ package com.electricdreams.numo.feature.onboarding +import android.graphics.drawable.Drawable import android.view.LayoutInflater import android.view.View import android.view.ViewGroup +import android.view.animation.DecelerateInterpolator +import android.widget.ImageView import android.widget.TextView import androidx.recyclerview.widget.RecyclerView import com.electricdreams.numo.R class ExplainerSlideAdapter : RecyclerView.Adapter() { - private data class Slide(val titleRes: Int, val bodyRes: Int) + private data class Slide( + val titleRes: Int, + val bodyRes: Int, + val illustration: (() -> Drawable)?, + val animateIn: Boolean = false + ) private val slides = listOf( - Slide(R.string.explainer_slide1_title, R.string.explainer_slide1_body), - Slide(R.string.explainer_slide2_title, R.string.explainer_slide2_body), - Slide(R.string.explainer_slide3_title, R.string.explainer_slide3_body) + Slide(R.string.explainer_slide1_title, R.string.explainer_slide1_body, + illustration = { TapToGetPaidIllustration() }), + Slide(R.string.explainer_slide2_title, R.string.explainer_slide2_body, + illustration = { AutoCustodyIllustration() }, animateIn = true), + Slide(R.string.explainer_slide3_title, R.string.explainer_slide3_body, + illustration = null) ) override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): SlideViewHolder { @@ -27,6 +38,26 @@ class ExplainerSlideAdapter : RecyclerView.Adapter + android:clipChildren="false" + android:clipToPadding="false"> - - - - - + android:scaleType="fitCenter" + android:contentDescription="@null" /> From 759de97ed8cc9930b4466154074b508dd68236c2 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 27 Mar 2026 02:20:17 +0100 Subject: [PATCH 053/162] feat: unified dark navy onboarding design system Apply dark navy theme across all onboarding screens with consistent design tokens: navy backgrounds, white/green text, white primary buttons, dark seed inputs, dark mint cards, dark bottom sheet. - All screens use numo_navy_light bg with matching system bars - White primary buttons with disabled state (translucent) - Green hero titles (left-aligned, uppercase, black weight) - Dark-themed mint adapter, hero card, add-mint bottom sheet - Mint green checkmark on success screen - Zero Fees animated illustration (slash + bounce-in) - Removed forced line breaks from title strings - Removed chevrons from wallet option rows - Design spec documented in docs/onboarding-design-spec.md Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/AddMintBottomSheet.kt | 3 +- .../onboarding/ExplainerSlideAdapter.kt | 61 +++-- .../feature/onboarding/OnboardingActivity.kt | 59 +++-- .../onboarding/OnboardingMintAdapter.kt | 12 +- .../onboarding/ZeroFeesIllustration.kt | 142 ++++++++++ .../main/res/color/button_text_onboarding.xml | 5 + .../res/drawable/bg_bottom_sheet_dark.xml | 5 + app/src/main/res/drawable/bg_button_green.xml | 10 + .../res/drawable/bg_button_outlined_dark.xml | 11 + app/src/main/res/drawable/bg_button_white.xml | 16 +- app/src/main/res/drawable/bg_default_pill.xml | 2 +- .../res/drawable/bg_hero_bolt_fade_green.xml | 4 +- .../res/drawable/bg_hero_gradient_dark.xml | 6 + app/src/main/res/drawable/bg_input_dark.xml | 7 + .../main/res/drawable/bg_mint_add_button.xml | 2 +- app/src/main/res/drawable/bg_mint_item.xml | 4 +- .../main/res/drawable/bg_seed_input_dark.xml | 7 + .../drawable/bg_seed_input_dark_focused.xml | 7 + .../res/drawable/ic_success_checkmark.xml | 12 +- .../main/res/layout/activity_onboarding.xml | 249 +++++++++--------- .../main/res/layout/bottom_sheet_add_mint.xml | 37 +-- .../main/res/layout/item_explainer_slide.xml | 3 +- .../main/res/layout/item_onboarding_mint.xml | 4 +- .../res/layout/item_onboarding_mint_add.xml | 2 +- .../layout/item_onboarding_mint_header.xml | 4 +- .../res/layout/item_onboarding_mint_hero.xml | 16 +- .../res/layout/item_onboarding_mint_hint.xml | 2 +- app/src/main/res/values-es/strings.xml | 6 +- app/src/main/res/values-pt/strings.xml | 6 +- app/src/main/res/values/strings.xml | 10 +- docs/onboarding-design-spec.md | 56 ++++ 31 files changed, 521 insertions(+), 249 deletions(-) create mode 100644 app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt create mode 100644 app/src/main/res/color/button_text_onboarding.xml create mode 100644 app/src/main/res/drawable/bg_bottom_sheet_dark.xml create mode 100644 app/src/main/res/drawable/bg_button_green.xml create mode 100644 app/src/main/res/drawable/bg_button_outlined_dark.xml create mode 100644 app/src/main/res/drawable/bg_hero_gradient_dark.xml create mode 100644 app/src/main/res/drawable/bg_input_dark.xml create mode 100644 app/src/main/res/drawable/bg_seed_input_dark.xml create mode 100644 app/src/main/res/drawable/bg_seed_input_dark_focused.xml create mode 100644 docs/onboarding-design-spec.md diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt index 47bcd00a..1e13736a 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt @@ -42,6 +42,7 @@ class AddMintBottomSheet : BottomSheetDialogFragment() { dialog.window?.setSoftInputMode( WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE ) + dialog.window?.navigationBarColor = android.graphics.Color.parseColor("#0E3050") return dialog } @@ -108,7 +109,7 @@ class AddMintBottomSheet : BottomSheetDialogFragment() { ) bottomSheet?.let { sheet -> sheet.setBackgroundColor( - ContextCompat.getColor(requireContext(), R.color.color_bg_white) + android.graphics.Color.parseColor("#0E3050") ) val behavior = BottomSheetBehavior.from(sheet) behavior.state = BottomSheetBehavior.STATE_EXPANDED diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt index 59f914b2..421b5e3d 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt @@ -5,6 +5,7 @@ import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import android.view.animation.DecelerateInterpolator +import android.widget.FrameLayout import android.widget.ImageView import android.widget.TextView import androidx.recyclerview.widget.RecyclerView @@ -12,11 +13,17 @@ import com.electricdreams.numo.R class ExplainerSlideAdapter : RecyclerView.Adapter() { + private companion object { + const val TYPE_DRAWABLE = 0 + const val TYPE_ZERO_FEES = 1 + } + private data class Slide( val titleRes: Int, val bodyRes: Int, - val illustration: (() -> Drawable)?, - val animateIn: Boolean = false + val illustration: (() -> Drawable)? = null, + val animateIn: Boolean = false, + val customViewType: Int = TYPE_DRAWABLE ) private val slides = listOf( @@ -25,7 +32,7 @@ class ExplainerSlideAdapter : RecyclerView.Adapter container.background = ContextCompat.getDrawable( context, - if (hasFocus) R.drawable.bg_seed_input_focused else R.drawable.bg_seed_input + if (hasFocus) R.drawable.bg_seed_input_dark_focused else R.drawable.bg_seed_input_dark ) } @@ -1015,9 +1015,9 @@ class OnboardingActivity : AppCompatActivity() { else -> { seedValidationStatus.visibility = View.VISIBLE seedValidationIcon.setImageResource(R.drawable.ic_check) - seedValidationIcon.setColorFilter(ContextCompat.getColor(this, R.color.color_success_green)) + seedValidationIcon.setColorFilter(ContextCompat.getColor(this, R.color.numo_fluorescent_green)) seedValidationText.text = getString(R.string.onboarding_seed_validation_ready) - seedValidationText.setTextColor(ContextCompat.getColor(this, R.color.color_success_green)) + seedValidationText.setTextColor(ContextCompat.getColor(this, R.color.numo_fluorescent_green)) } } @@ -1192,20 +1192,20 @@ class OnboardingActivity : AppCompatActivity() { if (backupFound) { backupStatusCard.background = ContextCompat.getDrawable(this, R.drawable.bg_success_card) backupStatusIcon.setImageResource(R.drawable.ic_cloud_done) - backupStatusIcon.setColorFilter(ContextCompat.getColor(this, R.color.color_success_green)) + backupStatusIcon.setColorFilter(ContextCompat.getColor(this, R.color.numo_fluorescent_green)) backupStatusTitle.text = getString(R.string.onboarding_backup_found_title) - backupStatusTitle.setTextColor(ContextCompat.getColor(this, R.color.color_success_green)) + backupStatusTitle.setTextColor(ContextCompat.getColor(this, R.color.numo_fluorescent_green)) val dateStr = backupTimestamp?.let { SimpleDateFormat("MMM d, yyyy 'at' h:mm a", Locale.getDefault()).format(Date(it * 1000)) } ?: getString(R.string.restore_backup_unknown_date) backupStatusSubtitle.text = getString(R.string.onboarding_backup_found_subtitle, dateStr) } else { - backupStatusCard.background = ContextCompat.getDrawable(this, R.drawable.bg_info_card) + backupStatusCard.setBackgroundColor(ContextCompat.getColor(this, R.color.numo_navy)) backupStatusIcon.setImageResource(R.drawable.ic_cloud_off) - backupStatusIcon.setColorFilter(ContextCompat.getColor(this, R.color.color_text_tertiary)) + backupStatusIcon.setColorFilter(android.graphics.Color.parseColor("#73FFFFFF")) backupStatusTitle.text = getString(R.string.onboarding_backup_not_found_title) - backupStatusTitle.setTextColor(ContextCompat.getColor(this, R.color.color_text_primary)) + backupStatusTitle.setTextColor(android.graphics.Color.WHITE) backupStatusSubtitle.text = getString(R.string.onboarding_backup_not_found_subtitle) } mintsContinueButton.text = getString(R.string.onboarding_mints_continue_restore) @@ -1254,6 +1254,7 @@ class OnboardingActivity : AppCompatActivity() { private fun updateContinueButtonState() { val totalSelected = mintAdapter.getAllSelectedMints().size mintsContinueButton.isEnabled = totalSelected > 0 + mintsContinueButton.alpha = if (totalSelected > 0) 1f else 0.35f } private fun loadMintIcon(mintUrl: String, iconView: ShapeableImageView) { @@ -1466,7 +1467,7 @@ class OnboardingActivity : AppCompatActivity() { FrameLayout.LayoutParams.MATCH_PARENT ) isIndeterminate = true - indeterminateTintList = ContextCompat.getColorStateList(context, R.color.color_text_tertiary) + indeterminateTintList = ContextCompat.getColorStateList(context, R.color.numo_fluorescent_green) } val statusIcon = ImageView(this).apply { @@ -1488,7 +1489,7 @@ class OnboardingActivity : AppCompatActivity() { val nameText = TextView(this).apply { text = mintManager.getMintDisplayName(mintUrl) - setTextColor(ContextCompat.getColor(context, R.color.color_text_primary)) + setTextColor(android.graphics.Color.WHITE) textSize = 15f typeface = android.graphics.Typeface.create("sans-serif-medium", android.graphics.Typeface.NORMAL) tag = "name" @@ -1496,7 +1497,7 @@ class OnboardingActivity : AppCompatActivity() { val statusText = TextView(this).apply { text = getString(R.string.restore_progress_status_waiting) - setTextColor(ContextCompat.getColor(context, R.color.color_text_tertiary)) + setTextColor(android.graphics.Color.parseColor("#73FFFFFF")) textSize = 13f tag = "status" } @@ -1543,7 +1544,7 @@ class OnboardingActivity : AppCompatActivity() { spinner?.visibility = View.GONE statusIcon?.visibility = View.VISIBLE statusIcon?.setImageResource(R.drawable.ic_check) - statusIcon?.setColorFilter(ContextCompat.getColor(this, R.color.color_success_green)) + statusIcon?.setColorFilter(ContextCompat.getColor(this, R.color.numo_fluorescent_green)) val diff = after - before if (diff != 0L) { @@ -1554,7 +1555,7 @@ class OnboardingActivity : AppCompatActivity() { balanceText?.setTextColor( ContextCompat.getColor( this, - if (diff >= 0) R.color.color_success_green else R.color.color_warning_red + if (diff >= 0) R.color.numo_fluorescent_green else R.color.color_warning_red ) ) } @@ -1637,14 +1638,14 @@ class OnboardingActivity : AppCompatActivity() { val nameText = TextView(this).apply { text = mintManager.getMintDisplayName(mintUrl) - setTextColor(ContextCompat.getColor(context, R.color.color_text_primary)) + setTextColor(android.graphics.Color.WHITE) textSize = 15f typeface = android.graphics.Typeface.create("sans-serif-medium", android.graphics.Typeface.NORMAL) } val detailText = TextView(this).apply { text = getString(R.string.restore_success_balance_line, after) - setTextColor(ContextCompat.getColor(context, R.color.color_text_secondary)) + setTextColor(android.graphics.Color.parseColor("#99FFFFFF")) textSize = 13f } @@ -1657,9 +1658,9 @@ class OnboardingActivity : AppCompatActivity() { ContextCompat.getColor( context, when { - diff > 0 -> R.color.color_success_green + diff > 0 -> R.color.numo_fluorescent_green diff < 0 -> R.color.color_warning_red - else -> R.color.color_text_secondary + else -> R.color.numo_fluorescent_green } ) ) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index c342a9ef..238697b9 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -219,7 +219,7 @@ class OnboardingMintAdapter( // Mint icon with rounded corners h.mintIcon.setImageResource(R.drawable.ic_bitcoin) h.mintIcon.setColorFilter(ContextCompat.getColor(context, R.color.color_primary)) - h.mintIcon.setBackgroundColor(ContextCompat.getColor(context, R.color.color_bg_tertiary)) + h.mintIcon.setBackgroundColor(android.graphics.Color.parseColor("#1AFFFFFF")) h.mintIcon.shapeAppearanceModel = h.mintIcon.shapeAppearanceModel.toBuilder() .setAllCornerSizes(22f * density) .build() @@ -233,7 +233,7 @@ class OnboardingMintAdapter( // Icon h.icon.setImageResource(R.drawable.ic_bitcoin) h.icon.setColorFilter(ContextCompat.getColor(context, R.color.color_primary)) - h.icon.setBackgroundColor(ContextCompat.getColor(context, R.color.color_bg_tertiary)) + h.icon.setBackgroundColor(android.graphics.Color.parseColor("#1AFFFFFF")) h.icon.shapeAppearanceModel = h.icon.shapeAppearanceModel.toBuilder() .setAllCornerSizes(20f * density) .build() @@ -289,14 +289,14 @@ class OnboardingMintAdapter( ) { if (isAccepted) { holder.checkbox.setImageResource(R.drawable.ic_checkbox_checked) - holder.checkbox.setColorFilter(ContextCompat.getColor(context, R.color.color_text_primary)) + holder.checkbox.setColorFilter(android.graphics.Color.WHITE) holder.status.text = context.getString(R.string.onboarding_mints_status_accepting) - holder.status.setTextColor(ContextCompat.getColor(context, R.color.color_text_secondary)) + holder.status.setTextColor(android.graphics.Color.parseColor("#99FFFFFF")) } else { holder.checkbox.setImageResource(R.drawable.ic_checkbox_unchecked) - holder.checkbox.setColorFilter(ContextCompat.getColor(context, R.color.color_text_tertiary)) + holder.checkbox.setColorFilter(android.graphics.Color.parseColor("#4DFFFFFF")) holder.status.text = context.getString(R.string.onboarding_mints_status_not_accepting) - holder.status.setTextColor(ContextCompat.getColor(context, R.color.color_text_tertiary)) + holder.status.setTextColor(android.graphics.Color.parseColor("#73FFFFFF")) } } diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt new file mode 100644 index 00000000..0f645002 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt @@ -0,0 +1,142 @@ +package com.electricdreams.numo.feature.onboarding + +import android.animation.AnimatorSet +import android.animation.ValueAnimator +import android.content.Context +import android.graphics.* +import android.util.AttributeSet +import android.view.View +import android.view.animation.AccelerateDecelerateInterpolator +import android.view.animation.DecelerateInterpolator +import android.view.animation.OvershootInterpolator + +/** + * Animated illustration for the "Zero Fees" explainer slide. + * Simple sequence: "2%" shown → slash line draws across → "2%" fades out → "0%" fades in. + */ +class ZeroFeesIllustration @JvmOverloads constructor( + context: Context, attrs: AttributeSet? = null +) : View(context, attrs) { + + private var slashProgress = 0f // 0..1 how much of the slash line is drawn + private var feeAlpha = 1f // "2%" opacity + private var zeroAlpha = 0f // "0%" opacity + private var zeroScale = 0.7f // "0%" scale + + private var animStarted = false + private var animatorSet: AnimatorSet? = null + + private val feePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.WHITE + textAlign = Paint.Align.CENTER + typeface = Typeface.create("sans-serif", Typeface.BOLD) + alpha = 130 + } + + private val slashPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.WHITE + style = Paint.Style.STROKE + strokeCap = Paint.Cap.ROUND + alpha = 180 + } + + private val zeroPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.WHITE + textAlign = Paint.Align.CENTER + typeface = Typeface.create("sans-serif-black", Typeface.BOLD) + } + + override fun onDraw(canvas: Canvas) { + super.onDraw(canvas) + + val w = width.toFloat() + val h = height.toFloat() + val cx = w / 2f + val cy = h / 2f + val s = w / 380f + + feePaint.textSize = 72f * s + zeroPaint.textSize = 82f * s + slashPaint.strokeWidth = 3.5f * s + + // "2%" (fades out) + if (feeAlpha > 0.01f) { + feePaint.alpha = (feeAlpha * 130).toInt() + canvas.drawText("2%", cx, cy + 24f * s, feePaint) + } + + // Diagonal slash across the "2%" + if (slashProgress > 0f && feeAlpha > 0.01f) { + slashPaint.alpha = (feeAlpha * 180).toInt() + val x1 = cx - 55f * s + val y1 = cy + 48f * s + val x2 = cx + 55f * s + val y2 = cy - 10f * s + canvas.drawLine( + x1, y1, + x1 + (x2 - x1) * slashProgress, + y1 + (y2 - y1) * slashProgress, + slashPaint + ) + } + + // "0%" (fades in) + if (zeroAlpha > 0.01f) { + zeroPaint.alpha = (zeroAlpha * 255).toInt() + canvas.save() + canvas.scale(zeroScale, zeroScale, cx, cy + 24f * s) + canvas.drawText("0%", cx, cy + 24f * s, zeroPaint) + canvas.restore() + } + } + + override fun onAttachedToWindow() { + super.onAttachedToWindow() + if (!animStarted) { + postDelayed({ startAnimation() }, 600) + } + } + + override fun onDetachedFromWindow() { + super.onDetachedFromWindow() + animatorSet?.cancel() + } + + private fun startAnimation() { + if (animStarted) return + animStarted = true + + // Step 1: Slash draws across "2%" (0–400ms) + val slash = ValueAnimator.ofFloat(0f, 1f).apply { + duration = 400 + interpolator = AccelerateDecelerateInterpolator() + addUpdateListener { slashProgress = it.animatedValue as Float; invalidate() } + } + + // Step 2: "2%" + slash fade out (0–350ms after slash) + val fadeOut = ValueAnimator.ofFloat(1f, 0f).apply { + duration = 350 + interpolator = DecelerateInterpolator() + addUpdateListener { feeAlpha = it.animatedValue as Float; invalidate() } + } + + // Step 3: "0%" bounces in (0–500ms after fade) + val zeroIn = ValueAnimator.ofFloat(0f, 1f).apply { + duration = 500 + interpolator = OvershootInterpolator(1.5f) + addUpdateListener { + val p = it.animatedValue as Float + zeroAlpha = p + zeroScale = 0.7f + 0.3f * p + invalidate() + } + } + + animatorSet = AnimatorSet().apply { + play(slash) + play(fadeOut).after(slash) + play(zeroIn).after(fadeOut) + start() + } + } +} diff --git a/app/src/main/res/color/button_text_onboarding.xml b/app/src/main/res/color/button_text_onboarding.xml new file mode 100644 index 00000000..f51b0e77 --- /dev/null +++ b/app/src/main/res/color/button_text_onboarding.xml @@ -0,0 +1,5 @@ + + + + + diff --git a/app/src/main/res/drawable/bg_bottom_sheet_dark.xml b/app/src/main/res/drawable/bg_bottom_sheet_dark.xml new file mode 100644 index 00000000..6a1663e3 --- /dev/null +++ b/app/src/main/res/drawable/bg_bottom_sheet_dark.xml @@ -0,0 +1,5 @@ + + + + + diff --git a/app/src/main/res/drawable/bg_button_green.xml b/app/src/main/res/drawable/bg_button_green.xml new file mode 100644 index 00000000..5766840c --- /dev/null +++ b/app/src/main/res/drawable/bg_button_green.xml @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/app/src/main/res/drawable/bg_button_outlined_dark.xml b/app/src/main/res/drawable/bg_button_outlined_dark.xml new file mode 100644 index 00000000..8f01a432 --- /dev/null +++ b/app/src/main/res/drawable/bg_button_outlined_dark.xml @@ -0,0 +1,11 @@ + + + + + + + + + + diff --git a/app/src/main/res/drawable/bg_button_white.xml b/app/src/main/res/drawable/bg_button_white.xml index bbf6b3e2..a2f7aec6 100644 --- a/app/src/main/res/drawable/bg_button_white.xml +++ b/app/src/main/res/drawable/bg_button_white.xml @@ -1,23 +1,23 @@ - + - - + + - + - - + + - + - + diff --git a/app/src/main/res/drawable/bg_default_pill.xml b/app/src/main/res/drawable/bg_default_pill.xml index 9035275f..9df0454e 100644 --- a/app/src/main/res/drawable/bg_default_pill.xml +++ b/app/src/main/res/drawable/bg_default_pill.xml @@ -1,6 +1,6 @@ - + diff --git a/app/src/main/res/drawable/bg_hero_bolt_fade_green.xml b/app/src/main/res/drawable/bg_hero_bolt_fade_green.xml index 43a15087..37257da0 100644 --- a/app/src/main/res/drawable/bg_hero_bolt_fade_green.xml +++ b/app/src/main/res/drawable/bg_hero_bolt_fade_green.xml @@ -3,7 +3,7 @@ android:shape="rectangle"> diff --git a/app/src/main/res/drawable/bg_hero_gradient_dark.xml b/app/src/main/res/drawable/bg_hero_gradient_dark.xml new file mode 100644 index 00000000..6b13adce --- /dev/null +++ b/app/src/main/res/drawable/bg_hero_gradient_dark.xml @@ -0,0 +1,6 @@ + + + + + diff --git a/app/src/main/res/drawable/bg_input_dark.xml b/app/src/main/res/drawable/bg_input_dark.xml new file mode 100644 index 00000000..6c0c0f2e --- /dev/null +++ b/app/src/main/res/drawable/bg_input_dark.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/app/src/main/res/drawable/bg_mint_add_button.xml b/app/src/main/res/drawable/bg_mint_add_button.xml index d44a1e05..e81f4de3 100644 --- a/app/src/main/res/drawable/bg_mint_add_button.xml +++ b/app/src/main/res/drawable/bg_mint_add_button.xml @@ -4,7 +4,7 @@ diff --git a/app/src/main/res/drawable/bg_mint_item.xml b/app/src/main/res/drawable/bg_mint_item.xml index ded70544..b736c0e1 100644 --- a/app/src/main/res/drawable/bg_mint_item.xml +++ b/app/src/main/res/drawable/bg_mint_item.xml @@ -1,9 +1,9 @@ + android:color="#1AFFFFFF"> - + diff --git a/app/src/main/res/drawable/bg_seed_input_dark.xml b/app/src/main/res/drawable/bg_seed_input_dark.xml new file mode 100644 index 00000000..2224adb9 --- /dev/null +++ b/app/src/main/res/drawable/bg_seed_input_dark.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/app/src/main/res/drawable/bg_seed_input_dark_focused.xml b/app/src/main/res/drawable/bg_seed_input_dark_focused.xml new file mode 100644 index 00000000..32280717 --- /dev/null +++ b/app/src/main/res/drawable/bg_seed_input_dark_focused.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/app/src/main/res/drawable/ic_success_checkmark.xml b/app/src/main/res/drawable/ic_success_checkmark.xml index b3e087b6..a4d2b652 100644 --- a/app/src/main/res/drawable/ic_success_checkmark.xml +++ b/app/src/main/res/drawable/ic_success_checkmark.xml @@ -4,15 +4,11 @@ android:height="88dp" android:viewportWidth="88" android:viewportHeight="88"> - + - - - + android:fillColor="#5EFFC2" + android:pathData="M44,44m-40,0a40,40 0,1 1,80 0a40,40 0,1 1,-80 0"/> + diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index bf346891..00279feb 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -4,7 +4,7 @@ xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" - android:background="@color/color_bg_light"> + android:background="@color/numo_navy_light"> @@ -141,23 +141,16 @@ android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/onboarding_setup_title" - android:textSize="28sp" - android:textColor="#FFFFFF" - android:fontFamily="sans-serif-medium" - android:gravity="center" /> - - + android:textSize="32sp" + android:textColor="@color/numo_fluorescent_green" + android:fontFamily="sans-serif-black" + android:textAllCaps="true" + android:letterSpacing="-0.03" + android:lineSpacingMultiplier="1.05" /> + android:layout_height="40dp" /> - - - - @@ -318,7 +297,7 @@ android:text="@string/explainer_teaser_title" android:textSize="32sp" android:fontFamily="sans-serif-black" - android:textColor="@color/numo_fluorescent_green" + android:textColor="#FFFFFF" android:textAllCaps="true" android:letterSpacing="-0.03" android:lineSpacingMultiplier="1.05" /> @@ -454,39 +433,32 @@ android:layout_height="match_parent" android:orientation="vertical"> - - - - - - - - + + - + + @@ -532,17 +504,22 @@ + android:background="@drawable/bg_button_outlined_dark" + app:backgroundTint="@null" + app:cornerRadius="22dp" + app:icon="@drawable/ic_copy" + app:iconSize="18dp" + app:iconTint="#FFFFFF" + app:iconGravity="textStart" + app:iconPadding="6dp" /> + app:tint="@color/numo_fluorescent_green" /> + android:textColor="@color/numo_fluorescent_green" /> @@ -584,7 +561,7 @@ android:paddingHorizontal="20dp" android:paddingTop="16dp" android:paddingBottom="32dp" - android:background="@color/color_bg_light"> + android:background="@color/numo_navy_light"> + app:elevation="0dp" /> @@ -623,7 +603,7 @@ android:layout_width="64dp" android:layout_height="64dp" android:indeterminate="true" - android:indeterminateTint="@color/color_text_primary" /> + android:indeterminateTint="@color/numo_fluorescent_green" /> @@ -667,7 +647,7 @@ android:layout_width="64dp" android:layout_height="64dp" android:indeterminate="true" - android:indeterminateTint="@color/color_text_primary" /> + android:indeterminateTint="@color/numo_fluorescent_green" /> @@ -705,39 +685,32 @@ android:layout_height="match_parent" android:orientation="vertical"> - - - - - - - - + + - + + + app:tint="@color/numo_fluorescent_green" /> + android:textColor="#99FFFFFF" /> @@ -807,15 +780,22 @@ android:paddingHorizontal="20dp" android:paddingTop="12dp" android:paddingBottom="32dp" - android:background="@color/color_bg_light"> + android:background="@color/numo_navy_light"> - - - - - - -``` - ---- - -## WHAT TO REMOVE APP-WIDE - -- Star icons for setting default mint -- Divider lines under nav bar titles -- Extra/applied background colors on screen content areas -- Inconsistent inline/custom text styles that should use shared components -- One-off button styles that don't match the primary/secondary button specs -- Centered multi-line text in cards (left-align instead) - -## WHAT TO ADD/ENSURE APP-WIDE - -- Shared section header component/style used everywhere -- Shared row component with consistent title/subtitle typography -- Shared primary button (pill-shaped, full width) -- Shared secondary button (dashed border, green press state) -- Shared checkbox component (22dp, 6dp radius, green checked) -- Shared nav bar (centered title, circular back button, no divider) -- Staggered entrance animations on every screen -- Consistent spacing values across all screens -- Both light mode and dark mode verified on every screen diff --git a/docs/SwapToLightningMint.md b/docs/SwapToLightningMint.md deleted file mode 100644 index 546efcc7..00000000 --- a/docs/SwapToLightningMint.md +++ /dev/null @@ -1,858 +0,0 @@ -# SwapToLightningMint Design Plan - -## 0. Goal / Overview - -Allow the POS to **accept ecash from any reachable mint**, even if that mint is _not_ in the merchant's configured allowed‑mints list, by: - -1. Detecting that the payer is using an unknown mint. -2. Treating the unknown mint purely as a **temporary source** of liquidity. -3. Melting the payer's ecash at that mint to pay a **Lightning invoice generated from the POS’s configured Lightning mint**. -4. Verifying that the payment succeeded and that the preimage from the unknown mint’s melt matches the Lightning invoice’s payment hash. - -The merchant ultimately receives funds on their **Lightning mint** only; the payer’s unknown mint is used only as an intermediate bridge. - -This plan is now aligned with the **implemented code** in the app. Where relevant, -we reference concrete classes and methods. - ---- - -## 1. Current Relevant Architecture & Flows - -### 1.1. Cashu token validation & redemption - -**File:** `app/src/main/java/com/electricdreams/numo/ndef/CashuPaymentHelper.kt` - -Key parts: - -- `isCashuToken(text: String?)`: checks for `cashuA` / `cashuB` prefix. -- `validateToken(tokenString, expectedAmount, allowedMints)`: - - Decodes `org.cashudevkit.Token`. - - Ensures `unit == CurrencyUnit.Sat`. - - If `allowedMints` is not empty, checks that `token.mintUrl().url` is in `allowedMints`. **Currently rejects tokens from unknown mints.** - - Checks that `token.value().value >= expectedAmount`. -- `redeemToken(tokenString: String?)`: - - Gets `MultiMintWallet` via `CashuWalletManager.getWallet()`. - - Decodes token with `org.cashudevkit.Token.decode(...)`. - - Derives mint URL and then calls CDK wallet to **receive** the token. - -There is also `redeemFromPRPayload(...)` for Nostr/Cashu payloads; it similarly enforces allowed mints and then redeems via a temporary JDK token. - -### 1.2. Wallet & mint management (MultiMint + temporary single-mint) - -**File:** `app/src/main/java/com/electricdreams/numo/core/cashu/CashuWalletManager.kt` - -- Manages the app’s **primary `MultiMintWallet`** and its on-disk `WalletSqliteDatabase`. -- Registers only **allowed mints** when building the wallet (`rebuildWallet`). -- Exposes helpers: - - `getWallet(): MultiMintWallet?` - - `getBalanceForMint(mintUrl: String): Long` - - `getAllMintBalances(): Map` - - `fetchMintInfo(mintUrl: String): MintInfo?` (wraps `wallet.fetchMintInfo(MintUrl)` – used for reachability checks). -- **New (for SwapToLightningMint):** - - `suspend fun getTemporaryWalletForMint(unknownMintUrl: String): Wallet` - -This new method constructs a **temporary, single-mint `Wallet`** instance that: - -- Uses a **fresh random mnemonic** (isolated from the main POS wallet seed). -- Uses an **ephemeral in-memory database** via `WalletDatabaseImpl(NoPointer)`. -- Is bound to a **single mint URL** (`unknownMintUrl`). - -This separation implements the design requirement that: - -> The other is a temporary single-mint Wallet instantiated with the unknown mint. It must not use the app's main seed phrase. - -### 1.3. Lightning mint management - -**Files:** - -- `app/src/main/java/com/electricdreams/numo/core/util/MintManager.kt` -- `app/src/main/java/com/electricdreams/numo/payment/LightningMintHandler.kt` - -`MintManager`: - -- Holds the list of **allowed mints** and the **preferred Lightning mint** (single source of truth). -- Ensures that the preferred Lightning mint is always one of the allowed mints. - -`LightningMintHandler`: - -- Drives the **receive‑over‑Lightning** flow for a selected Lightning mint. -- `start(paymentAmount: Long, callback: Callback)`: - - Gets wallet (`MultiMintWallet`). - - Fetches preferred Lightning mint URL from `MintManager`. - - Calls `wallet.mintQuote(mintUrl, CdkAmount(paymentAmount), memo)`. - - Yields a BOLT11 invoice + quote ID via `callback.onInvoiceReady(bolt11, quote.id, mintUrlStr)`. - - Starts WebSocket subscription + polling to wait for quote to be **paid**; then calls `wallet.mintWithMint(mintUrl, quoteId)` and finalizes by crediting proofs to the wallet. - -So, this already gives us a good pattern for: - -- **Obtaining a Lightning invoice** from the Lightning mint (via mint quote). -- **Monitoring its payment** and then **minting** proofs when paid. - -### 1.4. Lightning melts (withdrawals via Lightning) – existing patterns - -**Files:** - -- `app/src/main/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivity.kt` -- `app/src/main/java/com/electricdreams/numo/feature/settings/WithdrawMeltQuoteActivity.kt` -- `app/src/main/java/com/electricdreams/numo/feature/autowithdraw/AutoWithdrawManager.kt` - -These show how we already use the CDK **MultiMintWallet** for melt operations: - -- `wallet.meltQuote(MintUrl(mintUrl), invoice, null)` – withdraw to a **Lightning invoice**. -- `wallet.meltLightningAddressQuote(MintUrl(mintUrl), lightningAddress, amountMsat)` – withdraw to a Lightning address. -- `wallet.meltWithMint(MintUrl(mintUrl), meltQuote.id)` – execute the melt. -- `wallet.checkMeltQuote(MintUrl(mintUrl), meltQuote.id)` – get final state; `QuoteState.PAID` means invoice paid. - -In the **implemented SwapToLightningMint flow**, we follow a slightly different pattern: - -- For the **temporary single-mint `Wallet`** (bound to `unknownMintUrl`): - - Use `wallet.meltQuote(bolt11, options)` to obtain a melt quote **without** going through MultiMintWallet. - - Use `wallet.melt(quoteId)` to actually execute the melt. -- For the **primary `MultiMintWallet`**: - - Use `multiMintWallet.mintQuote(lightningMintUrl, amount, memo)` to obtain the Lightning mint quote. - - Use `multiMintWallet.checkMeltQuote(MintUrl(unknownMintUrl), meltQuote.id)` to check the canonical state and preimage from the unknown mint. - -This pattern is exactly what we need, except the **payer’s mint is potentially not in our allowed list**. - -### 1.5. HCE payment flow (NDEF Cashu) - -**Files:** - -- `app/src/main/java/com/electricdreams/numo/PaymentRequestActivity.kt` -- `app/src/main/java/com/electricdreams/numo/ndef/NdefHostCardEmulationService.java` - -Key points: - -- `PaymentRequestActivity.setupNdefPayment()`: - - Configures HCE service with a Cashu payment request (`CashuPaymentHelper.createPaymentRequest`). - - Registers `CashuPaymentCallback`. -- `NdefHostCardEmulationService` on token receive: - - Extracts Cashu token from APDU payload using `CashuPaymentHelper.extractCashuToken`. - - Calls `CashuPaymentHelper.validateToken(cashuToken, expectedAmount, allowedMints)`. - - If valid, calls `CashuPaymentHelper.redeemToken(cashuToken)`. - - On success: `onCashuTokenReceived(redeemedToken)` -> `PaymentRequestActivity.handlePaymentSuccess(token)`. - -So in current behavior: - -- **Unknown mint → `validateToken()` fails → we error out and the payment fails.** - -Swap‑to‑Lightning‑mint should kick in right at this decision point. - ---- - -## 2. New Concept: "SwapToLightningMint" Flow - -### 2.1. High‑level idea (updated with two-wallet architecture) - -When a Cashu token is presented from a mint **not in our allowed list**, we: - -1. Use a **temporary single-mint `Wallet`** bound to the unknown mint to **request a melt quote** for our Lightning invoice. -2. Validate that the quoted **fee reserve <= 5%** and that the **quoted amount** covers the expected POS amount. -3. Use our primary **`MultiMintWallet`** to obtain (or reuse) a **Lightning mint quote** and BOLT11 invoice for the POS amount. -4. **Persist a SwapToLightningMint “frame”** on the pending `PaymentHistoryEntry`, tying together: - - `unknownMintUrl` - - the unknown-mint `meltQuoteId` - - `lightningMintUrl` - - the Lightning-mint `lightningQuoteId`. -5. Execute the **melt** on the unknown mint using the temporary `Wallet`. -6. Use the **MultiMintWallet** to check the canonical melt quote state (`checkMeltQuote`) and obtain `paymentPreimage`. -7. Verify that `SHA256(preimage) == payment_hash(bolt11)`. -8. Once verified, we rely on the existing Lightning mint flow to mint proofs and treat the POS payment as successful. - -### 2.2. Responsibilities - -- **Payer’s unknown mint**: burns their ecash and pays the Lightning invoice we control. -- **Our Lightning mint**: issues us new ecash that we credit to the merchant wallet. -- **POS app**: orchestrates both sides (invoice generation at Lightning mint + melt at unknown mint) and ensures cryptographic linkage via preimage verification. - ---- - -### 3. Phase‑by‑Phase Design (Per Requirements, updated) - -### Phase 1 – Detect Unknown Mint - -**Current behavior:** - -```kotlin -if (!allowedMints.isNullOrEmpty()) { - val mintUrl = token.mintUrl().url - if (!allowedMints.contains(mintUrl)) { - Log.e(TAG, "Mint not in allowed list: $mintUrl") - return false - } -} -``` - -**Change:** Instead of immediately failing, we: - -1. Extract `mintUrl` from the token. -2. If `mintUrl` is **not** in `allowedMints`, we branch into a new flow: - - `SwapToLightningMintManager.swapFromUnknownMint(token, expectedAmount, mintUrl, allowedMints)` (working name), - - or a new method inside `CashuPaymentHelper` that encapsulates this behavior. - -For `NdefHostCardEmulationService`, we must update the flow so that when `validateToken(...)` indicates "unknown mint" we **do not immediately call `onCashuPaymentError`**, but instead try swapping. - -Implementation detail: - -- Introduce a structured result type for validation, e.g.: - - ```kotlin - sealed class TokenValidationResult { - object InvalidFormat : TokenValidationResult() - data class ValidKnownMint(val token: org.cashudevkit.Token) : TokenValidationResult() - data class ValidUnknownMint(val token: org.cashudevkit.Token, val mintUrl: String) : TokenValidationResult() - data class InsufficientAmount(val required: Long, val actual: Long) : TokenValidationResult() - } - ``` - -- `validateToken(...)` returns `TokenValidationResult` instead of `Boolean`, so the caller can branch to **swap** when it sees `ValidUnknownMint`. - -### Phase 2 – Obtain / Reuse Invoice from Lightning Mint (MultiMintWallet) - -We need a **Lightning invoice** from our configured **Lightning mint** for `expectedAmount` sats (or possibly `expectedAmount` plus a small buffer if needed). - -We already have a robust implementation: - -- `LightningMintHandler.start(paymentAmount: Long, callback: Callback)` → uses `wallet.mintQuote(mintUrl, amount, memo)` to get: - - `quote.id` - - `quote.request` (BOLT11) - -For SwapToLightningMint we need (and have implemented): - -- A **programmatic / non‑UI** way to: - 1. Get the Lightning mint URL from `MintManager`. - 2. Request a `mintQuote` for the exact amount we want to receive (`expectedAmount`). - 3. Cache this **per payment** so that: - - If we get multiple attempts from different unknown mints for the same POS payment, we reuse the same quote and invoice. - -Design: - -- Introduce a small coordinator class – e.g. - - ```kotlin - data class LightningMintInvoice( - val bolt11: String, - val quoteId: String, - val lightningMintUrl: String - ) - - object LightningMintInvoiceManager { - suspend fun getOrCreateInvoiceForPayment(paymentId: String, amountSats: Long): LightningMintInvoice { /* ... */ } - } - ``` - -- This manager can: - - Check existing `PaymentHistoryEntry` / pending payment data for a stored `lightningQuoteId` and invoice. - - If not present, use `MultiMintWallet.mintQuote` (via something similar to `LightningMintHandler` but without UI callbacks) to create a new quote; persist `(quoteId, bolt11, mintUrl)` associated with `paymentId`. - -This re‑use is aligned with the requirement "or get it if we already fetched it before for this payment" and is implemented by `LightningMintInvoiceManager.getOrCreateInvoiceForPayment`. - -### Phase 3 – Request Melt Quote from Unknown Mint (Temporary Wallet) - -### Phase 4 – Request Melt Quote from Unknown Mint - -Using the **temporary single-mint `Wallet`**: - -```kotlin -val tempWallet = CashuWalletManager.getTemporaryWalletForMint(unknownMintUrl) -val meltQuote = tempWallet.meltQuote(bolt11Invoice, null) -``` - -We then have: - -- `meltQuote.amount` – the amount being paid (in sats). -- `meltQuote.feeReserve` – the fee reserve held by the mint. -- `meltQuote.id` – the **local quote ID** used later by `tempWallet.melt(meltQuote.id)`. - -This matches your requirement: - -> 1. We get a meltQuote from the temp wallet (verify lightning fee reserve does not exceed 5%) - -### Phase 4 – Verify Fee Reserve ≤ 5% - -We must check that the fee reserve is reasonable: - -- Compute `feePercent = feeReserve / amount`. -- Reject if `feePercent > 0.05` (5%). - -Pseudo‑code: - -```kotlin -val quoteAmount = meltQuote.amount.value.toLong() -val feeReserve = meltQuote.feeReserve.value.toLong() - -if (quoteAmount <= 0) { - throw Exception("Invalid melt quote: amount is zero") -} - -val feeRatio = feeReserve.toDouble() / quoteAmount.toDouble() -if (feeRatio > 0.05) { - throw Exception("Melt fee reserve too high: ${feeRatio * 100}% (max 5%)") -} -``` - -If rejected, we: - -- Surface to the cashier that the payer’s mint wants too high a fee. -- Do **not** proceed with the melt. - -### Phase 5 – Persist Swap Frame + Execute Melt and Verify Preimage - -#### 5.1. Persist SwapToLightningMint frame on PaymentHistory - -We extend `PaymentHistoryEntry` with a JSON field: - -```kotlin -@SerializedName("swapToLightningMintJson") -val swapToLightningMintJson: String? = null -``` - -and a DTO: - -```kotlin -data class SwapToLightningMintFrame( - val unknownMintUrl: String, - val meltQuoteId: String, - val lightningMintUrl: String, - val lightningQuoteId: String, -) -``` - -This frame is written from `SwapToLightningMintManager` using -`PaymentsHistoryActivity.updatePendingWithLightningInfo`, which now -accepts an optional `swapToLightningMintJson` argument. - -#### 5.2. Execute melt via temporary Wallet - -With the `meltQuote` obtained from the temporary wallet, we execute: - -```kotlin -tempWallet.melt(meltQuote.id) -``` - -This calls the **single-mint `Wallet.melt(quoteId)`** API, which -actually pays the Lightning invoice using the unknown mint. - -#### 5.3. Fetch final melt quote & preimage via MultiMintWallet - -After executing the melt, we rely on our **primary MultiMintWallet** -to obtain the canonical final state and preimage for the melt quote: - -```kotlin -val mainWallet = CashuWalletManager.getWallet() ?: error("Wallet not initialized") -val finalQuote = mainWallet.checkMeltQuote(MintUrl(unknownMintUrl), meltQuote.id) - -if (finalQuote.state != QuoteState.PAID) { - throw Exception("Unknown-mint melt did not complete: state=${finalQuote.state}") -} - -val preimageHex = finalQuote.paymentPreimage - ?: throw Exception("Unknown-mint melt quote is PAID but has no paymentPreimage") -``` - -This matches your requirement: - -> 4. We execute the melt from the temp wallet. -> 5. We check the payment hash matches sha256(pre-image) with the returned pre-image. - -#### 5.4. Obtain preimage from the unknown mint (final quote) - -The requirement states: - -> When successful, we verify the payment pre-image provided in the melt quote response from the unknown mint we melted from. That pre-image should hash to the image obtained from the bolt11 invoice. - -We will need to: - -- Confirm via CDK FFI types in `cdk_ffi.kt` how preimages are exposed in `MeltQuote` / `MeltQuoteState` / `Melted` type (e.g. some field like `preimage`, `paymentPreimage` or inside a `LightningPayment` struct). -- Plan: once `finalQuote.state == PAID`, read `finalQuote.preimage` (or equivalent). If not available in `checkMeltQuote`, it may be present on the `melted` result; otherwise, we may have to update CDK or the Kotlin bindings. - -#### 5.5. Extract payment hash from the BOLT11 invoice - -We must also extract the payment hash (image) from the BOLT11 invoice used in the quote. - -Design options: - -1. **Use Lightning parsing in CDK** if available. -2. If not, add a small BOLT11 parsing helper (library or custom) on Android side that at least extracts the payment hash. - -Either way, we need a utility: - -```kotlin -fun getPaymentHashFromInvoice(bolt11: String): ByteArray { /* ... */ } -``` - -#### 6.4. Verify preimage → payment hash - -Once we have: - -- `preimage: ByteArray` from the unknown mint, and -- `paymentHash: ByteArray` from `bolt11`, - -we compute: - -```kotlin -val sha256Digest = MessageDigest.getInstance("SHA-256") -val computedHash = sha256Digest.digest(preimage) - -if (!computedHash.contentEquals(paymentHash)) { - throw Exception("Invalid payment preimage: does not match invoice hash") -} -``` - -Only if the hashes match and `finalQuote.state == QuoteState.PAID` do we consider the Lightning payment as successfully funded by the unknown mint. - -#### 6.5. Ensure that our Lightning mint mints proofs - -The overall sequence should be: - -1. Lightning mint issues invoice (via `mintQuote`). -2. Unknown mint pays invoice by melting payer’s ecash. -3. The Lightning mint, once it sees the LN payment succeed, marks the quote as **paid**. -4. Our app should: - - Either let `LightningMintHandler` continue to monitor the quote and call `mintWithMint` when it sees `paid`, or - - Integrate the swap flow with `LightningMintHandler` so it is the single orchestrator: - - It already does WebSocket + polling and final `mintWithMint`. - -Design decision: - -- **Recommended:** reuse `LightningMintHandler` logic rather than replicate it. -- That means our swap flow will: - - Create or reuse a Lightning mint quote (and attach `LightningMintHandler` to it). - - Use the `bolt11` from that quote as the `request` for the unknown‑mint melt. - - Wait until both: - - Unknown mint melt is `PAID` **and** preimage matches invoice hash. - - Lightning mint quote is `PAID` and `mintWithMint` has been executed. - -**Practical simplification:** For the POS, we may treat "unknown mint melt succeeded and preimage matches hash" as sufficient, trusting that the Lightning mint will deliver proofs or the operator can reconcile later. But for a robust design, we should keep the Lightning‑mint side in sync. - -For this first iteration of the plan, we define **required** correctness as: - -- Unknown mint melt `PAID` + preimage verification. -- The app then treats the payment as successful and calls `showPaymentSuccess(tokenFromLightningMint, amount)` or similar once minting completes. - ---- - -## 4. Integration Points in Existing Code - -### 4.1. In `NdefHostCardEmulationService` / `CashuPaymentHelper` - -**Today:** - -```java -isValid = CashuPaymentHelper.validateToken(cashuToken, expectedAmount, allowedMints); - -if (!isValid) { - String errorMsg = ...; - paymentCallback.onCashuPaymentError(errorMsg); - clearPaymentRequest(); - return; -} - -String redeemedToken = CashuPaymentHelper.redeemToken(cashuToken); -paymentCallback.onCashuTokenReceived(redeemedToken); -``` - -**Planned:** - -1. Replace `boolean` validation with structured `TokenValidationResult`. -2. Branch: - - ```kotlin - when (val result = CashuPaymentHelper.validateTokenDetailed(cashuToken, expectedAmount, allowedMints)) { - is ValidKnownMint -> { - val redeemedToken = CashuPaymentHelper.redeemToken(cashuToken) - callback.onCashuTokenReceived(redeemedToken) - } - is ValidUnknownMint -> { - // Start swap flow - SwapToLightningMintManager.swapFromUnknownMint( - cashuToken = cashuToken, - expectedAmount = expectedAmount, - unknownMintUrl = result.mintUrl, - // Provide current paymentId / context so we can reuse Lightning quote - paymentContext = currentPaymentContext - ) { swapResult -> - when (swapResult) { - is SwapResult.Success -> callback.onCashuTokenReceived(swapResult.finalToken) - is SwapResult.Failure -> callback.onCashuPaymentError(swapResult.errorMessage) - } - } - } - is InvalidFormat, is InsufficientAmount -> { - callback.onCashuPaymentError("Invalid or insufficient token") - } - } - ``` - -### 4.2. `SwapToLightningMintManager` (new component) - -**Location suggestion:** - -- `app/src/main/java/com/electricdreams/numo/payment/SwapToLightningMintManager.kt` - -**Responsibilities:** - -- Orchestrate the **6 phases** for a single payment. -- Be **suspend‑friendly** (use coroutines) and UI‑agnostic. -- Expose a high‑level API: - - ```kotlin - sealed class SwapResult { - data class Success( - val finalToken: String, // token from Lightning mint credited to merchant - val lightningMintUrl: String, - val amountSats: Long - ) : SwapResult() - data class Failure(val errorMessage: String) : SwapResult() - } - - object SwapToLightningMintManager { - suspend fun swapFromUnknownMint( - cashuToken: String, - expectedAmount: Long, - unknownMintUrl: String, - paymentContext: PaymentContext - ): SwapResult - } - ``` - -**Internal steps:** - -1. Parse token,.confirm amount. -2. Check mint reachability (`CashuWalletManager.fetchMintInfo`). -3. Get or create Lightning mint invoice via `LightningMintInvoiceManager`. -4. Request melt quote from unknown mint. -5. Enforce fee reserve ≤ 5%. -6. Execute melt + `checkMeltQuote`. -7. Extract preimage and verify against invoice payment hash. -8. Ensure Lightning mint has minted proofs (reuse `LightningMintHandler` where feasible). -9. Return `Success(finalTokenFromLightningMint, lightningMintUrl, expectedAmount)`. - -### 4.3. Persistence / history - -- Extend `PaymentHistoryEntry` if needed to record: - - `sourceMintUrl` (unknown mint). - - `lightningMintUrl`. - - `swapType = "swap_to_lightning_mint"`. - - `meltQuoteIdFromUnknownMint`. - - `lightningMintQuoteId`. - -This will be useful for debugging and reconciliation. - ---- - -## 5. Edge Cases & Failure Handling - -- **Unknown mint unreachable:** - - `fetchMintInfo` returns `null` → show error: "Payer’s mint is unreachable. Please try another mint or payment method.". - -- **Insufficient amount / high fees:** - - If `meltQuote.amount < expectedAmount` or `feeReserve > 5%`, abort swap with clear message. - -- **Melt fails or stays pending:** - - If `checkMeltQuote` reports `UNPAID` or `PENDING` for too long, surface error / timeout. - -- **Preimage mismatch:** - - Security‑critical: if SHA256(preimage) ≠ payment hash, **treat as failure** and do not mark payment as received. - -- **Lightning mint never mints:** - - Even if unknown mint reports `PAID`, but our Lightning mint quote is never marked `PAID`, we should eventually treat this as a failed swap and inform the operator. - ---- - -## 6. Summary of Required CDK APIs (from `cdk_ffi.kt` / existing usage) - -Already used in app and expected to be reused for SwapToLightningMint: - -- `MultiMintWallet.fetchMintInfo(MintUrl) : MintInfo?` -- `MultiMintWallet.mintQuote(MintUrl, Amount, memo) : MintQuote` -- `MultiMintWallet.meltQuote(MintUrl, bolt11: String, ?) : MeltQuote` -- `MultiMintWallet.meltWithMint(MintUrl, quoteId: String) : Melted` -- `MultiMintWallet.checkMeltQuote(MintUrl, quoteId: String) : MeltQuote` (with `QuoteState`) - -Additionally required (or to be added/verified): - -- Accessor for **payment preimage** from melt result or quote. -- (Optional) helper to parse **payment hash from BOLT11** or external library. - ---- - -## 7. Implementation Plan (Step‑By‑Step) - -1. **Refactor token validation** (`CashuPaymentHelper.validateToken`) to return structured `TokenValidationResult`. -2. **Add SwapToLightningMintManager** with suspend API and unit tests (pure logic where possible). -3. **Add LightningMintInvoiceManager** to generate/reuse Lightning mint invoices per payment. -4. **Wire into NDEF/HCE flow** in `NdefHostCardEmulationService` to: - - Defer errors on unknown mints until after attempting swap. -5. **Add preimage / invoice hash utilities**: - - Implement SHA‑256 check. - - Implement BOLT11 payment hash extraction. -6. **Extend payment history models** to record swap metadata. -7. **Add robust logging** for all phases 1–6 to aid debugging. -8. **QA flows**: - - Known mint → existing behavior unchanged. - - Unknown but reachable mint → swap path taken, melt + Lightning mint succeed. - - Unknown unreachable mint → clear error, no partial success. - - High‑fee quote or preimage mismatch → fail safely. - -This concludes the initial design plan for **SwapToLightningMint**. - - ---- - -## 8. Refinement: Where and How to Fetch the Payment Preimage from CDK - -This section refines the plan specifically around **how to obtain the payment preimage from the CDK types** and how to validate it against the BOLT11 invoice’s payment hash. - -### 8.1. Relevant CDK Types - -From `cdk-kotlin/lib/src/main/kotlin/org/cashudevkit/cdk_ffi.kt` we have two relevant data structures: - -#### 8.1.1. `MeltQuote` - -```kotlin -/** - * FFI-compatible MeltQuote - */ -data class MeltQuote ( - /** Quote ID */ - var id: String, - /** Quote amount */ - var amount: Amount, - /** Currency unit */ - var unit: CurrencyUnit, - /** Payment request */ - var request: String, - /** Fee reserve */ - var feeReserve: Amount, - /** Quote state */ - var state: QuoteState, - /** Expiry timestamp */ - var expiry: ULong, - /** Payment preimage */ - var paymentPreimage: String?, - /** Payment method */ - var paymentMethod: PaymentMethod, -) -``` - -Key field for us: - -- `paymentPreimage: String?` - - This is present on the **MeltQuote** itself and is filled when the quote is in the appropriate state (after payment). - - It is surfaced via both `wallet.meltQuote(...)` / `wallet.checkMeltQuote(...)` and the higher‑level database APIs (`getMeltQuote`). - -#### 8.1.2. `MeltQuoteBolt11Response` - -```kotlin -/** - * FFI-compatible MeltQuoteBolt11Response - */ -public interface MeltQuoteBolt11ResponseInterface { - fun amount(): Amount - fun expiry(): ULong - fun feeReserve(): Amount - fun paymentPreimage(): String? - fun quote(): String - fun request(): String? - fun state(): QuoteState - fun unit(): CurrencyUnit? -} -``` - -- Used in `NotificationPayload.MeltQuoteUpdate` to push quote updates (e.g. over WebSockets). -- Also exposes `paymentPreimage(): String?`. - -**Conclusion:** We can safely rely on **`MeltQuote.paymentPreimage`** and/or **`MeltQuoteBolt11Response.paymentPreimage()`** as the source of the preimage returned from the mint after a successful melt. - -### 8.2. When Exactly is `paymentPreimage` Available? - -By design of the protocol and the bindings: - -- When we first request a quote via `wallet.meltQuote(...)`, `paymentPreimage` **will usually be `null`** — the Lightning payment has not yet been executed. -- After we execute the melt via `wallet.meltWithMint(MintUrl, quoteId)`, and then call - - either `wallet.checkMeltQuote(MintUrl, quoteId)` - - or receive a `NotificationPayload.MeltQuoteUpdate` (which wraps `MeltQuoteBolt11Response`), - the quote will carry the **final state** (e.g. `QuoteState.PAID`) and a **non‑null `paymentPreimage`** if the Lightning payment was executed. - -So the refined rule is: - -- **We must always obtain the preimage from the _final_ melt quote** (`checkMeltQuote` or notification), **after** a successful `meltWithMint`. - -### 8.3. Data Flow for the Unknown‑Mint Melt Preimage - -For the SwapToLightningMint flow, we are concerned with the **unknown payer mint**. The data flow there will be: - -1. Request a melt quote: - - ```kotlin - val initialQuote = wallet.meltQuote(MintUrl(unknownMintUrl), bolt11Invoice, null) - // initialQuote.paymentPreimage is expected to be null here - ``` - -2. Execute the melt: - - ```kotlin - val melted = wallet.meltWithMint(MintUrl(unknownMintUrl), initialQuote.id) - // We don't rely on `melted` for preimage; we use the final quote. - ``` - -3. Fetch the **final quote** and read `paymentPreimage`: - - ```kotlin - val finalQuote = wallet.checkMeltQuote(MintUrl(unknownMintUrl), initialQuote.id) - - if (finalQuote.state != QuoteState.PAID) { - throw Exception("Unknown-mint melt did not complete successfully: state=${finalQuote.state}") - } - - val preimageHex = finalQuote.paymentPreimage - ?: throw Exception("No payment preimage present on final melt quote") - ``` - -4. Convert the hex-encoded preimage to bytes: - - ```kotlin - fun hexToBytes(hex: String): ByteArray { - val len = hex.length - require(len % 2 == 0) { "Hex string must have even length" } - return ByteArray(len / 2) { i -> - val idx = i * 2 - hex.substring(idx, idx + 2).toInt(16).toByte() - } - } - - val preimageBytes = hexToBytes(preimageHex) - ``` - -**Note:** We assume `paymentPreimage` is hex‑encoded (this is consistent with the rest of the CDK bindings that expose secrets and hashes as hex strings). If the underlying CDK changes to base64 or raw bytes, we would adjust the decoder accordingly, but the plan is to treat it as hex for now. - -### 8.4. Alternative Path: Using `MeltQuoteBolt11Response` Notifications - -If/when we start using WebSocket subscriptions to track the unknown‑mint melt as well, the notification payload type: - -```kotlin -sealed class NotificationPayload { - data class MeltQuoteUpdate(val quote: MeltQuoteBolt11Response) : NotificationPayload() - // ... -} -``` - -will be emitted with a `quote` that exposes: - -```kotlin -val preimageHex = quote.paymentPreimage() -``` - -We can unify handling by **always normalizing notifications into a `MeltQuote`** (or reading the same fields) and then reusing the same hex‑decode and verification logic described above. - -For the first iteration, however, **we can rely solely on `wallet.checkMeltQuote`** and not subscribe to notifications for the unknown mint. - -### 8.5. Extracting the Payment Hash from BOLT11 - -To compare the preimage provided by the unknown mint to the hash in the Lightning mint’s invoice, we need the **payment hash** embedded in the BOLT11 invoice. - -We do not yet have a helper for this in the app; options: - -1. **Use a small BOLT11 parsing library** (preferred for correctness and maintenance). -2. **Implement a minimal internal parser** that: - - Decodes HRP / data part. - - Walks TLV records until it finds the `p` tag (payment hash). - -For planning purposes, we define an interface: - -```kotlin -/** - * Extract the 32-byte payment hash from a BOLT11 invoice. - * @throws IllegalArgumentException if the invoice is invalid or contains no payment hash. - */ -fun extractPaymentHashFromBolt11(bolt11: String): ByteArray -``` - -Implementation details (library vs. manual) can be decided during coding, but the **call site** for the swap flow is clear. - -### 8.6. Preimage vs. Payment Hash Verification Logic - -Putting the pieces together, the core verification routine used by SwapToLightningMint becomes: - -```kotlin -/** - * Verify that the preimage reported by the unknown mint for a given melt quote - * matches the payment hash encoded in the BOLT11 invoice. - */ -fun verifyMeltPreimageMatchesInvoice( - preimageHex: String, - bolt11Invoice: String -) { - val preimageBytes = hexToBytes(preimageHex) - - // Compute SHA-256(preimage) - val digest = java.security.MessageDigest.getInstance("SHA-256") - val computedHash = digest.digest(preimageBytes) - - // Extract payment hash (32 bytes) from the invoice - val invoiceHash = extractPaymentHashFromBolt11(bolt11Invoice) - - if (!computedHash.contentEquals(invoiceHash)) { - throw IllegalStateException("Payment preimage does not match invoice payment hash") - } -} -``` - -**Security property:** If this check passes: - -- The unknown mint’s claimed preimage is **exactly** the secret whose SHA‑256 hash the Lightning mint encoded into the invoice’s payment hash. -- This binds the unknown mint’s reported payment to **the exact invoice** we generated from our Lightning mint. - -### 8.7. Updated SwapToLightningMint Flow (Concrete Steps, Implemented) - -Putting the pieces together, the implemented flow is: - -1. **Temporary Wallet melt quote (unknown mint)** - - ```kotlin - val tempWallet = CashuWalletManager.getTemporaryWalletForMint(unknownMintUrl) - val meltQuote = tempWallet.meltQuote(bolt11Invoice, null) - // Enforce feeReserve / amount <= 5% - ``` - -2. **Lightning mint quote via MultiMintWallet** - - ```kotlin - val lightningInvoiceInfo = LightningMintInvoiceManager.getOrCreateInvoiceForPayment( - appContext, - lightningMintUrl, - paymentContext - ) - val bolt11 = lightningInvoiceInfo.bolt11 - ``` - -3. **Persist SwapToLightningMint frame** on `PaymentHistoryEntry`. - -4. **Execute melt on temp Wallet** - - ```kotlin - tempWallet.melt(meltQuote.id) - ``` - -5. **Check final melt quote & verify preimage** via `MultiMintWallet`: - - ```kotlin - val finalQuote = mainWallet.checkMeltQuote(MintUrl(unknownMintUrl), meltQuote.id) - val preimageHex = finalQuote.paymentPreimage ?: error("no paymentPreimage") - verifyMeltPreimageMatchesInvoice(preimageHex, bolt11Invoice) - ``` - -Only after all of the above succeed do we treat the unknown‑mint melt as -valid and continue with the rest of the SwapToLightningMint flow. - -### 8.8. Summary of Preimage Handling Contract - -- **Source of truth**: `MeltQuote.paymentPreimage` on the unknown mint’s final quote (via `wallet.checkMeltQuote`). -- **Encoding**: treated as hex string → `ByteArray` via `hexToBytes`. -- **Verification**: SHA‑256(preimage) must equal the BOLT11 invoice’s payment hash from `extractPaymentHashFromBolt11`. -- **Failure behavior**: - - If `paymentPreimage` is null, or quote is not `PAID`, or hashes differ → **swap fails**; payment is not accepted. - -This refinement can now be used as the implementation blueprint for the preimage verification part of the SwapToLightningMint flow. - diff --git a/docs/onboarding-design-spec.md b/docs/onboarding-design-spec.md deleted file mode 100644 index f6ebf8ea..00000000 --- a/docs/onboarding-design-spec.md +++ /dev/null @@ -1,56 +0,0 @@ -# Numo Onboarding Design Spec - -## Color Palette - -| Token | Value | Usage | -|-------|-------|-------| -| `numo_navy` | `#0A2540` | Cards, overlays, deepest surfaces | -| `numo_navy_light` | `#0E3050` | Primary screen background | -| `numo_fluorescent_green` | `#5EFFC2` | Headers, accent, CTAs, success states | -| White 100% | `#FFFFFF` | Primary body text, button text | -| White 60% | `#99FFFFFF` | Subtitles, secondary descriptions | -| White 45% | `#73FFFFFF` | Tertiary text, hints, placeholders | -| White 30% | `#4DFFFFFF` | Disabled text, chevrons, dividers | -| White 15% | `#26FFFFFF` | Subtle borders, input strokes | -| White 10% | `#1AFFFFFF` | Card/surface overlays, dividers | -| Green 20% | `#335EFFC2` | Success bg tints, icon containers | - -## Typography - -| Style | Size | Weight | Color | Usage | -|-------|------|--------|-------|-------| -| Hero | 42sp | Black (900) | Green, uppercase, letterSpacing -0.035 | Explainer slide titles | -| Title | 28sp | Medium (500) | White | Screen titles | -| Heading | 17sp | Medium (500) | White | Toolbar titles, section headers | -| Body | 16sp | Regular (400) | White 60% | Descriptions, instructions | -| Row Title | 16sp | Medium (500) | White | List item titles | -| Row Subtitle | 14sp | Regular (400) | White 45% | List item descriptions | -| Caption | 13sp | Regular (400) | White 45% | Hints, terms | -| Overline | 12sp | Medium (500) | White 45%, uppercase | Section headers | - -## Surfaces - -- **Screen background**: `numo_navy_light` (`#0E3050`) -- **Card/elevated**: `numo_navy` (`#0A2540`) or White 10% overlay -- **Input fields**: White 8% bg, White 12% stroke, white text, green focus border -- **System bars**: Match screen background, light icons OFF - -## Buttons - -- **Primary**: Green bg (`#5EFFC2`), navy text (`#0A2540`), 56dp height, 28dp radius -- **Secondary/Outlined**: Transparent bg, White 15% stroke, white text, 44dp height, 22dp radius -- **Disabled**: Same bg at 50% opacity - -## Icons - -- **Navigation** (back arrows): White 60% -- **Row icons**: White 50% (stroke style) -- **Decorative**: White 30% or Green 30% -- **Success/status**: Green (`#5EFFC2`) - -## Animations - -- **Screen transitions**: Fade + slide up (300ms, decelerate) -- **Explainer open**: Sheet slides up (450ms, cubic-bezier(0.32, 0.72, 0, 1)) -- **Teaser bounce**: OvershootInterpolator on translationY (500ms) -- **Chevron pulse**: Alpha 0.12 to 0.7, 1.8s, staggered 200ms From 15de4106ea3965b859535cbb89a1493ca3b69743 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 27 Mar 2026 15:44:52 +0100 Subject: [PATCH 071/162] fix: remove icons from wallet setup buttons, title case Restore From Backup Drop the + and clock icons from Create New Wallet and Restore From Backup buttons for cleaner look. Update restore label to title case. Co-Authored-By: Claude Opus 4.6 (1M context) --- app/src/main/res/layout/activity_onboarding.xml | 16 ---------------- app/src/main/res/values/strings.xml | 2 +- 2 files changed, 1 insertion(+), 17 deletions(-) diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index a9dfb53e..8297e68f 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -165,17 +165,9 @@ android:focusable="true" android:background="@drawable/bg_button_white"> - - - - Choose how you\'d like to get started Create New Wallet Start fresh with a new seed phrase - Restore from Backup + Restore From Backup Use your existing seed phrase From a551d432f0abf691b10fcdb5f9b31a17c609ae7e Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 27 Mar 2026 15:57:54 +0100 Subject: [PATCH 072/162] feat: ambient green color fill on NUMO wordmark after welcome loads After the CTA and terms appear, a green-tinted overlay of the wordmark slowly reveals left-to-right over 3 seconds via clipBounds animation. Acts as a subtle idle animation while the user is on the Get Started screen, not blocking any UI reveals. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 1 + .../onboarding/OnboardingWelcomeAnimator.kt | 29 +++++++++++++++++++ .../main/res/layout/activity_onboarding.xml | 29 ++++++++++++++----- 3 files changed, 52 insertions(+), 7 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 673e0c17..0522b526 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -897,6 +897,7 @@ class OnboardingActivity : AppCompatActivity() { activity = this, container = welcomeContainer, wordmark = welcomeWordmark, + wordmarkGreen = findViewById(R.id.welcome_wordmark_green), tagline = welcomeTagline, acceptButton = acceptButton, termsText = termsText, diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt index 225b5019..000b2109 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt @@ -9,6 +9,7 @@ import android.animation.ValueAnimator import android.app.Activity import android.content.res.ColorStateList import android.graphics.Color +import android.graphics.Rect import android.graphics.drawable.GradientDrawable import android.view.Gravity import android.view.View @@ -46,6 +47,7 @@ class OnboardingWelcomeAnimator( private val activity: Activity, private val container: FrameLayout, private val wordmark: ImageView, + private val wordmarkGreen: ImageView, private val tagline: TextView, private val acceptButton: MaterialButton, private val termsText: TextView, @@ -163,6 +165,8 @@ class OnboardingWelcomeAnimator( startPhase4_ColorTransition() delay(400) startPhase6_CtaReveal() + delay(800) + startPhase4b_GreenFill() } } } @@ -200,6 +204,9 @@ class OnboardingWelcomeAnimator( wordmark.scaleX = 0.95f wordmark.scaleY = 0.95f + wordmarkGreen.alpha = 0f + wordmarkGreen.clipBounds = null + tagline.setTextColor(navyColor) tagline.alpha = 0f tagline.translationY = 15f @@ -415,6 +422,28 @@ class OnboardingWelcomeAnimator( trackAndStart(colorAnim) } + // === Phase 4b: Green Color Fill (800ms) === + + private suspend fun startPhase4b_GreenFill() = suspendCancellableCoroutine { cont -> + val w = wordmarkGreen.width + val h = wordmarkGreen.height + if (w == 0 || h == 0) { if (cont.isActive) cont.resume(Unit); return@suspendCancellableCoroutine } + + wordmarkGreen.alpha = 1f + wordmarkGreen.clipBounds = Rect(0, 0, 0, h) + + val fillAnim = ValueAnimator.ofInt(0, w).apply { + duration = 3000 + interpolator = AccelerateDecelerateInterpolator() + addUpdateListener { + wordmarkGreen.clipBounds = Rect(0, 0, it.animatedValue as Int, h) + } + addListener(onEnd { if (cont.isActive) cont.resume(Unit) }) + } + cont.invokeOnCancellation { fillAnim.cancel() } + trackAndStart(fillAnim) + } + // === Phase 5: Scrolling Rows Fade In (800ms) === private suspend fun startPhase5_ScrollingRows() { diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 8297e68f..3c5a53be 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -44,14 +44,29 @@ android:layout_height="0dp" android:layout_weight="1" /> - - + + android:layout_height="88dp"> + + + + + + Date: Fri, 27 Mar 2026 23:43:52 +0100 Subject: [PATCH 073/162] ob fixes. --- .../numo/feature/settings/MintsSettingsActivity.kt | 2 +- app/src/main/res/layout/activity_onboarding.xml | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/settings/MintsSettingsActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/settings/MintsSettingsActivity.kt index 76206bfd..4e2d44b8 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/settings/MintsSettingsActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/settings/MintsSettingsActivity.kt @@ -545,4 +545,4 @@ class MintsSettingsActivity : AppCompatActivity() { allMintsHeader.visibility = View.VISIBLE } -} +} qq diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 3c5a53be..6f14acdf 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -159,7 +159,7 @@ android:layout_height="wrap_content" android:text="@string/onboarding_setup_title" android:textSize="32sp" - android:textColor="@color/numo_fluorescent_green" + android:textColor="#FFFFFF" android:fontFamily="sans-serif-black" android:textAllCaps="true" android:letterSpacing="-0.03" @@ -676,7 +676,7 @@ android:paddingTop="8dp" android:text="@string/onboarding_mints_toolbar_title" android:textSize="32sp" - android:textColor="@color/numo_fluorescent_green" + android:textColor="#FFFFFF" android:fontFamily="sans-serif-black" android:textAllCaps="true" android:letterSpacing="-0.03" From 3d63c04cea8e76c9aed30bf9ffd3160d0de1cf3b Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Fri, 27 Mar 2026 23:49:03 +0100 Subject: [PATCH 074/162] fix: remove stray characters causing build error in MintsSettingsActivity Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/settings/MintsSettingsActivity.kt | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/settings/MintsSettingsActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/settings/MintsSettingsActivity.kt index 4e2d44b8..76206bfd 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/settings/MintsSettingsActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/settings/MintsSettingsActivity.kt @@ -545,4 +545,4 @@ class MintsSettingsActivity : AppCompatActivity() { allMintsHeader.visibility = View.VISIBLE } -} qq +} From 9b4ae0235db984889d57f081ce3e86f5ac44c8cb Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sat, 28 Mar 2026 11:17:15 +0100 Subject: [PATCH 075/162] feat: staggered per-letter NUMO wordmark reveal on welcome screen Split the composite wordmark vector into individual letter drawables (N, U, M, O) and animate each with a cascading rise + spring effect during onboarding. Removes the green color fill overlay animation. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 16 ++- .../onboarding/OnboardingWelcomeAnimator.kt | 98 +++++++++---------- .../main/res/drawable/ic_numo_letter_m.xml | 12 +++ .../main/res/drawable/ic_numo_letter_n.xml | 12 +++ .../main/res/drawable/ic_numo_letter_o.xml | 12 +++ .../main/res/drawable/ic_numo_letter_u.xml | 12 +++ .../main/res/layout/activity_onboarding.xml | 78 ++++++++++++--- 7 files changed, 170 insertions(+), 70 deletions(-) create mode 100644 app/src/main/res/drawable/ic_numo_letter_m.xml create mode 100644 app/src/main/res/drawable/ic_numo_letter_n.xml create mode 100644 app/src/main/res/drawable/ic_numo_letter_o.xml create mode 100644 app/src/main/res/drawable/ic_numo_letter_u.xml diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 0522b526..245c4fb7 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -136,7 +136,11 @@ class OnboardingActivity : AppCompatActivity() { // Step 1: Welcome private lateinit var welcomeContainer: FrameLayout private lateinit var welcomeBackgroundOverlay: View - private lateinit var welcomeWordmark: ImageView + private lateinit var welcomeLetterN: ImageView + private lateinit var welcomeLetterU: ImageView + private lateinit var welcomeLetterM: ImageView + private lateinit var welcomeLetterO: ImageView + private lateinit var welcomeLetterContainer: android.widget.LinearLayout private lateinit var welcomeTagline: TextView private lateinit var termsText: TextView private lateinit var acceptButton: MaterialButton @@ -301,7 +305,11 @@ class OnboardingActivity : AppCompatActivity() { // Welcome welcomeContainer = findViewById(R.id.welcome_container) welcomeBackgroundOverlay = findViewById(R.id.welcome_background_overlay) - welcomeWordmark = findViewById(R.id.welcome_wordmark) + welcomeLetterN = findViewById(R.id.welcome_letter_n) + welcomeLetterU = findViewById(R.id.welcome_letter_u) + welcomeLetterM = findViewById(R.id.welcome_letter_m) + welcomeLetterO = findViewById(R.id.welcome_letter_o) + welcomeLetterContainer = findViewById(R.id.welcome_wordmark_letters) welcomeTagline = findViewById(R.id.welcome_tagline) termsText = findViewById(R.id.terms_text) acceptButton = findViewById(R.id.accept_button) @@ -896,8 +904,8 @@ class OnboardingActivity : AppCompatActivity() { welcomeAnimator = OnboardingWelcomeAnimator( activity = this, container = welcomeContainer, - wordmark = welcomeWordmark, - wordmarkGreen = findViewById(R.id.welcome_wordmark_green), + letterViews = listOf(welcomeLetterN, welcomeLetterU, welcomeLetterM, welcomeLetterO), + letterContainer = welcomeLetterContainer, tagline = welcomeTagline, acceptButton = acceptButton, termsText = termsText, diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt index 000b2109..b3f46656 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt @@ -9,7 +9,6 @@ import android.animation.ValueAnimator import android.app.Activity import android.content.res.ColorStateList import android.graphics.Color -import android.graphics.Rect import android.graphics.drawable.GradientDrawable import android.view.Gravity import android.view.View @@ -46,8 +45,8 @@ import kotlin.math.sin class OnboardingWelcomeAnimator( private val activity: Activity, private val container: FrameLayout, - private val wordmark: ImageView, - private val wordmarkGreen: ImageView, + private val letterViews: List, + private val letterContainer: android.widget.LinearLayout, private val tagline: TextView, private val acceptButton: MaterialButton, private val termsText: TextView, @@ -165,8 +164,6 @@ class OnboardingWelcomeAnimator( startPhase4_ColorTransition() delay(400) startPhase6_CtaReveal() - delay(800) - startPhase4b_GreenFill() } } } @@ -199,13 +196,14 @@ class OnboardingWelcomeAnimator( container.findViewById(R.id.welcome_background_overlay) ?.setBackgroundColor(whiteColor) - wordmark.imageTintList = ColorStateList.valueOf(navyColor) - wordmark.alpha = 0f - wordmark.scaleX = 0.95f - wordmark.scaleY = 0.95f - - wordmarkGreen.alpha = 0f - wordmarkGreen.clipBounds = null + val density = activity.resources.displayMetrics.density + letterViews.forEach { letter -> + letter.imageTintList = ColorStateList.valueOf(navyColor) + letter.alpha = 0f + letter.translationY = 24f * density + letter.scaleX = 0.9f + letter.scaleY = 0.9f + } tagline.setTextColor(navyColor) tagline.alpha = 0f @@ -227,21 +225,40 @@ class OnboardingWelcomeAnimator( systemBarsFlipped = false } - // === Phase 1: Logo Reveal (600ms) === + // === Phase 1: Staggered Per-Letter Reveal (~720ms) === + + private val appleSpring = android.view.animation.PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f) private suspend fun startPhase1_LogoReveal() = suspendCancellableCoroutine { cont -> - val animSet = AnimatorSet().apply { - playTogether( - ObjectAnimator.ofFloat(wordmark, "alpha", 0f, 1f), - ObjectAnimator.ofFloat(wordmark, "scaleX", 0.95f, 1f), - ObjectAnimator.ofFloat(wordmark, "scaleY", 0.95f, 1f) - ) - duration = 600 - interpolator = DecelerateInterpolator() - addListener(onEnd { if (cont.isActive) cont.resume(Unit) }) + val density = activity.resources.displayMetrics.density + val staggerDelay = 90L + val letterDuration = 450L + var completedCount = 0 + val phaseAnimators = mutableListOf() + + letterViews.forEachIndexed { index, letter -> + val animSet = AnimatorSet().apply { + playTogether( + ObjectAnimator.ofFloat(letter, "alpha", 0f, 1f), + ObjectAnimator.ofFloat(letter, "translationY", 24f * density, 0f), + ObjectAnimator.ofFloat(letter, "scaleX", 0.9f, 1f), + ObjectAnimator.ofFloat(letter, "scaleY", 0.9f, 1f) + ) + duration = letterDuration + startDelay = index * staggerDelay + interpolator = appleSpring + } + + animSet.addListener(onEnd { + completedCount++ + if (completedCount == letterViews.size && cont.isActive) { + cont.resume(Unit) + } + }) + phaseAnimators.add(animSet) + trackAndStart(animSet) } - cont.invokeOnCancellation { animSet.cancel() } - trackAndStart(animSet) + cont.invokeOnCancellation { phaseAnimators.forEach { it.cancel() } } } // === Phase 2: Tagline (450ms) === @@ -267,10 +284,10 @@ class OnboardingWelcomeAnimator( val centerX = emojiContainer.width / 2f // Center on the wordmark, not the screen center val wordmarkLocation = IntArray(2) - wordmark.getLocationInWindow(wordmarkLocation) + letterContainer.getLocationInWindow(wordmarkLocation) val containerLocation = IntArray(2) emojiContainer.getLocationInWindow(containerLocation) - val centerY = (wordmarkLocation[1] - containerLocation[1]).toFloat() + wordmark.height / 2f + val centerY = (wordmarkLocation[1] - containerLocation[1]).toFloat() + letterContainer.height / 2f val density = activity.resources.displayMetrics.density val radius = min(emojiContainer.width, emojiContainer.height) * 0.30f @@ -339,10 +356,10 @@ class OnboardingWelcomeAnimator( val centerX = emojiContainer.width / 2f // Match the circle center used in phase 3 val wordmarkLocation = IntArray(2) - wordmark.getLocationInWindow(wordmarkLocation) + letterContainer.getLocationInWindow(wordmarkLocation) val containerLocation = IntArray(2) emojiContainer.getLocationInWindow(containerLocation) - val centerY = (wordmarkLocation[1] - containerLocation[1]).toFloat() + wordmark.height / 2f + val centerY = (wordmarkLocation[1] - containerLocation[1]).toFloat() + letterContainer.height / 2f var completedCount = 0 val phaseAnimators = mutableListOf() @@ -399,7 +416,8 @@ class OnboardingWelcomeAnimator( bgView?.setBackgroundColor(bgColor) val textColor = argbEvaluator.evaluate(fraction, navyColor, whiteColor) as Int - wordmark.imageTintList = ColorStateList.valueOf(textColor) + val tint = ColorStateList.valueOf(textColor) + letterViews.forEach { it.imageTintList = tint } tagline.setTextColor(textColor) activity.window.statusBarColor = bgColor @@ -422,28 +440,6 @@ class OnboardingWelcomeAnimator( trackAndStart(colorAnim) } - // === Phase 4b: Green Color Fill (800ms) === - - private suspend fun startPhase4b_GreenFill() = suspendCancellableCoroutine { cont -> - val w = wordmarkGreen.width - val h = wordmarkGreen.height - if (w == 0 || h == 0) { if (cont.isActive) cont.resume(Unit); return@suspendCancellableCoroutine } - - wordmarkGreen.alpha = 1f - wordmarkGreen.clipBounds = Rect(0, 0, 0, h) - - val fillAnim = ValueAnimator.ofInt(0, w).apply { - duration = 3000 - interpolator = AccelerateDecelerateInterpolator() - addUpdateListener { - wordmarkGreen.clipBounds = Rect(0, 0, it.animatedValue as Int, h) - } - addListener(onEnd { if (cont.isActive) cont.resume(Unit) }) - } - cont.invokeOnCancellation { fillAnim.cancel() } - trackAndStart(fillAnim) - } - // === Phase 5: Scrolling Rows Fade In (800ms) === private suspend fun startPhase5_ScrollingRows() { diff --git a/app/src/main/res/drawable/ic_numo_letter_m.xml b/app/src/main/res/drawable/ic_numo_letter_m.xml new file mode 100644 index 00000000..38849955 --- /dev/null +++ b/app/src/main/res/drawable/ic_numo_letter_m.xml @@ -0,0 +1,12 @@ + + + + + + diff --git a/app/src/main/res/drawable/ic_numo_letter_n.xml b/app/src/main/res/drawable/ic_numo_letter_n.xml new file mode 100644 index 00000000..af602011 --- /dev/null +++ b/app/src/main/res/drawable/ic_numo_letter_n.xml @@ -0,0 +1,12 @@ + + + + + + diff --git a/app/src/main/res/drawable/ic_numo_letter_o.xml b/app/src/main/res/drawable/ic_numo_letter_o.xml new file mode 100644 index 00000000..ca67729e --- /dev/null +++ b/app/src/main/res/drawable/ic_numo_letter_o.xml @@ -0,0 +1,12 @@ + + + + + + diff --git a/app/src/main/res/drawable/ic_numo_letter_u.xml b/app/src/main/res/drawable/ic_numo_letter_u.xml new file mode 100644 index 00000000..dfaec018 --- /dev/null +++ b/app/src/main/res/drawable/ic_numo_letter_u.xml @@ -0,0 +1,12 @@ + + + + + + diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 6f14acdf..58d2f5cd 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -44,27 +44,75 @@ android:layout_height="0dp" android:layout_weight="1" /> - + + android:layout_height="88dp" + android:clipChildren="false" + android:clipToPadding="false"> - + + android:orientation="horizontal" + android:clipChildren="false" + android:clipToPadding="false"> - + + + + + + + + + + + + + + + From 64e27f7ab1848485936908c8018a4b97ec41f1df Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sat, 28 Mar 2026 11:22:07 +0100 Subject: [PATCH 076/162] fix: remove white ripple effect from mint item rows on onboarding Co-Authored-By: Claude Opus 4.6 (1M context) --- app/src/main/res/drawable/bg_mint_item.xml | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/app/src/main/res/drawable/bg_mint_item.xml b/app/src/main/res/drawable/bg_mint_item.xml index b736c0e1..322e4bc4 100644 --- a/app/src/main/res/drawable/bg_mint_item.xml +++ b/app/src/main/res/drawable/bg_mint_item.xml @@ -1,10 +1,6 @@ - - - - - - - - + + + + From 09d89b4c5fc456c67a462784a27a4011da8dc151 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sat, 28 Mar 2026 11:52:39 +0100 Subject: [PATCH 077/162] feat: enhance Zero Fees illustration with particles, glow, slash color, and breathing pulse Co-Authored-By: Claude Opus 4.6 (1M context) --- .../onboarding/ZeroFeesIllustration.kt | 129 ++++++++++++++++-- 1 file changed, 114 insertions(+), 15 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt index 4b30b38b..10f02d91 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt @@ -9,13 +9,16 @@ import android.view.View import android.view.animation.AccelerateInterpolator import android.view.animation.DecelerateInterpolator import android.view.animation.OvershootInterpolator +import kotlin.math.cos +import kotlin.math.sin /** * Animated "Zero Fees" illustration. * Phase 1: Fee percentages fade in scattered around the screen. - * Phase 2: Each fee gets individually slashed — a line cuts through it, - * then it splits apart and fades away, one after another. - * Phase 3: Large "0%" bounces in. + * Phase 2: Each fee gets slashed with a coral-red line, + * then splits apart with particles and fades away. + * Phase 3: Large "0%" bounces in with a radial glow, + * then breathes with a gentle pulse loop. */ class ZeroFeesIllustration @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null @@ -31,6 +34,14 @@ class ZeroFeesIllustration @JvmOverloads constructor( var destroyed: Float = 0f // 0..1 split + fade ) + private data class Particle( + val startX: Float, + val startY: Float, + val angle: Float, + val speed: Float, // max travel distance in px + val size: Float + ) + private val fees = listOf( FeeLabel("3%", 0.22f, 0.28f, 1.1f), FeeLabel("2.5%", 0.70f, 0.24f, 0.85f), @@ -39,12 +50,15 @@ class ZeroFeesIllustration @JvmOverloads constructor( FeeLabel("2.9%", 0.45f, 0.40f, 0.8f), ) + private val feeParticles = HashMap>() + private var zeroAlpha = 0f private var zeroScale = 0.5f private var animStarted = false private var animScheduled = false private var animatorSet: AnimatorSet? = null + private var pulseAnimator: ValueAnimator? = null private var startRunnable: Runnable? = null private val feePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { @@ -54,7 +68,7 @@ class ZeroFeesIllustration @JvmOverloads constructor( } private val slashPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { - color = Color.parseColor("#BBFFFFFF") + color = Color.parseColor("#FF6B6B") style = Paint.Style.STROKE strokeCap = Paint.Cap.ROUND } @@ -65,6 +79,13 @@ class ZeroFeesIllustration @JvmOverloads constructor( typeface = Typeface.create("sans-serif-black", Typeface.BOLD) } + private val glowPaint = Paint(Paint.ANTI_ALIAS_FLAG) + + private val particlePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.WHITE + style = Paint.Style.FILL + } + override fun onDraw(canvas: Canvas) { super.onDraw(canvas) val w = width.toFloat() @@ -74,17 +95,16 @@ class ZeroFeesIllustration @JvmOverloads constructor( val cy = h * 0.45f val s = w / 380f - for (fee in fees) { + for ((index, fee) in fees.withIndex()) { if (fee.alpha < 0.01f) continue val textSize = 34f * fee.size * s feePaint.textSize = textSize - slashPaint.strokeWidth = 2.5f * s + slashPaint.strokeWidth = 3.5f * s val x = fee.baseX * w val y = fee.baseY * h - // Measure text width for the slash line val textW = feePaint.measureText(fee.text) val fadeAlpha = fee.alpha * (1f - fee.destroyed) @@ -114,7 +134,7 @@ class ZeroFeesIllustration @JvmOverloads constructor( canvas.drawText(fee.text, x, y, feePaint) } - // Individual slash line across this fee + // Slash line across this fee if (fee.slashProgress > 0f && fee.destroyed < 0.99f) { val slashAlpha = ((1f - fee.destroyed) * 220).toInt() slashPaint.alpha = slashAlpha @@ -130,6 +150,38 @@ class ZeroFeesIllustration @JvmOverloads constructor( slashPaint ) } + + // Particles for this fee + if (fee.destroyed > 0.01f) { + feeParticles[index]?.let { parts -> + val life = (1f - fee.destroyed).coerceIn(0f, 1f) + for (p in parts) { + if (life <= 0.01f) continue + val dist = fee.destroyed * p.speed + val px = p.startX + cos(p.angle) * dist + val py = p.startY + sin(p.angle) * dist + particlePaint.alpha = (life * 180).toInt().coerceIn(0, 255) + canvas.drawCircle(px, py, p.size * s, particlePaint) + } + } + } + } + + // Radial glow behind 0% + if (zeroAlpha > 0.01f) { + val glowR = 120f * s * zeroScale + val gCy = cy + 10f * s + glowPaint.shader = RadialGradient( + cx, gCy, glowR, + intArrayOf( + Color.argb((zeroAlpha * 40).toInt(), 94, 255, 194), + Color.argb((zeroAlpha * 15).toInt(), 94, 255, 194), + Color.TRANSPARENT + ), + floatArrayOf(0f, 0.5f, 1f), + Shader.TileMode.CLAMP + ) + canvas.drawCircle(cx, gCy, glowR, glowPaint) } // Draw "0%" @@ -160,12 +212,15 @@ class ZeroFeesIllustration @JvmOverloads constructor( animatorSet?.removeAllListeners() animatorSet?.cancel() animatorSet = null - // Reset so animation replays fresh on re-attach + pulseAnimator?.removeAllListeners() + pulseAnimator?.cancel() + pulseAnimator = null animStarted = false animScheduled = false zeroAlpha = 0f zeroScale = 0.5f fees.forEach { it.alpha = 0f; it.slashProgress = 0f; it.destroyed = 0f } + feeParticles.clear() } private fun scheduleAnimation() { @@ -176,10 +231,28 @@ class ZeroFeesIllustration @JvmOverloads constructor( postDelayed(startRunnable!!, 500) } + private fun spawnParticles(feeIndex: Int, x: Float, y: Float, s: Float) { + val seed = feeIndex * 31 + 7 + val parts = (0 until 5).map { i -> + val angle = ((seed + i * 73) % 360) * (Math.PI.toFloat() / 180f) + Particle( + startX = x, + startY = y, + angle = angle, + speed = (30f + ((seed + i * 37) % 30)) * s, + size = 1.5f + ((seed + i * 53) % 20) / 10f + ) + } + feeParticles[feeIndex] = parts + } + private fun startAnimation() { if (animStarted) return animStarted = true + val w = width.toFloat() + val h = height.toFloat() + val s = w / 380f val animators = mutableListOf() // Phase 1: All fees fade in (staggered) @@ -197,9 +270,9 @@ class ZeroFeesIllustration @JvmOverloads constructor( } animators.add(fadeIn) - // Phase 2: Each fee gets slashed individually (staggered) + // Phase 2: Each fee gets slashed (tighter 180ms stagger) fees.forEachIndexed { i, fee -> - val baseDelay = 1600L + i * 200L + val baseDelay = 1600L + i * 180L // Slash line draws val slash = ValueAnimator.ofFloat(0f, 1f).apply { @@ -213,12 +286,17 @@ class ZeroFeesIllustration @JvmOverloads constructor( } animators.add(slash) - // Split + fade + // Split + fade (with 50ms hold after slash for visual beat) val destroy = ValueAnimator.ofFloat(0f, 1f).apply { duration = 350 - startDelay = baseDelay + 150L + startDelay = baseDelay + 250L interpolator = AccelerateInterpolator(1.5f) + var particlesSpawned = false addUpdateListener { + if (!particlesSpawned) { + particlesSpawned = true + spawnParticles(i, fee.baseX * w, fee.baseY * h, s) + } fee.destroyed = it.animatedValue as Float invalidate() } @@ -226,8 +304,8 @@ class ZeroFeesIllustration @JvmOverloads constructor( animators.add(destroy) } - // Phase 3: "0%" bounces in after all fees are destroyed - val lastFeeEnd = 1600L + (fees.size - 1) * 200L + 150L + 350L + // Phase 3: "0%" bounces in after all fees destroyed + val lastFeeEnd = 1600L + (fees.size - 1) * 180L + 250L + 350L val zeroIn = ValueAnimator.ofFloat(0f, 1f).apply { duration = 600 startDelay = lastFeeEnd + 300L @@ -238,6 +316,11 @@ class ZeroFeesIllustration @JvmOverloads constructor( zeroScale = 0.5f + 0.5f * p invalidate() } + addListener(object : android.animation.AnimatorListenerAdapter() { + override fun onAnimationEnd(animation: android.animation.Animator) { + startBreathingPulse() + } + }) } animators.add(zeroIn) @@ -246,4 +329,20 @@ class ZeroFeesIllustration @JvmOverloads constructor( start() } } + + private fun startBreathingPulse() { + if (!isAttachedToWindow) return + pulseAnimator = ValueAnimator.ofFloat(0f, 1f).apply { + duration = 2000 + repeatCount = ValueAnimator.INFINITE + repeatMode = ValueAnimator.REVERSE + interpolator = DecelerateInterpolator() + addUpdateListener { + val p = it.animatedValue as Float + zeroScale = 1f + 0.08f * p + invalidate() + } + start() + } + } } From 57f8d3866ce31f25af5ae3408762661362fed6ec Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sat, 28 Mar 2026 12:13:42 +0100 Subject: [PATCH 078/162] =?UTF-8?q?feat:=20rework=20auto-custody=20animati?= =?UTF-8?q?on=20with=20processing=E2=86=92success=20flow=20and=20fix=20res?= =?UTF-8?q?tore=20wallet=20header=20color?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Auto-custody cards now cycle through spinner + "Processing payment" then transition to green checkmark + amount sent before exiting - Incoming card shows spinner immediately during cycle transition - Back cards show completed state with depth tinting - Restore Wallet headline changed to white; restore button kept gray Co-Authored-By: Claude Opus 4.6 (1M context) --- .../onboarding/AutoCustodyAnimatedView.kt | 178 ++++++++++++++---- .../feature/onboarding/OnboardingActivity.kt | 22 +-- .../main/res/layout/activity_onboarding.xml | 24 +-- 3 files changed, 148 insertions(+), 76 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt index 4b003a28..67dd9706 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt @@ -12,22 +12,19 @@ import android.view.animation.OvershootInterpolator /** * Animated stacked notification banners for "Automatic self-custody" slide. * - * Intro: Front banner slides in, back cards fade in behind. - * Cycle: Front banner slides up and fades out, stack shifts forward, - * new card appears at back. Repeats every ~2.5s. - * - * All positions are derived from two progress floats — no mutable banner list. + * Each card cycles through: processing (spinner + "Processing payment") + * → success (checkmark + amount sent) → exit. Back cards show completed state. */ class AutoCustodyAnimatedView @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null ) : View(context, attrs) { private val allSubtitles = listOf( - "\$100.00 sent to alice@getalby.com", + "21,000 sats sent to alice@getalby.com", "\$50.00 sent to satoshi@wallet.com", - "\$25.00 sent to bob@strike.me", + "100,000 sats sent to bob@strike.me", "\$75.00 sent to carol@coinos.io", - "\$30.00 sent to dave@phoenix.acinq.co" + "50,000 sats sent to dave@phoenix.acinq.co" ) // Settled positions for 3-card stack @@ -35,7 +32,7 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( private val settledScale = floatArrayOf(1f, 0.95f, 0.90f) private val settledAlpha = floatArrayOf(1f, 0.45f, 0.18f) - // Animation state — these floats drive ALL rendering + // Core animation state private var introProgress = 0f private var backIntroProgress = 0f private var cycleProgress = 0f @@ -43,23 +40,36 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( private var animStarted = false private var introComplete = false + // Processing → Success + private var successProgress = 0f // 0 = processing (spinner), 1 = success (checkmark) + private var introAnimator: AnimatorSet? = null private var cycleAnimator: ValueAnimator? = null + private var successAnimator: ValueAnimator? = null private var cycleRunnable: Runnable? = null + private var exitRunnable: Runnable? = null // Paints private val cardPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { - color = Color.WHITE; style = Paint.Style.FILL + style = Paint.Style.FILL } private val shadowPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { color = Color.parseColor("#20000000") maskFilter = BlurMaskFilter(14f, BlurMaskFilter.Blur.NORMAL) } - private val orangeBgPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { - color = Color.parseColor("#FFF0DB"); style = Paint.Style.FILL + private val iconBgPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + style = Paint.Style.FILL + } + private val spinnerPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#F7931A") + style = Paint.Style.STROKE + strokeCap = Paint.Cap.ROUND } - private val lightningPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { - color = Color.parseColor("#F7931A"); style = Paint.Style.FILL + private val checkPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + color = Color.parseColor("#00C244") + style = Paint.Style.STROKE + strokeCap = Paint.Cap.ROUND + strokeJoin = Paint.Join.ROUND } private val titlePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { color = Color.parseColor("#0A2540") @@ -70,6 +80,10 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( typeface = Typeface.create("sans-serif", Typeface.NORMAL) } + // Colors + private val orangeBg = Color.parseColor("#FFF0DB") + private val greenBg = Color.parseColor("#D4FFED") + override fun onDraw(canvas: Canvas) { super.onDraw(canvas) val w = width.toFloat() @@ -83,7 +97,7 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( val centerY = h * 0.4f if (!introComplete) { - // Intro: back cards first, then front on top + // Intro: back cards (success state), front card enters in processing state val bp = backIntroProgress if (bp > 0.01f) { drawBanner(canvas, cx, centerY + settledY[2] * s, bannerW, bannerH, bannerR, s, @@ -93,10 +107,11 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( } val p = introProgress drawBanner(canvas, cx, centerY + (settledY[0] + 50f * (1f - p)) * s, - bannerW, bannerH, bannerR, s, subtitle(0), p, 0.95f + 0.05f * p) + bannerW, bannerH, bannerR, s, subtitle(0), p, 0.95f + 0.05f * p, + success = 0f, subtitleClip = p) } else if (cycleProgress > 0f) { - // Cycle transition: 4 cards derived from cycleProgress, back to front + // Cycle transition: all cards in success state val p = cycleProgress drawBanner(canvas, cx, centerY + lerp(28f, settledY[2], p) * s, bannerW, bannerH, bannerR, s, subtitle(3), @@ -104,20 +119,30 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( drawBanner(canvas, cx, centerY + lerp(settledY[2], settledY[1], p) * s, bannerW, bannerH, bannerR, s, subtitle(2), lerp(settledAlpha[2], settledAlpha[1], p), lerp(settledScale[2], settledScale[1], p)) + // Card moving to front — already in processing state drawBanner(canvas, cx, centerY + lerp(settledY[1], settledY[0], p) * s, bannerW, bannerH, bannerR, s, subtitle(1), - lerp(settledAlpha[1], settledAlpha[0], p), lerp(settledScale[1], settledScale[0], p)) + lerp(settledAlpha[1], settledAlpha[0], p), lerp(settledScale[1], settledScale[0], p), + success = 0f) + // Front card exits in success state drawBanner(canvas, cx, centerY + lerp(settledY[0], -40f, p) * s, bannerW, bannerH, bannerR, s, subtitle(0), lerp(settledAlpha[0], 0f, p), lerp(settledScale[0], 0.95f, p)) } else { - // Settled: 3 banners at rest, back to front + // Settled: back cards success, front card uses successProgress for (i in 2 downTo 0) { + val success = if (i == 0) successProgress else 1f drawBanner(canvas, cx, centerY + settledY[i] * s, bannerW, bannerH, bannerR, s, - subtitle(i), settledAlpha[i], settledScale[i]) + subtitle(i), settledAlpha[i], settledScale[i], + success = success) } } + + // Keep redrawing while spinner is visible + if (animStarted && (!introComplete || (cycleProgress == 0f && successProgress < 1f))) { + postInvalidateOnAnimation() + } } private fun subtitle(offset: Int): String = @@ -125,7 +150,8 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( private fun drawBanner( canvas: Canvas, cx: Float, drawY: Float, w: Float, h: Float, - r: Float, s: Float, subtitle: String, alpha: Float, scale: Float + r: Float, s: Float, subtitle: String, alpha: Float, scale: Float, + success: Float = 1f, subtitleClip: Float = 1f ) { if (alpha < 0.01f) return canvas.save() @@ -135,46 +161,84 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( val rect = RectF(cx - w / 2, drawY, cx + w / 2, drawY + h) + // Shadow shadowPaint.alpha = (alpha * 50).toInt() canvas.drawRoundRect( RectF(rect.left + 2 * s, rect.top + 5 * s, rect.right + 2 * s, rect.bottom + 5 * s), r, r, shadowPaint ) + + // Card background — back cards slightly darker for depth + val gray = (240 + 15 * alpha).toInt().coerceIn(240, 255) + cardPaint.color = Color.rgb(gray, gray, gray) cardPaint.alpha = (alpha * 255).toInt() canvas.drawRoundRect(rect, r, r, cardPaint) + // Icon area val iconSize = 46f * s val iconR = 12f * s val iconX = rect.left + 16f * s val iconCy = drawY + h / 2f val iconY = iconCy - iconSize / 2f + val bCx = iconX + iconSize / 2f - orangeBgPaint.alpha = (alpha * 255).toInt() + // Icon background: orange (processing) → green (success) + iconBgPaint.color = lerpColor(orangeBg, greenBg, success) + iconBgPaint.alpha = (alpha * 255).toInt() canvas.drawRoundRect( RectF(iconX, iconY, iconX + iconSize, iconY + iconSize), - iconR, iconR, orangeBgPaint + iconR, iconR, iconBgPaint ) - lightningPaint.alpha = (alpha * 255).toInt() - val bCx = iconX + iconSize / 2f - val bolt = Path().apply { - moveTo(bCx + 1.5f * s, iconCy - 11f * s) - lineTo(bCx - 6f * s, iconCy + 1f * s) - lineTo(bCx - 0.5f * s, iconCy + 1f * s) - lineTo(bCx - 1.5f * s, iconCy + 11f * s) - lineTo(bCx + 6f * s, iconCy - 1f * s) - lineTo(bCx + 0.5f * s, iconCy - 1f * s) - close() + + // Spinner (fades out as success increases) + if (success < 1f) { + spinnerPaint.alpha = ((1f - success) * alpha * 255).toInt() + spinnerPaint.strokeWidth = 2.5f * s + val spinR = 10f * s + val spinRect = RectF(bCx - spinR, iconCy - spinR, bCx + spinR, iconCy + spinR) + val angle = ((System.nanoTime() / 5_000_000L) % 360).toFloat() + canvas.drawArc(spinRect, angle, 270f, false, spinnerPaint) + } + + // Checkmark (fades in as success increases) + if (success > 0f) { + checkPaint.alpha = (success * alpha * 255).toInt() + checkPaint.strokeWidth = 2.5f * s + val check = Path().apply { + moveTo(bCx - 7f * s, iconCy) + lineTo(bCx - 1.5f * s, iconCy + 6f * s) + lineTo(bCx + 8f * s, iconCy - 6f * s) + } + canvas.drawPath(check, checkPaint) } - canvas.drawPath(bolt, lightningPaint) + // Title val textX = iconX + iconSize + 14f * s titlePaint.textSize = 15f * s titlePaint.alpha = (alpha * 255).toInt() canvas.drawText("Threshold Reached", textX, iconCy - 4f * s, titlePaint) + // Subtitle: cross-fade "Processing payment" ↔ amount subtitlePaint.textSize = 12f * s - subtitlePaint.alpha = (alpha * 200).toInt() - canvas.drawText(subtitle, textX, iconCy + 16f * s, subtitlePaint) + val subY = iconCy + 16f * s + + if (success < 1f) { + subtitlePaint.alpha = ((1f - success) * alpha * 200).toInt() + val processingText = "Processing payment" + if (subtitleClip < 0.99f) { + val subW = subtitlePaint.measureText(processingText) + canvas.save() + canvas.clipRect(textX, drawY, textX + subW * subtitleClip, drawY + h) + canvas.drawText(processingText, textX, subY, subtitlePaint) + canvas.restore() + } else { + canvas.drawText(processingText, textX, subY, subtitlePaint) + } + } + if (success > 0f) { + subtitlePaint.alpha = (success * alpha * 200).toInt() + canvas.drawText(subtitle, textX, subY, subtitlePaint) + } canvas.restore() } @@ -199,7 +263,6 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( } private fun stopAll() { - // Remove listeners BEFORE cancel to prevent onAnimationEnd cascades introAnimator?.removeAllListeners() introAnimator?.cancel() introAnimator = null @@ -208,15 +271,21 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( cycleAnimator?.cancel() cycleAnimator = null + successAnimator?.removeAllListeners() + successAnimator?.cancel() + successAnimator = null + cycleRunnable?.let { removeCallbacks(it) } cycleRunnable = null + exitRunnable?.let { removeCallbacks(it) } + exitRunnable = null - // Reset so animation replays fresh on re-attach animStarted = false introComplete = false introProgress = 0f backIntroProgress = 0f cycleProgress = 0f + successProgress = 0f currentIndex = 0 } @@ -259,8 +328,29 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( private fun scheduleCycle() { if (!isAttachedToWindow) return - cycleRunnable = Runnable { doCycle() } - postDelayed(cycleRunnable!!, 2500) + cycleRunnable = Runnable { doSuccess() } + postDelayed(cycleRunnable!!, 1500) + } + + private fun doSuccess() { + if (!isAttachedToWindow) return + successAnimator = ValueAnimator.ofFloat(0f, 1f).apply { + duration = 400 + interpolator = DecelerateInterpolator() + addUpdateListener { + successProgress = it.animatedValue as Float + invalidate() + } + addListener(object : android.animation.AnimatorListenerAdapter() { + override fun onAnimationEnd(animation: android.animation.Animator) { + if (isAttachedToWindow) { + exitRunnable = Runnable { doCycle() } + postDelayed(exitRunnable!!, 1000) + } + } + }) + start() + } } private fun doCycle() { @@ -278,6 +368,7 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( if (isAttachedToWindow) { currentIndex = (currentIndex + 1) % allSubtitles.size cycleProgress = 0f + successProgress = 0f invalidate() scheduleCycle() } @@ -288,4 +379,11 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( } private fun lerp(a: Float, b: Float, t: Float) = a + (b - a) * t + + private fun lerpColor(from: Int, to: Int, t: Float): Int { + val r = (Color.red(from) * (1 - t) + Color.red(to) * t).toInt() + val g = (Color.green(from) * (1 - t) + Color.green(to) * t).toInt() + val b = (Color.blue(from) * (1 - t) + Color.blue(to) * t).toInt() + return Color.rgb(r, g, b) + } } diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 245c4fb7..f1c073dd 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -1656,8 +1656,8 @@ class OnboardingActivity : AppCompatActivity() { } // Animate checkmark - val checkmark = successContainer.findViewById(R.id.success_checkmark) - checkmark?.let { animateCheckmark(it) } + val checkmark = successContainer.findViewById(R.id.success_checkmark) + checkmark?.play() } private fun createBalanceChangeItem(mintUrl: String, before: Long, after: Long, diff: Long): View { @@ -1719,24 +1719,6 @@ class OnboardingActivity : AppCompatActivity() { return container } - private fun animateCheckmark(checkmark: View) { - checkmark.scaleX = 0f - checkmark.scaleY = 0f - checkmark.alpha = 0f - - val scaleX = ObjectAnimator.ofFloat(checkmark, "scaleX", 0f, 1.2f, 1f) - val scaleY = ObjectAnimator.ofFloat(checkmark, "scaleY", 0f, 1.2f, 1f) - val alpha = ObjectAnimator.ofFloat(checkmark, "alpha", 0f, 1f) - - AnimatorSet().apply { - playTogether(scaleX, scaleY, alpha) - duration = 500 - interpolator = AccelerateDecelerateInterpolator() - startDelay = 200 - start() - } - } - private fun completeOnboarding() { setOnboardingComplete(this, true) diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 58d2f5cd..b580f349 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -481,7 +481,7 @@ android:paddingTop="8dp" android:text="@string/onboarding_seed_toolbar_title" android:textSize="32sp" - android:textColor="@color/numo_fluorescent_green" + android:textColor="#FFFFFF" android:fontFamily="sans-serif-black" android:textAllCaps="true" android:letterSpacing="-0.03" @@ -916,21 +916,13 @@ android:layout_height="0dp" android:layout_weight="0.2" /> - - - - - - + + Date: Sat, 28 Mar 2026 14:35:01 +0100 Subject: [PATCH 079/162] feat: add CheckmarkAnimationView and FadingImageView custom UI components Co-Authored-By: Claude Opus 4.6 (1M context) --- .../ui/animation/CheckmarkAnimationView.kt | 133 ++++++++++++++++++ .../numo/ui/components/FadingImageView.kt | 45 ++++++ 2 files changed, 178 insertions(+) create mode 100644 app/src/main/java/com/electricdreams/numo/ui/animation/CheckmarkAnimationView.kt create mode 100644 app/src/main/java/com/electricdreams/numo/ui/components/FadingImageView.kt diff --git a/app/src/main/java/com/electricdreams/numo/ui/animation/CheckmarkAnimationView.kt b/app/src/main/java/com/electricdreams/numo/ui/animation/CheckmarkAnimationView.kt new file mode 100644 index 00000000..10326461 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/ui/animation/CheckmarkAnimationView.kt @@ -0,0 +1,133 @@ +package com.electricdreams.numo.ui.animation + +import android.animation.AnimatorSet +import android.animation.ValueAnimator +import android.content.Context +import android.graphics.Canvas +import android.graphics.Color +import android.graphics.Paint +import android.graphics.Path +import android.graphics.PathMeasure +import android.util.AttributeSet +import android.view.View +import android.view.animation.DecelerateInterpolator +import androidx.core.content.ContextCompat +import com.electricdreams.numo.R +import kotlin.math.min + +/** + * Animated checkmark matching the NFC payment success style: + * white circle pops in, then green checkmark draws itself via PathMeasure. + */ +class CheckmarkAnimationView @JvmOverloads constructor( + context: Context, + attrs: AttributeSet? = null, + defStyleAttr: Int = 0 +) : View(context, attrs, defStyleAttr) { + + private val colorSuccess = ContextCompat.getColor(context, R.color.color_success_green) + + private val circlePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + style = Paint.Style.FILL + color = Color.WHITE + } + + private val checkPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { + style = Paint.Style.STROKE + strokeCap = Paint.Cap.ROUND + strokeJoin = Paint.Join.ROUND + color = colorSuccess + } + + private var centerX = 0f + private var centerY = 0f + private var circleRadius = 0f + + private val checkPath = Path() + private val checkSegment = Path() + private val checkMeasure = PathMeasure() + private var checkLength = 0f + + private var circleScale = 0f + private var checkProgress = 0f + private var animator: AnimatorSet? = null + + override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) { + super.onSizeChanged(w, h, oldw, oldh) + centerX = w / 2f + centerY = h / 2f + + val minSize = min(w, h).toFloat() + circleRadius = minSize * 0.45f + checkPaint.strokeWidth = minSize * 0.07f + + rebuildCheckPath() + } + + private fun rebuildCheckPath() { + val size = circleRadius * 0.9f + val startX = centerX - size * 0.33f + val startY = centerY + size * 0.06f + val midX = centerX - size * 0.07f + val midY = centerY + size * 0.31f + val endX = centerX + size * 0.35f + val endY = centerY - size * 0.26f + + checkPath.reset() + checkPath.moveTo(startX, startY) + checkPath.lineTo(midX, midY) + checkPath.lineTo(endX, endY) + + checkMeasure.setPath(checkPath, false) + checkLength = checkMeasure.length + } + + fun play() { + animator?.cancel() + circleScale = 0f + checkProgress = 0f + visibility = VISIBLE + + val circleAnim = ValueAnimator.ofFloat(0.82f, 1f).apply { + duration = 320L + addUpdateListener { + circleScale = it.animatedValue as Float + invalidate() + } + } + + val checkAnim = ValueAnimator.ofFloat(0f, 1f).apply { + duration = 300L + startDelay = 120L + interpolator = DecelerateInterpolator() + addUpdateListener { + checkProgress = it.animatedValue as Float + invalidate() + } + } + + animator = AnimatorSet().apply { + playTogether(circleAnim, checkAnim) + start() + } + } + + override fun onDraw(canvas: Canvas) { + super.onDraw(canvas) + + if (circleScale > 0f) { + canvas.drawCircle(centerX, centerY, circleRadius * circleScale, circlePaint) + } + + if (checkProgress > 0f) { + checkSegment.reset() + checkMeasure.getSegment(0f, checkLength * checkProgress, checkSegment, true) + canvas.drawPath(checkSegment, checkPaint) + } + } + + override fun onDetachedFromWindow() { + super.onDetachedFromWindow() + animator?.cancel() + } +} diff --git a/app/src/main/java/com/electricdreams/numo/ui/components/FadingImageView.kt b/app/src/main/java/com/electricdreams/numo/ui/components/FadingImageView.kt new file mode 100644 index 00000000..23fa614a --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/ui/components/FadingImageView.kt @@ -0,0 +1,45 @@ +package com.electricdreams.numo.ui.components + +import android.content.Context +import android.graphics.Canvas +import android.graphics.Color +import android.graphics.LinearGradient +import android.graphics.Paint +import android.graphics.PorterDuff +import android.graphics.PorterDuffXfermode +import android.graphics.Shader +import android.util.AttributeSet +import androidx.appcompat.widget.AppCompatImageView + +/** + * ImageView that fades to transparent towards the bottom via alpha compositing. + * Works regardless of background color / theme. + */ +class FadingImageView @JvmOverloads constructor( + context: Context, + attrs: AttributeSet? = null, + defStyleAttr: Int = 0 +) : AppCompatImageView(context, attrs, defStyleAttr) { + + private val fadePaint = Paint().apply { + xfermode = PorterDuffXfermode(PorterDuff.Mode.DST_IN) + } + + override fun onDraw(canvas: Canvas) { + val w = width.toFloat() + val h = height.toFloat() + if (w == 0f || h == 0f) { super.onDraw(canvas); return } + + val save = canvas.saveLayer(0f, 0f, w, h, null) + super.onDraw(canvas) + + fadePaint.shader = LinearGradient( + 0f, 0f, 0f, h, + intArrayOf(Color.WHITE, Color.WHITE, Color.TRANSPARENT), + floatArrayOf(0f, 0.3f, 1f), + Shader.TileMode.CLAMP + ) + canvas.drawRect(0f, 0f, w, h, fadePaint) + canvas.restoreToCount(save) + } +} From e0db8110f6576ef74cd75539bd03bfe6547c7787 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sat, 28 Mar 2026 16:35:12 +0100 Subject: [PATCH 080/162] feat: replace emoji explosion with circular reveal on welcome screen MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replace the corny emoji tile circle-burst animation with a clean circular reveal that expands from screen center (white → navy), followed by the staggered NUMO wordmark reveal in white. System bar colors now flip precisely when the expanding circle reaches each edge. Co-Authored-By: Claude Opus 4.6 --- .../feature/onboarding/OnboardingActivity.kt | 13 +- .../onboarding/OnboardingWelcomeAnimator.kt | 594 +++--------------- .../main/res/layout/activity_onboarding.xml | 10 +- 3 files changed, 113 insertions(+), 504 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index f1c073dd..6aa387c1 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -144,7 +144,7 @@ class OnboardingActivity : AppCompatActivity() { private lateinit var welcomeTagline: TextView private lateinit var termsText: TextView private lateinit var acceptButton: MaterialButton - private lateinit var emojiBurstContainer: FrameLayout + private lateinit var circularRevealView: View // Step 2: Choose Path private lateinit var choosePathContainer: FrameLayout @@ -313,7 +313,7 @@ class OnboardingActivity : AppCompatActivity() { welcomeTagline = findViewById(R.id.welcome_tagline) termsText = findViewById(R.id.terms_text) acceptButton = findViewById(R.id.accept_button) - emojiBurstContainer = findViewById(R.id.emoji_burst_container) + circularRevealView = findViewById(R.id.welcome_circular_reveal) // Choose Path choosePathContainer = findViewById(R.id.choose_path_container) @@ -893,11 +893,10 @@ class OnboardingActivity : AppCompatActivity() { /** * Cinematic welcome screen animation with 5 phases: - * 1. Logo splash with shimmer - * 2. Logo translates from center to top + * 1. Circular reveal (blank white → navy) + * 2. Staggered per-letter NUMO reveal (white on navy) * 3. Tagline fades in - * 4. Emoji tiles form circle then burst outward - * 5. Get Started button and terms fade in + * 4. Get Started button and terms fade in */ private fun animateWelcomeScreen() { welcomeAnimator?.stop() @@ -909,7 +908,7 @@ class OnboardingActivity : AppCompatActivity() { tagline = welcomeTagline, acceptButton = acceptButton, termsText = termsText, - emojiContainer = emojiBurstContainer + revealView = circularRevealView ) welcomeAnimator?.start(lifecycleScope) } diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt index b3f46656..86721ab2 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt @@ -3,21 +3,14 @@ package com.electricdreams.numo.feature.onboarding import android.animation.Animator import android.animation.AnimatorListenerAdapter import android.animation.AnimatorSet -import android.animation.ArgbEvaluator import android.animation.ObjectAnimator import android.animation.ValueAnimator import android.app.Activity import android.content.res.ColorStateList -import android.graphics.Color -import android.graphics.drawable.GradientDrawable -import android.view.Gravity import android.view.View +import android.view.ViewAnimationUtils import android.view.animation.AccelerateDecelerateInterpolator -import android.view.animation.AccelerateInterpolator import android.view.animation.DecelerateInterpolator -import android.view.animation.LinearInterpolator -import android.view.animation.OvershootInterpolator -import android.widget.FrameLayout import android.widget.ImageView import android.widget.TextView import androidx.core.content.ContextCompat @@ -29,141 +22,44 @@ import kotlinx.coroutines.delay import kotlinx.coroutines.launch import kotlinx.coroutines.suspendCancellableCoroutine import kotlin.coroutines.resume -import kotlin.math.cos -import kotlin.math.min -import kotlin.math.sin +import kotlin.math.hypot /** * Cinematic welcome screen animation: - * 1. Logo reveal (navy on white, centered) - * 2. Tagline fades in - * 3. Circle expansion (emojis form circle then burst outward) - * 4. Color transition (white → navy) - * 5. Scrolling emoji rows fade in - * 6. Get Started button + terms fade in + * 1. Circular reveal (blank white → navy, expanding from screen center) + * 2. Staggered per-letter NUMO reveal (white on navy) + * 3. Tagline fades in + * 4. Get Started button + terms fade in */ class OnboardingWelcomeAnimator( private val activity: Activity, - private val container: FrameLayout, + private val container: View, private val letterViews: List, private val letterContainer: android.widget.LinearLayout, private val tagline: TextView, private val acceptButton: MaterialButton, private val termsText: TextView, - private val emojiContainer: FrameLayout + private val revealView: View ) { private val navyColor = ContextCompat.getColor(activity, R.color.numo_navy) private val whiteColor = ContextCompat.getColor(activity, android.R.color.white) - // === Circle expansion tiles (mixed sizes) === - - private enum class TileSize { SMALL, MEDIUM, LARGE } - - private data class CircleTile(val emoji: String, val colorRes: Int, val size: TileSize) - - private val circleTileData = listOf( - CircleTile("\uD83D\uDC55", R.color.chip_ribbon_cyan, TileSize.LARGE), - CircleTile("\uD83E\uDD69", R.color.chip_ribbon_pink, TileSize.MEDIUM), - CircleTile("\uD83C\uDF3F", R.color.chip_ribbon_lime, TileSize.SMALL), - CircleTile("\uD83E\uDD5C", R.color.chip_ribbon_green, TileSize.LARGE), - CircleTile("\uD83D\uDCB5", R.color.chip_ribbon_purple, TileSize.MEDIUM), - CircleTile("\uD83D\uDC2E", R.color.chip_ribbon_yellow, TileSize.SMALL), - CircleTile("\u2615", R.color.chip_ribbon_orange, TileSize.MEDIUM), - CircleTile("\uD83C\uDFB8", R.color.chip_ribbon_cyan, TileSize.SMALL) - ) - - // === Scrolling row tiles === - - private data class RowTile(val emoji: String, val colorRes: Int) - - private val row1Emojis = listOf( - RowTile("\uD83D\uDC55", R.color.chip_ribbon_cyan), - RowTile("\uD83E\uDD69", R.color.chip_ribbon_pink), - RowTile("\uD83C\uDF3F", R.color.chip_ribbon_lime), - RowTile("\uD83E\uDD5C", R.color.chip_ribbon_green), - RowTile("\u2615", R.color.chip_ribbon_orange), - RowTile("\uD83C\uDFB8", R.color.chip_ribbon_cyan), - RowTile("\uD83E\uDDE2", R.color.chip_ribbon_purple), - RowTile("\uD83D\uDCF1", R.color.chip_ribbon_yellow) - ) - - private val row2Emojis = listOf( - RowTile("\uD83C\uDF55", R.color.chip_ribbon_orange), - RowTile("\uD83E\uDDC1", R.color.chip_ribbon_pink), - RowTile("\uD83D\uDC8E", R.color.chip_ribbon_purple), - RowTile("\uD83C\uDFA8", R.color.chip_ribbon_cyan), - RowTile("\uD83C\uDF2E", R.color.chip_ribbon_yellow), - RowTile("\uD83C\uDF77", R.color.chip_ribbon_pink), - RowTile("\uD83E\uDDF5", R.color.chip_ribbon_lime), - RowTile("\uD83C\uDFAA", R.color.chip_ribbon_green) - ) - - private val row3Emojis = listOf( - RowTile("\uD83E\uDD56", R.color.chip_ribbon_yellow), - RowTile("\uD83E\uDDC0", R.color.chip_ribbon_orange), - RowTile("\uD83C\uDF3A", R.color.chip_ribbon_pink), - RowTile("\uD83D\uDCE6", R.color.chip_ribbon_green), - RowTile("\uD83C\uDF70", R.color.chip_ribbon_purple), - RowTile("\uD83C\uDF73", R.color.chip_ribbon_lime), - RowTile("\uD83D\uDECD\uFE0F", R.color.chip_ribbon_cyan), - RowTile("\uD83C\uDF7A", R.color.chip_ribbon_orange) - ) - - private val row4Emojis = listOf( - RowTile("\uD83E\uDDF4", R.color.chip_ribbon_cyan), - RowTile("\uD83C\uDF4B", R.color.chip_ribbon_yellow), - RowTile("\uD83C\uDFA7", R.color.chip_ribbon_purple), - RowTile("\uD83E\uDDCA", R.color.chip_ribbon_lime), - RowTile("\uD83C\uDF6B", R.color.chip_ribbon_orange), - RowTile("\uD83C\uDFB2", R.color.chip_ribbon_green), - RowTile("\uD83E\uDDF8", R.color.chip_ribbon_pink), - RowTile("\uD83D\uDD11", R.color.chip_ribbon_cyan) - ) - - private val row5Emojis = listOf( - RowTile("\uD83C\uDF81", R.color.chip_ribbon_pink), - RowTile("\uD83E\uDD64", R.color.chip_ribbon_orange), - RowTile("\uD83E\uDDF2", R.color.chip_ribbon_purple), - RowTile("\uD83C\uDF7F", R.color.chip_ribbon_yellow), - RowTile("\uD83E\uDDF3", R.color.chip_ribbon_green), - RowTile("\uD83C\uDFAF", R.color.chip_ribbon_cyan), - RowTile("\uD83C\uDF69", R.color.chip_ribbon_lime), - RowTile("\uD83D\uDD2E", R.color.chip_ribbon_purple) - ) - - // === State === - private val activeAnimators = mutableListOf() - private val circleTiles = mutableListOf() - private val scrollingTiles = mutableListOf() - private var scrollAnimator: ValueAnimator? = null - private var scrollTime = 0f - private var rowGradientView: View? = null private var systemBarsFlipped = false - private data class ScrollingTile( - val view: View, - val initialX: Float, - val speedPx: Float, - val direction: Float, // 1.0 for R→L, -1.0 for L→R - val wrapWidth: Float, - val rowY: Float, - val targetAlpha: Float // per-row opacity - ) - fun start(scope: CoroutineScope) { stop() resetAllViews() container.post { scope.launch { - startPhase1_LogoReveal() - startPhase2_Tagline() + delay(300) // Brief pause on blank white + startPhase1_CircularReveal() delay(200) - startPhase3_CircleExpansion() - startPhase4_ColorTransition() + startPhase2_LogoReveal() + startPhase3_Tagline() delay(400) - startPhase6_CtaReveal() + startPhase4_CtaReveal() } } } @@ -172,23 +68,14 @@ class OnboardingWelcomeAnimator( val animators = activeAnimators.toList() activeAnimators.clear() animators.forEach { it.cancel() } - scrollAnimator?.cancel() - scrollAnimator = null - scrollTime = 0f - circleTiles.clear() - scrollingTiles.clear() - rowGradientView = null - emojiContainer.removeAllViews() systemBarsFlipped = false } fun pause() { - scrollAnimator?.pause() activeAnimators.toList().forEach { it.pause() } } fun resume() { - scrollAnimator?.resume() activeAnimators.toList().forEach { it.resume() } } @@ -196,16 +83,18 @@ class OnboardingWelcomeAnimator( container.findViewById(R.id.welcome_background_overlay) ?.setBackgroundColor(whiteColor) + revealView.visibility = View.INVISIBLE + val density = activity.resources.displayMetrics.density letterViews.forEach { letter -> - letter.imageTintList = ColorStateList.valueOf(navyColor) + letter.imageTintList = ColorStateList.valueOf(whiteColor) letter.alpha = 0f letter.translationY = 24f * density letter.scaleX = 0.9f letter.scaleY = 0.9f } - tagline.setTextColor(navyColor) + tagline.setTextColor(whiteColor) tagline.alpha = 0f tagline.translationY = 15f @@ -214,22 +103,93 @@ class OnboardingWelcomeAnimator( termsText.alpha = 0f termsText.translationY = 10f - emojiContainer.removeAllViews() - circleTiles.clear() - scrollingTiles.clear() - scrollAnimator?.cancel() - scrollAnimator = null - scrollTime = 0f - - updateSystemBars(whiteColor, isLight = true) + activity.window.statusBarColor = whiteColor + activity.window.navigationBarColor = whiteColor + val controller = WindowInsetsControllerCompat(activity.window, activity.window.decorView) + controller.isAppearanceLightStatusBars = true + controller.isAppearanceLightNavigationBars = true systemBarsFlipped = false } - // === Phase 1: Staggered Per-Letter Reveal (~720ms) === + // === Phase 1: Circular Reveal (white → navy, ~1200ms) === + // Navy overlay expands from screen center. Status/nav bar colors flip to navy + // only once the circle has actually reached the top/bottom edges. + + private suspend fun startPhase1_CircularReveal() = suspendCancellableCoroutine { cont -> + val centerX = revealView.width / 2 + val centerY = revealView.height / 2 + + val maxRadius = hypot(centerX.toDouble(), centerY.toDouble()).toFloat() + + // Distance from center to the top and bottom edges of the screen + val distToTop = centerY.toFloat() + val distToBottom = (revealView.height - centerY).toFloat() + // Fraction of the animation at which the circle reaches each edge + val topThreshold = distToTop / maxRadius + val bottomThreshold = distToBottom / maxRadius + + revealView.visibility = View.VISIBLE + + var statusBarFlipped = false + var navBarFlipped = false + + val reveal = ViewAnimationUtils.createCircularReveal( + revealView, centerX, centerY, 0f, maxRadius + ).apply { + duration = 1200 + interpolator = AccelerateDecelerateInterpolator() + + addListener(object : AnimatorListenerAdapter() { + override fun onAnimationEnd(animation: Animator) { + container.findViewById(R.id.welcome_background_overlay) + ?.setBackgroundColor(navyColor) + activity.window.statusBarColor = navyColor + activity.window.navigationBarColor = navyColor + val controller = WindowInsetsControllerCompat(activity.window, activity.window.decorView) + controller.isAppearanceLightStatusBars = false + controller.isAppearanceLightNavigationBars = false + systemBarsFlipped = true + if (cont.isActive) cont.resume(Unit) + } + }) + } + + // Parallel animator to track progress and flip bar colors at the right moment + val barTracker = ValueAnimator.ofFloat(0f, 1f).apply { + duration = 1200 + interpolator = AccelerateDecelerateInterpolator() + addUpdateListener { + val fraction = it.animatedFraction + + if (!statusBarFlipped && fraction >= topThreshold) { + statusBarFlipped = true + activity.window.statusBarColor = navyColor + val controller = WindowInsetsControllerCompat(activity.window, activity.window.decorView) + controller.isAppearanceLightStatusBars = false + } + + if (!navBarFlipped && fraction >= bottomThreshold) { + navBarFlipped = true + activity.window.navigationBarColor = navyColor + val controller = WindowInsetsControllerCompat(activity.window, activity.window.decorView) + controller.isAppearanceLightNavigationBars = false + } + } + } + + cont.invokeOnCancellation { + reveal.cancel() + barTracker.cancel() + } + trackAndStart(reveal) + trackAndStart(barTracker) + } + + // === Phase 2: Staggered Per-Letter Reveal (~720ms) === private val appleSpring = android.view.animation.PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f) - private suspend fun startPhase1_LogoReveal() = suspendCancellableCoroutine { cont -> + private suspend fun startPhase2_LogoReveal() = suspendCancellableCoroutine { cont -> val density = activity.resources.displayMetrics.density val staggerDelay = 90L val letterDuration = 450L @@ -261,9 +221,9 @@ class OnboardingWelcomeAnimator( cont.invokeOnCancellation { phaseAnimators.forEach { it.cancel() } } } - // === Phase 2: Tagline (450ms) === + // === Phase 3: Tagline (450ms) === - private suspend fun startPhase2_Tagline() = suspendCancellableCoroutine { cont -> + private suspend fun startPhase3_Tagline() = suspendCancellableCoroutine { cont -> val animSet = AnimatorSet().apply { playTogether( ObjectAnimator.ofFloat(tagline, "alpha", 0f, 1f), @@ -277,293 +237,9 @@ class OnboardingWelcomeAnimator( trackAndStart(animSet) } - // === Phase 3: Circle Expansion (~1500ms) === - // Emojis appear from center, form a circle, hold, then burst outward - - private suspend fun startPhase3_CircleExpansion() { - val centerX = emojiContainer.width / 2f - // Center on the wordmark, not the screen center - val wordmarkLocation = IntArray(2) - letterContainer.getLocationInWindow(wordmarkLocation) - val containerLocation = IntArray(2) - emojiContainer.getLocationInWindow(containerLocation) - val centerY = (wordmarkLocation[1] - containerLocation[1]).toFloat() + letterContainer.height / 2f - val density = activity.resources.displayMetrics.density - val radius = min(emojiContainer.width, emojiContainer.height) * 0.30f - - circleTiles.clear() - - suspendCancellableCoroutine { cont -> - var completedCount = 0 - val phaseAnimators = mutableListOf() - circleTileData.forEachIndexed { index, tile -> - val tileView = createCircleTileView(tile, density) - emojiContainer.addView(tileView) - circleTiles.add(tileView) - - val tileSize = when (tile.size) { - TileSize.SMALL -> 56 * density - TileSize.MEDIUM -> 72 * density - TileSize.LARGE -> 88 * density - } - - val angle = index * (2.0 * Math.PI / circleTileData.size) - val targetX = centerX + (radius * cos(angle)).toFloat() - tileSize / 2f - val targetY = centerY + (radius * sin(angle)).toFloat() - tileSize / 2f - val startX = centerX - tileSize / 2f - val startY = centerY - tileSize / 2f - - tileView.translationX = startX - tileView.translationY = startY - tileView.scaleX = 0f - tileView.scaleY = 0f - tileView.alpha = 0f - - val targetRotation = -15f + (index * 4.3f) - - val animSet = AnimatorSet().apply { - playTogether( - ObjectAnimator.ofFloat(tileView, "alpha", 0f, 0.45f), - ObjectAnimator.ofFloat(tileView, "scaleX", 0f, 1f), - ObjectAnimator.ofFloat(tileView, "scaleY", 0f, 1f), - ObjectAnimator.ofFloat(tileView, "translationX", startX, targetX), - ObjectAnimator.ofFloat(tileView, "translationY", startY, targetY), - ObjectAnimator.ofFloat(tileView, "rotation", 0f, targetRotation) - ) - duration = 500 - startDelay = index * 60L - interpolator = OvershootInterpolator(0.6f) - } - - animSet.addListener(onEnd { - completedCount++ - if (completedCount == circleTileData.size) { - if (cont.isActive) cont.resume(Unit) - } - }) - phaseAnimators.add(animSet) - trackAndStart(animSet) - } - cont.invokeOnCancellation { phaseAnimators.forEach { it.cancel() } } - } - - delay(250) // Hold the circle briefly - - startCircleBurst() - } - - private suspend fun startCircleBurst() = suspendCancellableCoroutine { cont -> - val centerX = emojiContainer.width / 2f - // Match the circle center used in phase 3 - val wordmarkLocation = IntArray(2) - letterContainer.getLocationInWindow(wordmarkLocation) - val containerLocation = IntArray(2) - emojiContainer.getLocationInWindow(containerLocation) - val centerY = (wordmarkLocation[1] - containerLocation[1]).toFloat() + letterContainer.height / 2f - var completedCount = 0 - val phaseAnimators = mutableListOf() - - circleTiles.forEach { tileView -> - val currentCenterX = tileView.translationX + tileView.width / 2f - val currentCenterY = tileView.translationY + tileView.height / 2f - - val dx = currentCenterX - centerX - val dy = currentCenterY - centerY - val burstX = tileView.translationX + dx * 4f - val burstY = tileView.translationY + dy * 4f - - val animSet = AnimatorSet().apply { - playTogether( - ObjectAnimator.ofFloat(tileView, "translationX", tileView.translationX, burstX), - ObjectAnimator.ofFloat(tileView, "translationY", tileView.translationY, burstY), - ObjectAnimator.ofFloat(tileView, "alpha", 0.45f, 0f), - ObjectAnimator.ofFloat(tileView, "scaleX", 1f, 0.6f), - ObjectAnimator.ofFloat(tileView, "scaleY", 1f, 0.6f) - ) - duration = 550 - interpolator = AccelerateInterpolator(1.5f) - } - - animSet.addListener(onEnd { - completedCount++ - if (completedCount == circleTiles.size) { - emojiContainer.removeAllViews() - circleTiles.clear() - if (cont.isActive) cont.resume(Unit) - } - }) - phaseAnimators.add(animSet) - trackAndStart(animSet) - } - cont.invokeOnCancellation { phaseAnimators.forEach { it.cancel() } } - } - - // === Phase 4: Color Transition (1200ms) === - - private suspend fun startPhase4_ColorTransition() = suspendCancellableCoroutine { cont -> - val bgView = container.findViewById(R.id.welcome_background_overlay) - val argbEvaluator = ArgbEvaluator() - systemBarsFlipped = false - - val colorAnim = ValueAnimator.ofFloat(0f, 1f).apply { - duration = 1200 - interpolator = AccelerateDecelerateInterpolator() - - addUpdateListener { animation -> - val fraction = animation.animatedFraction + // === Phase 4: CTA Reveal (500ms) === - val bgColor = argbEvaluator.evaluate(fraction, whiteColor, navyColor) as Int - bgView?.setBackgroundColor(bgColor) - - val textColor = argbEvaluator.evaluate(fraction, navyColor, whiteColor) as Int - val tint = ColorStateList.valueOf(textColor) - letterViews.forEach { it.imageTintList = tint } - tagline.setTextColor(textColor) - - activity.window.statusBarColor = bgColor - activity.window.navigationBarColor = bgColor - - if (fraction > 0.5f && !systemBarsFlipped) { - systemBarsFlipped = true - val controller = WindowInsetsControllerCompat(activity.window, activity.window.decorView) - controller.isAppearanceLightStatusBars = false - controller.isAppearanceLightNavigationBars = false - } - } - - addListener(onEnd { - updateSystemBars(navyColor, isLight = false) - if (cont.isActive) cont.resume(Unit) - }) - } - cont.invokeOnCancellation { colorAnim.cancel() } - trackAndStart(colorAnim) - } - - // === Phase 5: Scrolling Rows Fade In (800ms) === - - private suspend fun startPhase5_ScrollingRows() { - createScrollingRows() - startScrollAnimation() - - suspendCancellableCoroutine { cont -> - val fadeAnim = ValueAnimator.ofFloat(0f, 1f).apply { - duration = 800 - interpolator = DecelerateInterpolator() - - addUpdateListener { - val fraction = it.animatedFraction - scrollingTiles.forEach { tile -> tile.view.alpha = tile.targetAlpha * fraction } - rowGradientView?.alpha = fraction - } - - addListener(onEnd { if (cont.isActive) cont.resume(Unit) }) - } - cont.invokeOnCancellation { fadeAnim.cancel() } - trackAndStart(fadeAnim) - } - } - - private fun createScrollingRows() { - val density = activity.resources.displayMetrics.density - val tileSizePx = (48 * density).toInt() - val spacingPx = (8 * density).toInt() - val stepPx = tileSizePx + spacingPx - - data class RowConfig( - val emojis: List, - val direction: Float, // 1.0 = R→L, -1.0 = L→R - val speedDp: Float, - val rowIndex: Int, - val alpha: Float // target opacity for this row - ) - - val rows = listOf( - RowConfig(row1Emojis, 1f, 12f, 0, 0.22f), - RowConfig(row2Emojis, -1f, 9f, 1, 0.16f), - RowConfig(row3Emojis, 1f, 15f, 2, 0.11f), - RowConfig(row4Emojis, -1f, 7f, 3, 0.06f), - RowConfig(row5Emojis, 1f, 11f, 4, 0.03f) - ) - - scrollingTiles.clear() - - rows.forEach { config -> - val wrapWidth = (config.emojis.size * stepPx).toFloat() - val speedPx = config.speedDp * density - val rowY = (config.rowIndex * stepPx).toFloat() - - config.emojis.forEachIndexed { i, item -> - val tileView = createRowTileView(item, density, tileSizePx) - tileView.translationY = rowY - tileView.alpha = 0f - emojiContainer.addView(tileView) - - scrollingTiles.add(ScrollingTile( - view = tileView, - initialX = (i * stepPx).toFloat(), - speedPx = speedPx, - direction = config.direction, - wrapWidth = wrapWidth, - rowY = rowY, - targetAlpha = config.alpha - )) - } - } - - // Gradient overlay — aggressive fade so bottom rows dissolve into background - val totalRowsHeight = 5 * tileSizePx + 4 * spacingPx - val gradientHeight = (totalRowsHeight * 0.8f).toInt() - rowGradientView = View(activity).apply { - background = GradientDrawable( - GradientDrawable.Orientation.TOP_BOTTOM, - intArrayOf(Color.TRANSPARENT, Color.argb(220, 10, 37, 64), navyColor) - ) - layoutParams = FrameLayout.LayoutParams( - FrameLayout.LayoutParams.MATCH_PARENT, - gradientHeight - ).apply { - gravity = Gravity.TOP - topMargin = totalRowsHeight - gradientHeight - } - alpha = 0f - } - emojiContainer.addView(rowGradientView) - } - - private fun startScrollAnimation() { - scrollTime = 0f - scrollAnimator?.cancel() - - scrollAnimator = ValueAnimator.ofFloat(0f, 1f).apply { - duration = 16L // ~60fps tick - repeatCount = ValueAnimator.INFINITE - interpolator = LinearInterpolator() - addUpdateListener { - scrollTime += 0.016f - updateRowPositions() - } - } - scrollAnimator?.start() - } - - private fun updateRowPositions() { - val containerWidth = emojiContainer.width.toFloat() - - scrollingTiles.forEach { tile -> - val totalScroll = scrollTime * tile.speedPx - // Modulo wrap: tile scrolls continuously and wraps around - var x = tile.initialX - totalScroll * tile.direction - x = ((x % tile.wrapWidth) + tile.wrapWidth) % tile.wrapWidth - // Shift so tiles cover the visible area (centered around 0..containerWidth) - if (x > containerWidth) x -= tile.wrapWidth - tile.view.translationX = x - } - } - - // === Phase 6: CTA Reveal (500ms) === - - private suspend fun startPhase6_CtaReveal() = suspendCancellableCoroutine { cont -> + private suspend fun startPhase4_CtaReveal() = suspendCancellableCoroutine { cont -> val btnAlpha = ObjectAnimator.ofFloat(acceptButton, "alpha", 0f, 1f).apply { duration = 400 interpolator = DecelerateInterpolator() @@ -592,74 +268,8 @@ class OnboardingWelcomeAnimator( trackAndStart(animSet) } - // === Tile Creation === - - private fun createCircleTileView(tile: CircleTile, density: Float): View { - val sizePx = when (tile.size) { - TileSize.SMALL -> (56 * density).toInt() - TileSize.MEDIUM -> (72 * density).toInt() - TileSize.LARGE -> (88 * density).toInt() - } - val radiusPx = when (tile.size) { - TileSize.SMALL -> 12 * density - TileSize.MEDIUM -> 16 * density - TileSize.LARGE -> 20 * density - } - val emojiSize = when (tile.size) { - TileSize.SMALL -> 24f - TileSize.MEDIUM -> 32f - TileSize.LARGE -> 40f - } - - val baseColor = ContextCompat.getColor(activity, tile.colorRes) - val lighterColor = lightenColor(baseColor, 0.35f) - - return TextView(activity).apply { - text = tile.emoji - textSize = emojiSize - gravity = Gravity.CENTER - val bgDrawable = GradientDrawable( - GradientDrawable.Orientation.TL_BR, - intArrayOf(lighterColor, baseColor) - ) - bgDrawable.cornerRadius = radiusPx - background = bgDrawable - layoutParams = FrameLayout.LayoutParams(sizePx, sizePx) - elevation = 6 * density - } - } - - private fun createRowTileView(tile: RowTile, density: Float, sizePx: Int): View { - return TextView(activity).apply { - text = tile.emoji - textSize = 22f - gravity = Gravity.CENTER - layoutParams = FrameLayout.LayoutParams(sizePx, sizePx) - } - } - // === Helpers === - private fun lightenColor(color: Int, factor: Float): Int { - val r = Color.red(color) - val g = Color.green(color) - val b = Color.blue(color) - return Color.argb( - Color.alpha(color), - (r + (255 - r) * factor).toInt(), - (g + (255 - g) * factor).toInt(), - (b + (255 - b) * factor).toInt() - ) - } - - private fun updateSystemBars(bgColor: Int, isLight: Boolean) { - activity.window.statusBarColor = bgColor - activity.window.navigationBarColor = bgColor - val controller = WindowInsetsControllerCompat(activity.window, activity.window.decorView) - controller.isAppearanceLightStatusBars = isLight - controller.isAppearanceLightNavigationBars = isLight - } - private fun onEnd(action: () -> Unit): AnimatorListenerAdapter { return object : AnimatorListenerAdapter() { override fun onAnimationEnd(animation: Animator) { diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index b580f349..abac5bbf 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -23,13 +23,13 @@ android:layout_height="match_parent" android:background="@android:color/white" /> - - + + android:background="@color/numo_navy" + android:visibility="invisible" /> Date: Sat, 28 Mar 2026 23:51:52 +0100 Subject: [PATCH 081/162] =?UTF-8?q?feat:=20motion=20design=20audit=20?= =?UTF-8?q?=E2=80=94=20refine=20animations,=20add=20reduced=20motion=20sup?= =?UTF-8?q?port,=20unify=20shakes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Apply animation improvements based on design motion principles audit (Emil Kowalski, Jakub Krehel, Jhey Tompkins). Key changes: - Add reduced motion support: new AnimationUtils.isAnimationEnabled() gates all custom animations, respecting system animator duration scale - Unify 3 inconsistent shake implementations into shared View.shake() extension, replacing deprecated TranslateAnimation in DialogHelper - Tune interpolators: Apple spring on CheckmarkAnimationView and MintSelectionBottomSheet, DecelerateInterpolator on error icon, appleSpring on welcome tagline - Fix scale-from-zero anti-pattern in PinDotsView (0.5→0.85) and EmptyStateAnimator (0→0.85) - Reduce excessive overshoot on payment result icons (3→1.2/Decelerate) and ZeroFees 0% bounce (1.5→1.0) - Soften high-frequency animations: PIN success bounce 1.3→1.12, quantity bounce 1.15→1.08 - Add missing exit animations: EmptyStateAnimator.animateOut(), CheckmarkAnimationView.dismiss(), fade transitions on payment activities - Normalize slide transition XMLs for consistent alpha and travel distance Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/PaymentFailureActivity.kt | 18 ++++++-- .../numo/PaymentReceivedActivity.kt | 24 ++++++++-- .../numo/feature/items/EmptyStateAnimator.kt | 45 ++++++++++++++++++- .../handlers/SelectionAnimationHandler.kt | 8 ++-- .../onboarding/AutoCustodyAnimatedView.kt | 7 +++ .../onboarding/OnboardingWelcomeAnimator.kt | 21 ++++++++- .../onboarding/ZeroFeesIllustration.kt | 13 +++++- .../numo/feature/pin/PinDotsView.kt | 20 ++++++--- .../ui/animation/CheckmarkAnimationView.kt | 30 ++++++++++++- .../ui/components/AmountDisplayManager.kt | 11 +---- .../numo/ui/components/LightningStrikeView.kt | 7 +++ .../ui/components/MintSelectionBottomSheet.kt | 4 +- .../numo/ui/util/AnimationUtils.kt | 36 +++++++++++++++ .../numo/ui/util/DialogHelper.kt | 7 +-- app/src/main/res/anim/slide_in_left.xml | 2 +- app/src/main/res/anim/slide_in_right.xml | 2 +- app/src/main/res/anim/slide_out_left.xml | 2 +- app/src/main/res/anim/slide_out_right.xml | 2 +- 18 files changed, 214 insertions(+), 45 deletions(-) create mode 100644 app/src/main/java/com/electricdreams/numo/ui/util/AnimationUtils.kt diff --git a/app/src/main/java/com/electricdreams/numo/PaymentFailureActivity.kt b/app/src/main/java/com/electricdreams/numo/PaymentFailureActivity.kt index c84c97a5..30eed698 100644 --- a/app/src/main/java/com/electricdreams/numo/PaymentFailureActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/PaymentFailureActivity.kt @@ -5,7 +5,6 @@ import android.animation.ObjectAnimator import android.os.Bundle import android.util.Log import android.view.View -import android.view.animation.OvershootInterpolator import android.widget.Button import android.widget.ImageButton import android.widget.ImageView @@ -18,6 +17,7 @@ import androidx.core.view.WindowCompat import com.electricdreams.numo.core.data.model.PaymentHistoryEntry import com.electricdreams.numo.feature.history.PaymentsHistoryActivity import com.electricdreams.numo.payment.PaymentIntentFactory +import com.electricdreams.numo.ui.util.isAnimationEnabled /** * Activity that displays a payment failure screen when a payment fails or hangs. @@ -114,11 +114,23 @@ class PaymentFailureActivity : AppCompatActivity() { finish() } + override fun finish() { + super.finish() + @Suppress("DEPRECATION") + overridePendingTransition(R.anim.fade_in, R.anim.fade_out) + } + /** * Play a simple, elegant error animation mirroring the success animation * from [PaymentReceivedActivity] but using an error visual language. */ private fun animateErrorIcon() { + if (!isAnimationEnabled()) { + errorCircle.visibility = View.VISIBLE; errorCircle.alpha = 1f; errorCircle.scaleX = 1f; errorCircle.scaleY = 1f + errorIcon.visibility = View.VISIBLE; errorIcon.alpha = 1f; errorIcon.scaleX = 1f; errorIcon.scaleY = 1f + return + } + // Initial state errorCircle.alpha = 0f errorCircle.scaleX = 0.3f @@ -149,13 +161,13 @@ class PaymentFailureActivity : AppCompatActivity() { val iconScaleX = ObjectAnimator.ofFloat(errorIcon, "scaleX", 0f, 1f).apply { duration = 500 startDelay = 150 - interpolator = OvershootInterpolator(3f) + interpolator = android.view.animation.DecelerateInterpolator(1.5f) } val iconScaleY = ObjectAnimator.ofFloat(errorIcon, "scaleY", 0f, 1f).apply { duration = 500 startDelay = 150 - interpolator = OvershootInterpolator(3f) + interpolator = android.view.animation.DecelerateInterpolator(1.5f) } val iconFadeIn = ObjectAnimator.ofFloat(errorIcon, "alpha", 0f, 1f).apply { diff --git a/app/src/main/java/com/electricdreams/numo/PaymentReceivedActivity.kt b/app/src/main/java/com/electricdreams/numo/PaymentReceivedActivity.kt index 738375be..bb7b12bd 100644 --- a/app/src/main/java/com/electricdreams/numo/PaymentReceivedActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/PaymentReceivedActivity.kt @@ -21,6 +21,7 @@ import androidx.core.view.WindowCompat import com.cashujdk.nut00.Token import com.electricdreams.numo.feature.history.PaymentsHistoryActivity import com.electricdreams.numo.payment.PaymentIntentFactory +import com.electricdreams.numo.ui.util.isAnimationEnabled /** * Activity that displays a beautiful success screen when a payment is received @@ -157,10 +158,19 @@ class PaymentReceivedActivity : AppCompatActivity() { } private fun animateCheckmark(onComplete: (() -> Unit)? = null) { + if (!isAnimationEnabled()) { + checkmarkCircle.visibility = View.VISIBLE + checkmarkIcon.visibility = View.VISIBLE + checkmarkCircle.alpha = 1f; checkmarkCircle.scaleX = 1f; checkmarkCircle.scaleY = 1f + checkmarkIcon.alpha = 1f; checkmarkIcon.scaleX = 1f; checkmarkIcon.scaleY = 1f + onComplete?.invoke() + return + } + // Simple, elegant success animation // 1. Green circle scales in smoothly // 2. White checkmark pops in with overshoot - + // Set initial states checkmarkCircle.alpha = 0f checkmarkCircle.scaleX = 0.3f @@ -191,13 +201,13 @@ class PaymentReceivedActivity : AppCompatActivity() { val iconScaleX = ObjectAnimator.ofFloat(checkmarkIcon, "scaleX", 0f, 1f).apply { duration = 500 startDelay = 150 - interpolator = OvershootInterpolator(3f) + interpolator = OvershootInterpolator(1.2f) } - + val iconScaleY = ObjectAnimator.ofFloat(checkmarkIcon, "scaleY", 0f, 1f).apply { duration = 500 startDelay = 150 - interpolator = OvershootInterpolator(3f) + interpolator = OvershootInterpolator(1.2f) } val iconFadeIn = ObjectAnimator.ofFloat(checkmarkIcon, "alpha", 0f, 1f).apply { @@ -273,6 +283,12 @@ class PaymentReceivedActivity : AppCompatActivity() { } } + override fun finish() { + super.finish() + @Suppress("DEPRECATION") + overridePendingTransition(R.anim.fade_in, R.anim.fade_out) + } + private fun openTransactionDetails() { // Get the most recent payment from history (the one we just received) val history = PaymentsHistoryActivity.getPaymentHistory(this) diff --git a/app/src/main/java/com/electricdreams/numo/feature/items/EmptyStateAnimator.kt b/app/src/main/java/com/electricdreams/numo/feature/items/EmptyStateAnimator.kt index 6a523f8e..31488c2b 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/items/EmptyStateAnimator.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/items/EmptyStateAnimator.kt @@ -15,6 +15,7 @@ import android.widget.FrameLayout import android.widget.TextView import androidx.core.content.ContextCompat import com.electricdreams.numo.R +import com.electricdreams.numo.ui.util.isAnimationEnabled import kotlin.math.sin /** @@ -82,6 +83,7 @@ class EmptyStateAnimator( ) fun start() { + if (!context.isAnimationEnabled()) return // Prevent multiple simultaneous setups if (isSettingUp || isAnimationRunning) return isSettingUp = true @@ -219,8 +221,8 @@ class EmptyStateAnimator( val targetY = containerHeight * startYPercent // Create pop-in animation set - val scaleXAnim = ObjectAnimator.ofFloat(tile.view, "scaleX", 0f, 1.1f, 1f) - val scaleYAnim = ObjectAnimator.ofFloat(tile.view, "scaleY", 0f, 1.1f, 1f) + val scaleXAnim = ObjectAnimator.ofFloat(tile.view, "scaleX", 0.85f, 1.1f, 1f) + val scaleYAnim = ObjectAnimator.ofFloat(tile.view, "scaleY", 0.85f, 1.1f, 1f) val alphaAnim = ObjectAnimator.ofFloat(tile.view, "alpha", 0f, 1f) val translateYAnim = ObjectAnimator.ofFloat( tile.view, "translationY", @@ -330,6 +332,45 @@ class EmptyStateAnimator( tileContainer?.removeAllViews() } + /** + * Animate tiles out (reverse pop-in: staggered shrink + fade), then stop. + * Calls [onComplete] after the last tile exits. + */ + fun animateOut(onComplete: (() -> Unit)? = null) { + if (!isAnimationRunning || floatingTiles.isEmpty()) { + stop() + onComplete?.invoke() + return + } + + floatAnimator?.cancel() + var completedCount = 0 + + floatingTiles.reversed().forEachIndexed { index, tile -> + val delay = index * 50L + val scaleX = ObjectAnimator.ofFloat(tile.view, "scaleX", tile.view.scaleX, 0.85f) + val scaleY = ObjectAnimator.ofFloat(tile.view, "scaleY", tile.view.scaleY, 0.85f) + val alpha = ObjectAnimator.ofFloat(tile.view, "alpha", tile.view.alpha, 0f) + + AnimatorSet().apply { + playTogether(scaleX, scaleY, alpha) + duration = 250L + startDelay = delay + interpolator = android.view.animation.DecelerateInterpolator() + addListener(object : AnimatorListenerAdapter() { + override fun onAnimationEnd(animation: Animator) { + completedCount++ + if (completedCount == floatingTiles.size) { + stop() + onComplete?.invoke() + } + } + }) + start() + } + } + } + private fun createTileView(tile: TileItem, density: Float): View { // Get size in pixels val sizePx = when (tile.size) { diff --git a/app/src/main/java/com/electricdreams/numo/feature/items/handlers/SelectionAnimationHandler.kt b/app/src/main/java/com/electricdreams/numo/feature/items/handlers/SelectionAnimationHandler.kt index 9287df45..38ad2743 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/items/handlers/SelectionAnimationHandler.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/items/handlers/SelectionAnimationHandler.kt @@ -360,16 +360,16 @@ class SelectionAnimationHandler( fun animateQuantityChange(quantityView: TextView) { val scaleUp = AnimatorSet().apply { playTogether( - ObjectAnimator.ofFloat(quantityView, View.SCALE_X, 1f, 1.15f), - ObjectAnimator.ofFloat(quantityView, View.SCALE_Y, 1f, 1.15f) + ObjectAnimator.ofFloat(quantityView, View.SCALE_X, 1f, 1.08f), + ObjectAnimator.ofFloat(quantityView, View.SCALE_Y, 1f, 1.08f) ) duration = QUANTITY_BOUNCE_DURATION } val scaleDown = AnimatorSet().apply { playTogether( - ObjectAnimator.ofFloat(quantityView, View.SCALE_X, 1.15f, 1f), - ObjectAnimator.ofFloat(quantityView, View.SCALE_Y, 1.15f, 1f) + ObjectAnimator.ofFloat(quantityView, View.SCALE_X, 1.08f, 1f), + ObjectAnimator.ofFloat(quantityView, View.SCALE_Y, 1.08f, 1f) ) duration = QUANTITY_BOUNCE_DURATION interpolator = appleSpringInterpolator diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt index 67dd9706..3545319e 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt @@ -8,6 +8,7 @@ import android.util.AttributeSet import android.view.View import android.view.animation.DecelerateInterpolator import android.view.animation.OvershootInterpolator +import com.electricdreams.numo.ui.util.isAnimationEnabled /** * Animated stacked notification banners for "Automatic self-custody" slide. @@ -293,6 +294,12 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( if (animStarted) return animStarted = true + if (!context.isAnimationEnabled()) { + introProgress = 1f + invalidate() + return + } + val frontIn = ValueAnimator.ofFloat(0f, 1f).apply { duration = 600 startDelay = 300 diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt index 86721ab2..ae701c36 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt @@ -16,6 +16,7 @@ import android.widget.TextView import androidx.core.content.ContextCompat import androidx.core.view.WindowInsetsControllerCompat import com.electricdreams.numo.R +import com.electricdreams.numo.ui.util.isAnimationEnabled import com.google.android.material.button.MaterialButton import kotlinx.coroutines.CoroutineScope import kotlinx.coroutines.delay @@ -51,6 +52,12 @@ class OnboardingWelcomeAnimator( stop() resetAllViews() + if (!activity.isAnimationEnabled()) { + // Skip to final state: everything visible + showFinalState() + return + } + container.post { scope.launch { delay(300) // Brief pause on blank white @@ -64,6 +71,18 @@ class OnboardingWelcomeAnimator( } } + private fun showFinalState() { + revealView.visibility = View.VISIBLE + letterViews.forEach { it.alpha = 1f; it.translationY = 0f; it.scaleX = 1f; it.scaleY = 1f } + tagline.alpha = 1f; tagline.translationY = 0f + acceptButton.alpha = 1f; acceptButton.translationY = 0f + termsText.alpha = 0.7f; termsText.translationY = 0f + val controller = WindowInsetsControllerCompat(activity.window, activity.window.decorView) + controller.isAppearanceLightStatusBars = false + controller.isAppearanceLightNavigationBars = false + systemBarsFlipped = true + } + fun stop() { val animators = activeAnimators.toList() activeAnimators.clear() @@ -230,7 +249,7 @@ class OnboardingWelcomeAnimator( ObjectAnimator.ofFloat(tagline, "translationY", 15f, 0f) ) duration = 450 - interpolator = DecelerateInterpolator() + interpolator = appleSpring addListener(onEnd { if (cont.isActive) cont.resume(Unit) }) } cont.invokeOnCancellation { animSet.cancel() } diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt index 10f02d91..e84ec07f 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt @@ -9,6 +9,7 @@ import android.view.View import android.view.animation.AccelerateInterpolator import android.view.animation.DecelerateInterpolator import android.view.animation.OvershootInterpolator +import com.electricdreams.numo.ui.util.isAnimationEnabled import kotlin.math.cos import kotlin.math.sin @@ -240,7 +241,7 @@ class ZeroFeesIllustration @JvmOverloads constructor( startY = y, angle = angle, speed = (30f + ((seed + i * 37) % 30)) * s, - size = 1.5f + ((seed + i * 53) % 20) / 10f + size = 1.5f + ((seed + i * 53) % 30) / 10f ) } feeParticles[feeIndex] = parts @@ -250,6 +251,14 @@ class ZeroFeesIllustration @JvmOverloads constructor( if (animStarted) return animStarted = true + if (!context.isAnimationEnabled()) { + // Skip to final state: show "0%" at full scale + zeroScale = 1f; zeroAlpha = 1f + fees.forEach { it.alpha = 0f } + invalidate() + return + } + val w = width.toFloat() val h = height.toFloat() val s = w / 380f @@ -309,7 +318,7 @@ class ZeroFeesIllustration @JvmOverloads constructor( val zeroIn = ValueAnimator.ofFloat(0f, 1f).apply { duration = 600 startDelay = lastFeeEnd + 300L - interpolator = OvershootInterpolator(1.5f) + interpolator = OvershootInterpolator(1.0f) addUpdateListener { val p = it.animatedValue as Float zeroAlpha = p diff --git a/app/src/main/java/com/electricdreams/numo/feature/pin/PinDotsView.kt b/app/src/main/java/com/electricdreams/numo/feature/pin/PinDotsView.kt index 836ea5dc..4349d001 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/pin/PinDotsView.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/pin/PinDotsView.kt @@ -9,6 +9,8 @@ import android.view.animation.OvershootInterpolator import android.widget.LinearLayout import androidx.core.content.ContextCompat import com.electricdreams.numo.R +import com.electricdreams.numo.ui.util.isAnimationEnabled +import com.electricdreams.numo.ui.util.shake /** * A view that displays PIN entry progress as a row of dots. @@ -132,10 +134,11 @@ class PinDotsView @JvmOverloads constructor( } private fun animateLastDot() { + if (!context.isAnimationEnabled()) return if (currentLength > 0 && currentLength <= dots.size) { val dot = dots[currentLength - 1] - val scaleX = ObjectAnimator.ofFloat(dot, "scaleX", 0.5f, 1.2f, 1f) - val scaleY = ObjectAnimator.ofFloat(dot, "scaleY", 0.5f, 1.2f, 1f) + val scaleX = ObjectAnimator.ofFloat(dot, "scaleX", 0.85f, 1.05f, 1f) + val scaleY = ObjectAnimator.ofFloat(dot, "scaleY", 0.85f, 1.05f, 1f) AnimatorSet().apply { playTogether(scaleX, scaleY) duration = 150 @@ -146,10 +149,12 @@ class PinDotsView @JvmOverloads constructor( } private fun animateError() { + if (!context.isAnimationEnabled()) { + postDelayed({ state = State.NORMAL; updateDotStates() }, 600) + return + } // Shake animation - val shake = ObjectAnimator.ofFloat(this, "translationX", 0f, -15f, 15f, -15f, 15f, -10f, 10f, -5f, 5f, 0f) - shake.duration = 400 - shake.start() + shake(amplitude = 15f) // Reset state after animation postDelayed({ @@ -159,10 +164,11 @@ class PinDotsView @JvmOverloads constructor( } private fun animateSuccess() { + if (!context.isAnimationEnabled()) return // Scale up briefly then return dots.forEachIndexed { index, dot -> - val scaleX = ObjectAnimator.ofFloat(dot, "scaleX", 1f, 1.3f, 1f) - val scaleY = ObjectAnimator.ofFloat(dot, "scaleY", 1f, 1.3f, 1f) + val scaleX = ObjectAnimator.ofFloat(dot, "scaleX", 1f, 1.12f, 1f) + val scaleY = ObjectAnimator.ofFloat(dot, "scaleY", 1f, 1.12f, 1f) AnimatorSet().apply { playTogether(scaleX, scaleY) duration = 300 diff --git a/app/src/main/java/com/electricdreams/numo/ui/animation/CheckmarkAnimationView.kt b/app/src/main/java/com/electricdreams/numo/ui/animation/CheckmarkAnimationView.kt index 10326461..9ea587d7 100644 --- a/app/src/main/java/com/electricdreams/numo/ui/animation/CheckmarkAnimationView.kt +++ b/app/src/main/java/com/electricdreams/numo/ui/animation/CheckmarkAnimationView.kt @@ -13,6 +13,7 @@ import android.view.View import android.view.animation.DecelerateInterpolator import androidx.core.content.ContextCompat import com.electricdreams.numo.R +import com.electricdreams.numo.ui.util.isAnimationEnabled import kotlin.math.min /** @@ -84,12 +85,21 @@ class CheckmarkAnimationView @JvmOverloads constructor( fun play() { animator?.cancel() + visibility = VISIBLE + + if (!context.isAnimationEnabled()) { + circleScale = 1f + checkProgress = 1f + invalidate() + return + } + circleScale = 0f checkProgress = 0f - visibility = VISIBLE val circleAnim = ValueAnimator.ofFloat(0.82f, 1f).apply { duration = 320L + interpolator = android.view.animation.PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f) addUpdateListener { circleScale = it.animatedValue as Float invalidate() @@ -112,6 +122,24 @@ class CheckmarkAnimationView @JvmOverloads constructor( } } + /** + * Fade out and scale down (subtler than entrance per Jakub's exit principle). + * Hides the view on completion. + */ + fun dismiss(onComplete: (() -> Unit)? = null) { + animator?.cancel() + animate() + .alpha(0f) + .scaleX(0.95f) + .scaleY(0.95f) + .setDuration(200) + .withEndAction { + visibility = GONE + onComplete?.invoke() + } + .start() + } + override fun onDraw(canvas: Canvas) { super.onDraw(canvas) diff --git a/app/src/main/java/com/electricdreams/numo/ui/components/AmountDisplayManager.kt b/app/src/main/java/com/electricdreams/numo/ui/components/AmountDisplayManager.kt index 66c5cc86..15185664 100644 --- a/app/src/main/java/com/electricdreams/numo/ui/components/AmountDisplayManager.kt +++ b/app/src/main/java/com/electricdreams/numo/ui/components/AmountDisplayManager.kt @@ -3,6 +3,7 @@ package com.electricdreams.numo.ui.components import android.content.Context import android.view.View import com.electricdreams.numo.R +import com.electricdreams.numo.ui.util.shake import android.widget.Button import android.widget.TextView import com.electricdreams.numo.core.cashu.CashuWalletManager @@ -201,15 +202,7 @@ class AmountDisplayManager( /** Show shake animation on amount display */ fun shakeAmountDisplay() { - val shake = object : android.view.animation.Animation() { - override fun applyTransformation(interpolatedTime: Float, t: android.view.animation.Transformation) { - val offset = (Math.sin(interpolatedTime * Math.PI * 8) * 10).toFloat() - t.matrix.setTranslate(offset, 0f) - } - }.apply { - duration = 400 - } - amountDisplay.startAnimation(shake) + amountDisplay.shake(amplitude = 10f) } /** Convert fiat amount (in currency units, not cents) to satoshis */ diff --git a/app/src/main/java/com/electricdreams/numo/ui/components/LightningStrikeView.kt b/app/src/main/java/com/electricdreams/numo/ui/components/LightningStrikeView.kt index fef51aab..48cebe19 100644 --- a/app/src/main/java/com/electricdreams/numo/ui/components/LightningStrikeView.kt +++ b/app/src/main/java/com/electricdreams/numo/ui/components/LightningStrikeView.kt @@ -10,6 +10,7 @@ import android.graphics.Path import android.view.View import android.view.ViewGroup import android.view.animation.AccelerateInterpolator +import com.electricdreams.numo.ui.util.isAnimationEnabled import kotlin.math.cos import kotlin.math.sin import kotlin.random.Random @@ -51,6 +52,12 @@ class LightningStrikeView(context: Context) : View(context) { } fun strike() { + if (!context.isAnimationEnabled()) { + // Skip animation, just flash briefly and remove + postDelayed({ (parent as? ViewGroup)?.removeView(this) }, 100) + return + } + post { generateBoltTree() } // Fade in (0–120ms) → hold (120–250ms) → fade out (250–550ms) diff --git a/app/src/main/java/com/electricdreams/numo/ui/components/MintSelectionBottomSheet.kt b/app/src/main/java/com/electricdreams/numo/ui/components/MintSelectionBottomSheet.kt index 26e3c910..3756eb48 100644 --- a/app/src/main/java/com/electricdreams/numo/ui/components/MintSelectionBottomSheet.kt +++ b/app/src/main/java/com/electricdreams/numo/ui/components/MintSelectionBottomSheet.kt @@ -5,7 +5,7 @@ import android.os.Bundle import android.view.LayoutInflater import android.view.View import android.view.ViewGroup -import android.view.animation.AccelerateDecelerateInterpolator +import android.view.animation.PathInterpolator import android.widget.FrameLayout import android.widget.TextView import androidx.core.content.ContextCompat @@ -177,7 +177,7 @@ class MintSelectionBottomSheet : BottomSheetDialogFragment() { .translationY(0f) .setStartDelay((position * 60).toLong()) .setDuration(300) - .setInterpolator(AccelerateDecelerateInterpolator()) + .setInterpolator(PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f)) .start() } diff --git a/app/src/main/java/com/electricdreams/numo/ui/util/AnimationUtils.kt b/app/src/main/java/com/electricdreams/numo/ui/util/AnimationUtils.kt new file mode 100644 index 00000000..e075e39f --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/ui/util/AnimationUtils.kt @@ -0,0 +1,36 @@ +package com.electricdreams.numo.ui.util + +import android.animation.ObjectAnimator +import android.content.Context +import android.provider.Settings +import android.view.View +import android.view.animation.DecelerateInterpolator + +/** + * Checks whether the system animation scale allows animations to run. + * Returns false when the user has disabled animations via Developer Options + * ("Remove animations" / animator duration scale = 0). + */ +fun Context.isAnimationEnabled(): Boolean { + val scale = Settings.Global.getFloat( + contentResolver, Settings.Global.ANIMATOR_DURATION_SCALE, 1f + ) + return scale > 0f +} + +/** + * Unified shake animation for error feedback. + * Uses ObjectAnimator with decelerating keyframes for natural damping + * (sharp start, gentle end). + */ +fun View.shake(amplitude: Float = 12f, duration: Long = 400L) { + ObjectAnimator.ofFloat( + this, "translationX", + 0f, -amplitude, amplitude, -amplitude, amplitude, + -amplitude * 0.6f, amplitude * 0.6f, -amplitude * 0.3f, amplitude * 0.3f, 0f + ).apply { + this.duration = duration + interpolator = DecelerateInterpolator() + start() + } +} diff --git a/app/src/main/java/com/electricdreams/numo/ui/util/DialogHelper.kt b/app/src/main/java/com/electricdreams/numo/ui/util/DialogHelper.kt index 1ddb90a7..100ac5a8 100644 --- a/app/src/main/java/com/electricdreams/numo/ui/util/DialogHelper.kt +++ b/app/src/main/java/com/electricdreams/numo/ui/util/DialogHelper.kt @@ -291,12 +291,7 @@ object DialogHelper { * Shake animation for invalid input */ private fun animateShake(view: View) { - val shake = android.view.animation.TranslateAnimation(-10f, 10f, 0f, 0f).apply { - duration = 50 - repeatCount = 5 - repeatMode = android.view.animation.Animation.REVERSE - } - view.startAnimation(shake) + view.shake(amplitude = 10f) } /** diff --git a/app/src/main/res/anim/slide_in_left.xml b/app/src/main/res/anim/slide_in_left.xml index 92887bd1..9c88c4b1 100644 --- a/app/src/main/res/anim/slide_in_left.xml +++ b/app/src/main/res/anim/slide_in_left.xml @@ -6,7 +6,7 @@ android:toXDelta="0%" android:duration="300" /> diff --git a/app/src/main/res/anim/slide_in_right.xml b/app/src/main/res/anim/slide_in_right.xml index c6f796b4..c11b861d 100644 --- a/app/src/main/res/anim/slide_in_right.xml +++ b/app/src/main/res/anim/slide_in_right.xml @@ -2,7 +2,7 @@ diff --git a/app/src/main/res/anim/slide_out_right.xml b/app/src/main/res/anim/slide_out_right.xml index fa7dfbd0..01908857 100644 --- a/app/src/main/res/anim/slide_out_right.xml +++ b/app/src/main/res/anim/slide_out_right.xml @@ -3,7 +3,7 @@ android:interpolator="@android:interpolator/accelerate_cubic"> Date: Sat, 28 Mar 2026 23:56:40 +0100 Subject: [PATCH 082/162] fix: speed up welcome circular reveal from 1200ms to 800ms Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/OnboardingWelcomeAnimator.kt | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt index ae701c36..2041b2a3 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt @@ -130,7 +130,7 @@ class OnboardingWelcomeAnimator( systemBarsFlipped = false } - // === Phase 1: Circular Reveal (white → navy, ~1200ms) === + // === Phase 1: Circular Reveal (white → navy, ~800ms) === // Navy overlay expands from screen center. Status/nav bar colors flip to navy // only once the circle has actually reached the top/bottom edges. @@ -155,7 +155,7 @@ class OnboardingWelcomeAnimator( val reveal = ViewAnimationUtils.createCircularReveal( revealView, centerX, centerY, 0f, maxRadius ).apply { - duration = 1200 + duration = 800 interpolator = AccelerateDecelerateInterpolator() addListener(object : AnimatorListenerAdapter() { @@ -175,7 +175,7 @@ class OnboardingWelcomeAnimator( // Parallel animator to track progress and flip bar colors at the right moment val barTracker = ValueAnimator.ofFloat(0f, 1f).apply { - duration = 1200 + duration = 800 interpolator = AccelerateDecelerateInterpolator() addUpdateListener { val fraction = it.animatedFraction From 2bf68228af743e348849e55f21c96fc7134e334d Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 00:00:41 +0100 Subject: [PATCH 083/162] fix: remove glow effect behind 0% and reposition fees into symmetric grid Co-Authored-By: Claude Opus 4.6 (1M context) --- .../onboarding/ZeroFeesIllustration.kt | 29 ++++--------------- 1 file changed, 5 insertions(+), 24 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt index e84ec07f..b1b66c5a 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt @@ -44,11 +44,11 @@ class ZeroFeesIllustration @JvmOverloads constructor( ) private val fees = listOf( - FeeLabel("3%", 0.22f, 0.28f, 1.1f), - FeeLabel("2.5%", 0.70f, 0.24f, 0.85f), - FeeLabel("1.5%", 0.18f, 0.58f, 0.9f), - FeeLabel("2%", 0.68f, 0.54f, 1.0f), - FeeLabel("2.9%", 0.45f, 0.40f, 0.8f), + FeeLabel("3%", 0.25f, 0.28f, 1.1f), + FeeLabel("2.5%", 0.50f, 0.25f, 0.85f), + FeeLabel("1.5%", 0.75f, 0.28f, 0.9f), + FeeLabel("2%", 0.35f, 0.52f, 1.0f), + FeeLabel("2.9%", 0.65f, 0.52f, 0.8f), ) private val feeParticles = HashMap>() @@ -80,8 +80,6 @@ class ZeroFeesIllustration @JvmOverloads constructor( typeface = Typeface.create("sans-serif-black", Typeface.BOLD) } - private val glowPaint = Paint(Paint.ANTI_ALIAS_FLAG) - private val particlePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { color = Color.WHITE style = Paint.Style.FILL @@ -168,23 +166,6 @@ class ZeroFeesIllustration @JvmOverloads constructor( } } - // Radial glow behind 0% - if (zeroAlpha > 0.01f) { - val glowR = 120f * s * zeroScale - val gCy = cy + 10f * s - glowPaint.shader = RadialGradient( - cx, gCy, glowR, - intArrayOf( - Color.argb((zeroAlpha * 40).toInt(), 94, 255, 194), - Color.argb((zeroAlpha * 15).toInt(), 94, 255, 194), - Color.TRANSPARENT - ), - floatArrayOf(0f, 0.5f, 1f), - Shader.TileMode.CLAMP - ) - canvas.drawCircle(cx, gCy, glowR, glowPaint) - } - // Draw "0%" if (zeroAlpha > 0.01f) { zeroPaint.textSize = 90f * s From 6faf794bcd01942a57afd94e092a01ad40b03c09 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 00:03:30 +0100 Subject: [PATCH 084/162] fix: remove paste button border/icon on restore wallet, align fees and white slash - Restore wallet: switch paste button from OutlinedButton to TextButton, removing stroke and copy icon - ZeroFees: align 2.5% to same Y as other top-row fees - ZeroFees: change slash line color from coral red to white Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/ZeroFeesIllustration.kt | 4 ++-- app/src/main/res/layout/activity_restore_wallet.xml | 10 ++-------- 2 files changed, 4 insertions(+), 10 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt index b1b66c5a..8d42f6de 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt @@ -45,7 +45,7 @@ class ZeroFeesIllustration @JvmOverloads constructor( private val fees = listOf( FeeLabel("3%", 0.25f, 0.28f, 1.1f), - FeeLabel("2.5%", 0.50f, 0.25f, 0.85f), + FeeLabel("2.5%", 0.50f, 0.28f, 0.85f), FeeLabel("1.5%", 0.75f, 0.28f, 0.9f), FeeLabel("2%", 0.35f, 0.52f, 1.0f), FeeLabel("2.9%", 0.65f, 0.52f, 0.8f), @@ -69,7 +69,7 @@ class ZeroFeesIllustration @JvmOverloads constructor( } private val slashPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { - color = Color.parseColor("#FF6B6B") + color = Color.WHITE style = Paint.Style.STROKE strokeCap = Paint.Cap.ROUND } diff --git a/app/src/main/res/layout/activity_restore_wallet.xml b/app/src/main/res/layout/activity_restore_wallet.xml index 6f84c14e..78d67ef3 100644 --- a/app/src/main/res/layout/activity_restore_wallet.xml +++ b/app/src/main/res/layout/activity_restore_wallet.xml @@ -131,7 +131,7 @@ + app:cornerRadius="24dp" /> Date: Sun, 29 Mar 2026 00:04:43 +0100 Subject: [PATCH 085/162] fix: normalize all fee label sizes to 1.0x for consistency Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/ZeroFeesIllustration.kt | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt index 8d42f6de..45985853 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt @@ -44,11 +44,11 @@ class ZeroFeesIllustration @JvmOverloads constructor( ) private val fees = listOf( - FeeLabel("3%", 0.25f, 0.28f, 1.1f), - FeeLabel("2.5%", 0.50f, 0.28f, 0.85f), - FeeLabel("1.5%", 0.75f, 0.28f, 0.9f), + FeeLabel("3%", 0.25f, 0.28f, 1.0f), + FeeLabel("2.5%", 0.50f, 0.28f, 1.0f), + FeeLabel("1.5%", 0.75f, 0.28f, 1.0f), FeeLabel("2%", 0.35f, 0.52f, 1.0f), - FeeLabel("2.9%", 0.65f, 0.52f, 0.8f), + FeeLabel("2.9%", 0.65f, 0.52f, 1.0f), ) private val feeParticles = HashMap>() From a77e05d9bd956558e7e5823672bdaa5629798e7d Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 00:08:58 +0100 Subject: [PATCH 086/162] fix: remove border and icon from onboarding restore wallet paste button Previous change incorrectly targeted activity_restore_wallet.xml (settings flow). The onboarding flow uses activity_onboarding.xml which had its own paste button with bg_button_outlined_dark and ic_copy icon. Co-Authored-By: Claude Opus 4.6 (1M context) --- app/src/main/res/layout/activity_onboarding.xml | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index abac5bbf..66cfc612 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -522,6 +522,7 @@ + android:textAllCaps="false" /> Date: Sun, 29 Mar 2026 00:34:51 +0100 Subject: [PATCH 087/162] feat: add BIP39 wordlist validation, fix seed input font, simplify loading screens - Add Bip39Wordlist.kt with all 2048 English words for O(1) validation - Validate each seed word against BIP39 list (not just lowercase check) - Highlight invalid words with red border and red text - Fix monospace font: remove TYPE_TEXT_VARIATION_VISIBLE_PASSWORD which forced monospace, set typeface after inputType on all 3 seed screens - Remove borders from seed input fields (stroke removed from drawables) - Focused state now uses subtle fill change instead of green border - Remove "Ready to continue" validation status from onboarding - Simplify wallet creation spinner: single "Creating new wallet..." message - Simplify restore spinner: single "Restoring wallet..." message - Clean up unused string resources Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 86 ++---- .../numo/feature/pin/PinResetActivity.kt | 8 +- .../feature/settings/RestoreWalletActivity.kt | 10 +- .../numo/ui/seed/Bip39Wordlist.kt | 269 ++++++++++++++++++ .../main/res/drawable/bg_seed_input_dark.xml | 1 - .../res/drawable/bg_seed_input_dark_error.xml | 7 + .../drawable/bg_seed_input_dark_focused.xml | 3 +- .../main/res/layout/activity_onboarding.xml | 51 +--- app/src/main/res/values/strings.xml | 13 +- 9 files changed, 318 insertions(+), 130 deletions(-) create mode 100644 app/src/main/java/com/electricdreams/numo/ui/seed/Bip39Wordlist.kt create mode 100644 app/src/main/res/drawable/bg_seed_input_dark_error.xml diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 6aa387c1..0e0696a0 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -54,6 +54,7 @@ import com.electricdreams.numo.core.util.MintManager import com.electricdreams.numo.core.util.MintProfileService import com.electricdreams.numo.feature.scanner.QRScannerActivity import com.electricdreams.numo.nostr.NostrMintBackup +import com.electricdreams.numo.ui.seed.Bip39Wordlist import com.electricdreams.numo.ui.seed.SeedWordEditText import com.google.android.material.button.MaterialButton import com.google.android.material.imageview.ShapeableImageView @@ -171,9 +172,7 @@ class OnboardingActivity : AppCompatActivity() { private lateinit var seedInputGrid: GridLayout private lateinit var pasteButton: MaterialButton private lateinit var seedContinueButton: MaterialButton - private lateinit var seedValidationStatus: LinearLayout - private lateinit var seedValidationIcon: ImageView - private lateinit var seedValidationText: TextView + private lateinit var seedValidationStatus: View private lateinit var seedBackButton: ImageView // Step 4a: Generating Wallet (New) @@ -341,8 +340,6 @@ class OnboardingActivity : AppCompatActivity() { pasteButton = findViewById(R.id.paste_button) seedContinueButton = findViewById(R.id.seed_continue_button) seedValidationStatus = findViewById(R.id.seed_validation_status) - seedValidationIcon = findViewById(R.id.seed_validation_icon) - seedValidationText = findViewById(R.id.seed_validation_text) seedBackButton = findViewById(R.id.seed_back_button) // Generating Wallet @@ -487,12 +484,12 @@ class OnboardingActivity : AppCompatActivity() { setTextColor(android.graphics.Color.WHITE) setHintTextColor(android.graphics.Color.parseColor("#4DFFFFFF")) textSize = 15f - typeface = android.graphics.Typeface.MONOSPACE background = null isSingleLine = true inputType = android.text.InputType.TYPE_CLASS_TEXT or - android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS or - android.text.InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD + android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS + // Set typeface AFTER inputType since inputType can override it + typeface = android.graphics.Typeface.create("sans-serif-medium", android.graphics.Typeface.NORMAL) imeOptions = if (index == 12) EditorInfo.IME_ACTION_DONE else EditorInfo.IME_ACTION_NEXT layoutParams = LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1f).apply { marginStart = 8.dpToPx() @@ -931,27 +928,12 @@ class OnboardingActivity : AppCompatActivity() { lifecycleScope.launch { try { - // Simulate a brief delay for UX - delay(800) - - withContext(Dispatchers.Main) { - generatingStatus.text = getString(R.string.onboarding_status_generating_seed) - } - - delay(600) - // Generate new mnemonic val mnemonic = withContext(Dispatchers.IO) { generateMnemonic() } generatedMnemonic = mnemonic - withContext(Dispatchers.Main) { - generatingStatus.text = getString(R.string.onboarding_status_setting_up_mints) - } - - delay(500) - discoveredMints.clear() selectedMints.clear() onboardingMintDisplayNames.clear() @@ -981,7 +963,7 @@ class OnboardingActivity : AppCompatActivity() { private fun completeNewWalletSetup() { showStep(OnboardingStep.GENERATING_WALLET) - generatingStatus.text = getString(R.string.onboarding_status_initializing_wallet) + generatingStatus.text = getString(R.string.onboarding_status_creating_wallet) lifecycleScope.launch { try { @@ -991,19 +973,9 @@ class OnboardingActivity : AppCompatActivity() { PreferenceStore.wallet(this@OnboardingActivity).putString("wallet_mnemonic", mnemonic) applySelectedMintsToMintManager() - withContext(Dispatchers.Main) { - generatingStatus.text = getString(R.string.onboarding_status_connecting_mints) - } - - delay(500) - // Initialize the wallet manager CashuWalletManager.init(this@OnboardingActivity) - withContext(Dispatchers.Main) { - generatingStatus.text = getString(R.string.onboarding_status_fetching_mints) - } - // Fetch mint info for selected mints concurrently selectedMints.map { mintUrl -> async { @@ -1036,36 +1008,26 @@ class OnboardingActivity : AppCompatActivity() { val words = seedInputs.map { it.text.toString().trim().lowercase() } val filledCount = words.count { it.isNotBlank() } val allFilled = filledCount == 12 - val allValid = words.all { it.isBlank() || it.matches(Regex("^[a-z]+$")) } - - when { - filledCount == 0 -> { - seedValidationStatus.visibility = View.GONE - } - !allValid -> { - seedValidationStatus.visibility = View.VISIBLE - seedValidationIcon.setImageResource(R.drawable.ic_close) - seedValidationIcon.setColorFilter(ContextCompat.getColor(this, R.color.color_warning_red)) - seedValidationText.text = getString(R.string.onboarding_seed_invalid_characters) - seedValidationText.setTextColor(ContextCompat.getColor(this, R.color.color_warning_red)) - } - !allFilled -> { - seedValidationStatus.visibility = View.VISIBLE - seedValidationIcon.setImageResource(R.drawable.ic_warning) - seedValidationIcon.setColorFilter(ContextCompat.getColor(this, R.color.color_warning)) - seedValidationText.text = getString(R.string.onboarding_seed_words_entered_count, filledCount) - seedValidationText.setTextColor(ContextCompat.getColor(this, R.color.color_warning)) - } - else -> { - seedValidationStatus.visibility = View.VISIBLE - seedValidationIcon.setImageResource(R.drawable.ic_check) - seedValidationIcon.setColorFilter(ContextCompat.getColor(this, R.color.numo_fluorescent_green)) - seedValidationText.text = getString(R.string.onboarding_seed_validation_ready) - seedValidationText.setTextColor(ContextCompat.getColor(this, R.color.numo_fluorescent_green)) + var allBip39 = true + + // Highlight invalid words + seedInputs.forEachIndexed { i, input -> + val word = words[i] + val container = input.parent as? View ?: return@forEachIndexed + val isInvalid = word.isNotBlank() && !Bip39Wordlist.isValid(word) + if (isInvalid) allBip39 = false + + val hasFocus = input.hasFocus() + val bgRes = when { + isInvalid -> R.drawable.bg_seed_input_dark_error + hasFocus -> R.drawable.bg_seed_input_dark_focused + else -> R.drawable.bg_seed_input_dark } + container.background = ContextCompat.getDrawable(this, bgRes) + input.setTextColor(if (isInvalid) android.graphics.Color.parseColor("#FF6B6B") else android.graphics.Color.WHITE) } - val canContinue = allFilled && allValid + val canContinue = allFilled && allBip39 seedContinueButton.isEnabled = canContinue seedContinueButton.alpha = if (canContinue) 1f else 0.5f @@ -1131,7 +1093,7 @@ class OnboardingActivity : AppCompatActivity() { enteredMnemonic = getMnemonic() showStep(OnboardingStep.FETCHING_BACKUP) - fetchingStatus.text = getString(R.string.onboarding_fetching_searching_backup) + fetchingStatus.text = getString(R.string.onboarding_status_restoring_wallet) lifecycleScope.launch { val mnemonic = enteredMnemonic ?: return@launch diff --git a/app/src/main/java/com/electricdreams/numo/feature/pin/PinResetActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/pin/PinResetActivity.kt index 0de5bab7..8cc4b551 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/pin/PinResetActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/pin/PinResetActivity.kt @@ -19,6 +19,7 @@ import androidx.core.content.ContextCompat import androidx.gridlayout.widget.GridLayout import com.electricdreams.numo.R import com.electricdreams.numo.core.cashu.CashuWalletManager +import com.electricdreams.numo.ui.seed.Bip39Wordlist import com.electricdreams.numo.ui.util.DialogHelper import com.google.android.material.button.MaterialButton @@ -106,12 +107,11 @@ class PinResetActivity : AppCompatActivity() { setTextColor(ContextCompat.getColor(context, R.color.color_text_primary)) setHintTextColor(ContextCompat.getColor(context, R.color.color_text_tertiary)) textSize = 15f - typeface = android.graphics.Typeface.MONOSPACE background = null isSingleLine = true inputType = android.text.InputType.TYPE_CLASS_TEXT or - android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS or - android.text.InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD + android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS + typeface = android.graphics.Typeface.create("sans-serif-medium", android.graphics.Typeface.NORMAL) imeOptions = if (index == 12) EditorInfo.IME_ACTION_DONE else EditorInfo.IME_ACTION_NEXT layoutParams = LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1f).apply { marginStart = dpToPx(8) @@ -183,7 +183,7 @@ class PinResetActivity : AppCompatActivity() { val words = seedInputs.map { it.text.toString().trim().lowercase() } val filledCount = words.count { it.isNotBlank() } val allFilled = filledCount == 12 - val allValid = words.all { it.isBlank() || it.matches(Regex("^[a-z]+$")) } + val allValid = words.all { it.isBlank() || Bip39Wordlist.isValid(it) } // Check if matches stored mnemonic val storedMnemonic = CashuWalletManager.getMnemonic() diff --git a/app/src/main/java/com/electricdreams/numo/feature/settings/RestoreWalletActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/settings/RestoreWalletActivity.kt index ece66fc2..76082907 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/settings/RestoreWalletActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/settings/RestoreWalletActivity.kt @@ -23,6 +23,7 @@ import com.electricdreams.numo.R import com.electricdreams.numo.core.cashu.CashuWalletManager import com.electricdreams.numo.core.util.MintManager import com.electricdreams.numo.nostr.NostrMintBackup +import com.electricdreams.numo.ui.seed.Bip39Wordlist import com.electricdreams.numo.ui.seed.SeedWordEditText import com.google.android.material.button.MaterialButton import kotlinx.coroutines.Dispatchers @@ -198,12 +199,11 @@ class RestoreWalletActivity : AppCompatActivity() { setTextColor(ContextCompat.getColor(context, R.color.color_text_primary)) setHintTextColor(ContextCompat.getColor(context, R.color.color_text_tertiary)) textSize = 15f - typeface = android.graphics.Typeface.MONOSPACE background = null isSingleLine = true inputType = android.text.InputType.TYPE_CLASS_TEXT or - android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS or - android.text.InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD + android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS + typeface = android.graphics.Typeface.create("sans-serif-medium", android.graphics.Typeface.NORMAL) imeOptions = if (index == 12) EditorInfo.IME_ACTION_DONE else EditorInfo.IME_ACTION_NEXT layoutParams = LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1f).apply { marginStart = 8.dpToPx() @@ -375,7 +375,7 @@ class RestoreWalletActivity : AppCompatActivity() { val words = seedInputs.map { it.text.toString().trim().lowercase() } val filledCount = words.count { it.isNotBlank() } val allFilled = filledCount == 12 - val allValid = words.all { it.isBlank() || it.matches(Regex("^[a-z]+$")) } + val allValid = words.all { it.isBlank() || Bip39Wordlist.isValid(it) } // Update validation status when { @@ -424,7 +424,7 @@ class RestoreWalletActivity : AppCompatActivity() { // Show fetching overlay updateUIForStep(RestoreStep.FETCHING_BACKUP) - fetchingStatus.text = getString(R.string.onboarding_fetching_searching_backup) + fetchingStatus.text = getString(R.string.onboarding_status_restoring_wallet) lifecycleScope.launch { // Fetch backup from Nostr diff --git a/app/src/main/java/com/electricdreams/numo/ui/seed/Bip39Wordlist.kt b/app/src/main/java/com/electricdreams/numo/ui/seed/Bip39Wordlist.kt new file mode 100644 index 00000000..c144c702 --- /dev/null +++ b/app/src/main/java/com/electricdreams/numo/ui/seed/Bip39Wordlist.kt @@ -0,0 +1,269 @@ +package com.electricdreams.numo.ui.seed + +/** + * BIP39 English wordlist (2048 words). + * Source: https://github.com/bitcoin/bips/blob/master/bip-0039/english.txt + */ +object Bip39Wordlist { + + private val words: Set = hashSetOf( + "abandon", "ability", "able", "about", "above", "absent", "absorb", "abstract", + "absurd", "abuse", "access", "accident", "account", "accuse", "achieve", "acid", + "acoustic", "acquire", "across", "act", "action", "actor", "actress", "actual", + "adapt", "add", "addict", "address", "adjust", "admit", "adult", "advance", + "advice", "aerobic", "affair", "afford", "afraid", "again", "age", "agent", + "agree", "ahead", "aim", "air", "airport", "aisle", "alarm", "album", + "alcohol", "alert", "alien", "all", "alley", "allow", "almost", "alone", + "alpha", "already", "also", "alter", "always", "amateur", "amazing", "among", + "amount", "amused", "analyst", "anchor", "ancient", "anger", "angle", "angry", + "animal", "ankle", "announce", "annual", "another", "answer", "antenna", "antique", + "anxiety", "any", "apart", "apology", "appear", "apple", "approve", "april", + "arch", "arctic", "area", "arena", "argue", "arm", "armed", "armor", + "army", "around", "arrange", "arrest", "arrive", "arrow", "art", "artefact", + "artist", "artwork", "ask", "aspect", "assault", "asset", "assist", "assume", + "asthma", "athlete", "atom", "attack", "attend", "attitude", "attract", "auction", + "audit", "august", "aunt", "author", "auto", "autumn", "average", "avocado", + "avoid", "awake", "aware", "away", "awesome", "awful", "awkward", "axis", + "baby", "bachelor", "bacon", "badge", "bag", "balance", "balcony", "ball", + "bamboo", "banana", "banner", "bar", "barely", "bargain", "barrel", "base", + "basic", "basket", "battle", "beach", "bean", "beauty", "because", "become", + "beef", "before", "begin", "behave", "behind", "believe", "below", "belt", + "bench", "benefit", "best", "betray", "better", "between", "beyond", "bicycle", + "bid", "bike", "bind", "biology", "bird", "birth", "bitter", "black", + "blade", "blame", "blanket", "blast", "bleak", "bless", "blind", "blood", + "blossom", "blouse", "blue", "blur", "blush", "board", "boat", "body", + "boil", "bomb", "bone", "bonus", "book", "boost", "border", "boring", + "borrow", "boss", "bottom", "bounce", "box", "boy", "bracket", "brain", + "brand", "brass", "brave", "bread", "breeze", "brick", "bridge", "brief", + "bright", "bring", "brisk", "broccoli", "broken", "bronze", "broom", "brother", + "brown", "brush", "bubble", "buddy", "budget", "buffalo", "build", "bulb", + "bulk", "bullet", "bundle", "bunker", "burden", "burger", "burst", "bus", + "business", "busy", "butter", "buyer", "buzz", "cabbage", "cabin", "cable", + "cactus", "cage", "cake", "call", "calm", "camera", "camp", "can", + "canal", "cancel", "candy", "cannon", "canoe", "canvas", "canyon", "capable", + "capital", "captain", "car", "carbon", "card", "cargo", "carpet", "carry", + "cart", "case", "cash", "casino", "castle", "casual", "cat", "catalog", + "catch", "category", "cattle", "caught", "cause", "caution", "cave", "ceiling", + "celery", "cement", "census", "century", "cereal", "certain", "chair", "chalk", + "champion", "change", "chaos", "chapter", "charge", "chase", "chat", "cheap", + "check", "cheese", "chef", "cherry", "chest", "chicken", "chief", "child", + "chimney", "choice", "choose", "chronic", "chuckle", "chunk", "churn", "cigar", + "cinnamon", "circle", "citizen", "city", "civil", "claim", "clap", "clarify", + "claw", "clay", "clean", "clerk", "clever", "click", "client", "cliff", + "climb", "clinic", "clip", "clock", "clog", "close", "cloth", "cloud", + "clown", "club", "clump", "cluster", "clutch", "coach", "coast", "coconut", + "code", "coffee", "coil", "coin", "collect", "color", "column", "combine", + "come", "comfort", "comic", "common", "company", "concert", "conduct", "confirm", + "congress", "connect", "consider", "control", "convince", "cook", "cool", "copper", + "copy", "coral", "core", "corn", "correct", "cost", "cotton", "couch", + "country", "couple", "course", "cousin", "cover", "coyote", "crack", "cradle", + "craft", "cram", "crane", "crash", "crater", "crawl", "crazy", "cream", + "credit", "creek", "crew", "cricket", "crime", "crisp", "critic", "crop", + "cross", "crouch", "crowd", "crucial", "cruel", "cruise", "crumble", "crunch", + "crush", "cry", "crystal", "cube", "culture", "cup", "cupboard", "curious", + "current", "curtain", "curve", "cushion", "custom", "cute", "cycle", "dad", + "damage", "damp", "dance", "danger", "daring", "dash", "daughter", "dawn", + "day", "deal", "debate", "debris", "decade", "december", "decide", "decline", + "decorate", "decrease", "deer", "defense", "define", "defy", "degree", "delay", + "deliver", "demand", "demise", "denial", "dentist", "deny", "depart", "depend", + "deposit", "depth", "deputy", "derive", "describe", "desert", "design", "desk", + "despair", "destroy", "detail", "detect", "develop", "device", "devote", "diagram", + "dial", "diamond", "diary", "dice", "diesel", "diet", "differ", "digital", + "dignity", "dilemma", "dinner", "dinosaur", "direct", "dirt", "disagree", "discover", + "disease", "dish", "dismiss", "disorder", "display", "distance", "divert", "divide", + "divorce", "dizzy", "doctor", "document", "dog", "doll", "dolphin", "domain", + "donate", "donkey", "donor", "door", "dose", "double", "dove", "draft", + "dragon", "drama", "drastic", "draw", "dream", "dress", "drift", "drill", + "drink", "drip", "drive", "drop", "drum", "dry", "duck", "dumb", + "dune", "during", "dust", "dutch", "duty", "dwarf", "dynamic", "eager", + "eagle", "early", "earn", "earth", "easily", "east", "easy", "echo", + "ecology", "economy", "edge", "edit", "educate", "effort", "egg", "eight", + "either", "elbow", "elder", "electric", "elegant", "element", "elephant", "elevator", + "elite", "else", "embark", "embody", "embrace", "emerge", "emotion", "employ", + "empower", "empty", "enable", "enact", "end", "endless", "endorse", "enemy", + "energy", "enforce", "engage", "engine", "enhance", "enjoy", "enlist", "enough", + "enrich", "enroll", "ensure", "enter", "entire", "entry", "envelope", "episode", + "equal", "equip", "era", "erase", "erode", "erosion", "error", "erupt", + "escape", "essay", "essence", "estate", "eternal", "ethics", "evidence", "evil", + "evoke", "evolve", "exact", "example", "excess", "exchange", "excite", "exclude", + "excuse", "execute", "exercise", "exhaust", "exhibit", "exile", "exist", "exit", + "exotic", "expand", "expect", "expire", "explain", "expose", "express", "extend", + "extra", "eye", "eyebrow", "fabric", "face", "faculty", "fade", "faint", + "faith", "fall", "false", "fame", "family", "famous", "fan", "fancy", + "fantasy", "farm", "fashion", "fat", "fatal", "father", "fatigue", "fault", + "favorite", "feature", "february", "federal", "fee", "feed", "feel", "female", + "fence", "festival", "fetch", "fever", "few", "fiber", "fiction", "field", + "figure", "file", "film", "filter", "final", "find", "fine", "finger", + "finish", "fire", "firm", "first", "fiscal", "fish", "fit", "fitness", + "fix", "flag", "flame", "flash", "flat", "flavor", "flee", "flight", + "flip", "float", "flock", "floor", "flower", "fluid", "flush", "fly", + "foam", "focus", "fog", "foil", "fold", "follow", "food", "foot", + "force", "forest", "forget", "fork", "fortune", "forum", "forward", "fossil", + "foster", "found", "fox", "fragile", "frame", "frequent", "fresh", "friend", + "fringe", "frog", "front", "frost", "frown", "frozen", "fruit", "fuel", + "fun", "funny", "furnace", "fury", "future", "gadget", "gain", "galaxy", + "gallery", "game", "gap", "garage", "garbage", "garden", "garlic", "garment", + "gas", "gasp", "gate", "gather", "gauge", "gaze", "general", "genius", + "genre", "gentle", "genuine", "gesture", "ghost", "giant", "gift", "giggle", + "ginger", "giraffe", "girl", "give", "glad", "glance", "glare", "glass", + "glide", "glimpse", "globe", "gloom", "glory", "glove", "glow", "glue", + "goat", "goddess", "gold", "good", "goose", "gorilla", "gospel", "gossip", + "govern", "gown", "grab", "grace", "grain", "grant", "grape", "grass", + "gravity", "great", "green", "grid", "grief", "grit", "grocery", "group", + "grow", "grunt", "guard", "guess", "guide", "guilt", "guitar", "gun", + "gym", "habit", "hair", "half", "hammer", "hamster", "hand", "happy", + "harbor", "hard", "harsh", "harvest", "hat", "have", "hawk", "hazard", + "head", "health", "heart", "heavy", "hedgehog", "height", "hello", "helmet", + "help", "hen", "hero", "hidden", "high", "hill", "hint", "hip", + "hire", "history", "hobby", "hockey", "hold", "hole", "holiday", "hollow", + "home", "honey", "hood", "hope", "horn", "horror", "horse", "hospital", + "host", "hotel", "hour", "hover", "hub", "huge", "human", "humble", + "humor", "hundred", "hungry", "hunt", "hurdle", "hurry", "hurt", "husband", + "hybrid", "ice", "icon", "idea", "identify", "idle", "ignore", "ill", + "illegal", "illness", "image", "imitate", "immense", "immune", "impact", "impose", + "improve", "impulse", "inch", "include", "income", "increase", "index", "indicate", + "indoor", "industry", "infant", "inflict", "inform", "inhale", "inherit", "initial", + "inject", "injury", "inmate", "inner", "innocent", "input", "inquiry", "insane", + "insect", "inside", "inspire", "install", "intact", "interest", "into", "invest", + "invite", "involve", "iron", "island", "isolate", "issue", "item", "ivory", + "jacket", "jaguar", "jar", "jazz", "jealous", "jeans", "jelly", "jewel", + "job", "join", "joke", "journey", "joy", "judge", "juice", "jump", + "jungle", "junior", "junk", "just", "kangaroo", "keen", "keep", "ketchup", + "key", "kick", "kid", "kidney", "kind", "kingdom", "kiss", "kit", + "kitchen", "kite", "kitten", "kiwi", "knee", "knife", "knock", "know", + "lab", "label", "labor", "ladder", "lady", "lake", "lamp", "language", + "laptop", "large", "later", "latin", "laugh", "laundry", "lava", "law", + "lawn", "lawsuit", "layer", "lazy", "leader", "leaf", "learn", "leave", + "lecture", "left", "leg", "legal", "legend", "leisure", "lemon", "lend", + "length", "lens", "leopard", "lesson", "letter", "level", "liar", "liberty", + "library", "license", "life", "lift", "light", "like", "limb", "limit", + "link", "lion", "liquid", "list", "little", "live", "lizard", "load", + "loan", "lobster", "local", "lock", "logic", "lonely", "long", "loop", + "lottery", "loud", "lounge", "love", "loyal", "lucky", "luggage", "lumber", + "lunar", "lunch", "luxury", "lyrics", "machine", "mad", "magic", "magnet", + "maid", "mail", "main", "major", "make", "mammal", "man", "manage", + "mandate", "mango", "mansion", "manual", "maple", "marble", "march", "margin", + "marine", "market", "marriage", "mask", "mass", "master", "match", "material", + "math", "matrix", "matter", "maximum", "maze", "meadow", "mean", "measure", + "meat", "mechanic", "medal", "media", "melody", "melt", "member", "memory", + "mention", "menu", "mercy", "merge", "merit", "merry", "mesh", "message", + "metal", "method", "middle", "midnight", "milk", "million", "mimic", "mind", + "minimum", "minor", "minute", "miracle", "mirror", "misery", "miss", "mistake", + "mix", "mixed", "mixture", "mobile", "model", "modify", "mom", "moment", + "monitor", "monkey", "monster", "month", "moon", "moral", "more", "morning", + "mosquito", "mother", "motion", "motor", "mountain", "mouse", "move", "movie", + "much", "muffin", "mule", "multiply", "muscle", "museum", "mushroom", "music", + "must", "mutual", "myself", "mystery", "myth", "naive", "name", "napkin", + "narrow", "nasty", "nation", "nature", "near", "neck", "need", "negative", + "neglect", "neither", "nephew", "nerve", "nest", "net", "network", "neutral", + "never", "news", "next", "nice", "night", "noble", "noise", "nominee", + "noodle", "normal", "north", "nose", "notable", "note", "nothing", "notice", + "novel", "now", "nuclear", "number", "nurse", "nut", "oak", "obey", + "object", "oblige", "obscure", "observe", "obtain", "obvious", "occur", "ocean", + "october", "odor", "off", "offer", "office", "often", "oil", "okay", + "old", "olive", "olympic", "omit", "once", "one", "onion", "online", + "only", "open", "opera", "opinion", "oppose", "option", "orange", "orbit", + "orchard", "order", "ordinary", "organ", "orient", "original", "orphan", "ostrich", + "other", "outdoor", "outer", "output", "outside", "oval", "oven", "over", + "own", "owner", "oxygen", "oyster", "ozone", "pact", "paddle", "page", + "pair", "palace", "palm", "panda", "panel", "panic", "panther", "paper", + "parade", "parent", "park", "parrot", "party", "pass", "patch", "path", + "patient", "patrol", "pattern", "pause", "pave", "payment", "peace", "peanut", + "pear", "peasant", "pelican", "pen", "penalty", "pencil", "people", "pepper", + "perfect", "permit", "person", "pet", "phone", "photo", "phrase", "physical", + "piano", "picnic", "picture", "piece", "pig", "pigeon", "pill", "pilot", + "pink", "pioneer", "pipe", "pistol", "pitch", "pizza", "place", "planet", + "plastic", "plate", "play", "please", "pledge", "pluck", "plug", "plunge", + "poem", "poet", "point", "polar", "pole", "police", "pond", "pony", + "pool", "popular", "portion", "position", "possible", "post", "potato", "pottery", + "poverty", "powder", "power", "practice", "praise", "predict", "prefer", "prepare", + "present", "pretty", "prevent", "price", "pride", "primary", "print", "priority", + "prison", "private", "prize", "problem", "process", "produce", "profit", "program", + "project", "promote", "proof", "property", "prosper", "protect", "proud", "provide", + "public", "pudding", "pull", "pulp", "pulse", "pumpkin", "punch", "pupil", + "puppy", "purchase", "purity", "purpose", "purse", "push", "put", "puzzle", + "pyramid", "quality", "quantum", "quarter", "question", "quick", "quit", "quiz", + "quote", "rabbit", "raccoon", "race", "rack", "radar", "radio", "rail", + "rain", "raise", "rally", "ramp", "ranch", "random", "range", "rapid", + "rare", "rate", "rather", "raven", "raw", "razor", "ready", "real", + "reason", "rebel", "rebuild", "recall", "receive", "recipe", "record", "recycle", + "reduce", "reflect", "reform", "refuse", "region", "regret", "regular", "reject", + "relax", "release", "relief", "rely", "remain", "remember", "remind", "remove", + "render", "renew", "rent", "reopen", "repair", "repeat", "replace", "report", + "require", "rescue", "resemble", "resist", "resource", "response", "result", "retire", + "retreat", "return", "reunion", "reveal", "review", "reward", "rhythm", "rib", + "ribbon", "rice", "rich", "ride", "ridge", "rifle", "right", "rigid", + "ring", "riot", "ripple", "risk", "ritual", "rival", "river", "road", + "roast", "robot", "robust", "rocket", "romance", "roof", "rookie", "room", + "rose", "rotate", "rough", "round", "route", "royal", "rubber", "rude", + "rug", "rule", "run", "runway", "rural", "sad", "saddle", "sadness", + "safe", "sail", "salad", "salmon", "salon", "salt", "salute", "same", + "sample", "sand", "satisfy", "satoshi", "sauce", "sausage", "save", "say", + "scale", "scan", "scare", "scatter", "scene", "scheme", "school", "science", + "scissors", "scorpion", "scout", "scrap", "screen", "script", "scrub", "sea", + "search", "season", "seat", "second", "secret", "section", "security", "seed", + "seek", "segment", "select", "sell", "seminar", "senior", "sense", "sentence", + "series", "service", "session", "settle", "setup", "seven", "shadow", "shaft", + "shallow", "share", "shed", "shell", "sheriff", "shield", "shift", "shine", + "ship", "shiver", "shock", "shoe", "shoot", "shop", "short", "shoulder", + "shove", "shrimp", "shrug", "shuffle", "shy", "sibling", "sick", "side", + "siege", "sight", "sign", "silent", "silk", "silly", "silver", "similar", + "simple", "since", "sing", "siren", "sister", "situate", "six", "size", + "skate", "sketch", "ski", "skill", "skin", "skirt", "skull", "slab", + "slam", "sleep", "slender", "slice", "slide", "slight", "slim", "slogan", + "slot", "slow", "slush", "small", "smart", "smile", "smoke", "smooth", + "snack", "snake", "snap", "sniff", "snow", "soap", "soccer", "social", + "sock", "soda", "soft", "solar", "soldier", "solid", "solution", "solve", + "someone", "song", "soon", "sorry", "sort", "soul", "sound", "soup", + "source", "south", "space", "spare", "spatial", "spawn", "speak", "special", + "speed", "spell", "spend", "sphere", "spice", "spider", "spike", "spin", + "spirit", "split", "spoil", "sponsor", "spoon", "sport", "spot", "spray", + "spread", "spring", "spy", "square", "squeeze", "squirrel", "stable", "stadium", + "staff", "stage", "stairs", "stamp", "stand", "start", "state", "stay", + "steak", "steel", "stem", "step", "stereo", "stick", "still", "sting", + "stock", "stomach", "stone", "stool", "story", "stove", "strategy", "street", + "strike", "strong", "struggle", "student", "stuff", "stumble", "style", "subject", + "submit", "subway", "success", "such", "sudden", "suffer", "sugar", "suggest", + "suit", "summer", "sun", "sunny", "sunset", "super", "supply", "supreme", + "sure", "surface", "surge", "surprise", "surround", "survey", "suspect", "sustain", + "swallow", "swamp", "swap", "swarm", "swear", "sweet", "swift", "swim", + "swing", "switch", "sword", "symbol", "symptom", "syrup", "system", "table", + "tackle", "tag", "tail", "talent", "talk", "tank", "tape", "target", + "task", "taste", "tattoo", "taxi", "teach", "team", "tell", "ten", + "tenant", "tennis", "tent", "term", "test", "text", "thank", "that", + "theme", "then", "theory", "there", "they", "thing", "this", "thought", + "three", "thrive", "throw", "thumb", "thunder", "ticket", "tide", "tiger", + "tilt", "timber", "time", "tiny", "tip", "tired", "tissue", "title", + "toast", "tobacco", "today", "toddler", "toe", "together", "toilet", "token", + "tomato", "tomorrow", "tone", "tongue", "tonight", "tool", "tooth", "top", + "topic", "topple", "torch", "tornado", "tortoise", "toss", "total", "tourist", + "toward", "tower", "town", "toy", "track", "trade", "traffic", "tragic", + "train", "transfer", "trap", "trash", "travel", "tray", "treat", "tree", + "trend", "trial", "tribe", "trick", "trigger", "trim", "trip", "trophy", + "trouble", "truck", "true", "truly", "trumpet", "trust", "truth", "try", + "tube", "tuition", "tumble", "tuna", "tunnel", "turkey", "turn", "turtle", + "twelve", "twenty", "twice", "twin", "twist", "two", "type", "typical", + "ugly", "umbrella", "unable", "unaware", "uncle", "uncover", "under", "undo", + "unfair", "unfold", "unhappy", "uniform", "unique", "unit", "universe", "unknown", + "unlock", "until", "unusual", "unveil", "update", "upgrade", "uphold", "upon", + "upper", "upset", "urban", "urge", "usage", "use", "used", "useful", + "useless", "usual", "utility", "vacant", "vacuum", "vague", "valid", "valley", + "valve", "van", "vanish", "vapor", "various", "vast", "vault", "vehicle", + "velvet", "vendor", "venture", "venue", "verb", "verify", "version", "very", + "vessel", "veteran", "viable", "vibrant", "vicious", "victory", "video", "view", + "village", "vintage", "violin", "virtual", "virus", "visa", "visit", "visual", + "vital", "vivid", "vocal", "voice", "void", "volcano", "volume", "vote", + "voyage", "wage", "wagon", "wait", "walk", "wall", "walnut", "want", + "warfare", "warm", "warrior", "wash", "wasp", "waste", "water", "wave", + "way", "wealth", "weapon", "wear", "weasel", "weather", "web", "wedding", + "weekend", "weird", "welcome", "west", "wet", "whale", "what", "wheat", + "wheel", "when", "where", "whip", "whisper", "wide", "width", "wife", + "wild", "will", "win", "window", "wine", "wing", "wink", "winner", + "winter", "wire", "wisdom", "wise", "wish", "witness", "wolf", "woman", + "wonder", "wood", "wool", "word", "work", "world", "worry", "worth", + "wrap", "wreck", "wrestle", "wrist", "write", "wrong", "yard", "year", + "yellow", "you", "young", "youth", "zebra", "zero", "zone", "zoo" + ) + + fun isValid(word: String): Boolean = word.lowercase() in words +} diff --git a/app/src/main/res/drawable/bg_seed_input_dark.xml b/app/src/main/res/drawable/bg_seed_input_dark.xml index 2224adb9..81206871 100644 --- a/app/src/main/res/drawable/bg_seed_input_dark.xml +++ b/app/src/main/res/drawable/bg_seed_input_dark.xml @@ -2,6 +2,5 @@ - diff --git a/app/src/main/res/drawable/bg_seed_input_dark_error.xml b/app/src/main/res/drawable/bg_seed_input_dark_error.xml new file mode 100644 index 00000000..f590341b --- /dev/null +++ b/app/src/main/res/drawable/bg_seed_input_dark_error.xml @@ -0,0 +1,7 @@ + + + + + + diff --git a/app/src/main/res/drawable/bg_seed_input_dark_focused.xml b/app/src/main/res/drawable/bg_seed_input_dark_focused.xml index 32280717..b1bb8160 100644 --- a/app/src/main/res/drawable/bg_seed_input_dark_focused.xml +++ b/app/src/main/res/drawable/bg_seed_input_dark_focused.xml @@ -1,7 +1,6 @@ - - + diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 66cfc612..2a8b7267 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -533,33 +533,12 @@ android:textAllCaps="false" /> - + - - - - - - + android:layout_width="0dp" + android:layout_height="0dp" + android:visibility="gone" /> @@ -626,15 +605,6 @@ android:textColor="#FFFFFF" android:gravity="center" /> - - @@ -665,20 +635,11 @@ android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="24dp" - android:text="@string/onboarding_fetching_searching_backup" + android:text="@string/onboarding_status_restoring_wallet" android:textSize="17sp" android:textColor="#FFFFFF" android:gravity="center" /> - - diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index 0b56b373..eeb166cb 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -145,17 +145,8 @@ Seed phrase pasted - Creating your wallet... - Generating seed phrase... - Setting up default mints... - Initializing wallet... - Connecting to mints... - Fetching mint information... - This will only take a moment - - - Searching for backup... - Checking Nostr relays for your mint configuration + Creating new wallet… + Restoring wallet… Back From ad295670a1345b16ccd5256dd98d1a8f1291b826 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 00:42:40 +0100 Subject: [PATCH 088/162] fix: red text only for invalid BIP39 words, scroll seed inputs above keyboard - Invalid words highlight with red text only (no red border on container) - Add adjustResize windowSoftInputMode to OnboardingActivity so layout resizes when keyboard appears - Scroll focused seed input into view when keyboard would obscure it, using dynamic position checks (no hardcoded values) Co-Authored-By: Claude Opus 4.6 (1M context) --- app/src/main/AndroidManifest.xml | 1 + .../feature/onboarding/OnboardingActivity.kt | 28 ++++++++++++------- 2 files changed, 19 insertions(+), 10 deletions(-) diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml index b984b0c7..283bffe3 100644 --- a/app/src/main/AndroidManifest.xml +++ b/app/src/main/AndroidManifest.xml @@ -41,6 +41,7 @@ android:label="@string/app_name" android:theme="@style/Theme.Numo.Splash" android:screenOrientation="portrait" + android:windowSoftInputMode="adjustResize" android:configChanges="orientation|screenSize|screenLayout|keyboardHidden"> diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 0e0696a0..06f8ba9c 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -508,6 +508,23 @@ class OnboardingActivity : AppCompatActivity() { context, if (hasFocus) R.drawable.bg_seed_input_dark_focused else R.drawable.bg_seed_input_dark ) + // Scroll the focused input into view after keyboard resizes layout + if (hasFocus) { + container.post { + val scrollView = seedInputGrid.parent?.parent as? android.widget.ScrollView + scrollView?.let { + val offset = IntArray(2) + container.getLocationInWindow(offset) + val scrollViewBottom = IntArray(2) + it.getLocationInWindow(scrollViewBottom) + val visibleBottom = scrollViewBottom[1] + it.height + val containerBottom = offset[1] + container.height + if (containerBottom > visibleBottom) { + it.smoothScrollBy(0, containerBottom - visibleBottom + 16.dpToPx()) + } + } + } + } } // Allow pasting an entire seed phrase into a single cell. When @@ -1010,20 +1027,11 @@ class OnboardingActivity : AppCompatActivity() { val allFilled = filledCount == 12 var allBip39 = true - // Highlight invalid words + // Highlight invalid words with red text seedInputs.forEachIndexed { i, input -> val word = words[i] - val container = input.parent as? View ?: return@forEachIndexed val isInvalid = word.isNotBlank() && !Bip39Wordlist.isValid(word) if (isInvalid) allBip39 = false - - val hasFocus = input.hasFocus() - val bgRes = when { - isInvalid -> R.drawable.bg_seed_input_dark_error - hasFocus -> R.drawable.bg_seed_input_dark_focused - else -> R.drawable.bg_seed_input_dark - } - container.background = ContextCompat.getDrawable(this, bgRes) input.setTextColor(if (isInvalid) android.graphics.Color.parseColor("#FF6B6B") else android.graphics.Color.WHITE) } From d2666d04d9757fcc6e2f36d5117e90c8c03cccd9 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 00:53:55 +0100 Subject: [PATCH 089/162] fix: keyboard no longer obscures seed inputs, continue button scrolls with content - Use WindowInsetsCompat IME listener on enter_seed_container to dynamically adjust bottom padding when keyboard shows/hides (works with edge-to-edge mode where adjustResize doesn't) - Move Continue button inside ScrollView so it scrolls with content instead of sticking above keyboard - Remove adjustResize from manifest (ineffective with edge-to-edge) - Remove manual scroll-into-view hack (no longer needed) - Clean up unused seedValidationStatus field Co-Authored-By: Claude Opus 4.6 (1M context) --- app/src/main/AndroidManifest.xml | 1 - .../feature/onboarding/OnboardingActivity.kt | 27 +++------- .../main/res/layout/activity_onboarding.xml | 52 ++++++------------- 3 files changed, 25 insertions(+), 55 deletions(-) diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml index 283bffe3..b984b0c7 100644 --- a/app/src/main/AndroidManifest.xml +++ b/app/src/main/AndroidManifest.xml @@ -41,7 +41,6 @@ android:label="@string/app_name" android:theme="@style/Theme.Numo.Splash" android:screenOrientation="portrait" - android:windowSoftInputMode="adjustResize" android:configChanges="orientation|screenSize|screenLayout|keyboardHidden"> diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 06f8ba9c..c52e0954 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -172,7 +172,6 @@ class OnboardingActivity : AppCompatActivity() { private lateinit var seedInputGrid: GridLayout private lateinit var pasteButton: MaterialButton private lateinit var seedContinueButton: MaterialButton - private lateinit var seedValidationStatus: View private lateinit var seedBackButton: ImageView // Step 4a: Generating Wallet (New) @@ -339,9 +338,16 @@ class OnboardingActivity : AppCompatActivity() { seedInputGrid = findViewById(R.id.seed_input_grid) pasteButton = findViewById(R.id.paste_button) seedContinueButton = findViewById(R.id.seed_continue_button) - seedValidationStatus = findViewById(R.id.seed_validation_status) seedBackButton = findViewById(R.id.seed_back_button) + // Adjust seed container padding when keyboard shows/hides (edge-to-edge compatible) + ViewCompat.setOnApplyWindowInsetsListener(enterSeedContainer) { view, insets -> + val imeHeight = insets.getInsets(WindowInsetsCompat.Type.ime()).bottom + val navBarHeight = insets.getInsets(WindowInsetsCompat.Type.navigationBars()).bottom + view.setPadding(view.paddingLeft, view.paddingTop, view.paddingRight, maxOf(imeHeight, navBarHeight)) + insets + } + // Generating Wallet generatingContainer = findViewById(R.id.generating_container) generatingStatus = findViewById(R.id.generating_status) @@ -508,23 +514,6 @@ class OnboardingActivity : AppCompatActivity() { context, if (hasFocus) R.drawable.bg_seed_input_dark_focused else R.drawable.bg_seed_input_dark ) - // Scroll the focused input into view after keyboard resizes layout - if (hasFocus) { - container.post { - val scrollView = seedInputGrid.parent?.parent as? android.widget.ScrollView - scrollView?.let { - val offset = IntArray(2) - container.getLocationInWindow(offset) - val scrollViewBottom = IntArray(2) - it.getLocationInWindow(scrollViewBottom) - val visibleBottom = scrollViewBottom[1] + it.height - val containerBottom = offset[1] + container.height - if (containerBottom > visibleBottom) { - it.smoothScrollBy(0, containerBottom - visibleBottom + 16.dpToPx()) - } - } - } - } } // Allow pasting an entire seed phrase into a single cell. When diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 2a8b7267..9d63e048 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -532,44 +532,26 @@ android:textColor="#FFFFFF" android:textAllCaps="false" /> - - - + + - - - - - - - From 87d1e7f760d050c147675c26d940c1291047ff73 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 01:00:13 +0100 Subject: [PATCH 090/162] fix: normalize MaterialButton height globally, add secondary button style - Add Widget.Numo.Button base style with zero insets so all MaterialButton variants render at their declared layout_height - Apply via materialButtonStyle in Theme.Numo for global effect - Add bg_button_secondary_dark drawable for outlined secondary buttons - Paste button on seed entry now uses same sizing as Continue button Co-Authored-By: Claude Opus 4.6 (1M context) --- .../res/drawable/bg_button_secondary_dark.xml | 19 +++++++++++++++ .../main/res/layout/activity_onboarding.xml | 23 +++++++++++-------- app/src/main/res/values/styles.xml | 10 ++++++-- app/src/main/res/values/themes.xml | 2 ++ 4 files changed, 42 insertions(+), 12 deletions(-) create mode 100644 app/src/main/res/drawable/bg_button_secondary_dark.xml diff --git a/app/src/main/res/drawable/bg_button_secondary_dark.xml b/app/src/main/res/drawable/bg_button_secondary_dark.xml new file mode 100644 index 00000000..b9a6197e --- /dev/null +++ b/app/src/main/res/drawable/bg_button_secondary_dark.xml @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 9d63e048..97055a79 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -519,25 +519,28 @@ app:columnCount="2" app:rowCount="6" /> - + + android:textAllCaps="false" + android:background="@drawable/bg_button_secondary_dark" + android:stateListAnimator="@null" + app:backgroundTint="@null" + app:cornerRadius="28dp" + app:elevation="0dp" /> - + + + + + + + + From b7b00cd31ebbe293482176fbacbaf93b2b5aeca9 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 15:24:45 +0200 Subject: [PATCH 103/162] feat: replace system Toast with styled Material Snackbar Add app-wide Snackbar styling (white background, dark text, 10dp corners, 8dp elevation) via Theme.Numo. Replace the yellow system Toast on the onboarding mints screen with a styled Snackbar. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 9 ++++++++- app/src/main/res/values/styles.xml | 18 ++++++++++++++++++ app/src/main/res/values/themes.xml | 3 +++ 3 files changed, 29 insertions(+), 1 deletion(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 7e56324d..266da0be 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -57,6 +57,7 @@ import com.electricdreams.numo.nostr.NostrMintBackup import com.electricdreams.numo.ui.seed.Bip39Wordlist import com.electricdreams.numo.ui.seed.SeedWordEditText import com.google.android.material.button.MaterialButton +import com.google.android.material.snackbar.Snackbar import com.google.android.material.imageview.ShapeableImageView import kotlinx.coroutines.Dispatchers import kotlinx.coroutines.async @@ -386,7 +387,13 @@ class OnboardingActivity : AppCompatActivity() { override fun onRequestSetDefault(mintUrl: String, mintName: String) { mintAdapter.confirmSetDefault(mintUrl) updateContinueButtonState() - Toast.makeText(this@OnboardingActivity, getString(R.string.onboarding_mints_set_default_toast, mintName), Toast.LENGTH_SHORT).show() + Snackbar.make(reviewMintsContainer, getString(R.string.onboarding_mints_set_default_toast, mintName), Snackbar.LENGTH_SHORT).apply { + val margin = (16 * resources.displayMetrics.density).toInt() + (view.layoutParams as? android.widget.FrameLayout.LayoutParams)?.let { + it.setMargins(margin, 0, margin, margin) + view.layoutParams = it + } + }.show() } }) mintAdapter.setHeaderStrings( diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml index 807dd608..c79257d1 100644 --- a/app/src/main/res/values/styles.xml +++ b/app/src/main/res/values/styles.xml @@ -168,6 +168,24 @@ center_vertical + + + + + + + From 0ef797cc6437ffb96018f684dec8b630640a0aa9 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 15:30:28 +0200 Subject: [PATCH 104/162] fix: replace "Mint added" Toast with styled Snackbar Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/OnboardingActivity.kt | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 266da0be..871fa3b9 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -1404,11 +1404,13 @@ class OnboardingActivity : AppCompatActivity() { mintsRecyclerView.postDelayed({ mintAdapter.addMintAsDefault(mintUrl) updateContinueButtonState() - Toast.makeText( - this@OnboardingActivity, - getString(R.string.mints_added_toast), - Toast.LENGTH_SHORT - ).show() + Snackbar.make(reviewMintsContainer, getString(R.string.mints_added_toast), Snackbar.LENGTH_SHORT).apply { + val margin = (16 * resources.displayMetrics.density).toInt() + (view.layoutParams as? android.widget.FrameLayout.LayoutParams)?.let { + it.setMargins(margin, 0, margin, margin) + view.layoutParams = it + } + }.show() }, 350) } } From 73f1aa7e48d36b85bb31c871783bcfc439751692 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 15:44:51 +0200 Subject: [PATCH 105/162] feat: add Undo action to set-default snackbar, revert mint-added to Toast Snackbar for setting default mint now includes an Undo button that swaps back to the previous default. Reverted "Mint added" back to a system Toast. Fixed duplicate getDefaultMintUrl() build error. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 24 ++++++++++++------- .../onboarding/OnboardingMintAdapter.kt | 4 +--- app/src/main/res/values/strings.xml | 1 + 3 files changed, 17 insertions(+), 12 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 871fa3b9..480c288e 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -385,9 +385,17 @@ class OnboardingActivity : AppCompatActivity() { showAddMintBottomSheet() } override fun onRequestSetDefault(mintUrl: String, mintName: String) { + val previousDefaultUrl = mintAdapter.getDefaultMintUrl() mintAdapter.confirmSetDefault(mintUrl) updateContinueButtonState() - Snackbar.make(reviewMintsContainer, getString(R.string.onboarding_mints_set_default_toast, mintName), Snackbar.LENGTH_SHORT).apply { + Snackbar.make(reviewMintsContainer, getString(R.string.onboarding_mints_set_default_toast, mintName), Snackbar.LENGTH_LONG).apply { + setAction(R.string.common_undo) { + if (previousDefaultUrl != null) { + mintAdapter.confirmSetDefault(previousDefaultUrl) + updateContinueButtonState() + } + } + setActionTextColor(ContextCompat.getColor(this@OnboardingActivity, R.color.color_text_primary)) val margin = (16 * resources.displayMetrics.density).toInt() (view.layoutParams as? android.widget.FrameLayout.LayoutParams)?.let { it.setMargins(margin, 0, margin, margin) @@ -1404,13 +1412,11 @@ class OnboardingActivity : AppCompatActivity() { mintsRecyclerView.postDelayed({ mintAdapter.addMintAsDefault(mintUrl) updateContinueButtonState() - Snackbar.make(reviewMintsContainer, getString(R.string.mints_added_toast), Snackbar.LENGTH_SHORT).apply { - val margin = (16 * resources.displayMetrics.density).toInt() - (view.layoutParams as? android.widget.FrameLayout.LayoutParams)?.let { - it.setMargins(margin, 0, margin, margin) - view.layoutParams = it - } - }.show() + Toast.makeText( + this@OnboardingActivity, + getString(R.string.mints_added_toast), + Toast.LENGTH_SHORT + ).show() }, 350) } } @@ -1437,7 +1443,7 @@ class OnboardingActivity : AppCompatActivity() { } // The default mint (index 0 in adapter) becomes the preferred Lightning mint - val preferredMint = mintAdapter.getDefaultMintUrl().let { mintProfileService.normalizeUrl(it) } + val preferredMint = mintAdapter.getDefaultMintUrl()?.let { mintProfileService.normalizeUrl(it) } ?: "" if (preferredMint.isNotBlank()) { mintManager.setPreferredLightningMint(preferredMint) } diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index 1caaad52..d5358458 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -96,9 +96,7 @@ class OnboardingMintAdapter( items.add(ListItem.AddMint) } - fun getDefaultMintUrl(): String { - return mints.firstOrNull() ?: "" - } + fun getDefaultMintUrl(): String? = mints.firstOrNull() fun getPopularMints(): List { return mints.drop(1) diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index 493835a3..b2f3cfd6 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -659,6 +659,7 @@ Last updated: November 2024 Save Delete Confirm + Undo Basket Names From 1af1b57f5ad540d693cadf100afbdcdffc443f51 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 16:13:10 +0200 Subject: [PATCH 106/162] feat: add settle bounce and slide-in to mint swap, instant undo MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Icon does a spring scale bounce (0.92 → 1.0) after crossfade. Name slides in 8dp from the right. Undo uses swapDefaultInstant() which rebinds immediately without the ring animation. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 2 +- .../onboarding/OnboardingMintAdapter.kt | 41 ++++++++++++++++++- 2 files changed, 40 insertions(+), 3 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 480c288e..0680fd88 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -391,7 +391,7 @@ class OnboardingActivity : AppCompatActivity() { Snackbar.make(reviewMintsContainer, getString(R.string.onboarding_mints_set_default_toast, mintName), Snackbar.LENGTH_LONG).apply { setAction(R.string.common_undo) { if (previousDefaultUrl != null) { - mintAdapter.confirmSetDefault(previousDefaultUrl) + mintAdapter.swapDefaultInstant(previousDefaultUrl) updateContinueButtonState() } } diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index d5358458..042b47d5 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -5,6 +5,7 @@ import android.view.HapticFeedbackConstants import android.view.LayoutInflater import android.view.View import android.view.ViewGroup +import android.view.animation.PathInterpolator import android.widget.ImageView import android.widget.TextView import androidx.core.content.ContextCompat @@ -159,13 +160,24 @@ class OnboardingMintAdapter( val crossfadeDelay = 350L val fadeDuration = 150L + val appleSpring = PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f) + hero.mintIcon.animate() .alpha(0f) .setDuration(fadeDuration) .setStartDelay(crossfadeDelay) .withEndAction { listener.onLoadMintIcon(mintUrl, hero.mintIcon) - hero.mintIcon.animate().alpha(1f).setDuration(fadeDuration).start() + // Fade in + settle bounce + hero.mintIcon.scaleX = 0.92f + hero.mintIcon.scaleY = 0.92f + hero.mintIcon.animate() + .alpha(1f) + .scaleX(1f) + .scaleY(1f) + .setDuration(300) + .setInterpolator(appleSpring) + .start() } .start() @@ -175,11 +187,36 @@ class OnboardingMintAdapter( .setStartDelay(crossfadeDelay) .withEndAction { hero.mintName.text = newName - hero.mintName.animate().alpha(1f).setDuration(fadeDuration).start() + // Slide in from right + fade + hero.mintName.translationX = 8f * hero.mintName.resources.displayMetrics.density + hero.mintName.animate() + .alpha(1f) + .translationX(0f) + .setDuration(250) + .setInterpolator(appleSpring) + .start() } .start() } + /** + * Instant swap without animation — used for undo. + */ + fun swapDefaultInstant(mintUrl: String) { + val mintIndex = mints.indexOf(mintUrl) + if (mintIndex < 1) return + + val oldDefault = mints[0] + accepted.add(oldDefault) + accepted.remove(mintUrl) + mints[0] = mintUrl + mints[mintIndex] = oldDefault + + rebuildItems() + notifyDataSetChanged() + listener.onDefaultMintChanged(mintUrl) + } + /** * Swap data arrays and notify the list rows (not the hero — it's already animated). */ From c3262d920940e0d8c601343bf0e28da29bb50cc4 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 16:18:53 +0200 Subject: [PATCH 107/162] feat: fade hero divider edges, add icon bounce and name slide-in Replace the hard-edged divider with a horizontal gradient that fades to transparent on both sides. Add a spring scale bounce on the new icon and a slide-from-right on the new name after the mint swap crossfade. Instant undo via swapDefaultInstant (no animation replay). Co-Authored-By: Claude Opus 4.6 (1M context) --- app/src/main/res/drawable/bg_divider_fade.xml | 10 ++++++++++ app/src/main/res/layout/item_onboarding_mint_hero.xml | 2 +- 2 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 app/src/main/res/drawable/bg_divider_fade.xml diff --git a/app/src/main/res/drawable/bg_divider_fade.xml b/app/src/main/res/drawable/bg_divider_fade.xml new file mode 100644 index 00000000..c728c99b --- /dev/null +++ b/app/src/main/res/drawable/bg_divider_fade.xml @@ -0,0 +1,10 @@ + + + + diff --git a/app/src/main/res/layout/item_onboarding_mint_hero.xml b/app/src/main/res/layout/item_onboarding_mint_hero.xml index fe9df8a9..8b14e9bd 100644 --- a/app/src/main/res/layout/item_onboarding_mint_hero.xml +++ b/app/src/main/res/layout/item_onboarding_mint_hero.xml @@ -121,7 +121,7 @@ android:layout_width="0dp" android:layout_height="1dp" android:layout_marginTop="16dp" - android:background="#1AFFFFFF" + android:background="@drawable/bg_divider_fade" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@id/hero_mint_row" /> From e019fa07394bb724242b103ee4be712678a7fc31 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 16:34:02 +0200 Subject: [PATCH 108/162] fix: increase vertical spacing in auto-custody notification stack Bump settledY offsets from [0, 10, 18] to [0, 14, 26] for a more visible stacked card depth effect. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/AutoCustodyAnimatedView.kt | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt index 3545319e..0784721f 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AutoCustodyAnimatedView.kt @@ -29,7 +29,7 @@ class AutoCustodyAnimatedView @JvmOverloads constructor( ) // Settled positions for 3-card stack - private val settledY = floatArrayOf(0f, 10f, 18f) + private val settledY = floatArrayOf(0f, 14f, 26f) private val settledScale = floatArrayOf(1f, 0.95f, 0.90f) private val settledAlpha = floatArrayOf(1f, 0.45f, 0.18f) From 4466c29bfc19d2adc1c4b287fe8f0ef166a9ede2 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 16:42:22 +0200 Subject: [PATCH 109/162] fix: anchor set-default snackbar above Continue button Use anchorView so the snackbar appears above the Continue button instead of covering it at the bottom of the screen. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../electricdreams/numo/feature/onboarding/OnboardingActivity.kt | 1 + 1 file changed, 1 insertion(+) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 0680fd88..a47f15da 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -389,6 +389,7 @@ class OnboardingActivity : AppCompatActivity() { mintAdapter.confirmSetDefault(mintUrl) updateContinueButtonState() Snackbar.make(reviewMintsContainer, getString(R.string.onboarding_mints_set_default_toast, mintName), Snackbar.LENGTH_LONG).apply { + anchorView = mintsContinueButton setAction(R.string.common_undo) { if (previousDefaultUrl != null) { mintAdapter.swapDefaultInstant(previousDefaultUrl) From 442f1635063e024a5aa576de7a4899e08e467337 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 16:52:24 +0200 Subject: [PATCH 110/162] fix: scale phone mockup margins to screen width for narrow devices Replace fixed dp margins with percentage-based values so the two phone images stay close together on narrow devices like Sunmi V2 while preserving the layout on wider devices like Pixel 6a. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/ExplainerSlideAdapter.kt | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt index ca5343be..59e4cf09 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ExplainerSlideAdapter.kt @@ -58,6 +58,23 @@ class ExplainerSlideAdapter : RecyclerView.Adapter { From 0240cb4198439adc34e7eaedd23016fb3420ab41 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 17:05:30 +0200 Subject: [PATCH 111/162] =?UTF-8?q?fix:=20adjust=20zero=20fees=20labels=20?= =?UTF-8?q?=E2=80=94=20consistent=20percentages,=20staggered=20layout?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Change 3% to 3.5% (top row consistent x.5%), 2.9% to 3% (bottom right), and move 2.5% to sit between the two rows for a more cohesive staggered arrangement. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/ZeroFeesIllustration.kt | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt index 45985853..8af346ce 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt @@ -44,11 +44,11 @@ class ZeroFeesIllustration @JvmOverloads constructor( ) private val fees = listOf( - FeeLabel("3%", 0.25f, 0.28f, 1.0f), - FeeLabel("2.5%", 0.50f, 0.28f, 1.0f), + FeeLabel("3.5%", 0.25f, 0.28f, 1.0f), + FeeLabel("2.5%", 0.50f, 0.40f, 1.0f), FeeLabel("1.5%", 0.75f, 0.28f, 1.0f), FeeLabel("2%", 0.35f, 0.52f, 1.0f), - FeeLabel("2.9%", 0.65f, 0.52f, 1.0f), + FeeLabel("3%", 0.65f, 0.52f, 1.0f), ) private val feeParticles = HashMap>() From 837881727480fa9029a172c2097549cbd2d5ad38 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 23:30:37 +0200 Subject: [PATCH 112/162] fix: move set-default snackbar closer to Continue button Remove bottom margin so the snackbar sits directly above the anchor button instead of floating 16dp away. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/OnboardingActivity.kt | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index a47f15da..23488707 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -399,7 +399,7 @@ class OnboardingActivity : AppCompatActivity() { setActionTextColor(ContextCompat.getColor(this@OnboardingActivity, R.color.color_text_primary)) val margin = (16 * resources.displayMetrics.density).toInt() (view.layoutParams as? android.widget.FrameLayout.LayoutParams)?.let { - it.setMargins(margin, 0, margin, margin) + it.setMargins(margin, 0, margin, 0) view.layoutParams = it } }.show() From be618aaf55394667d3615959d8113cc7892a3d86 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 23:51:54 +0200 Subject: [PATCH 113/162] chore: remove dead code and unused resources - Remove unused methods: startEntranceAnimations, openWithApp, showDeleteConfirmation - Remove debug Log.d in AddMintBottomSheet.onStart - Remove unused imports and parameters - Fix redundant if/else always returning View.VISIBLE - Delete 18 unreferenced drawable resources from exploration Co-Authored-By: Claude Opus 4.6 (1M context) --- .../baskets/BasketNamesSettingsActivity.kt | 4 +- .../history/PaymentsHistoryActivity.kt | 10 ---- .../history/TransactionDetailActivity.kt | 21 -------- .../numo/feature/items/ItemListActivity.kt | 1 - .../feature/onboarding/AddMintBottomSheet.kt | 8 ---- .../feature/settings/MintDetailsActivity.kt | 48 +------------------ app/src/main/res/drawable/bg_button_green.xml | 10 ---- .../res/drawable/bg_button_outlined_dark.xml | 11 ----- .../res/drawable/bg_button_secondary_dark.xml | 19 -------- .../main/res/drawable/bg_circle_reveal.xml | 5 -- .../res/drawable/bg_default_mint_item.xml | 11 ----- app/src/main/res/drawable/bg_default_pill.xml | 6 --- app/src/main/res/drawable/bg_input_dark.xml | 7 --- .../res/drawable/bg_placeholder_image.xml | 7 --- .../drawable/bg_placeholder_image_large.xml | 7 --- .../res/drawable/bg_seed_input_dark_error.xml | 7 --- app/src/main/res/drawable/bg_teaser_card.xml | 6 --- .../main/res/drawable/bg_teaser_gradient.xml | 8 ---- app/src/main/res/drawable/ic_autorenew.xml | 9 ---- app/src/main/res/drawable/ic_clock_stroke.xml | 28 ----------- app/src/main/res/drawable/ic_home_filled.xml | 10 ---- app/src/main/res/drawable/ic_home_outline.xml | 10 ---- app/src/main/res/drawable/ic_plus_stroke.xml | 17 ------- .../res/drawable/selector_checkbox_custom.xml | 5 -- 24 files changed, 3 insertions(+), 272 deletions(-) delete mode 100644 app/src/main/res/drawable/bg_button_green.xml delete mode 100644 app/src/main/res/drawable/bg_button_outlined_dark.xml delete mode 100644 app/src/main/res/drawable/bg_button_secondary_dark.xml delete mode 100644 app/src/main/res/drawable/bg_circle_reveal.xml delete mode 100644 app/src/main/res/drawable/bg_default_mint_item.xml delete mode 100644 app/src/main/res/drawable/bg_default_pill.xml delete mode 100644 app/src/main/res/drawable/bg_input_dark.xml delete mode 100644 app/src/main/res/drawable/bg_placeholder_image.xml delete mode 100644 app/src/main/res/drawable/bg_placeholder_image_large.xml delete mode 100644 app/src/main/res/drawable/bg_seed_input_dark_error.xml delete mode 100644 app/src/main/res/drawable/bg_teaser_card.xml delete mode 100644 app/src/main/res/drawable/bg_teaser_gradient.xml delete mode 100644 app/src/main/res/drawable/ic_autorenew.xml delete mode 100644 app/src/main/res/drawable/ic_clock_stroke.xml delete mode 100644 app/src/main/res/drawable/ic_home_filled.xml delete mode 100644 app/src/main/res/drawable/ic_home_outline.xml delete mode 100644 app/src/main/res/drawable/ic_plus_stroke.xml delete mode 100644 app/src/main/res/drawable/selector_checkbox_custom.xml diff --git a/app/src/main/java/com/electricdreams/numo/feature/baskets/BasketNamesSettingsActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/baskets/BasketNamesSettingsActivity.kt index 7f282955..0e920308 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/baskets/BasketNamesSettingsActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/baskets/BasketNamesSettingsActivity.kt @@ -96,7 +96,7 @@ class BasketNamesSettingsActivity : AppCompatActivity() { names.forEachIndexed { index, name -> val itemView = inflater.inflate(R.layout.item_basket_name_preset, namesList, false) - bindNameItem(itemView, index, name, names.size) + bindNameItem(itemView, index, name) namesList.addView(itemView) // Add divider between items (not after last) @@ -110,7 +110,7 @@ class BasketNamesSettingsActivity : AppCompatActivity() { } } - private fun bindNameItem(view: View, index: Int, name: String, totalCount: Int) { + private fun bindNameItem(view: View, index: Int, name: String) { val nameText = view.findViewById(R.id.preset_name) val deleteButton = view.findViewById(R.id.delete_button) diff --git a/app/src/main/java/com/electricdreams/numo/feature/history/PaymentsHistoryActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/history/PaymentsHistoryActivity.kt index 9010d8fa..eff3621c 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/history/PaymentsHistoryActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/history/PaymentsHistoryActivity.kt @@ -304,16 +304,6 @@ class PaymentsHistoryActivity : AppCompatActivity() { .show() } - private fun showDeleteConfirmation(entry: HistoryEntry) { - DialogHelper.showConfirmation(this, DialogHelper.ConfirmationConfig( - title = getString(R.string.history_dialog_delete_title), - message = getString(R.string.history_dialog_delete_message), - confirmText = getString(R.string.history_dialog_delete_positive), - cancelText = getString(R.string.history_dialog_delete_negative), - isDestructive = true, - onConfirm = { deletePaymentFromHistory(entry) } - )) - } private fun showClearHistoryConfirmation() { DialogHelper.showConfirmation(this, DialogHelper.ConfirmationConfig( diff --git a/app/src/main/java/com/electricdreams/numo/feature/history/TransactionDetailActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/history/TransactionDetailActivity.kt index 9831ecc1..ba8307ba 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/history/TransactionDetailActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/history/TransactionDetailActivity.kt @@ -399,27 +399,6 @@ class TransactionDetailActivity : AppCompatActivity() { ).show() } - private fun openWithApp() { - val cashuUri = "cashu:${entry.token}" - val uriIntent = Intent(Intent.ACTION_VIEW, Uri.parse(cashuUri)).apply { - addFlags(Intent.FLAG_ACTIVITY_NEW_TASK) - } - - val shareIntent = Intent(Intent.ACTION_SEND).apply { - type = "text/plain" - putExtra(Intent.EXTRA_TEXT, cashuUri) - } - - val chooserIntent = Intent.createChooser(uriIntent, "Open payment with...").apply { - putExtra(Intent.EXTRA_INITIAL_INTENTS, arrayOf(shareIntent)) - } - - try { - startActivity(chooserIntent) - } catch (e: Exception) { - Toast.makeText(this, R.string.history_toast_no_app, Toast.LENGTH_SHORT).show() - } - } private fun copyDestination(destination: String) { val clipboard = getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager diff --git a/app/src/main/java/com/electricdreams/numo/feature/items/ItemListActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/items/ItemListActivity.kt index c453d6df..73bbf37f 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/items/ItemListActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/items/ItemListActivity.kt @@ -5,7 +5,6 @@ import android.app.Activity import android.content.Intent import android.net.Uri import android.os.Bundle -import android.util.Log import android.view.LayoutInflater import android.view.MotionEvent import android.view.View diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt index f6591f2d..4f22edbe 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/AddMintBottomSheet.kt @@ -4,7 +4,6 @@ import android.app.Dialog import android.os.Bundle import android.text.Editable import android.text.TextWatcher -import android.util.Log import android.view.LayoutInflater import android.view.View import android.view.ViewGroup @@ -51,13 +50,6 @@ class AddMintBottomSheet : BottomSheetDialogFragment() { return dialog } - override fun onStart() { - super.onStart() - dialog?.window?.let { window -> - Log.d("AddMintBottomSheet", "Window type: ${window.attributes.type}, token: ${window.attributes.token}") - } - } - override fun onCreateView( inflater: LayoutInflater, container: ViewGroup?, diff --git a/app/src/main/java/com/electricdreams/numo/feature/settings/MintDetailsActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/settings/MintDetailsActivity.kt index 1182b706..b62707ac 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/settings/MintDetailsActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/settings/MintDetailsActivity.kt @@ -9,7 +9,6 @@ import android.graphics.BitmapFactory import android.os.Bundle import android.util.Log import android.view.View -import android.view.animation.AccelerateDecelerateInterpolator import android.view.animation.DecelerateInterpolator import android.view.animation.OvershootInterpolator import android.widget.FrameLayout @@ -341,7 +340,7 @@ class MintDetailsActivity : AppCompatActivity() { versionRow.visibility = View.VISIBLE versionValue.text = versionInfo?.version // Only show URL divider if no software row above - urlDivider.visibility = if (hasSoftware) View.VISIBLE else View.VISIBLE + urlDivider.visibility = View.VISIBLE } else { versionRow.visibility = View.GONE } @@ -537,49 +536,4 @@ class MintDetailsActivity : AppCompatActivity() { } .start() } - - private fun startEntranceAnimations() { - // Icon bounce - iconContainer.scaleX = 0f - iconContainer.scaleY = 0f - iconContainer.animate() - .scaleX(1f) - .scaleY(1f) - .setDuration(400) - .setInterpolator(OvershootInterpolator(2f)) - .start() - - // Name fade in - mintName.alpha = 0f - mintName.translationY = 20f - mintName.animate() - .alpha(1f) - .translationY(0f) - .setStartDelay(100) - .setDuration(300) - .setInterpolator(AccelerateDecelerateInterpolator()) - .start() - - // Balance pill slide up - balanceText.alpha = 0f - balanceText.translationY = 20f - balanceText.animate() - .alpha(1f) - .translationY(0f) - .setStartDelay(150) - .setDuration(300) - .setInterpolator(AccelerateDecelerateInterpolator()) - .start() - - // Details card slide up - detailsSection.alpha = 0f - detailsSection.translationY = 30f - detailsSection.animate() - .alpha(1f) - .translationY(0f) - .setStartDelay(200) - .setDuration(350) - .setInterpolator(AccelerateDecelerateInterpolator()) - .start() - } } diff --git a/app/src/main/res/drawable/bg_button_green.xml b/app/src/main/res/drawable/bg_button_green.xml deleted file mode 100644 index 5766840c..00000000 --- a/app/src/main/res/drawable/bg_button_green.xml +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - diff --git a/app/src/main/res/drawable/bg_button_outlined_dark.xml b/app/src/main/res/drawable/bg_button_outlined_dark.xml deleted file mode 100644 index 8f01a432..00000000 --- a/app/src/main/res/drawable/bg_button_outlined_dark.xml +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - diff --git a/app/src/main/res/drawable/bg_button_secondary_dark.xml b/app/src/main/res/drawable/bg_button_secondary_dark.xml deleted file mode 100644 index b9a6197e..00000000 --- a/app/src/main/res/drawable/bg_button_secondary_dark.xml +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/app/src/main/res/drawable/bg_circle_reveal.xml b/app/src/main/res/drawable/bg_circle_reveal.xml deleted file mode 100644 index 50a2eac8..00000000 --- a/app/src/main/res/drawable/bg_circle_reveal.xml +++ /dev/null @@ -1,5 +0,0 @@ - - - - diff --git a/app/src/main/res/drawable/bg_default_mint_item.xml b/app/src/main/res/drawable/bg_default_mint_item.xml deleted file mode 100644 index 463ec302..00000000 --- a/app/src/main/res/drawable/bg_default_mint_item.xml +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - diff --git a/app/src/main/res/drawable/bg_default_pill.xml b/app/src/main/res/drawable/bg_default_pill.xml deleted file mode 100644 index 9df0454e..00000000 --- a/app/src/main/res/drawable/bg_default_pill.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - diff --git a/app/src/main/res/drawable/bg_input_dark.xml b/app/src/main/res/drawable/bg_input_dark.xml deleted file mode 100644 index 6c0c0f2e..00000000 --- a/app/src/main/res/drawable/bg_input_dark.xml +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - diff --git a/app/src/main/res/drawable/bg_placeholder_image.xml b/app/src/main/res/drawable/bg_placeholder_image.xml deleted file mode 100644 index 3d7a3854..00000000 --- a/app/src/main/res/drawable/bg_placeholder_image.xml +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - diff --git a/app/src/main/res/drawable/bg_placeholder_image_large.xml b/app/src/main/res/drawable/bg_placeholder_image_large.xml deleted file mode 100644 index 3fc1c776..00000000 --- a/app/src/main/res/drawable/bg_placeholder_image_large.xml +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - diff --git a/app/src/main/res/drawable/bg_seed_input_dark_error.xml b/app/src/main/res/drawable/bg_seed_input_dark_error.xml deleted file mode 100644 index f590341b..00000000 --- a/app/src/main/res/drawable/bg_seed_input_dark_error.xml +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - diff --git a/app/src/main/res/drawable/bg_teaser_card.xml b/app/src/main/res/drawable/bg_teaser_card.xml deleted file mode 100644 index 3457e039..00000000 --- a/app/src/main/res/drawable/bg_teaser_card.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - diff --git a/app/src/main/res/drawable/bg_teaser_gradient.xml b/app/src/main/res/drawable/bg_teaser_gradient.xml deleted file mode 100644 index ae44ac87..00000000 --- a/app/src/main/res/drawable/bg_teaser_gradient.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - diff --git a/app/src/main/res/drawable/ic_autorenew.xml b/app/src/main/res/drawable/ic_autorenew.xml deleted file mode 100644 index fac1568e..00000000 --- a/app/src/main/res/drawable/ic_autorenew.xml +++ /dev/null @@ -1,9 +0,0 @@ - - - diff --git a/app/src/main/res/drawable/ic_clock_stroke.xml b/app/src/main/res/drawable/ic_clock_stroke.xml deleted file mode 100644 index c44d2d8b..00000000 --- a/app/src/main/res/drawable/ic_clock_stroke.xml +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - - diff --git a/app/src/main/res/drawable/ic_home_filled.xml b/app/src/main/res/drawable/ic_home_filled.xml deleted file mode 100644 index cbaefeae..00000000 --- a/app/src/main/res/drawable/ic_home_filled.xml +++ /dev/null @@ -1,10 +0,0 @@ - - - - diff --git a/app/src/main/res/drawable/ic_home_outline.xml b/app/src/main/res/drawable/ic_home_outline.xml deleted file mode 100644 index f857b952..00000000 --- a/app/src/main/res/drawable/ic_home_outline.xml +++ /dev/null @@ -1,10 +0,0 @@ - - - - diff --git a/app/src/main/res/drawable/ic_plus_stroke.xml b/app/src/main/res/drawable/ic_plus_stroke.xml deleted file mode 100644 index 9049895c..00000000 --- a/app/src/main/res/drawable/ic_plus_stroke.xml +++ /dev/null @@ -1,17 +0,0 @@ - - - - - diff --git a/app/src/main/res/drawable/selector_checkbox_custom.xml b/app/src/main/res/drawable/selector_checkbox_custom.xml deleted file mode 100644 index 413db473..00000000 --- a/app/src/main/res/drawable/selector_checkbox_custom.xml +++ /dev/null @@ -1,5 +0,0 @@ - - - - - From 6478fa25864b135d01be41ac26f0f15c47065da0 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sun, 29 Mar 2026 23:59:44 +0200 Subject: [PATCH 114/162] fix: replace teaser card text and remove redundant heading Change "Tap. Pay. Done." to "Tap to learn how Numo works." on the welcome screen teaser card and remove the "HOW DOES NUMO WORK?" heading above it. Co-Authored-By: Claude Opus 4.6 (1M context) --- app/src/main/res/layout/activity_onboarding.xml | 16 +--------------- app/src/main/res/values-es/strings.xml | 2 +- app/src/main/res/values-pt/strings.xml | 2 +- app/src/main/res/values/strings.xml | 3 +-- 4 files changed, 4 insertions(+), 19 deletions(-) diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 1cbb1720..71fde755 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -272,20 +272,6 @@ android:layout_height="0dp" android:layout_weight="1" /> - - - - + Usa tu frase semilla existente - Cmo funciona Numo? + Toca para aprender cómo funciona Numo. Toca para cobrar Ingresa un monto, toca cobrar y tu cliente acerca su telfono al tuyo. El pago llega al instante por NFC. Auto-custodia automtica diff --git a/app/src/main/res/values-pt/strings.xml b/app/src/main/res/values-pt/strings.xml index 5964af3b..547f9c82 100644 --- a/app/src/main/res/values-pt/strings.xml +++ b/app/src/main/res/values-pt/strings.xml @@ -119,7 +119,7 @@ Use sua frase semente existente - Como o Numo funciona? + Toque para saber como o Numo funciona. Toque para receber Digite um valor, toque em cobrar e seu cliente aproxima o telefone do seu. O pagamento chega instantaneamente por NFC. Auto-custdia automtica diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml index b2f3cfd6..69f006ba 100644 --- a/app/src/main/res/values/strings.xml +++ b/app/src/main/res/values/strings.xml @@ -120,8 +120,7 @@ Use your existing seed phrase - Tap. Pay. Done. - How does Numo work? + Tap to learn how Numo works. Tap to get paid Enter an amount, tap charge, and your customer holds their phone to yours. Payment lands instantly over NFC. Automatic self-custody From ae7cc2725a7c44a641059b09ef88afdbaea808de Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 00:04:11 +0200 Subject: [PATCH 115/162] fix: simplify Zero Fees animation to just 0% fade-in and pulse Remove the fee percentage labels, slash lines, split-apart effect, and particles. Now shows only the "0%" text fading in with a bounce then breathing with a gentle pulse. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../onboarding/ZeroFeesIllustration.kt | 206 +----------------- 1 file changed, 2 insertions(+), 204 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt index 8af346ce..b4e294b7 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/ZeroFeesIllustration.kt @@ -6,53 +6,18 @@ import android.content.Context import android.graphics.* import android.util.AttributeSet import android.view.View -import android.view.animation.AccelerateInterpolator import android.view.animation.DecelerateInterpolator import android.view.animation.OvershootInterpolator import com.electricdreams.numo.ui.util.isAnimationEnabled -import kotlin.math.cos -import kotlin.math.sin /** * Animated "Zero Fees" illustration. - * Phase 1: Fee percentages fade in scattered around the screen. - * Phase 2: Each fee gets slashed with a coral-red line, - * then splits apart with particles and fades away. - * Phase 3: Large "0%" bounces in with a radial glow, - * then breathes with a gentle pulse loop. + * Large "0%" fades and bounces in, then breathes with a gentle pulse loop. */ class ZeroFeesIllustration @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null ) : View(context, attrs) { - private data class FeeLabel( - val text: String, - val baseX: Float, // 0..1 relative - val baseY: Float, - val size: Float, // text size multiplier - var alpha: Float = 0f, - var slashProgress: Float = 0f, // 0..1 line draw - var destroyed: Float = 0f // 0..1 split + fade - ) - - private data class Particle( - val startX: Float, - val startY: Float, - val angle: Float, - val speed: Float, // max travel distance in px - val size: Float - ) - - private val fees = listOf( - FeeLabel("3.5%", 0.25f, 0.28f, 1.0f), - FeeLabel("2.5%", 0.50f, 0.40f, 1.0f), - FeeLabel("1.5%", 0.75f, 0.28f, 1.0f), - FeeLabel("2%", 0.35f, 0.52f, 1.0f), - FeeLabel("3%", 0.65f, 0.52f, 1.0f), - ) - - private val feeParticles = HashMap>() - private var zeroAlpha = 0f private var zeroScale = 0.5f @@ -62,29 +27,12 @@ class ZeroFeesIllustration @JvmOverloads constructor( private var pulseAnimator: ValueAnimator? = null private var startRunnable: Runnable? = null - private val feePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { - color = Color.WHITE - textAlign = Paint.Align.CENTER - typeface = Typeface.create("sans-serif", Typeface.BOLD) - } - - private val slashPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { - color = Color.WHITE - style = Paint.Style.STROKE - strokeCap = Paint.Cap.ROUND - } - private val zeroPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { color = Color.WHITE textAlign = Paint.Align.CENTER typeface = Typeface.create("sans-serif-black", Typeface.BOLD) } - private val particlePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply { - color = Color.WHITE - style = Paint.Style.FILL - } - override fun onDraw(canvas: Canvas) { super.onDraw(canvas) val w = width.toFloat() @@ -94,79 +42,6 @@ class ZeroFeesIllustration @JvmOverloads constructor( val cy = h * 0.45f val s = w / 380f - for ((index, fee) in fees.withIndex()) { - if (fee.alpha < 0.01f) continue - - val textSize = 34f * fee.size * s - feePaint.textSize = textSize - slashPaint.strokeWidth = 3.5f * s - - val x = fee.baseX * w - val y = fee.baseY * h - - val textW = feePaint.measureText(fee.text) - val fadeAlpha = fee.alpha * (1f - fee.destroyed) - - if (fee.destroyed > 0.01f) { - // Split apart: top half up-left, bottom half down-right - val drift = fee.destroyed * 20f * s - val a = (fadeAlpha * 180).toInt().coerceIn(0, 255) - - // Top half - canvas.save() - canvas.clipRect(x - textW, y - textSize * 1.2f, x + textW, y - textSize * 0.1f) - feePaint.alpha = a - canvas.translate(-drift * 0.4f, -drift) - canvas.drawText(fee.text, x, y, feePaint) - canvas.restore() - - // Bottom half - canvas.save() - canvas.clipRect(x - textW, y - textSize * 0.1f, x + textW, y + textSize * 0.5f) - feePaint.alpha = a - canvas.translate(drift * 0.4f, drift) - canvas.drawText(fee.text, x, y, feePaint) - canvas.restore() - } else { - // Normal draw - feePaint.alpha = (fee.alpha * 180).toInt().coerceIn(0, 255) - canvas.drawText(fee.text, x, y, feePaint) - } - - // Slash line across this fee - if (fee.slashProgress > 0f && fee.destroyed < 0.99f) { - val slashAlpha = ((1f - fee.destroyed) * 220).toInt() - slashPaint.alpha = slashAlpha - val sx = x - textW * 0.6f - val sy = y + 4f * s - val ex = x + textW * 0.6f - val ey = y - textSize * 0.7f - - canvas.drawLine( - sx, sy, - sx + (ex - sx) * fee.slashProgress, - sy + (ey - sy) * fee.slashProgress, - slashPaint - ) - } - - // Particles for this fee - if (fee.destroyed > 0.01f) { - feeParticles[index]?.let { parts -> - val life = (1f - fee.destroyed).coerceIn(0f, 1f) - for (p in parts) { - if (life <= 0.01f) continue - val dist = fee.destroyed * p.speed - val px = p.startX + cos(p.angle) * dist - val py = p.startY + sin(p.angle) * dist - particlePaint.alpha = (life * 180).toInt().coerceIn(0, 255) - canvas.drawCircle(px, py, p.size * s, particlePaint) - } - } - } - } - - // Draw "0%" if (zeroAlpha > 0.01f) { zeroPaint.textSize = 90f * s zeroPaint.alpha = (zeroAlpha * 255).toInt() @@ -201,8 +76,6 @@ class ZeroFeesIllustration @JvmOverloads constructor( animScheduled = false zeroAlpha = 0f zeroScale = 0.5f - fees.forEach { it.alpha = 0f; it.slashProgress = 0f; it.destroyed = 0f } - feeParticles.clear() } private fun scheduleAnimation() { @@ -213,92 +86,18 @@ class ZeroFeesIllustration @JvmOverloads constructor( postDelayed(startRunnable!!, 500) } - private fun spawnParticles(feeIndex: Int, x: Float, y: Float, s: Float) { - val seed = feeIndex * 31 + 7 - val parts = (0 until 5).map { i -> - val angle = ((seed + i * 73) % 360) * (Math.PI.toFloat() / 180f) - Particle( - startX = x, - startY = y, - angle = angle, - speed = (30f + ((seed + i * 37) % 30)) * s, - size = 1.5f + ((seed + i * 53) % 30) / 10f - ) - } - feeParticles[feeIndex] = parts - } - private fun startAnimation() { if (animStarted) return animStarted = true if (!context.isAnimationEnabled()) { - // Skip to final state: show "0%" at full scale zeroScale = 1f; zeroAlpha = 1f - fees.forEach { it.alpha = 0f } invalidate() return } - val w = width.toFloat() - val h = height.toFloat() - val s = w / 380f - val animators = mutableListOf() - - // Phase 1: All fees fade in (staggered) - val fadeIn = ValueAnimator.ofFloat(0f, 1f).apply { - duration = 600 - interpolator = DecelerateInterpolator() - addUpdateListener { - val p = it.animatedValue as Float - fees.forEachIndexed { i, fee -> - val stagger = i * 0.12f - fee.alpha = ((p - stagger) / (1f - stagger)).coerceIn(0f, 1f) - } - invalidate() - } - } - animators.add(fadeIn) - - // Phase 2: Each fee gets slashed (tighter 180ms stagger) - fees.forEachIndexed { i, fee -> - val baseDelay = 1600L + i * 180L - - // Slash line draws - val slash = ValueAnimator.ofFloat(0f, 1f).apply { - duration = 200 - startDelay = baseDelay - interpolator = AccelerateInterpolator() - addUpdateListener { - fee.slashProgress = it.animatedValue as Float - invalidate() - } - } - animators.add(slash) - - // Split + fade (with 50ms hold after slash for visual beat) - val destroy = ValueAnimator.ofFloat(0f, 1f).apply { - duration = 350 - startDelay = baseDelay + 250L - interpolator = AccelerateInterpolator(1.5f) - var particlesSpawned = false - addUpdateListener { - if (!particlesSpawned) { - particlesSpawned = true - spawnParticles(i, fee.baseX * w, fee.baseY * h, s) - } - fee.destroyed = it.animatedValue as Float - invalidate() - } - } - animators.add(destroy) - } - - // Phase 3: "0%" bounces in after all fees destroyed - val lastFeeEnd = 1600L + (fees.size - 1) * 180L + 250L + 350L val zeroIn = ValueAnimator.ofFloat(0f, 1f).apply { duration = 600 - startDelay = lastFeeEnd + 300L interpolator = OvershootInterpolator(1.0f) addUpdateListener { val p = it.animatedValue as Float @@ -312,10 +111,9 @@ class ZeroFeesIllustration @JvmOverloads constructor( } }) } - animators.add(zeroIn) animatorSet = AnimatorSet().apply { - playTogether(animators) + play(zeroIn) start() } } From 07d92581bf561292f8b5fe1bb9a61e6f38b263ba Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 00:07:51 +0200 Subject: [PATCH 116/162] fix: left-align mint hint text and make it white Co-Authored-By: Claude Opus 4.6 (1M context) --- app/src/main/res/layout/item_onboarding_mint_hint.xml | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/src/main/res/layout/item_onboarding_mint_hint.xml b/app/src/main/res/layout/item_onboarding_mint_hint.xml index da962e44..b8366105 100644 --- a/app/src/main/res/layout/item_onboarding_mint_hint.xml +++ b/app/src/main/res/layout/item_onboarding_mint_hint.xml @@ -3,10 +3,11 @@ android:id="@+id/hint_text" android:layout_width="match_parent" android:layout_height="wrap_content" - android:gravity="center" + android:gravity="start" android:paddingTop="8dp" android:paddingBottom="12dp" + android:paddingHorizontal="20dp" android:text="@string/onboarding_mints_long_press_hint" android:textSize="12sp" - android:textColor="#73FFFFFF" + android:textColor="#FFFFFF" android:fontFamily="sans-serif" /> From db94a707e6add25cf4a77239afb9378505663b6f Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 00:11:44 +0200 Subject: [PATCH 117/162] feat: animate "Holds your bitcoin" subtitle on default mint swap Apply the same fade-out + slide-in animation to the hero subtitle, matching the mint name's timing and spring interpolator. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingMintAdapter.kt | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index 042b47d5..79fadc69 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -197,6 +197,21 @@ class OnboardingMintAdapter( .start() } .start() + + hero.mintSubtitle.animate() + .alpha(0f) + .setDuration(fadeDuration) + .setStartDelay(crossfadeDelay) + .withEndAction { + hero.mintSubtitle.translationX = 8f * hero.mintSubtitle.resources.displayMetrics.density + hero.mintSubtitle.animate() + .alpha(1f) + .translationX(0f) + .setDuration(250) + .setInterpolator(appleSpring) + .start() + } + .start() } /** @@ -392,6 +407,7 @@ class OnboardingMintAdapter( class DefaultHeroViewHolder(view: View) : RecyclerView.ViewHolder(view) { val mintIcon: ShapeableImageView = view.findViewById(R.id.hero_mint_icon) val mintName: TextView = view.findViewById(R.id.hero_mint_name) + val mintSubtitle: TextView = view.findViewById(R.id.hero_mint_subtitle) val gradientRing: GradientRingView = view.findViewById(R.id.hero_gradient_ring) } From b49fde95327706e92561024fd548136ee7cfb15c Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 00:19:40 +0200 Subject: [PATCH 118/162] fix: start icon/name crossfade earlier for fluid mint swap Reduce crossfade delay from 350ms to 150ms so new content is fully settled before the gradient ring finishes spinning. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/OnboardingMintAdapter.kt | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index 79fadc69..c42a2d64 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -156,8 +156,8 @@ class OnboardingMintAdapter( pendingSwapUrl = null } - // 2. Crossfade icon + name after the ring is halfway through - val crossfadeDelay = 350L + // 2. Crossfade icon + name early so new content is settled before ring ends + val crossfadeDelay = 150L val fadeDuration = 150L val appleSpring = PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f) From 7cf5858503d929812c61fc2b34881a3cb6d626c2 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 00:28:22 +0200 Subject: [PATCH 119/162] fix: eliminate mint icon flicker on mints screen load Replace notifyDataSetChanged() with a payload-based partial update that only refreshes name TextViews. The full rebind was causing RecyclerView to recreate ViewHolders, flashing icons during the async profile fetch cycle. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/onboarding/OnboardingActivity.kt | 5 ++-- .../onboarding/OnboardingMintAdapter.kt | 23 +++++++++++++++---- 2 files changed, 22 insertions(+), 6 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt index 23488707..b431418a 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingActivity.kt @@ -409,6 +409,7 @@ class OnboardingActivity : AppCompatActivity() { acceptFromTitle = getString(R.string.onboarding_mints_accept_from_header) ) mintsRecyclerView.layoutManager = LinearLayoutManager(this) + mintsRecyclerView.itemAnimator = null mintsRecyclerView.adapter = mintAdapter // Restoring @@ -1339,8 +1340,8 @@ class OnboardingActivity : AppCompatActivity() { onboardingMintDisplayNames[mintUrl] = displayName if (currentStep == OnboardingStep.REVIEW_MINTS) { - // Notify adapter to refresh name display for this mint - mintAdapter.notifyDataSetChanged() + // Refresh names only — avoids full rebind that flickers icons + mintAdapter.refreshNames() } } } diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index c42a2d64..a7e1b73e 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -41,6 +41,12 @@ class OnboardingMintAdapter( private const val VIEW_TYPE_DEFAULT_HERO = 2 private const val VIEW_TYPE_HINT = 3 private const val VIEW_TYPE_ADD_MINT = 4 + private const val PAYLOAD_NAME_ONLY = "name_only" + } + + /** Refresh display names without re-binding icons. */ + fun refreshNames() { + notifyItemRangeChanged(0, itemCount, PAYLOAD_NAME_ONLY) } private val items = mutableListOf() @@ -292,6 +298,19 @@ class OnboardingMintAdapter( } } + override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int, payloads: MutableList) { + if (payloads.contains(PAYLOAD_NAME_ONLY)) { + // Partial update: refresh names only, skip icon loading + when (val item = items[position]) { + is ListItem.DefaultHero -> (holder as DefaultHeroViewHolder).mintName.text = listener.onResolveMintName(item.url) + is ListItem.Mint -> (holder as MintViewHolder).name.text = listener.onResolveMintName(item.url) + else -> {} + } + return + } + super.onBindViewHolder(holder, position, payloads) + } + override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) { val context = holder.itemView.context val density = context.resources.displayMetrics.density @@ -316,8 +335,6 @@ class OnboardingMintAdapter( h.mintName.text = listener.onResolveMintName(item.url) // Mint icon with rounded corners - h.mintIcon.setImageResource(R.drawable.ic_bitcoin) - h.mintIcon.setColorFilter(ContextCompat.getColor(context, R.color.color_primary)) h.mintIcon.setBackgroundColor(android.graphics.Color.parseColor("#1AFFFFFF")) h.mintIcon.shapeAppearanceModel = h.mintIcon.shapeAppearanceModel.toBuilder() .setAllCornerSizes(22f * density) @@ -330,8 +347,6 @@ class OnboardingMintAdapter( h.name.text = listener.onResolveMintName(item.url) // Icon - h.icon.setImageResource(R.drawable.ic_bitcoin) - h.icon.setColorFilter(ContextCompat.getColor(context, R.color.color_primary)) h.icon.setBackgroundColor(android.graphics.Color.parseColor("#1AFFFFFF")) h.icon.shapeAppearanceModel = h.icon.shapeAppearanceModel.toBuilder() .setAllCornerSizes(20f * density) From a39b3cdb69ee3f3de0e151ac0c54c5978ad55e0e Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 00:56:26 +0200 Subject: [PATCH 120/162] feat: add scale pulse and haptic feedback on long-press set-default The pressed mint row scales down to 0.96x then springs back with overshoot, paired with a confirmation haptic (CONFIRM on API 30+, LONG_PRESS on older devices). Co-Authored-By: Claude Opus 4.6 (1M context) --- .../onboarding/OnboardingMintAdapter.kt | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index a7e1b73e..76ad7224 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -376,6 +376,24 @@ class OnboardingMintAdapter( // Long-press to set as default h.itemView.setOnLongClickListener { view -> view.performHapticFeedback(HapticFeedbackConstants.CONTEXT_CLICK) + // Scale pulse: press down then spring back + val spring = PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f) + view.animate() + .scaleX(0.96f).scaleY(0.96f) + .setDuration(100) + .withEndAction { + if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.R) { + view.performHapticFeedback(HapticFeedbackConstants.CONFIRM) + } else { + view.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS) + } + view.animate() + .scaleX(1f).scaleY(1f) + .setDuration(250) + .setInterpolator(spring) + .start() + } + .start() val mintName = listener.onResolveMintName(item.url) listener.onRequestSetDefault(item.url, mintName) true From c75efb8aef56fb4463ae4da6106c932a9b452a1f Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 00:57:18 +0200 Subject: [PATCH 121/162] fix: remove double haptic on long-press set-default Keep only the CONFIRM haptic after the scale pulse, remove the initial CONTEXT_CLICK that caused a double-tap feel. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/OnboardingMintAdapter.kt | 1 - 1 file changed, 1 deletion(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index 76ad7224..33646b19 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -375,7 +375,6 @@ class OnboardingMintAdapter( // Long-press to set as default h.itemView.setOnLongClickListener { view -> - view.performHapticFeedback(HapticFeedbackConstants.CONTEXT_CLICK) // Scale pulse: press down then spring back val spring = PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f) view.animate() From 24e8b1fab2ae0750e215be00ff34a22cc06a700c Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 01:01:13 +0200 Subject: [PATCH 122/162] fix: suppress system long-press haptic for single clean tap Disable the view's built-in haptic feedback to prevent the system's automatic long-press vibration. Our CONFIRM haptic fires explicitly with FLAG_IGNORE_VIEW_SETTING after the scale pulse. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/feature/onboarding/OnboardingMintAdapter.kt | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt index 33646b19..7ee14cd2 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingMintAdapter.kt @@ -374,6 +374,7 @@ class OnboardingMintAdapter( } // Long-press to set as default + h.itemView.isHapticFeedbackEnabled = false h.itemView.setOnLongClickListener { view -> // Scale pulse: press down then spring back val spring = PathInterpolator(0.175f, 0.885f, 0.32f, 1.1f) @@ -382,9 +383,9 @@ class OnboardingMintAdapter( .setDuration(100) .withEndAction { if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.R) { - view.performHapticFeedback(HapticFeedbackConstants.CONFIRM) + view.performHapticFeedback(HapticFeedbackConstants.CONFIRM, HapticFeedbackConstants.FLAG_IGNORE_VIEW_SETTING) } else { - view.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS) + view.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS, HapticFeedbackConstants.FLAG_IGNORE_VIEW_SETTING) } view.animate() .scaleX(1f).scaleY(1f) From b5661e562249f6ee687c7ed87c37026187252fc8 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 30 Mar 2026 01:20:20 +0200 Subject: [PATCH 123/162] fix: repair failing unit tests MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - WithdrawLightningActivityTest: update tab color assertion to match branch change from color_text_primary to color_bg_white - PaymentWebhookDispatcherTest: switch from runTest to runBlocking with Dispatchers.IO — runTest's TestCoroutineScheduler conflicts with MockWebServer's real I/O, causing UncaughtExceptionsBeforeTest Co-Authored-By: Claude Opus 4.6 (1M context) --- .../feature/settings/WithdrawLightningActivityTest.kt | 2 +- .../numo/payment/PaymentWebhookDispatcherTest.kt | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/app/src/test/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivityTest.kt b/app/src/test/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivityTest.kt index 68430f4e..34f08add 100644 --- a/app/src/test/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivityTest.kt +++ b/app/src/test/java/com/electricdreams/numo/feature/settings/WithdrawLightningActivityTest.kt @@ -54,7 +54,7 @@ class WithdrawLightningActivityTest { assertEquals("Cashu container should be gone", View.GONE, cashuContainer.visibility) // Verify tab styling (checking text color is a proxy for selection) - val selectedColor = activity.getColor(R.color.color_text_primary) + val selectedColor = activity.getColor(R.color.color_bg_white) assertEquals(selectedColor, tabLightning.currentTextColor) } } diff --git a/app/src/test/java/com/electricdreams/numo/payment/PaymentWebhookDispatcherTest.kt b/app/src/test/java/com/electricdreams/numo/payment/PaymentWebhookDispatcherTest.kt index f550ecd8..1d8ead8b 100644 --- a/app/src/test/java/com/electricdreams/numo/payment/PaymentWebhookDispatcherTest.kt +++ b/app/src/test/java/com/electricdreams/numo/payment/PaymentWebhookDispatcherTest.kt @@ -8,7 +8,7 @@ import com.electricdreams.numo.core.model.CheckoutBasketItem import com.electricdreams.numo.core.util.WebhookSettingsManager import com.google.gson.Gson import kotlinx.coroutines.Dispatchers -import kotlinx.coroutines.test.runTest +import kotlinx.coroutines.runBlocking import okhttp3.mockwebserver.MockResponse import okhttp3.mockwebserver.MockWebServer import org.junit.After @@ -41,7 +41,7 @@ class PaymentWebhookDispatcherTest { } @Test - fun `dispatch posts payment payload to endpoint`() = runTest { + fun `dispatch posts payment payload to endpoint`() = runBlocking { server.enqueue(MockResponse().setResponseCode(200)) val endpoint = server.url("/webhook").toString() @@ -85,7 +85,7 @@ class PaymentWebhookDispatcherTest { } @Test - fun `dispatch retries on failure and succeeds on later attempt`() = runTest { + fun `dispatch retries on failure and succeeds on later attempt`() = runBlocking { server.enqueue(MockResponse().setResponseCode(500)) server.enqueue(MockResponse().setResponseCode(200)) @@ -105,7 +105,7 @@ class PaymentWebhookDispatcherTest { } @Test - fun `dispatch with no endpoints does nothing`() = runTest { + fun `dispatch with no endpoints does nothing`() = runBlocking { val dispatcher = PaymentWebhookDispatcher( context = context, endpointProvider = { emptyList() }, @@ -121,7 +121,7 @@ class PaymentWebhookDispatcherTest { } @Test - fun `dispatch includes null checkout when basket absent`() = runTest { + fun `dispatch includes null checkout when basket absent`() = runBlocking { server.enqueue(MockResponse().setResponseCode(200)) val endpoint = server.url("/no-checkout").toString() From 581f51df90c93c193c76fdc71e3416918c9be8c0 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 6 Apr 2026 12:08:14 +0200 Subject: [PATCH 124/162] fix: reset onboarding to match main after merge Co-Authored-By: Claude Opus 4.6 (1M context) --- .../onboarding/OnboardingWelcomeAnimator.kt | 20 +++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt index 044712d0..c3b7874c 100644 --- a/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt +++ b/app/src/main/java/com/electricdreams/numo/feature/onboarding/OnboardingWelcomeAnimator.kt @@ -119,10 +119,12 @@ class OnboardingWelcomeAnimator( } fun pause() { + scrollAnimator?.pause() activeAnimators.toList().forEach { it.pause() } } fun resume() { + scrollAnimator?.resume() activeAnimators.toList().forEach { it.resume() } } @@ -407,15 +409,21 @@ class OnboardingWelcomeAnimator( GradientDrawable.Orientation.TOP_BOTTOM, intArrayOf(Color.TRANSPARENT, Color.argb(220, 10, 37, 64), navyColor) ) - duration = 450 - interpolator = appleSpring - addListener(onEnd { if (cont.isActive) cont.resume(Unit) }) + layoutParams = FrameLayout.LayoutParams( + FrameLayout.LayoutParams.MATCH_PARENT, + gradientHeight + ).apply { + gravity = Gravity.TOP + topMargin = totalRowsHeight - gradientHeight + } + alpha = 0f } - cont.invokeOnCancellation { animSet.cancel() } - trackAndStart(animSet) + emojiContainer.addView(rowGradientView) } - // === Phase 4: CTA Reveal (500ms) === + private fun startScrollAnimation() { + scrollTime = 0f + scrollAnimator?.cancel() scrollAnimator = ValueAnimator.ofFloat(0f, 1f).apply { duration = 16L // ~60fps tick From 4f89455d5274e5dc64846cf69ef3d089f035aca9 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Mon, 6 Apr 2026 12:20:21 +0200 Subject: [PATCH 125/162] fix: remove duplicate style and leftover onboarding layout after merge Co-Authored-By: Claude Opus 4.6 (1M context) --- .../main/res/layout/item_onboarding_mint_hint.xml | 13 ------------- app/src/main/res/values/styles.xml | 11 ----------- 2 files changed, 24 deletions(-) delete mode 100644 app/src/main/res/layout/item_onboarding_mint_hint.xml diff --git a/app/src/main/res/layout/item_onboarding_mint_hint.xml b/app/src/main/res/layout/item_onboarding_mint_hint.xml deleted file mode 100644 index b8366105..00000000 --- a/app/src/main/res/layout/item_onboarding_mint_hint.xml +++ /dev/null @@ -1,13 +0,0 @@ - - diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml index 089d5a1b..97e4a472 100644 --- a/app/src/main/res/values/styles.xml +++ b/app/src/main/res/values/styles.xml @@ -151,17 +151,6 @@ @null - - - + + + - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + - + - - + + + + + + + - - - - - - - diff --git a/skills-lock.json b/skills-lock.json new file mode 100644 index 00000000..1584e3ac --- /dev/null +++ b/skills-lock.json @@ -0,0 +1,115 @@ +{ + "version": 1, + "skills": { + "adapt": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "fb7cca7602be381b7b486e731fdcd480335cbb9b925e1911276f5bb9352c6b2f" + }, + "animate": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "b00cb71343fa7e987489ad330e3dd3e504ff893b9ddd2b30cacea93691b78e46" + }, + "arrange": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "698fb952e9ef0d2551a5c3421ef61e084934420e0d8371a02efb4f76f21049e8" + }, + "audit": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "eb9109e542194f8711cffce23095ef5da2deb4ed0b23f59c07e912e3931f1e17" + }, + "bolder": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "4b03286f1dc45da3e1a76a71c0c62729b4887c814dff3084345889cb4780a3a2" + }, + "clarify": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "1138379fb9f10b911094fb57b5607de8efbd77d2467fba4981ccc1c155457c6f" + }, + "colorize": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "6e292a0ba428d339615e025cab1f2692b2e6267ba247574a00545b1dac1acc5a" + }, + "critique": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "59d3facaee0d7c969f23e938c35239183d3fdd9befff526908585e55afa3a9dd" + }, + "delight": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "80127e9c695f768f5df70b9f62ad51cdfb3b4892791c4d901214b08f3be8d37e" + }, + "distill": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "ce6fbd844488a326208c1302c73b2865fa4fb20e447b6a06c038315444d6e0c5" + }, + "extract": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "1bbe30b5be73a86971f6bccb37daae84aaafceaa6d23429d6a3a0442378ac4ec" + }, + "frontend-design": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "9ebe6c652743fcde8d2ae773f34b6f548dcc8b2e75a3a30936adcd8b95dd2d16" + }, + "harden": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "f8ce420b3c78b90707704122264da76514c793ac0e12fb9540ace68d257c231c" + }, + "mobile-android-design": { + "source": "wshobson/agents", + "sourceType": "github", + "computedHash": "0dfa08663016e0faa2db0611420bd5c17ba2d635a057e17a6b71c2a0c3f2ed79" + }, + "normalize": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "281b7f9e590e252a6aec3f5f83c5ca548c91e8bccb3fd6eee4cc7d5be0becb4d" + }, + "onboard": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "1cbedf70f906150b1b8bb70b61393eaf67e2e1311e1b5e43bde3e47411bcaa2b" + }, + "optimize": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "f7adc2a2e540a590978b567d82985062bfada83385f5ad5d50b13a127cdc96d6" + }, + "overdrive": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "3b940d458ef13afcb93ccb51ff430510aca4a9733d68fbdc335927a2636a091d" + }, + "polish": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "33a8b5195481719e954b71762de56faaabc68c479602673894e0d0e47336756b" + }, + "quieter": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "6066e73875e4770e624641355cc04662ce75d2b1d1a3673e24dcbd0ec8936297" + }, + "teach-impeccable": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "b3b5541bb9b0a260af793c7d79c2db4a436c2cd9384be34a4024c7f28af72e62" + }, + "typeset": { + "source": "pbakaus/impeccable", + "sourceType": "github", + "computedHash": "0259de15644a89550cfd6a936a8e1866dcb35d20ccc96197614459233a9bcdb3" + } + } +} diff --git a/skills/adapt b/skills/adapt new file mode 120000 index 00000000..f567a3fc --- /dev/null +++ b/skills/adapt @@ -0,0 +1 @@ +../.agents/skills/adapt \ No newline at end of file diff --git a/skills/animate b/skills/animate new file mode 120000 index 00000000..bf76de5a --- /dev/null +++ b/skills/animate @@ -0,0 +1 @@ +../.agents/skills/animate \ No newline at end of file diff --git a/skills/arrange b/skills/arrange new file mode 120000 index 00000000..ee1e9beb --- /dev/null +++ b/skills/arrange @@ -0,0 +1 @@ +../.agents/skills/arrange \ No newline at end of file diff --git a/skills/audit b/skills/audit new file mode 120000 index 00000000..be8b9c5e --- /dev/null +++ b/skills/audit @@ -0,0 +1 @@ +../.agents/skills/audit \ No newline at end of file diff --git a/skills/bolder b/skills/bolder new file mode 120000 index 00000000..d620ee5f --- /dev/null +++ b/skills/bolder @@ -0,0 +1 @@ +../.agents/skills/bolder \ No newline at end of file diff --git a/skills/clarify b/skills/clarify new file mode 120000 index 00000000..f64cdb84 --- /dev/null +++ b/skills/clarify @@ -0,0 +1 @@ +../.agents/skills/clarify \ No newline at end of file diff --git a/skills/colorize b/skills/colorize new file mode 120000 index 00000000..ed3c8a52 --- /dev/null +++ b/skills/colorize @@ -0,0 +1 @@ +../.agents/skills/colorize \ No newline at end of file diff --git a/skills/critique b/skills/critique new file mode 120000 index 00000000..7643ed76 --- /dev/null +++ b/skills/critique @@ -0,0 +1 @@ +../.agents/skills/critique \ No newline at end of file diff --git a/skills/delight b/skills/delight new file mode 120000 index 00000000..6ab30d7c --- /dev/null +++ b/skills/delight @@ -0,0 +1 @@ +../.agents/skills/delight \ No newline at end of file diff --git a/skills/distill b/skills/distill new file mode 120000 index 00000000..495a8b21 --- /dev/null +++ b/skills/distill @@ -0,0 +1 @@ +../.agents/skills/distill \ No newline at end of file diff --git a/skills/extract b/skills/extract new file mode 120000 index 00000000..ceb26cf3 --- /dev/null +++ b/skills/extract @@ -0,0 +1 @@ +../.agents/skills/extract \ No newline at end of file diff --git a/skills/frontend-design b/skills/frontend-design new file mode 120000 index 00000000..0d64a5b7 --- /dev/null +++ b/skills/frontend-design @@ -0,0 +1 @@ +../.agents/skills/frontend-design \ No newline at end of file diff --git a/skills/harden b/skills/harden new file mode 120000 index 00000000..7b25e8ec --- /dev/null +++ b/skills/harden @@ -0,0 +1 @@ +../.agents/skills/harden \ No newline at end of file diff --git a/skills/mobile-android-design b/skills/mobile-android-design new file mode 120000 index 00000000..8befc384 --- /dev/null +++ b/skills/mobile-android-design @@ -0,0 +1 @@ +../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/skills/normalize b/skills/normalize new file mode 120000 index 00000000..8845d1c7 --- /dev/null +++ b/skills/normalize @@ -0,0 +1 @@ +../.agents/skills/normalize \ No newline at end of file diff --git a/skills/onboard b/skills/onboard new file mode 120000 index 00000000..cbc96109 --- /dev/null +++ b/skills/onboard @@ -0,0 +1 @@ +../.agents/skills/onboard \ No newline at end of file diff --git a/skills/optimize b/skills/optimize new file mode 120000 index 00000000..67509f3e --- /dev/null +++ b/skills/optimize @@ -0,0 +1 @@ +../.agents/skills/optimize \ No newline at end of file diff --git a/skills/overdrive b/skills/overdrive new file mode 120000 index 00000000..df490e4b --- /dev/null +++ b/skills/overdrive @@ -0,0 +1 @@ +../.agents/skills/overdrive \ No newline at end of file diff --git a/skills/polish b/skills/polish new file mode 120000 index 00000000..c09496bf --- /dev/null +++ b/skills/polish @@ -0,0 +1 @@ +../.agents/skills/polish \ No newline at end of file diff --git a/skills/quieter b/skills/quieter new file mode 120000 index 00000000..f48241af --- /dev/null +++ b/skills/quieter @@ -0,0 +1 @@ +../.agents/skills/quieter \ No newline at end of file diff --git a/skills/teach-impeccable b/skills/teach-impeccable new file mode 120000 index 00000000..70ca8b4c --- /dev/null +++ b/skills/teach-impeccable @@ -0,0 +1 @@ +../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/skills/typeset b/skills/typeset new file mode 120000 index 00000000..e0e88b32 --- /dev/null +++ b/skills/typeset @@ -0,0 +1 @@ +../.agents/skills/typeset \ No newline at end of file From 5fff3d4c23199045c602c4dba52f2f1972ddde0d Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Tue, 7 Apr 2026 16:49:13 +0200 Subject: [PATCH 134/162] chore: untrack AI tool skills dirs and add to .gitignore MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit These directories (.claude/skills, .kiro/skills, .roo/skills, etc.) are local AI coding tool configuration and should never be committed. Files remain on disk — only removed from git tracking. Co-Authored-By: Claude Sonnet 4.6 --- .agents/skills/adapt/SKILL.md | 198 ----- .agents/skills/animate/SKILL.md | 174 ---- .agents/skills/arrange/SKILL.md | 124 --- .agents/skills/audit/SKILL.md | 147 ---- .agents/skills/bolder/SKILL.md | 116 --- .agents/skills/clarify/SKILL.md | 182 ---- .agents/skills/colorize/SKILL.md | 142 ---- .agents/skills/critique/SKILL.md | 201 ----- .../critique/reference/cognitive-load.md | 106 --- .../critique/reference/heuristics-scoring.md | 234 ----- .agents/skills/critique/reference/personas.md | 178 ---- .agents/skills/delight/SKILL.md | 303 ------- .agents/skills/distill/SKILL.md | 121 --- .agents/skills/extract/SKILL.md | 91 -- .agents/skills/frontend-design/SKILL.md | 147 ---- .../reference/color-and-contrast.md | 132 --- .../reference/interaction-design.md | 195 ----- .../reference/motion-design.md | 99 --- .../reference/responsive-design.md | 114 --- .../reference/spatial-design.md | 100 --- .../frontend-design/reference/typography.md | 133 --- .../frontend-design/reference/ux-writing.md | 107 --- .agents/skills/harden/SKILL.md | 354 -------- .agents/skills/mobile-android-design/SKILL.md | 433 ---------- .../references/android-navigation.md | 698 --------------- .../references/compose-components.md | 796 ------------------ .../references/material3-theming.md | 604 ------------- .agents/skills/normalize/SKILL.md | 70 -- .agents/skills/onboard/SKILL.md | 245 ------ .agents/skills/optimize/SKILL.md | 265 ------ .agents/skills/overdrive/SKILL.md | 141 ---- .agents/skills/polish/SKILL.md | 202 ----- .agents/skills/quieter/SKILL.md | 102 --- .agents/skills/teach-impeccable/SKILL.md | 71 -- .agents/skills/typeset/SKILL.md | 115 --- .claude/skills/adapt | 1 - .claude/skills/animate | 1 - .claude/skills/arrange | 1 - .claude/skills/audit | 1 - .claude/skills/bolder | 1 - .claude/skills/clarify | 1 - .claude/skills/colorize | 1 - .claude/skills/critique | 1 - .claude/skills/delight | 1 - .claude/skills/distill | 1 - .claude/skills/extract | 1 - .claude/skills/frontend-design | 1 - .claude/skills/harden | 1 - .claude/skills/mobile-android-design | 1 - .claude/skills/normalize | 1 - .claude/skills/onboard | 1 - .claude/skills/optimize | 1 - .claude/skills/overdrive | 1 - .claude/skills/polish | 1 - .claude/skills/quieter | 1 - .claude/skills/teach-impeccable | 1 - .claude/skills/typeset | 1 - .codebuddy/skills/adapt | 1 - .codebuddy/skills/animate | 1 - .codebuddy/skills/arrange | 1 - .codebuddy/skills/audit | 1 - .codebuddy/skills/bolder | 1 - .codebuddy/skills/clarify | 1 - .codebuddy/skills/colorize | 1 - .codebuddy/skills/critique | 1 - .codebuddy/skills/delight | 1 - .codebuddy/skills/distill | 1 - .codebuddy/skills/extract | 1 - .codebuddy/skills/frontend-design | 1 - .codebuddy/skills/harden | 1 - .codebuddy/skills/mobile-android-design | 1 - .codebuddy/skills/normalize | 1 - .codebuddy/skills/onboard | 1 - .codebuddy/skills/optimize | 1 - .codebuddy/skills/overdrive | 1 - .codebuddy/skills/polish | 1 - .codebuddy/skills/quieter | 1 - .codebuddy/skills/teach-impeccable | 1 - .codebuddy/skills/typeset | 1 - .commandcode/skills/adapt | 1 - .commandcode/skills/animate | 1 - .commandcode/skills/arrange | 1 - .commandcode/skills/audit | 1 - .commandcode/skills/bolder | 1 - .commandcode/skills/clarify | 1 - .commandcode/skills/colorize | 1 - .commandcode/skills/critique | 1 - .commandcode/skills/delight | 1 - .commandcode/skills/distill | 1 - .commandcode/skills/extract | 1 - .commandcode/skills/frontend-design | 1 - .commandcode/skills/harden | 1 - .commandcode/skills/mobile-android-design | 1 - .commandcode/skills/normalize | 1 - .commandcode/skills/onboard | 1 - .commandcode/skills/optimize | 1 - .commandcode/skills/overdrive | 1 - .commandcode/skills/polish | 1 - .commandcode/skills/quieter | 1 - .commandcode/skills/teach-impeccable | 1 - .commandcode/skills/typeset | 1 - .continue/skills/adapt | 1 - .continue/skills/animate | 1 - .continue/skills/arrange | 1 - .continue/skills/audit | 1 - .continue/skills/bolder | 1 - .continue/skills/clarify | 1 - .continue/skills/colorize | 1 - .continue/skills/critique | 1 - .continue/skills/delight | 1 - .continue/skills/distill | 1 - .continue/skills/extract | 1 - .continue/skills/frontend-design | 1 - .continue/skills/harden | 1 - .continue/skills/mobile-android-design | 1 - .continue/skills/normalize | 1 - .continue/skills/onboard | 1 - .continue/skills/optimize | 1 - .continue/skills/overdrive | 1 - .continue/skills/polish | 1 - .continue/skills/quieter | 1 - .continue/skills/teach-impeccable | 1 - .continue/skills/typeset | 1 - .crush/skills/adapt | 1 - .crush/skills/animate | 1 - .crush/skills/arrange | 1 - .crush/skills/audit | 1 - .crush/skills/bolder | 1 - .crush/skills/clarify | 1 - .crush/skills/colorize | 1 - .crush/skills/critique | 1 - .crush/skills/delight | 1 - .crush/skills/distill | 1 - .crush/skills/extract | 1 - .crush/skills/frontend-design | 1 - .crush/skills/harden | 1 - .crush/skills/mobile-android-design | 1 - .crush/skills/normalize | 1 - .crush/skills/onboard | 1 - .crush/skills/optimize | 1 - .crush/skills/overdrive | 1 - .crush/skills/polish | 1 - .crush/skills/quieter | 1 - .crush/skills/teach-impeccable | 1 - .crush/skills/typeset | 1 - .factory/skills/adapt | 1 - .factory/skills/animate | 1 - .factory/skills/arrange | 1 - .factory/skills/audit | 1 - .factory/skills/bolder | 1 - .factory/skills/clarify | 1 - .factory/skills/colorize | 1 - .factory/skills/critique | 1 - .factory/skills/delight | 1 - .factory/skills/distill | 1 - .factory/skills/extract | 1 - .factory/skills/frontend-design | 1 - .factory/skills/harden | 1 - .factory/skills/mobile-android-design | 1 - .factory/skills/normalize | 1 - .factory/skills/onboard | 1 - .factory/skills/optimize | 1 - .factory/skills/overdrive | 1 - .factory/skills/polish | 1 - .factory/skills/quieter | 1 - .factory/skills/teach-impeccable | 1 - .factory/skills/typeset | 1 - .gitignore | 28 +- .junie/skills/adapt | 1 - .junie/skills/animate | 1 - .junie/skills/arrange | 1 - .junie/skills/audit | 1 - .junie/skills/bolder | 1 - .junie/skills/clarify | 1 - .junie/skills/colorize | 1 - .junie/skills/critique | 1 - .junie/skills/delight | 1 - .junie/skills/distill | 1 - .junie/skills/extract | 1 - .junie/skills/frontend-design | 1 - .junie/skills/harden | 1 - .junie/skills/mobile-android-design | 1 - .junie/skills/normalize | 1 - .junie/skills/onboard | 1 - .junie/skills/optimize | 1 - .junie/skills/overdrive | 1 - .junie/skills/polish | 1 - .junie/skills/quieter | 1 - .junie/skills/teach-impeccable | 1 - .junie/skills/typeset | 1 - .kilocode/skills/adapt | 1 - .kilocode/skills/animate | 1 - .kilocode/skills/arrange | 1 - .kilocode/skills/audit | 1 - .kilocode/skills/bolder | 1 - .kilocode/skills/clarify | 1 - .kilocode/skills/colorize | 1 - .kilocode/skills/critique | 1 - .kilocode/skills/delight | 1 - .kilocode/skills/distill | 1 - .kilocode/skills/extract | 1 - .kilocode/skills/frontend-design | 1 - .kilocode/skills/harden | 1 - .kilocode/skills/mobile-android-design | 1 - .kilocode/skills/normalize | 1 - .kilocode/skills/onboard | 1 - .kilocode/skills/optimize | 1 - .kilocode/skills/overdrive | 1 - .kilocode/skills/polish | 1 - .kilocode/skills/quieter | 1 - .kilocode/skills/teach-impeccable | 1 - .kilocode/skills/typeset | 1 - .kiro/skills/adapt | 1 - .kiro/skills/animate | 1 - .kiro/skills/arrange | 1 - .kiro/skills/audit | 1 - .kiro/skills/bolder | 1 - .kiro/skills/clarify | 1 - .kiro/skills/colorize | 1 - .kiro/skills/critique | 1 - .kiro/skills/delight | 1 - .kiro/skills/distill | 1 - .kiro/skills/extract | 1 - .kiro/skills/frontend-design | 1 - .kiro/skills/harden | 1 - .kiro/skills/mobile-android-design | 1 - .kiro/skills/normalize | 1 - .kiro/skills/onboard | 1 - .kiro/skills/optimize | 1 - .kiro/skills/overdrive | 1 - .kiro/skills/polish | 1 - .kiro/skills/quieter | 1 - .kiro/skills/teach-impeccable | 1 - .kiro/skills/typeset | 1 - .kode/skills/adapt | 1 - .kode/skills/animate | 1 - .kode/skills/arrange | 1 - .kode/skills/audit | 1 - .kode/skills/bolder | 1 - .kode/skills/clarify | 1 - .kode/skills/colorize | 1 - .kode/skills/critique | 1 - .kode/skills/delight | 1 - .kode/skills/distill | 1 - .kode/skills/extract | 1 - .kode/skills/frontend-design | 1 - .kode/skills/harden | 1 - .kode/skills/mobile-android-design | 1 - .kode/skills/normalize | 1 - .kode/skills/onboard | 1 - .kode/skills/optimize | 1 - .kode/skills/overdrive | 1 - .kode/skills/polish | 1 - .kode/skills/quieter | 1 - .kode/skills/teach-impeccable | 1 - .kode/skills/typeset | 1 - .mcpjam/skills/adapt | 1 - .mcpjam/skills/animate | 1 - .mcpjam/skills/arrange | 1 - .mcpjam/skills/audit | 1 - .mcpjam/skills/bolder | 1 - .mcpjam/skills/clarify | 1 - .mcpjam/skills/colorize | 1 - .mcpjam/skills/critique | 1 - .mcpjam/skills/delight | 1 - .mcpjam/skills/distill | 1 - .mcpjam/skills/extract | 1 - .mcpjam/skills/frontend-design | 1 - .mcpjam/skills/harden | 1 - .mcpjam/skills/mobile-android-design | 1 - .mcpjam/skills/normalize | 1 - .mcpjam/skills/onboard | 1 - .mcpjam/skills/optimize | 1 - .mcpjam/skills/overdrive | 1 - .mcpjam/skills/polish | 1 - .mcpjam/skills/quieter | 1 - .mcpjam/skills/teach-impeccable | 1 - .mcpjam/skills/typeset | 1 - .mux/skills/adapt | 1 - .mux/skills/animate | 1 - .mux/skills/arrange | 1 - .mux/skills/audit | 1 - .mux/skills/bolder | 1 - .mux/skills/clarify | 1 - .mux/skills/colorize | 1 - .mux/skills/critique | 1 - .mux/skills/delight | 1 - .mux/skills/distill | 1 - .mux/skills/extract | 1 - .mux/skills/frontend-design | 1 - .mux/skills/harden | 1 - .mux/skills/mobile-android-design | 1 - .mux/skills/normalize | 1 - .mux/skills/onboard | 1 - .mux/skills/optimize | 1 - .mux/skills/overdrive | 1 - .mux/skills/polish | 1 - .mux/skills/quieter | 1 - .mux/skills/teach-impeccable | 1 - .mux/skills/typeset | 1 - .neovate/skills/adapt | 1 - .neovate/skills/animate | 1 - .neovate/skills/arrange | 1 - .neovate/skills/audit | 1 - .neovate/skills/bolder | 1 - .neovate/skills/clarify | 1 - .neovate/skills/colorize | 1 - .neovate/skills/critique | 1 - .neovate/skills/delight | 1 - .neovate/skills/distill | 1 - .neovate/skills/extract | 1 - .neovate/skills/frontend-design | 1 - .neovate/skills/harden | 1 - .neovate/skills/mobile-android-design | 1 - .neovate/skills/normalize | 1 - .neovate/skills/onboard | 1 - .neovate/skills/optimize | 1 - .neovate/skills/overdrive | 1 - .neovate/skills/polish | 1 - .neovate/skills/quieter | 1 - .neovate/skills/teach-impeccable | 1 - .neovate/skills/typeset | 1 - .openhands/skills/adapt | 1 - .openhands/skills/animate | 1 - .openhands/skills/arrange | 1 - .openhands/skills/audit | 1 - .openhands/skills/bolder | 1 - .openhands/skills/clarify | 1 - .openhands/skills/colorize | 1 - .openhands/skills/critique | 1 - .openhands/skills/delight | 1 - .openhands/skills/distill | 1 - .openhands/skills/extract | 1 - .openhands/skills/frontend-design | 1 - .openhands/skills/harden | 1 - .openhands/skills/mobile-android-design | 1 - .openhands/skills/normalize | 1 - .openhands/skills/onboard | 1 - .openhands/skills/optimize | 1 - .openhands/skills/overdrive | 1 - .openhands/skills/polish | 1 - .openhands/skills/quieter | 1 - .openhands/skills/teach-impeccable | 1 - .openhands/skills/typeset | 1 - .pi/skills/adapt | 1 - .pi/skills/animate | 1 - .pi/skills/arrange | 1 - .pi/skills/audit | 1 - .pi/skills/bolder | 1 - .pi/skills/clarify | 1 - .pi/skills/colorize | 1 - .pi/skills/critique | 1 - .pi/skills/delight | 1 - .pi/skills/distill | 1 - .pi/skills/extract | 1 - .pi/skills/frontend-design | 1 - .pi/skills/harden | 1 - .pi/skills/mobile-android-design | 1 - .pi/skills/normalize | 1 - .pi/skills/onboard | 1 - .pi/skills/optimize | 1 - .pi/skills/overdrive | 1 - .pi/skills/polish | 1 - .pi/skills/quieter | 1 - .pi/skills/teach-impeccable | 1 - .pi/skills/typeset | 1 - .pochi/skills/adapt | 1 - .pochi/skills/animate | 1 - .pochi/skills/arrange | 1 - .pochi/skills/audit | 1 - .pochi/skills/bolder | 1 - .pochi/skills/clarify | 1 - .pochi/skills/colorize | 1 - .pochi/skills/critique | 1 - .pochi/skills/delight | 1 - .pochi/skills/distill | 1 - .pochi/skills/extract | 1 - .pochi/skills/frontend-design | 1 - .pochi/skills/harden | 1 - .pochi/skills/mobile-android-design | 1 - .pochi/skills/normalize | 1 - .pochi/skills/onboard | 1 - .pochi/skills/optimize | 1 - .pochi/skills/overdrive | 1 - .pochi/skills/polish | 1 - .pochi/skills/quieter | 1 - .pochi/skills/teach-impeccable | 1 - .pochi/skills/typeset | 1 - .qoder/skills/adapt | 1 - .qoder/skills/animate | 1 - .qoder/skills/arrange | 1 - .qoder/skills/audit | 1 - .qoder/skills/bolder | 1 - .qoder/skills/clarify | 1 - .qoder/skills/colorize | 1 - .qoder/skills/critique | 1 - .qoder/skills/delight | 1 - .qoder/skills/distill | 1 - .qoder/skills/extract | 1 - .qoder/skills/frontend-design | 1 - .qoder/skills/harden | 1 - .qoder/skills/mobile-android-design | 1 - .qoder/skills/normalize | 1 - .qoder/skills/onboard | 1 - .qoder/skills/optimize | 1 - .qoder/skills/overdrive | 1 - .qoder/skills/polish | 1 - .qoder/skills/quieter | 1 - .qoder/skills/teach-impeccable | 1 - .qoder/skills/typeset | 1 - .qwen/skills/adapt | 1 - .qwen/skills/animate | 1 - .qwen/skills/arrange | 1 - .qwen/skills/audit | 1 - .qwen/skills/bolder | 1 - .qwen/skills/clarify | 1 - .qwen/skills/colorize | 1 - .qwen/skills/critique | 1 - .qwen/skills/delight | 1 - .qwen/skills/distill | 1 - .qwen/skills/extract | 1 - .qwen/skills/frontend-design | 1 - .qwen/skills/harden | 1 - .qwen/skills/mobile-android-design | 1 - .qwen/skills/normalize | 1 - .qwen/skills/onboard | 1 - .qwen/skills/optimize | 1 - .qwen/skills/overdrive | 1 - .qwen/skills/polish | 1 - .qwen/skills/quieter | 1 - .qwen/skills/teach-impeccable | 1 - .qwen/skills/typeset | 1 - .roo/skills/adapt | 1 - .roo/skills/animate | 1 - .roo/skills/arrange | 1 - .roo/skills/audit | 1 - .roo/skills/bolder | 1 - .roo/skills/clarify | 1 - .roo/skills/colorize | 1 - .roo/skills/critique | 1 - .roo/skills/delight | 1 - .roo/skills/distill | 1 - .roo/skills/extract | 1 - .roo/skills/frontend-design | 1 - .roo/skills/harden | 1 - .roo/skills/mobile-android-design | 1 - .roo/skills/normalize | 1 - .roo/skills/onboard | 1 - .roo/skills/optimize | 1 - .roo/skills/overdrive | 1 - .roo/skills/polish | 1 - .roo/skills/quieter | 1 - .roo/skills/teach-impeccable | 1 - .roo/skills/typeset | 1 - .trae/skills/adapt | 1 - .trae/skills/animate | 1 - .trae/skills/arrange | 1 - .trae/skills/audit | 1 - .trae/skills/bolder | 1 - .trae/skills/clarify | 1 - .trae/skills/colorize | 1 - .trae/skills/critique | 1 - .trae/skills/delight | 1 - .trae/skills/distill | 1 - .trae/skills/extract | 1 - .trae/skills/frontend-design | 1 - .trae/skills/harden | 1 - .trae/skills/mobile-android-design | 1 - .trae/skills/normalize | 1 - .trae/skills/onboard | 1 - .trae/skills/optimize | 1 - .trae/skills/overdrive | 1 - .trae/skills/polish | 1 - .trae/skills/quieter | 1 - .trae/skills/teach-impeccable | 1 - .trae/skills/typeset | 1 - .windsurf/skills/adapt | 1 - .windsurf/skills/animate | 1 - .windsurf/skills/arrange | 1 - .windsurf/skills/audit | 1 - .windsurf/skills/bolder | 1 - .windsurf/skills/clarify | 1 - .windsurf/skills/colorize | 1 - .windsurf/skills/critique | 1 - .windsurf/skills/delight | 1 - .windsurf/skills/distill | 1 - .windsurf/skills/extract | 1 - .windsurf/skills/frontend-design | 1 - .windsurf/skills/harden | 1 - .windsurf/skills/mobile-android-design | 1 - .windsurf/skills/normalize | 1 - .windsurf/skills/onboard | 1 - .windsurf/skills/optimize | 1 - .windsurf/skills/overdrive | 1 - .windsurf/skills/polish | 1 - .windsurf/skills/quieter | 1 - .windsurf/skills/teach-impeccable | 1 - .windsurf/skills/typeset | 1 - .zencoder/skills/adapt | 1 - .zencoder/skills/animate | 1 - .zencoder/skills/arrange | 1 - .zencoder/skills/audit | 1 - .zencoder/skills/bolder | 1 - .zencoder/skills/clarify | 1 - .zencoder/skills/colorize | 1 - .zencoder/skills/critique | 1 - .zencoder/skills/delight | 1 - .zencoder/skills/distill | 1 - .zencoder/skills/extract | 1 - .zencoder/skills/frontend-design | 1 - .zencoder/skills/harden | 1 - .zencoder/skills/mobile-android-design | 1 - .zencoder/skills/normalize | 1 - .zencoder/skills/onboard | 1 - .zencoder/skills/optimize | 1 - .zencoder/skills/overdrive | 1 - .zencoder/skills/polish | 1 - .zencoder/skills/quieter | 1 - .zencoder/skills/teach-impeccable | 1 - .zencoder/skills/typeset | 1 - 520 files changed, 27 insertions(+), 7925 deletions(-) delete mode 100644 .agents/skills/adapt/SKILL.md delete mode 100644 .agents/skills/animate/SKILL.md delete mode 100644 .agents/skills/arrange/SKILL.md delete mode 100644 .agents/skills/audit/SKILL.md delete mode 100644 .agents/skills/bolder/SKILL.md delete mode 100644 .agents/skills/clarify/SKILL.md delete mode 100644 .agents/skills/colorize/SKILL.md delete mode 100644 .agents/skills/critique/SKILL.md delete mode 100644 .agents/skills/critique/reference/cognitive-load.md delete mode 100644 .agents/skills/critique/reference/heuristics-scoring.md delete mode 100644 .agents/skills/critique/reference/personas.md delete mode 100644 .agents/skills/delight/SKILL.md delete mode 100644 .agents/skills/distill/SKILL.md delete mode 100644 .agents/skills/extract/SKILL.md delete mode 100644 .agents/skills/frontend-design/SKILL.md delete mode 100644 .agents/skills/frontend-design/reference/color-and-contrast.md delete mode 100644 .agents/skills/frontend-design/reference/interaction-design.md delete mode 100644 .agents/skills/frontend-design/reference/motion-design.md delete mode 100644 .agents/skills/frontend-design/reference/responsive-design.md delete mode 100644 .agents/skills/frontend-design/reference/spatial-design.md delete mode 100644 .agents/skills/frontend-design/reference/typography.md delete mode 100644 .agents/skills/frontend-design/reference/ux-writing.md delete mode 100644 .agents/skills/harden/SKILL.md delete mode 100644 .agents/skills/mobile-android-design/SKILL.md delete mode 100644 .agents/skills/mobile-android-design/references/android-navigation.md delete mode 100644 .agents/skills/mobile-android-design/references/compose-components.md delete mode 100644 .agents/skills/mobile-android-design/references/material3-theming.md delete mode 100644 .agents/skills/normalize/SKILL.md delete mode 100644 .agents/skills/onboard/SKILL.md delete mode 100644 .agents/skills/optimize/SKILL.md delete mode 100644 .agents/skills/overdrive/SKILL.md delete mode 100644 .agents/skills/polish/SKILL.md delete mode 100644 .agents/skills/quieter/SKILL.md delete mode 100644 .agents/skills/teach-impeccable/SKILL.md delete mode 100644 .agents/skills/typeset/SKILL.md delete mode 120000 .claude/skills/adapt delete mode 120000 .claude/skills/animate delete mode 120000 .claude/skills/arrange delete mode 120000 .claude/skills/audit delete mode 120000 .claude/skills/bolder delete mode 120000 .claude/skills/clarify delete mode 120000 .claude/skills/colorize delete mode 120000 .claude/skills/critique delete mode 120000 .claude/skills/delight delete mode 120000 .claude/skills/distill delete mode 120000 .claude/skills/extract delete mode 120000 .claude/skills/frontend-design delete mode 120000 .claude/skills/harden delete mode 120000 .claude/skills/mobile-android-design delete mode 120000 .claude/skills/normalize delete mode 120000 .claude/skills/onboard delete mode 120000 .claude/skills/optimize delete mode 120000 .claude/skills/overdrive delete mode 120000 .claude/skills/polish delete mode 120000 .claude/skills/quieter delete mode 120000 .claude/skills/teach-impeccable delete mode 120000 .claude/skills/typeset delete mode 120000 .codebuddy/skills/adapt delete mode 120000 .codebuddy/skills/animate delete mode 120000 .codebuddy/skills/arrange delete mode 120000 .codebuddy/skills/audit delete mode 120000 .codebuddy/skills/bolder delete mode 120000 .codebuddy/skills/clarify delete mode 120000 .codebuddy/skills/colorize delete mode 120000 .codebuddy/skills/critique delete mode 120000 .codebuddy/skills/delight delete mode 120000 .codebuddy/skills/distill delete mode 120000 .codebuddy/skills/extract delete mode 120000 .codebuddy/skills/frontend-design delete mode 120000 .codebuddy/skills/harden delete mode 120000 .codebuddy/skills/mobile-android-design delete mode 120000 .codebuddy/skills/normalize delete mode 120000 .codebuddy/skills/onboard delete mode 120000 .codebuddy/skills/optimize delete mode 120000 .codebuddy/skills/overdrive delete mode 120000 .codebuddy/skills/polish delete mode 120000 .codebuddy/skills/quieter delete mode 120000 .codebuddy/skills/teach-impeccable delete mode 120000 .codebuddy/skills/typeset delete mode 120000 .commandcode/skills/adapt delete mode 120000 .commandcode/skills/animate delete mode 120000 .commandcode/skills/arrange delete mode 120000 .commandcode/skills/audit delete mode 120000 .commandcode/skills/bolder delete mode 120000 .commandcode/skills/clarify delete mode 120000 .commandcode/skills/colorize delete mode 120000 .commandcode/skills/critique delete mode 120000 .commandcode/skills/delight delete mode 120000 .commandcode/skills/distill delete mode 120000 .commandcode/skills/extract delete mode 120000 .commandcode/skills/frontend-design delete mode 120000 .commandcode/skills/harden delete mode 120000 .commandcode/skills/mobile-android-design delete mode 120000 .commandcode/skills/normalize delete mode 120000 .commandcode/skills/onboard delete mode 120000 .commandcode/skills/optimize delete mode 120000 .commandcode/skills/overdrive delete mode 120000 .commandcode/skills/polish delete mode 120000 .commandcode/skills/quieter delete mode 120000 .commandcode/skills/teach-impeccable delete mode 120000 .commandcode/skills/typeset delete mode 120000 .continue/skills/adapt delete mode 120000 .continue/skills/animate delete mode 120000 .continue/skills/arrange delete mode 120000 .continue/skills/audit delete mode 120000 .continue/skills/bolder delete mode 120000 .continue/skills/clarify delete mode 120000 .continue/skills/colorize delete mode 120000 .continue/skills/critique delete mode 120000 .continue/skills/delight delete mode 120000 .continue/skills/distill delete mode 120000 .continue/skills/extract delete mode 120000 .continue/skills/frontend-design delete mode 120000 .continue/skills/harden delete mode 120000 .continue/skills/mobile-android-design delete mode 120000 .continue/skills/normalize delete mode 120000 .continue/skills/onboard delete mode 120000 .continue/skills/optimize delete mode 120000 .continue/skills/overdrive delete mode 120000 .continue/skills/polish delete mode 120000 .continue/skills/quieter delete mode 120000 .continue/skills/teach-impeccable delete mode 120000 .continue/skills/typeset delete mode 120000 .crush/skills/adapt delete mode 120000 .crush/skills/animate delete mode 120000 .crush/skills/arrange delete mode 120000 .crush/skills/audit delete mode 120000 .crush/skills/bolder delete mode 120000 .crush/skills/clarify delete mode 120000 .crush/skills/colorize delete mode 120000 .crush/skills/critique delete mode 120000 .crush/skills/delight delete mode 120000 .crush/skills/distill delete mode 120000 .crush/skills/extract delete mode 120000 .crush/skills/frontend-design delete mode 120000 .crush/skills/harden delete mode 120000 .crush/skills/mobile-android-design delete mode 120000 .crush/skills/normalize delete mode 120000 .crush/skills/onboard delete mode 120000 .crush/skills/optimize delete mode 120000 .crush/skills/overdrive delete mode 120000 .crush/skills/polish delete mode 120000 .crush/skills/quieter delete mode 120000 .crush/skills/teach-impeccable delete mode 120000 .crush/skills/typeset delete mode 120000 .factory/skills/adapt delete mode 120000 .factory/skills/animate delete mode 120000 .factory/skills/arrange delete mode 120000 .factory/skills/audit delete mode 120000 .factory/skills/bolder delete mode 120000 .factory/skills/clarify delete mode 120000 .factory/skills/colorize delete mode 120000 .factory/skills/critique delete mode 120000 .factory/skills/delight delete mode 120000 .factory/skills/distill delete mode 120000 .factory/skills/extract delete mode 120000 .factory/skills/frontend-design delete mode 120000 .factory/skills/harden delete mode 120000 .factory/skills/mobile-android-design delete mode 120000 .factory/skills/normalize delete mode 120000 .factory/skills/onboard delete mode 120000 .factory/skills/optimize delete mode 120000 .factory/skills/overdrive delete mode 120000 .factory/skills/polish delete mode 120000 .factory/skills/quieter delete mode 120000 .factory/skills/teach-impeccable delete mode 120000 .factory/skills/typeset delete mode 120000 .junie/skills/adapt delete mode 120000 .junie/skills/animate delete mode 120000 .junie/skills/arrange delete mode 120000 .junie/skills/audit delete mode 120000 .junie/skills/bolder delete mode 120000 .junie/skills/clarify delete mode 120000 .junie/skills/colorize delete mode 120000 .junie/skills/critique delete mode 120000 .junie/skills/delight delete mode 120000 .junie/skills/distill delete mode 120000 .junie/skills/extract delete mode 120000 .junie/skills/frontend-design delete mode 120000 .junie/skills/harden delete mode 120000 .junie/skills/mobile-android-design delete mode 120000 .junie/skills/normalize delete mode 120000 .junie/skills/onboard delete mode 120000 .junie/skills/optimize delete mode 120000 .junie/skills/overdrive delete mode 120000 .junie/skills/polish delete mode 120000 .junie/skills/quieter delete mode 120000 .junie/skills/teach-impeccable delete mode 120000 .junie/skills/typeset delete mode 120000 .kilocode/skills/adapt delete mode 120000 .kilocode/skills/animate delete mode 120000 .kilocode/skills/arrange delete mode 120000 .kilocode/skills/audit delete mode 120000 .kilocode/skills/bolder delete mode 120000 .kilocode/skills/clarify delete mode 120000 .kilocode/skills/colorize delete mode 120000 .kilocode/skills/critique delete mode 120000 .kilocode/skills/delight delete mode 120000 .kilocode/skills/distill delete mode 120000 .kilocode/skills/extract delete mode 120000 .kilocode/skills/frontend-design delete mode 120000 .kilocode/skills/harden delete mode 120000 .kilocode/skills/mobile-android-design delete mode 120000 .kilocode/skills/normalize delete mode 120000 .kilocode/skills/onboard delete mode 120000 .kilocode/skills/optimize delete mode 120000 .kilocode/skills/overdrive delete mode 120000 .kilocode/skills/polish delete mode 120000 .kilocode/skills/quieter delete mode 120000 .kilocode/skills/teach-impeccable delete mode 120000 .kilocode/skills/typeset delete mode 120000 .kiro/skills/adapt delete mode 120000 .kiro/skills/animate delete mode 120000 .kiro/skills/arrange delete mode 120000 .kiro/skills/audit delete mode 120000 .kiro/skills/bolder delete mode 120000 .kiro/skills/clarify delete mode 120000 .kiro/skills/colorize delete mode 120000 .kiro/skills/critique delete mode 120000 .kiro/skills/delight delete mode 120000 .kiro/skills/distill delete mode 120000 .kiro/skills/extract delete mode 120000 .kiro/skills/frontend-design delete mode 120000 .kiro/skills/harden delete mode 120000 .kiro/skills/mobile-android-design delete mode 120000 .kiro/skills/normalize delete mode 120000 .kiro/skills/onboard delete mode 120000 .kiro/skills/optimize delete mode 120000 .kiro/skills/overdrive delete mode 120000 .kiro/skills/polish delete mode 120000 .kiro/skills/quieter delete mode 120000 .kiro/skills/teach-impeccable delete mode 120000 .kiro/skills/typeset delete mode 120000 .kode/skills/adapt delete mode 120000 .kode/skills/animate delete mode 120000 .kode/skills/arrange delete mode 120000 .kode/skills/audit delete mode 120000 .kode/skills/bolder delete mode 120000 .kode/skills/clarify delete mode 120000 .kode/skills/colorize delete mode 120000 .kode/skills/critique delete mode 120000 .kode/skills/delight delete mode 120000 .kode/skills/distill delete mode 120000 .kode/skills/extract delete mode 120000 .kode/skills/frontend-design delete mode 120000 .kode/skills/harden delete mode 120000 .kode/skills/mobile-android-design delete mode 120000 .kode/skills/normalize delete mode 120000 .kode/skills/onboard delete mode 120000 .kode/skills/optimize delete mode 120000 .kode/skills/overdrive delete mode 120000 .kode/skills/polish delete mode 120000 .kode/skills/quieter delete mode 120000 .kode/skills/teach-impeccable delete mode 120000 .kode/skills/typeset delete mode 120000 .mcpjam/skills/adapt delete mode 120000 .mcpjam/skills/animate delete mode 120000 .mcpjam/skills/arrange delete mode 120000 .mcpjam/skills/audit delete mode 120000 .mcpjam/skills/bolder delete mode 120000 .mcpjam/skills/clarify delete mode 120000 .mcpjam/skills/colorize delete mode 120000 .mcpjam/skills/critique delete mode 120000 .mcpjam/skills/delight delete mode 120000 .mcpjam/skills/distill delete mode 120000 .mcpjam/skills/extract delete mode 120000 .mcpjam/skills/frontend-design delete mode 120000 .mcpjam/skills/harden delete mode 120000 .mcpjam/skills/mobile-android-design delete mode 120000 .mcpjam/skills/normalize delete mode 120000 .mcpjam/skills/onboard delete mode 120000 .mcpjam/skills/optimize delete mode 120000 .mcpjam/skills/overdrive delete mode 120000 .mcpjam/skills/polish delete mode 120000 .mcpjam/skills/quieter delete mode 120000 .mcpjam/skills/teach-impeccable delete mode 120000 .mcpjam/skills/typeset delete mode 120000 .mux/skills/adapt delete mode 120000 .mux/skills/animate delete mode 120000 .mux/skills/arrange delete mode 120000 .mux/skills/audit delete mode 120000 .mux/skills/bolder delete mode 120000 .mux/skills/clarify delete mode 120000 .mux/skills/colorize delete mode 120000 .mux/skills/critique delete mode 120000 .mux/skills/delight delete mode 120000 .mux/skills/distill delete mode 120000 .mux/skills/extract delete mode 120000 .mux/skills/frontend-design delete mode 120000 .mux/skills/harden delete mode 120000 .mux/skills/mobile-android-design delete mode 120000 .mux/skills/normalize delete mode 120000 .mux/skills/onboard delete mode 120000 .mux/skills/optimize delete mode 120000 .mux/skills/overdrive delete mode 120000 .mux/skills/polish delete mode 120000 .mux/skills/quieter delete mode 120000 .mux/skills/teach-impeccable delete mode 120000 .mux/skills/typeset delete mode 120000 .neovate/skills/adapt delete mode 120000 .neovate/skills/animate delete mode 120000 .neovate/skills/arrange delete mode 120000 .neovate/skills/audit delete mode 120000 .neovate/skills/bolder delete mode 120000 .neovate/skills/clarify delete mode 120000 .neovate/skills/colorize delete mode 120000 .neovate/skills/critique delete mode 120000 .neovate/skills/delight delete mode 120000 .neovate/skills/distill delete mode 120000 .neovate/skills/extract delete mode 120000 .neovate/skills/frontend-design delete mode 120000 .neovate/skills/harden delete mode 120000 .neovate/skills/mobile-android-design delete mode 120000 .neovate/skills/normalize delete mode 120000 .neovate/skills/onboard delete mode 120000 .neovate/skills/optimize delete mode 120000 .neovate/skills/overdrive delete mode 120000 .neovate/skills/polish delete mode 120000 .neovate/skills/quieter delete mode 120000 .neovate/skills/teach-impeccable delete mode 120000 .neovate/skills/typeset delete mode 120000 .openhands/skills/adapt delete mode 120000 .openhands/skills/animate delete mode 120000 .openhands/skills/arrange delete mode 120000 .openhands/skills/audit delete mode 120000 .openhands/skills/bolder delete mode 120000 .openhands/skills/clarify delete mode 120000 .openhands/skills/colorize delete mode 120000 .openhands/skills/critique delete mode 120000 .openhands/skills/delight delete mode 120000 .openhands/skills/distill delete mode 120000 .openhands/skills/extract delete mode 120000 .openhands/skills/frontend-design delete mode 120000 .openhands/skills/harden delete mode 120000 .openhands/skills/mobile-android-design delete mode 120000 .openhands/skills/normalize delete mode 120000 .openhands/skills/onboard delete mode 120000 .openhands/skills/optimize delete mode 120000 .openhands/skills/overdrive delete mode 120000 .openhands/skills/polish delete mode 120000 .openhands/skills/quieter delete mode 120000 .openhands/skills/teach-impeccable delete mode 120000 .openhands/skills/typeset delete mode 120000 .pi/skills/adapt delete mode 120000 .pi/skills/animate delete mode 120000 .pi/skills/arrange delete mode 120000 .pi/skills/audit delete mode 120000 .pi/skills/bolder delete mode 120000 .pi/skills/clarify delete mode 120000 .pi/skills/colorize delete mode 120000 .pi/skills/critique delete mode 120000 .pi/skills/delight delete mode 120000 .pi/skills/distill delete mode 120000 .pi/skills/extract delete mode 120000 .pi/skills/frontend-design delete mode 120000 .pi/skills/harden delete mode 120000 .pi/skills/mobile-android-design delete mode 120000 .pi/skills/normalize delete mode 120000 .pi/skills/onboard delete mode 120000 .pi/skills/optimize delete mode 120000 .pi/skills/overdrive delete mode 120000 .pi/skills/polish delete mode 120000 .pi/skills/quieter delete mode 120000 .pi/skills/teach-impeccable delete mode 120000 .pi/skills/typeset delete mode 120000 .pochi/skills/adapt delete mode 120000 .pochi/skills/animate delete mode 120000 .pochi/skills/arrange delete mode 120000 .pochi/skills/audit delete mode 120000 .pochi/skills/bolder delete mode 120000 .pochi/skills/clarify delete mode 120000 .pochi/skills/colorize delete mode 120000 .pochi/skills/critique delete mode 120000 .pochi/skills/delight delete mode 120000 .pochi/skills/distill delete mode 120000 .pochi/skills/extract delete mode 120000 .pochi/skills/frontend-design delete mode 120000 .pochi/skills/harden delete mode 120000 .pochi/skills/mobile-android-design delete mode 120000 .pochi/skills/normalize delete mode 120000 .pochi/skills/onboard delete mode 120000 .pochi/skills/optimize delete mode 120000 .pochi/skills/overdrive delete mode 120000 .pochi/skills/polish delete mode 120000 .pochi/skills/quieter delete mode 120000 .pochi/skills/teach-impeccable delete mode 120000 .pochi/skills/typeset delete mode 120000 .qoder/skills/adapt delete mode 120000 .qoder/skills/animate delete mode 120000 .qoder/skills/arrange delete mode 120000 .qoder/skills/audit delete mode 120000 .qoder/skills/bolder delete mode 120000 .qoder/skills/clarify delete mode 120000 .qoder/skills/colorize delete mode 120000 .qoder/skills/critique delete mode 120000 .qoder/skills/delight delete mode 120000 .qoder/skills/distill delete mode 120000 .qoder/skills/extract delete mode 120000 .qoder/skills/frontend-design delete mode 120000 .qoder/skills/harden delete mode 120000 .qoder/skills/mobile-android-design delete mode 120000 .qoder/skills/normalize delete mode 120000 .qoder/skills/onboard delete mode 120000 .qoder/skills/optimize delete mode 120000 .qoder/skills/overdrive delete mode 120000 .qoder/skills/polish delete mode 120000 .qoder/skills/quieter delete mode 120000 .qoder/skills/teach-impeccable delete mode 120000 .qoder/skills/typeset delete mode 120000 .qwen/skills/adapt delete mode 120000 .qwen/skills/animate delete mode 120000 .qwen/skills/arrange delete mode 120000 .qwen/skills/audit delete mode 120000 .qwen/skills/bolder delete mode 120000 .qwen/skills/clarify delete mode 120000 .qwen/skills/colorize delete mode 120000 .qwen/skills/critique delete mode 120000 .qwen/skills/delight delete mode 120000 .qwen/skills/distill delete mode 120000 .qwen/skills/extract delete mode 120000 .qwen/skills/frontend-design delete mode 120000 .qwen/skills/harden delete mode 120000 .qwen/skills/mobile-android-design delete mode 120000 .qwen/skills/normalize delete mode 120000 .qwen/skills/onboard delete mode 120000 .qwen/skills/optimize delete mode 120000 .qwen/skills/overdrive delete mode 120000 .qwen/skills/polish delete mode 120000 .qwen/skills/quieter delete mode 120000 .qwen/skills/teach-impeccable delete mode 120000 .qwen/skills/typeset delete mode 120000 .roo/skills/adapt delete mode 120000 .roo/skills/animate delete mode 120000 .roo/skills/arrange delete mode 120000 .roo/skills/audit delete mode 120000 .roo/skills/bolder delete mode 120000 .roo/skills/clarify delete mode 120000 .roo/skills/colorize delete mode 120000 .roo/skills/critique delete mode 120000 .roo/skills/delight delete mode 120000 .roo/skills/distill delete mode 120000 .roo/skills/extract delete mode 120000 .roo/skills/frontend-design delete mode 120000 .roo/skills/harden delete mode 120000 .roo/skills/mobile-android-design delete mode 120000 .roo/skills/normalize delete mode 120000 .roo/skills/onboard delete mode 120000 .roo/skills/optimize delete mode 120000 .roo/skills/overdrive delete mode 120000 .roo/skills/polish delete mode 120000 .roo/skills/quieter delete mode 120000 .roo/skills/teach-impeccable delete mode 120000 .roo/skills/typeset delete mode 120000 .trae/skills/adapt delete mode 120000 .trae/skills/animate delete mode 120000 .trae/skills/arrange delete mode 120000 .trae/skills/audit delete mode 120000 .trae/skills/bolder delete mode 120000 .trae/skills/clarify delete mode 120000 .trae/skills/colorize delete mode 120000 .trae/skills/critique delete mode 120000 .trae/skills/delight delete mode 120000 .trae/skills/distill delete mode 120000 .trae/skills/extract delete mode 120000 .trae/skills/frontend-design delete mode 120000 .trae/skills/harden delete mode 120000 .trae/skills/mobile-android-design delete mode 120000 .trae/skills/normalize delete mode 120000 .trae/skills/onboard delete mode 120000 .trae/skills/optimize delete mode 120000 .trae/skills/overdrive delete mode 120000 .trae/skills/polish delete mode 120000 .trae/skills/quieter delete mode 120000 .trae/skills/teach-impeccable delete mode 120000 .trae/skills/typeset delete mode 120000 .windsurf/skills/adapt delete mode 120000 .windsurf/skills/animate delete mode 120000 .windsurf/skills/arrange delete mode 120000 .windsurf/skills/audit delete mode 120000 .windsurf/skills/bolder delete mode 120000 .windsurf/skills/clarify delete mode 120000 .windsurf/skills/colorize delete mode 120000 .windsurf/skills/critique delete mode 120000 .windsurf/skills/delight delete mode 120000 .windsurf/skills/distill delete mode 120000 .windsurf/skills/extract delete mode 120000 .windsurf/skills/frontend-design delete mode 120000 .windsurf/skills/harden delete mode 120000 .windsurf/skills/mobile-android-design delete mode 120000 .windsurf/skills/normalize delete mode 120000 .windsurf/skills/onboard delete mode 120000 .windsurf/skills/optimize delete mode 120000 .windsurf/skills/overdrive delete mode 120000 .windsurf/skills/polish delete mode 120000 .windsurf/skills/quieter delete mode 120000 .windsurf/skills/teach-impeccable delete mode 120000 .windsurf/skills/typeset delete mode 120000 .zencoder/skills/adapt delete mode 120000 .zencoder/skills/animate delete mode 120000 .zencoder/skills/arrange delete mode 120000 .zencoder/skills/audit delete mode 120000 .zencoder/skills/bolder delete mode 120000 .zencoder/skills/clarify delete mode 120000 .zencoder/skills/colorize delete mode 120000 .zencoder/skills/critique delete mode 120000 .zencoder/skills/delight delete mode 120000 .zencoder/skills/distill delete mode 120000 .zencoder/skills/extract delete mode 120000 .zencoder/skills/frontend-design delete mode 120000 .zencoder/skills/harden delete mode 120000 .zencoder/skills/mobile-android-design delete mode 120000 .zencoder/skills/normalize delete mode 120000 .zencoder/skills/onboard delete mode 120000 .zencoder/skills/optimize delete mode 120000 .zencoder/skills/overdrive delete mode 120000 .zencoder/skills/polish delete mode 120000 .zencoder/skills/quieter delete mode 120000 .zencoder/skills/teach-impeccable delete mode 120000 .zencoder/skills/typeset diff --git a/.agents/skills/adapt/SKILL.md b/.agents/skills/adapt/SKILL.md deleted file mode 100644 index 165c66dc..00000000 --- a/.agents/skills/adapt/SKILL.md +++ /dev/null @@ -1,198 +0,0 @@ ---- -name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. -user-invocable: true -argument-hint: "[target] [context (mobile, tablet, print...)]" ---- - -Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: target platforms/devices and usage contexts. - ---- - -## Assess Adaptation Challenge - -Understand what needs adaptation and why: - -1. **Identify the source context**: - - What was it designed for originally? (Desktop web? Mobile app?) - - What assumptions were made? (Large screen? Mouse input? Fast connection?) - - What works well in current context? - -2. **Understand target context**: - - **Device**: Mobile, tablet, desktop, TV, watch, print? - - **Input method**: Touch, mouse, keyboard, voice, gamepad? - - **Screen constraints**: Size, resolution, orientation? - - **Connection**: Fast wifi, slow 3G, offline? - - **Usage context**: On-the-go vs desk, quick glance vs focused reading? - - **User expectations**: What do users expect on this platform? - -3. **Identify adaptation challenges**: - - What won't fit? (Content, navigation, features) - - What won't work? (Hover states on touch, tiny touch targets) - - What's inappropriate? (Desktop patterns on mobile, mobile patterns on desktop) - -**CRITICAL**: Adaptation is not just scaling - it's rethinking the experience for the new context. - -## Plan Adaptation Strategy - -Create context-appropriate strategy: - -### Mobile Adaptation (Desktop → Mobile) - -**Layout Strategy**: -- Single column instead of multi-column -- Vertical stacking instead of side-by-side -- Full-width components instead of fixed widths -- Bottom navigation instead of top/side navigation - -**Interaction Strategy**: -- Touch targets 44x44px minimum (not hover-dependent) -- Swipe gestures where appropriate (lists, carousels) -- Bottom sheets instead of dropdowns -- Thumbs-first design (controls within thumb reach) -- Larger tap areas with more spacing - -**Content Strategy**: -- Progressive disclosure (don't show everything at once) -- Prioritize primary content (secondary content in tabs/accordions) -- Shorter text (more concise) -- Larger text (16px minimum) - -**Navigation Strategy**: -- Hamburger menu or bottom navigation -- Reduce navigation complexity -- Sticky headers for context -- Back button in navigation flow - -### Tablet Adaptation (Hybrid Approach) - -**Layout Strategy**: -- Two-column layouts (not single or three-column) -- Side panels for secondary content -- Master-detail views (list + detail) -- Adaptive based on orientation (portrait vs landscape) - -**Interaction Strategy**: -- Support both touch and pointer -- Touch targets 44x44px but allow denser layouts than phone -- Side navigation drawers -- Multi-column forms where appropriate - -### Desktop Adaptation (Mobile → Desktop) - -**Layout Strategy**: -- Multi-column layouts (use horizontal space) -- Side navigation always visible -- Multiple information panels simultaneously -- Fixed widths with max-width constraints (don't stretch to 4K) - -**Interaction Strategy**: -- Hover states for additional information -- Keyboard shortcuts -- Right-click context menus -- Drag and drop where helpful -- Multi-select with Shift/Cmd - -**Content Strategy**: -- Show more information upfront (less progressive disclosure) -- Data tables with many columns -- Richer visualizations -- More detailed descriptions - -### Print Adaptation (Screen → Print) - -**Layout Strategy**: -- Page breaks at logical points -- Remove navigation, footer, interactive elements -- Black and white (or limited color) -- Proper margins for binding - -**Content Strategy**: -- Expand shortened content (show full URLs, hidden sections) -- Add page numbers, headers, footers -- Include metadata (print date, page title) -- Convert charts to print-friendly versions - -### Email Adaptation (Web → Email) - -**Layout Strategy**: -- Narrow width (600px max) -- Single column only -- Inline CSS (no external stylesheets) -- Table-based layouts (for email client compatibility) - -**Interaction Strategy**: -- Large, obvious CTAs (buttons not text links) -- No hover states (not reliable) -- Deep links to web app for complex interactions - -## Implement Adaptations - -Apply changes systematically: - -### Responsive Breakpoints - -Choose appropriate breakpoints: -- Mobile: 320px-767px -- Tablet: 768px-1023px -- Desktop: 1024px+ -- Or content-driven breakpoints (where design breaks) - -### Layout Adaptation Techniques - -- **CSS Grid/Flexbox**: Reflow layouts automatically -- **Container Queries**: Adapt based on container, not viewport -- **`clamp()`**: Fluid sizing between min and max -- **Media queries**: Different styles for different contexts -- **Display properties**: Show/hide elements per context - -### Touch Adaptation - -- Increase touch target sizes (44x44px minimum) -- Add more spacing between interactive elements -- Remove hover-dependent interactions -- Add touch feedback (ripples, highlights) -- Consider thumb zones (easier to reach bottom than top) - -### Content Adaptation - -- Use `display: none` sparingly (still downloads) -- Progressive enhancement (core content first, enhancements on larger screens) -- Lazy loading for off-screen content -- Responsive images (`srcset`, `picture` element) - -### Navigation Adaptation - -- Transform complex nav to hamburger/drawer on mobile -- Bottom nav bar for mobile apps -- Persistent side navigation on desktop -- Breadcrumbs on smaller screens for context - -**IMPORTANT**: Test on real devices, not just browser DevTools. Device emulation is helpful but not perfect. - -**NEVER**: -- Hide core functionality on mobile (if it matters, make it work) -- Assume desktop = powerful device (consider accessibility, older machines) -- Use different information architecture across contexts (confusing) -- Break user expectations for platform (mobile users expect mobile patterns) -- Forget landscape orientation on mobile/tablet -- Use generic breakpoints blindly (use content-driven breakpoints) -- Ignore touch on desktop (many desktop devices have touch) - -## Verify Adaptations - -Test thoroughly across contexts: - -- **Real devices**: Test on actual phones, tablets, desktops -- **Different orientations**: Portrait and landscape -- **Different browsers**: Safari, Chrome, Firefox, Edge -- **Different OS**: iOS, Android, Windows, macOS -- **Different input methods**: Touch, mouse, keyboard -- **Edge cases**: Very small screens (320px), very large screens (4K) -- **Slow connections**: Test on throttled network - -Remember: You're a cross-platform design expert. Make experiences that feel native to each context while maintaining brand and functionality consistency. Adapt intentionally, test thoroughly. \ No newline at end of file diff --git a/.agents/skills/animate/SKILL.md b/.agents/skills/animate/SKILL.md deleted file mode 100644 index 3d006d15..00000000 --- a/.agents/skills/animate/SKILL.md +++ /dev/null @@ -1,174 +0,0 @@ ---- -name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. -user-invocable: true -argument-hint: "[target]" ---- - -Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: performance constraints. - ---- - -## Assess Animation Opportunities - -Analyze where motion would improve the experience: - -1. **Identify static areas**: - - **Missing feedback**: Actions without visual acknowledgment (button clicks, form submission, etc.) - - **Jarring transitions**: Instant state changes that feel abrupt (show/hide, page loads, route changes) - - **Unclear relationships**: Spatial or hierarchical relationships that aren't obvious - - **Lack of delight**: Functional but joyless interactions - - **Missed guidance**: Opportunities to direct attention or explain behavior - -2. **Understand the context**: - - What's the personality? (Playful vs serious, energetic vs calm) - - What's the performance budget? (Mobile-first? Complex page?) - - Who's the audience? (Motion-sensitive users? Power users who want speed?) - - What matters most? (One hero animation vs many micro-interactions?) - -If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer. - -**CRITICAL**: Respect `prefers-reduced-motion`. Always provide non-animated alternatives for users who need them. - -## Plan Animation Strategy - -Create a purposeful animation plan: - -- **Hero moment**: What's the ONE signature animation? (Page load? Hero section? Key interaction?) -- **Feedback layer**: Which interactions need acknowledgment? -- **Transition layer**: Which state changes need smoothing? -- **Delight layer**: Where can we surprise and delight? - -**IMPORTANT**: One well-orchestrated experience beats scattered animations everywhere. Focus on high-impact moments. - -## Implement Animations - -Add motion systematically across these categories: - -### Entrance Animations -- **Page load choreography**: Stagger element reveals (100-150ms delays), fade + slide combinations -- **Hero section**: Dramatic entrance for primary content (scale, parallax, or creative effects) -- **Content reveals**: Scroll-triggered animations using intersection observer -- **Modal/drawer entry**: Smooth slide + fade, backdrop fade, focus management - -### Micro-interactions -- **Button feedback**: - - Hover: Subtle scale (1.02-1.05), color shift, shadow increase - - Click: Quick scale down then up (0.95 → 1), ripple effect - - Loading: Spinner or pulse state -- **Form interactions**: - - Input focus: Border color transition, slight scale or glow - - Validation: Shake on error, check mark on success, smooth color transitions -- **Toggle switches**: Smooth slide + color transition (200-300ms) -- **Checkboxes/radio**: Check mark animation, ripple effect -- **Like/favorite**: Scale + rotation, particle effects, color transition - -### State Transitions -- **Show/hide**: Fade + slide (not instant), appropriate timing (200-300ms) -- **Expand/collapse**: Height transition with overflow handling, icon rotation -- **Loading states**: Skeleton screen fades, spinner animations, progress bars -- **Success/error**: Color transitions, icon animations, gentle scale pulse -- **Enable/disable**: Opacity transitions, cursor changes - -### Navigation & Flow -- **Page transitions**: Crossfade between routes, shared element transitions -- **Tab switching**: Slide indicator, content fade/slide -- **Carousel/slider**: Smooth transforms, snap points, momentum -- **Scroll effects**: Parallax layers, sticky headers with state changes, scroll progress indicators - -### Feedback & Guidance -- **Hover hints**: Tooltip fade-ins, cursor changes, element highlights -- **Drag & drop**: Lift effect (shadow + scale), drop zone highlights, smooth repositioning -- **Copy/paste**: Brief highlight flash on paste, "copied" confirmation -- **Focus flow**: Highlight path through form or workflow - -### Delight Moments -- **Empty states**: Subtle floating animations on illustrations -- **Completed actions**: Confetti, check mark flourish, success celebrations -- **Easter eggs**: Hidden interactions for discovery -- **Contextual animation**: Weather effects, time-of-day themes, seasonal touches - -## Technical Implementation - -Use appropriate techniques for each animation: - -### Timing & Easing - -**Durations by purpose:** -- **100-150ms**: Instant feedback (button press, toggle) -- **200-300ms**: State changes (hover, menu open) -- **300-500ms**: Layout changes (accordion, modal) -- **500-800ms**: Entrance animations (page load) - -**Easing curves (use these, not CSS defaults):** -```css -/* Recommended - natural deceleration */ ---ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1); /* Smooth, refined */ ---ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1); /* Slightly snappier */ ---ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); /* Confident, decisive */ - -/* AVOID - feel dated and tacky */ -/* bounce: cubic-bezier(0.34, 1.56, 0.64, 1); */ -/* elastic: cubic-bezier(0.68, -0.6, 0.32, 1.6); */ -``` - -**Exit animations are faster than entrances.** Use ~75% of enter duration. - -### CSS Animations -```css -/* Prefer for simple, declarative animations */ -- transitions for state changes -- @keyframes for complex sequences -- transform + opacity only (GPU-accelerated) -``` - -### JavaScript Animation -```javascript -/* Use for complex, interactive animations */ -- Web Animations API for programmatic control -- Framer Motion for React -- GSAP for complex sequences -``` - -### Performance -- **GPU acceleration**: Use `transform` and `opacity`, avoid layout properties -- **will-change**: Add sparingly for known expensive animations -- **Reduce paint**: Minimize repaints, use `contain` where appropriate -- **Monitor FPS**: Ensure 60fps on target devices - -### Accessibility -```css -@media (prefers-reduced-motion: reduce) { - * { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; - } -} -``` - -**NEVER**: -- Use bounce or elastic easing curves—they feel dated and draw attention to the animation itself -- Animate layout properties (width, height, top, left)—use transform instead -- Use durations over 500ms for feedback—it feels laggy -- Animate without purpose—every animation needs a reason -- Ignore `prefers-reduced-motion`—this is an accessibility violation -- Animate everything—animation fatigue makes interfaces feel exhausting -- Block interaction during animations unless intentional - -## Verify Quality - -Test animations thoroughly: - -- **Smooth at 60fps**: No jank on target devices -- **Feels natural**: Easing curves feel organic, not robotic -- **Appropriate timing**: Not too fast (jarring) or too slow (laggy) -- **Reduced motion works**: Animations disabled or simplified appropriately -- **Doesn't block**: Users can interact during/after animations -- **Adds value**: Makes interface clearer or more delightful - -Remember: Motion should enhance understanding and provide feedback, not just add decoration. Animate with purpose, respect performance constraints, and always consider accessibility. Great animation is invisible - it just makes everything feel right. \ No newline at end of file diff --git a/.agents/skills/arrange/SKILL.md b/.agents/skills/arrange/SKILL.md deleted file mode 100644 index ce4cf3ad..00000000 --- a/.agents/skills/arrange/SKILL.md +++ /dev/null @@ -1,124 +0,0 @@ ---- -name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. -user-invocable: true -argument-hint: "[target]" ---- - -Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak — turning generic arrangements into intentional, rhythmic compositions. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. - ---- - -## Assess Current Layout - -Analyze what's weak about the current spatial design: - -1. **Spacing**: - - Is spacing consistent or arbitrary? (Random padding/margin values) - - Is all spacing the same? (Equal padding everywhere = no rhythm) - - Are related elements grouped tightly, with generous space between groups? - -2. **Visual hierarchy**: - - Apply the squint test: blur your (metaphorical) eyes — can you still identify the most important element, second most important, and clear groupings? - - Is hierarchy achieved effectively? (Space and weight alone can be enough — but is the current approach working?) - - Does whitespace guide the eye to what matters? - -3. **Grid & structure**: - - Is there a clear underlying structure, or does the layout feel random? - - Are identical card grids used everywhere? (Icon + heading + text, repeated endlessly) - - Is everything centered? (Left-aligned with asymmetric layouts feels more designed, but not a hard and fast rule) - -4. **Rhythm & variety**: - - Does the layout have visual rhythm? (Alternating tight/generous spacing) - - Is every section structured the same way? (Monotonous repetition) - - Are there intentional moments of surprise or emphasis? - -5. **Density**: - - Is the layout too cramped? (Not enough breathing room) - - Is the layout too sparse? (Excessive whitespace without purpose) - - Does density match the content type? (Data-dense UIs need tighter spacing; marketing pages need more air) - -**CRITICAL**: Layout problems are often the root cause of interfaces feeling "off" even when colors and fonts are fine. Space is a design material — use it with intention. - -## Plan Layout Improvements - -Consult the [spatial design reference](reference/spatial-design.md) from the frontend-design skill for detailed guidance on grids, rhythm, and container queries. - -Create a systematic plan: - -- **Spacing system**: Use a consistent scale — whether that's a framework's built-in scale (e.g., Tailwind), rem-based tokens, or a custom system. The specific values matter less than consistency. -- **Hierarchy strategy**: How will space communicate importance? -- **Layout approach**: What structure fits the content? Flex for 1D, Grid for 2D, named areas for complex page layouts. -- **Rhythm**: Where should spacing be tight vs generous? - -## Improve Layout Systematically - -### Establish a Spacing System - -- Use a consistent spacing scale — framework scales (Tailwind, etc.), rem-based tokens, or a custom scale all work. What matters is that values come from a defined set, not arbitrary numbers. -- Name tokens semantically if using custom properties: `--space-xs` through `--space-xl`, not `--spacing-8` -- Use `gap` for sibling spacing instead of margins — eliminates margin collapse hacks -- Apply `clamp()` for fluid spacing that breathes on larger screens - -### Create Visual Rhythm - -- **Tight grouping** for related elements (8-12px between siblings) -- **Generous separation** between distinct sections (48-96px) -- **Varied spacing** within sections — not every row needs the same gap -- **Asymmetric compositions** — break the predictable centered-content pattern when it makes sense - -### Choose the Right Layout Tool - -- **Use Flexbox for 1D layouts**: Rows of items, nav bars, button groups, card contents, most component internals. Flex is simpler and more appropriate for the majority of layout tasks. -- **Use Grid for 2D layouts**: Page-level structure, dashboards, data-dense interfaces, anything where rows AND columns need coordinated control. -- **Don't default to Grid** when Flexbox with `flex-wrap` would be simpler and more flexible. -- Use `repeat(auto-fit, minmax(280px, 1fr))` for responsive grids without breakpoints. -- Use named grid areas (`grid-template-areas`) for complex page layouts — redefine at breakpoints. - -### Break Card Grid Monotony - -- Don't default to card grids for everything — spacing and alignment create visual grouping naturally -- Use cards only when content is truly distinct and actionable — never nest cards inside cards -- Vary card sizes, span columns, or mix cards with non-card content to break repetition - -### Strengthen Visual Hierarchy - -- Use the fewest dimensions needed for clear hierarchy. Space alone can be enough — generous whitespace around an element draws the eye. Some of the most sophisticated designs achieve rhythm with just space and weight. Add color or size contrast only when simpler means aren't sufficient. -- Be aware of reading flow — in LTR languages, the eye naturally scans top-left to bottom-right, but primary action placement depends on context (e.g., bottom-right in dialogs, top in navigation). -- Create clear content groupings through proximity and separation. - -### Manage Depth & Elevation - -- Create a semantic z-index scale (dropdown → sticky → modal-backdrop → modal → toast → tooltip) -- Build a consistent shadow scale (sm → md → lg → xl) — shadows should be subtle -- Use elevation to reinforce hierarchy, not as decoration - -### Optical Adjustments - -- If an icon looks visually off-center despite being geometrically centered, nudge it — but only if you're confident it actually looks wrong. Don't adjust speculatively. - -**NEVER**: -- Use arbitrary spacing values outside your scale -- Make all spacing equal — variety creates hierarchy -- Wrap everything in cards — not everything needs a container -- Nest cards inside cards — use spacing and dividers for hierarchy within -- Use identical card grids everywhere (icon + heading + text, repeated) -- Center everything — left-aligned with asymmetry feels more designed -- Default to the hero metric layout (big number, small label, stats, gradient) as a template. If showing real user data, a prominent metric can work — but it should display actual data, not decorative numbers. -- Default to CSS Grid when Flexbox would be simpler — use the simplest tool for the job -- Use arbitrary z-index values (999, 9999) — build a semantic scale - -## Verify Layout Improvements - -- **Squint test**: Can you identify primary, secondary, and groupings with blurred vision? -- **Rhythm**: Does the page have a satisfying beat of tight and generous spacing? -- **Hierarchy**: Is the most important content obvious within 2 seconds? -- **Breathing room**: Does the layout feel comfortable, not cramped or wasteful? -- **Consistency**: Is the spacing system applied uniformly? -- **Responsiveness**: Does the layout adapt gracefully across screen sizes? - -Remember: Space is the most underused design tool. A layout with the right rhythm and hierarchy can make even simple content feel polished and intentional. \ No newline at end of file diff --git a/.agents/skills/audit/SKILL.md b/.agents/skills/audit/SKILL.md deleted file mode 100644 index 1debe043..00000000 --- a/.agents/skills/audit/SKILL.md +++ /dev/null @@ -1,147 +0,0 @@ ---- -name: audit -description: Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review. -user-invocable: true -argument-hint: "[area (feature, page, component...)]" ---- - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. - ---- - -Run systematic **technical** quality checks and generate a comprehensive report. Don't fix issues — document them for other commands to address. - -This is a code-level audit, not a design critique. Check what's measurable and verifiable in the implementation. - -## Diagnostic Scan - -Run comprehensive checks across 5 dimensions. Score each dimension 0-4 using the criteria below. - -### 1. Accessibility (A11y) - -**Check for**: -- **Contrast issues**: Text contrast ratios < 4.5:1 (or 7:1 for AAA) -- **Missing ARIA**: Interactive elements without proper roles, labels, or states -- **Keyboard navigation**: Missing focus indicators, illogical tab order, keyboard traps -- **Semantic HTML**: Improper heading hierarchy, missing landmarks, divs instead of buttons -- **Alt text**: Missing or poor image descriptions -- **Form issues**: Inputs without labels, poor error messaging, missing required indicators - -**Score 0-4**: 0=Inaccessible (fails WCAG A), 1=Major gaps (few ARIA labels, no keyboard nav), 2=Partial (some a11y effort, significant gaps), 3=Good (WCAG AA mostly met, minor gaps), 4=Excellent (WCAG AA fully met, approaches AAA) - -### 2. Performance - -**Check for**: -- **Layout thrashing**: Reading/writing layout properties in loops -- **Expensive animations**: Animating layout properties (width, height, top, left) instead of transform/opacity -- **Missing optimization**: Images without lazy loading, unoptimized assets, missing will-change -- **Bundle size**: Unnecessary imports, unused dependencies -- **Render performance**: Unnecessary re-renders, missing memoization - -**Score 0-4**: 0=Severe issues (layout thrash, unoptimized everything), 1=Major problems (no lazy loading, expensive animations), 2=Partial (some optimization, gaps remain), 3=Good (mostly optimized, minor improvements possible), 4=Excellent (fast, lean, well-optimized) - -### 3. Theming - -**Check for**: -- **Hard-coded colors**: Colors not using design tokens -- **Broken dark mode**: Missing dark mode variants, poor contrast in dark theme -- **Inconsistent tokens**: Using wrong tokens, mixing token types -- **Theme switching issues**: Values that don't update on theme change - -**Score 0-4**: 0=No theming (hard-coded everything), 1=Minimal tokens (mostly hard-coded), 2=Partial (tokens exist but inconsistently used), 3=Good (tokens used, minor hard-coded values), 4=Excellent (full token system, dark mode works perfectly) - -### 4. Responsive Design - -**Check for**: -- **Fixed widths**: Hard-coded widths that break on mobile -- **Touch targets**: Interactive elements < 44x44px -- **Horizontal scroll**: Content overflow on narrow viewports -- **Text scaling**: Layouts that break when text size increases -- **Missing breakpoints**: No mobile/tablet variants - -**Score 0-4**: 0=Desktop-only (breaks on mobile), 1=Major issues (some breakpoints, many failures), 2=Partial (works on mobile, rough edges), 3=Good (responsive, minor touch target or overflow issues), 4=Excellent (fluid, all viewports, proper touch targets) - -### 5. Anti-Patterns (CRITICAL) - -Check against ALL the **DON'T** guidelines in the frontend-design skill. Look for AI slop tells (AI color palette, gradient text, glassmorphism, hero metrics, card grids, generic fonts) and general design anti-patterns (gray on color, nested cards, bounce easing, redundant copy). - -**Score 0-4**: 0=AI slop gallery (5+ tells), 1=Heavy AI aesthetic (3-4 tells), 2=Some tells (1-2 noticeable), 3=Mostly clean (subtle issues only), 4=No AI tells (distinctive, intentional design) - -## Generate Report - -### Audit Health Score - -| # | Dimension | Score | Key Finding | -|---|-----------|-------|-------------| -| 1 | Accessibility | ? | [most critical a11y issue or "--"] | -| 2 | Performance | ? | | -| 3 | Responsive Design | ? | | -| 4 | Theming | ? | | -| 5 | Anti-Patterns | ? | | -| **Total** | | **??/20** | **[Rating band]** | - -**Rating bands**: 18-20 Excellent (minor polish), 14-17 Good (address weak dimensions), 10-13 Acceptable (significant work needed), 6-9 Poor (major overhaul), 0-5 Critical (fundamental issues) - -### Anti-Patterns Verdict -**Start here.** Pass/fail: Does this look AI-generated? List specific tells. Be brutally honest. - -### Executive Summary -- Audit Health Score: **??/20** ([rating band]) -- Total issues found (count by severity: P0/P1/P2/P3) -- Top 3-5 critical issues -- Recommended next steps - -### Detailed Findings by Severity - -Tag every issue with **P0-P3 severity**: -- **P0 Blocking**: Prevents task completion — fix immediately -- **P1 Major**: Significant difficulty or WCAG AA violation — fix before release -- **P2 Minor**: Annoyance, workaround exists — fix in next pass -- **P3 Polish**: Nice-to-fix, no real user impact — fix if time permits - -For each issue, document: -- **[P?] Issue name** -- **Location**: Component, file, line -- **Category**: Accessibility / Performance / Theming / Responsive / Anti-Pattern -- **Impact**: How it affects users -- **WCAG/Standard**: Which standard it violates (if applicable) -- **Recommendation**: How to fix it -- **Suggested command**: Which command to use (prefer: /animate, /quieter, /optimize, /adapt, /clarify, /distill, /delight, /onboard, /normalize, /audit, /harden, /polish, /extract, /bolder, /arrange, /typeset, /critique, /colorize, /overdrive) - -### Patterns & Systemic Issues - -Identify recurring problems that indicate systemic gaps rather than one-off mistakes: -- "Hard-coded colors appear in 15+ components, should use design tokens" -- "Touch targets consistently too small (<44px) throughout mobile experience" - -### Positive Findings - -Note what's working well — good practices to maintain and replicate. - -## Recommended Actions - -List recommended commands in priority order (P0 first, then P1, then P2): - -1. **[P?] `/command-name`** — Brief description (specific context from audit findings) -2. **[P?] `/command-name`** — Brief description (specific context) - -**Rules**: Only recommend commands from: /animate, /quieter, /optimize, /adapt, /clarify, /distill, /delight, /onboard, /normalize, /audit, /harden, /polish, /extract, /bolder, /arrange, /typeset, /critique, /colorize, /overdrive. Map findings to the most appropriate command. End with `/polish` as the final step if any fixes were recommended. - -After presenting the summary, tell the user: - -> You can ask me to run these one at a time, all at once, or in any order you prefer. -> -> Re-run `/audit` after fixes to see your score improve. - -**IMPORTANT**: Be thorough but actionable. Too many P3 issues creates noise. Focus on what actually matters. - -**NEVER**: -- Report issues without explaining impact (why does this matter?) -- Provide generic recommendations (be specific and actionable) -- Skip positive findings (celebrate what works) -- Forget to prioritize (everything can't be P0) -- Report false positives without verification - -Remember: You're a technical quality auditor. Document systematically, prioritize ruthlessly, cite specific code locations, and provide clear paths to improvement. \ No newline at end of file diff --git a/.agents/skills/bolder/SKILL.md b/.agents/skills/bolder/SKILL.md deleted file mode 100644 index 0b03f025..00000000 --- a/.agents/skills/bolder/SKILL.md +++ /dev/null @@ -1,116 +0,0 @@ ---- -name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. -user-invocable: true -argument-hint: "[target]" ---- - -Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. - ---- - -## Assess Current State - -Analyze what makes the design feel too safe or boring: - -1. **Identify weakness sources**: - - **Generic choices**: System fonts, basic colors, standard layouts - - **Timid scale**: Everything is medium-sized with no drama - - **Low contrast**: Everything has similar visual weight - - **Static**: No motion, no energy, no life - - **Predictable**: Standard patterns with no surprises - - **Flat hierarchy**: Nothing stands out or commands attention - -2. **Understand the context**: - - What's the brand personality? (How far can we push?) - - What's the purpose? (Marketing can be bolder than financial dashboards) - - Who's the audience? (What will resonate?) - - What are the constraints? (Brand guidelines, accessibility, performance) - -If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer. - -**CRITICAL**: "Bolder" doesn't mean chaotic or garish. It means distinctive, memorable, and confident. Think intentional drama, not random chaos. - -**WARNING - AI SLOP TRAP**: When making things "bolder," AI defaults to the same tired tricks: cyan/purple gradients, glassmorphism, neon accents on dark backgrounds, gradient text on metrics. These are the OPPOSITE of bold—they're generic. Review ALL the DON'T guidelines in the frontend-design skill before proceeding. Bold means distinctive, not "more effects." - -## Plan Amplification - -Create a strategy to increase impact while maintaining coherence: - -- **Focal point**: What should be the hero moment? (Pick ONE, make it amazing) -- **Personality direction**: Maximalist chaos? Elegant drama? Playful energy? Dark moody? Choose a lane. -- **Risk budget**: How experimental can we be? Push boundaries within constraints. -- **Hierarchy amplification**: Make big things BIGGER, small things smaller (increase contrast) - -**IMPORTANT**: Bold design must still be usable. Impact without function is just decoration. - -## Amplify the Design - -Systematically increase impact across these dimensions: - -### Typography Amplification -- **Replace generic fonts**: Swap system fonts for distinctive choices (see frontend-design skill for inspiration) -- **Extreme scale**: Create dramatic size jumps (3x-5x differences, not 1.5x) -- **Weight contrast**: Pair 900 weights with 200 weights, not 600 with 400 -- **Unexpected choices**: Variable fonts, display fonts for headlines, condensed/extended widths, monospace as intentional accent (not as lazy "dev tool" default) - -### Color Intensification -- **Increase saturation**: Shift to more vibrant, energetic colors (but not neon) -- **Bold palette**: Introduce unexpected color combinations—avoid the purple-blue gradient AI slop -- **Dominant color strategy**: Let one bold color own 60% of the design -- **Sharp accents**: High-contrast accent colors that pop -- **Tinted neutrals**: Replace pure grays with tinted grays that harmonize with your palette -- **Rich gradients**: Intentional multi-stop gradients (not generic purple-to-blue) - -### Spatial Drama -- **Extreme scale jumps**: Make important elements 3-5x larger than surroundings -- **Break the grid**: Let hero elements escape containers and cross boundaries -- **Asymmetric layouts**: Replace centered, balanced layouts with tension-filled asymmetry -- **Generous space**: Use white space dramatically (100-200px gaps, not 20-40px) -- **Overlap**: Layer elements intentionally for depth - -### Visual Effects -- **Dramatic shadows**: Large, soft shadows for elevation (but not generic drop shadows on rounded rectangles) -- **Background treatments**: Mesh patterns, noise textures, geometric patterns, intentional gradients (not purple-to-blue) -- **Texture & depth**: Grain, halftone, duotone, layered elements—NOT glassmorphism (it's overused AI slop) -- **Borders & frames**: Thick borders, decorative frames, custom shapes (not rounded rectangles with colored border on one side) -- **Custom elements**: Illustrative elements, custom icons, decorative details that reinforce brand - -### Motion & Animation -- **Entrance choreography**: Staggered, dramatic page load animations with 50-100ms delays -- **Scroll effects**: Parallax, reveal animations, scroll-triggered sequences -- **Micro-interactions**: Satisfying hover effects, click feedback, state changes -- **Transitions**: Smooth, noticeable transitions using ease-out-quart/quint/expo (not bounce or elastic—they cheapen the effect) - -### Composition Boldness -- **Hero moments**: Create clear focal points with dramatic treatment -- **Diagonal flows**: Escape horizontal/vertical rigidity with diagonal arrangements -- **Full-bleed elements**: Use full viewport width/height for impact -- **Unexpected proportions**: Golden ratio? Throw it out. Try 70/30, 80/20 splits - -**NEVER**: -- Add effects randomly without purpose (chaos ≠ bold) -- Sacrifice readability for aesthetics (body text must be readable) -- Make everything bold (then nothing is bold - need contrast) -- Ignore accessibility (bold design must still meet WCAG standards) -- Overwhelm with motion (animation fatigue is real) -- Copy trendy aesthetics blindly (bold means distinctive, not derivative) - -## Verify Quality - -Ensure amplification maintains usability and coherence: - -- **NOT AI slop**: Does this look like every other AI-generated "bold" design? If yes, start over. -- **Still functional**: Can users accomplish tasks without distraction? -- **Coherent**: Does everything feel intentional and unified? -- **Memorable**: Will users remember this experience? -- **Performant**: Do all these effects run smoothly? -- **Accessible**: Does it still meet accessibility standards? - -**The test**: If you showed this to someone and said "AI made this bolder," would they believe you immediately? If yes, you've failed. Bold means distinctive, not "more AI effects." - -Remember: Bold design is confident design. It takes risks, makes statements, and creates memorable experiences. But bold without strategy is just loud. Be intentional, be dramatic, be unforgettable. \ No newline at end of file diff --git a/.agents/skills/clarify/SKILL.md b/.agents/skills/clarify/SKILL.md deleted file mode 100644 index 4db9228d..00000000 --- a/.agents/skills/clarify/SKILL.md +++ /dev/null @@ -1,182 +0,0 @@ ---- -name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. -user-invocable: true -argument-hint: "[target]" ---- - -Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: audience technical level and users' mental state in context. - ---- - -## Assess Current Copy - -Identify what makes the text unclear or ineffective: - -1. **Find clarity problems**: - - **Jargon**: Technical terms users won't understand - - **Ambiguity**: Multiple interpretations possible - - **Passive voice**: "Your file has been uploaded" vs "We uploaded your file" - - **Length**: Too wordy or too terse - - **Assumptions**: Assuming user knowledge they don't have - - **Missing context**: Users don't know what to do or why - - **Tone mismatch**: Too formal, too casual, or inappropriate for situation - -2. **Understand the context**: - - Who's the audience? (Technical? General? First-time users?) - - What's the user's mental state? (Stressed during error? Confident during success?) - - What's the action? (What do we want users to do?) - - What's the constraint? (Character limits? Space limitations?) - -**CRITICAL**: Clear copy helps users succeed. Unclear copy creates frustration, errors, and support tickets. - -## Plan Copy Improvements - -Create a strategy for clearer communication: - -- **Primary message**: What's the ONE thing users need to know? -- **Action needed**: What should users do next (if anything)? -- **Tone**: How should this feel? (Helpful? Apologetic? Encouraging?) -- **Constraints**: Length limits, brand voice, localization considerations - -**IMPORTANT**: Good UX writing is invisible. Users should understand immediately without noticing the words. - -## Improve Copy Systematically - -Refine text across these common areas: - -### Error Messages -**Bad**: "Error 403: Forbidden" -**Good**: "You don't have permission to view this page. Contact your admin for access." - -**Bad**: "Invalid input" -**Good**: "Email addresses need an @ symbol. Try: name@example.com" - -**Principles**: -- Explain what went wrong in plain language -- Suggest how to fix it -- Don't blame the user -- Include examples when helpful -- Link to help/support if applicable - -### Form Labels & Instructions -**Bad**: "DOB (MM/DD/YYYY)" -**Good**: "Date of birth" (with placeholder showing format) - -**Bad**: "Enter value here" -**Good**: "Your email address" or "Company name" - -**Principles**: -- Use clear, specific labels (not generic placeholders) -- Show format expectations with examples -- Explain why you're asking (when not obvious) -- Put instructions before the field, not after -- Keep required field indicators clear - -### Button & CTA Text -**Bad**: "Click here" | "Submit" | "OK" -**Good**: "Create account" | "Save changes" | "Got it, thanks" - -**Principles**: -- Describe the action specifically -- Use active voice (verb + noun) -- Match user's mental model -- Be specific ("Save" is better than "OK") - -### Help Text & Tooltips -**Bad**: "This is the username field" -**Good**: "Choose a username. You can change this later in Settings." - -**Principles**: -- Add value (don't just repeat the label) -- Answer the implicit question ("What is this?" or "Why do you need this?") -- Keep it brief but complete -- Link to detailed docs if needed - -### Empty States -**Bad**: "No items" -**Good**: "No projects yet. Create your first project to get started." - -**Principles**: -- Explain why it's empty (if not obvious) -- Show next action clearly -- Make it welcoming, not dead-end - -### Success Messages -**Bad**: "Success" -**Good**: "Settings saved! Your changes will take effect immediately." - -**Principles**: -- Confirm what happened -- Explain what happens next (if relevant) -- Be brief but complete -- Match the user's emotional moment (celebrate big wins) - -### Loading States -**Bad**: "Loading..." (for 30+ seconds) -**Good**: "Analyzing your data... this usually takes 30-60 seconds" - -**Principles**: -- Set expectations (how long?) -- Explain what's happening (when it's not obvious) -- Show progress when possible -- Offer escape hatch if appropriate ("Cancel") - -### Confirmation Dialogs -**Bad**: "Are you sure?" -**Good**: "Delete 'Project Alpha'? This can't be undone." - -**Principles**: -- State the specific action -- Explain consequences (especially for destructive actions) -- Use clear button labels ("Delete project" not "Yes") -- Don't overuse confirmations (only for risky actions) - -### Navigation & Wayfinding -**Bad**: Generic labels like "Items" | "Things" | "Stuff" -**Good**: Specific labels like "Your projects" | "Team members" | "Settings" - -**Principles**: -- Be specific and descriptive -- Use language users understand (not internal jargon) -- Make hierarchy clear -- Consider information scent (breadcrumbs, current location) - -## Apply Clarity Principles - -Every piece of copy should follow these rules: - -1. **Be specific**: "Enter email" not "Enter value" -2. **Be concise**: Cut unnecessary words (but don't sacrifice clarity) -3. **Be active**: "Save changes" not "Changes will be saved" -4. **Be human**: "Oops, something went wrong" not "System error encountered" -5. **Be helpful**: Tell users what to do, not just what happened -6. **Be consistent**: Use same terms throughout (don't vary for variety) - -**NEVER**: -- Use jargon without explanation -- Blame users ("You made an error" → "This field is required") -- Be vague ("Something went wrong" without explanation) -- Use passive voice unnecessarily -- Write overly long explanations (be concise) -- Use humor for errors (be empathetic instead) -- Assume technical knowledge -- Vary terminology (pick one term and stick with it) -- Repeat information (headers restating intros, redundant explanations) -- Use placeholders as the only labels (they disappear when users type) - -## Verify Improvements - -Test that copy improvements work: - -- **Comprehension**: Can users understand without context? -- **Actionability**: Do users know what to do next? -- **Brevity**: Is it as short as possible while remaining clear? -- **Consistency**: Does it match terminology elsewhere? -- **Tone**: Is it appropriate for the situation? - -Remember: You're a clarity expert with excellent communication skills. Write like you're explaining to a smart friend who's unfamiliar with the product. Be clear, be helpful, be human. \ No newline at end of file diff --git a/.agents/skills/colorize/SKILL.md b/.agents/skills/colorize/SKILL.md deleted file mode 100644 index 0b092ac0..00000000 --- a/.agents/skills/colorize/SKILL.md +++ /dev/null @@ -1,142 +0,0 @@ ---- -name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. -user-invocable: true -argument-hint: "[target]" ---- - -Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: existing brand colors. - ---- - -## Assess Color Opportunity - -Analyze the current state and identify opportunities: - -1. **Understand current state**: - - **Color absence**: Pure grayscale? Limited neutrals? One timid accent? - - **Missed opportunities**: Where could color add meaning, hierarchy, or delight? - - **Context**: What's appropriate for this domain and audience? - - **Brand**: Are there existing brand colors we should use? - -2. **Identify where color adds value**: - - **Semantic meaning**: Success (green), error (red), warning (yellow/orange), info (blue) - - **Hierarchy**: Drawing attention to important elements - - **Categorization**: Different sections, types, or states - - **Emotional tone**: Warmth, energy, trust, creativity - - **Wayfinding**: Helping users navigate and understand structure - - **Delight**: Moments of visual interest and personality - -If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer. - -**CRITICAL**: More color ≠ better. Strategic color beats rainbow vomit every time. Every color should have a purpose. - -## Plan Color Strategy - -Create a purposeful color introduction plan: - -- **Color palette**: What colors match the brand/context? (Choose 2-4 colors max beyond neutrals) -- **Dominant color**: Which color owns 60% of colored elements? -- **Accent colors**: Which colors provide contrast and highlights? (30% and 10%) -- **Application strategy**: Where does each color appear and why? - -**IMPORTANT**: Color should enhance hierarchy and meaning, not create chaos. Less is more when it matters more. - -## Introduce Color Strategically - -Add color systematically across these dimensions: - -### Semantic Color -- **State indicators**: - - Success: Green tones (emerald, forest, mint) - - Error: Red/pink tones (rose, crimson, coral) - - Warning: Orange/amber tones - - Info: Blue tones (sky, ocean, indigo) - - Neutral: Gray/slate for inactive states - -- **Status badges**: Colored backgrounds or borders for states (active, pending, completed, etc.) -- **Progress indicators**: Colored bars, rings, or charts showing completion or health - -### Accent Color Application -- **Primary actions**: Color the most important buttons/CTAs -- **Links**: Add color to clickable text (maintain accessibility) -- **Icons**: Colorize key icons for recognition and personality -- **Headers/titles**: Add color to section headers or key labels -- **Hover states**: Introduce color on interaction - -### Background & Surfaces -- **Tinted backgrounds**: Replace pure gray (`#f5f5f5`) with warm neutrals (`oklch(97% 0.01 60)`) or cool tints (`oklch(97% 0.01 250)`) -- **Colored sections**: Use subtle background colors to separate areas -- **Gradient backgrounds**: Add depth with subtle, intentional gradients (not generic purple-blue) -- **Cards & surfaces**: Tint cards or surfaces slightly for warmth - -**Use OKLCH for color**: It's perceptually uniform, meaning equal steps in lightness *look* equal. Great for generating harmonious scales. - -### Data Visualization -- **Charts & graphs**: Use color to encode categories or values -- **Heatmaps**: Color intensity shows density or importance -- **Comparison**: Color coding for different datasets or timeframes - -### Borders & Accents -- **Accent borders**: Add colored left/top borders to cards or sections -- **Underlines**: Color underlines for emphasis or active states -- **Dividers**: Subtle colored dividers instead of gray lines -- **Focus rings**: Colored focus indicators matching brand - -### Typography Color -- **Colored headings**: Use brand colors for section headings (maintain contrast) -- **Highlight text**: Color for emphasis or categories -- **Labels & tags**: Small colored labels for metadata or categories - -### Decorative Elements -- **Illustrations**: Add colored illustrations or icons -- **Shapes**: Geometric shapes in brand colors as background elements -- **Gradients**: Colorful gradient overlays or mesh backgrounds -- **Blobs/organic shapes**: Soft colored shapes for visual interest - -## Balance & Refinement - -Ensure color addition improves rather than overwhelms: - -### Maintain Hierarchy -- **Dominant color** (60%): Primary brand color or most used accent -- **Secondary color** (30%): Supporting color for variety -- **Accent color** (10%): High contrast for key moments -- **Neutrals** (remaining): Gray/black/white for structure - -### Accessibility -- **Contrast ratios**: Ensure WCAG compliance (4.5:1 for text, 3:1 for UI components) -- **Don't rely on color alone**: Use icons, labels, or patterns alongside color -- **Test for color blindness**: Verify red/green combinations work for all users - -### Cohesion -- **Consistent palette**: Use colors from defined palette, not arbitrary choices -- **Systematic application**: Same color meanings throughout (green always = success) -- **Temperature consistency**: Warm palette stays warm, cool stays cool - -**NEVER**: -- Use every color in the rainbow (choose 2-4 colors beyond neutrals) -- Apply color randomly without semantic meaning -- Put gray text on colored backgrounds—it looks washed out; use a darker shade of the background color or transparency instead -- Use pure gray for neutrals—add subtle color tint (warm or cool) for sophistication -- Use pure black (`#000`) or pure white (`#fff`) for large areas -- Violate WCAG contrast requirements -- Use color as the only indicator (accessibility issue) -- Make everything colorful (defeats the purpose) -- Default to purple-blue gradients (AI slop aesthetic) - -## Verify Color Addition - -Test that colorization improves the experience: - -- **Better hierarchy**: Does color guide attention appropriately? -- **Clearer meaning**: Does color help users understand states/categories? -- **More engaging**: Does the interface feel warmer and more inviting? -- **Still accessible**: Do all color combinations meet WCAG standards? -- **Not overwhelming**: Is color balanced and purposeful? - -Remember: Color is emotional and powerful. Use it to create warmth, guide attention, communicate meaning, and express personality. But restraint and strategy matter more than saturation and variety. Be colorful, but be intentional. \ No newline at end of file diff --git a/.agents/skills/critique/SKILL.md b/.agents/skills/critique/SKILL.md deleted file mode 100644 index 70ac82f1..00000000 --- a/.agents/skills/critique/SKILL.md +++ /dev/null @@ -1,201 +0,0 @@ ---- -name: critique -description: Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component. -user-invocable: true -argument-hint: "[area (feature, page, component...)]" ---- - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: what the interface is trying to accomplish. - ---- - -Conduct a holistic design critique, evaluating whether the interface actually works — not just technically, but as a designed experience. Think like a design director giving feedback. - -## Phase 1: Design Critique - -Evaluate the interface across these dimensions: - -### 1. AI Slop Detection (CRITICAL) - -**This is the most important check.** Does this look like every other AI-generated interface from 2024-2025? - -Review the design against ALL the **DON'T** guidelines in the frontend-design skill — they are the fingerprints of AI-generated work. Check for the AI color palette, gradient text, dark mode with glowing accents, glassmorphism, hero metric layouts, identical card grids, generic fonts, and all other tells. - -**The test**: If you showed this to someone and said "AI made this," would they believe you immediately? If yes, that's the problem. - -### 2. Visual Hierarchy -- Does the eye flow to the most important element first? -- Is there a clear primary action? Can you spot it in 2 seconds? -- Do size, color, and position communicate importance correctly? -- Is there visual competition between elements that should have different weights? - -### 3. Information Architecture & Cognitive Load -> *Consult [cognitive-load](reference/cognitive-load.md) for the working memory rule and 8-item checklist* -- Is the structure intuitive? Would a new user understand the organization? -- Is related content grouped logically? -- Are there too many choices at once? Count visible options at each decision point — if >4, flag it -- Is the navigation clear and predictable? -- **Progressive disclosure**: Is complexity revealed only when needed, or dumped on the user upfront? -- **Run the 8-item cognitive load checklist** from the reference. Report failure count: 0–1 = low (good), 2–3 = moderate, 4+ = critical. - -### 4. Emotional Journey -- What emotion does this interface evoke? Is that intentional? -- Does it match the brand personality? -- Does it feel trustworthy, approachable, premium, playful — whatever it should feel? -- Would the target user feel "this is for me"? -- **Peak-end rule**: Is the most intense moment positive? Does the experience end well (confirmation, celebration, clear next step)? -- **Emotional valleys**: Check for onboarding frustration, error cliffs, feature discovery gaps, or anxiety spikes at high-stakes moments (payment, delete, commit) -- **Interventions at negative moments**: Are there design interventions where users are likely to feel frustrated or anxious? (progress indicators, reassurance copy, undo options, social proof) - -### 5. Discoverability & Affordance -- Are interactive elements obviously interactive? -- Would a user know what to do without instructions? -- Are hover/focus states providing useful feedback? -- Are there hidden features that should be more visible? - -### 6. Composition & Balance -- Does the layout feel balanced or uncomfortably weighted? -- Is whitespace used intentionally or just leftover? -- Is there visual rhythm in spacing and repetition? -- Does asymmetry feel designed or accidental? - -### 7. Typography as Communication -- Does the type hierarchy clearly signal what to read first, second, third? -- Is body text comfortable to read? (line length, spacing, size) -- Do font choices reinforce the brand/tone? -- Is there enough contrast between heading levels? - -### 8. Color with Purpose -- Is color used to communicate, not just decorate? -- Does the palette feel cohesive? -- Are accent colors drawing attention to the right things? -- Does it work for colorblind users? (not just technically — does meaning still come through?) - -### 9. States & Edge Cases -- Empty states: Do they guide users toward action, or just say "nothing here"? -- Loading states: Do they reduce perceived wait time? -- Error states: Are they helpful and non-blaming? -- Success states: Do they confirm and guide next steps? - -### 10. Microcopy & Voice -- Is the writing clear and concise? -- Does it sound like a human (the right human for this brand)? -- Are labels and buttons unambiguous? -- Does error copy help users fix the problem? - -## Phase 2: Present Findings - -Structure your feedback as a design director would: - -### Design Health Score -> *Consult [heuristics-scoring](reference/heuristics-scoring.md)* - -Score each of Nielsen's 10 heuristics 0–4. Present as a table: - -| # | Heuristic | Score | Key Issue | -|---|-----------|-------|-----------| -| 1 | Visibility of System Status | ? | [specific finding or "—" if solid] | -| 2 | Match System / Real World | ? | | -| 3 | User Control and Freedom | ? | | -| 4 | Consistency and Standards | ? | | -| 5 | Error Prevention | ? | | -| 6 | Recognition Rather Than Recall | ? | | -| 7 | Flexibility and Efficiency | ? | | -| 8 | Aesthetic and Minimalist Design | ? | | -| 9 | Error Recovery | ? | | -| 10 | Help and Documentation | ? | | -| **Total** | | **??/40** | **[Rating band]** | - -Be honest with scores. A 4 means genuinely excellent. Most real interfaces score 20–32. - -### Anti-Patterns Verdict -**Start here.** Pass/fail: Does this look AI-generated? List specific tells from the skill's Anti-Patterns section. Be brutally honest. - -### Overall Impression -A brief gut reaction — what works, what doesn't, and the single biggest opportunity. - -### What's Working -Highlight 2–3 things done well. Be specific about why they work. - -### Priority Issues -The 3–5 most impactful design problems, ordered by importance. - -For each issue, tag with **P0–P3 severity** (consult [heuristics-scoring](reference/heuristics-scoring.md) for severity definitions): -- **[P?] What**: Name the problem clearly -- **Why it matters**: How this hurts users or undermines goals -- **Fix**: What to do about it (be concrete) -- **Suggested command**: Which command could address this (from: /animate, /quieter, /optimize, /adapt, /clarify, /distill, /delight, /onboard, /normalize, /audit, /harden, /polish, /extract, /bolder, /arrange, /typeset, /critique, /colorize, /overdrive) - -### Persona Red Flags -> *Consult [personas](reference/personas.md)* - -Auto-select 2–3 personas most relevant to this interface type (use the selection table in the reference). If `.github/copilot-instructions.md` contains a `## Design Context` section from `teach-impeccable`, also generate 1–2 project-specific personas from the audience/brand info. - -For each selected persona, walk through the primary user action and list specific red flags found: - -**Alex (Power User)**: No keyboard shortcuts detected. Form requires 8 clicks for primary action. Forced modal onboarding. ⚠️ High abandonment risk. - -**Jordan (First-Timer)**: Icon-only nav in sidebar. Technical jargon in error messages ("404 Not Found"). No visible help. ⚠️ Will abandon at step 2. - -Be specific — name the exact elements and interactions that fail each persona. Don't write generic persona descriptions; write what broke for them. - -### Minor Observations -Quick notes on smaller issues worth addressing. - -**Remember**: -- Be direct — vague feedback wastes everyone's time -- Be specific — "the submit button" not "some elements" -- Say what's wrong AND why it matters to users -- Give concrete suggestions, not just "consider exploring..." -- Prioritize ruthlessly — if everything is important, nothing is -- Don't soften criticism — developers need honest feedback to ship great design - -## Phase 3: Ask the User - -**After presenting findings**, use targeted questions based on what was actually found. ask the user directly to clarify what you cannot infer. These answers will shape the action plan. - -Ask questions along these lines (adapt to the specific findings — do NOT ask generic questions): - -1. **Priority direction**: Based on the issues found, ask which category matters most to the user right now. For example: "I found problems with visual hierarchy, color usage, and information overload. Which area should we tackle first?" Offer the top 2–3 issue categories as options. - -2. **Design intent**: If the critique found a tonal mismatch, ask whether it was intentional. For example: "The interface feels clinical and corporate. Is that the intended tone, or should it feel warmer/bolder/more playful?" Offer 2–3 tonal directions as options based on what would fix the issues found. - -3. **Scope**: Ask how much the user wants to take on. For example: "I found N issues. Want to address everything, or focus on the top 3?" Offer scope options like "Top 3 only", "All issues", "Critical issues only". - -4. **Constraints** (optional — only ask if relevant): If the findings touch many areas, ask if anything is off-limits. For example: "Should any sections stay as-is?" This prevents the plan from touching things the user considers done. - -**Rules for questions**: -- Every question must reference specific findings from Phase 2 — never ask generic "who is your audience?" questions -- Keep it to 2–4 questions maximum — respect the user's time -- Offer concrete options, not open-ended prompts -- If findings are straightforward (e.g., only 1–2 clear issues), skip questions and go directly to Phase 4 - -## Phase 4: Recommended Actions - -**After receiving the user's answers**, present a prioritized action summary reflecting the user's priorities and scope from Phase 3. - -### Action Summary - -List recommended commands in priority order, based on the user's answers: - -1. **`/command-name`** — Brief description of what to fix (specific context from critique findings) -2. **`/command-name`** — Brief description (specific context) -... - -**Rules for recommendations**: -- Only recommend commands from: /animate, /quieter, /optimize, /adapt, /clarify, /distill, /delight, /onboard, /normalize, /audit, /harden, /polish, /extract, /bolder, /arrange, /typeset, /critique, /colorize, /overdrive -- Order by the user's stated priorities first, then by impact -- Each item's description should carry enough context that the command knows what to focus on -- Map each Priority Issue to the appropriate command -- Skip commands that would address zero issues -- If the user chose a limited scope, only include items within that scope -- If the user marked areas as off-limits, exclude commands that would touch those areas -- End with `/polish` as the final step if any fixes were recommended - -After presenting the summary, tell the user: - -> You can ask me to run these one at a time, all at once, or in any order you prefer. -> -> Re-run `/critique` after fixes to see your score improve. \ No newline at end of file diff --git a/.agents/skills/critique/reference/cognitive-load.md b/.agents/skills/critique/reference/cognitive-load.md deleted file mode 100644 index 313df166..00000000 --- a/.agents/skills/critique/reference/cognitive-load.md +++ /dev/null @@ -1,106 +0,0 @@ -# Cognitive Load Assessment - -Cognitive load is the total mental effort required to use an interface. Overloaded users make mistakes, get frustrated, and leave. This reference helps identify and fix cognitive overload. - ---- - -## Three Types of Cognitive Load - -### Intrinsic Load — The Task Itself -Complexity inherent to what the user is trying to do. You can't eliminate this, but you can structure it. - -**Manage it by**: -- Breaking complex tasks into discrete steps -- Providing scaffolding (templates, defaults, examples) -- Progressive disclosure — show what's needed now, hide the rest -- Grouping related decisions together - -### Extraneous Load — Bad Design -Mental effort caused by poor design choices. **Eliminate this ruthlessly** — it's pure waste. - -**Common sources**: -- Confusing navigation that requires mental mapping -- Unclear labels that force users to guess meaning -- Visual clutter competing for attention -- Inconsistent patterns that prevent learning -- Unnecessary steps between user intent and result - -### Germane Load — Learning Effort -Mental effort spent building understanding. This is *good* cognitive load — it leads to mastery. - -**Support it by**: -- Progressive disclosure that reveals complexity gradually -- Consistent patterns that reward learning -- Feedback that confirms correct understanding -- Onboarding that teaches through action, not walls of text - ---- - -## Cognitive Load Checklist - -Evaluate the interface against these 8 items: - -- [ ] **Single focus**: Can the user complete their primary task without distraction from competing elements? -- [ ] **Chunking**: Is information presented in digestible groups (≤4 items per group)? -- [ ] **Grouping**: Are related items visually grouped together (proximity, borders, shared background)? -- [ ] **Visual hierarchy**: Is it immediately clear what's most important on the screen? -- [ ] **One thing at a time**: Can the user focus on a single decision before moving to the next? -- [ ] **Minimal choices**: Are decisions simplified (≤4 visible options at any decision point)? -- [ ] **Working memory**: Does the user need to remember information from a previous screen to act on the current one? -- [ ] **Progressive disclosure**: Is complexity revealed only when the user needs it? - -**Scoring**: Count the failed items. 0–1 failures = low cognitive load (good). 2–3 = moderate (address soon). 4+ = high cognitive load (critical fix needed). - ---- - -## The Working Memory Rule - -**Humans can hold ≤4 items in working memory at once** (Miller's Law revised by Cowan, 2001). - -At any decision point, count the number of distinct options, actions, or pieces of information a user must simultaneously consider: -- **≤4 items**: Within working memory limits — manageable -- **5–7 items**: Pushing the boundary — consider grouping or progressive disclosure -- **8+ items**: Overloaded — users will skip, misclick, or abandon - -**Practical applications**: -- Navigation menus: ≤5 top-level items (group the rest under clear categories) -- Form sections: ≤4 fields visible per group before a visual break -- Action buttons: 1 primary, 1–2 secondary, group the rest in a menu -- Dashboard widgets: ≤4 key metrics visible without scrolling -- Pricing tiers: ≤3 options (more causes analysis paralysis) - ---- - -## Common Cognitive Load Violations - -### 1. The Wall of Options -**Problem**: Presenting 10+ choices at once with no hierarchy. -**Fix**: Group into categories, highlight recommended, use progressive disclosure. - -### 2. The Memory Bridge -**Problem**: User must remember info from step 1 to complete step 3. -**Fix**: Keep relevant context visible, or repeat it where it's needed. - -### 3. The Hidden Navigation -**Problem**: User must build a mental map of where things are. -**Fix**: Always show current location (breadcrumbs, active states, progress indicators). - -### 4. The Jargon Barrier -**Problem**: Technical or domain language forces translation effort. -**Fix**: Use plain language. If domain terms are unavoidable, define them inline. - -### 5. The Visual Noise Floor -**Problem**: Every element has the same visual weight — nothing stands out. -**Fix**: Establish clear hierarchy: one primary element, 2–3 secondary, everything else muted. - -### 6. The Inconsistent Pattern -**Problem**: Similar actions work differently in different places. -**Fix**: Standardize interaction patterns. Same type of action = same type of UI. - -### 7. The Multi-Task Demand -**Problem**: Interface requires processing multiple simultaneous inputs (reading + deciding + navigating). -**Fix**: Sequence the steps. Let the user do one thing at a time. - -### 8. The Context Switch -**Problem**: User must jump between screens/tabs/modals to gather info for a single decision. -**Fix**: Co-locate the information needed for each decision. Reduce back-and-forth. diff --git a/.agents/skills/critique/reference/heuristics-scoring.md b/.agents/skills/critique/reference/heuristics-scoring.md deleted file mode 100644 index fd5b1b08..00000000 --- a/.agents/skills/critique/reference/heuristics-scoring.md +++ /dev/null @@ -1,234 +0,0 @@ -# Heuristics Scoring Guide - -Score each of Nielsen's 10 Usability Heuristics on a 0–4 scale. Be honest — a 4 means genuinely excellent, not "good enough." - -## Nielsen's 10 Heuristics - -### 1. Visibility of System Status - -Keep users informed about what's happening through timely, appropriate feedback. - -**Check for**: -- Loading indicators during async operations -- Confirmation of user actions (save, submit, delete) -- Progress indicators for multi-step processes -- Current location in navigation (breadcrumbs, active states) -- Form validation feedback (inline, not just on submit) - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | No feedback — user is guessing what happened | -| 1 | Rare feedback — most actions produce no visible response | -| 2 | Partial — some states communicated, major gaps remain | -| 3 | Good — most operations give clear feedback, minor gaps | -| 4 | Excellent — every action confirms, progress is always visible | - -### 2. Match Between System and Real World - -Speak the user's language. Follow real-world conventions. Information appears in natural, logical order. - -**Check for**: -- Familiar terminology (no unexplained jargon) -- Logical information order matching user expectations -- Recognizable icons and metaphors -- Domain-appropriate language for the target audience -- Natural reading flow (left-to-right, top-to-bottom priority) - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | Pure tech jargon, alien to users | -| 1 | Mostly confusing — requires domain expertise to navigate | -| 2 | Mixed — some plain language, some jargon leaks through | -| 3 | Mostly natural — occasional term needs context | -| 4 | Speaks the user's language fluently throughout | - -### 3. User Control and Freedom - -Users need a clear "emergency exit" from unwanted states without extended dialogue. - -**Check for**: -- Undo/redo functionality -- Cancel buttons on forms and modals -- Clear navigation back to safety (home, previous) -- Easy way to clear filters, search, selections -- Escape from long or multi-step processes - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | Users get trapped — no way out without refreshing | -| 1 | Difficult exits — must find obscure paths to escape | -| 2 | Some exits — main flows have escape, edge cases don't | -| 3 | Good control — users can exit and undo most actions | -| 4 | Full control — undo, cancel, back, and escape everywhere | - -### 4. Consistency and Standards - -Users shouldn't wonder whether different words, situations, or actions mean the same thing. - -**Check for**: -- Consistent terminology throughout the interface -- Same actions produce same results everywhere -- Platform conventions followed (standard UI patterns) -- Visual consistency (colors, typography, spacing, components) -- Consistent interaction patterns (same gesture = same behavior) - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | Inconsistent everywhere — feels like different products stitched together | -| 1 | Many inconsistencies — similar things look/behave differently | -| 2 | Partially consistent — main flows match, details diverge | -| 3 | Mostly consistent — occasional deviation, nothing confusing | -| 4 | Fully consistent — cohesive system, predictable behavior | - -### 5. Error Prevention - -Better than good error messages is a design that prevents problems in the first place. - -**Check for**: -- Confirmation before destructive actions (delete, overwrite) -- Constraints preventing invalid input (date pickers, dropdowns) -- Smart defaults that reduce errors -- Clear labels that prevent misunderstanding -- Autosave and draft recovery - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | Errors easy to make — no guardrails anywhere | -| 1 | Few safeguards — some inputs validated, most aren't | -| 2 | Partial prevention — common errors caught, edge cases slip | -| 3 | Good prevention — most error paths blocked proactively | -| 4 | Excellent — errors nearly impossible through smart constraints | - -### 6. Recognition Rather Than Recall - -Minimize memory load. Make objects, actions, and options visible or easily retrievable. - -**Check for**: -- Visible options (not buried in hidden menus) -- Contextual help when needed (tooltips, inline hints) -- Recent items and history -- Autocomplete and suggestions -- Labels on icons (not icon-only navigation) - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | Heavy memorization — users must remember paths and commands | -| 1 | Mostly recall — many hidden features, few visible cues | -| 2 | Some aids — main actions visible, secondary features hidden | -| 3 | Good recognition — most things discoverable, few memory demands | -| 4 | Everything discoverable — users never need to memorize | - -### 7. Flexibility and Efficiency of Use - -Accelerators — invisible to novices — speed up expert interaction. - -**Check for**: -- Keyboard shortcuts for common actions -- Customizable interface elements -- Recent items and favorites -- Bulk/batch actions -- Power user features that don't complicate the basics - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | One rigid path — no shortcuts or alternatives | -| 1 | Limited flexibility — few alternatives to the main path | -| 2 | Some shortcuts — basic keyboard support, limited bulk actions | -| 3 | Good accelerators — keyboard nav, some customization | -| 4 | Highly flexible — multiple paths, power features, customizable | - -### 8. Aesthetic and Minimalist Design - -Interfaces should not contain irrelevant or rarely needed information. Every element should serve a purpose. - -**Check for**: -- Only necessary information visible at each step -- Clear visual hierarchy directing attention -- Purposeful use of color and emphasis -- No decorative clutter competing for attention -- Focused, uncluttered layouts - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | Overwhelming — everything competes for attention equally | -| 1 | Cluttered — too much noise, hard to find what matters | -| 2 | Some clutter — main content clear, periphery noisy | -| 3 | Mostly clean — focused design, minor visual noise | -| 4 | Perfectly minimal — every element earns its pixel | - -### 9. Help Users Recognize, Diagnose, and Recover from Errors - -Error messages should use plain language, precisely indicate the problem, and constructively suggest a solution. - -**Check for**: -- Plain language error messages (no error codes for users) -- Specific problem identification ("Email is missing @" not "Invalid input") -- Actionable recovery suggestions -- Errors displayed near the source of the problem -- Non-blocking error handling (don't wipe the form) - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | Cryptic errors — codes, jargon, or no message at all | -| 1 | Vague errors — "Something went wrong" with no guidance | -| 2 | Clear but unhelpful — names the problem but not the fix | -| 3 | Clear with suggestions — identifies problem and offers next steps | -| 4 | Perfect recovery — pinpoints issue, suggests fix, preserves user work | - -### 10. Help and Documentation - -Even if the system is usable without docs, help should be easy to find, task-focused, and concise. - -**Check for**: -- Searchable help or documentation -- Contextual help (tooltips, inline hints, guided tours) -- Task-focused organization (not feature-organized) -- Concise, scannable content -- Easy access without leaving current context - -**Scoring**: -| Score | Criteria | -|-------|----------| -| 0 | No help available anywhere | -| 1 | Help exists but hard to find or irrelevant | -| 2 | Basic help — FAQ or docs exist, not contextual | -| 3 | Good documentation — searchable, mostly task-focused | -| 4 | Excellent contextual help — right info at the right moment | - ---- - -## Score Summary - -**Total possible**: 40 points (10 heuristics × 4 max) - -| Score Range | Rating | What It Means | -|-------------|--------|---------------| -| 36–40 | Excellent | Minor polish only — ship it | -| 28–35 | Good | Address weak areas, solid foundation | -| 20–27 | Acceptable | Significant improvements needed before users are happy | -| 12–19 | Poor | Major UX overhaul required — core experience broken | -| 0–11 | Critical | Redesign needed — unusable in current state | - ---- - -## Issue Severity (P0–P3) - -Tag each individual issue found during scoring with a priority level: - -| Priority | Name | Description | Action | -|----------|------|-------------|--------| -| **P0** | Blocking | Prevents task completion entirely | Fix immediately — this is a showstopper | -| **P1** | Major | Causes significant difficulty or confusion | Fix before release | -| **P2** | Minor | Annoyance, but workaround exists | Fix in next pass | -| **P3** | Polish | Nice-to-fix, no real user impact | Fix if time permits | - -**Tip**: If you're unsure between two levels, ask: "Would a user contact support about this?" If yes, it's at least P1. diff --git a/.agents/skills/critique/reference/personas.md b/.agents/skills/critique/reference/personas.md deleted file mode 100644 index eb2f2b6d..00000000 --- a/.agents/skills/critique/reference/personas.md +++ /dev/null @@ -1,178 +0,0 @@ -# Persona-Based Design Testing - -Test the interface through the eyes of 5 distinct user archetypes. Each persona exposes different failure modes that a single "design director" perspective would miss. - -**How to use**: Select 2–3 personas most relevant to the interface being critiqued. Walk through the primary user action as each persona. Report specific red flags — not generic concerns. - ---- - -## 1. Impatient Power User — "Alex" - -**Profile**: Expert with similar products. Expects efficiency, hates hand-holding. Will find shortcuts or leave. - -**Behaviors**: -- Skips all onboarding and instructions -- Looks for keyboard shortcuts immediately -- Tries to bulk-select, batch-edit, and automate -- Gets frustrated by required steps that feel unnecessary -- Abandons if anything feels slow or patronizing - -**Test Questions**: -- Can Alex complete the core task in under 60 seconds? -- Are there keyboard shortcuts for common actions? -- Can onboarding be skipped entirely? -- Do modals have keyboard dismiss (Esc)? -- Is there a "power user" path (shortcuts, bulk actions)? - -**Red Flags** (report these specifically): -- Forced tutorials or unskippable onboarding -- No keyboard navigation for primary actions -- Slow animations that can't be skipped -- One-item-at-a-time workflows where batch would be natural -- Redundant confirmation steps for low-risk actions - ---- - -## 2. Confused First-Timer — "Jordan" - -**Profile**: Never used this type of product. Needs guidance at every step. Will abandon rather than figure it out. - -**Behaviors**: -- Reads all instructions carefully -- Hesitates before clicking anything unfamiliar -- Looks for help or support constantly -- Misunderstands jargon and abbreviations -- Takes the most literal interpretation of any label - -**Test Questions**: -- Is the first action obviously clear within 5 seconds? -- Are all icons labeled with text? -- Is there contextual help at decision points? -- Does terminology assume prior knowledge? -- Is there a clear "back" or "undo" at every step? - -**Red Flags** (report these specifically): -- Icon-only navigation with no labels -- Technical jargon without explanation -- No visible help option or guidance -- Ambiguous next steps after completing an action -- No confirmation that an action succeeded - ---- - -## 3. Accessibility-Dependent User — "Sam" - -**Profile**: Uses screen reader (VoiceOver/NVDA), keyboard-only navigation. May have low vision, motor impairment, or cognitive differences. - -**Behaviors**: -- Tabs through the interface linearly -- Relies on ARIA labels and heading structure -- Cannot see hover states or visual-only indicators -- Needs adequate color contrast (4.5:1 minimum) -- May use browser zoom up to 200% - -**Test Questions**: -- Can the entire primary flow be completed keyboard-only? -- Are all interactive elements focusable with visible focus indicators? -- Do images have meaningful alt text? -- Is color contrast WCAG AA compliant (4.5:1 for text)? -- Does the screen reader announce state changes (loading, success, errors)? - -**Red Flags** (report these specifically): -- Click-only interactions with no keyboard alternative -- Missing or invisible focus indicators -- Meaning conveyed by color alone (red = error, green = success) -- Unlabeled form fields or buttons -- Time-limited actions without extension option -- Custom components that break screen reader flow - ---- - -## 4. Deliberate Stress Tester — "Riley" - -**Profile**: Methodical user who pushes interfaces beyond the happy path. Tests edge cases, tries unexpected inputs, and probes for gaps in the experience. - -**Behaviors**: -- Tests edge cases intentionally (empty states, long strings, special characters) -- Submits forms with unexpected data (emoji, RTL text, very long values) -- Tries to break workflows by navigating backwards, refreshing mid-flow, or opening in multiple tabs -- Looks for inconsistencies between what the UI promises and what actually happens -- Documents problems methodically - -**Test Questions**: -- What happens at the edges (0 items, 1000 items, very long text)? -- Do error states recover gracefully or leave the UI in a broken state? -- What happens on refresh mid-workflow? Is state preserved? -- Are there features that appear to work but produce broken results? -- How does the UI handle unexpected input (emoji, special chars, paste from Excel)? - -**Red Flags** (report these specifically): -- Features that appear to work but silently fail or produce wrong results -- Error handling that exposes technical details or leaves UI in a broken state -- Empty states that show nothing useful ("No results" with no guidance) -- Workflows that lose user data on refresh or navigation -- Inconsistent behavior between similar interactions in different parts of the UI - ---- - -## 5. Distracted Mobile User — "Casey" - -**Profile**: Using phone one-handed on the go. Frequently interrupted. Possibly on a slow connection. - -**Behaviors**: -- Uses thumb only — prefers bottom-of-screen actions -- Gets interrupted mid-flow and returns later -- Switches between apps frequently -- Has limited attention span and low patience -- Types as little as possible, prefers taps and selections - -**Test Questions**: -- Are primary actions in the thumb zone (bottom half of screen)? -- Is state preserved if the user leaves and returns? -- Does it work on slow connections (3G)? -- Can forms leverage autocomplete and smart defaults? -- Are touch targets at least 44×44pt? - -**Red Flags** (report these specifically): -- Important actions positioned at the top of the screen (unreachable by thumb) -- No state persistence — progress lost on tab switch or interruption -- Large text inputs required where selection would work -- Heavy assets loading on every page (no lazy loading) -- Tiny tap targets or targets too close together - ---- - -## Selecting Personas - -Choose personas based on the interface type: - -| Interface Type | Primary Personas | Why | -|---------------|-----------------|-----| -| Landing page / marketing | Jordan, Riley, Casey | First impressions, trust, mobile | -| Dashboard / admin | Alex, Sam | Power users, accessibility | -| E-commerce / checkout | Casey, Riley, Jordan | Mobile, edge cases, clarity | -| Onboarding flow | Jordan, Casey | Confusion, interruption | -| Data-heavy / analytics | Alex, Sam | Efficiency, keyboard nav | -| Form-heavy / wizard | Jordan, Sam, Casey | Clarity, accessibility, mobile | - ---- - -## Project-Specific Personas - -If `.github/copilot-instructions.md` contains a `## Design Context` section (generated by `teach-impeccable`), derive 1–2 additional personas from the audience and brand information: - -1. Read the target audience description -2. Identify the primary user archetype not covered by the 5 predefined personas -3. Create a persona following this template: - -``` -### [Role] — "[Name]" - -**Profile**: [2-3 key characteristics derived from Design Context] - -**Behaviors**: [3-4 specific behaviors based on the described audience] - -**Red Flags**: [3-4 things that would alienate this specific user type] -``` - -Only generate project-specific personas when real Design Context data is available. Don't invent audience details — use the 5 predefined personas when no context exists. diff --git a/.agents/skills/delight/SKILL.md b/.agents/skills/delight/SKILL.md deleted file mode 100644 index fe39492d..00000000 --- a/.agents/skills/delight/SKILL.md +++ /dev/null @@ -1,303 +0,0 @@ ---- -name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. -user-invocable: true -argument-hint: "[target]" ---- - -Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: what's appropriate for the domain (playful vs professional vs quirky vs elegant). - ---- - -## Assess Delight Opportunities - -Identify where delight would enhance (not distract from) the experience: - -1. **Find natural delight moments**: - - **Success states**: Completed actions (save, send, publish) - - **Empty states**: First-time experiences, onboarding - - **Loading states**: Waiting periods that could be entertaining - - **Achievements**: Milestones, streaks, completions - - **Interactions**: Hover states, clicks, drags - - **Errors**: Softening frustrating moments - - **Easter eggs**: Hidden discoveries for curious users - -2. **Understand the context**: - - What's the brand personality? (Playful? Professional? Quirky? Elegant?) - - Who's the audience? (Tech-savvy? Creative? Corporate?) - - What's the emotional context? (Accomplishment? Exploration? Frustration?) - - What's appropriate? (Banking app ≠ gaming app) - -3. **Define delight strategy**: - - **Subtle sophistication**: Refined micro-interactions (luxury brands) - - **Playful personality**: Whimsical illustrations and copy (consumer apps) - - **Helpful surprises**: Anticipating needs before users ask (productivity tools) - - **Sensory richness**: Satisfying sounds, smooth animations (creative tools) - -If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer. - -**CRITICAL**: Delight should enhance usability, never obscure it. If users notice the delight more than accomplishing their goal, you've gone too far. - -## Delight Principles - -Follow these guidelines: - -### Delight Amplifies, Never Blocks -- Delight moments should be quick (< 1 second) -- Never delay core functionality for delight -- Make delight skippable or subtle -- Respect user's time and task focus - -### Surprise and Discovery -- Hide delightful details for users to discover -- Reward exploration and curiosity -- Don't announce every delight moment -- Let users share discoveries with others - -### Appropriate to Context -- Match delight to emotional moment (celebrate success, empathize with errors) -- Respect the user's state (don't be playful during critical errors) -- Match brand personality and audience expectations -- Cultural sensitivity (what's delightful varies by culture) - -### Compound Over Time -- Delight should remain fresh with repeated use -- Vary responses (not same animation every time) -- Reveal deeper layers with continued use -- Build anticipation through patterns - -## Delight Techniques - -Add personality and joy through these methods: - -### Micro-interactions & Animation - -**Button delight**: -```css -/* Satisfying button press */ -.button { - transition: transform 0.1s, box-shadow 0.1s; -} -.button:active { - transform: translateY(2px); - box-shadow: 0 2px 4px rgba(0,0,0,0.2); -} - -/* Ripple effect on click */ -/* Smooth lift on hover */ -.button:hover { - transform: translateY(-2px); - transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); /* ease-out-quart */ -} -``` - -**Loading delight**: -- Playful loading animations (not just spinners) -- Personality in loading messages (write product-specific ones, not generic AI filler) -- Progress indication with encouraging messages -- Skeleton screens with subtle animations - -**Success animations**: -- Checkmark draw animation -- Confetti burst for major achievements -- Gentle scale + fade for confirmation -- Satisfying sound effects (subtle) - -**Hover surprises**: -- Icons that animate on hover -- Color shifts or glow effects -- Tooltip reveals with personality -- Cursor changes (custom cursors for branded experiences) - -### Personality in Copy - -**Playful error messages**: -``` -"Error 404" -"This page is playing hide and seek. (And winning)" - -"Connection failed" -"Looks like the internet took a coffee break. Want to retry?" -``` - -**Encouraging empty states**: -``` -"No projects" -"Your canvas awaits. Create something amazing." - -"No messages" -"Inbox zero! You're crushing it today." -``` - -**Playful labels & tooltips**: -``` -"Delete" -"Send to void" (for playful brand) - -"Help" -"Rescue me" (tooltip) -``` - -**IMPORTANT**: Match copy personality to brand. Banks shouldn't be wacky, but they can be warm. - -### Illustrations & Visual Personality - -**Custom illustrations**: -- Empty state illustrations (not stock icons) -- Error state illustrations (friendly monsters, quirky characters) -- Loading state illustrations (animated characters) -- Success state illustrations (celebrations) - -**Icon personality**: -- Custom icon set matching brand personality -- Animated icons (subtle motion on hover/click) -- Illustrative icons (more detailed than generic) -- Consistent style across all icons - -**Background effects**: -- Subtle particle effects -- Gradient mesh backgrounds -- Geometric patterns -- Parallax depth -- Time-of-day themes (morning vs night) - -### Satisfying Interactions - -**Drag and drop delight**: -- Lift effect on drag (shadow, scale) -- Snap animation when dropped -- Satisfying placement sound -- Undo toast ("Dropped in wrong place? [Undo]") - -**Toggle switches**: -- Smooth slide with spring physics -- Color transition -- Haptic feedback on mobile -- Optional sound effect - -**Progress & achievements**: -- Streak counters with celebratory milestones -- Progress bars that "celebrate" at 100% -- Badge unlocks with animation -- Playful stats ("You're on fire! 5 days in a row") - -**Form interactions**: -- Input fields that animate on focus -- Checkboxes with a satisfying scale pulse when checked -- Success state that celebrates valid input -- Auto-grow textareas - -### Sound Design - -**Subtle audio cues** (when appropriate): -- Notification sounds (distinctive but not annoying) -- Success sounds (satisfying "ding") -- Error sounds (empathetic, not harsh) -- Typing sounds for chat/messaging -- Ambient background audio (very subtle) - -**IMPORTANT**: -- Respect system sound settings -- Provide mute option -- Keep volumes quiet (subtle cues, not alarms) -- Don't play on every interaction (sound fatigue is real) - -### Easter Eggs & Hidden Delights - -**Discovery rewards**: -- Konami code unlocks special theme -- Hidden keyboard shortcuts (Cmd+K for special features) -- Hover reveals on logos or illustrations -- Alt text jokes on images (for screen reader users too!) -- Console messages for developers ("Like what you see? We're hiring!") - -**Seasonal touches**: -- Holiday themes (subtle, tasteful) -- Seasonal color shifts -- Weather-based variations -- Time-based changes (dark at night, light during day) - -**Contextual personality**: -- Different messages based on time of day -- Responses to specific user actions -- Randomized variations (not same every time) -- Progressive reveals with continued use - -### Loading & Waiting States - -**Make waiting engaging**: -- Interesting loading messages that rotate -- Progress bars with personality -- Mini-games during long loads -- Fun facts or tips while waiting -- Countdown with encouraging messages - -``` -Loading messages — write ones specific to your product, not generic AI filler: -- "Crunching your latest numbers..." -- "Syncing with your team's changes..." -- "Preparing your dashboard..." -- "Checking for updates since yesterday..." -``` - -**WARNING**: Avoid cliched loading messages like "Herding pixels", "Teaching robots to dance", "Consulting the magic 8-ball", "Counting backwards from infinity". These are AI-slop copy — instantly recognizable as machine-generated. Write messages that are specific to what your product actually does. - -### Celebration Moments - -**Success celebrations**: -- Confetti for major milestones -- Animated checkmarks for completions -- Progress bar celebrations at 100% -- "Achievement unlocked" style notifications -- Personalized messages ("You published your 10th article!") - -**Milestone recognition**: -- First-time actions get special treatment -- Streak tracking and celebration -- Progress toward goals -- Anniversary celebrations - -## Implementation Patterns - -**Animation libraries**: -- Framer Motion (React) -- GSAP (universal) -- Lottie (After Effects animations) -- Canvas confetti (party effects) - -**Sound libraries**: -- Howler.js (audio management) -- Use-sound (React hook) - -**Physics libraries**: -- React Spring (spring physics) -- Popmotion (animation primitives) - -**IMPORTANT**: File size matters. Compress images, optimize animations, lazy load delight features. - -**NEVER**: -- Delay core functionality for delight -- Force users through delightful moments (make skippable) -- Use delight to hide poor UX -- Overdo it (less is more) -- Ignore accessibility (animate responsibly, provide alternatives) -- Make every interaction delightful (special moments should be special) -- Sacrifice performance for delight -- Be inappropriate for context (read the room) - -## Verify Delight Quality - -Test that delight actually delights: - -- **User reactions**: Do users smile? Share screenshots? -- **Doesn't annoy**: Still pleasant after 100th time? -- **Doesn't block**: Can users opt out or skip? -- **Performant**: No jank, no slowdown -- **Appropriate**: Matches brand and context -- **Accessible**: Works with reduced motion, screen readers - -Remember: Delight is the difference between a tool and an experience. Add personality, surprise users positively, and create moments worth sharing. But always respect usability - delight should enhance, never obstruct. \ No newline at end of file diff --git a/.agents/skills/distill/SKILL.md b/.agents/skills/distill/SKILL.md deleted file mode 100644 index fd2a8e47..00000000 --- a/.agents/skills/distill/SKILL.md +++ /dev/null @@ -1,121 +0,0 @@ ---- -name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. -user-invocable: true -argument-hint: "[target]" ---- - -Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. - ---- - -## Assess Current State - -Analyze what makes the design feel complex or cluttered: - -1. **Identify complexity sources**: - - **Too many elements**: Competing buttons, redundant information, visual clutter - - **Excessive variation**: Too many colors, fonts, sizes, styles without purpose - - **Information overload**: Everything visible at once, no progressive disclosure - - **Visual noise**: Unnecessary borders, shadows, backgrounds, decorations - - **Confusing hierarchy**: Unclear what matters most - - **Feature creep**: Too many options, actions, or paths forward - -2. **Find the essence**: - - What's the primary user goal? (There should be ONE) - - What's actually necessary vs nice-to-have? - - What can be removed, hidden, or combined? - - What's the 20% that delivers 80% of value? - -If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer. - -**CRITICAL**: Simplicity is not about removing features - it's about removing obstacles between users and their goals. Every element should justify its existence. - -## Plan Simplification - -Create a ruthless editing strategy: - -- **Core purpose**: What's the ONE thing this should accomplish? -- **Essential elements**: What's truly necessary to achieve that purpose? -- **Progressive disclosure**: What can be hidden until needed? -- **Consolidation opportunities**: What can be combined or integrated? - -**IMPORTANT**: Simplification is hard. It requires saying no to good ideas to make room for great execution. Be ruthless. - -## Simplify the Design - -Systematically remove complexity across these dimensions: - -### Information Architecture -- **Reduce scope**: Remove secondary actions, optional features, redundant information -- **Progressive disclosure**: Hide complexity behind clear entry points (accordions, modals, step-through flows) -- **Combine related actions**: Merge similar buttons, consolidate forms, group related content -- **Clear hierarchy**: ONE primary action, few secondary actions, everything else tertiary or hidden -- **Remove redundancy**: If it's said elsewhere, don't repeat it here - -### Visual Simplification -- **Reduce color palette**: Use 1-2 colors plus neutrals, not 5-7 colors -- **Limit typography**: One font family, 3-4 sizes maximum, 2-3 weights -- **Remove decorations**: Eliminate borders, shadows, backgrounds that don't serve hierarchy or function -- **Flatten structure**: Reduce nesting, remove unnecessary containers—never nest cards inside cards -- **Remove unnecessary cards**: Cards aren't needed for basic layout; use spacing and alignment instead -- **Consistent spacing**: Use one spacing scale, remove arbitrary gaps - -### Layout Simplification -- **Linear flow**: Replace complex grids with simple vertical flow where possible -- **Remove sidebars**: Move secondary content inline or hide it -- **Full-width**: Use available space generously instead of complex multi-column layouts -- **Consistent alignment**: Pick left or center, stick with it -- **Generous white space**: Let content breathe, don't pack everything tight - -### Interaction Simplification -- **Reduce choices**: Fewer buttons, fewer options, clearer path forward (paradox of choice is real) -- **Smart defaults**: Make common choices automatic, only ask when necessary -- **Inline actions**: Replace modal flows with inline editing where possible -- **Remove steps**: Can signup be one step instead of three? Can checkout be simplified? -- **Clear CTAs**: ONE obvious next step, not five competing actions - -### Content Simplification -- **Shorter copy**: Cut every sentence in half, then do it again -- **Active voice**: "Save changes" not "Changes will be saved" -- **Remove jargon**: Plain language always wins -- **Scannable structure**: Short paragraphs, bullet points, clear headings -- **Essential information only**: Remove marketing fluff, legalese, hedging -- **Remove redundant copy**: No headers restating intros, no repeated explanations, say it once - -### Code Simplification -- **Remove unused code**: Dead CSS, unused components, orphaned files -- **Flatten component trees**: Reduce nesting depth -- **Consolidate styles**: Merge similar styles, use utilities consistently -- **Reduce variants**: Does that component need 12 variations, or can 3 cover 90% of cases? - -**NEVER**: -- Remove necessary functionality (simplicity ≠ feature-less) -- Sacrifice accessibility for simplicity (clear labels and ARIA still required) -- Make things so simple they're unclear (mystery ≠ minimalism) -- Remove information users need to make decisions -- Eliminate hierarchy completely (some things should stand out) -- Oversimplify complex domains (match complexity to actual task complexity) - -## Verify Simplification - -Ensure simplification improves usability: - -- **Faster task completion**: Can users accomplish goals more quickly? -- **Reduced cognitive load**: Is it easier to understand what to do? -- **Still complete**: Are all necessary features still accessible? -- **Clearer hierarchy**: Is it obvious what matters most? -- **Better performance**: Does simpler design load faster? - -## Document Removed Complexity - -If you removed features or options: -- Document why they were removed -- Consider if they need alternative access points -- Note any user feedback to monitor - -Remember: You have great taste and judgment. Simplification is an act of confidence - knowing what to keep and courage to remove the rest. As Antoine de Saint-Exupéry said: "Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away." \ No newline at end of file diff --git a/.agents/skills/extract/SKILL.md b/.agents/skills/extract/SKILL.md deleted file mode 100644 index 4b57ea39..00000000 --- a/.agents/skills/extract/SKILL.md +++ /dev/null @@ -1,91 +0,0 @@ ---- -name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. -user-invocable: true -argument-hint: "[target]" ---- - -Identify reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse. - -## Discover - -Analyze the target area to identify extraction opportunities: - -1. **Find the design system**: Locate your design system, component library, or shared UI directory (grep for "design system", "ui", "components", etc.). Understand its structure: - - Component organization and naming conventions - - Design token structure (if any) - - Documentation patterns - - Import/export conventions - - **CRITICAL**: If no design system exists, ask before creating one. Understand the preferred location and structure first. - -2. **Identify patterns**: Look for: - - **Repeated components**: Similar UI patterns used multiple times (buttons, cards, inputs, etc.) - - **Hard-coded values**: Colors, spacing, typography, shadows that should be tokens - - **Inconsistent variations**: Multiple implementations of the same concept (3 different button styles) - - **Reusable patterns**: Layout patterns, composition patterns, interaction patterns worth systematizing - -3. **Assess value**: Not everything should be extracted. Consider: - - Is this used 3+ times, or likely to be reused? - - Would systematizing this improve consistency? - - Is this a general pattern or context-specific? - - What's the maintenance cost vs benefit? - -## Plan Extraction - -Create a systematic extraction plan: - -- **Components to extract**: Which UI elements become reusable components? -- **Tokens to create**: Which hard-coded values become design tokens? -- **Variants to support**: What variations does each component need? -- **Naming conventions**: Component names, token names, prop names that match existing patterns -- **Migration path**: How to refactor existing uses to consume the new shared versions - -**IMPORTANT**: Design systems grow incrementally. Extract what's clearly reusable now, not everything that might someday be reusable. - -## Extract & Enrich - -Build improved, reusable versions: - -- **Components**: Create well-designed components with: - - Clear props API with sensible defaults - - Proper variants for different use cases - - Accessibility built in (ARIA, keyboard navigation, focus management) - - Documentation and usage examples - -- **Design tokens**: Create tokens with: - - Clear naming (primitive vs semantic) - - Proper hierarchy and organization - - Documentation of when to use each token - -- **Patterns**: Document patterns with: - - When to use this pattern - - Code examples - - Variations and combinations - -**NEVER**: -- Extract one-off, context-specific implementations without generalization -- Create components so generic they're useless -- Extract without considering existing design system conventions -- Skip proper TypeScript types or prop documentation -- Create tokens for every single value (tokens should have semantic meaning) - -## Migrate - -Replace existing uses with the new shared versions: - -- **Find all instances**: Search for the patterns you've extracted -- **Replace systematically**: Update each use to consume the shared version -- **Test thoroughly**: Ensure visual and functional parity -- **Delete dead code**: Remove the old implementations - -## Document - -Update design system documentation: - -- Add new components to the component library -- Document token usage and values -- Add examples and guidelines -- Update any Storybook or component catalog - -Remember: A good design system is a living system. Extract patterns as they emerge, enrich them thoughtfully, and maintain them consistently. \ No newline at end of file diff --git a/.agents/skills/frontend-design/SKILL.md b/.agents/skills/frontend-design/SKILL.md deleted file mode 100644 index dd7c5dd4..00000000 --- a/.agents/skills/frontend-design/SKILL.md +++ /dev/null @@ -1,147 +0,0 @@ ---- -name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. -license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. ---- - -This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices. - -## Context Gathering Protocol - -Design skills produce generic output without project context. You MUST have confirmed design context before doing any design work. - -**Required context** — every design skill needs at minimum: -- **Target audience**: Who uses this product and in what context? -- **Use cases**: What jobs are they trying to get done? -- **Brand personality/tone**: How should the interface feel? - -Individual skills may require additional context — check the skill's preparation section for specifics. - -**CRITICAL**: You cannot infer this context by reading the codebase. Code tells you what was built, not who it's for or what it should feel like. Only the creator can provide this context. - -**Gathering order:** -1. **Check current instructions (instant)**: If your loaded instructions already contain a **Design Context** section, proceed immediately. -2. **Check .impeccable.md (fast)**: If not in instructions, read `.impeccable.md` from the project root. If it exists and contains the required context, proceed. -3. **Run teach-impeccable (REQUIRED)**: If neither source has context, you MUST run /teach-impeccable NOW before doing anything else. Do NOT skip this step. Do NOT attempt to infer context from the codebase instead. - ---- - -## Design Direction - -Commit to a BOLD aesthetic direction: -- **Purpose**: What problem does this interface solve? Who uses it? -- **Tone**: Pick an extreme: brutally minimal, maximalist chaos, retro-futuristic, organic/natural, luxury/refined, playful/toy-like, editorial/magazine, brutalist/raw, art deco/geometric, soft/pastel, industrial/utilitarian, etc. There are so many flavors to choose from. Use these for inspiration but design one that is true to the aesthetic direction. -- **Constraints**: Technical requirements (framework, performance, accessibility). -- **Differentiation**: What makes this UNFORGETTABLE? What's the one thing someone will remember? - -**CRITICAL**: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work—the key is intentionality, not intensity. - -Then implement working code that is: -- Production-grade and functional -- Visually striking and memorable -- Cohesive with a clear aesthetic point-of-view -- Meticulously refined in every detail - -## Frontend Aesthetics Guidelines - -### Typography -→ *Consult [typography reference](reference/typography.md) for scales, pairing, and loading strategies.* - -Choose fonts that are beautiful, unique, and interesting. Pair a distinctive display font with a refined body font. - -**DO**: Use a modular type scale with fluid sizing (clamp) -**DO**: Vary font weights and sizes to create clear visual hierarchy -**DON'T**: Use overused fonts—Inter, Roboto, Arial, Open Sans, system defaults -**DON'T**: Use monospace typography as lazy shorthand for "technical/developer" vibes -**DON'T**: Put large icons with rounded corners above every heading—they rarely add value and make sites look templated - -### Color & Theme -→ *Consult [color reference](reference/color-and-contrast.md) for OKLCH, palettes, and dark mode.* - -Commit to a cohesive palette. Dominant colors with sharp accents outperform timid, evenly-distributed palettes. - -**DO**: Use modern CSS color functions (oklch, color-mix, light-dark) for perceptually uniform, maintainable palettes -**DO**: Tint your neutrals toward your brand hue—even a subtle hint creates subconscious cohesion -**DON'T**: Use gray text on colored backgrounds—it looks washed out; use a shade of the background color instead -**DON'T**: Use pure black (#000) or pure white (#fff)—always tint; pure black/white never appears in nature -**DON'T**: Use the AI color palette: cyan-on-dark, purple-to-blue gradients, neon accents on dark backgrounds -**DON'T**: Use gradient text for "impact"—especially on metrics or headings; it's decorative rather than meaningful -**DON'T**: Default to dark mode with glowing accents—it looks "cool" without requiring actual design decisions - -### Layout & Space -→ *Consult [spatial reference](reference/spatial-design.md) for grids, rhythm, and container queries.* - -Create visual rhythm through varied spacing—not the same padding everywhere. Embrace asymmetry and unexpected compositions. Break the grid intentionally for emphasis. - -**DO**: Create visual rhythm through varied spacing—tight groupings, generous separations -**DO**: Use fluid spacing with clamp() that breathes on larger screens -**DO**: Use asymmetry and unexpected compositions; break the grid intentionally for emphasis -**DON'T**: Wrap everything in cards—not everything needs a container -**DON'T**: Nest cards inside cards—visual noise, flatten the hierarchy -**DON'T**: Use identical card grids—same-sized cards with icon + heading + text, repeated endlessly -**DON'T**: Use the hero metric layout template—big number, small label, supporting stats, gradient accent -**DON'T**: Center everything—left-aligned text with asymmetric layouts feels more designed -**DON'T**: Use the same spacing everywhere—without rhythm, layouts feel monotonous - -### Visual Details -**DO**: Use intentional, purposeful decorative elements that reinforce brand -**DON'T**: Use glassmorphism everywhere—blur effects, glass cards, glow borders used decoratively rather than purposefully -**DON'T**: Use rounded elements with thick colored border on one side—a lazy accent that almost never looks intentional -**DON'T**: Use sparklines as decoration—tiny charts that look sophisticated but convey nothing meaningful -**DON'T**: Use rounded rectangles with generic drop shadows—safe, forgettable, could be any AI output -**DON'T**: Use modals unless there's truly no better alternative—modals are lazy - -### Motion -→ *Consult [motion reference](reference/motion-design.md) for timing, easing, and reduced motion.* - -Focus on high-impact moments: one well-orchestrated page load with staggered reveals creates more delight than scattered micro-interactions. - -**DO**: Use motion to convey state changes—entrances, exits, feedback -**DO**: Use exponential easing (ease-out-quart/quint/expo) for natural deceleration -**DO**: For height animations, use grid-template-rows transitions instead of animating height directly -**DON'T**: Animate layout properties (width, height, padding, margin)—use transform and opacity only -**DON'T**: Use bounce or elastic easing—they feel dated and tacky; real objects decelerate smoothly - -### Interaction -→ *Consult [interaction reference](reference/interaction-design.md) for forms, focus, and loading patterns.* - -Make interactions feel fast. Use optimistic UI—update immediately, sync later. - -**DO**: Use progressive disclosure—start simple, reveal sophistication through interaction (basic options first, advanced behind expandable sections; hover states that reveal secondary actions) -**DO**: Design empty states that teach the interface, not just say "nothing here" -**DO**: Make every interactive surface feel intentional and responsive -**DON'T**: Repeat the same information—redundant headers, intros that restate the heading -**DON'T**: Make every button primary—use ghost buttons, text links, secondary styles; hierarchy matters - -### Responsive -→ *Consult [responsive reference](reference/responsive-design.md) for mobile-first, fluid design, and container queries.* - -**DO**: Use container queries (@container) for component-level responsiveness -**DO**: Adapt the interface for different contexts—don't just shrink it -**DON'T**: Hide critical functionality on mobile—adapt the interface, don't amputate it - -### UX Writing -→ *Consult [ux-writing reference](reference/ux-writing.md) for labels, errors, and empty states.* - -**DO**: Make every word earn its place -**DON'T**: Repeat information users can already see - ---- - -## The AI Slop Test - -**Critical quality check**: If you showed this interface to someone and said "AI made this," would they believe you immediately? If yes, that's the problem. - -A distinctive interface should make someone ask "how was this made?" not "which AI made this?" - -Review the DON'T guidelines above—they are the fingerprints of AI-generated work from 2024-2025. - ---- - -## Implementation Principles - -Match implementation complexity to the aesthetic vision. Maximalist designs need elaborate code with extensive animations and effects. Minimalist or refined designs need restraint, precision, and careful attention to spacing, typography, and subtle details. - -Interpret creatively and make unexpected choices that feel genuinely designed for the context. No design should be the same. Vary between light and dark themes, different fonts, different aesthetics. NEVER converge on common choices across generations. - -Remember: the model is capable of extraordinary creative work. Don't hold back—show what can truly be created when thinking outside the box and committing fully to a distinctive vision. \ No newline at end of file diff --git a/.agents/skills/frontend-design/reference/color-and-contrast.md b/.agents/skills/frontend-design/reference/color-and-contrast.md deleted file mode 100644 index 77aaf032..00000000 --- a/.agents/skills/frontend-design/reference/color-and-contrast.md +++ /dev/null @@ -1,132 +0,0 @@ -# Color & Contrast - -## Color Spaces: Use OKLCH - -**Stop using HSL.** Use OKLCH (or LCH) instead. It's perceptually uniform, meaning equal steps in lightness *look* equal—unlike HSL where 50% lightness in yellow looks bright while 50% in blue looks dark. - -```css -/* OKLCH: lightness (0-100%), chroma (0-0.4+), hue (0-360) */ ---color-primary: oklch(60% 0.15 250); /* Blue */ ---color-primary-light: oklch(85% 0.08 250); /* Same hue, lighter */ ---color-primary-dark: oklch(35% 0.12 250); /* Same hue, darker */ -``` - -**Key insight**: As you move toward white or black, reduce chroma (saturation). High chroma at extreme lightness looks garish. A light blue at 85% lightness needs ~0.08 chroma, not the 0.15 of your base color. - -## Building Functional Palettes - -### The Tinted Neutral Trap - -**Pure gray is dead.** Add a subtle hint of your brand hue to all neutrals: - -```css -/* Dead grays */ ---gray-100: oklch(95% 0 0); /* No personality */ ---gray-900: oklch(15% 0 0); - -/* Warm-tinted grays (add brand warmth) */ ---gray-100: oklch(95% 0.01 60); /* Hint of warmth */ ---gray-900: oklch(15% 0.01 60); - -/* Cool-tinted grays (tech, professional) */ ---gray-100: oklch(95% 0.01 250); /* Hint of blue */ ---gray-900: oklch(15% 0.01 250); -``` - -The chroma is tiny (0.01) but perceptible. It creates subconscious cohesion between your brand color and your UI. - -### Palette Structure - -A complete system needs: - -| Role | Purpose | Example | -|------|---------|---------| -| **Primary** | Brand, CTAs, key actions | 1 color, 3-5 shades | -| **Neutral** | Text, backgrounds, borders | 9-11 shade scale | -| **Semantic** | Success, error, warning, info | 4 colors, 2-3 shades each | -| **Surface** | Cards, modals, overlays | 2-3 elevation levels | - -**Skip secondary/tertiary unless you need them.** Most apps work fine with one accent color. Adding more creates decision fatigue and visual noise. - -### The 60-30-10 Rule (Applied Correctly) - -This rule is about **visual weight**, not pixel count: - -- **60%**: Neutral backgrounds, white space, base surfaces -- **30%**: Secondary colors—text, borders, inactive states -- **10%**: Accent—CTAs, highlights, focus states - -The common mistake: using the accent color everywhere because it's "the brand color." Accent colors work *because* they're rare. Overuse kills their power. - -## Contrast & Accessibility - -### WCAG Requirements - -| Content Type | AA Minimum | AAA Target | -|--------------|------------|------------| -| Body text | 4.5:1 | 7:1 | -| Large text (18px+ or 14px bold) | 3:1 | 4.5:1 | -| UI components, icons | 3:1 | 4.5:1 | -| Non-essential decorations | None | None | - -**The gotcha**: Placeholder text still needs 4.5:1. That light gray placeholder you see everywhere? Usually fails WCAG. - -### Dangerous Color Combinations - -These commonly fail contrast or cause readability issues: - -- Light gray text on white (the #1 accessibility fail) -- **Gray text on any colored background**—gray looks washed out and dead on color. Use a darker shade of the background color, or transparency -- Red text on green background (or vice versa)—8% of men can't distinguish these -- Blue text on red background (vibrates visually) -- Yellow text on white (almost always fails) -- Thin light text on images (unpredictable contrast) - -### Never Use Pure Gray or Pure Black - -Pure gray (`oklch(50% 0 0)`) and pure black (`#000`) don't exist in nature—real shadows and surfaces always have a color cast. Even a chroma of 0.005-0.01 is enough to feel natural without being obviously tinted. (See tinted neutrals example above.) - -### Testing - -Don't trust your eyes. Use tools: - -- [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/) -- Browser DevTools → Rendering → Emulate vision deficiencies -- [Polypane](https://polypane.app/) for real-time testing - -## Theming: Light & Dark Mode - -### Dark Mode Is Not Inverted Light Mode - -You can't just swap colors. Dark mode requires different design decisions: - -| Light Mode | Dark Mode | -|------------|-----------| -| Shadows for depth | Lighter surfaces for depth (no shadows) | -| Dark text on light | Light text on dark (reduce font weight) | -| Vibrant accents | Desaturate accents slightly | -| White backgrounds | Never pure black—use dark gray (oklch 12-18%) | - -```css -/* Dark mode depth via surface color, not shadow */ -:root[data-theme="dark"] { - --surface-1: oklch(15% 0.01 250); - --surface-2: oklch(20% 0.01 250); /* "Higher" = lighter */ - --surface-3: oklch(25% 0.01 250); - - /* Reduce text weight slightly */ - --body-weight: 350; /* Instead of 400 */ -} -``` - -### Token Hierarchy - -Use two layers: primitive tokens (`--blue-500`) and semantic tokens (`--color-primary: var(--blue-500)`). For dark mode, only redefine the semantic layer—primitives stay the same. - -## Alpha Is A Design Smell - -Heavy use of transparency (rgba, hsla) usually means an incomplete palette. Alpha creates unpredictable contrast, performance overhead, and inconsistency. Define explicit overlay colors for each context instead. Exception: focus rings and interactive states where see-through is needed. - ---- - -**Avoid**: Relying on color alone to convey information. Creating palettes without clear roles for each color. Using pure black (#000) for large areas. Skipping color blindness testing (8% of men affected). diff --git a/.agents/skills/frontend-design/reference/interaction-design.md b/.agents/skills/frontend-design/reference/interaction-design.md deleted file mode 100644 index 19d6809a..00000000 --- a/.agents/skills/frontend-design/reference/interaction-design.md +++ /dev/null @@ -1,195 +0,0 @@ -# Interaction Design - -## The Eight Interactive States - -Every interactive element needs these states designed: - -| State | When | Visual Treatment | -|-------|------|------------------| -| **Default** | At rest | Base styling | -| **Hover** | Pointer over (not touch) | Subtle lift, color shift | -| **Focus** | Keyboard/programmatic focus | Visible ring (see below) | -| **Active** | Being pressed | Pressed in, darker | -| **Disabled** | Not interactive | Reduced opacity, no pointer | -| **Loading** | Processing | Spinner, skeleton | -| **Error** | Invalid state | Red border, icon, message | -| **Success** | Completed | Green check, confirmation | - -**The common miss**: Designing hover without focus, or vice versa. They're different. Keyboard users never see hover states. - -## Focus Rings: Do Them Right - -**Never `outline: none` without replacement.** It's an accessibility violation. Instead, use `:focus-visible` to show focus only for keyboard users: - -```css -/* Hide focus ring for mouse/touch */ -button:focus { - outline: none; -} - -/* Show focus ring for keyboard */ -button:focus-visible { - outline: 2px solid var(--color-accent); - outline-offset: 2px; -} -``` - -**Focus ring design**: -- High contrast (3:1 minimum against adjacent colors) -- 2-3px thick -- Offset from element (not inside it) -- Consistent across all interactive elements - -## Form Design: The Non-Obvious - -**Placeholders aren't labels**—they disappear on input. Always use visible `Skip to main content`) for keyboard users to jump past navigation. Hide off-screen, show on focus. - -## Gesture Discoverability - -Swipe-to-delete and similar gestures are invisible. Hint at their existence: - -- **Partially reveal**: Show delete button peeking from edge -- **Onboarding**: Coach marks on first use -- **Alternative**: Always provide a visible fallback (menu with "Delete") - -Don't rely on gestures as the only way to perform actions. - ---- - -**Avoid**: Removing focus indicators without alternatives. Using placeholder text as labels. Touch targets <44x44px. Generic error messages. Custom controls without ARIA/keyboard support. diff --git a/.agents/skills/frontend-design/reference/motion-design.md b/.agents/skills/frontend-design/reference/motion-design.md deleted file mode 100644 index eff2788b..00000000 --- a/.agents/skills/frontend-design/reference/motion-design.md +++ /dev/null @@ -1,99 +0,0 @@ -# Motion Design - -## Duration: The 100/300/500 Rule - -Timing matters more than easing. These durations feel right for most UI: - -| Duration | Use Case | Examples | -|----------|----------|----------| -| **100-150ms** | Instant feedback | Button press, toggle, color change | -| **200-300ms** | State changes | Menu open, tooltip, hover states | -| **300-500ms** | Layout changes | Accordion, modal, drawer | -| **500-800ms** | Entrance animations | Page load, hero reveals | - -**Exit animations are faster than entrances**—use ~75% of enter duration. - -## Easing: Pick the Right Curve - -**Don't use `ease`.** It's a compromise that's rarely optimal. Instead: - -| Curve | Use For | CSS | -|-------|---------|-----| -| **ease-out** | Elements entering | `cubic-bezier(0.16, 1, 0.3, 1)` | -| **ease-in** | Elements leaving | `cubic-bezier(0.7, 0, 0.84, 0)` | -| **ease-in-out** | State toggles (there → back) | `cubic-bezier(0.65, 0, 0.35, 1)` | - -**For micro-interactions, use exponential curves**—they feel natural because they mimic real physics (friction, deceleration): - -```css -/* Quart out - smooth, refined (recommended default) */ ---ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1); - -/* Quint out - slightly more dramatic */ ---ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1); - -/* Expo out - snappy, confident */ ---ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); -``` - -**Avoid bounce and elastic curves.** They were trendy in 2015 but now feel tacky and amateurish. Real objects don't bounce when they stop—they decelerate smoothly. Overshoot effects draw attention to the animation itself rather than the content. - -## The Only Two Properties You Should Animate - -**transform** and **opacity** only—everything else causes layout recalculation. For height animations (accordions), use `grid-template-rows: 0fr → 1fr` instead of animating `height` directly. - -## Staggered Animations - -Use CSS custom properties for cleaner stagger: `animation-delay: calc(var(--i, 0) * 50ms)` with `style="--i: 0"` on each item. **Cap total stagger time**—10 items at 50ms = 500ms total. For many items, reduce per-item delay or cap staggered count. - -## Reduced Motion - -This is not optional. Vestibular disorders affect ~35% of adults over 40. - -```css -/* Define animations normally */ -.card { - animation: slide-up 500ms ease-out; -} - -/* Provide alternative for reduced motion */ -@media (prefers-reduced-motion: reduce) { - .card { - animation: fade-in 200ms ease-out; /* Crossfade instead of motion */ - } -} - -/* Or disable entirely */ -@media (prefers-reduced-motion: reduce) { - *, *::before, *::after { - animation-duration: 0.01ms !important; - transition-duration: 0.01ms !important; - } -} -``` - -**What to preserve**: Functional animations like progress bars, loading spinners (slowed down), and focus indicators should still work—just without spatial movement. - -## Perceived Performance - -**Nobody cares how fast your site is—just how fast it feels.** Perception can be as effective as actual performance. - -**The 80ms threshold**: Our brains buffer sensory input for ~80ms to synchronize perception. Anything under 80ms feels instant and simultaneous. This is your target for micro-interactions. - -**Active vs passive time**: Passive waiting (staring at a spinner) feels longer than active engagement. Strategies to shift the balance: - -- **Preemptive start**: Begin transitions immediately while loading (iOS app zoom, skeleton UI). Users perceive work happening. -- **Early completion**: Show content progressively—don't wait for everything. Video buffering, progressive images, streaming HTML. -- **Optimistic UI**: Update the interface immediately, handle failures gracefully. Instagram likes work offline—the UI updates instantly, syncs later. Use for low-stakes actions; avoid for payments or destructive operations. - -**Easing affects perceived duration**: Ease-in (accelerating toward completion) makes tasks feel shorter because the peak-end effect weights final moments heavily. Ease-out feels satisfying for entrances, but ease-in toward a task's end compresses perceived time. - -**Caution**: Too-fast responses can decrease perceived value. Users may distrust instant results for complex operations (search, analysis). Sometimes a brief delay signals "real work" is happening. - -## Performance - -Don't use `will-change` preemptively—only when animation is imminent (`:hover`, `.animating`). For scroll-triggered animations, use Intersection Observer instead of scroll events; unobserve after animating once. Create motion tokens for consistency (durations, easings, common transitions). - ---- - -**Avoid**: Animating everything (animation fatigue is real). Using >500ms for UI feedback. Ignoring `prefers-reduced-motion`. Using animation to hide slow loading. diff --git a/.agents/skills/frontend-design/reference/responsive-design.md b/.agents/skills/frontend-design/reference/responsive-design.md deleted file mode 100644 index 74f5a100..00000000 --- a/.agents/skills/frontend-design/reference/responsive-design.md +++ /dev/null @@ -1,114 +0,0 @@ -# Responsive Design - -## Mobile-First: Write It Right - -Start with base styles for mobile, use `min-width` queries to layer complexity. Desktop-first (`max-width`) means mobile loads unnecessary styles first. - -## Breakpoints: Content-Driven - -Don't chase device sizes—let content tell you where to break. Start narrow, stretch until design breaks, add breakpoint there. Three breakpoints usually suffice (640, 768, 1024px). Use `clamp()` for fluid values without breakpoints. - -## Detect Input Method, Not Just Screen Size - -**Screen size doesn't tell you input method.** A laptop with touchscreen, a tablet with keyboard—use pointer and hover queries: - -```css -/* Fine pointer (mouse, trackpad) */ -@media (pointer: fine) { - .button { padding: 8px 16px; } -} - -/* Coarse pointer (touch, stylus) */ -@media (pointer: coarse) { - .button { padding: 12px 20px; } /* Larger touch target */ -} - -/* Device supports hover */ -@media (hover: hover) { - .card:hover { transform: translateY(-2px); } -} - -/* Device doesn't support hover (touch) */ -@media (hover: none) { - .card { /* No hover state - use active instead */ } -} -``` - -**Critical**: Don't rely on hover for functionality. Touch users can't hover. - -## Safe Areas: Handle the Notch - -Modern phones have notches, rounded corners, and home indicators. Use `env()`: - -```css -body { - padding-top: env(safe-area-inset-top); - padding-bottom: env(safe-area-inset-bottom); - padding-left: env(safe-area-inset-left); - padding-right: env(safe-area-inset-right); -} - -/* With fallback */ -.footer { - padding-bottom: max(1rem, env(safe-area-inset-bottom)); -} -``` - -**Enable viewport-fit** in your meta tag: -```html - -``` - -## Responsive Images: Get It Right - -### srcset with Width Descriptors - -```html -Hero image -``` - -**How it works**: -- `srcset` lists available images with their actual widths (`w` descriptors) -- `sizes` tells the browser how wide the image will display -- Browser picks the best file based on viewport width AND device pixel ratio - -### Picture Element for Art Direction - -When you need different crops/compositions (not just resolutions): - -```html - - - - ... - -``` - -## Layout Adaptation Patterns - -**Navigation**: Three stages—hamburger + drawer on mobile, horizontal compact on tablet, full with labels on desktop. **Tables**: Transform to cards on mobile using `display: block` and `data-label` attributes. **Progressive disclosure**: Use `
/` for content that can collapse on mobile. - -## Testing: Don't Trust DevTools Alone - -DevTools device emulation is useful for layout but misses: - -- Actual touch interactions -- Real CPU/memory constraints -- Network latency patterns -- Font rendering differences -- Browser chrome/keyboard appearances - -**Test on at least**: One real iPhone, one real Android, a tablet if relevant. Cheap Android phones reveal performance issues you'll never see on simulators. - ---- - -**Avoid**: Desktop-first design. Device detection instead of feature detection. Separate mobile/desktop codebases. Ignoring tablet and landscape. Assuming all mobile devices are powerful. diff --git a/.agents/skills/frontend-design/reference/spatial-design.md b/.agents/skills/frontend-design/reference/spatial-design.md deleted file mode 100644 index 27c8e74f..00000000 --- a/.agents/skills/frontend-design/reference/spatial-design.md +++ /dev/null @@ -1,100 +0,0 @@ -# Spatial Design - -## Spacing Systems - -### Use 4pt Base, Not 8pt - -8pt systems are too coarse—you'll frequently need 12px (between 8 and 16). Use 4pt for granularity: 4, 8, 12, 16, 24, 32, 48, 64, 96px. - -### Name Tokens Semantically - -Name by relationship (`--space-sm`, `--space-lg`), not value (`--spacing-8`). Use `gap` instead of margins for sibling spacing—it eliminates margin collapse and cleanup hacks. - -## Grid Systems - -### The Self-Adjusting Grid - -Use `repeat(auto-fit, minmax(280px, 1fr))` for responsive grids without breakpoints. Columns are at least 280px, as many as fit per row, leftovers stretch. For complex layouts, use named grid areas (`grid-template-areas`) and redefine them at breakpoints. - -## Visual Hierarchy - -### The Squint Test - -Blur your eyes (or screenshot and blur). Can you still identify: -- The most important element? -- The second most important? -- Clear groupings? - -If everything looks the same weight blurred, you have a hierarchy problem. - -### Hierarchy Through Multiple Dimensions - -Don't rely on size alone. Combine: - -| Tool | Strong Hierarchy | Weak Hierarchy | -|------|------------------|----------------| -| **Size** | 3:1 ratio or more | <2:1 ratio | -| **Weight** | Bold vs Regular | Medium vs Regular | -| **Color** | High contrast | Similar tones | -| **Position** | Top/left (primary) | Bottom/right | -| **Space** | Surrounded by white space | Crowded | - -**The best hierarchy uses 2-3 dimensions at once**: A heading that's larger, bolder, AND has more space above it. - -### Cards Are Not Required - -Cards are overused. Spacing and alignment create visual grouping naturally. Use cards only when content is truly distinct and actionable, items need visual comparison in a grid, or content needs clear interaction boundaries. **Never nest cards inside cards**—use spacing, typography, and subtle dividers for hierarchy within a card. - -## Container Queries - -Viewport queries are for page layouts. **Container queries are for components**: - -```css -.card-container { - container-type: inline-size; -} - -.card { - display: grid; - gap: var(--space-md); -} - -/* Card layout changes based on its container, not viewport */ -@container (min-width: 400px) { - .card { - grid-template-columns: 120px 1fr; - } -} -``` - -**Why this matters**: A card in a narrow sidebar stays compact, while the same card in a main content area expands—automatically, without viewport hacks. - -## Optical Adjustments - -Text at `margin-left: 0` looks indented due to letterform whitespace—use negative margin (`-0.05em`) to optically align. Geometrically centered icons often look off-center; play icons need to shift right, arrows shift toward their direction. - -### Touch Targets vs Visual Size - -Buttons can look small but need large touch targets (44px minimum). Use padding or pseudo-elements: - -```css -.icon-button { - width: 24px; /* Visual size */ - height: 24px; - position: relative; -} - -.icon-button::before { - content: ''; - position: absolute; - inset: -10px; /* Expand tap target to 44px */ -} -``` - -## Depth & Elevation - -Create semantic z-index scales (dropdown → sticky → modal-backdrop → modal → toast → tooltip) instead of arbitrary numbers. For shadows, create a consistent elevation scale (sm → md → lg → xl). **Key insight**: Shadows should be subtle—if you can clearly see it, it's probably too strong. - ---- - -**Avoid**: Arbitrary spacing values outside your scale. Making all spacing equal (variety creates hierarchy). Creating hierarchy through size alone - combine size, weight, color, and space. diff --git a/.agents/skills/frontend-design/reference/typography.md b/.agents/skills/frontend-design/reference/typography.md deleted file mode 100644 index fc201c8a..00000000 --- a/.agents/skills/frontend-design/reference/typography.md +++ /dev/null @@ -1,133 +0,0 @@ -# Typography - -## Classic Typography Principles - -### Vertical Rhythm - -Your line-height should be the base unit for ALL vertical spacing. If body text has `line-height: 1.5` on `16px` type (= 24px), spacing values should be multiples of 24px. This creates subconscious harmony—text and space share a mathematical foundation. - -### Modular Scale & Hierarchy - -The common mistake: too many font sizes that are too close together (14px, 15px, 16px, 18px...). This creates muddy hierarchy. - -**Use fewer sizes with more contrast.** A 5-size system covers most needs: - -| Role | Typical Ratio | Use Case | -|------|---------------|----------| -| xs | 0.75rem | Captions, legal | -| sm | 0.875rem | Secondary UI, metadata | -| base | 1rem | Body text | -| lg | 1.25-1.5rem | Subheadings, lead text | -| xl+ | 2-4rem | Headlines, hero text | - -Popular ratios: 1.25 (major third), 1.333 (perfect fourth), 1.5 (perfect fifth). Pick one and commit. - -### Readability & Measure - -Use `ch` units for character-based measure (`max-width: 65ch`). Line-height scales inversely with line length—narrow columns need tighter leading, wide columns need more. - -**Non-obvious**: Increase line-height for light text on dark backgrounds. The perceived weight is lighter, so text needs more breathing room. Add 0.05-0.1 to your normal line-height. - -## Font Selection & Pairing - -### Choosing Distinctive Fonts - -**Avoid the invisible defaults**: Inter, Roboto, Open Sans, Lato, Montserrat. These are everywhere, making your design feel generic. They're fine for documentation or tools where personality isn't the goal—but if you want distinctive design, look elsewhere. - -**Better Google Fonts alternatives**: -- Instead of Inter → **Instrument Sans**, **Plus Jakarta Sans**, **Outfit** -- Instead of Roboto → **Onest**, **Figtree**, **Urbanist** -- Instead of Open Sans → **Source Sans 3**, **Nunito Sans**, **DM Sans** -- For editorial/premium feel → **Fraunces**, **Newsreader**, **Lora** - -**System fonts are underrated**: `-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui` looks native, loads instantly, and is highly readable. Consider this for apps where performance > personality. - -### Pairing Principles - -**The non-obvious truth**: You often don't need a second font. One well-chosen font family in multiple weights creates cleaner hierarchy than two competing typefaces. Only add a second font when you need genuine contrast (e.g., display headlines + body serif). - -When pairing, contrast on multiple axes: -- Serif + Sans (structure contrast) -- Geometric + Humanist (personality contrast) -- Condensed display + Wide body (proportion contrast) - -**Never pair fonts that are similar but not identical** (e.g., two geometric sans-serifs). They create visual tension without clear hierarchy. - -### Web Font Loading - -The layout shift problem: fonts load late, text reflows, and users see content jump. Here's the fix: - -```css -/* 1. Use font-display: swap for visibility */ -@font-face { - font-family: 'CustomFont'; - src: url('font.woff2') format('woff2'); - font-display: swap; -} - -/* 2. Match fallback metrics to minimize shift */ -@font-face { - font-family: 'CustomFont-Fallback'; - src: local('Arial'); - size-adjust: 105%; /* Scale to match x-height */ - ascent-override: 90%; /* Match ascender height */ - descent-override: 20%; /* Match descender depth */ - line-gap-override: 10%; /* Match line spacing */ -} - -body { - font-family: 'CustomFont', 'CustomFont-Fallback', sans-serif; -} -``` - -Tools like [Fontaine](https://github.com/unjs/fontaine) calculate these overrides automatically. - -## Modern Web Typography - -### Fluid Type - -Fluid typography via `clamp(min, preferred, max)` scales text smoothly with the viewport. The middle value (e.g., `5vw + 1rem`) controls scaling rate—higher vw = faster scaling. Add a rem offset so it doesn't collapse to 0 on small screens. - -**Use fluid type for**: Headings and display text on marketing/content pages where text dominates the layout and needs to breathe across viewport sizes. - -**Use fixed `rem` scales for**: App UIs, dashboards, and data-dense interfaces. No major app design system (Material, Polaris, Primer, Carbon) uses fluid type in product UI — fixed scales with optional breakpoint adjustments give the spatial predictability that container-based layouts need. Body text should also be fixed even on marketing pages, since the size difference across viewports is too small to warrant it. - -### OpenType Features - -Most developers don't know these exist. Use them for polish: - -```css -/* Tabular numbers for data alignment */ -.data-table { font-variant-numeric: tabular-nums; } - -/* Proper fractions */ -.recipe-amount { font-variant-numeric: diagonal-fractions; } - -/* Small caps for abbreviations */ -abbr { font-variant-caps: all-small-caps; } - -/* Disable ligatures in code */ -code { font-variant-ligatures: none; } - -/* Enable kerning (usually on by default, but be explicit) */ -body { font-kerning: normal; } -``` - -Check what features your font supports at [Wakamai Fondue](https://wakamaifondue.com/). - -## Typography System Architecture - -Name tokens semantically (`--text-body`, `--text-heading`), not by value (`--font-size-16`). Include font stacks, size scale, weights, line-heights, and letter-spacing in your token system. - -## Accessibility Considerations - -Beyond contrast ratios (which are well-documented), consider: - -- **Never disable zoom**: `user-scalable=no` breaks accessibility. If your layout breaks at 200% zoom, fix the layout. -- **Use rem/em for font sizes**: This respects user browser settings. Never `px` for body text. -- **Minimum 16px body text**: Smaller than this strains eyes and fails WCAG on mobile. -- **Adequate touch targets**: Text links need padding or line-height that creates 44px+ tap targets. - ---- - -**Avoid**: More than 2-3 font families per project. Skipping fallback font definitions. Ignoring font loading performance (FOUT/FOIT). Using decorative fonts for body text. diff --git a/.agents/skills/frontend-design/reference/ux-writing.md b/.agents/skills/frontend-design/reference/ux-writing.md deleted file mode 100644 index 42109217..00000000 --- a/.agents/skills/frontend-design/reference/ux-writing.md +++ /dev/null @@ -1,107 +0,0 @@ -# UX Writing - -## The Button Label Problem - -**Never use "OK", "Submit", or "Yes/No".** These are lazy and ambiguous. Use specific verb + object patterns: - -| Bad | Good | Why | -|-----|------|-----| -| OK | Save changes | Says what will happen | -| Submit | Create account | Outcome-focused | -| Yes | Delete message | Confirms the action | -| Cancel | Keep editing | Clarifies what "cancel" means | -| Click here | Download PDF | Describes the destination | - -**For destructive actions**, name the destruction: -- "Delete" not "Remove" (delete is permanent, remove implies recoverable) -- "Delete 5 items" not "Delete selected" (show the count) - -## Error Messages: The Formula - -Every error message should answer: (1) What happened? (2) Why? (3) How to fix it? Example: "Email address isn't valid. Please include an @ symbol." not "Invalid input". - -### Error Message Templates - -| Situation | Template | -|-----------|----------| -| **Format error** | "[Field] needs to be [format]. Example: [example]" | -| **Missing required** | "Please enter [what's missing]" | -| **Permission denied** | "You don't have access to [thing]. [What to do instead]" | -| **Network error** | "We couldn't reach [thing]. Check your connection and [action]." | -| **Server error** | "Something went wrong on our end. We're looking into it. [Alternative action]" | - -### Don't Blame the User - -Reframe errors: "Please enter a date in MM/DD/YYYY format" not "You entered an invalid date". - -## Empty States Are Opportunities - -Empty states are onboarding moments: (1) Acknowledge briefly, (2) Explain the value of filling it, (3) Provide a clear action. "No projects yet. Create your first one to get started." not just "No items". - -## Voice vs Tone - -**Voice** is your brand's personality—consistent everywhere. -**Tone** adapts to the moment. - -| Moment | Tone Shift | -|--------|------------| -| Success | Celebratory, brief: "Done! Your changes are live." | -| Error | Empathetic, helpful: "That didn't work. Here's what to try..." | -| Loading | Reassuring: "Saving your work..." | -| Destructive confirm | Serious, clear: "Delete this project? This can't be undone." | - -**Never use humor for errors.** Users are already frustrated. Be helpful, not cute. - -## Writing for Accessibility - -**Link text** must have standalone meaning—"View pricing plans" not "Click here". **Alt text** describes information, not the image—"Revenue increased 40% in Q4" not "Chart". Use `alt=""` for decorative images. **Icon buttons** need `aria-label` for screen reader context. - -## Writing for Translation - -### Plan for Expansion - -German text is ~30% longer than English. Allocate space: - -| Language | Expansion | -|----------|-----------| -| German | +30% | -| French | +20% | -| Finnish | +30-40% | -| Chinese | -30% (fewer chars, but same width) | - -### Translation-Friendly Patterns - -Keep numbers separate ("New messages: 3" not "You have 3 new messages"). Use full sentences as single strings (word order varies by language). Avoid abbreviations ("5 minutes ago" not "5 mins ago"). Give translators context about where strings appear. - -## Consistency: The Terminology Problem - -Pick one term and stick with it: - -| Inconsistent | Consistent | -|--------------|------------| -| Delete / Remove / Trash | Delete | -| Settings / Preferences / Options | Settings | -| Sign in / Log in / Enter | Sign in | -| Create / Add / New | Create | - -Build a terminology glossary and enforce it. Variety creates confusion. - -## Avoid Redundant Copy - -If the heading explains it, the intro is redundant. If the button is clear, don't explain it again. Say it once, say it well. - -## Loading States - -Be specific: "Saving your draft..." not "Loading...". For long waits, set expectations ("This usually takes 30 seconds") or show progress. - -## Confirmation Dialogs: Use Sparingly - -Most confirmation dialogs are design failures—consider undo instead. When you must confirm: name the action, explain consequences, use specific button labels ("Delete project" / "Keep project", not "Yes" / "No"). - -## Form Instructions - -Show format with placeholders, not instructions. For non-obvious fields, explain why you're asking. - ---- - -**Avoid**: Jargon without explanation. Blaming users ("You made an error" → "This field is required"). Vague errors ("Something went wrong"). Varying terminology for variety. Humor for errors. diff --git a/.agents/skills/harden/SKILL.md b/.agents/skills/harden/SKILL.md deleted file mode 100644 index d870ddd1..00000000 --- a/.agents/skills/harden/SKILL.md +++ /dev/null @@ -1,354 +0,0 @@ ---- -name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. -user-invocable: true -argument-hint: "[target]" ---- - -Strengthen interfaces against edge cases, errors, internationalization issues, and real-world usage scenarios that break idealized designs. - -## Assess Hardening Needs - -Identify weaknesses and edge cases: - -1. **Test with extreme inputs**: - - Very long text (names, descriptions, titles) - - Very short text (empty, single character) - - Special characters (emoji, RTL text, accents) - - Large numbers (millions, billions) - - Many items (1000+ list items, 50+ options) - - No data (empty states) - -2. **Test error scenarios**: - - Network failures (offline, slow, timeout) - - API errors (400, 401, 403, 404, 500) - - Validation errors - - Permission errors - - Rate limiting - - Concurrent operations - -3. **Test internationalization**: - - Long translations (German is often 30% longer than English) - - RTL languages (Arabic, Hebrew) - - Character sets (Chinese, Japanese, Korean, emoji) - - Date/time formats - - Number formats (1,000 vs 1.000) - - Currency symbols - -**CRITICAL**: Designs that only work with perfect data aren't production-ready. Harden against reality. - -## Hardening Dimensions - -Systematically improve resilience: - -### Text Overflow & Wrapping - -**Long text handling**: -```css -/* Single line with ellipsis */ -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -/* Multi-line with clamp */ -.line-clamp { - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; -} - -/* Allow wrapping */ -.wrap { - word-wrap: break-word; - overflow-wrap: break-word; - hyphens: auto; -} -``` - -**Flex/Grid overflow**: -```css -/* Prevent flex items from overflowing */ -.flex-item { - min-width: 0; /* Allow shrinking below content size */ - overflow: hidden; -} - -/* Prevent grid items from overflowing */ -.grid-item { - min-width: 0; - min-height: 0; -} -``` - -**Responsive text sizing**: -- Use `clamp()` for fluid typography -- Set minimum readable sizes (14px on mobile) -- Test text scaling (zoom to 200%) -- Ensure containers expand with text - -### Internationalization (i18n) - -**Text expansion**: -- Add 30-40% space budget for translations -- Use flexbox/grid that adapts to content -- Test with longest language (usually German) -- Avoid fixed widths on text containers - -```jsx -// ❌ Bad: Assumes short English text - - -// ✅ Good: Adapts to content - -``` - -**RTL (Right-to-Left) support**: -```css -/* Use logical properties */ -margin-inline-start: 1rem; /* Not margin-left */ -padding-inline: 1rem; /* Not padding-left/right */ -border-inline-end: 1px solid; /* Not border-right */ - -/* Or use dir attribute */ -[dir="rtl"] .arrow { transform: scaleX(-1); } -``` - -**Character set support**: -- Use UTF-8 encoding everywhere -- Test with Chinese/Japanese/Korean (CJK) characters -- Test with emoji (they can be 2-4 bytes) -- Handle different scripts (Latin, Cyrillic, Arabic, etc.) - -**Date/Time formatting**: -```javascript -// ✅ Use Intl API for proper formatting -new Intl.DateTimeFormat('en-US').format(date); // 1/15/2024 -new Intl.DateTimeFormat('de-DE').format(date); // 15.1.2024 - -new Intl.NumberFormat('en-US', { - style: 'currency', - currency: 'USD' -}).format(1234.56); // $1,234.56 -``` - -**Pluralization**: -```javascript -// ❌ Bad: Assumes English pluralization -`${count} item${count !== 1 ? 's' : ''}` - -// ✅ Good: Use proper i18n library -t('items', { count }) // Handles complex plural rules -``` - -### Error Handling - -**Network errors**: -- Show clear error messages -- Provide retry button -- Explain what happened -- Offer offline mode (if applicable) -- Handle timeout scenarios - -```jsx -// Error states with recovery -{error && ( - -

Failed to load data. {error.message}

- -
-)} -``` - -**Form validation errors**: -- Inline errors near fields -- Clear, specific messages -- Suggest corrections -- Don't block submission unnecessarily -- Preserve user input on error - -**API errors**: -- Handle each status code appropriately - - 400: Show validation errors - - 401: Redirect to login - - 403: Show permission error - - 404: Show not found state - - 429: Show rate limit message - - 500: Show generic error, offer support - -**Graceful degradation**: -- Core functionality works without JavaScript -- Images have alt text -- Progressive enhancement -- Fallbacks for unsupported features - -### Edge Cases & Boundary Conditions - -**Empty states**: -- No items in list -- No search results -- No notifications -- No data to display -- Provide clear next action - -**Loading states**: -- Initial load -- Pagination load -- Refresh -- Show what's loading ("Loading your projects...") -- Time estimates for long operations - -**Large datasets**: -- Pagination or virtual scrolling -- Search/filter capabilities -- Performance optimization -- Don't load all 10,000 items at once - -**Concurrent operations**: -- Prevent double-submission (disable button while loading) -- Handle race conditions -- Optimistic updates with rollback -- Conflict resolution - -**Permission states**: -- No permission to view -- No permission to edit -- Read-only mode -- Clear explanation of why - -**Browser compatibility**: -- Polyfills for modern features -- Fallbacks for unsupported CSS -- Feature detection (not browser detection) -- Test in target browsers - -### Input Validation & Sanitization - -**Client-side validation**: -- Required fields -- Format validation (email, phone, URL) -- Length limits -- Pattern matching -- Custom validation rules - -**Server-side validation** (always): -- Never trust client-side only -- Validate and sanitize all inputs -- Protect against injection attacks -- Rate limiting - -**Constraint handling**: -```html - - - - Letters and numbers only, up to 100 characters - -``` - -### Accessibility Resilience - -**Keyboard navigation**: -- All functionality accessible via keyboard -- Logical tab order -- Focus management in modals -- Skip links for long content - -**Screen reader support**: -- Proper ARIA labels -- Announce dynamic changes (live regions) -- Descriptive alt text -- Semantic HTML - -**Motion sensitivity**: -```css -@media (prefers-reduced-motion: reduce) { - * { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; - } -} -``` - -**High contrast mode**: -- Test in Windows high contrast mode -- Don't rely only on color -- Provide alternative visual cues - -### Performance Resilience - -**Slow connections**: -- Progressive image loading -- Skeleton screens -- Optimistic UI updates -- Offline support (service workers) - -**Memory leaks**: -- Clean up event listeners -- Cancel subscriptions -- Clear timers/intervals -- Abort pending requests on unmount - -**Throttling & Debouncing**: -```javascript -// Debounce search input -const debouncedSearch = debounce(handleSearch, 300); - -// Throttle scroll handler -const throttledScroll = throttle(handleScroll, 100); -``` - -## Testing Strategies - -**Manual testing**: -- Test with extreme data (very long, very short, empty) -- Test in different languages -- Test offline -- Test slow connection (throttle to 3G) -- Test with screen reader -- Test keyboard-only navigation -- Test on old browsers - -**Automated testing**: -- Unit tests for edge cases -- Integration tests for error scenarios -- E2E tests for critical paths -- Visual regression tests -- Accessibility tests (axe, WAVE) - -**IMPORTANT**: Hardening is about expecting the unexpected. Real users will do things you never imagined. - -**NEVER**: -- Assume perfect input (validate everything) -- Ignore internationalization (design for global) -- Leave error messages generic ("Error occurred") -- Forget offline scenarios -- Trust client-side validation alone -- Use fixed widths for text -- Assume English-length text -- Block entire interface when one component errors - -## Verify Hardening - -Test thoroughly with edge cases: - -- **Long text**: Try names with 100+ characters -- **Emoji**: Use emoji in all text fields -- **RTL**: Test with Arabic or Hebrew -- **CJK**: Test with Chinese/Japanese/Korean -- **Network issues**: Disable internet, throttle connection -- **Large datasets**: Test with 1000+ items -- **Concurrent actions**: Click submit 10 times rapidly -- **Errors**: Force API errors, test all error states -- **Empty**: Remove all data, test empty states - -Remember: You're hardening for production reality, not demo perfection. Expect users to input weird data, lose connection mid-flow, and use your product in unexpected ways. Build resilience into every component. \ No newline at end of file diff --git a/.agents/skills/mobile-android-design/SKILL.md b/.agents/skills/mobile-android-design/SKILL.md deleted file mode 100644 index 4df67233..00000000 --- a/.agents/skills/mobile-android-design/SKILL.md +++ /dev/null @@ -1,433 +0,0 @@ ---- -name: mobile-android-design -description: Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines. ---- - -# Android Mobile Design - -Master Material Design 3 (Material You) and Jetpack Compose to build modern, adaptive Android applications that integrate seamlessly with the Android ecosystem. - -## When to Use This Skill - -- Designing Android app interfaces following Material Design 3 -- Building Jetpack Compose UI and layouts -- Implementing Android navigation patterns (Navigation Compose) -- Creating adaptive layouts for phones, tablets, and foldables -- Using Material 3 theming with dynamic colors -- Building accessible Android interfaces -- Implementing Android-specific gestures and interactions -- Designing for different screen configurations - -## Core Concepts - -### 1. Material Design 3 Principles - -**Personalization**: Dynamic color adapts UI to user's wallpaper -**Accessibility**: Tonal palettes ensure sufficient color contrast -**Large Screens**: Responsive layouts for tablets and foldables - -**Material Components:** - -- Cards, Buttons, FABs, Chips -- Navigation (rail, drawer, bottom nav) -- Text fields, Dialogs, Sheets -- Lists, Menus, Progress indicators - -### 2. Jetpack Compose Layout System - -**Column and Row:** - -```kotlin -// Vertical arrangement with alignment -Column( - modifier = Modifier.padding(16.dp), - verticalArrangement = Arrangement.spacedBy(12.dp), - horizontalAlignment = Alignment.Start -) { - Text( - text = "Title", - style = MaterialTheme.typography.headlineSmall - ) - Text( - text = "Subtitle", - style = MaterialTheme.typography.bodyMedium, - color = MaterialTheme.colorScheme.onSurfaceVariant - ) -} - -// Horizontal arrangement with weight -Row( - modifier = Modifier.fillMaxWidth(), - horizontalArrangement = Arrangement.SpaceBetween, - verticalAlignment = Alignment.CenterVertically -) { - Icon(Icons.Default.Star, contentDescription = null) - Text("Featured") - Spacer(modifier = Modifier.weight(1f)) - TextButton(onClick = {}) { - Text("View All") - } -} -``` - -**Lazy Lists and Grids:** - -```kotlin -// Lazy column with sticky headers -LazyColumn { - items.groupBy { it.category }.forEach { (category, categoryItems) -> - stickyHeader { - Text( - text = category, - modifier = Modifier - .fillMaxWidth() - .background(MaterialTheme.colorScheme.surface) - .padding(16.dp), - style = MaterialTheme.typography.titleMedium - ) - } - items(categoryItems) { item -> - ItemRow(item = item) - } - } -} - -// Adaptive grid -LazyVerticalGrid( - columns = GridCells.Adaptive(minSize = 150.dp), - contentPadding = PaddingValues(16.dp), - horizontalArrangement = Arrangement.spacedBy(12.dp), - verticalArrangement = Arrangement.spacedBy(12.dp) -) { - items(items) { item -> - ItemCard(item = item) - } -} -``` - -### 3. Navigation Patterns - -**Bottom Navigation:** - -```kotlin -@Composable -fun MainScreen() { - val navController = rememberNavController() - - Scaffold( - bottomBar = { - NavigationBar { - val navBackStackEntry by navController.currentBackStackEntryAsState() - val currentDestination = navBackStackEntry?.destination - - NavigationDestination.entries.forEach { destination -> - NavigationBarItem( - icon = { Icon(destination.icon, contentDescription = null) }, - label = { Text(destination.label) }, - selected = currentDestination?.hierarchy?.any { - it.route == destination.route - } == true, - onClick = { - navController.navigate(destination.route) { - popUpTo(navController.graph.findStartDestination().id) { - saveState = true - } - launchSingleTop = true - restoreState = true - } - } - ) - } - } - } - ) { innerPadding -> - NavHost( - navController = navController, - startDestination = NavigationDestination.Home.route, - modifier = Modifier.padding(innerPadding) - ) { - composable(NavigationDestination.Home.route) { HomeScreen() } - composable(NavigationDestination.Search.route) { SearchScreen() } - composable(NavigationDestination.Profile.route) { ProfileScreen() } - } - } -} -``` - -**Navigation Drawer:** - -```kotlin -@Composable -fun DrawerNavigation() { - val drawerState = rememberDrawerState(DrawerValue.Closed) - val scope = rememberCoroutineScope() - - ModalNavigationDrawer( - drawerState = drawerState, - drawerContent = { - ModalDrawerSheet { - Spacer(Modifier.height(12.dp)) - Text( - "App Name", - modifier = Modifier.padding(16.dp), - style = MaterialTheme.typography.titleLarge - ) - HorizontalDivider() - - NavigationDrawerItem( - icon = { Icon(Icons.Default.Home, null) }, - label = { Text("Home") }, - selected = true, - onClick = { scope.launch { drawerState.close() } } - ) - NavigationDrawerItem( - icon = { Icon(Icons.Default.Settings, null) }, - label = { Text("Settings") }, - selected = false, - onClick = { } - ) - } - } - ) { - Scaffold( - topBar = { - TopAppBar( - title = { Text("Home") }, - navigationIcon = { - IconButton(onClick = { scope.launch { drawerState.open() } }) { - Icon(Icons.Default.Menu, contentDescription = "Menu") - } - } - ) - } - ) { innerPadding -> - Content(modifier = Modifier.padding(innerPadding)) - } - } -} -``` - -### 4. Material 3 Theming - -**Color Scheme:** - -```kotlin -// Dynamic color (Android 12+) -val dynamicColorScheme = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) { - val context = LocalContext.current - if (darkTheme) dynamicDarkColorScheme(context) - else dynamicLightColorScheme(context) -} else { - if (darkTheme) DarkColorScheme else LightColorScheme -} - -// Custom color scheme -private val LightColorScheme = lightColorScheme( - primary = Color(0xFF6750A4), - onPrimary = Color.White, - primaryContainer = Color(0xFFEADDFF), - onPrimaryContainer = Color(0xFF21005D), - secondary = Color(0xFF625B71), - onSecondary = Color.White, - tertiary = Color(0xFF7D5260), - onTertiary = Color.White, - surface = Color(0xFFFFFBFE), - onSurface = Color(0xFF1C1B1F), -) -``` - -**Typography:** - -```kotlin -val AppTypography = Typography( - displayLarge = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 57.sp, - lineHeight = 64.sp - ), - headlineMedium = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 28.sp, - lineHeight = 36.sp - ), - titleLarge = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 22.sp, - lineHeight = 28.sp - ), - bodyLarge = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 16.sp, - lineHeight = 24.sp - ), - labelMedium = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Medium, - fontSize = 12.sp, - lineHeight = 16.sp - ) -) -``` - -### 5. Component Examples - -**Cards:** - -```kotlin -@Composable -fun FeatureCard( - title: String, - description: String, - imageUrl: String, - onClick: () -> Unit -) { - Card( - onClick = onClick, - modifier = Modifier.fillMaxWidth(), - shape = RoundedCornerShape(16.dp), - colors = CardDefaults.cardColors( - containerColor = MaterialTheme.colorScheme.surfaceVariant - ) - ) { - Column { - AsyncImage( - model = imageUrl, - contentDescription = null, - modifier = Modifier - .fillMaxWidth() - .height(180.dp), - contentScale = ContentScale.Crop - ) - Column(modifier = Modifier.padding(16.dp)) { - Text( - text = title, - style = MaterialTheme.typography.titleMedium - ) - Spacer(modifier = Modifier.height(8.dp)) - Text( - text = description, - style = MaterialTheme.typography.bodyMedium, - color = MaterialTheme.colorScheme.onSurfaceVariant - ) - } - } - } -} -``` - -**Buttons:** - -```kotlin -// Filled button (primary action) -Button(onClick = { }) { - Text("Continue") -} - -// Filled tonal button (secondary action) -FilledTonalButton(onClick = { }) { - Icon(Icons.Default.Add, null) - Spacer(Modifier.width(8.dp)) - Text("Add Item") -} - -// Outlined button -OutlinedButton(onClick = { }) { - Text("Cancel") -} - -// Text button -TextButton(onClick = { }) { - Text("Learn More") -} - -// FAB -FloatingActionButton( - onClick = { }, - containerColor = MaterialTheme.colorScheme.primaryContainer, - contentColor = MaterialTheme.colorScheme.onPrimaryContainer -) { - Icon(Icons.Default.Add, contentDescription = "Add") -} -``` - -## Quick Start Component - -```kotlin -@Composable -fun ItemListCard( - item: Item, - onItemClick: () -> Unit, - modifier: Modifier = Modifier -) { - Card( - onClick = onItemClick, - modifier = modifier.fillMaxWidth(), - shape = RoundedCornerShape(12.dp) - ) { - Row( - modifier = Modifier - .padding(16.dp) - .fillMaxWidth(), - verticalAlignment = Alignment.CenterVertically - ) { - Box( - modifier = Modifier - .size(48.dp) - .clip(CircleShape) - .background(MaterialTheme.colorScheme.primaryContainer), - contentAlignment = Alignment.Center - ) { - Icon( - imageVector = Icons.Default.Star, - contentDescription = null, - tint = MaterialTheme.colorScheme.onPrimaryContainer - ) - } - - Spacer(modifier = Modifier.width(16.dp)) - - Column(modifier = Modifier.weight(1f)) { - Text( - text = item.title, - style = MaterialTheme.typography.titleMedium - ) - Text( - text = item.subtitle, - style = MaterialTheme.typography.bodyMedium, - color = MaterialTheme.colorScheme.onSurfaceVariant - ) - } - - Icon( - imageVector = Icons.Default.ChevronRight, - contentDescription = null, - tint = MaterialTheme.colorScheme.onSurfaceVariant - ) - } - } -} -``` - -## Best Practices - -1. **Use Material Theme**: Access colors via `MaterialTheme.colorScheme` for automatic dark mode support -2. **Support Dynamic Color**: Enable dynamic color on Android 12+ for personalization -3. **Adaptive Layouts**: Use `WindowSizeClass` for responsive designs -4. **Content Descriptions**: Add `contentDescription` to all interactive elements -5. **Touch Targets**: Minimum 48dp touch targets for accessibility -6. **State Hoisting**: Hoist state to make components reusable and testable -7. **Remember Properly**: Use `remember` and `rememberSaveable` appropriately -8. **Preview Annotations**: Add `@Preview` with different configurations - -## Common Issues - -- **Recomposition Issues**: Avoid passing unstable lambdas; use `remember` -- **State Loss**: Use `rememberSaveable` for configuration changes -- **Performance**: Use `LazyColumn` instead of `Column` for long lists -- **Theme Leaks**: Ensure `MaterialTheme` wraps all composables -- **Navigation Crashes**: Handle back press and deep links properly -- **Memory Leaks**: Cancel coroutines in `DisposableEffect` diff --git a/.agents/skills/mobile-android-design/references/android-navigation.md b/.agents/skills/mobile-android-design/references/android-navigation.md deleted file mode 100644 index 2d77dec0..00000000 --- a/.agents/skills/mobile-android-design/references/android-navigation.md +++ /dev/null @@ -1,698 +0,0 @@ -# Android Navigation Patterns - -## Navigation Compose Basics - -### Setup and Dependencies - -```kotlin -// build.gradle.kts -dependencies { - implementation("androidx.navigation:navigation-compose:2.7.7") - // For type-safe navigation (recommended) - implementation("org.jetbrains.kotlinx:kotlinx-serialization-json:1.6.3") -} -``` - -### Basic Navigation - -```kotlin -@Serializable -object Home - -@Serializable -data class Detail(val itemId: String) - -@Serializable -object Settings - -@Composable -fun AppNavigation() { - val navController = rememberNavController() - - NavHost( - navController = navController, - startDestination = Home - ) { - composable { - HomeScreen( - onItemClick = { itemId -> - navController.navigate(Detail(itemId)) - }, - onSettingsClick = { - navController.navigate(Settings) - } - ) - } - - composable { backStackEntry -> - val detail: Detail = backStackEntry.toRoute() - DetailScreen( - itemId = detail.itemId, - onBack = { navController.popBackStack() } - ) - } - - composable { - SettingsScreen( - onBack = { navController.popBackStack() } - ) - } - } -} -``` - -### Navigation with Arguments - -```kotlin -// Type-safe routes with arguments -@Serializable -data class ProductDetail( - val productId: String, - val category: String, - val fromSearch: Boolean = false -) - -@Serializable -data class UserProfile( - val userId: Long -) - -@Composable -fun NavigationWithArgs() { - val navController = rememberNavController() - - NavHost(navController = navController, startDestination = Home) { - composable { - HomeScreen( - onProductClick = { productId, category -> - navController.navigate( - ProductDetail( - productId = productId, - category = category, - fromSearch = false - ) - ) - } - ) - } - - composable { backStackEntry -> - val args: ProductDetail = backStackEntry.toRoute() - ProductDetailScreen( - productId = args.productId, - category = args.category, - showBackToSearch = args.fromSearch - ) - } - - composable { backStackEntry -> - val args: UserProfile = backStackEntry.toRoute() - UserProfileScreen(userId = args.userId) - } - } -} -``` - -## Bottom Navigation - -### Standard Implementation - -```kotlin -enum class BottomNavDestination( - val route: Any, - val icon: ImageVector, - val label: String -) { - HOME(Home, Icons.Default.Home, "Home"), - SEARCH(Search, Icons.Default.Search, "Search"), - FAVORITES(Favorites, Icons.Default.Favorite, "Favorites"), - PROFILE(Profile, Icons.Default.Person, "Profile") -} - -@Composable -fun MainScreenWithBottomNav() { - val navController = rememberNavController() - val navBackStackEntry by navController.currentBackStackEntryAsState() - val currentDestination = navBackStackEntry?.destination - - Scaffold( - bottomBar = { - NavigationBar { - BottomNavDestination.entries.forEach { destination -> - NavigationBarItem( - icon = { - Icon(destination.icon, contentDescription = destination.label) - }, - label = { Text(destination.label) }, - selected = currentDestination?.hasRoute(destination.route::class) == true, - onClick = { - navController.navigate(destination.route) { - // Pop up to start destination to avoid building up stack - popUpTo(navController.graph.findStartDestination().id) { - saveState = true - } - // Avoid multiple copies of same destination - launchSingleTop = true - // Restore state when reselecting - restoreState = true - } - } - ) - } - } - } - ) { innerPadding -> - NavHost( - navController = navController, - startDestination = Home, - modifier = Modifier.padding(innerPadding) - ) { - composable { HomeScreen() } - composable { SearchScreen() } - composable { FavoritesScreen() } - composable { ProfileScreen() } - } - } -} -``` - -### Bottom Nav with Badges - -```kotlin -@Composable -fun BottomNavWithBadges( - cartCount: Int, - notificationCount: Int -) { - NavigationBar { - NavigationBarItem( - icon = { Icon(Icons.Default.Home, null) }, - label = { Text("Home") }, - selected = true, - onClick = { } - ) - - NavigationBarItem( - icon = { - BadgedBox( - badge = { - if (cartCount > 0) { - Badge { Text("$cartCount") } - } - } - ) { - Icon(Icons.Default.ShoppingCart, null) - } - }, - label = { Text("Cart") }, - selected = false, - onClick = { } - ) - - NavigationBarItem( - icon = { - BadgedBox( - badge = { - if (notificationCount > 0) { - Badge { - Text( - if (notificationCount > 99) "99+" - else "$notificationCount" - ) - } - } - } - ) { - Icon(Icons.Default.Notifications, null) - } - }, - label = { Text("Alerts") }, - selected = false, - onClick = { } - ) - } -} -``` - -## Navigation Drawer - -### Modal Navigation Drawer - -```kotlin -@Composable -fun ModalDrawerNavigation() { - val drawerState = rememberDrawerState(initialValue = DrawerValue.Closed) - val scope = rememberCoroutineScope() - var selectedItem by remember { mutableStateOf(0) } - - val items = listOf( - DrawerItem(Icons.Default.Home, "Home"), - DrawerItem(Icons.Default.Settings, "Settings"), - DrawerItem(Icons.Default.Info, "About"), - DrawerItem(Icons.Default.Help, "Help") - ) - - ModalNavigationDrawer( - drawerState = drawerState, - drawerContent = { - ModalDrawerSheet { - // Header - Box( - modifier = Modifier - .fillMaxWidth() - .height(180.dp) - .background(MaterialTheme.colorScheme.primaryContainer), - contentAlignment = Alignment.BottomStart - ) { - Column(modifier = Modifier.padding(16.dp)) { - AsyncImage( - model = "avatar_url", - contentDescription = "Profile", - modifier = Modifier - .size(64.dp) - .clip(CircleShape) - ) - Spacer(Modifier.height(8.dp)) - Text( - "John Doe", - style = MaterialTheme.typography.titleMedium - ) - Text( - "john@example.com", - style = MaterialTheme.typography.bodySmall - ) - } - } - - Spacer(Modifier.height(12.dp)) - - // Navigation items - items.forEachIndexed { index, item -> - NavigationDrawerItem( - icon = { Icon(item.icon, contentDescription = null) }, - label = { Text(item.label) }, - selected = index == selectedItem, - onClick = { - selectedItem = index - scope.launch { drawerState.close() } - }, - modifier = Modifier.padding(NavigationDrawerItemDefaults.ItemPadding) - ) - } - - Spacer(Modifier.weight(1f)) - - // Footer - HorizontalDivider() - NavigationDrawerItem( - icon = { Icon(Icons.Default.Logout, null) }, - label = { Text("Sign Out") }, - selected = false, - onClick = { }, - modifier = Modifier.padding(NavigationDrawerItemDefaults.ItemPadding) - ) - Spacer(Modifier.height(12.dp)) - } - } - ) { - Scaffold( - topBar = { - TopAppBar( - title = { Text(items[selectedItem].label) }, - navigationIcon = { - IconButton(onClick = { scope.launch { drawerState.open() } }) { - Icon(Icons.Default.Menu, "Open drawer") - } - } - ) - } - ) { padding -> - Content(modifier = Modifier.padding(padding)) - } - } -} - -data class DrawerItem(val icon: ImageVector, val label: String) -``` - -### Permanent Navigation Drawer (Tablets) - -```kotlin -@Composable -fun PermanentDrawerLayout() { - PermanentNavigationDrawer( - drawerContent = { - PermanentDrawerSheet( - modifier = Modifier.width(240.dp) - ) { - Spacer(Modifier.height(12.dp)) - Text( - "App Name", - modifier = Modifier.padding(16.dp), - style = MaterialTheme.typography.titleLarge - ) - HorizontalDivider() - - drawerItems.forEach { item -> - NavigationDrawerItem( - icon = { Icon(item.icon, null) }, - label = { Text(item.label) }, - selected = item == selectedItem, - onClick = { selectedItem = item }, - modifier = Modifier.padding(horizontal = 12.dp) - ) - } - } - } - ) { - // Main content takes remaining space - MainContent() - } -} -``` - -## Navigation Rail - -```kotlin -@Composable -fun NavigationRailLayout() { - var selectedItem by remember { mutableStateOf(0) } - - Row(modifier = Modifier.fillMaxSize()) { - NavigationRail( - header = { - FloatingActionButton( - onClick = { }, - elevation = FloatingActionButtonDefaults.bottomAppBarFabElevation() - ) { - Icon(Icons.Default.Add, "Create") - } - } - ) { - Spacer(Modifier.weight(1f)) - - railItems.forEachIndexed { index, item -> - NavigationRailItem( - icon = { Icon(item.icon, null) }, - label = { Text(item.label) }, - selected = selectedItem == index, - onClick = { selectedItem = index } - ) - } - - Spacer(Modifier.weight(1f)) - } - - // Main content - Box( - modifier = Modifier - .weight(1f) - .fillMaxHeight() - ) { - when (selectedItem) { - 0 -> HomeContent() - 1 -> SearchContent() - 2 -> ProfileContent() - } - } - } -} -``` - -## Deep Linking - -### Basic Deep Link Setup - -```kotlin -// In AndroidManifest.xml -// -// -// -// -// -// -// - -@Composable -fun DeepLinkNavigation() { - val navController = rememberNavController() - - NavHost( - navController = navController, - startDestination = Home - ) { - composable { - HomeScreen() - } - - composable( - deepLinks = listOf( - navDeepLink( - basePath = "https://myapp.com/product" - ), - navDeepLink( - basePath = "myapp://product" - ) - ) - ) { backStackEntry -> - val args: ProductDetail = backStackEntry.toRoute() - ProductDetailScreen(productId = args.productId) - } - - composable( - deepLinks = listOf( - navDeepLink( - basePath = "https://myapp.com/user" - ) - ) - ) { backStackEntry -> - val args: UserProfile = backStackEntry.toRoute() - UserProfileScreen(userId = args.userId) - } - } -} -``` - -### Handling Intent in Activity - -```kotlin -class MainActivity : ComponentActivity() { - override fun onCreate(savedInstanceState: Bundle?) { - super.onCreate(savedInstanceState) - - setContent { - AppTheme { - val navController = rememberNavController() - - // Handle deep link from intent - LaunchedEffect(Unit) { - intent?.data?.let { uri -> - navController.handleDeepLink(intent) - } - } - - AppNavigation(navController = navController) - } - } - } - - override fun onNewIntent(intent: Intent) { - super.onNewIntent(intent) - // Handle new intents when activity is already running - setIntent(intent) - } -} -``` - -## Nested Navigation - -```kotlin -@Composable -fun NestedNavigation() { - val navController = rememberNavController() - - NavHost(navController = navController, startDestination = MainGraph) { - // Main graph with bottom navigation - navigation(startDestination = Home) { - composable { - HomeScreen( - onItemClick = { navController.navigate(Detail(it)) } - ) - } - composable { SearchScreen() } - composable { - ProfileScreen( - onSettingsClick = { navController.navigate(SettingsGraph) } - ) - } - } - - // Nested detail graph - composable { backStackEntry -> - val args: Detail = backStackEntry.toRoute() - DetailScreen(itemId = args.itemId) - } - - // Separate settings graph (full screen, no bottom nav) - navigation(startDestination = SettingsMain) { - composable { - SettingsScreen( - onAccountClick = { navController.navigate(AccountSettings) }, - onNotificationsClick = { navController.navigate(NotificationSettings) } - ) - } - composable { AccountSettingsScreen() } - composable { NotificationSettingsScreen() } - } - } -} - -@Serializable object MainGraph -@Serializable object SettingsGraph -@Serializable object SettingsMain -@Serializable object AccountSettings -@Serializable object NotificationSettings -``` - -## Navigation State Management - -### ViewModel Integration - -```kotlin -@HiltViewModel -class NavigationViewModel @Inject constructor( - private val savedStateHandle: SavedStateHandle -) : ViewModel() { - - private val _navigationEvents = MutableSharedFlow() - val navigationEvents = _navigationEvents.asSharedFlow() - - fun navigateToDetail(itemId: String) { - viewModelScope.launch { - _navigationEvents.emit(NavigationEvent.NavigateToDetail(itemId)) - } - } - - fun navigateBack() { - viewModelScope.launch { - _navigationEvents.emit(NavigationEvent.NavigateBack) - } - } -} - -sealed class NavigationEvent { - data class NavigateToDetail(val itemId: String) : NavigationEvent() - object NavigateBack : NavigationEvent() -} - -@Composable -fun NavigationHandler( - navController: NavHostController, - viewModel: NavigationViewModel = hiltViewModel() -) { - LaunchedEffect(Unit) { - viewModel.navigationEvents.collect { event -> - when (event) { - is NavigationEvent.NavigateToDetail -> { - navController.navigate(Detail(event.itemId)) - } - NavigationEvent.NavigateBack -> { - navController.popBackStack() - } - } - } - } -} -``` - -### Back Handler - -```kotlin -@Composable -fun ScreenWithBackHandler( - onBack: () -> Unit -) { - var showExitDialog by remember { mutableStateOf(false) } - - // Intercept back press - BackHandler { - showExitDialog = true - } - - if (showExitDialog) { - AlertDialog( - onDismissRequest = { showExitDialog = false }, - title = { Text("Exit App?") }, - text = { Text("Are you sure you want to exit?") }, - confirmButton = { - TextButton(onClick = onBack) { - Text("Exit") - } - }, - dismissButton = { - TextButton(onClick = { showExitDialog = false }) { - Text("Cancel") - } - } - ) - } - - // Screen content - Content() -} -``` - -## Navigation Animations - -```kotlin -@Composable -fun AnimatedNavigation() { - val navController = rememberNavController() - - NavHost( - navController = navController, - startDestination = Home, - enterTransition = { - slideIntoContainer( - towards = AnimatedContentTransitionScope.SlideDirection.Left, - animationSpec = tween(300) - ) - }, - exitTransition = { - slideOutOfContainer( - towards = AnimatedContentTransitionScope.SlideDirection.Left, - animationSpec = tween(300) - ) - }, - popEnterTransition = { - slideIntoContainer( - towards = AnimatedContentTransitionScope.SlideDirection.Right, - animationSpec = tween(300) - ) - }, - popExitTransition = { - slideOutOfContainer( - towards = AnimatedContentTransitionScope.SlideDirection.Right, - animationSpec = tween(300) - ) - } - ) { - composable { - HomeScreen() - } - - composable( - // Custom transition for specific route - enterTransition = { - fadeIn(animationSpec = tween(500)) + - scaleIn(initialScale = 0.9f, animationSpec = tween(500)) - }, - exitTransition = { - fadeOut(animationSpec = tween(500)) - } - ) { - DetailScreen() - } - } -} -``` diff --git a/.agents/skills/mobile-android-design/references/compose-components.md b/.agents/skills/mobile-android-design/references/compose-components.md deleted file mode 100644 index 3d6ace06..00000000 --- a/.agents/skills/mobile-android-design/references/compose-components.md +++ /dev/null @@ -1,796 +0,0 @@ -# Jetpack Compose Component Library - -## Lists and Collections - -### Basic LazyColumn - -```kotlin -@Composable -fun ItemList( - items: List, - onItemClick: (Item) -> Unit, - modifier: Modifier = Modifier -) { - LazyColumn( - modifier = modifier.fillMaxSize(), - contentPadding = PaddingValues(16.dp), - verticalArrangement = Arrangement.spacedBy(8.dp) - ) { - items( - items = items, - key = { it.id } - ) { item -> - ItemRow( - item = item, - onClick = { onItemClick(item) } - ) - } - } -} -``` - -### Pull to Refresh - -```kotlin -@OptIn(ExperimentalMaterial3Api::class) -@Composable -fun RefreshableList( - items: List, - isRefreshing: Boolean, - onRefresh: () -> Unit -) { - val pullToRefreshState = rememberPullToRefreshState() - - PullToRefreshBox( - state = pullToRefreshState, - isRefreshing = isRefreshing, - onRefresh = onRefresh - ) { - LazyColumn( - modifier = Modifier.fillMaxSize() - ) { - items(items) { item -> - ItemRow(item = item) - } - } - } -} -``` - -### Swipe to Dismiss - -```kotlin -@OptIn(ExperimentalMaterial3Api::class) -@Composable -fun SwipeableItem( - item: Item, - onDelete: () -> Unit -) { - val dismissState = rememberSwipeToDismissBoxState( - confirmValueChange = { value -> - if (value == SwipeToDismissBoxValue.EndToStart) { - onDelete() - true - } else { - false - } - } - ) - - SwipeToDismissBox( - state = dismissState, - backgroundContent = { - Box( - modifier = Modifier - .fillMaxSize() - .background(MaterialTheme.colorScheme.errorContainer) - .padding(horizontal = 20.dp), - contentAlignment = Alignment.CenterEnd - ) { - Icon( - Icons.Default.Delete, - contentDescription = "Delete", - tint = MaterialTheme.colorScheme.onErrorContainer - ) - } - } - ) { - ItemRow(item = item) - } -} -``` - -### Sticky Headers - -```kotlin -@OptIn(ExperimentalFoundationApi::class) -@Composable -fun GroupedList( - groups: Map> -) { - LazyColumn { - groups.forEach { (header, items) -> - stickyHeader { - Surface( - modifier = Modifier.fillMaxWidth(), - color = MaterialTheme.colorScheme.surfaceVariant - ) { - Text( - text = header, - modifier = Modifier.padding(16.dp), - style = MaterialTheme.typography.titleSmall, - color = MaterialTheme.colorScheme.onSurfaceVariant - ) - } - } - items(items, key = { it.id }) { item -> - ItemRow(item = item) - } - } - } -} -``` - -## Forms and Input - -### Text Fields - -```kotlin -@Composable -fun LoginForm( - onLogin: (email: String, password: String) -> Unit -) { - var email by rememberSaveable { mutableStateOf("") } - var password by rememberSaveable { mutableStateOf("") } - var passwordVisible by rememberSaveable { mutableStateOf(false) } - var emailError by remember { mutableStateOf(null) } - - Column( - modifier = Modifier.padding(16.dp), - verticalArrangement = Arrangement.spacedBy(16.dp) - ) { - OutlinedTextField( - value = email, - onValueChange = { - email = it - emailError = if (it.isValidEmail()) null else "Invalid email" - }, - label = { Text("Email") }, - placeholder = { Text("name@example.com") }, - leadingIcon = { Icon(Icons.Default.Email, null) }, - isError = emailError != null, - supportingText = emailError?.let { { Text(it) } }, - keyboardOptions = KeyboardOptions( - keyboardType = KeyboardType.Email, - imeAction = ImeAction.Next - ), - singleLine = true, - modifier = Modifier.fillMaxWidth() - ) - - OutlinedTextField( - value = password, - onValueChange = { password = it }, - label = { Text("Password") }, - leadingIcon = { Icon(Icons.Default.Lock, null) }, - trailingIcon = { - IconButton(onClick = { passwordVisible = !passwordVisible }) { - Icon( - if (passwordVisible) Icons.Default.VisibilityOff - else Icons.Default.Visibility, - contentDescription = "Toggle password visibility" - ) - } - }, - visualTransformation = if (passwordVisible) - VisualTransformation.None - else - PasswordVisualTransformation(), - keyboardOptions = KeyboardOptions( - keyboardType = KeyboardType.Password, - imeAction = ImeAction.Done - ), - singleLine = true, - modifier = Modifier.fillMaxWidth() - ) - - Button( - onClick = { onLogin(email, password) }, - modifier = Modifier.fillMaxWidth(), - enabled = email.isNotEmpty() && password.isNotEmpty() && emailError == null - ) { - Text("Sign In") - } - } -} -``` - -### Search Bar - -```kotlin -@OptIn(ExperimentalMaterial3Api::class) -@Composable -fun SearchableScreen( - items: List, - onItemClick: (Item) -> Unit -) { - var query by rememberSaveable { mutableStateOf("") } - var expanded by rememberSaveable { mutableStateOf(false) } - - val filteredItems = remember(query, items) { - if (query.isEmpty()) items - else items.filter { it.name.contains(query, ignoreCase = true) } - } - - SearchBar( - query = query, - onQueryChange = { query = it }, - onSearch = { expanded = false }, - active = expanded, - onActiveChange = { expanded = it }, - placeholder = { Text("Search items") }, - leadingIcon = { Icon(Icons.Default.Search, null) }, - trailingIcon = { - if (query.isNotEmpty()) { - IconButton(onClick = { query = "" }) { - Icon(Icons.Default.Clear, "Clear search") - } - } - }, - modifier = Modifier - .fillMaxWidth() - .padding(horizontal = if (expanded) 0.dp else 16.dp) - ) { - LazyColumn( - modifier = Modifier.fillMaxWidth(), - contentPadding = PaddingValues(16.dp) - ) { - items(filteredItems) { item -> - ListItem( - headlineContent = { Text(item.name) }, - supportingContent = { Text(item.description) }, - modifier = Modifier.clickable { - onItemClick(item) - expanded = false - } - ) - } - } - } -} -``` - -### Selection Controls - -```kotlin -@Composable -fun SettingsScreen() { - var notificationsEnabled by rememberSaveable { mutableStateOf(true) } - var selectedOption by rememberSaveable { mutableStateOf(0) } - var expandedDropdown by remember { mutableStateOf(false) } - var selectedLanguage by rememberSaveable { mutableStateOf("English") } - val languages = listOf("English", "Spanish", "French", "German") - - Column { - // Switch - ListItem( - headlineContent = { Text("Enable Notifications") }, - supportingContent = { Text("Receive push notifications") }, - trailingContent = { - Switch( - checked = notificationsEnabled, - onCheckedChange = { notificationsEnabled = it } - ) - } - ) - - HorizontalDivider() - - // Radio buttons - Column { - Text( - "Theme", - modifier = Modifier.padding(16.dp), - style = MaterialTheme.typography.titleSmall - ) - listOf("System", "Light", "Dark").forEachIndexed { index, option -> - Row( - modifier = Modifier - .fillMaxWidth() - .selectable( - selected = selectedOption == index, - onClick = { selectedOption = index }, - role = Role.RadioButton - ) - .padding(horizontal = 16.dp, vertical = 12.dp), - verticalAlignment = Alignment.CenterVertically - ) { - RadioButton( - selected = selectedOption == index, - onClick = null - ) - Spacer(Modifier.width(16.dp)) - Text(option) - } - } - } - - HorizontalDivider() - - // Dropdown - ExposedDropdownMenuBox( - expanded = expandedDropdown, - onExpandedChange = { expandedDropdown = it }, - modifier = Modifier.padding(16.dp) - ) { - OutlinedTextField( - value = selectedLanguage, - onValueChange = {}, - readOnly = true, - label = { Text("Language") }, - trailingIcon = { ExposedDropdownMenuDefaults.TrailingIcon(expanded = expandedDropdown) }, - modifier = Modifier - .fillMaxWidth() - .menuAnchor() - ) - ExposedDropdownMenu( - expanded = expandedDropdown, - onDismissRequest = { expandedDropdown = false } - ) { - languages.forEach { language -> - DropdownMenuItem( - text = { Text(language) }, - onClick = { - selectedLanguage = language - expandedDropdown = false - }, - contentPadding = ExposedDropdownMenuDefaults.ItemContentPadding - ) - } - } - } - } -} -``` - -## Dialogs and Bottom Sheets - -### Alert Dialog - -```kotlin -@Composable -fun DeleteConfirmationDialog( - itemName: String, - onConfirm: () -> Unit, - onDismiss: () -> Unit -) { - AlertDialog( - onDismissRequest = onDismiss, - icon = { - Icon( - Icons.Default.Warning, - contentDescription = null, - tint = MaterialTheme.colorScheme.error - ) - }, - title = { - Text("Delete Item?") - }, - text = { - Text("Are you sure you want to delete \"$itemName\"? This action cannot be undone.") - }, - confirmButton = { - TextButton( - onClick = onConfirm, - colors = ButtonDefaults.textButtonColors( - contentColor = MaterialTheme.colorScheme.error - ) - ) { - Text("Delete") - } - }, - dismissButton = { - TextButton(onClick = onDismiss) { - Text("Cancel") - } - } - ) -} -``` - -### Modal Bottom Sheet - -```kotlin -@OptIn(ExperimentalMaterial3Api::class) -@Composable -fun OptionsBottomSheet( - onDismiss: () -> Unit, - onOptionSelected: (String) -> Unit -) { - val sheetState = rememberModalBottomSheetState() - - ModalBottomSheet( - onDismissRequest = onDismiss, - sheetState = sheetState, - dragHandle = { BottomSheetDefaults.DragHandle() } - ) { - Column( - modifier = Modifier - .fillMaxWidth() - .padding(bottom = 32.dp) - ) { - Text( - "Options", - modifier = Modifier.padding(horizontal = 16.dp, vertical = 8.dp), - style = MaterialTheme.typography.titleMedium - ) - - listOf( - Triple(Icons.Default.Share, "Share", "share"), - Triple(Icons.Default.Edit, "Edit", "edit"), - Triple(Icons.Default.FileCopy, "Duplicate", "duplicate"), - Triple(Icons.Default.Delete, "Delete", "delete") - ).forEach { (icon, label, action) -> - ListItem( - headlineContent = { Text(label) }, - leadingContent = { - Icon( - icon, - contentDescription = null, - tint = if (action == "delete") - MaterialTheme.colorScheme.error - else - MaterialTheme.colorScheme.onSurfaceVariant - ) - }, - modifier = Modifier.clickable { onOptionSelected(action) } - ) - } - } - } -} -``` - -### Date and Time Pickers - -```kotlin -@OptIn(ExperimentalMaterial3Api::class) -@Composable -fun DateTimePickerExample() { - var showDatePicker by remember { mutableStateOf(false) } - var showTimePicker by remember { mutableStateOf(false) } - val datePickerState = rememberDatePickerState() - val timePickerState = rememberTimePickerState() - - Column(modifier = Modifier.padding(16.dp)) { - OutlinedButton(onClick = { showDatePicker = true }) { - Icon(Icons.Default.CalendarToday, null) - Spacer(Modifier.width(8.dp)) - Text( - datePickerState.selectedDateMillis?.let { - SimpleDateFormat("MMM dd, yyyy", Locale.getDefault()) - .format(Date(it)) - } ?: "Select Date" - ) - } - - Spacer(Modifier.height(16.dp)) - - OutlinedButton(onClick = { showTimePicker = true }) { - Icon(Icons.Default.Schedule, null) - Spacer(Modifier.width(8.dp)) - Text( - String.format("%02d:%02d", timePickerState.hour, timePickerState.minute) - ) - } - } - - if (showDatePicker) { - DatePickerDialog( - onDismissRequest = { showDatePicker = false }, - confirmButton = { - TextButton(onClick = { showDatePicker = false }) { - Text("OK") - } - }, - dismissButton = { - TextButton(onClick = { showDatePicker = false }) { - Text("Cancel") - } - } - ) { - DatePicker(state = datePickerState) - } - } - - if (showTimePicker) { - AlertDialog( - onDismissRequest = { showTimePicker = false }, - confirmButton = { - TextButton(onClick = { showTimePicker = false }) { - Text("OK") - } - }, - dismissButton = { - TextButton(onClick = { showTimePicker = false }) { - Text("Cancel") - } - }, - text = { - TimePicker(state = timePickerState) - } - ) - } -} -``` - -## Loading States - -### Progress Indicators - -```kotlin -@Composable -fun LoadingStates() { - Column( - modifier = Modifier.padding(16.dp), - verticalArrangement = Arrangement.spacedBy(24.dp) - ) { - // Indeterminate circular - CircularProgressIndicator() - - // Determinate circular - CircularProgressIndicator( - progress = { 0.7f }, - strokeWidth = 4.dp - ) - - // Indeterminate linear - LinearProgressIndicator(modifier = Modifier.fillMaxWidth()) - - // Determinate linear - LinearProgressIndicator( - progress = { 0.7f }, - modifier = Modifier.fillMaxWidth() - ) - } -} -``` - -### Skeleton Loading - -```kotlin -@Composable -fun SkeletonLoader( - modifier: Modifier = Modifier -) { - val infiniteTransition = rememberInfiniteTransition(label = "skeleton") - val alpha by infiniteTransition.animateFloat( - initialValue = 0.3f, - targetValue = 0.7f, - animationSpec = infiniteRepeatable( - animation = tween(1000, easing = LinearEasing), - repeatMode = RepeatMode.Reverse - ), - label = "alpha" - ) - - Column( - modifier = modifier.padding(16.dp), - verticalArrangement = Arrangement.spacedBy(12.dp) - ) { - repeat(5) { - Row( - verticalAlignment = Alignment.CenterVertically, - horizontalArrangement = Arrangement.spacedBy(12.dp) - ) { - Box( - modifier = Modifier - .size(48.dp) - .clip(CircleShape) - .background(MaterialTheme.colorScheme.surfaceVariant.copy(alpha = alpha)) - ) - Column(verticalArrangement = Arrangement.spacedBy(8.dp)) { - Box( - modifier = Modifier - .height(16.dp) - .fillMaxWidth(0.7f) - .clip(RoundedCornerShape(4.dp)) - .background(MaterialTheme.colorScheme.surfaceVariant.copy(alpha = alpha)) - ) - Box( - modifier = Modifier - .height(12.dp) - .fillMaxWidth(0.5f) - .clip(RoundedCornerShape(4.dp)) - .background(MaterialTheme.colorScheme.surfaceVariant.copy(alpha = alpha)) - ) - } - } - } - } -} -``` - -### Content Loading Pattern - -```kotlin -@Composable -fun AsyncContent( - state: AsyncState, - onRetry: () -> Unit, - content: @Composable (T) -> Unit -) { - when (state) { - is AsyncState.Loading -> { - Box( - modifier = Modifier.fillMaxSize(), - contentAlignment = Alignment.Center - ) { - CircularProgressIndicator() - } - } - is AsyncState.Success -> { - content(state.data) - } - is AsyncState.Error -> { - Column( - modifier = Modifier - .fillMaxSize() - .padding(32.dp), - horizontalAlignment = Alignment.CenterHorizontally, - verticalArrangement = Arrangement.Center - ) { - Icon( - Icons.Default.Error, - contentDescription = null, - modifier = Modifier.size(64.dp), - tint = MaterialTheme.colorScheme.error - ) - Spacer(Modifier.height(16.dp)) - Text( - "Something went wrong", - style = MaterialTheme.typography.titleMedium - ) - Spacer(Modifier.height(8.dp)) - Text( - state.message, - style = MaterialTheme.typography.bodyMedium, - color = MaterialTheme.colorScheme.onSurfaceVariant, - textAlign = TextAlign.Center - ) - Spacer(Modifier.height(24.dp)) - Button(onClick = onRetry) { - Text("Try Again") - } - } - } - } -} - -sealed class AsyncState { - object Loading : AsyncState() - data class Success(val data: T) : AsyncState() - data class Error(val message: String) : AsyncState() -} -``` - -## Animations - -### Animated Visibility - -```kotlin -@Composable -fun ExpandableCard( - title: String, - content: String -) { - var expanded by rememberSaveable { mutableStateOf(false) } - - Card( - modifier = Modifier.fillMaxWidth() - ) { - Column( - modifier = Modifier - .clickable { expanded = !expanded } - .padding(16.dp) - ) { - Row( - modifier = Modifier.fillMaxWidth(), - horizontalArrangement = Arrangement.SpaceBetween, - verticalAlignment = Alignment.CenterVertically - ) { - Text(title, style = MaterialTheme.typography.titleMedium) - Icon( - if (expanded) Icons.Default.ExpandLess else Icons.Default.ExpandMore, - contentDescription = if (expanded) "Collapse" else "Expand" - ) - } - - AnimatedVisibility( - visible = expanded, - enter = expandVertically() + fadeIn(), - exit = shrinkVertically() + fadeOut() - ) { - Text( - text = content, - modifier = Modifier.padding(top = 12.dp), - style = MaterialTheme.typography.bodyMedium, - color = MaterialTheme.colorScheme.onSurfaceVariant - ) - } - } - } -} -``` - -### Animated Content - -```kotlin -@Composable -fun AnimatedCounter(count: Int) { - AnimatedContent( - targetState = count, - transitionSpec = { - if (targetState > initialState) { - slideInVertically { -it } + fadeIn() togetherWith - slideOutVertically { it } + fadeOut() - } else { - slideInVertically { it } + fadeIn() togetherWith - slideOutVertically { -it } + fadeOut() - }.using(SizeTransform(clip = false)) - }, - label = "counter" - ) { targetCount -> - Text( - text = "$targetCount", - style = MaterialTheme.typography.displayMedium - ) - } -} -``` - -### Gesture-Based Animation - -```kotlin -@Composable -fun SwipeableCard( - onSwipeLeft: () -> Unit, - onSwipeRight: () -> Unit, - content: @Composable () -> Unit -) { - var offsetX by remember { mutableFloatStateOf(0f) } - val animatedOffset by animateFloatAsState( - targetValue = offsetX, - animationSpec = spring(dampingRatio = Spring.DampingRatioMediumBouncy), - label = "offset" - ) - - Card( - modifier = Modifier - .fillMaxWidth() - .offset { IntOffset(animatedOffset.roundToInt(), 0) } - .pointerInput(Unit) { - detectHorizontalDragGestures( - onDragEnd = { - when { - offsetX > 200f -> { - onSwipeRight() - offsetX = 0f - } - offsetX < -200f -> { - onSwipeLeft() - offsetX = 0f - } - else -> offsetX = 0f - } - }, - onHorizontalDrag = { _, dragAmount -> - offsetX += dragAmount - } - ) - } - ) { - content() - } -} -``` diff --git a/.agents/skills/mobile-android-design/references/material3-theming.md b/.agents/skills/mobile-android-design/references/material3-theming.md deleted file mode 100644 index bc8b130f..00000000 --- a/.agents/skills/mobile-android-design/references/material3-theming.md +++ /dev/null @@ -1,604 +0,0 @@ -# Material Design 3 Theming - -## Color System - -### Dynamic Color (Material You) - -```kotlin -@Composable -fun AppTheme( - darkTheme: Boolean = isSystemInDarkTheme(), - dynamicColor: Boolean = true, - content: @Composable () -> Unit -) { - val colorScheme = when { - dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> { - val context = LocalContext.current - if (darkTheme) dynamicDarkColorScheme(context) - else dynamicLightColorScheme(context) - } - darkTheme -> DarkColorScheme - else -> LightColorScheme - } - - MaterialTheme( - colorScheme = colorScheme, - typography = AppTypography, - shapes = AppShapes, - content = content - ) -} -``` - -### Custom Color Scheme - -```kotlin -// Define color palette -val md_theme_light_primary = Color(0xFF6750A4) -val md_theme_light_onPrimary = Color(0xFFFFFFFF) -val md_theme_light_primaryContainer = Color(0xFFEADDFF) -val md_theme_light_onPrimaryContainer = Color(0xFF21005D) -val md_theme_light_secondary = Color(0xFF625B71) -val md_theme_light_onSecondary = Color(0xFFFFFFFF) -val md_theme_light_secondaryContainer = Color(0xFFE8DEF8) -val md_theme_light_onSecondaryContainer = Color(0xFF1D192B) -val md_theme_light_tertiary = Color(0xFF7D5260) -val md_theme_light_onTertiary = Color(0xFFFFFFFF) -val md_theme_light_tertiaryContainer = Color(0xFFFFD8E4) -val md_theme_light_onTertiaryContainer = Color(0xFF31111D) -val md_theme_light_error = Color(0xFFB3261E) -val md_theme_light_onError = Color(0xFFFFFFFF) -val md_theme_light_errorContainer = Color(0xFFF9DEDC) -val md_theme_light_onErrorContainer = Color(0xFF410E0B) -val md_theme_light_background = Color(0xFFFFFBFE) -val md_theme_light_onBackground = Color(0xFF1C1B1F) -val md_theme_light_surface = Color(0xFFFFFBFE) -val md_theme_light_onSurface = Color(0xFF1C1B1F) -val md_theme_light_surfaceVariant = Color(0xFFE7E0EC) -val md_theme_light_onSurfaceVariant = Color(0xFF49454F) -val md_theme_light_outline = Color(0xFF79747E) -val md_theme_light_outlineVariant = Color(0xFFCAC4D0) - -val LightColorScheme = lightColorScheme( - primary = md_theme_light_primary, - onPrimary = md_theme_light_onPrimary, - primaryContainer = md_theme_light_primaryContainer, - onPrimaryContainer = md_theme_light_onPrimaryContainer, - secondary = md_theme_light_secondary, - onSecondary = md_theme_light_onSecondary, - secondaryContainer = md_theme_light_secondaryContainer, - onSecondaryContainer = md_theme_light_onSecondaryContainer, - tertiary = md_theme_light_tertiary, - onTertiary = md_theme_light_onTertiary, - tertiaryContainer = md_theme_light_tertiaryContainer, - onTertiaryContainer = md_theme_light_onTertiaryContainer, - error = md_theme_light_error, - onError = md_theme_light_onError, - errorContainer = md_theme_light_errorContainer, - onErrorContainer = md_theme_light_onErrorContainer, - background = md_theme_light_background, - onBackground = md_theme_light_onBackground, - surface = md_theme_light_surface, - onSurface = md_theme_light_onSurface, - surfaceVariant = md_theme_light_surfaceVariant, - onSurfaceVariant = md_theme_light_onSurfaceVariant, - outline = md_theme_light_outline, - outlineVariant = md_theme_light_outlineVariant -) - -// Dark colors follow the same pattern -val DarkColorScheme = darkColorScheme( - primary = md_theme_dark_primary, - // ... other colors -) -``` - -### Color Roles Usage - -```kotlin -@Composable -fun ColorRolesExample() { - Column( - modifier = Modifier.padding(16.dp), - verticalArrangement = Arrangement.spacedBy(16.dp) - ) { - // Primary - Key actions, FABs - Button(onClick = { }) { - Text("Primary Action") - } - - // Primary Container - Less prominent containers - Surface( - color = MaterialTheme.colorScheme.primaryContainer, - shape = RoundedCornerShape(12.dp) - ) { - Text( - "Primary Container", - modifier = Modifier.padding(16.dp), - color = MaterialTheme.colorScheme.onPrimaryContainer - ) - } - - // Secondary - Less prominent actions - FilledTonalButton(onClick = { }) { - Text("Secondary Action") - } - - // Tertiary - Contrast accents - Badge( - containerColor = MaterialTheme.colorScheme.tertiaryContainer, - contentColor = MaterialTheme.colorScheme.onTertiaryContainer - ) { - Text("New") - } - - // Error - Destructive actions - Button( - onClick = { }, - colors = ButtonDefaults.buttonColors( - containerColor = MaterialTheme.colorScheme.error - ) - ) { - Text("Delete") - } - - // Surface variants - Surface( - color = MaterialTheme.colorScheme.surfaceVariant, - shape = RoundedCornerShape(8.dp) - ) { - Text( - "Surface Variant", - modifier = Modifier.padding(16.dp), - color = MaterialTheme.colorScheme.onSurfaceVariant - ) - } - } -} -``` - -### Extended Colors - -```kotlin -// Custom semantic colors beyond M3 defaults -data class ExtendedColors( - val success: Color, - val onSuccess: Color, - val successContainer: Color, - val onSuccessContainer: Color, - val warning: Color, - val onWarning: Color, - val warningContainer: Color, - val onWarningContainer: Color -) - -val LocalExtendedColors = staticCompositionLocalOf { - ExtendedColors( - success = Color(0xFF4CAF50), - onSuccess = Color.White, - successContainer = Color(0xFFE8F5E9), - onSuccessContainer = Color(0xFF1B5E20), - warning = Color(0xFFFF9800), - onWarning = Color.White, - warningContainer = Color(0xFFFFF3E0), - onWarningContainer = Color(0xFFE65100) - ) -} - -@Composable -fun AppTheme( - content: @Composable () -> Unit -) { - val extendedColors = ExtendedColors( - // ... define colors based on light/dark theme - ) - - CompositionLocalProvider( - LocalExtendedColors provides extendedColors - ) { - MaterialTheme( - colorScheme = colorScheme, - content = content - ) - } -} - -// Usage -@Composable -fun SuccessBanner() { - val extendedColors = LocalExtendedColors.current - - Surface( - color = extendedColors.successContainer, - shape = RoundedCornerShape(8.dp) - ) { - Row( - modifier = Modifier.padding(16.dp), - horizontalArrangement = Arrangement.spacedBy(12.dp) - ) { - Icon( - Icons.Default.CheckCircle, - contentDescription = null, - tint = extendedColors.success - ) - Text( - "Operation successful!", - color = extendedColors.onSuccessContainer - ) - } - } -} -``` - -## Typography - -### Material 3 Type Scale - -```kotlin -val AppTypography = Typography( - // Display styles - Hero text, large numerals - displayLarge = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 57.sp, - lineHeight = 64.sp, - letterSpacing = (-0.25).sp - ), - displayMedium = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 45.sp, - lineHeight = 52.sp, - letterSpacing = 0.sp - ), - displaySmall = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 36.sp, - lineHeight = 44.sp, - letterSpacing = 0.sp - ), - - // Headline styles - High emphasis, short text - headlineLarge = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 32.sp, - lineHeight = 40.sp, - letterSpacing = 0.sp - ), - headlineMedium = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 28.sp, - lineHeight = 36.sp, - letterSpacing = 0.sp - ), - headlineSmall = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 24.sp, - lineHeight = 32.sp, - letterSpacing = 0.sp - ), - - // Title styles - Medium emphasis headers - titleLarge = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 22.sp, - lineHeight = 28.sp, - letterSpacing = 0.sp - ), - titleMedium = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Medium, - fontSize = 16.sp, - lineHeight = 24.sp, - letterSpacing = 0.15.sp - ), - titleSmall = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Medium, - fontSize = 14.sp, - lineHeight = 20.sp, - letterSpacing = 0.1.sp - ), - - // Body styles - Long-form text - bodyLarge = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 16.sp, - lineHeight = 24.sp, - letterSpacing = 0.5.sp - ), - bodyMedium = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 14.sp, - lineHeight = 20.sp, - letterSpacing = 0.25.sp - ), - bodySmall = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Normal, - fontSize = 12.sp, - lineHeight = 16.sp, - letterSpacing = 0.4.sp - ), - - // Label styles - Buttons, chips, navigation - labelLarge = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Medium, - fontSize = 14.sp, - lineHeight = 20.sp, - letterSpacing = 0.1.sp - ), - labelMedium = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Medium, - fontSize = 12.sp, - lineHeight = 16.sp, - letterSpacing = 0.5.sp - ), - labelSmall = TextStyle( - fontFamily = FontFamily.Default, - fontWeight = FontWeight.Medium, - fontSize = 11.sp, - lineHeight = 16.sp, - letterSpacing = 0.5.sp - ) -) -``` - -### Custom Fonts - -```kotlin -// Load custom fonts -val Inter = FontFamily( - Font(R.font.inter_regular, FontWeight.Normal), - Font(R.font.inter_medium, FontWeight.Medium), - Font(R.font.inter_semibold, FontWeight.SemiBold), - Font(R.font.inter_bold, FontWeight.Bold) -) - -val AppTypography = Typography( - displayLarge = TextStyle( - fontFamily = Inter, - fontWeight = FontWeight.Normal, - fontSize = 57.sp, - lineHeight = 64.sp - ), - // Apply to all styles... -) - -// Variable fonts (Android 12+) -val InterVariable = FontFamily( - Font( - R.font.inter_variable, - variationSettings = FontVariation.Settings( - FontVariation.weight(400) - ) - ) -) -``` - -## Shape System - -### Material 3 Shapes - -```kotlin -val AppShapes = Shapes( - // Extra small - Chips, small buttons - extraSmall = RoundedCornerShape(4.dp), - - // Small - Text fields, small cards - small = RoundedCornerShape(8.dp), - - // Medium - Cards, dialogs - medium = RoundedCornerShape(12.dp), - - // Large - Large cards, bottom sheets - large = RoundedCornerShape(16.dp), - - // Extra large - Full-screen dialogs - extraLarge = RoundedCornerShape(28.dp) -) -``` - -### Custom Shape Usage - -```kotlin -@Composable -fun ShapedComponents() { - Column( - verticalArrangement = Arrangement.spacedBy(16.dp) - ) { - // Small shape for text field - OutlinedTextField( - value = "", - onValueChange = {}, - shape = MaterialTheme.shapes.small, - label = { Text("Input") } - ) - - // Medium shape for cards - Card( - shape = MaterialTheme.shapes.medium - ) { - Text("Card content", modifier = Modifier.padding(16.dp)) - } - - // Large shape for prominent containers - Surface( - shape = MaterialTheme.shapes.large, - color = MaterialTheme.colorScheme.primaryContainer - ) { - Text("Featured", modifier = Modifier.padding(24.dp)) - } - - // Custom asymmetric shape - Surface( - shape = RoundedCornerShape( - topStart = 24.dp, - topEnd = 24.dp, - bottomStart = 0.dp, - bottomEnd = 0.dp - ), - color = MaterialTheme.colorScheme.surface - ) { - Text("Bottom sheet style", modifier = Modifier.padding(16.dp)) - } - } -} -``` - -## Elevation and Shadows - -### Tonal Elevation - -```kotlin -@Composable -fun ElevationExample() { - Column( - verticalArrangement = Arrangement.spacedBy(16.dp) - ) { - // Level 0 - No elevation - Surface( - tonalElevation = 0.dp, - shadowElevation = 0.dp - ) { - Text("Level 0", modifier = Modifier.padding(16.dp)) - } - - // Level 1 - Low emphasis surfaces - Surface( - tonalElevation = 1.dp, - shadowElevation = 1.dp - ) { - Text("Level 1", modifier = Modifier.padding(16.dp)) - } - - // Level 2 - Cards, switches - Surface( - tonalElevation = 3.dp, - shadowElevation = 2.dp - ) { - Text("Level 2", modifier = Modifier.padding(16.dp)) - } - - // Level 3 - Navigation components - Surface( - tonalElevation = 6.dp, - shadowElevation = 4.dp - ) { - Text("Level 3", modifier = Modifier.padding(16.dp)) - } - - // Level 4 - Navigation rail - Surface( - tonalElevation = 8.dp, - shadowElevation = 6.dp - ) { - Text("Level 4", modifier = Modifier.padding(16.dp)) - } - - // Level 5 - FAB - Surface( - tonalElevation = 12.dp, - shadowElevation = 8.dp - ) { - Text("Level 5", modifier = Modifier.padding(16.dp)) - } - } -} -``` - -## Responsive Design - -### Window Size Classes - -```kotlin -@Composable -fun AdaptiveLayout() { - val windowSizeClass = calculateWindowSizeClass(LocalContext.current as Activity) - - when (windowSizeClass.widthSizeClass) { - WindowWidthSizeClass.Compact -> { - // Phone portrait - Single column, bottom nav - CompactLayout() - } - WindowWidthSizeClass.Medium -> { - // Tablet portrait, phone landscape - Navigation rail - MediumLayout() - } - WindowWidthSizeClass.Expanded -> { - // Tablet landscape, desktop - Navigation drawer, multi-pane - ExpandedLayout() - } - } -} - -@Composable -fun CompactLayout() { - Scaffold( - bottomBar = { NavigationBar { /* items */ } } - ) { padding -> - Content(modifier = Modifier.padding(padding)) - } -} - -@Composable -fun MediumLayout() { - Row { - NavigationRail { /* items */ } - Content(modifier = Modifier.weight(1f)) - } -} - -@Composable -fun ExpandedLayout() { - PermanentNavigationDrawer( - drawerContent = { - PermanentDrawerSheet { /* items */ } - } - ) { - Row { - ListPane(modifier = Modifier.weight(0.4f)) - DetailPane(modifier = Modifier.weight(0.6f)) - } - } -} -``` - -### Foldable Support - -```kotlin -@Composable -fun FoldableAwareLayout() { - val foldingFeature = LocalFoldingFeature.current - - when { - foldingFeature?.state == FoldingFeature.State.HALF_OPENED -> { - // Device is half-folded (tabletop mode) - TwoHingeLayout( - top = { CameraPreview() }, - bottom = { CameraControls() } - ) - } - foldingFeature?.orientation == FoldingFeature.Orientation.VERTICAL -> { - // Vertical fold (book mode) - TwoPaneLayout( - first = { NavigationPane() }, - second = { ContentPane() } - ) - } - else -> { - // Regular or fully opened - SinglePaneLayout() - } - } -} -``` diff --git a/.agents/skills/normalize/SKILL.md b/.agents/skills/normalize/SKILL.md deleted file mode 100644 index 4015c54a..00000000 --- a/.agents/skills/normalize/SKILL.md +++ /dev/null @@ -1,70 +0,0 @@ ---- -name: normalize -description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. -user-invocable: true -argument-hint: "[feature (page, route, component...)]" ---- - -Analyze and redesign the feature to perfectly match our design system standards, aesthetics, and established patterns. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. - ---- - -## Plan - -Before making changes, deeply understand the context: - -1. **Discover the design system**: Search for design system documentation, UI guidelines, component libraries, or style guides (grep for "design system", "ui guide", "style guide", etc.). Study it thoroughly until you understand: - - Core design principles and aesthetic direction - - Target audience and personas - - Component patterns and conventions - - Design tokens (colors, typography, spacing) - - **CRITICAL**: If something isn't clear, ask. Don't guess at design system principles. - -2. **Analyze the current feature**: Assess what works and what doesn't: - - Where does it deviate from design system patterns? - - Which inconsistencies are cosmetic vs. functional? - - What's the root cause—missing tokens, one-off implementations, or conceptual misalignment? - -3. **Create a normalization plan**: Define specific changes that will align the feature with the design system: - - Which components can be replaced with design system equivalents? - - Which styles need to use design tokens instead of hard-coded values? - - How can UX patterns match established user flows? - - **IMPORTANT**: Great design is effective design. Prioritize UX consistency and usability over visual polish alone. Think through the best possible experience for your use case and personas first. - -## Execute - -Systematically address all inconsistencies across these dimensions: - -- **Typography**: Use design system fonts, sizes, weights, and line heights. Replace hard-coded values with typographic tokens or classes. -- **Color & Theme**: Apply design system color tokens. Remove one-off color choices that break the palette. -- **Spacing & Layout**: Use spacing tokens (margins, padding, gaps). Align with grid systems and layout patterns used elsewhere. -- **Components**: Replace custom implementations with design system components. Ensure props and variants match established patterns. -- **Motion & Interaction**: Match animation timing, easing, and interaction patterns to other features. -- **Responsive Behavior**: Ensure breakpoints and responsive patterns align with design system standards. -- **Accessibility**: Verify contrast ratios, focus states, ARIA labels match design system requirements. -- **Progressive Disclosure**: Match information hierarchy and complexity management to established patterns. - -**NEVER**: -- Create new one-off components when design system equivalents exist -- Hard-code values that should use design tokens -- Introduce new patterns that diverge from the design system -- Compromise accessibility for visual consistency - -This is not an exhaustive list—apply judgment to identify all areas needing normalization. - -## Clean Up - -After normalization, ensure code quality: - -- **Consolidate reusable components**: If you created new components that should be shared, move them to the design system or shared UI component path. -- **Remove orphaned code**: Delete unused implementations, styles, or files made obsolete by normalization. -- **Verify quality**: Lint, type-check, and test according to repository guidelines. Ensure normalization didn't introduce regressions. -- **Ensure DRYness**: Look for duplication introduced during refactoring and consolidate. - -Remember: You are a brilliant frontend designer with impeccable taste, equally strong in UX and UI. Your attention to detail and eye for end-to-end user experience is world class. Execute with precision and thoroughness. \ No newline at end of file diff --git a/.agents/skills/onboard/SKILL.md b/.agents/skills/onboard/SKILL.md deleted file mode 100644 index 14666050..00000000 --- a/.agents/skills/onboard/SKILL.md +++ /dev/null @@ -1,245 +0,0 @@ ---- -name: onboard -description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. -user-invocable: true -argument-hint: "[target]" ---- - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: the "aha moment" you want users to reach, and users' experience level. - ---- - -Create or improve onboarding experiences that help users understand, adopt, and succeed with the product quickly. - -## Assess Onboarding Needs - -Understand what users need to learn and why: - -1. **Identify the challenge**: - - What are users trying to accomplish? - - What's confusing or unclear about current experience? - - Where do users get stuck or drop off? - - What's the "aha moment" we want users to reach? - -2. **Understand the users**: - - What's their experience level? (Beginners, power users, mixed?) - - What's their motivation? (Excited and exploring? Required by work?) - - What's their time commitment? (5 minutes? 30 minutes?) - - What alternatives do they know? (Coming from competitor? New to category?) - -3. **Define success**: - - What's the minimum users need to learn to be successful? - - What's the key action we want them to take? (First project? First invite?) - - How do we know onboarding worked? (Completion rate? Time to value?) - -**CRITICAL**: Onboarding should get users to value as quickly as possible, not teach everything possible. - -## Onboarding Principles - -Follow these core principles: - -### Show, Don't Tell -- Demonstrate with working examples, not just descriptions -- Provide real functionality in onboarding, not separate tutorial mode -- Use progressive disclosure - teach one thing at a time - -### Make It Optional (When Possible) -- Let experienced users skip onboarding -- Don't block access to product -- Provide "Skip" or "I'll explore on my own" options - -### Time to Value -- Get users to their "aha moment" ASAP -- Front-load most important concepts -- Teach 20% that delivers 80% of value -- Save advanced features for contextual discovery - -### Context Over Ceremony -- Teach features when users need them, not upfront -- Empty states are onboarding opportunities -- Tooltips and hints at point of use - -### Respect User Intelligence -- Don't patronize or over-explain -- Be concise and clear -- Assume users can figure out standard patterns - -## Design Onboarding Experiences - -Create appropriate onboarding for the context: - -### Initial Product Onboarding - -**Welcome Screen**: -- Clear value proposition (what is this product?) -- What users will learn/accomplish -- Time estimate (honest about commitment) -- Option to skip (for experienced users) - -**Account Setup**: -- Minimal required information (collect more later) -- Explain why you're asking for each piece of information -- Smart defaults where possible -- Social login when appropriate - -**Core Concept Introduction**: -- Introduce 1-3 core concepts (not everything) -- Use simple language and examples -- Interactive when possible (do, don't just read) -- Progress indication (step 1 of 3) - -**First Success**: -- Guide users to accomplish something real -- Pre-populated examples or templates -- Celebrate completion (but don't overdo it) -- Clear next steps - -### Feature Discovery & Adoption - -**Empty States**: -Instead of blank space, show: -- What will appear here (description + screenshot/illustration) -- Why it's valuable -- Clear CTA to create first item -- Example or template option - -Example: -``` -No projects yet -Projects help you organize your work and collaborate with your team. -[Create your first project] or [Start from template] -``` - -**Contextual Tooltips**: -- Appear at relevant moment (first time user sees feature) -- Point directly at relevant UI element -- Brief explanation + benefit -- Dismissable (with "Don't show again" option) -- Optional "Learn more" link - -**Feature Announcements**: -- Highlight new features when they're released -- Show what's new and why it matters -- Let users try immediately -- Dismissable - -**Progressive Onboarding**: -- Teach features when users encounter them -- Badges or indicators on new/unused features -- Unlock complexity gradually (don't show all options immediately) - -### Guided Tours & Walkthroughs - -**When to use**: -- Complex interfaces with many features -- Significant changes to existing product -- Industry-specific tools needing domain knowledge - -**How to design**: -- Spotlight specific UI elements (dim rest of page) -- Keep steps short (3-7 steps max per tour) -- Allow users to click through tour freely -- Include "Skip tour" option -- Make replayable (help menu) - -**Best practices**: -- Interactive > passive (let users click real buttons) -- Focus on workflow, not features ("Create a project" not "This is the project button") -- Provide sample data so actions work - -### Interactive Tutorials - -**When to use**: -- Users need hands-on practice -- Concepts are complex or unfamiliar -- High stakes (better to practice in safe environment) - -**How to design**: -- Sandbox environment with sample data -- Clear objectives ("Create a chart showing sales by region") -- Step-by-step guidance -- Validation (confirm they did it right) -- Graduation moment (you're ready!) - -### Documentation & Help - -**In-product help**: -- Contextual help links throughout interface -- Keyboard shortcut reference -- Search-able help center -- Video tutorials for complex workflows - -**Help patterns**: -- `?` icon near complex features -- "Learn more" links in tooltips -- Keyboard shortcut hints (`⌘K` shown on search box) - -## Empty State Design - -Every empty state needs: - -### What Will Be Here -"Your recent projects will appear here" - -### Why It Matters -"Projects help you organize your work and collaborate with your team" - -### How to Get Started -[Create project] or [Import from template] - -### Visual Interest -Illustration or icon (not just text on blank page) - -### Contextual Help -"Need help getting started? [Watch 2-min tutorial]" - -**Empty state types**: -- **First use**: Never used this feature (emphasize value, provide template) -- **User cleared**: Intentionally deleted everything (light touch, easy to recreate) -- **No results**: Search or filter returned nothing (suggest different query, clear filters) -- **No permissions**: Can't access (explain why, how to get access) -- **Error state**: Failed to load (explain what happened, retry option) - -## Implementation Patterns - -### Technical approaches: - -**Tooltip libraries**: Tippy.js, Popper.js -**Tour libraries**: Intro.js, Shepherd.js, React Joyride -**Modal patterns**: Focus trap, backdrop, ESC to close -**Progress tracking**: LocalStorage for "seen" states -**Analytics**: Track completion, drop-off points - -**Storage patterns**: -```javascript -// Track which onboarding steps user has seen -localStorage.setItem('onboarding-completed', 'true'); -localStorage.setItem('feature-tooltip-seen-reports', 'true'); -``` - -**IMPORTANT**: Don't show same onboarding twice (annoying). Track completion and respect dismissals. - -**NEVER**: -- Force users through long onboarding before they can use product -- Patronize users with obvious explanations -- Show same tooltip repeatedly (respect dismissals) -- Block all UI during tour (let users explore) -- Create separate tutorial mode disconnected from real product -- Overwhelm with information upfront (progressive disclosure!) -- Hide "Skip" or make it hard to find -- Forget about returning users (don't show initial onboarding again) - -## Verify Onboarding Quality - -Test with real users: - -- **Time to completion**: Can users complete onboarding quickly? -- **Comprehension**: Do users understand after completing? -- **Action**: Do users take desired next step? -- **Skip rate**: Are too many users skipping? (Maybe it's too long/not valuable) -- **Completion rate**: Are users completing? (If low, simplify) -- **Time to value**: How long until users get first value? - -Remember: You're a product educator with excellent teaching instincts. Get users to their "aha moment" as quickly as possible. Teach the essential, make it contextual, respect user time and intelligence. \ No newline at end of file diff --git a/.agents/skills/optimize/SKILL.md b/.agents/skills/optimize/SKILL.md deleted file mode 100644 index 5315a8d0..00000000 --- a/.agents/skills/optimize/SKILL.md +++ /dev/null @@ -1,265 +0,0 @@ ---- -name: optimize -description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. -user-invocable: true -argument-hint: "[target]" ---- - -Identify and fix performance issues to create faster, smoother user experiences. - -## Assess Performance Issues - -Understand current performance and identify problems: - -1. **Measure current state**: - - **Core Web Vitals**: LCP, FID/INP, CLS scores - - **Load time**: Time to interactive, first contentful paint - - **Bundle size**: JavaScript, CSS, image sizes - - **Runtime performance**: Frame rate, memory usage, CPU usage - - **Network**: Request count, payload sizes, waterfall - -2. **Identify bottlenecks**: - - What's slow? (Initial load? Interactions? Animations?) - - What's causing it? (Large images? Expensive JavaScript? Layout thrashing?) - - How bad is it? (Perceivable? Annoying? Blocking?) - - Who's affected? (All users? Mobile only? Slow connections?) - -**CRITICAL**: Measure before and after. Premature optimization wastes time. Optimize what actually matters. - -## Optimization Strategy - -Create systematic improvement plan: - -### Loading Performance - -**Optimize Images**: -- Use modern formats (WebP, AVIF) -- Proper sizing (don't load 3000px image for 300px display) -- Lazy loading for below-fold images -- Responsive images (`srcset`, `picture` element) -- Compress images (80-85% quality is usually imperceptible) -- Use CDN for faster delivery - -```html -Hero image -``` - -**Reduce JavaScript Bundle**: -- Code splitting (route-based, component-based) -- Tree shaking (remove unused code) -- Remove unused dependencies -- Lazy load non-critical code -- Use dynamic imports for large components - -```javascript -// Lazy load heavy component -const HeavyChart = lazy(() => import('./HeavyChart')); -``` - -**Optimize CSS**: -- Remove unused CSS -- Critical CSS inline, rest async -- Minimize CSS files -- Use CSS containment for independent regions - -**Optimize Fonts**: -- Use `font-display: swap` or `optional` -- Subset fonts (only characters you need) -- Preload critical fonts -- Use system fonts when appropriate -- Limit font weights loaded - -```css -@font-face { - font-family: 'CustomFont'; - src: url('/fonts/custom.woff2') format('woff2'); - font-display: swap; /* Show fallback immediately */ - unicode-range: U+0020-007F; /* Basic Latin only */ -} -``` - -**Optimize Loading Strategy**: -- Critical resources first (async/defer non-critical) -- Preload critical assets -- Prefetch likely next pages -- Service worker for offline/caching -- HTTP/2 or HTTP/3 for multiplexing - -### Rendering Performance - -**Avoid Layout Thrashing**: -```javascript -// ❌ Bad: Alternating reads and writes (causes reflows) -elements.forEach(el => { - const height = el.offsetHeight; // Read (forces layout) - el.style.height = height * 2; // Write -}); - -// ✅ Good: Batch reads, then batch writes -const heights = elements.map(el => el.offsetHeight); // All reads -elements.forEach((el, i) => { - el.style.height = heights[i] * 2; // All writes -}); -``` - -**Optimize Rendering**: -- Use CSS `contain` property for independent regions -- Minimize DOM depth (flatter is faster) -- Reduce DOM size (fewer elements) -- Use `content-visibility: auto` for long lists -- Virtual scrolling for very long lists (react-window, react-virtualized) - -**Reduce Paint & Composite**: -- Use `transform` and `opacity` for animations (GPU-accelerated) -- Avoid animating layout properties (width, height, top, left) -- Use `will-change` sparingly for known expensive operations -- Minimize paint areas (smaller is faster) - -### Animation Performance - -**GPU Acceleration**: -```css -/* ✅ GPU-accelerated (fast) */ -.animated { - transform: translateX(100px); - opacity: 0.5; -} - -/* ❌ CPU-bound (slow) */ -.animated { - left: 100px; - width: 300px; -} -``` - -**Smooth 60fps**: -- Target 16ms per frame (60fps) -- Use `requestAnimationFrame` for JS animations -- Debounce/throttle scroll handlers -- Use CSS animations when possible -- Avoid long-running JavaScript during animations - -**Intersection Observer**: -```javascript -// Efficiently detect when elements enter viewport -const observer = new IntersectionObserver((entries) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - // Element is visible, lazy load or animate - } - }); -}); -``` - -### React/Framework Optimization - -**React-specific**: -- Use `memo()` for expensive components -- `useMemo()` and `useCallback()` for expensive computations -- Virtualize long lists -- Code split routes -- Avoid inline function creation in render -- Use React DevTools Profiler - -**Framework-agnostic**: -- Minimize re-renders -- Debounce expensive operations -- Memoize computed values -- Lazy load routes and components - -### Network Optimization - -**Reduce Requests**: -- Combine small files -- Use SVG sprites for icons -- Inline small critical assets -- Remove unused third-party scripts - -**Optimize APIs**: -- Use pagination (don't load everything) -- GraphQL to request only needed fields -- Response compression (gzip, brotli) -- HTTP caching headers -- CDN for static assets - -**Optimize for Slow Connections**: -- Adaptive loading based on connection (navigator.connection) -- Optimistic UI updates -- Request prioritization -- Progressive enhancement - -## Core Web Vitals Optimization - -### Largest Contentful Paint (LCP < 2.5s) -- Optimize hero images -- Inline critical CSS -- Preload key resources -- Use CDN -- Server-side rendering - -### First Input Delay (FID < 100ms) / INP (< 200ms) -- Break up long tasks -- Defer non-critical JavaScript -- Use web workers for heavy computation -- Reduce JavaScript execution time - -### Cumulative Layout Shift (CLS < 0.1) -- Set dimensions on images and videos -- Don't inject content above existing content -- Use `aspect-ratio` CSS property -- Reserve space for ads/embeds -- Avoid animations that cause layout shifts - -```css -/* Reserve space for image */ -.image-container { - aspect-ratio: 16 / 9; -} -``` - -## Performance Monitoring - -**Tools to use**: -- Chrome DevTools (Lighthouse, Performance panel) -- WebPageTest -- Core Web Vitals (Chrome UX Report) -- Bundle analyzers (webpack-bundle-analyzer) -- Performance monitoring (Sentry, DataDog, New Relic) - -**Key metrics**: -- LCP, FID/INP, CLS (Core Web Vitals) -- Time to Interactive (TTI) -- First Contentful Paint (FCP) -- Total Blocking Time (TBT) -- Bundle size -- Request count - -**IMPORTANT**: Measure on real devices with real network conditions. Desktop Chrome with fast connection isn't representative. - -**NEVER**: -- Optimize without measuring (premature optimization) -- Sacrifice accessibility for performance -- Break functionality while optimizing -- Use `will-change` everywhere (creates new layers, uses memory) -- Lazy load above-fold content -- Optimize micro-optimizations while ignoring major issues (optimize the biggest bottleneck first) -- Forget about mobile performance (often slower devices, slower connections) - -## Verify Improvements - -Test that optimizations worked: - -- **Before/after metrics**: Compare Lighthouse scores -- **Real user monitoring**: Track improvements for real users -- **Different devices**: Test on low-end Android, not just flagship iPhone -- **Slow connections**: Throttle to 3G, test experience -- **No regressions**: Ensure functionality still works -- **User perception**: Does it *feel* faster? - -Remember: Performance is a feature. Fast experiences feel more responsive, more polished, more professional. Optimize systematically, measure ruthlessly, and prioritize user-perceived performance. \ No newline at end of file diff --git a/.agents/skills/overdrive/SKILL.md b/.agents/skills/overdrive/SKILL.md deleted file mode 100644 index fd9199ec..00000000 --- a/.agents/skills/overdrive/SKILL.md +++ /dev/null @@ -1,141 +0,0 @@ ---- -name: overdrive -description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. -user-invocable: true -argument-hint: "[target]" ---- - -Start your response with: - -``` -──────────── ⚡ OVERDRIVE ───────────── -》》》 Entering overdrive mode... -``` - -Push an interface past conventional limits. This isn't just about visual effects — it's about using the full power of the browser to make any part of an interface feel extraordinary: a table that handles a million rows, a dialog that morphs from its trigger, a form that validates in real-time with streaming feedback, a page transition that feels cinematic. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. - -**EXTRA IMPORTANT FOR THIS SKILL**: Context determines what "extraordinary" means. A particle system on a creative portfolio is impressive. The same particle system on a settings page is embarrassing. But a settings page with instant optimistic saves and animated state transitions? That's extraordinary too. Understand the project's personality and goals before deciding what's appropriate. - -### Propose Before Building - -This skill has the highest potential to misfire. Do NOT jump straight into implementation. You MUST: - -1. **Think through 2-3 different directions** — consider different techniques, levels of ambition, and aesthetic approaches. For each direction, briefly describe what the result would look and feel like. -2. **ask the user directly to clarify what you cannot infer.** to present these directions and get the user's pick before writing any code. Explain trade-offs (browser support, performance cost, complexity). -3. Only proceed with the direction the user confirms. - -Skipping this step risks building something embarrassing that needs to be thrown away. - -### Iterate with Browser Automation - -Technically ambitious effects almost never work on the first try. You MUST actively use browser automation tools to preview your work, visually verify the result, and iterate. Do not assume the effect looks right — check it. Expect multiple rounds of refinement. The gap between "technically works" and "looks extraordinary" is closed through visual iteration, not code alone. - ---- - -## Assess What "Extraordinary" Means Here - -The right kind of technical ambition depends entirely on what you're working with. Before choosing a technique, ask: **what would make a user of THIS specific interface say "wow, that's nice"?** - -### For visual/marketing surfaces -Pages, hero sections, landing pages, portfolios — the "wow" is often sensory: a scroll-driven reveal, a shader background, a cinematic page transition, generative art that responds to the cursor. - -### For functional UI -Tables, forms, dialogs, navigation — the "wow" is in how it FEELS: a dialog that morphs from the button that triggered it via View Transitions, a data table that renders 100k rows at 60fps via virtual scrolling, a form with streaming validation that feels instant, drag-and-drop with spring physics. - -### For performance-critical UI -The "wow" is invisible but felt: a search that filters 50k items without a flicker, a complex form that never blocks the main thread, an image editor that processes in near-real-time. The interface just never hesitates. - -### For data-heavy interfaces -Charts and dashboards — the "wow" is in fluidity: GPU-accelerated rendering via Canvas/WebGL for massive datasets, animated transitions between data states, force-directed graph layouts that settle naturally. - -**The common thread**: something about the implementation goes beyond what users expect from a web interface. The technique serves the experience, not the other way around. - -## The Toolkit - -Organized by what you're trying to achieve, not by technology name. - -### Make transitions feel cinematic -- **View Transitions API** (same-document: all browsers; cross-document: no Firefox) — shared element morphing between states. A list item expanding into a detail page. A button morphing into a dialog. This is the closest thing to native FLIP animations. -- **`@starting-style`** (all browsers) — animate elements from `display: none` to visible with CSS only, including entry keyframes -- **Spring physics** — natural motion with mass, tension, and damping instead of cubic-bezier. Libraries: motion (formerly Framer Motion), GSAP, or roll your own spring solver. - -### Tie animation to scroll position -- **Scroll-driven animations** (`animation-timeline: scroll()`) — CSS-only, no JS. Parallax, progress bars, reveal sequences all driven by scroll position. (Chrome/Edge/Safari; Firefox: flag only — always provide a static fallback) - -### Render beyond CSS -- **WebGL** (all browsers) — shader effects, post-processing, particle systems. Libraries: Three.js, OGL (lightweight), regl. Use for effects CSS can't express. -- **WebGPU** (Chrome/Edge; Safari partial; Firefox: flag only) — next-gen GPU compute. More powerful than WebGL but limited browser support. Always fall back to WebGL2. -- **Canvas 2D / OffscreenCanvas** — custom rendering, pixel manipulation, or moving heavy rendering off the main thread entirely via Web Workers + OffscreenCanvas. -- **SVG filter chains** — displacement maps, turbulence, morphology for organic distortion effects. CSS-animatable. - -### Make data feel alive -- **Virtual scrolling** — render only visible rows for tables/lists with tens of thousands of items. No library required for simple cases; TanStack Virtual for complex ones. -- **GPU-accelerated charts** — Canvas or WebGL-rendered data visualization for datasets too large for SVG/DOM. Libraries: deck.gl, regl-based custom renderers. -- **Animated data transitions** — morph between chart states rather than replacing. D3's `transition()` or View Transitions for DOM-based charts. - -### Animate complex properties -- **`@property`** (all browsers) — register custom CSS properties with types, enabling animation of gradients, colors, and complex values that CSS can't normally interpolate. -- **Web Animations API** (all browsers) — JavaScript-driven animations with the performance of CSS. Composable, cancellable, reversible. The foundation for complex choreography. - -### Push performance boundaries -- **Web Workers** — move computation off the main thread. Heavy data processing, image manipulation, search indexing — anything that would cause jank. -- **OffscreenCanvas** — render in a Worker thread. The main thread stays free while complex visuals render in the background. -- **WASM** — near-native performance for computation-heavy features. Image processing, physics simulations, codecs. - -### Interact with the device -- **Web Audio API** — spatial audio, audio-reactive visualizations, sonic feedback. Requires user gesture to start. -- **Device APIs** — orientation, ambient light, geolocation. Use sparingly and always with user permission. - -**NOTE**: This skill is about enhancing how an interface FEELS, not changing what a product DOES. Adding real-time collaboration, offline support, or new backend capabilities are product decisions, not UI enhancements. Focus on making existing features feel extraordinary. - -## Implement with Discipline - -### Progressive enhancement is non-negotiable - -Every technique must degrade gracefully. The experience without the enhancement must still be good. - -```css -@supports (animation-timeline: scroll()) { - .hero { animation-timeline: scroll(); } -} -``` - -```javascript -if ('gpu' in navigator) { /* WebGPU */ } -else if (canvas.getContext('webgl2')) { /* WebGL2 fallback */ } -/* CSS-only fallback must still look good */ -``` - -### Performance rules - -- Target 60fps. If dropping below 50, simplify. -- Respect `prefers-reduced-motion` — always. Provide a beautiful static alternative. -- Lazy-initialize heavy resources (WebGL contexts, WASM modules) only when near viewport. -- Pause off-screen rendering. Kill what you can't see. -- Test on real mid-range devices, not just your development machine. - -### Polish is the difference - -The gap between "cool" and "extraordinary" is in the last 20% of refinement: the easing curve on a spring animation, the timing offset in a staggered reveal, the subtle secondary motion that makes a transition feel physical. Don't ship the first version that works — ship the version that feels inevitable. - -**NEVER**: -- Ignore `prefers-reduced-motion` — this is an accessibility requirement, not a suggestion -- Ship effects that cause jank on mid-range devices -- Use bleeding-edge APIs without a functional fallback -- Add sound without explicit user opt-in -- Use technical ambition to mask weak design fundamentals — fix those first with other skills -- Layer multiple competing extraordinary moments — focus creates impact, excess creates noise - -## Verify the Result - -- **The wow test**: Show it to someone who hasn't seen it. Do they react? -- **The removal test**: Take it away. Does the experience feel diminished, or does nobody notice? -- **The device test**: Run it on a phone, a tablet, a Chromebook. Still smooth? -- **The accessibility test**: Enable reduced motion. Still beautiful? -- **The context test**: Does this make sense for THIS brand and audience? - -Remember: "Technically extraordinary" isn't about using the newest API. It's about making an interface do something users didn't think a website could do. \ No newline at end of file diff --git a/.agents/skills/polish/SKILL.md b/.agents/skills/polish/SKILL.md deleted file mode 100644 index fcaae6e8..00000000 --- a/.agents/skills/polish/SKILL.md +++ /dev/null @@ -1,202 +0,0 @@ ---- -name: polish -description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. -user-invocable: true -argument-hint: "[target]" ---- - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: quality bar (MVP vs flagship). - ---- - -Perform a meticulous final pass to catch all the small details that separate good work from great work. The difference between shipped and polished. - -## Pre-Polish Assessment - -Understand the current state and goals: - -1. **Review completeness**: - - Is it functionally complete? - - Are there known issues to preserve (mark with TODOs)? - - What's the quality bar? (MVP vs flagship feature?) - - When does it ship? (How much time for polish?) - -2. **Identify polish areas**: - - Visual inconsistencies - - Spacing and alignment issues - - Interaction state gaps - - Copy inconsistencies - - Edge cases and error states - - Loading and transition smoothness - -**CRITICAL**: Polish is the last step, not the first. Don't polish work that's not functionally complete. - -## Polish Systematically - -Work through these dimensions methodically: - -### Visual Alignment & Spacing - -- **Pixel-perfect alignment**: Everything lines up to grid -- **Consistent spacing**: All gaps use spacing scale (no random 13px gaps) -- **Optical alignment**: Adjust for visual weight (icons may need offset for optical centering) -- **Responsive consistency**: Spacing and alignment work at all breakpoints -- **Grid adherence**: Elements snap to baseline grid - -**Check**: -- Enable grid overlay and verify alignment -- Check spacing with browser inspector -- Test at multiple viewport sizes -- Look for elements that "feel" off - -### Typography Refinement - -- **Hierarchy consistency**: Same elements use same sizes/weights throughout -- **Line length**: 45-75 characters for body text -- **Line height**: Appropriate for font size and context -- **Widows & orphans**: No single words on last line -- **Hyphenation**: Appropriate for language and column width -- **Kerning**: Adjust letter spacing where needed (especially headlines) -- **Font loading**: No FOUT/FOIT flashes - -### Color & Contrast - -- **Contrast ratios**: All text meets WCAG standards -- **Consistent token usage**: No hard-coded colors, all use design tokens -- **Theme consistency**: Works in all theme variants -- **Color meaning**: Same colors mean same things throughout -- **Accessible focus**: Focus indicators visible with sufficient contrast -- **Tinted neutrals**: No pure gray or pure black—add subtle color tint (0.01 chroma) -- **Gray on color**: Never put gray text on colored backgrounds—use a shade of that color or transparency - -### Interaction States - -Every interactive element needs all states: - -- **Default**: Resting state -- **Hover**: Subtle feedback (color, scale, shadow) -- **Focus**: Keyboard focus indicator (never remove without replacement) -- **Active**: Click/tap feedback -- **Disabled**: Clearly non-interactive -- **Loading**: Async action feedback -- **Error**: Validation or error state -- **Success**: Successful completion - -**Missing states create confusion and broken experiences**. - -### Micro-interactions & Transitions - -- **Smooth transitions**: All state changes animated appropriately (150-300ms) -- **Consistent easing**: Use ease-out-quart/quint/expo for natural deceleration. Never bounce or elastic—they feel dated. -- **No jank**: 60fps animations, only animate transform and opacity -- **Appropriate motion**: Motion serves purpose, not decoration -- **Reduced motion**: Respects `prefers-reduced-motion` - -### Content & Copy - -- **Consistent terminology**: Same things called same names throughout -- **Consistent capitalization**: Title Case vs Sentence case applied consistently -- **Grammar & spelling**: No typos -- **Appropriate length**: Not too wordy, not too terse -- **Punctuation consistency**: Periods on sentences, not on labels (unless all labels have them) - -### Icons & Images - -- **Consistent style**: All icons from same family or matching style -- **Appropriate sizing**: Icons sized consistently for context -- **Proper alignment**: Icons align with adjacent text optically -- **Alt text**: All images have descriptive alt text -- **Loading states**: Images don't cause layout shift, proper aspect ratios -- **Retina support**: 2x assets for high-DPI screens - -### Forms & Inputs - -- **Label consistency**: All inputs properly labeled -- **Required indicators**: Clear and consistent -- **Error messages**: Helpful and consistent -- **Tab order**: Logical keyboard navigation -- **Auto-focus**: Appropriate (don't overuse) -- **Validation timing**: Consistent (on blur vs on submit) - -### Edge Cases & Error States - -- **Loading states**: All async actions have loading feedback -- **Empty states**: Helpful empty states, not just blank space -- **Error states**: Clear error messages with recovery paths -- **Success states**: Confirmation of successful actions -- **Long content**: Handles very long names, descriptions, etc. -- **No content**: Handles missing data gracefully -- **Offline**: Appropriate offline handling (if applicable) - -### Responsiveness - -- **All breakpoints**: Test mobile, tablet, desktop -- **Touch targets**: 44x44px minimum on touch devices -- **Readable text**: No text smaller than 14px on mobile -- **No horizontal scroll**: Content fits viewport -- **Appropriate reflow**: Content adapts logically - -### Performance - -- **Fast initial load**: Optimize critical path -- **No layout shift**: Elements don't jump after load (CLS) -- **Smooth interactions**: No lag or jank -- **Optimized images**: Appropriate formats and sizes -- **Lazy loading**: Off-screen content loads lazily - -### Code Quality - -- **Remove console logs**: No debug logging in production -- **Remove commented code**: Clean up dead code -- **Remove unused imports**: Clean up unused dependencies -- **Consistent naming**: Variables and functions follow conventions -- **Type safety**: No TypeScript `any` or ignored errors -- **Accessibility**: Proper ARIA labels and semantic HTML - -## Polish Checklist - -Go through systematically: - -- [ ] Visual alignment perfect at all breakpoints -- [ ] Spacing uses design tokens consistently -- [ ] Typography hierarchy consistent -- [ ] All interactive states implemented -- [ ] All transitions smooth (60fps) -- [ ] Copy is consistent and polished -- [ ] Icons are consistent and properly sized -- [ ] All forms properly labeled and validated -- [ ] Error states are helpful -- [ ] Loading states are clear -- [ ] Empty states are welcoming -- [ ] Touch targets are 44x44px minimum -- [ ] Contrast ratios meet WCAG AA -- [ ] Keyboard navigation works -- [ ] Focus indicators visible -- [ ] No console errors or warnings -- [ ] No layout shift on load -- [ ] Works in all supported browsers -- [ ] Respects reduced motion preference -- [ ] Code is clean (no TODOs, console.logs, commented code) - -**IMPORTANT**: Polish is about details. Zoom in. Squint at it. Use it yourself. The little things add up. - -**NEVER**: -- Polish before it's functionally complete -- Spend hours on polish if it ships in 30 minutes (triage) -- Introduce bugs while polishing (test thoroughly) -- Ignore systematic issues (if spacing is off everywhere, fix the system) -- Perfect one thing while leaving others rough (consistent quality level) - -## Final Verification - -Before marking as done: - -- **Use it yourself**: Actually interact with the feature -- **Test on real devices**: Not just browser DevTools -- **Ask someone else to review**: Fresh eyes catch things -- **Compare to design**: Match intended design -- **Check all states**: Don't just test happy path - -Remember: You have impeccable attention to detail and exquisite taste. Polish until it feels effortless, looks intentional, and works flawlessly. Sweat the details - they matter. \ No newline at end of file diff --git a/.agents/skills/quieter/SKILL.md b/.agents/skills/quieter/SKILL.md deleted file mode 100644 index 555ca446..00000000 --- a/.agents/skills/quieter/SKILL.md +++ /dev/null @@ -1,102 +0,0 @@ ---- -name: quieter -description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. -user-invocable: true -argument-hint: "[target]" ---- - -Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. - ---- - -## Assess Current State - -Analyze what makes the design feel too intense: - -1. **Identify intensity sources**: - - **Color saturation**: Overly bright or saturated colors - - **Contrast extremes**: Too much high-contrast juxtaposition - - **Visual weight**: Too many bold, heavy elements competing - - **Animation excess**: Too much motion or overly dramatic effects - - **Complexity**: Too many visual elements, patterns, or decorations - - **Scale**: Everything is large and loud with no hierarchy - -2. **Understand the context**: - - What's the purpose? (Marketing vs tool vs reading experience) - - Who's the audience? (Some contexts need energy) - - What's working? (Don't throw away good ideas) - - What's the core message? (Preserve what matters) - -If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer. - -**CRITICAL**: "Quieter" doesn't mean boring or generic. It means refined, sophisticated, and easier on the eyes. Think luxury, not laziness. - -## Plan Refinement - -Create a strategy to reduce intensity while maintaining impact: - -- **Color approach**: Desaturate or shift to more sophisticated tones? -- **Hierarchy approach**: Which elements should stay bold (very few), which should recede? -- **Simplification approach**: What can be removed entirely? -- **Sophistication approach**: How can we signal quality through restraint? - -**IMPORTANT**: Great quiet design is harder than great bold design. Subtlety requires precision. - -## Refine the Design - -Systematically reduce intensity across these dimensions: - -### Color Refinement -- **Reduce saturation**: Shift from fully saturated to 70-85% saturation -- **Soften palette**: Replace bright colors with muted, sophisticated tones -- **Reduce color variety**: Use fewer colors more thoughtfully -- **Neutral dominance**: Let neutrals do more work, use color as accent (10% rule) -- **Gentler contrasts**: High contrast only where it matters most -- **Tinted grays**: Use warm or cool tinted grays instead of pure gray—adds sophistication without loudness -- **Never gray on color**: If you have gray text on a colored background, use a darker shade of that color or transparency instead - -### Visual Weight Reduction -- **Typography**: Reduce font weights (900 → 600, 700 → 500), decrease sizes where appropriate -- **Hierarchy through subtlety**: Use weight, size, and space instead of color and boldness -- **White space**: Increase breathing room, reduce density -- **Borders & lines**: Reduce thickness, decrease opacity, or remove entirely - -### Simplification -- **Remove decorative elements**: Gradients, shadows, patterns, textures that don't serve purpose -- **Simplify shapes**: Reduce border radius extremes, simplify custom shapes -- **Reduce layering**: Flatten visual hierarchy where possible -- **Clean up effects**: Reduce or remove blur effects, glows, multiple shadows - -### Motion Reduction -- **Reduce animation intensity**: Shorter distances (10-20px instead of 40px), gentler easing -- **Remove decorative animations**: Keep functional motion, remove flourishes -- **Subtle micro-interactions**: Replace dramatic effects with gentle feedback -- **Refined easing**: Use ease-out-quart for smooth, understated motion—never bounce or elastic -- **Remove animations entirely** if they're not serving a clear purpose - -### Composition Refinement -- **Reduce scale jumps**: Smaller contrast between sizes creates calmer feeling -- **Align to grid**: Bring rogue elements back into systematic alignment -- **Even out spacing**: Replace extreme spacing variations with consistent rhythm - -**NEVER**: -- Make everything the same size/weight (hierarchy still matters) -- Remove all color (quiet ≠ grayscale) -- Eliminate all personality (maintain character through refinement) -- Sacrifice usability for aesthetics (functional elements still need clear affordances) -- Make everything small and light (some anchors needed) - -## Verify Quality - -Ensure refinement maintains quality: - -- **Still functional**: Can users still accomplish tasks easily? -- **Still distinctive**: Does it have character, or is it generic now? -- **Better reading**: Is text easier to read for extended periods? -- **Sophistication**: Does it feel more refined and premium? - -Remember: Quiet design is confident design. It doesn't need to shout. Less is more, but less is also harder. Refine with precision and maintain intentionality. \ No newline at end of file diff --git a/.agents/skills/teach-impeccable/SKILL.md b/.agents/skills/teach-impeccable/SKILL.md deleted file mode 100644 index 423a9a05..00000000 --- a/.agents/skills/teach-impeccable/SKILL.md +++ /dev/null @@ -1,71 +0,0 @@ ---- -name: teach-impeccable -description: One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines. -user-invocable: true ---- - -Gather design context for this project, then persist it for all future sessions. - -## Step 1: Explore the Codebase - -Before asking questions, thoroughly scan the project to discover what you can: - -- **README and docs**: Project purpose, target audience, any stated goals -- **Package.json / config files**: Tech stack, dependencies, existing design libraries -- **Existing components**: Current design patterns, spacing, typography in use -- **Brand assets**: Logos, favicons, color values already defined -- **Design tokens / CSS variables**: Existing color palettes, font stacks, spacing scales -- **Any style guides or brand documentation** - -Note what you've learned and what remains unclear. - -## Step 2: Ask UX-Focused Questions - -ask the user directly to clarify what you cannot infer. Focus only on what you couldn't infer from the codebase: - -### Users & Purpose -- Who uses this? What's their context when using it? -- What job are they trying to get done? -- What emotions should the interface evoke? (confidence, delight, calm, urgency, etc.) - -### Brand & Personality -- How would you describe the brand personality in 3 words? -- Any reference sites or apps that capture the right feel? What specifically about them? -- What should this explicitly NOT look like? Any anti-references? - -### Aesthetic Preferences -- Any strong preferences for visual direction? (minimal, bold, elegant, playful, technical, organic, etc.) -- Light mode, dark mode, or both? -- Any colors that must be used or avoided? - -### Accessibility & Inclusion -- Specific accessibility requirements? (WCAG level, known user needs) -- Considerations for reduced motion, color blindness, or other accommodations? - -Skip questions where the answer is already clear from the codebase exploration. - -## Step 3: Write Design Context - -Synthesize your findings and the user's answers into a `## Design Context` section: - -```markdown -## Design Context - -### Users -[Who they are, their context, the job to be done] - -### Brand Personality -[Voice, tone, 3-word personality, emotional goals] - -### Aesthetic Direction -[Visual tone, references, anti-references, theme] - -### Design Principles -[3-5 principles derived from the conversation that should guide all design decisions] -``` - -Write this section to `.impeccable.md` in the project root. If the file already exists, update the Design Context section in place. - -Then ask the user directly to clarify what you cannot infer. whether they'd also like the Design Context appended to .github/copilot-instructions.md. If yes, append or update the section there as well. - -Confirm completion and summarize the key design principles that will now guide all future work. \ No newline at end of file diff --git a/.agents/skills/typeset/SKILL.md b/.agents/skills/typeset/SKILL.md deleted file mode 100644 index 139153a2..00000000 --- a/.agents/skills/typeset/SKILL.md +++ /dev/null @@ -1,115 +0,0 @@ ---- -name: typeset -description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. -user-invocable: true -argument-hint: "[target]" ---- - -Assess and improve typography that feels generic, inconsistent, or poorly structured — turning default-looking text into intentional, well-crafted type. - -## MANDATORY PREPARATION - -Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. - ---- - -## Assess Current Typography - -Analyze what's weak or generic about the current type: - -1. **Font choices**: - - Are we using invisible defaults? (Inter, Roboto, Arial, Open Sans, system defaults) - - Does the font match the brand personality? (A playful brand shouldn't use a corporate typeface) - - Are there too many font families? (More than 2-3 is almost always a mess) - -2. **Hierarchy**: - - Can you tell headings from body from captions at a glance? - - Are font sizes too close together? (14px, 15px, 16px = muddy hierarchy) - - Are weight contrasts strong enough? (Medium vs Regular is barely visible) - -3. **Sizing & scale**: - - Is there a consistent type scale, or are sizes arbitrary? - - Does body text meet minimum readability? (16px+) - - Is the sizing strategy appropriate for the context? (Fixed `rem` scales for app UIs; fluid `clamp()` for marketing/content page headings) - -4. **Readability**: - - Are line lengths comfortable? (45-75 characters ideal) - - Is line-height appropriate for the font and context? - - Is there enough contrast between text and background? - -5. **Consistency**: - - Are the same elements styled the same way throughout? - - Are font weights used consistently? (Not bold in one section, semibold in another for the same role) - - Is letter-spacing intentional or default everywhere? - -**CRITICAL**: The goal isn't to make text "fancier" — it's to make it clearer, more readable, and more intentional. Good typography is invisible; bad typography is distracting. - -## Plan Typography Improvements - -Consult the [typography reference](reference/typography.md) from the frontend-design skill for detailed guidance on scales, pairing, and loading strategies. - -Create a systematic plan: - -- **Font selection**: Do fonts need replacing? What fits the brand/context? -- **Type scale**: Establish a modular scale (e.g., 1.25 ratio) with clear hierarchy -- **Weight strategy**: Which weights serve which roles? (Regular for body, Semibold for labels, Bold for headings — or whatever fits) -- **Spacing**: Line-heights, letter-spacing, and margins between typographic elements - -## Improve Typography Systematically - -### Font Selection - -If fonts need replacing: -- Choose fonts that reflect the brand personality -- Pair with genuine contrast (serif + sans, geometric + humanist) — or use a single family in multiple weights -- Ensure web font loading doesn't cause layout shift (`font-display: swap`, metric-matched fallbacks) - -### Establish Hierarchy - -Build a clear type scale: -- **5 sizes cover most needs**: caption, secondary, body, subheading, heading -- **Use a consistent ratio** between levels (1.25, 1.333, or 1.5) -- **Combine dimensions**: Size + weight + color + space for strong hierarchy — don't rely on size alone -- **App UIs**: Use a fixed `rem`-based type scale, optionally adjusted at 1-2 breakpoints. Fluid sizing undermines the spatial predictability that dense, container-based layouts need -- **Marketing / content pages**: Use fluid sizing via `clamp(min, preferred, max)` for headings and display text. Keep body text fixed - -### Fix Readability - -- Set `max-width` on text containers using `ch` units (`max-width: 65ch`) -- Adjust line-height per context: tighter for headings (1.1-1.2), looser for body (1.5-1.7) -- Increase line-height slightly for light-on-dark text -- Ensure body text is at least 16px / 1rem - -### Refine Details - -- Use `tabular-nums` for data tables and numbers that should align -- Apply proper `letter-spacing`: slightly open for small caps and uppercase, default or tight for large display text -- Use semantic token names (`--text-body`, `--text-heading`), not value names (`--font-16`) -- Set `font-kerning: normal` and consider OpenType features where appropriate - -### Weight Consistency - -- Define clear roles for each weight and stick to them -- Don't use more than 3-4 weights (Regular, Medium, Semibold, Bold is plenty) -- Load only the weights you actually use (each weight adds to page load) - -**NEVER**: -- Use more than 2-3 font families -- Pick sizes arbitrarily — commit to a scale -- Set body text below 16px -- Use decorative/display fonts for body text -- Disable browser zoom (`user-scalable=no`) -- Use `px` for font sizes — use `rem` to respect user settings -- Default to Inter/Roboto/Open Sans when personality matters -- Pair fonts that are similar but not identical (two geometric sans-serifs) - -## Verify Typography Improvements - -- **Hierarchy**: Can you identify heading vs body vs caption instantly? -- **Readability**: Is body text comfortable to read in long passages? -- **Consistency**: Are same-role elements styled identically throughout? -- **Personality**: Does the typography reflect the brand? -- **Performance**: Are web fonts loading efficiently without layout shift? -- **Accessibility**: Does text meet WCAG contrast ratios? Is it zoomable to 200%? - -Remember: Typography is the foundation of interface design — it carries the majority of information. Getting it right is the highest-leverage improvement you can make. \ No newline at end of file diff --git a/.claude/skills/adapt b/.claude/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.claude/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.claude/skills/animate b/.claude/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.claude/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.claude/skills/arrange b/.claude/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.claude/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.claude/skills/audit b/.claude/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.claude/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.claude/skills/bolder b/.claude/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.claude/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.claude/skills/clarify b/.claude/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.claude/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.claude/skills/colorize b/.claude/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.claude/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.claude/skills/critique b/.claude/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.claude/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.claude/skills/delight b/.claude/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.claude/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.claude/skills/distill b/.claude/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.claude/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.claude/skills/extract b/.claude/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.claude/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.claude/skills/frontend-design b/.claude/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.claude/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.claude/skills/harden b/.claude/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.claude/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.claude/skills/mobile-android-design b/.claude/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.claude/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.claude/skills/normalize b/.claude/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.claude/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.claude/skills/onboard b/.claude/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.claude/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.claude/skills/optimize b/.claude/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.claude/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.claude/skills/overdrive b/.claude/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.claude/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.claude/skills/polish b/.claude/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.claude/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.claude/skills/quieter b/.claude/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.claude/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.claude/skills/teach-impeccable b/.claude/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.claude/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.claude/skills/typeset b/.claude/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.claude/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.codebuddy/skills/adapt b/.codebuddy/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.codebuddy/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.codebuddy/skills/animate b/.codebuddy/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.codebuddy/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.codebuddy/skills/arrange b/.codebuddy/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.codebuddy/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.codebuddy/skills/audit b/.codebuddy/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.codebuddy/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.codebuddy/skills/bolder b/.codebuddy/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.codebuddy/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.codebuddy/skills/clarify b/.codebuddy/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.codebuddy/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.codebuddy/skills/colorize b/.codebuddy/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.codebuddy/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.codebuddy/skills/critique b/.codebuddy/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.codebuddy/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.codebuddy/skills/delight b/.codebuddy/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.codebuddy/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.codebuddy/skills/distill b/.codebuddy/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.codebuddy/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.codebuddy/skills/extract b/.codebuddy/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.codebuddy/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.codebuddy/skills/frontend-design b/.codebuddy/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.codebuddy/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.codebuddy/skills/harden b/.codebuddy/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.codebuddy/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.codebuddy/skills/mobile-android-design b/.codebuddy/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.codebuddy/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.codebuddy/skills/normalize b/.codebuddy/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.codebuddy/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.codebuddy/skills/onboard b/.codebuddy/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.codebuddy/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.codebuddy/skills/optimize b/.codebuddy/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.codebuddy/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.codebuddy/skills/overdrive b/.codebuddy/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.codebuddy/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.codebuddy/skills/polish b/.codebuddy/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.codebuddy/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.codebuddy/skills/quieter b/.codebuddy/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.codebuddy/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.codebuddy/skills/teach-impeccable b/.codebuddy/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.codebuddy/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.codebuddy/skills/typeset b/.codebuddy/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.codebuddy/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.commandcode/skills/adapt b/.commandcode/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.commandcode/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.commandcode/skills/animate b/.commandcode/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.commandcode/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.commandcode/skills/arrange b/.commandcode/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.commandcode/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.commandcode/skills/audit b/.commandcode/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.commandcode/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.commandcode/skills/bolder b/.commandcode/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.commandcode/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.commandcode/skills/clarify b/.commandcode/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.commandcode/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.commandcode/skills/colorize b/.commandcode/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.commandcode/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.commandcode/skills/critique b/.commandcode/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.commandcode/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.commandcode/skills/delight b/.commandcode/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.commandcode/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.commandcode/skills/distill b/.commandcode/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.commandcode/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.commandcode/skills/extract b/.commandcode/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.commandcode/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.commandcode/skills/frontend-design b/.commandcode/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.commandcode/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.commandcode/skills/harden b/.commandcode/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.commandcode/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.commandcode/skills/mobile-android-design b/.commandcode/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.commandcode/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.commandcode/skills/normalize b/.commandcode/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.commandcode/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.commandcode/skills/onboard b/.commandcode/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.commandcode/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.commandcode/skills/optimize b/.commandcode/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.commandcode/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.commandcode/skills/overdrive b/.commandcode/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.commandcode/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.commandcode/skills/polish b/.commandcode/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.commandcode/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.commandcode/skills/quieter b/.commandcode/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.commandcode/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.commandcode/skills/teach-impeccable b/.commandcode/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.commandcode/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.commandcode/skills/typeset b/.commandcode/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.commandcode/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.continue/skills/adapt b/.continue/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.continue/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.continue/skills/animate b/.continue/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.continue/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.continue/skills/arrange b/.continue/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.continue/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.continue/skills/audit b/.continue/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.continue/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.continue/skills/bolder b/.continue/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.continue/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.continue/skills/clarify b/.continue/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.continue/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.continue/skills/colorize b/.continue/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.continue/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.continue/skills/critique b/.continue/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.continue/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.continue/skills/delight b/.continue/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.continue/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.continue/skills/distill b/.continue/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.continue/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.continue/skills/extract b/.continue/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.continue/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.continue/skills/frontend-design b/.continue/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.continue/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.continue/skills/harden b/.continue/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.continue/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.continue/skills/mobile-android-design b/.continue/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.continue/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.continue/skills/normalize b/.continue/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.continue/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.continue/skills/onboard b/.continue/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.continue/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.continue/skills/optimize b/.continue/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.continue/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.continue/skills/overdrive b/.continue/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.continue/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.continue/skills/polish b/.continue/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.continue/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.continue/skills/quieter b/.continue/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.continue/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.continue/skills/teach-impeccable b/.continue/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.continue/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.continue/skills/typeset b/.continue/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.continue/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.crush/skills/adapt b/.crush/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.crush/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.crush/skills/animate b/.crush/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.crush/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.crush/skills/arrange b/.crush/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.crush/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.crush/skills/audit b/.crush/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.crush/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.crush/skills/bolder b/.crush/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.crush/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.crush/skills/clarify b/.crush/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.crush/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.crush/skills/colorize b/.crush/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.crush/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.crush/skills/critique b/.crush/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.crush/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.crush/skills/delight b/.crush/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.crush/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.crush/skills/distill b/.crush/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.crush/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.crush/skills/extract b/.crush/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.crush/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.crush/skills/frontend-design b/.crush/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.crush/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.crush/skills/harden b/.crush/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.crush/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.crush/skills/mobile-android-design b/.crush/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.crush/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.crush/skills/normalize b/.crush/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.crush/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.crush/skills/onboard b/.crush/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.crush/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.crush/skills/optimize b/.crush/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.crush/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.crush/skills/overdrive b/.crush/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.crush/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.crush/skills/polish b/.crush/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.crush/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.crush/skills/quieter b/.crush/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.crush/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.crush/skills/teach-impeccable b/.crush/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.crush/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.crush/skills/typeset b/.crush/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.crush/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.factory/skills/adapt b/.factory/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.factory/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.factory/skills/animate b/.factory/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.factory/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.factory/skills/arrange b/.factory/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.factory/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.factory/skills/audit b/.factory/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.factory/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.factory/skills/bolder b/.factory/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.factory/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.factory/skills/clarify b/.factory/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.factory/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.factory/skills/colorize b/.factory/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.factory/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.factory/skills/critique b/.factory/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.factory/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.factory/skills/delight b/.factory/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.factory/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.factory/skills/distill b/.factory/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.factory/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.factory/skills/extract b/.factory/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.factory/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.factory/skills/frontend-design b/.factory/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.factory/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.factory/skills/harden b/.factory/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.factory/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.factory/skills/mobile-android-design b/.factory/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.factory/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.factory/skills/normalize b/.factory/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.factory/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.factory/skills/onboard b/.factory/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.factory/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.factory/skills/optimize b/.factory/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.factory/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.factory/skills/overdrive b/.factory/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.factory/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.factory/skills/polish b/.factory/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.factory/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.factory/skills/quieter b/.factory/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.factory/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.factory/skills/teach-impeccable b/.factory/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.factory/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.factory/skills/typeset b/.factory/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.factory/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.gitignore b/.gitignore index 943c9706..ac623129 100644 --- a/.gitignore +++ b/.gitignore @@ -13,4 +13,30 @@ local.properties .vscode release opencode.json -.kotlin/ \ No newline at end of file +.kotlin/ + +# AI coding tool config (keep local, never commit) +.agents/ +.claude/ +.codebuddy/ +.commandcode/ +.continue/ +.crush/ +.factory/ +.junie/ +.kilocode/ +.kiro/ +.kode/ +.mcpjam/ +.mux/ +.neovate/ +.openhands/ +.pi/ +.pochi/ +.qoder/ +.qwen/ +.roo/ +.trae/ +.windsurf/ +.zencoder/ +.goosehints \ No newline at end of file diff --git a/.junie/skills/adapt b/.junie/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.junie/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.junie/skills/animate b/.junie/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.junie/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.junie/skills/arrange b/.junie/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.junie/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.junie/skills/audit b/.junie/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.junie/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.junie/skills/bolder b/.junie/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.junie/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.junie/skills/clarify b/.junie/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.junie/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.junie/skills/colorize b/.junie/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.junie/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.junie/skills/critique b/.junie/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.junie/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.junie/skills/delight b/.junie/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.junie/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.junie/skills/distill b/.junie/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.junie/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.junie/skills/extract b/.junie/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.junie/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.junie/skills/frontend-design b/.junie/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.junie/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.junie/skills/harden b/.junie/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.junie/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.junie/skills/mobile-android-design b/.junie/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.junie/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.junie/skills/normalize b/.junie/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.junie/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.junie/skills/onboard b/.junie/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.junie/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.junie/skills/optimize b/.junie/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.junie/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.junie/skills/overdrive b/.junie/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.junie/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.junie/skills/polish b/.junie/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.junie/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.junie/skills/quieter b/.junie/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.junie/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.junie/skills/teach-impeccable b/.junie/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.junie/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.junie/skills/typeset b/.junie/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.junie/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.kilocode/skills/adapt b/.kilocode/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.kilocode/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.kilocode/skills/animate b/.kilocode/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.kilocode/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.kilocode/skills/arrange b/.kilocode/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.kilocode/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.kilocode/skills/audit b/.kilocode/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.kilocode/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.kilocode/skills/bolder b/.kilocode/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.kilocode/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.kilocode/skills/clarify b/.kilocode/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.kilocode/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.kilocode/skills/colorize b/.kilocode/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.kilocode/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.kilocode/skills/critique b/.kilocode/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.kilocode/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.kilocode/skills/delight b/.kilocode/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.kilocode/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.kilocode/skills/distill b/.kilocode/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.kilocode/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.kilocode/skills/extract b/.kilocode/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.kilocode/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.kilocode/skills/frontend-design b/.kilocode/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.kilocode/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.kilocode/skills/harden b/.kilocode/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.kilocode/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.kilocode/skills/mobile-android-design b/.kilocode/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.kilocode/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.kilocode/skills/normalize b/.kilocode/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.kilocode/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.kilocode/skills/onboard b/.kilocode/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.kilocode/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.kilocode/skills/optimize b/.kilocode/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.kilocode/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.kilocode/skills/overdrive b/.kilocode/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.kilocode/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.kilocode/skills/polish b/.kilocode/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.kilocode/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.kilocode/skills/quieter b/.kilocode/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.kilocode/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.kilocode/skills/teach-impeccable b/.kilocode/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.kilocode/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.kilocode/skills/typeset b/.kilocode/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.kilocode/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.kiro/skills/adapt b/.kiro/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.kiro/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.kiro/skills/animate b/.kiro/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.kiro/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.kiro/skills/arrange b/.kiro/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.kiro/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.kiro/skills/audit b/.kiro/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.kiro/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.kiro/skills/bolder b/.kiro/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.kiro/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.kiro/skills/clarify b/.kiro/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.kiro/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.kiro/skills/colorize b/.kiro/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.kiro/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.kiro/skills/critique b/.kiro/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.kiro/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.kiro/skills/delight b/.kiro/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.kiro/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.kiro/skills/distill b/.kiro/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.kiro/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.kiro/skills/extract b/.kiro/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.kiro/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.kiro/skills/frontend-design b/.kiro/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.kiro/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.kiro/skills/harden b/.kiro/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.kiro/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.kiro/skills/mobile-android-design b/.kiro/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.kiro/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.kiro/skills/normalize b/.kiro/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.kiro/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.kiro/skills/onboard b/.kiro/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.kiro/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.kiro/skills/optimize b/.kiro/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.kiro/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.kiro/skills/overdrive b/.kiro/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.kiro/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.kiro/skills/polish b/.kiro/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.kiro/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.kiro/skills/quieter b/.kiro/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.kiro/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.kiro/skills/teach-impeccable b/.kiro/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.kiro/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.kiro/skills/typeset b/.kiro/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.kiro/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.kode/skills/adapt b/.kode/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.kode/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.kode/skills/animate b/.kode/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.kode/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.kode/skills/arrange b/.kode/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.kode/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.kode/skills/audit b/.kode/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.kode/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.kode/skills/bolder b/.kode/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.kode/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.kode/skills/clarify b/.kode/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.kode/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.kode/skills/colorize b/.kode/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.kode/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.kode/skills/critique b/.kode/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.kode/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.kode/skills/delight b/.kode/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.kode/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.kode/skills/distill b/.kode/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.kode/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.kode/skills/extract b/.kode/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.kode/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.kode/skills/frontend-design b/.kode/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.kode/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.kode/skills/harden b/.kode/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.kode/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.kode/skills/mobile-android-design b/.kode/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.kode/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.kode/skills/normalize b/.kode/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.kode/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.kode/skills/onboard b/.kode/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.kode/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.kode/skills/optimize b/.kode/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.kode/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.kode/skills/overdrive b/.kode/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.kode/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.kode/skills/polish b/.kode/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.kode/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.kode/skills/quieter b/.kode/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.kode/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.kode/skills/teach-impeccable b/.kode/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.kode/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.kode/skills/typeset b/.kode/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.kode/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.mcpjam/skills/adapt b/.mcpjam/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.mcpjam/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.mcpjam/skills/animate b/.mcpjam/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.mcpjam/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.mcpjam/skills/arrange b/.mcpjam/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.mcpjam/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.mcpjam/skills/audit b/.mcpjam/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.mcpjam/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.mcpjam/skills/bolder b/.mcpjam/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.mcpjam/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.mcpjam/skills/clarify b/.mcpjam/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.mcpjam/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.mcpjam/skills/colorize b/.mcpjam/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.mcpjam/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.mcpjam/skills/critique b/.mcpjam/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.mcpjam/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.mcpjam/skills/delight b/.mcpjam/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.mcpjam/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.mcpjam/skills/distill b/.mcpjam/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.mcpjam/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.mcpjam/skills/extract b/.mcpjam/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.mcpjam/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.mcpjam/skills/frontend-design b/.mcpjam/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.mcpjam/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.mcpjam/skills/harden b/.mcpjam/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.mcpjam/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.mcpjam/skills/mobile-android-design b/.mcpjam/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.mcpjam/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.mcpjam/skills/normalize b/.mcpjam/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.mcpjam/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.mcpjam/skills/onboard b/.mcpjam/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.mcpjam/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.mcpjam/skills/optimize b/.mcpjam/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.mcpjam/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.mcpjam/skills/overdrive b/.mcpjam/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.mcpjam/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.mcpjam/skills/polish b/.mcpjam/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.mcpjam/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.mcpjam/skills/quieter b/.mcpjam/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.mcpjam/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.mcpjam/skills/teach-impeccable b/.mcpjam/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.mcpjam/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.mcpjam/skills/typeset b/.mcpjam/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.mcpjam/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.mux/skills/adapt b/.mux/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.mux/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.mux/skills/animate b/.mux/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.mux/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.mux/skills/arrange b/.mux/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.mux/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.mux/skills/audit b/.mux/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.mux/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.mux/skills/bolder b/.mux/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.mux/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.mux/skills/clarify b/.mux/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.mux/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.mux/skills/colorize b/.mux/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.mux/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.mux/skills/critique b/.mux/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.mux/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.mux/skills/delight b/.mux/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.mux/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.mux/skills/distill b/.mux/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.mux/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.mux/skills/extract b/.mux/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.mux/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.mux/skills/frontend-design b/.mux/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.mux/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.mux/skills/harden b/.mux/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.mux/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.mux/skills/mobile-android-design b/.mux/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.mux/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.mux/skills/normalize b/.mux/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.mux/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.mux/skills/onboard b/.mux/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.mux/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.mux/skills/optimize b/.mux/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.mux/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.mux/skills/overdrive b/.mux/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.mux/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.mux/skills/polish b/.mux/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.mux/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.mux/skills/quieter b/.mux/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.mux/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.mux/skills/teach-impeccable b/.mux/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.mux/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.mux/skills/typeset b/.mux/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.mux/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.neovate/skills/adapt b/.neovate/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.neovate/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.neovate/skills/animate b/.neovate/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.neovate/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.neovate/skills/arrange b/.neovate/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.neovate/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.neovate/skills/audit b/.neovate/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.neovate/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.neovate/skills/bolder b/.neovate/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.neovate/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.neovate/skills/clarify b/.neovate/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.neovate/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.neovate/skills/colorize b/.neovate/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.neovate/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.neovate/skills/critique b/.neovate/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.neovate/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.neovate/skills/delight b/.neovate/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.neovate/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.neovate/skills/distill b/.neovate/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.neovate/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.neovate/skills/extract b/.neovate/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.neovate/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.neovate/skills/frontend-design b/.neovate/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.neovate/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.neovate/skills/harden b/.neovate/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.neovate/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.neovate/skills/mobile-android-design b/.neovate/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.neovate/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.neovate/skills/normalize b/.neovate/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.neovate/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.neovate/skills/onboard b/.neovate/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.neovate/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.neovate/skills/optimize b/.neovate/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.neovate/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.neovate/skills/overdrive b/.neovate/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.neovate/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.neovate/skills/polish b/.neovate/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.neovate/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.neovate/skills/quieter b/.neovate/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.neovate/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.neovate/skills/teach-impeccable b/.neovate/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.neovate/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.neovate/skills/typeset b/.neovate/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.neovate/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.openhands/skills/adapt b/.openhands/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.openhands/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.openhands/skills/animate b/.openhands/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.openhands/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.openhands/skills/arrange b/.openhands/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.openhands/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.openhands/skills/audit b/.openhands/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.openhands/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.openhands/skills/bolder b/.openhands/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.openhands/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.openhands/skills/clarify b/.openhands/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.openhands/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.openhands/skills/colorize b/.openhands/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.openhands/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.openhands/skills/critique b/.openhands/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.openhands/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.openhands/skills/delight b/.openhands/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.openhands/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.openhands/skills/distill b/.openhands/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.openhands/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.openhands/skills/extract b/.openhands/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.openhands/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.openhands/skills/frontend-design b/.openhands/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.openhands/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.openhands/skills/harden b/.openhands/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.openhands/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.openhands/skills/mobile-android-design b/.openhands/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.openhands/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.openhands/skills/normalize b/.openhands/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.openhands/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.openhands/skills/onboard b/.openhands/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.openhands/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.openhands/skills/optimize b/.openhands/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.openhands/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.openhands/skills/overdrive b/.openhands/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.openhands/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.openhands/skills/polish b/.openhands/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.openhands/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.openhands/skills/quieter b/.openhands/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.openhands/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.openhands/skills/teach-impeccable b/.openhands/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.openhands/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.openhands/skills/typeset b/.openhands/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.openhands/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.pi/skills/adapt b/.pi/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.pi/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.pi/skills/animate b/.pi/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.pi/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.pi/skills/arrange b/.pi/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.pi/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.pi/skills/audit b/.pi/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.pi/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.pi/skills/bolder b/.pi/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.pi/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.pi/skills/clarify b/.pi/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.pi/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.pi/skills/colorize b/.pi/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.pi/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.pi/skills/critique b/.pi/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.pi/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.pi/skills/delight b/.pi/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.pi/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.pi/skills/distill b/.pi/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.pi/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.pi/skills/extract b/.pi/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.pi/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.pi/skills/frontend-design b/.pi/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.pi/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.pi/skills/harden b/.pi/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.pi/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.pi/skills/mobile-android-design b/.pi/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.pi/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.pi/skills/normalize b/.pi/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.pi/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.pi/skills/onboard b/.pi/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.pi/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.pi/skills/optimize b/.pi/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.pi/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.pi/skills/overdrive b/.pi/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.pi/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.pi/skills/polish b/.pi/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.pi/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.pi/skills/quieter b/.pi/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.pi/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.pi/skills/teach-impeccable b/.pi/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.pi/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.pi/skills/typeset b/.pi/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.pi/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.pochi/skills/adapt b/.pochi/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.pochi/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.pochi/skills/animate b/.pochi/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.pochi/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.pochi/skills/arrange b/.pochi/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.pochi/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.pochi/skills/audit b/.pochi/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.pochi/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.pochi/skills/bolder b/.pochi/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.pochi/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.pochi/skills/clarify b/.pochi/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.pochi/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.pochi/skills/colorize b/.pochi/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.pochi/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.pochi/skills/critique b/.pochi/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.pochi/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.pochi/skills/delight b/.pochi/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.pochi/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.pochi/skills/distill b/.pochi/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.pochi/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.pochi/skills/extract b/.pochi/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.pochi/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.pochi/skills/frontend-design b/.pochi/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.pochi/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.pochi/skills/harden b/.pochi/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.pochi/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.pochi/skills/mobile-android-design b/.pochi/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.pochi/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.pochi/skills/normalize b/.pochi/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.pochi/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.pochi/skills/onboard b/.pochi/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.pochi/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.pochi/skills/optimize b/.pochi/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.pochi/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.pochi/skills/overdrive b/.pochi/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.pochi/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.pochi/skills/polish b/.pochi/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.pochi/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.pochi/skills/quieter b/.pochi/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.pochi/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.pochi/skills/teach-impeccable b/.pochi/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.pochi/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.pochi/skills/typeset b/.pochi/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.pochi/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.qoder/skills/adapt b/.qoder/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.qoder/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.qoder/skills/animate b/.qoder/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.qoder/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.qoder/skills/arrange b/.qoder/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.qoder/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.qoder/skills/audit b/.qoder/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.qoder/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.qoder/skills/bolder b/.qoder/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.qoder/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.qoder/skills/clarify b/.qoder/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.qoder/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.qoder/skills/colorize b/.qoder/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.qoder/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.qoder/skills/critique b/.qoder/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.qoder/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.qoder/skills/delight b/.qoder/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.qoder/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.qoder/skills/distill b/.qoder/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.qoder/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.qoder/skills/extract b/.qoder/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.qoder/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.qoder/skills/frontend-design b/.qoder/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.qoder/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.qoder/skills/harden b/.qoder/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.qoder/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.qoder/skills/mobile-android-design b/.qoder/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.qoder/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.qoder/skills/normalize b/.qoder/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.qoder/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.qoder/skills/onboard b/.qoder/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.qoder/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.qoder/skills/optimize b/.qoder/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.qoder/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.qoder/skills/overdrive b/.qoder/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.qoder/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.qoder/skills/polish b/.qoder/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.qoder/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.qoder/skills/quieter b/.qoder/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.qoder/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.qoder/skills/teach-impeccable b/.qoder/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.qoder/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.qoder/skills/typeset b/.qoder/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.qoder/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.qwen/skills/adapt b/.qwen/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.qwen/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.qwen/skills/animate b/.qwen/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.qwen/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.qwen/skills/arrange b/.qwen/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.qwen/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.qwen/skills/audit b/.qwen/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.qwen/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.qwen/skills/bolder b/.qwen/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.qwen/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.qwen/skills/clarify b/.qwen/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.qwen/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.qwen/skills/colorize b/.qwen/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.qwen/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.qwen/skills/critique b/.qwen/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.qwen/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.qwen/skills/delight b/.qwen/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.qwen/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.qwen/skills/distill b/.qwen/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.qwen/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.qwen/skills/extract b/.qwen/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.qwen/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.qwen/skills/frontend-design b/.qwen/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.qwen/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.qwen/skills/harden b/.qwen/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.qwen/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.qwen/skills/mobile-android-design b/.qwen/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.qwen/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.qwen/skills/normalize b/.qwen/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.qwen/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.qwen/skills/onboard b/.qwen/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.qwen/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.qwen/skills/optimize b/.qwen/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.qwen/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.qwen/skills/overdrive b/.qwen/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.qwen/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.qwen/skills/polish b/.qwen/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.qwen/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.qwen/skills/quieter b/.qwen/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.qwen/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.qwen/skills/teach-impeccable b/.qwen/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.qwen/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.qwen/skills/typeset b/.qwen/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.qwen/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.roo/skills/adapt b/.roo/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.roo/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.roo/skills/animate b/.roo/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.roo/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.roo/skills/arrange b/.roo/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.roo/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.roo/skills/audit b/.roo/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.roo/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.roo/skills/bolder b/.roo/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.roo/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.roo/skills/clarify b/.roo/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.roo/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.roo/skills/colorize b/.roo/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.roo/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.roo/skills/critique b/.roo/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.roo/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.roo/skills/delight b/.roo/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.roo/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.roo/skills/distill b/.roo/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.roo/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.roo/skills/extract b/.roo/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.roo/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.roo/skills/frontend-design b/.roo/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.roo/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.roo/skills/harden b/.roo/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.roo/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.roo/skills/mobile-android-design b/.roo/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.roo/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.roo/skills/normalize b/.roo/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.roo/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.roo/skills/onboard b/.roo/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.roo/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.roo/skills/optimize b/.roo/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.roo/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.roo/skills/overdrive b/.roo/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.roo/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.roo/skills/polish b/.roo/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.roo/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.roo/skills/quieter b/.roo/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.roo/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.roo/skills/teach-impeccable b/.roo/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.roo/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.roo/skills/typeset b/.roo/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.roo/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.trae/skills/adapt b/.trae/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.trae/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.trae/skills/animate b/.trae/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.trae/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.trae/skills/arrange b/.trae/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.trae/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.trae/skills/audit b/.trae/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.trae/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.trae/skills/bolder b/.trae/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.trae/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.trae/skills/clarify b/.trae/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.trae/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.trae/skills/colorize b/.trae/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.trae/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.trae/skills/critique b/.trae/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.trae/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.trae/skills/delight b/.trae/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.trae/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.trae/skills/distill b/.trae/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.trae/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.trae/skills/extract b/.trae/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.trae/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.trae/skills/frontend-design b/.trae/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.trae/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.trae/skills/harden b/.trae/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.trae/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.trae/skills/mobile-android-design b/.trae/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.trae/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.trae/skills/normalize b/.trae/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.trae/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.trae/skills/onboard b/.trae/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.trae/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.trae/skills/optimize b/.trae/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.trae/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.trae/skills/overdrive b/.trae/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.trae/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.trae/skills/polish b/.trae/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.trae/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.trae/skills/quieter b/.trae/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.trae/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.trae/skills/teach-impeccable b/.trae/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.trae/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.trae/skills/typeset b/.trae/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.trae/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.windsurf/skills/adapt b/.windsurf/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.windsurf/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.windsurf/skills/animate b/.windsurf/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.windsurf/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.windsurf/skills/arrange b/.windsurf/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.windsurf/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.windsurf/skills/audit b/.windsurf/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.windsurf/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.windsurf/skills/bolder b/.windsurf/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.windsurf/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.windsurf/skills/clarify b/.windsurf/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.windsurf/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.windsurf/skills/colorize b/.windsurf/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.windsurf/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.windsurf/skills/critique b/.windsurf/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.windsurf/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.windsurf/skills/delight b/.windsurf/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.windsurf/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.windsurf/skills/distill b/.windsurf/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.windsurf/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.windsurf/skills/extract b/.windsurf/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.windsurf/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.windsurf/skills/frontend-design b/.windsurf/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.windsurf/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.windsurf/skills/harden b/.windsurf/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.windsurf/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.windsurf/skills/mobile-android-design b/.windsurf/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.windsurf/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.windsurf/skills/normalize b/.windsurf/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.windsurf/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.windsurf/skills/onboard b/.windsurf/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.windsurf/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.windsurf/skills/optimize b/.windsurf/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.windsurf/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.windsurf/skills/overdrive b/.windsurf/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.windsurf/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.windsurf/skills/polish b/.windsurf/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.windsurf/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.windsurf/skills/quieter b/.windsurf/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.windsurf/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.windsurf/skills/teach-impeccable b/.windsurf/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.windsurf/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.windsurf/skills/typeset b/.windsurf/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.windsurf/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file diff --git a/.zencoder/skills/adapt b/.zencoder/skills/adapt deleted file mode 120000 index 11781113..00000000 --- a/.zencoder/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/adapt \ No newline at end of file diff --git a/.zencoder/skills/animate b/.zencoder/skills/animate deleted file mode 120000 index 2721d210..00000000 --- a/.zencoder/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/animate \ No newline at end of file diff --git a/.zencoder/skills/arrange b/.zencoder/skills/arrange deleted file mode 120000 index de154b0b..00000000 --- a/.zencoder/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/arrange \ No newline at end of file diff --git a/.zencoder/skills/audit b/.zencoder/skills/audit deleted file mode 120000 index 71bbe58b..00000000 --- a/.zencoder/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/audit \ No newline at end of file diff --git a/.zencoder/skills/bolder b/.zencoder/skills/bolder deleted file mode 120000 index fabb4703..00000000 --- a/.zencoder/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/bolder \ No newline at end of file diff --git a/.zencoder/skills/clarify b/.zencoder/skills/clarify deleted file mode 120000 index c9b216de..00000000 --- a/.zencoder/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/clarify \ No newline at end of file diff --git a/.zencoder/skills/colorize b/.zencoder/skills/colorize deleted file mode 120000 index f6f7e18c..00000000 --- a/.zencoder/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/colorize \ No newline at end of file diff --git a/.zencoder/skills/critique b/.zencoder/skills/critique deleted file mode 120000 index e4df034e..00000000 --- a/.zencoder/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/critique \ No newline at end of file diff --git a/.zencoder/skills/delight b/.zencoder/skills/delight deleted file mode 120000 index 540b82e4..00000000 --- a/.zencoder/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/delight \ No newline at end of file diff --git a/.zencoder/skills/distill b/.zencoder/skills/distill deleted file mode 120000 index 319b55bc..00000000 --- a/.zencoder/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/distill \ No newline at end of file diff --git a/.zencoder/skills/extract b/.zencoder/skills/extract deleted file mode 120000 index 9b9d2a41..00000000 --- a/.zencoder/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/extract \ No newline at end of file diff --git a/.zencoder/skills/frontend-design b/.zencoder/skills/frontend-design deleted file mode 120000 index 712f694a..00000000 --- a/.zencoder/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/frontend-design \ No newline at end of file diff --git a/.zencoder/skills/harden b/.zencoder/skills/harden deleted file mode 120000 index d7cf0abc..00000000 --- a/.zencoder/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/harden \ No newline at end of file diff --git a/.zencoder/skills/mobile-android-design b/.zencoder/skills/mobile-android-design deleted file mode 120000 index 0da0395b..00000000 --- a/.zencoder/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/.zencoder/skills/normalize b/.zencoder/skills/normalize deleted file mode 120000 index c631f607..00000000 --- a/.zencoder/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/normalize \ No newline at end of file diff --git a/.zencoder/skills/onboard b/.zencoder/skills/onboard deleted file mode 120000 index 18de7420..00000000 --- a/.zencoder/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/onboard \ No newline at end of file diff --git a/.zencoder/skills/optimize b/.zencoder/skills/optimize deleted file mode 120000 index 60709ce2..00000000 --- a/.zencoder/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/optimize \ No newline at end of file diff --git a/.zencoder/skills/overdrive b/.zencoder/skills/overdrive deleted file mode 120000 index 4acd136a..00000000 --- a/.zencoder/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/overdrive \ No newline at end of file diff --git a/.zencoder/skills/polish b/.zencoder/skills/polish deleted file mode 120000 index b7465c9e..00000000 --- a/.zencoder/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/polish \ No newline at end of file diff --git a/.zencoder/skills/quieter b/.zencoder/skills/quieter deleted file mode 120000 index 9aa16303..00000000 --- a/.zencoder/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/quieter \ No newline at end of file diff --git a/.zencoder/skills/teach-impeccable b/.zencoder/skills/teach-impeccable deleted file mode 120000 index 8c0bd2dd..00000000 --- a/.zencoder/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/.zencoder/skills/typeset b/.zencoder/skills/typeset deleted file mode 120000 index 57490087..00000000 --- a/.zencoder/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../../.agents/skills/typeset \ No newline at end of file From e902b805880a05b8a8b69a8557ec8037ddb09611 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Tue, 7 Apr 2026 16:55:23 +0200 Subject: [PATCH 135/162] chore: ignore .impeccable.md skill file Co-Authored-By: Claude Sonnet 4.6 --- .gitignore | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index ac623129..5b0106a4 100644 --- a/.gitignore +++ b/.gitignore @@ -39,4 +39,5 @@ opencode.json .trae/ .windsurf/ .zencoder/ -.goosehints \ No newline at end of file +.goosehints +.impeccable.md \ No newline at end of file From 779f877576d9f36c674fae8266a737a3c077cfa7 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Tue, 7 Apr 2026 16:56:18 +0200 Subject: [PATCH 136/162] chore: untrack .impeccable.md from git Co-Authored-By: Claude Sonnet 4.6 --- .impeccable.md | 45 --------------------------------------------- 1 file changed, 45 deletions(-) delete mode 100644 .impeccable.md diff --git a/.impeccable.md b/.impeccable.md deleted file mode 100644 index 46e4493b..00000000 --- a/.impeccable.md +++ /dev/null @@ -1,45 +0,0 @@ -## Design Context - -### Users -Numo serves merchants of all kinds — from coffee shops to market vendors — who are early Bitcoin adopters accepting Cashu ecash payments. They aren't necessarily technical; they want a POS that just works. Usage context is typically a calm, low-volume counter environment where clarity and reliability matter more than speed-optimized dense UIs. The job to be done: accept a payment confidently and move on. - -### Brand Personality -**Friendly, welcoming, easy.** Numo is down to earth — it doesn't try to impress with tech jargon or crypto aesthetics. It feels like a tool you'd hand to someone who's never used Bitcoin and they'd figure it out. The brand evokes **confidence, trust, and calm simplicity**. - -Three words: **Friendly. Simple. Trustworthy.** - -### Aesthetic Direction -- **Visual tone:** Clean, professional, approachable. Think Wise and Square — polished but never cold or overly technical. -- **References:** Wise (friendly tone, clear hierarchy, soft colors), Square (simple POS layouts, confidence-inspiring payment flows, professional without being corporate). -- **Anti-references:** Do NOT look like a crypto/web3 app. No dark hacker aesthetics, no neon-on-black "DeFi dashboard" vibes, no blockchain visualizations, no excessive gradients or glassmorphism. Avoid looking overly modern or techy. This should feel like a mainstream payment terminal that happens to use Bitcoin rails. -- **Theme:** Light mode is the primary experience. Dark mode is fully supported and should feel equally polished. The navy (`#0A2540`) and fluorescent green (`#5EFFC2`) signature palette is distinctive without screaming "crypto." -- **Typography:** System fonts (sans-serif / sans-serif-medium) — intentionally simple and familiar. No plans for custom typefaces. -- **Color usage:** Muted, purposeful. Green for success and primary actions. Orange reserved for Lightning/Bitcoin-specific elements. Semantic colors (red for errors, orange for warnings) used consistently. Avoid gratuitous color — let whitespace and hierarchy do the work. - -### Design Principles - -1. **Clarity over cleverness** — Every screen should be immediately understandable. Prefer obvious labels, large tap targets, and clear feedback over subtle or novel interactions. A merchant mid-transaction should never have to think. - -2. **Invisible technology** — Bitcoin, Cashu, Lightning, and NFC are implementation details, not features to showcase. The UI should abstract away protocol complexity and present simple, familiar payment concepts (amount, charge, done). - -3. **Calm confidence** — The interface should feel steady and reassuring, especially during payment flows. Use generous spacing, clear typography hierarchy, and deliberate transitions. Avoid visual noise, unnecessary animations, or anything that creates urgency or anxiety. - -4. **Approachable professionalism** — Friendly but not playful. Professional but not corporate. The design should feel like a well-made tool — reliable, warm, and easy to pick up. Think neighborhood shop, not enterprise software. - -5. **Consistency is kindness** — Reuse established patterns, colors, and components. Every inconsistency is cognitive load for the merchant. The spacing scale (4dp grid), color semantics, and component styles exist for a reason — follow them. - -### Accessibility -- Target WCAG AA compliance minimum, AAA where practical. -- Maintain high contrast ratios across both light and dark themes. -- Touch targets minimum 48dp (current standard: 52-56dp buttons). -- Semantic color usage — never rely on color alone to convey meaning. -- Support standard Android accessibility services (TalkBack, font scaling). - -### Technical Constraints -- **Stack:** Kotlin + Android XML layouts (no Jetpack Compose). -- **Design library:** Material Design Components 1.11.0 with heavy brand customization. -- **Theming:** DayNight-aware base theme + merchant-selectable POS themes (green, obsidian, orange, white). -- **Spacing tokens:** 4dp grid defined in `dimens.xml` (2dp through 96dp scale). -- **Color tokens:** 158 definitions in `colors.xml` with full `values-night/` overrides. -- **Typography:** Defined as styles in `styles.xml`, not a separate type scale file. -- **Localization:** English, Spanish, Portuguese. From ca6a085da6d94f8754a34a0fec555ed97c5fdff6 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Tue, 7 Apr 2026 16:56:47 +0200 Subject: [PATCH 137/162] chore: untrack skills dir and skills-lock.json Co-Authored-By: Claude Sonnet 4.6 --- skills-lock.json | 115 ----------------------------------- skills/adapt | 1 - skills/animate | 1 - skills/arrange | 1 - skills/audit | 1 - skills/bolder | 1 - skills/clarify | 1 - skills/colorize | 1 - skills/critique | 1 - skills/delight | 1 - skills/distill | 1 - skills/extract | 1 - skills/frontend-design | 1 - skills/harden | 1 - skills/mobile-android-design | 1 - skills/normalize | 1 - skills/onboard | 1 - skills/optimize | 1 - skills/overdrive | 1 - skills/polish | 1 - skills/quieter | 1 - skills/teach-impeccable | 1 - skills/typeset | 1 - 23 files changed, 137 deletions(-) delete mode 100644 skills-lock.json delete mode 120000 skills/adapt delete mode 120000 skills/animate delete mode 120000 skills/arrange delete mode 120000 skills/audit delete mode 120000 skills/bolder delete mode 120000 skills/clarify delete mode 120000 skills/colorize delete mode 120000 skills/critique delete mode 120000 skills/delight delete mode 120000 skills/distill delete mode 120000 skills/extract delete mode 120000 skills/frontend-design delete mode 120000 skills/harden delete mode 120000 skills/mobile-android-design delete mode 120000 skills/normalize delete mode 120000 skills/onboard delete mode 120000 skills/optimize delete mode 120000 skills/overdrive delete mode 120000 skills/polish delete mode 120000 skills/quieter delete mode 120000 skills/teach-impeccable delete mode 120000 skills/typeset diff --git a/skills-lock.json b/skills-lock.json deleted file mode 100644 index 1584e3ac..00000000 --- a/skills-lock.json +++ /dev/null @@ -1,115 +0,0 @@ -{ - "version": 1, - "skills": { - "adapt": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "fb7cca7602be381b7b486e731fdcd480335cbb9b925e1911276f5bb9352c6b2f" - }, - "animate": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "b00cb71343fa7e987489ad330e3dd3e504ff893b9ddd2b30cacea93691b78e46" - }, - "arrange": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "698fb952e9ef0d2551a5c3421ef61e084934420e0d8371a02efb4f76f21049e8" - }, - "audit": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "eb9109e542194f8711cffce23095ef5da2deb4ed0b23f59c07e912e3931f1e17" - }, - "bolder": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "4b03286f1dc45da3e1a76a71c0c62729b4887c814dff3084345889cb4780a3a2" - }, - "clarify": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "1138379fb9f10b911094fb57b5607de8efbd77d2467fba4981ccc1c155457c6f" - }, - "colorize": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "6e292a0ba428d339615e025cab1f2692b2e6267ba247574a00545b1dac1acc5a" - }, - "critique": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "59d3facaee0d7c969f23e938c35239183d3fdd9befff526908585e55afa3a9dd" - }, - "delight": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "80127e9c695f768f5df70b9f62ad51cdfb3b4892791c4d901214b08f3be8d37e" - }, - "distill": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "ce6fbd844488a326208c1302c73b2865fa4fb20e447b6a06c038315444d6e0c5" - }, - "extract": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "1bbe30b5be73a86971f6bccb37daae84aaafceaa6d23429d6a3a0442378ac4ec" - }, - "frontend-design": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "9ebe6c652743fcde8d2ae773f34b6f548dcc8b2e75a3a30936adcd8b95dd2d16" - }, - "harden": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "f8ce420b3c78b90707704122264da76514c793ac0e12fb9540ace68d257c231c" - }, - "mobile-android-design": { - "source": "wshobson/agents", - "sourceType": "github", - "computedHash": "0dfa08663016e0faa2db0611420bd5c17ba2d635a057e17a6b71c2a0c3f2ed79" - }, - "normalize": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "281b7f9e590e252a6aec3f5f83c5ca548c91e8bccb3fd6eee4cc7d5be0becb4d" - }, - "onboard": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "1cbedf70f906150b1b8bb70b61393eaf67e2e1311e1b5e43bde3e47411bcaa2b" - }, - "optimize": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "f7adc2a2e540a590978b567d82985062bfada83385f5ad5d50b13a127cdc96d6" - }, - "overdrive": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "3b940d458ef13afcb93ccb51ff430510aca4a9733d68fbdc335927a2636a091d" - }, - "polish": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "33a8b5195481719e954b71762de56faaabc68c479602673894e0d0e47336756b" - }, - "quieter": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "6066e73875e4770e624641355cc04662ce75d2b1d1a3673e24dcbd0ec8936297" - }, - "teach-impeccable": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "b3b5541bb9b0a260af793c7d79c2db4a436c2cd9384be34a4024c7f28af72e62" - }, - "typeset": { - "source": "pbakaus/impeccable", - "sourceType": "github", - "computedHash": "0259de15644a89550cfd6a936a8e1866dcb35d20ccc96197614459233a9bcdb3" - } - } -} diff --git a/skills/adapt b/skills/adapt deleted file mode 120000 index f567a3fc..00000000 --- a/skills/adapt +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/adapt \ No newline at end of file diff --git a/skills/animate b/skills/animate deleted file mode 120000 index bf76de5a..00000000 --- a/skills/animate +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/animate \ No newline at end of file diff --git a/skills/arrange b/skills/arrange deleted file mode 120000 index ee1e9beb..00000000 --- a/skills/arrange +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/arrange \ No newline at end of file diff --git a/skills/audit b/skills/audit deleted file mode 120000 index be8b9c5e..00000000 --- a/skills/audit +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/audit \ No newline at end of file diff --git a/skills/bolder b/skills/bolder deleted file mode 120000 index d620ee5f..00000000 --- a/skills/bolder +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/bolder \ No newline at end of file diff --git a/skills/clarify b/skills/clarify deleted file mode 120000 index f64cdb84..00000000 --- a/skills/clarify +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/clarify \ No newline at end of file diff --git a/skills/colorize b/skills/colorize deleted file mode 120000 index ed3c8a52..00000000 --- a/skills/colorize +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/colorize \ No newline at end of file diff --git a/skills/critique b/skills/critique deleted file mode 120000 index 7643ed76..00000000 --- a/skills/critique +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/critique \ No newline at end of file diff --git a/skills/delight b/skills/delight deleted file mode 120000 index 6ab30d7c..00000000 --- a/skills/delight +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/delight \ No newline at end of file diff --git a/skills/distill b/skills/distill deleted file mode 120000 index 495a8b21..00000000 --- a/skills/distill +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/distill \ No newline at end of file diff --git a/skills/extract b/skills/extract deleted file mode 120000 index ceb26cf3..00000000 --- a/skills/extract +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/extract \ No newline at end of file diff --git a/skills/frontend-design b/skills/frontend-design deleted file mode 120000 index 0d64a5b7..00000000 --- a/skills/frontend-design +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/frontend-design \ No newline at end of file diff --git a/skills/harden b/skills/harden deleted file mode 120000 index 7b25e8ec..00000000 --- a/skills/harden +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/harden \ No newline at end of file diff --git a/skills/mobile-android-design b/skills/mobile-android-design deleted file mode 120000 index 8befc384..00000000 --- a/skills/mobile-android-design +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/mobile-android-design \ No newline at end of file diff --git a/skills/normalize b/skills/normalize deleted file mode 120000 index 8845d1c7..00000000 --- a/skills/normalize +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/normalize \ No newline at end of file diff --git a/skills/onboard b/skills/onboard deleted file mode 120000 index cbc96109..00000000 --- a/skills/onboard +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/onboard \ No newline at end of file diff --git a/skills/optimize b/skills/optimize deleted file mode 120000 index 67509f3e..00000000 --- a/skills/optimize +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/optimize \ No newline at end of file diff --git a/skills/overdrive b/skills/overdrive deleted file mode 120000 index df490e4b..00000000 --- a/skills/overdrive +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/overdrive \ No newline at end of file diff --git a/skills/polish b/skills/polish deleted file mode 120000 index c09496bf..00000000 --- a/skills/polish +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/polish \ No newline at end of file diff --git a/skills/quieter b/skills/quieter deleted file mode 120000 index f48241af..00000000 --- a/skills/quieter +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/quieter \ No newline at end of file diff --git a/skills/teach-impeccable b/skills/teach-impeccable deleted file mode 120000 index 70ca8b4c..00000000 --- a/skills/teach-impeccable +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/teach-impeccable \ No newline at end of file diff --git a/skills/typeset b/skills/typeset deleted file mode 120000 index e0e88b32..00000000 --- a/skills/typeset +++ /dev/null @@ -1 +0,0 @@ -../.agents/skills/typeset \ No newline at end of file From 2280c685925932bbd6da7c4a5d536a7fdafc91cb Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Tue, 7 Apr 2026 16:59:12 +0200 Subject: [PATCH 138/162] chore: add skills dir and skills-lock.json to .gitignore Co-Authored-By: Claude Sonnet 4.6 --- .gitignore | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 5b0106a4..c667e78c 100644 --- a/.gitignore +++ b/.gitignore @@ -40,4 +40,6 @@ opencode.json .windsurf/ .zencoder/ .goosehints -.impeccable.md \ No newline at end of file +.impeccable.md +skills/ +skills-lock.json \ No newline at end of file From 9075a46d692e2661264d63986e60aed901a14598 Mon Sep 17 00:00:00 2001 From: Erik <78821053+swedishfrenchpress@users.noreply.github.com> Date: Sat, 11 Apr 2026 15:43:19 +0200 Subject: [PATCH 139/162] =?UTF-8?q?refactor:=20design=20system=20cleanup?= =?UTF-8?q?=20=E2=80=94=20calmer=20payment=20failure,=20extracted=20tokens?= =?UTF-8?q?,=20standardized=20components?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Redesign payment failure screen: neutral background with contained red error indicator instead of full-screen red. Rewrites error copy to be specific and reassuring ("Payment not received", "No funds were transferred"). - Extract reusable dialog button styles (Confirm, Cancel, Destructive) and dialog typography styles (DialogTitle, DialogSubtitle) into styles.xml. - Tokenize hardcoded corner radii: add radius_button (28dp) and row_subtitle_gap (2dp) to dimens.xml, replace 18 hardcoded instances across 13 layout files. - Standardize all back button touch targets from 36dp to 48dp (icon_size_large) across 14 settings/detail screens. - Fix non-uniform currency swap icon scaling on POS screen. - Add brand-tinted section headers using navy color token. - Improve empty state copy to teach the interface, not just acknowledge emptiness. - Rewrite NFC error messages for merchant-friendly language (all 3 locales). - Eliminate last hardcoded hex color in layouts. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../numo/PaymentFailureActivity.kt | 2 +- .../activity_auto_withdraw_settings.xml | 8 +- .../layout/activity_basket_names_settings.xml | 12 +-- .../res/layout/activity_currency_settings.xml | 8 +- .../main/res/layout/activity_item_entry.xml | 8 +- .../main/res/layout/activity_item_list.xml | 8 +- .../res/layout/activity_item_selection.xml | 8 +- .../res/layout/activity_language_settings.xml | 8 +- .../main/res/layout/activity_mint_details.xml | 8 +- .../res/layout/activity_mints_settings.xml | 8 +- .../main/res/layout/activity_modern_pos.xml | 6 +- .../main/res/layout/activity_nfc_enable.xml | 2 +- .../main/res/layout/activity_onboarding.xml | 10 +- .../res/layout/activity_payment_failure.xml | 97 +++++++++++-------- .../main/res/layout/activity_pin_reset.xml | 2 +- .../main/res/layout/activity_pin_setup.xml | 2 +- .../res/layout/activity_restore_wallet.xml | 6 +- .../res/layout/activity_security_settings.xml | 8 +- .../main/res/layout/activity_seed_phrase.xml | 2 +- app/src/main/res/layout/activity_settings.xml | 8 +- .../res/layout/activity_theme_settings.xml | 8 +- .../res/layout/activity_webhook_settings.xml | 8 +- .../layout/activity_withdraw_lightning.xml | 10 +- .../layout/activity_withdraw_melt_quote.xml | 8 +- .../main/res/layout/bottom_sheet_add_mint.xml | 4 +- .../component_withdraw_invoice_card.xml | 2 +- .../res/layout/dialog_add_basket_name.xml | 2 +- .../main/res/layout/dialog_basket_detail.xml | 2 +- .../main/res/layout/dialog_confirmation.xml | 52 +++------- .../res/layout/dialog_delete_confirmation.xml | 42 ++------ .../res/layout/dialog_edit_basket_name.xml | 2 +- app/src/main/res/layout/dialog_input.xml | 28 ++---- .../main/res/layout/dialog_rename_basket.xml | 2 +- .../main/res/layout/dialog_save_basket.xml | 2 +- .../main/res/layout/item_webhook_endpoint.xml | 2 +- app/src/main/res/values-es/strings.xml | 9 +- app/src/main/res/values-night/colors.xml | 17 +++- app/src/main/res/values-pt/strings.xml | 9 +- app/src/main/res/values/colors.xml | 17 +++- app/src/main/res/values/dimens.xml | 2 + app/src/main/res/values/strings.xml | 42 ++++---- app/src/main/res/values/styles.xml | 76 ++++++++++++++- app/src/main/res/values/themes.xml | 4 +- 43 files changed, 307 insertions(+), 264 deletions(-) diff --git a/app/src/main/java/com/electricdreams/numo/PaymentFailureActivity.kt b/app/src/main/java/com/electricdreams/numo/PaymentFailureActivity.kt index c84c97a5..5554ec00 100644 --- a/app/src/main/java/com/electricdreams/numo/PaymentFailureActivity.kt +++ b/app/src/main/java/com/electricdreams/numo/PaymentFailureActivity.kt @@ -52,7 +52,7 @@ class PaymentFailureActivity : AppCompatActivity() { window.statusBarColor = android.graphics.Color.TRANSPARENT window.navigationBarColor = android.graphics.Color.TRANSPARENT - val backgroundColor = ContextCompat.getColor(this, R.color.color_error) + val backgroundColor = ContextCompat.getColor(this, R.color.color_bg_white) window.setBackgroundDrawable(android.graphics.drawable.ColorDrawable(backgroundColor)) val windowInsetsController = WindowCompat.getInsetsController(window, window.decorView) diff --git a/app/src/main/res/layout/activity_auto_withdraw_settings.xml b/app/src/main/res/layout/activity_auto_withdraw_settings.xml index 54501895..5e172c0b 100644 --- a/app/src/main/res/layout/activity_auto_withdraw_settings.xml +++ b/app/src/main/res/layout/activity_auto_withdraw_settings.xml @@ -20,10 +20,10 @@ diff --git a/app/src/main/res/layout/activity_basket_names_settings.xml b/app/src/main/res/layout/activity_basket_names_settings.xml index 1f780e5f..f6e84dc7 100644 --- a/app/src/main/res/layout/activity_basket_names_settings.xml +++ b/app/src/main/res/layout/activity_basket_names_settings.xml @@ -21,10 +21,10 @@ @@ -39,8 +39,8 @@ + android:layout_width="@dimen/icon_size_large" + android:layout_height="@dimen/icon_size_large" /> diff --git a/app/src/main/res/layout/activity_mints_settings.xml b/app/src/main/res/layout/activity_mints_settings.xml index c14c70dd..4a08986d 100644 --- a/app/src/main/res/layout/activity_mints_settings.xml +++ b/app/src/main/res/layout/activity_mints_settings.xml @@ -16,10 +16,10 @@ diff --git a/app/src/main/res/layout/activity_nfc_enable.xml b/app/src/main/res/layout/activity_nfc_enable.xml index c3505916..7d47276e 100644 --- a/app/src/main/res/layout/activity_nfc_enable.xml +++ b/app/src/main/res/layout/activity_nfc_enable.xml @@ -63,7 +63,7 @@ android:textAllCaps="false" android:textSize="16sp" android:textStyle="bold" - app:cornerRadius="28dp" + app:cornerRadius="@dimen/radius_button" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" /> diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml index 73a414a2..11053579 100644 --- a/app/src/main/res/layout/activity_onboarding.xml +++ b/app/src/main/res/layout/activity_onboarding.xml @@ -457,7 +457,7 @@ android:background="@drawable/bg_button_white" android:stateListAnimator="@null" app:backgroundTint="@null" - app:cornerRadius="28dp" + app:cornerRadius="@dimen/radius_button" app:elevation="0dp" android:alpha="0" android:visibility="invisible" /> @@ -562,7 +562,7 @@ android:background="@drawable/bg_button_tertiary_dark" android:stateListAnimator="@null" app:backgroundTint="@null" - app:cornerRadius="28dp" + app:cornerRadius="@dimen/radius_button" app:elevation="0dp" /> @@ -580,7 +580,7 @@ android:background="@drawable/bg_button_white" android:stateListAnimator="@null" app:backgroundTint="@null" - app:cornerRadius="28dp" + app:cornerRadius="@dimen/radius_button" app:elevation="0dp" /> @@ -781,7 +781,7 @@ android:background="@drawable/bg_button_white" android:stateListAnimator="@null" app:backgroundTint="@null" - app:cornerRadius="28dp" + app:cornerRadius="@dimen/radius_button" app:elevation="0dp" /> @@ -962,7 +962,7 @@ android:background="@drawable/bg_button_white" android:stateListAnimator="@null" app:backgroundTint="@null" - app:cornerRadius="28dp" + app:cornerRadius="@dimen/radius_button" app:elevation="0dp" /> @@ -20,7 +20,7 @@ android:src="@drawable/ic_close" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" - app:tint="@color/color_bg_white" /> + app:tint="@color/color_text_primary" /> + app:layout_constraintTop_toTopOf="parent" + app:layout_constraintVertical_chainStyle="packed"> - - - - - - - + @@ -79,8 +55,7 @@ android:layout_height="match_parent" android:contentDescription="@string/payment_failure_error_background_description" android:src="@drawable/ic_circle_solid_red" - android:visibility="invisible" - app:tint="@color/color_bg_white" /> + android:visibility="invisible" /> + app:tint="@color/color_bg_white" /> + + + + + + - + + + +