changes

docs/ui-overhaul.md

@@ -0,0 +1,32 @@
+Right now the styling for my app is very bad. @apps/mobile/src/app/\_layout.tsx
+@apps/mobile/src/app/index.tsx @apps/mobile/src/app/ shell.tsx First off, on IOS
+if I do not use the SafeAreaView, the app header title renders underneath the
+notch. https:// docs.expo.dev/develop/user-interface/safe-areas/ and underneath
+the system bars https://docs.expo.dev/develop/user-interface/system- bars/ I
+tried to implement it but I am not sure if the safearea should go above the
+scrollview or below? I see no examples of using safe area with a scroll view in
+the docs. Right now if I like over drage in either direction, there is a white
+background around everything. EI my chosen background color is not edge to edge
+when overscrolling. I was kind of hoping to use liquid glass like described the
+images show in this guide https://docs.expo.dev/router/advanced/native-tabs/ but
+the ones that show up on my ios simulator are not liquid glass. Maybe I need an
+ios simulator with a different IOS version? (mine is 18) maybe I need to enable
+it somewhere? https://docs.expo.dev/versions/latest/sdk/glass-effect/ Also I
+eventually want users to pick their own theme. That will live in the settings
+page but all the colors should come from a single theme file (currently doesn't
+exist). Also when I did the layout for the index screen, I was not planning on
+having a bottom tab bar, now that I do it should probably change. I really hate
+everything about the private key modal, I would rather it be its own shared
+route https://docs.expo.dev/router/advanced/shared- routes/ or maybe it should
+be a modal? https://docs.expo.dev/router/advanced/modals/? not sure but I know I
+want to be able to bring up the same private key management Ui from the settings
+screen and the index screen. I imagine they should be pushed to the top of the
+stack of whatever bottom tab you are currently on. We will also need the shell
+screen to start out on a list shell screen. The shell detail (what is currently
+shell.tsx) will need to be renamed and moved. The placeholder text in the
+command input box is truncated on the shell screen. I do not think we should put
+the execute button on the same line as the command input text. It makes the
+command input textbox too small. We also need to add a disconnect button to the
+screen for ios users because they do not have a back button. (Maybe we do this
+in the header bar?)
+https://docs.expo.dev/router/advanced/stack/#configure-header-bar