@trendify/cli 0.1.6 → 0.1.8

package/README.md

@@ -37,6 +37,32 @@ npm run build --workspace apps/cli
 npm run check-types --workspace apps/cli
 ```
 
+## Convencao de arquivos
+
+Dentro de `apps/cli/src`, todos os arquivos seguem estas regras:
+
+- nomes sempre em minusculas e `kebab-case`
+- o sufixo final identifica a responsabilidade do arquivo
+- cada tipo de arquivo fica na pasta correspondente sempre que fizer sentido
+
+Padrao adotado:
+
+- `*.component.tsx`: componentes visuais reutilizaveis e composicao de layout
+- `*.page.tsx`: telas e fluxos de interface
+- `*.service.ts`: servicos, integracoes e regras de orquestracao
+- `*.config.ts`: configuracoes compartilhadas
+- `*.constant.ts`: constantes compartilhadas
+- `*.util.ts`: funcoes utilitarias puras
+- `*.entry.tsx`: ponto de entrada executavel da CLI
+
+Organizacao:
+
+- `shared/`: artefatos reutilizados por mais de um modulo
+- `modules/<modulo>/pages`: telas do modulo
+- `modules/<modulo>/services`: servicos e estados internos do modulo
+- `modules/<modulo>/components`: componentes locais do modulo
+- `modules/<modulo>/utils`: utilitarios locais do modulo
+
 ## Release para npm
 
 O fluxo oficial de publicacao fica na raiz do monorepo.

package/dist/app.component.d.ts

@@ -0,0 +1,14 @@
+import { type CliUpdateCheckResult } from './shared/services/cli-update.service.js';
+export type AppProps = {
+    readonly appVersion: string;
+    readonly initialInput: string;
+    readonly initialNotification?: string | null;
+    readonly initialNotificationTone?: NotificationTone;
+    readonly onSelfUpdate: (update: Extract<CliUpdateCheckResult, {
+        status: 'available';
+    }>) => void | Promise<void>;
+};
+type NotificationTone = 'error' | 'info' | 'success';
+export declare function App({ appVersion, initialInput, initialNotification, initialNotificationTone, onSelfUpdate, }: AppProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=app.component.d.ts.map

package/dist/app.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.component.d.ts","sourceRoot":"","sources":["../src/app.component.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAqB,KAAK,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAMvG,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,uBAAuB,CAAC,EAAE,gBAAgB,CAAC;IACpD,QAAQ,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,EAAE;QAAE,MAAM,EAAE,WAAW,CAAA;KAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjH,CAAC;AA6DF,KAAK,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAyFrD,wBAAgB,GAAG,CAAC,EAClB,UAAU,EACV,YAAY,EACZ,mBAA0B,EAC1B,uBAAmC,EACnC,YAAY,GACb,EAAE,QAAQ,2CAmfV"}

package/dist/app.component.js

@@ -0,0 +1,448 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, useApp, useInput } from 'ink';
+import { useEffect, useMemo, useState } from 'react';
+import { DiscoveryPage } from './modules/discovery/pages/discovery.page.js';
+import { getUserDisplayName } from './modules/auth/utils/auth-user.util.js';
+import { getAuthBootstrapResult, } from './modules/auth/services/auth.service.js';
+import { LoginPage } from './modules/auth/pages/login.page.js';
+import { ProfilePage } from './modules/auth/pages/profile.page.js';
+import { checkForCliUpdate } from './shared/services/cli-update.service.js';
+import { ActionMenuPage } from './shared/components/action-menu.component.js';
+import { AppMenu } from './shared/components/app-menu.component.js';
+import { AppShell } from './shared/components/app-shell.component.js';
+const MENU_ITEMS = [
+    {
+        id: 'discovery',
+        titulo: 'Descobrir Temas',
+        comando: 'discovery',
+        aliases: ['descobrir', 'Descobrir', 'temas', 'Temas'],
+        descricao: 'Inicia o fluxo de descoberta e coleta o tema da busca.',
+        palavrasChave: ['tema', 'Tema', 'descoberta', 'Descoberta', 'pesquisa', 'Pesquisa', 'amplo', 'restrito'],
+    },
+    {
+        id: 'profile',
+        titulo: 'Meu Perfil',
+        comando: 'profile',
+        aliases: ['perfil', 'Perfil', 'conta', 'Conta', 'usuário', 'usuario', 'Usuário', 'Usuario'],
+        descricao: 'Abre os fluxos de alteração de senha e display name.',
+        palavrasChave: [
+            'senha',
+            'Senha',
+            'display name',
+            'Display Name',
+            'nome',
+            'Nome',
+            'usuário',
+            'usuario',
+            'Supabase',
+            'supabase',
+        ],
+    },
+    {
+        id: 'logout',
+        titulo: 'Encerrar Sessão',
+        comando: 'logout',
+        aliases: ['sair-da-conta', 'sair da conta', 'Sair da Conta', 'deslogar', 'Deslogar'],
+        descricao: 'Remove a sessão salva localmente e volta para a tela de login.',
+        palavrasChave: ['auth', 'login', 'Login', 'conta', 'Conta', 'sessão', 'sessao', 'Sessão', 'Sessao', 'Supabase'],
+    },
+    {
+        id: 'exit',
+        titulo: 'Sair',
+        comando: 'sair',
+        aliases: ['exit', 'quit', 'sair', 'Sair'],
+        descricao: 'Sai do sistema sem perder a sessão do usuário ativa.',
+        palavrasChave: [
+            'fechar',
+            'Fechar',
+            'encerrar',
+            'Encerrar',
+            'finalizar',
+            'Finalizar',
+            'sessão',
+            'sessao',
+            'usuário',
+            'usuario',
+        ],
+    },
+];
+const LOGOUT_OPTIONS = [
+    {
+        value: 'cancel',
+        label: 'Voltar ao menu',
+        description: 'Cancela a saida da conta e retorna para os comandos.',
+    },
+    {
+        value: 'confirm',
+        label: 'Encerrar sessao',
+        description: 'Remove a sessao local e exige novo login para continuar.',
+    },
+];
+function formatScopeLabel(scope) {
+    return scope === 'amplo' ? 'mais ampla' : 'mais restrita';
+}
+function formatWorkspaceRole(role) {
+    if (role === 'owner') {
+        return 'Proprietario';
+    }
+    if (role === 'admin') {
+        return 'Administrador';
+    }
+    return 'Membro';
+}
+function getAuthenticatedUserLabel(user) {
+    if (!user) {
+        return 'usuario autenticado';
+    }
+    return getUserDisplayName(user) ?? user.email ?? 'usuario autenticado';
+}
+function getActiveWorkspaceLabel(workspace) {
+    return workspace?.name ?? 'espaco de trabalho';
+}
+function getWelcomeTitle(user) {
+    const displayName = user ? getUserDisplayName(user) : null;
+    if (displayName) {
+        return `Bem-vindo de volta, ${displayName} 👋`;
+    }
+    return 'Bem-vindo de volta. 👋';
+}
+function buildMenuItems(cliUpdate) {
+    if (cliUpdate.status !== 'available') {
+        return MENU_ITEMS;
+    }
+    const [discoveryItem, profileItem, logoutItem, exitItem] = MENU_ITEMS;
+    if (!discoveryItem || !profileItem || !logoutItem || !exitItem) {
+        return MENU_ITEMS;
+    }
+    return [
+        discoveryItem,
+        profileItem,
+        {
+            id: 'update-cli',
+            titulo: `Atualizar CLI para v${cliUpdate.latestVersion}`,
+            comando: 'atualizar-cli',
+            aliases: ['update', 'upgrade', 'atualizar', 'atualizar-cli', 'Atualizar CLI'],
+            descricao: `Instala a versao ${cliUpdate.latestVersion} do CLI e reinicia a aplicacao.`,
+            palavrasChave: [
+                'versao',
+                'nova versao',
+                'ultima versao',
+                'npm',
+                'upgrade',
+                'update',
+                'atualizacao',
+                'atualizar',
+            ],
+        },
+        logoutItem,
+        exitItem,
+    ];
+}
+export function App({ appVersion, initialInput, initialNotification = null, initialNotificationTone = 'success', onSelfUpdate, }) {
+    const { exit } = useApp();
+    const authBootstrap = useMemo(() => getAuthBootstrapResult(), []);
+    const authService = authBootstrap.ok ? authBootstrap.authService : null;
+    const sessionStorageFilePath = authService?.getSessionStorageFilePath() ?? '~/.trendify/auth/storage.json';
+    const [screen, setScreen] = useState('menu');
+    const [notification, setNotification] = useState(initialNotification);
+    const [notificationTone, setNotificationTone] = useState(initialNotificationTone);
+    const [menuKey, setMenuKey] = useState(0);
+    const [authStatus, setAuthStatus] = useState(authBootstrap.ok ? 'booting' : 'config-error');
+    const [authUser, setAuthUser] = useState(null);
+    const [availableWorkspaces, setAvailableWorkspaces] = useState([]);
+    const [activeWorkspace, setActiveWorkspace] = useState(null);
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [authBusy, setAuthBusy] = useState(false);
+    const [logoutSelectionIndex, setLogoutSelectionIndex] = useState(0);
+    const [workspaceSelectionIndex, setWorkspaceSelectionIndex] = useState(0);
+    const [cliUpdate, setCliUpdate] = useState({
+        currentVersion: appVersion,
+        packageName: '@trendify/cli',
+        status: 'checking',
+    });
+    const menuItems = useMemo(() => buildMenuItems(cliUpdate), [cliUpdate]);
+    function resetAuthenticatedContext() {
+        setAuthUser(null);
+        setAvailableWorkspaces([]);
+        setActiveWorkspace(null);
+        setWorkspaceSelectionIndex(0);
+    }
+    function applyAuthenticatedSnapshot(snapshot) {
+        setAuthStatus('authenticated');
+        setAuthUser(snapshot.user);
+        setAvailableWorkspaces(snapshot.workspaces);
+        setActiveWorkspace(snapshot.activeWorkspace);
+        setWorkspaceSelectionIndex(0);
+        if (snapshot.requiresWorkspaceSelection) {
+            setScreen('select-workspace');
+            return;
+        }
+        setScreen('menu');
+        setMenuKey((current) => current + 1);
+    }
+    useInput((input, key) => {
+        if (key.ctrl && input === 'c') {
+            exit();
+        }
+    });
+    useInput((_input, key) => {
+        if (screen !== 'confirm-logout' || authBusy) {
+            return;
+        }
+        if (key.escape) {
+            setScreen('menu');
+            setLogoutSelectionIndex(0);
+            return;
+        }
+        if (key.upArrow) {
+            setLogoutSelectionIndex((current) => (current === 0 ? LOGOUT_OPTIONS.length - 1 : current - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setLogoutSelectionIndex((current) => (current === LOGOUT_OPTIONS.length - 1 ? 0 : current + 1));
+            return;
+        }
+        if (key.return) {
+            const option = LOGOUT_OPTIONS[logoutSelectionIndex];
+            if (option?.value === 'confirm') {
+                void handleLogout();
+                return;
+            }
+            setScreen('menu');
+            setLogoutSelectionIndex(0);
+            setNotification('Encerramento de sessao cancelado.');
+            setNotificationTone('info');
+        }
+    });
+    useInput((_input, key) => {
+        if (screen !== 'select-workspace' || authBusy) {
+            return;
+        }
+        if (!availableWorkspaces.length) {
+            return;
+        }
+        if (key.escape) {
+            void handleLogout();
+            return;
+        }
+        if (key.upArrow) {
+            setWorkspaceSelectionIndex((current) => (current === 0 ? availableWorkspaces.length - 1 : current - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setWorkspaceSelectionIndex((current) => (current === availableWorkspaces.length - 1 ? 0 : current + 1));
+            return;
+        }
+        if (key.return) {
+            void handleWorkspaceSelection();
+        }
+    });
+    useEffect(() => {
+        let active = true;
+        const checkUpdates = async () => {
+            const result = await checkForCliUpdate(appVersion);
+            if (!active) {
+                return;
+            }
+            setCliUpdate(result);
+        };
+        void checkUpdates();
+        return () => {
+            active = false;
+        };
+    }, [appVersion]);
+    useEffect(() => {
+        if (!authService) {
+            return;
+        }
+        let active = true;
+        setAuthBusy(true);
+        const restoreSession = async () => {
+            const result = await authService.restoreSession();
+            if (!active) {
+                return;
+            }
+            if (result.error) {
+                setNotification(result.error);
+                setNotificationTone('error');
+            }
+            if (result.data?.user) {
+                applyAuthenticatedSnapshot(result.data);
+                if (result.data.requiresWorkspaceSelection) {
+                    setNotification('Escolha o espaco de trabalho que deseja usar nesta sessao.');
+                    setNotificationTone('info');
+                }
+            }
+            else {
+                setAuthStatus('unauthenticated');
+                resetAuthenticatedContext();
+            }
+            setAuthBusy(false);
+        };
+        void restoreSession();
+        const { data: { subscription }, } = authService.onAuthStateChange((snapshot) => {
+            if (!active) {
+                return;
+            }
+            if (snapshot.user) {
+                setAuthUser(snapshot.user);
+                return;
+            }
+            setAuthStatus('unauthenticated');
+            resetAuthenticatedContext();
+            setScreen('menu');
+            setMenuKey((current) => current + 1);
+        });
+        return () => {
+            active = false;
+            subscription.unsubscribe();
+        };
+    }, [authService]);
+    async function handleLogin() {
+        if (!authService || authBusy) {
+            return;
+        }
+        const trimmedEmail = email.trim();
+        if (!trimmedEmail || !password.trim()) {
+            setNotification('Preencha email e senha para continuar.');
+            setNotificationTone('error');
+            return;
+        }
+        setAuthBusy(true);
+        setNotification(null);
+        const result = await authService.signInWithPassword(trimmedEmail, password);
+        setAuthBusy(false);
+        if (result.error || !result.data?.user) {
+            setPassword('');
+            setNotification(result.error ?? 'Nao foi possivel autenticar este usuario.');
+            setNotificationTone('error');
+            setAuthStatus('unauthenticated');
+            resetAuthenticatedContext();
+            return;
+        }
+        applyAuthenticatedSnapshot(result.data);
+        setPassword('');
+        if (result.data.requiresWorkspaceSelection) {
+            setNotification('Login concluido. Escolha o espaco de trabalho para continuar.');
+            setNotificationTone('info');
+            return;
+        }
+        setNotification(null);
+    }
+    async function handleWorkspaceSelection() {
+        if (!authService || authBusy || !availableWorkspaces.length) {
+            return;
+        }
+        const workspace = availableWorkspaces[workspaceSelectionIndex];
+        if (!workspace) {
+            return;
+        }
+        setAuthBusy(true);
+        const result = await authService.selectWorkspace(workspace.id);
+        setAuthBusy(false);
+        if (result.error || !result.data) {
+            setNotification(result.error ?? 'Nao foi possivel ativar este espaco de trabalho.');
+            setNotificationTone('error');
+            return;
+        }
+        setActiveWorkspace(result.data);
+        setScreen('menu');
+        setMenuKey((current) => current + 1);
+        setNotification(`Espaco de trabalho ativo: ${result.data.name}.`);
+        setNotificationTone('success');
+    }
+    async function handleLogout() {
+        if (!authService || authBusy) {
+            return;
+        }
+        setAuthBusy(true);
+        const result = await authService.signOut();
+        setAuthBusy(false);
+        if (result.error) {
+            setNotification(result.error);
+            setNotificationTone('error');
+            return;
+        }
+        setScreen('menu');
+        setEmail('');
+        setPassword('');
+        resetAuthenticatedContext();
+        setMenuKey((current) => current + 1);
+        setLogoutSelectionIndex(0);
+        setNotification('Sessao local removida. Faca login novamente para continuar.');
+        setNotificationTone('success');
+    }
+    if (!authBootstrap.ok) {
+        return (_jsx(AppShell, { appVersion: appVersion, title: "Configuracao do Supabase pendente.", subtitle: "Defina as variaveis de ambiente antes de usar a CLI.", notification: authBootstrap.error, notificationTone: "error", children: _jsx(Text, { children: "Crie um arquivo .env com base em .env.example e preencha as chaves do projeto Supabase." }) }));
+    }
+    if (authStatus === 'booting') {
+        return (_jsx(AppShell, { appVersion: appVersion, title: "Validando sua sessao.", subtitle: "A CLI esta consultando o Supabase para restaurar a sessao e o espaco de trabalho atual.", notification: notification, notificationTone: notificationTone, children: _jsx(Text, { dimColor: true, children: authBusy ? 'Aguarde alguns instantes...' : 'Pronto para autenticar.' }) }));
+    }
+    if (authStatus === 'unauthenticated') {
+        return (_jsx(AppShell, { appVersion: appVersion, title: "Login obrigatorio.", subtitle: "Somente usuarios vinculados a um espaco de trabalho no Supabase podem usar a CLI.", notification: notification, notificationTone: notificationTone, children: _jsx(LoginPage, { busy: authBusy, email: email, password: password, sessionStorageFilePath: sessionStorageFilePath, onEmailChange: setEmail, onPasswordChange: setPassword, onSubmit: () => {
+                    void handleLogin();
+                } }) }));
+    }
+    if (screen === 'select-workspace') {
+        const workspaceOptions = availableWorkspaces.map((workspace) => ({
+            value: workspace.id,
+            label: workspace.name,
+            description: `${workspace.slug} • ${formatWorkspaceRole(workspace.role)}`,
+        }));
+        return (_jsx(AppShell, { appVersion: appVersion, title: "Escolha o espaco de trabalho", subtitle: `Conta autenticada para ${getAuthenticatedUserLabel(authUser)}. Selecione onde deseja operar.`, notification: notification, notificationTone: notificationTone, children: _jsx(ActionMenuPage, { title: "Espaco de trabalho ativo", subtitle: "Esse contexto sera usado nas consultas protegidas e nas regras de seguranca por linha.", options: workspaceOptions, selectedIndex: workspaceSelectionIndex, hintText: "Use as setas para navegar. Enter ativa o espaco. Esc encerra a sessao.", children: _jsxs(Text, { children: ["Conta: ", authUser?.email ?? 'nao informado'] }) }) }));
+    }
+    if (screen === 'discovery') {
+        return (_jsx(AppShell, { appVersion: appVersion, title: "Discovery", subtitle: `Sessao ativa para ${getAuthenticatedUserLabel(authUser)} em ${getActiveWorkspaceLabel(activeWorkspace)}.`, notification: notification, notificationTone: notificationTone, children: _jsx(DiscoveryPage, { onCancel: () => {
+                    setScreen('menu');
+                    setMenuKey((current) => current + 1);
+                }, onComplete: ({ theme, scope }) => {
+                    setNotification(`Discovery finalizado: tema "${theme}" com abordagem ${formatScopeLabel(scope)}.`);
+                    setNotificationTone('success');
+                    setScreen('menu');
+                    setMenuKey((current) => current + 1);
+                } }) }));
+    }
+    if (screen === 'profile' && authService && authUser) {
+        return (_jsx(AppShell, { appVersion: appVersion, title: "Profile", subtitle: `Sessao ativa para ${getAuthenticatedUserLabel(authUser)} em ${getActiveWorkspaceLabel(activeWorkspace)}.`, notification: notification, notificationTone: notificationTone, children: _jsx(ProfilePage, { authService: authService, user: authUser, onBack: () => {
+                    setScreen('menu');
+                    setMenuKey((current) => current + 1);
+                }, onNotificationChange: (nextNotification, nextTone = 'success') => {
+                    setNotification(nextNotification);
+                    setNotificationTone(nextTone);
+                } }) }));
+    }
+    if (screen === 'confirm-logout') {
+        return (_jsx(AppShell, { appVersion: appVersion, title: "Confirmar encerramento de sessao", subtitle: `Voce esta autenticado como ${getAuthenticatedUserLabel(authUser)} em ${getActiveWorkspaceLabel(activeWorkspace)}.`, notification: notification, notificationTone: notificationTone, children: _jsx(ActionMenuPage, { title: "Tem certeza que deseja encerrar a sessao atual?", subtitle: "Se confirmar, a CLI vai remover a sessao salva localmente e pedir login novamente.", options: LOGOUT_OPTIONS, selectedIndex: logoutSelectionIndex, hintText: "Use as setas para navegar. Enter confirma. Esc volta ao menu." }) }));
+    }
+    return (_jsxs(AppShell, { appVersion: appVersion, title: getWelcomeTitle(authUser), subtitle: `Workspace: ${getActiveWorkspaceLabel(activeWorkspace)}\n\nUse a barra para abrir os comandos.`, notification: notification, notificationTone: notificationTone, children: [cliUpdate.status === 'available' ? (_jsxs(Text, { color: "yellowBright", children: ["Nova versao disponivel: v", cliUpdate.latestVersion, ". Abra o menu com / e escolha \"Atualizar CLI\"."] })) : null, _jsx(AppMenu, { initialInput: menuKey === 0 ? initialInput : '', items: menuItems, onInputChange: () => {
+                    if (notification) {
+                        setNotification(null);
+                    }
+                }, onSelect: (item) => {
+                    if (item.id === 'update-cli' && cliUpdate.status === 'available') {
+                        void onSelfUpdate(cliUpdate);
+                        return;
+                    }
+                    if (item.id === 'logout') {
+                        setNotification(null);
+                        setNotificationTone('info');
+                        setLogoutSelectionIndex(0);
+                        setScreen('confirm-logout');
+                        return;
+                    }
+                    if (item.id === 'profile') {
+                        setNotification(null);
+                        setNotificationTone('success');
+                        setScreen('profile');
+                        return;
+                    }
+                    if (item.id === 'exit') {
+                        exit();
+                        return;
+                    }
+                    setNotification(null);
+                    setNotificationTone('success');
+                    setScreen('discovery');
+                } }, menuKey)] }));
+}

package/dist/app.d.ts

@@ -1,6 +1,14 @@
+import { type CliUpdateCheckResult } from './cli-update-service.js';
 export type AppProps = {
     readonly appVersion: string;
     readonly initialInput: string;
+    readonly initialNotification?: string | null;
+    readonly initialNotificationTone?: NotificationTone;
+    readonly onSelfUpdate: (update: Extract<CliUpdateCheckResult, {
+        status: 'available';
+    }>) => void | Promise<void>;
 };
-export declare function App({ appVersion, initialInput }: AppProps): import("react/jsx-runtime").JSX.Element;
+type NotificationTone = 'error' | 'info' | 'success';
+export declare function App({ appVersion, initialInput, initialNotification, initialNotificationTone, onSelfUpdate, }: AppProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=app.d.ts.map

package/dist/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B,CAAC;AAkHF,wBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,QAAQ,2CA+czD"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAqB,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAMvF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,uBAAuB,CAAC,EAAE,gBAAgB,CAAC;IACpD,QAAQ,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,EAAE;QAAE,MAAM,EAAE,WAAW,CAAA;KAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjH,CAAC;AA6DF,KAAK,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAyFrD,wBAAgB,GAAG,CAAC,EAClB,UAAU,EACV,YAAY,EACZ,mBAA0B,EAC1B,uBAAmC,EACnC,YAAY,GACb,EAAE,QAAQ,2CAmfV"}

package/dist/app.js

@@ -6,6 +6,7 @@ import { getUserDisplayName } from './modules/auth/auth-user.js';
 import { getAuthBootstrapResult, } from './modules/auth/auth-service.js';
 import { LoginPage } from './modules/auth/page/login-page.js';
 import { ProfilePage } from './modules/profile/page/profile-page.js';
+import { checkForCliUpdate } from './cli-update-service.js';
 import { ActionMenuPage } from './shared/components/action-menu-page.js';
 import { AppMenu } from './shared/template/app-menu.js';
 import { AppShell } from './shared/template/app-shell.js';
@@ -105,14 +106,46 @@ function getWelcomeTitle(user) {
     }
     return 'Bem-vindo de volta. 👋';
 }
-export function App({ appVersion, initialInput }) {
+function buildMenuItems(cliUpdate) {
+    if (cliUpdate.status !== 'available') {
+        return MENU_ITEMS;
+    }
+    const [discoveryItem, profileItem, logoutItem, exitItem] = MENU_ITEMS;
+    if (!discoveryItem || !profileItem || !logoutItem || !exitItem) {
+        return MENU_ITEMS;
+    }
+    return [
+        discoveryItem,
+        profileItem,
+        {
+            id: 'update-cli',
+            titulo: `Atualizar CLI para v${cliUpdate.latestVersion}`,
+            comando: 'atualizar-cli',
+            aliases: ['update', 'upgrade', 'atualizar', 'atualizar-cli', 'Atualizar CLI'],
+            descricao: `Instala a versao ${cliUpdate.latestVersion} do CLI e reinicia a aplicacao.`,
+            palavrasChave: [
+                'versao',
+                'nova versao',
+                'ultima versao',
+                'npm',
+                'upgrade',
+                'update',
+                'atualizacao',
+                'atualizar',
+            ],
+        },
+        logoutItem,
+        exitItem,
+    ];
+}
+export function App({ appVersion, initialInput, initialNotification = null, initialNotificationTone = 'success', onSelfUpdate, }) {
     const { exit } = useApp();
     const authBootstrap = useMemo(() => getAuthBootstrapResult(), []);
     const authService = authBootstrap.ok ? authBootstrap.authService : null;
     const sessionStorageFilePath = authService?.getSessionStorageFilePath() ?? '~/.trendify/auth/storage.json';
     const [screen, setScreen] = useState('menu');
-    const [notification, setNotification] = useState(null);
-    const [notificationTone, setNotificationTone] = useState('success');
+    const [notification, setNotification] = useState(initialNotification);
+    const [notificationTone, setNotificationTone] = useState(initialNotificationTone);
     const [menuKey, setMenuKey] = useState(0);
     const [authStatus, setAuthStatus] = useState(authBootstrap.ok ? 'booting' : 'config-error');
     const [authUser, setAuthUser] = useState(null);
@@ -123,6 +156,12 @@ export function App({ appVersion, initialInput }) {
     const [authBusy, setAuthBusy] = useState(false);
     const [logoutSelectionIndex, setLogoutSelectionIndex] = useState(0);
     const [workspaceSelectionIndex, setWorkspaceSelectionIndex] = useState(0);
+    const [cliUpdate, setCliUpdate] = useState({
+        currentVersion: appVersion,
+        packageName: '@trendify/cli',
+        status: 'checking',
+    });
+    const menuItems = useMemo(() => buildMenuItems(cliUpdate), [cliUpdate]);
     function resetAuthenticatedContext() {
         setAuthUser(null);
         setAvailableWorkspaces([]);
@@ -199,6 +238,20 @@ export function App({ appVersion, initialInput }) {
             void handleWorkspaceSelection();
         }
     });
+    useEffect(() => {
+        let active = true;
+        const checkUpdates = async () => {
+            const result = await checkForCliUpdate(appVersion);
+            if (!active) {
+                return;
+            }
+            setCliUpdate(result);
+        };
+        void checkUpdates();
+        return () => {
+            active = false;
+        };
+    }, [appVersion]);
     useEffect(() => {
         if (!authService) {
             return;
@@ -362,30 +415,34 @@ export function App({ appVersion, initialInput }) {
     if (screen === 'confirm-logout') {
         return (_jsx(AppShell, { appVersion: appVersion, title: "Confirmar encerramento de sessao", subtitle: `Voce esta autenticado como ${getAuthenticatedUserLabel(authUser)} em ${getActiveWorkspaceLabel(activeWorkspace)}.`, notification: notification, notificationTone: notificationTone, children: _jsx(ActionMenuPage, { title: "Tem certeza que deseja encerrar a sessao atual?", subtitle: "Se confirmar, a CLI vai remover a sessao salva localmente e pedir login novamente.", options: LOGOUT_OPTIONS, selectedIndex: logoutSelectionIndex, hintText: "Use as setas para navegar. Enter confirma. Esc volta ao menu." }) }));
     }
-    return (_jsx(AppShell, { appVersion: appVersion, title: getWelcomeTitle(authUser), subtitle: `Workspace: ${getActiveWorkspaceLabel(activeWorkspace)}\n\nUse a barra para abrir os comandos.`, notification: notification, notificationTone: notificationTone, children: _jsx(AppMenu, { initialInput: menuKey === 0 ? initialInput : '', items: MENU_ITEMS, onInputChange: () => {
-                if (notification) {
-                    setNotification(null);
-                }
-            }, onSelect: (item) => {
-                if (item.id === 'logout') {
-                    setNotification(null);
-                    setNotificationTone('info');
-                    setLogoutSelectionIndex(0);
-                    setScreen('confirm-logout');
-                    return;
-                }
-                if (item.id === 'profile') {
+    return (_jsxs(AppShell, { appVersion: appVersion, title: getWelcomeTitle(authUser), subtitle: `Workspace: ${getActiveWorkspaceLabel(activeWorkspace)}\n\nUse a barra para abrir os comandos.`, notification: notification, notificationTone: notificationTone, children: [cliUpdate.status === 'available' ? (_jsxs(Text, { color: "yellowBright", children: ["Nova versao disponivel: v", cliUpdate.latestVersion, ". Abra o menu com / e escolha \"Atualizar CLI\"."] })) : null, _jsx(AppMenu, { initialInput: menuKey === 0 ? initialInput : '', items: menuItems, onInputChange: () => {
+                    if (notification) {
+                        setNotification(null);
+                    }
+                }, onSelect: (item) => {
+                    if (item.id === 'update-cli' && cliUpdate.status === 'available') {
+                        void onSelfUpdate(cliUpdate);
+                        return;
+                    }
+                    if (item.id === 'logout') {
+                        setNotification(null);
+                        setNotificationTone('info');
+                        setLogoutSelectionIndex(0);
+                        setScreen('confirm-logout');
+                        return;
+                    }
+                    if (item.id === 'profile') {
+                        setNotification(null);
+                        setNotificationTone('success');
+                        setScreen('profile');
+                        return;
+                    }
+                    if (item.id === 'exit') {
+                        exit();
+                        return;
+                    }
                     setNotification(null);
                     setNotificationTone('success');
-                    setScreen('profile');
-                    return;
-                }
-                if (item.id === 'exit') {
-                    exit();
-                    return;
-                }
-                setNotification(null);
-                setNotificationTone('success');
-                setScreen('discovery');
-            } }, menuKey) }));
+                    setScreen('discovery');
+                } }, menuKey)] }));
 }