start-vibing-stacks 2.0.4 → 2.1.1

package/dist/ui.js

@@ -2,7 +2,7 @@
  * Start Vibing Stacks — Terminal UI
  */
 import chalk from 'chalk';
-const VERSION = '2.0.4';
+const VERSION = '2.1.1';
 const gradient = (text) => {
     const colors = [chalk.hex('#FF6B6B'), chalk.hex('#FF8E53'), chalk.hex('#FFBD2E'), chalk.hex('#48BB78'), chalk.hex('#4299E1'), chalk.hex('#9F7AEA')];
     return text.split('').map((c, i) => colors[i % colors.length](c)).join('');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "start-vibing-stacks",
-  "version": "2.0.4",
+  "version": "2.1.1",
   "description": "AI-powered multi-stack dev workflow for Claude Code. Supports PHP, Node.js, Python and more.",
   "type": "module",
   "bin": {

package/stacks/php/skills/external-api-patterns/SKILL.md

@@ -0,0 +1,513 @@
+# External API Patterns — HTTP Client for Laravel + Octane
+
+**ALWAYS invoke when consuming external APIs, webhooks, or third-party services.**
+
+## Architecture
+
+```
+Controller/Job
+  → ApiService (business logic)
+    → Http::withOptions() (Laravel HTTP Client)
+      → Response handling (DTO)
+        → Error handling (typed exceptions)
+          → Logging + monitoring
+
+NEVER call Http:: directly in controllers. Always through a Service.
+```
+
+## Service Pattern
+
+```php
+// app/Services/External/OpenAiService.php
+namespace App\Services\External;
+
+use App\DTOs\Api\ChatCompletionRequest;
+use App\DTOs\Api\ChatCompletionResponse;
+use App\Exceptions\Api\ApiConnectionException;
+use App\Exceptions\Api\ApiRateLimitException;
+use App\Exceptions\Api\ApiValidationException;
+use Illuminate\Http\Client\PendingRequest;
+use Illuminate\Http\Client\RequestException;
+use Illuminate\Http\Client\ConnectionException;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Log;
+
+class OpenAiService
+{
+    private PendingRequest $client;
+
+    public function __construct()
+    {
+        $this->client = Http::baseUrl(config('services.openai.base_url', 'https://api.openai.com/v1'))
+            ->withToken(config('services.openai.key'))
+            ->timeout(30)
+            ->connectTimeout(5)
+            ->withHeaders([
+                'Accept' => 'application/json',
+                'Content-Type' => 'application/json',
+            ])
+            ->retry(
+                times: 3,
+                sleepMilliseconds: fn (int $attempt) => $attempt * 500, // 500ms, 1s, 1.5s
+                when: fn ($exception) => $this->shouldRetry($exception),
+                throw: true,
+            );
+    }
+
+    public function chatCompletion(ChatCompletionRequest $request): ChatCompletionResponse
+    {
+        try {
+            $response = $this->client
+                ->post('/chat/completions', $request->toArray())
+                ->throw();
+
+            return ChatCompletionResponse::fromArray($response->json());
+
+        } catch (ConnectionException $e) {
+            Log::error('[OpenAI] Connection failed', [
+                'error' => $e->getMessage(),
+            ]);
+            throw new ApiConnectionException('OpenAI', $e);
+
+        } catch (RequestException $e) {
+            $this->handleRequestException($e, 'chatCompletion');
+        }
+    }
+
+    private function shouldRetry(\Exception $exception): bool
+    {
+        if ($exception instanceof ConnectionException) return true;
+
+        if ($exception instanceof RequestException) {
+            $status = $exception->response->status();
+            // Retry on: 408 timeout, 429 rate limit, 500+ server errors
+            return in_array($status, [408, 429, 500, 502, 503, 504]);
+        }
+
+        return false;
+    }
+
+    private function handleRequestException(RequestException $e, string $method): never
+    {
+        $status = $e->response->status();
+        $body = $e->response->json();
+
+        Log::error("[OpenAI] {$method} failed", [
+            'status' => $status,
+            'error' => $body['error']['message'] ?? $e->getMessage(),
+            'type' => $body['error']['type'] ?? 'unknown',
+        ]);
+
+        match (true) {
+            $status === 429 => throw new ApiRateLimitException('OpenAI', $body, $e),
+            $status === 422 => throw new ApiValidationException('OpenAI', $body, $e),
+            $status >= 500 => throw new ApiConnectionException('OpenAI', $e),
+            default => throw new ApiConnectionException('OpenAI', $e),
+        };
+    }
+}
+```
+
+## DTOs (Data Transfer Objects)
+
+```php
+// app/DTOs/Api/ChatCompletionRequest.php
+namespace App\DTOs\Api;
+
+readonly class ChatCompletionRequest
+{
+    public function __construct(
+        public string $model,
+        public array $messages,
+        public float $temperature = 0.7,
+        public int $maxTokens = 4096,
+    ) {}
+
+    public function toArray(): array
+    {
+        return [
+            'model' => $this->model,
+            'messages' => $this->messages,
+            'temperature' => $this->temperature,
+            'max_tokens' => $this->maxTokens,
+        ];
+    }
+}
+
+// app/DTOs/Api/ChatCompletionResponse.php
+namespace App\DTOs\Api;
+
+readonly class ChatCompletionResponse
+{
+    public function __construct(
+        public string $id,
+        public string $content,
+        public int $promptTokens,
+        public int $completionTokens,
+        public string $model,
+        public string $finishReason,
+    ) {}
+
+    public static function fromArray(array $data): self
+    {
+        return new self(
+            id: $data['id'],
+            content: $data['choices'][0]['message']['content'] ?? '',
+            promptTokens: $data['usage']['prompt_tokens'] ?? 0,
+            completionTokens: $data['usage']['completion_tokens'] ?? 0,
+            model: $data['model'],
+            finishReason: $data['choices'][0]['finish_reason'] ?? 'unknown',
+        );
+    }
+}
+```
+
+## Typed Exceptions
+
+```php
+// app/Exceptions/Api/ApiConnectionException.php
+namespace App\Exceptions\Api;
+
+class ApiConnectionException extends \RuntimeException
+{
+    public function __construct(
+        public readonly string $service,
+        ?\Throwable $previous = null,
+    ) {
+        parent::__construct("Connection to {$service} API failed", 503, $previous);
+    }
+}
+
+// app/Exceptions/Api/ApiRateLimitException.php
+class ApiRateLimitException extends \RuntimeException
+{
+    public function __construct(
+        public readonly string $service,
+        public readonly array $body = [],
+        ?\Throwable $previous = null,
+    ) {
+        $retryAfter = $body['error']['retry_after'] ?? 'unknown';
+        parent::__construct("{$service} rate limit exceeded. Retry after: {$retryAfter}s", 429, $previous);
+    }
+}
+
+// app/Exceptions/Api/ApiValidationException.php
+class ApiValidationException extends \RuntimeException
+{
+    public function __construct(
+        public readonly string $service,
+        public readonly array $body = [],
+        ?\Throwable $previous = null,
+    ) {
+        $message = $body['error']['message'] ?? 'Validation failed';
+        parent::__construct("{$service}: {$message}", 422, $previous);
+    }
+}
+```
+
+## API Response Standard (Your API → Frontend)
+
+```php
+// app/Traits/ApiResponse.php
+namespace App\Traits;
+
+use Illuminate\Http\JsonResponse;
+
+trait ApiResponse
+{
+    protected function success(mixed $data = null, string $message = 'OK', int $status = 200): JsonResponse
+    {
+        return response()->json([
+            'success' => true,
+            'message' => $message,
+            'data' => $data,
+        ], $status);
+    }
+
+    protected function created(mixed $data = null, string $message = 'Created'): JsonResponse
+    {
+        return $this->success($data, $message, 201);
+    }
+
+    protected function error(string $message, int $status = 400, array $errors = []): JsonResponse
+    {
+        $response = [
+            'success' => false,
+            'message' => $message,
+        ];
+
+        if (!empty($errors)) {
+            $response['errors'] = $errors;
+        }
+
+        return response()->json($response, $status);
+    }
+
+    protected function notFound(string $resource = 'Resource'): JsonResponse
+    {
+        return $this->error("{$resource} not found", 404);
+    }
+
+    protected function unauthorized(string $message = 'Unauthorized'): JsonResponse
+    {
+        return $this->error($message, 401);
+    }
+
+    protected function rateLimited(int $retryAfter = 60): JsonResponse
+    {
+        return response()->json([
+            'success' => false,
+            'message' => 'Too many requests',
+            'retry_after' => $retryAfter,
+        ], 429)->header('Retry-After', $retryAfter);
+    }
+}
+```
+
+### Controller Usage
+
+```php
+class AiModelController extends Controller
+{
+    use ApiResponse;
+
+    public function __construct(
+        private readonly OpenAiService $openAi,
+    ) {}
+
+    public function generate(GenerateRequest $request): JsonResponse
+    {
+        try {
+            $dto = new ChatCompletionRequest(
+                model: $request->validated('model'),
+                messages: $request->validated('messages'),
+                temperature: $request->validated('temperature', 0.7),
+            );
+
+            $result = $this->openAi->chatCompletion($dto);
+
+            return $this->success([
+                'content' => $result->content,
+                'tokens' => $result->promptTokens + $result->completionTokens,
+                'model' => $result->model,
+            ]);
+
+        } catch (ApiRateLimitException $e) {
+            return $this->rateLimited(60);
+        } catch (ApiValidationException $e) {
+            return $this->error($e->getMessage(), 422);
+        } catch (ApiConnectionException $e) {
+            return $this->error('Service temporarily unavailable', 503);
+        }
+    }
+}
+```
+
+## Frontend Consumption (React + Inertia)
+
+```tsx
+// resources/js/services/api.ts
+import axios, { AxiosError } from 'axios';
+
+interface ApiResponse<T> {
+    success: boolean;
+    message: string;
+    data: T;
+    errors?: Record<string, string[]>;
+}
+
+interface ApiErrorResponse {
+    success: false;
+    message: string;
+    errors?: Record<string, string[]>;
+    retry_after?: number;
+}
+
+export async function apiCall<T>(
+    method: 'get' | 'post' | 'put' | 'delete',
+    url: string,
+    data?: unknown,
+): Promise<T> {
+    try {
+        const response = await axios({ method, url, data });
+        const body = response.data as ApiResponse<T>;
+        if (!body.success) throw new ApiError(body.message, response.status);
+        return body.data;
+    } catch (error) {
+        if (error instanceof AxiosError) {
+            const body = error.response?.data as ApiErrorResponse;
+            const status = error.response?.status ?? 500;
+
+            if (status === 429) {
+                throw new RateLimitError(body?.retry_after ?? 60);
+            }
+            if (status === 422 && body?.errors) {
+                throw new ValidationError(body.message, body.errors);
+            }
+            throw new ApiError(body?.message ?? 'Connection failed', status);
+        }
+        throw error;
+    }
+}
+
+// Typed errors
+export class ApiError extends Error {
+    constructor(message: string, public status: number) { super(message); }
+}
+export class ValidationError extends ApiError {
+    constructor(message: string, public errors: Record<string, string[]>) { super(message, 422); }
+}
+export class RateLimitError extends ApiError {
+    constructor(public retryAfter: number) { super('Too many requests', 429); }
+}
+```
+
+### React Component Usage
+
+```tsx
+const LABELS = {
+    generating: __('messages.ai.generating'),
+    error: __('messages.errors.error'),
+    rateLimited: __('messages.errors.rate_limited'),
+} as const;
+
+export default function AiChat() {
+    const [loading, setLoading] = useState(false);
+
+    const generate = async () => {
+        setLoading(true);
+        try {
+            const result = await apiCall<{ content: string }>('post', route('api.v1.ai.generate'), {
+                model: 'gpt-4',
+                messages: [{ role: 'user', content: prompt }],
+            });
+            setResponse(result.content);
+        } catch (error) {
+            if (error instanceof RateLimitError) {
+                toast.error(`${LABELS.rateLimited} (${error.retryAfter}s)`);
+            } else if (error instanceof ValidationError) {
+                Object.values(error.errors).flat().forEach(msg => toast.error(msg));
+            } else {
+                toast.error(error instanceof ApiError ? error.message : LABELS.error);
+            }
+        } finally {
+            setLoading(false);
+        }
+    };
+}
+```
+
+## Octane Safety
+
+```php
+// ✅ New client instance per request (no stale state)
+public function __construct()
+{
+    // Http::baseUrl() creates a NEW PendingRequest each time
+    // Safe in Octane — no shared state between requests
+    $this->client = Http::baseUrl(config('services.openai.base_url'))
+        ->withToken(config('services.openai.key'));
+}
+
+// ❌ NEVER static client (leaks between Octane requests)
+private static PendingRequest $client; // ❌ Shared across ALL requests!
+```
+
+## Config Pattern
+
+```php
+// config/services.php
+'openai' => [
+    'key' => env('OPENAI_API_KEY'),
+    'base_url' => env('OPENAI_BASE_URL', 'https://api.openai.com/v1'),
+    'timeout' => env('OPENAI_TIMEOUT', 30),
+    'max_retries' => env('OPENAI_MAX_RETRIES', 3),
+],
+
+'stripe' => [
+    'key' => env('STRIPE_KEY'),
+    'secret' => env('STRIPE_SECRET'),
+    'webhook_secret' => env('STRIPE_WEBHOOK_SECRET'),
+],
+```
+
+**Rule:** All API keys in `.env` → `config/services.php` → `config('services.x.key')`. NEVER `env()` directly in code (cached in Octane).
+
+## Webhook Receiving
+
+```php
+// app/Http/Controllers/Webhooks/StripeWebhookController.php
+class StripeWebhookController extends Controller
+{
+    public function handle(Request $request): JsonResponse
+    {
+        // 1. Verify signature
+        $payload = $request->getContent();
+        $signature = $request->header('Stripe-Signature');
+
+        try {
+            $event = \Stripe\Webhook::constructEvent(
+                $payload,
+                $signature,
+                config('services.stripe.webhook_secret')
+            );
+        } catch (\Exception $e) {
+            Log::warning('[Stripe Webhook] Invalid signature', ['error' => $e->getMessage()]);
+            return response()->json(['error' => 'Invalid signature'], 400);
+        }
+
+        // 2. Process idempotently (check if already processed)
+        if (WebhookEvent::where('event_id', $event->id)->exists()) {
+            return response()->json(['status' => 'already_processed']);
+        }
+
+        // 3. Store event
+        WebhookEvent::create([
+            'event_id' => $event->id,
+            'type' => $event->type,
+            'payload' => $payload,
+        ]);
+
+        // 4. Dispatch job (async processing)
+        ProcessStripeEvent::dispatch($event->type, $event->data->object);
+
+        return response()->json(['status' => 'received']);
+    }
+}
+```
+
+## Logging Standard
+
+```php
+// Structured logging for all API calls
+Log::info('[ServiceName] API call', [
+    'method' => 'POST',
+    'endpoint' => '/chat/completions',
+    'status' => 200,
+    'duration_ms' => $duration,
+    'tokens' => $response->promptTokens + $response->completionTokens,
+]);
+
+Log::error('[ServiceName] API failed', [
+    'method' => 'POST',
+    'endpoint' => '/chat/completions',
+    'status' => $e->response->status(),
+    'error' => $e->response->json('error.message'),
+    'duration_ms' => $duration,
+]);
+```
+
+## FORBIDDEN
+
+| ❌ Don't | ✅ Do |
+|---|---|
+| `Http::get()` in controller | Service class with typed DTOs |
+| `env('API_KEY')` in code | `config('services.x.key')` |
+| Raw arrays for API data | `readonly class` DTOs |
+| Catch generic `Exception` | Typed exceptions per error type |
+| `static $client` in Octane | Instance `$this->client` per request |
+| No timeout on HTTP calls | `->timeout(30)->connectTimeout(5)` |
+| No retry logic | `->retry(3, backoff, when)` |
+| Webhook without signature check | ALWAYS verify signatures |
+| Webhook sync processing | Dispatch job for async |
+| `dd()` / `dump()` API responses | Structured `Log::info/error` |

package/stacks/php/skills/laravel-inertia-i18n/SKILL.md

@@ -0,0 +1,294 @@
+# Laravel + Inertia i18n — Centralized Translations
+
+**ALWAYS invoke when adding translations, creating new pages, or working with multilingual content.**
+
+## Architecture
+
+```
+Laravel Backend                    Inertia Share              React Frontend
+┌─────────────────┐               ┌──────────────┐           ┌──────────────────┐
+│ lang/en/*.php    │──→ config ──→│ InertiaShare  │──→ props →│ __('key')        │
+│ lang/pt/*.php    │   mapping    │ translations  │           │ via usePage()    │
+│ lang/en.json     │              │ + cache       │           │                  │
+└─────────────────┘               └──────────────┘           └──────────────────┘
+
+Key decisions:
+- Translations live in Laravel (single source of truth)
+- Only NEEDED translations sent per page (not all)
+- Cached forever (invalidate on deploy)
+- Frontend reads via usePage().props.translations
+```
+
+## Backend: Translation Files
+
+### File Structure
+
+```
+lang/
+├── en/
+│   ├── messages.php        # Global (loaded on all pages)
+│   ├── validation.php      # Laravel validation messages
+│   ├── auth.php            # Auth pages
+│   └── admin/
+│       ├── dashboard.php   # Admin dashboard specific
+│       └── ai-models.php   # AI models page specific
+├── pt/
+│   ├── messages.php
+│   ├── validation.php
+│   └── admin/
+│       ├── dashboard.php
+│       └── ai-models.php
+├── en.json                 # JSON format (optional, merged)
+└── pt.json
+```
+
+### Translation File Example
+
+```php
+// lang/en/messages.php
+return [
+    'common' => [
+        'buttons' => [
+            'save' => 'Save',
+            'cancel' => 'Cancel',
+            'close' => 'Close',
+            'saving' => 'Saving...',
+            'add_ai_model' => 'Add AI Model',
+        ],
+    ],
+    'errors' => [
+        'error' => 'Error',
+        'api_save_failed_generic' => 'Failed to save. Please try again.',
+        'validation_failed_check_fields' => 'Validation failed. Please check the fields.',
+        'invalid_json' => 'Invalid JSON format.',
+    ],
+    'admin' => [
+        'ai' => [
+            'ai-models' => [
+                'new_model_button' => 'New AI Model',
+                'add_modal_description' => 'Fill in the details to add a new AI model.',
+                'fields' => [
+                    'name' => 'Name',
+                    'slug' => 'Slug',
+                    'system_prompt' => 'System Prompt',
+                    'temperature' => 'Temperature',
+                    // ...
+                ],
+            ],
+        ],
+    ],
+];
+```
+
+## Backend: Page-to-Translation Mapping
+
+### Config File
+
+```php
+// config/translations_inertia.php
+return [
+    // Global: loaded on EVERY page
+    'global' => [
+        'messages',      // lang/{locale}/messages.php
+    ],
+
+    // Per-page: loaded only when visiting that route
+    'pages' => [
+        'admin/dashboard' => ['admin/dashboard'],
+        'admin/ai-models' => ['admin/ai-models'],
+        'auth/login' => ['auth'],
+        'auth/register' => ['auth'],
+    ],
+];
+```
+
+**Rule:** Only send translations the page actually needs — not the entire `lang/` folder.
+
+## Backend: InertiaShare Middleware
+
+```php
+// app/Support/InertiaShare.php
+class InertiaShare
+{
+    public static function getProps(Request $request): array
+    {
+        $locale = App::getLocale();
+
+        return [
+            'auth' => [
+                'user' => $request->user()?->only('id', 'name', 'email', 'role', 'timezone', 'avatar_url'),
+            ],
+            'locale' => $locale,
+            'translations' => static::getTranslations($locale, $request->route()->uri),
+            'flash' => [
+                'success' => session('success'),
+                'error' => session('error'),
+            ],
+        ];
+    }
+
+    protected static function getTranslations(string $locale, string $pageUri): array
+    {
+        $cacheKey = "translations_{$locale}_{$pageUri}";
+
+        return Cache::rememberForever($cacheKey, function () use ($locale, $pageUri) {
+            $globalFiles = config('translations_inertia.global', []);
+            $pageFiles = config("translations_inertia.pages.{$pageUri}", []);
+            $files = array_unique(array_merge($globalFiles, $pageFiles));
+
+            $translations = [];
+            $langPath = lang_path($locale);
+
+            foreach ($files as $file) {
+                $filePath = "{$langPath}/{$file}.php";
+                if (File::exists($filePath)) {
+                    $translations[$file] = require $filePath;
+                }
+            }
+
+            // Merge JSON translations (lang/{locale}.json)
+            $jsonPath = lang_path("{$locale}.json");
+            if (File::exists($jsonPath)) {
+                $json = json_decode(File::get($jsonPath), true);
+                if (is_array($json)) {
+                    $translations = array_merge($translations, $json);
+                }
+            }
+
+            return $translations;
+        });
+    }
+}
+```
+
+### Register in Middleware
+
+```php
+// app/Http/Middleware/HandleInertiaRequests.php
+use App\Support\InertiaShare;
+
+public function share(Request $request): array
+{
+    return array_merge(parent::share($request), InertiaShare::getProps($request));
+}
+```
+
+## Frontend: translate.js Utility
+
+```js
+// resources/js/Utils/translate.js
+import { usePage } from '@inertiajs/react';
+
+/**
+ * Get translated string by dot-notation key.
+ * @param {string} key - e.g. 'messages.common.buttons.save'
+ * @param {object} replacements - e.g. { name: 'John' } for ':name'
+ * @returns {string} Translated string or key as fallback
+ */
+export default function __(key, replacements = {}) {
+    const { translations } = usePage().props;
+
+    let translation = key.split('.').reduce(
+        (obj, part) => (obj && obj[part] !== undefined ? obj[part] : null),
+        translations
+    );
+
+    // Fallback: return key if not found
+    if (translation === null || translation === undefined) {
+        return key;
+    }
+
+    // Replace :placeholders
+    if (typeof translation === 'string' && Object.keys(replacements).length > 0) {
+        Object.keys(replacements).forEach((placeholder) => {
+            translation = translation.replace(
+                new RegExp(`:${placeholder}`, 'g'),
+                replacements[placeholder]
+            );
+        });
+    }
+
+    return translation;
+}
+```
+
+## Frontend: Component Pattern (CONST)
+
+```tsx
+import __ from '@/Utils/translate';
+
+// ═══════════════════════════════════════════
+// 1. TRANSLATIONS — before hooks, outside component
+// ═══════════════════════════════════════════
+const LABELS = {
+    title: __('messages.admin.ai.ai-models.new_model_button'),
+    description: __('messages.admin.ai.ai-models.add_modal_description'),
+    nameField: __('messages.admin.ai.ai-models.fields.name'),
+    slugField: __('messages.admin.ai.ai-models.fields.slug'),
+    save: __('messages.common.buttons.save'),
+    saving: __('messages.common.buttons.saving'),
+    cancel: __('messages.common.buttons.cancel'),
+    errorTitle: __('messages.errors.error'),
+    validationFailed: __('messages.errors.validation_failed_check_fields'),
+} as const;
+
+// ═══════════════════════════════════════════
+// 2. CSS STYLES — semantic tokens
+// ═══════════════════════════════════════════
+const STYLES = {
+    modal: 'relative w-full max-w-[558px] rounded-3xl bg-card p-6 lg:p-10',
+    title: 'mb-6 text-xl font-semibold text-foreground',
+    description: 'mb-7 text-sm leading-6 text-muted-foreground',
+    form: 'space-y-4',
+    gridTwo: 'grid grid-cols-2 gap-4',
+    actions: 'mt-8 flex w-full flex-col sm:flex-row items-center justify-between gap-3',
+    fieldError: 'text-sm text-destructive mt-1',
+    btnFull: 'w-full',
+} as const;
+
+// ═══════════════════════════════════════════
+// 3. COMPONENT
+// ═══════════════════════════════════════════
+export default function AiModelsAddModal({ isOpen, onClose, onAdded }) {
+    // hooks, state, handlers...
+
+    return (
+        <Modal isOpen={isOpen} onClose={onClose} className={STYLES.modal}>
+            <h4 className={STYLES.title}>{LABELS.title}</h4>
+            <p className={STYLES.description}>{LABELS.description}</p>
+            {/* form fields using LABELS and STYLES */}
+        </Modal>
+    );
+}
+```
+
+## Adding New Translations
+
+### Checklist
+
+1. Add string to `lang/en/{file}.php` **and** `lang/pt/{file}.php`
+2. If new file: add to `config/translations_inertia.php` (global or page-specific)
+3. Clear cache: `php artisan cache:clear`
+4. In React component: add to `LABELS` const using `__('key')`
+5. **NEVER** call `__()` inside JSX directly — always via LABELS const
+
+### Cache Invalidation
+
+```bash
+# After adding/changing translations:
+php artisan cache:clear
+
+# For Octane (in-memory):
+php artisan octane:reload
+```
+
+## FORBIDDEN
+
+| ❌ Don't | ✅ Do |
+|---|---|
+| `__()` inside JSX return | `LABELS.title` via const |
+| Send ALL translations to every page | Map per-page in config |
+| Hardcode strings in components | Use translation keys |
+| Skip Portuguese translation | Always add both `en` + `pt` |
+| `Cache::forget()` for translations | `cache:clear` on deploy |
+| Translation keys in camelCase | Use dot.notation `messages.admin.title` |