feat: autenticacao com Clerk, tela de assinaturas e melhorias de design

.agents/skills/git-workflow/SKILL.md

@@ -43,24 +43,20 @@ git commit -m "feat(auth): adicionar suporte a login biométrico com expo-local-
 
 ---
 
-## 2. Gerenciamento de Branches
+## 2. Gerenciamento de Branches & Restrições de Envio
 
-- Crie branches a partir da branch base atualizada (`main` / `develop`):
-  ```bash
-  git checkout -b <tipo>/<nome-da-feature-ou-fix>
-  ```
-  Exemplos:
-  - `feat/biometric-auth`
-  - `fix/camera-permission-crash`
-  - `refactor/navigation-flow`
+- **Restrição de Push Remoto**: **NUNCA** envie (`git push`) branches do tipo `feat/*`, `fix/*`, `chore/*`, `refactor/*` para o repositório remoto.
+- **Branches Remotas Permitidas**: O envio (`git push`) para o repositório remoto é restrito **exclusivamente a `development` e `main`**.
+- Branches auxiliares (`feat/...`, `fix/...`) devem ser usadas apenas localmente e mescladas na `development` antes de enviar ao repositório remoto.
 
 ---
 
 ## 3. Criação de Pull Requests (usando GitHub CLI `gh`)
 
 Ao finalizar uma tarefa e ter os commits organizados:
 
-1. **Enviar as alterações para o repositório remoto**:
+1. **Garantir a branch correta e enviar ao remoto**:
+   - Certifique-se de estar na branch `development` (ou `main`).
 
    ```bash
    git push -u origin HEAD

.gitignore

@@ -41,3 +41,7 @@ app-example
 # generated native folders
 /ios
 /android
+
+# IDE
+.idea/
+.env

AGENTS.md

@@ -4,6 +4,14 @@ Read the exact versioned docs at https://docs.expo.dev/versions/v54.0.0/ before
 
 ---
 
+# Local Git & Remote Push Rules
+
+- **Restrição de Push Remoto**: **NUNCA** faça push para o repositório remoto de branches como `feat/*`, `fix/*`, `chore/*`, `refactor/*`, etc.
+- **Branches permitidas para o remoto**: O envio (`git push`) é **estritamente permitido apenas para as branches `development` e `main`**.
+- Se o trabalho for desenvolvido em uma branch local auxiliar, integre-a à `development` antes de enviar ao repositório remoto.
+
+---
+
 # Custom Agent Commands & Shortcuts
 
 Whenever the user starts a prompt with any of the following shortcuts, immediately activate the `.agents/skills/git-workflow/SKILL.md` skill and execute the workflow:
@@ -15,8 +23,9 @@ Whenever the user starts a prompt with any of the following shortcuts, immediate
 
 - `/pr [título/descrição opcional]`:
   1. Verificar status atual da branch (`git status`, `git log`).
-  2. Fazer push para a branch remota (`git push -u origin HEAD`).
-  3. Criar o Pull Request utilizando `gh pr create` estruturado com descrição, lista de alterações, instruções de teste e labels adequadas (`--label "enhancement"`, `--label "bug"`, etc.).
+  2. Garantir que a branch atual é `development` ou `main` antes do push (nunca fazer push de branches `feat/`, `fix/`, `chore/`).
+  3. Fazer push para a branch remota (`git push -u origin HEAD`).
+  4. Criar o Pull Request utilizando `gh pr create` estruturado com descrição, lista de alterações, instruções de teste e labels adequadas (`--label "enhancement"`, `--label "bug"`, etc.).
 
 - `/commit-pr [mensagem/instrução opcional]`:
   1. Realizar o fluxo do `/commit` seguido imediatamente pelo fluxo do `/pr`.

app.json

@@ -9,9 +9,11 @@
     "userInterfaceStyle": "automatic",
     "newArchEnabled": true,
     "ios": {
-      "supportsTablet": true
+      "supportsTablet": true,
+      "bundleIdentifier": "com.sentinel.subscriptionmanager"
     },
     "android": {
+      "package": "com.sentinel.subscriptionmanager",
       "adaptiveIcon": {
         "backgroundColor": "#E6F4FE",
         "foregroundImage": "./assets/images/android-icon-foreground.png",
@@ -51,7 +53,8 @@
             "./assets/fonts/PlusJakartaSans-Light.ttf"
           ]
         }
-      ]
+      ],
+      "expo-secure-store"
     ],
     "experiments": {
       "typedRoutes": true,

app/(auth)/_layout.tsx

@@ -1,5 +1,11 @@
-import { Stack } from "expo-router";
+import { useAuth } from "@clerk/expo";
+import { Redirect, Stack } from "expo-router";
+
+export default function AuthLayout() {
+  const { isSignedIn, isLoaded } = useAuth();
+
+  if (!isLoaded) return null;
+  if (isSignedIn) return <Redirect href="/(tabs)" />;
 
-export default function RootLayout() {
   return <Stack screenOptions={{ headerShown: false }} />;
 }

app/(auth)/sign-in.tsx

@@ -1,12 +1,143 @@
-import React from "react";
-import { Text, View } from "react-native";
+import React, { useState } from "react";
+import {
+  ActivityIndicator,
+  KeyboardAvoidingView,
+  Platform,
+  ScrollView,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
+} from "react-native";
+import { Link } from "expo-router";
+import { styled } from "nativewind";
+import { SafeAreaView as RNSafeAreaView } from "react-native-safe-area-context";
+import SocialAuthButtons from "@/components/SocialAuthButtons";
+
+import { useAuthFlow } from "@/hooks/useAuthFlow";
+
+const SafeAreaView = styled(RNSafeAreaView);
+
+export default function SignInScreen() {
+  const [emailAddress, setEmailAddress] = useState("");
+  const [password, setPassword] = useState("");
+  const {
+    loginWithPassword,
+    errorMessage,
+    setErrorMessage,
+    isSignInSubmitting,
+    signInErrors,
+  } = useAuthFlow();
+
+  const handleSignIn = async () => {
+    await loginWithPassword(emailAddress, password);
+  };
+
+  const hasIdentifierError = Boolean(signInErrors?.fields?.identifier);
+  const hasPasswordError = Boolean(signInErrors?.fields?.password);
 
-const SignIn = () => {
   return (
-    <View className="flex-1 items-center justify-center bg-background">
-      <Text className="font-bold text-success">Entrar</Text>
-    </View>
-  );
-};
+    <SafeAreaView className="auth-safe-area">
+      <KeyboardAvoidingView
+        behavior={Platform.OS === "ios" ? "padding" : "height"}
+        className="auth-screen"
+      >
+        <ScrollView
+          className="auth-scroll"
+          contentContainerClassName="auth-content"
+          keyboardShouldPersistTaps="handled"
+        >
+          <View className="auth-brand-block">
+            <View className="auth-logo-wrap">
+              <View className="auth-logo-mark">
+                <Text className="auth-logo-mark-text">S</Text>
+              </View>
+              <View>
+                <Text className="auth-wordmark">Sentinel</Text>
+                <Text className="auth-wordmark-sub">Subscription Manager</Text>
+              </View>
+            </View>
+            <Text className="auth-title">Bem-vindo de volta</Text>
+            <Text className="auth-subtitle">
+              Acesse sua conta para gerenciar suas assinaturas
+            </Text>
+          </View>
 
-export default SignIn;
+          <View className="auth-card">
+            {errorMessage ? (
+              <View className="mb-4 rounded-2xl border border-destructive/20 bg-destructive/10 p-3.5">
+                <Text className="auth-error text-sm">{errorMessage}</Text>
+              </View>
+            ) : null}
+
+            {/* Social Sign-In Buttons */}
+            <SocialAuthButtons
+              mode="signIn"
+              onError={setErrorMessage}
+              disabled={isSignInSubmitting}
+            />
+
+            <View className="auth-form">
+              <View className="auth-field">
+                <Text className="auth-label">E-mail</Text>
+                <TextInput
+                  autoCapitalize="none"
+                  keyboardType="email-address"
+                  placeholder="seu@email.com"
+                  placeholderTextColor="rgba(0, 0, 0, 0.4)"
+                  value={emailAddress}
+                  onChangeText={setEmailAddress}
+                  className={`auth-input ${hasIdentifierError ? "auth-input-error" : ""}`}
+                />
+                {signInErrors?.fields?.identifier ? (
+                  <Text className="auth-error">
+                    {signInErrors.fields.identifier.message}
+                  </Text>
+                ) : null}
+              </View>
+
+              <View className="auth-field">
+                <Text className="auth-label">Senha</Text>
+                <TextInput
+                  secureTextEntry
+                  placeholder="••••••••"
+                  placeholderTextColor="rgba(0, 0, 0, 0.4)"
+                  value={password}
+                  onChangeText={setPassword}
+                  className={`auth-input ${hasPasswordError ? "auth-input-error" : ""}`}
+                />
+                {signInErrors?.fields?.password ? (
+                  <Text className="auth-error">
+                    {signInErrors.fields.password.message}
+                  </Text>
+                ) : null}
+              </View>
+
+              <TouchableOpacity
+                onPress={handleSignIn}
+                disabled={isSignInSubmitting}
+                activeOpacity={0.8}
+                className={`auth-button ${isSignInSubmitting ? "auth-button-disabled" : ""}`}
+              >
+                {isSignInSubmitting ? (
+                  <ActivityIndicator color="#081126" />
+                ) : (
+                  <Text className="auth-button-text">Entrar</Text>
+                )}
+              </TouchableOpacity>
+            </View>
+          </View>
+
+          <View className="auth-link-row">
+            <Text className="auth-link-copy">Não tem uma conta?</Text>
+            <Link href="/(auth)/sign-up" asChild>
+              <TouchableOpacity>
+                <Text className="auth-link">Criar conta</Text>
+              </TouchableOpacity>
+            </Link>
+          </View>
+        </ScrollView>
+      </KeyboardAvoidingView>
+    </SafeAreaView>
+  );
+}