fix(secret): obscure secret value entry within tui (#86)

## Description

<!-- Provide a brief description of your changes -->

**Note:** PR titles should follow [Conventional
Commits](https://www.conventionalcommits.org/) format (e.g.,
`feat(devbox): add support for custom env vars` or `fix(snapshot):
resolve pagination issue`) as they are used for automatic release notes
generation.

## Type of Change

<!-- Mark the relevant option with an 'x' -->

- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected)
- [ ] Documentation update
- [ ] Code refactoring
- [ ] Performance improvement
- [ ] Test updates

## Related Issues

<!-- Link to related issues using #issue-number -->
Closes #

## Changes Made

<!-- Describe the changes in detail -->

## Testing

<!-- Describe how you tested your changes -->

- [ ] I have tested locally
- [ ] I have added/updated tests
- [ ] All existing tests pass

## Checklist

- [ ] My code follows the code style of this project
- [ ] I have performed a self-review of my own code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have updated the documentation accordingly
- [ ] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published

## Screenshots (if applicable)

<!-- Add screenshots to help explain your changes -->

## Additional Notes

<!-- Any additional information that reviewers should know -->

Author: dines-rl

src/components/SecretCreatePage.tsx

@@ -301,13 +301,11 @@ export const SecretCreatePage = ({
             const value = formData[field.key as keyof FormData] as string;
             const hasError =
               field.key === "value" && validationError === "Value is required";
-            // Display masked value when not active
-            const maskedValue = "*".repeat(value.length);
             return (
               <FormTextInput
                 key={field.key}
                 label={field.label}
-                value={isActive ? value : maskedValue}
+                value={value}
                 onChange={(newValue) => {
                   setFormData({ ...formData, [field.key]: newValue });
                   if (validationError) {
@@ -318,6 +316,7 @@ export const SecretCreatePage = ({
                 isActive={isActive}
                 placeholder="Enter secret value"
                 error={hasError ? validationError : undefined}
+                mask="*"
               />
             );
           }

src/components/form/FormTextInput.tsx

@@ -16,6 +16,8 @@ export interface FormTextInputProps {
   error?: string;
   /** Called when Enter is pressed in the text input */
   onSubmit?: () => void;
+  /** Character to mask input with (e.g., "*" for passwords) */
+  mask?: string;
 }
 
 export const FormTextInput = ({
@@ -26,7 +28,11 @@ export const FormTextInput = ({
   placeholder,
   error,
   onSubmit,
+  mask,
 }: FormTextInputProps) => {
+  // Display value: use mask character if provided
+  const displayValue = mask && value ? mask.repeat(value.length) : value;
+
   return (
     <FormField label={label} isActive={isActive} error={error}>
       {isActive ? (
@@ -35,10 +41,11 @@ export const FormTextInput = ({
           onChange={onChange}
           placeholder={placeholder}
           onSubmit={onSubmit}
+          mask={mask}
         />
       ) : (
         <Text color={error ? colors.error : colors.text}>
-          {value || "(empty)"}
+          {displayValue || "(empty)"}
         </Text>
       )}
     </FormField>