@fecommunity/reactpress 4.0.0-beta.1 → 4.0.0-beta.10

package/out/lib/remote-dev.js

@@ -138,7 +138,11 @@ function applyDevRemoteOrigin(cliValue) {
 }
 /** Nest client base URL (includes /api when origin is host-only). */
 function resolveRemoteThemeApiBase(origin) {
-    const base = origin.replace(/\/$/, '');
+    const base = String(origin || '')
+        .trim()
+        .replace(/\/$/, '');
+    if (!base)
+        return '/api';
     if (/\/api$/i.test(base))
         return base;
     return `${base}/api`;

package/out/lib/server-bundle.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const fs = require('fs');
+const path = require('path');
+const { spawnSync } = require('child_process');
+const { getCliPackageRoot, isUsingMonorepoServer } = require('./paths');
+const { t } = require('./i18n');
+const SERVER_RUNTIME_MODULES = [
+    '@nestjs/core',
+    '@nestjs/typeorm',
+    'typeorm',
+    'express',
+    '@fecommunity/reactpress-toolkit',
+];
+function getBundledServerDir() {
+    return path.join(getCliPackageRoot(), 'server');
+}
+function getBundledToolkitEntry() {
+    return path.join(getCliPackageRoot(), 'toolkit', 'dist', 'index.js');
+}
+function pathExists(target) {
+    try {
+        return fs.existsSync(target);
+    }
+    catch {
+        return false;
+    }
+}
+function isBundledServerReady() {
+    const serverDir = getBundledServerDir();
+    if (!pathExists(path.join(serverDir, 'dist', 'main.js')))
+        return false;
+    if (!pathExists(getBundledToolkitEntry()))
+        return false;
+    for (const mod of SERVER_RUNTIME_MODULES) {
+        const modPath = mod.startsWith('@')
+            ? path.join(serverDir, 'node_modules', ...mod.split('/'))
+            : path.join(serverDir, 'node_modules', mod);
+        if (!pathExists(modPath))
+            return false;
+    }
+    return true;
+}
+function getNpmCommand() {
+    return process.platform === 'win32' ? 'npm.cmd' : 'npm';
+}
+async function ensureBundledServerDeps(projectRoot) {
+    if (isUsingMonorepoServer(projectRoot)) {
+        return { ok: true };
+    }
+    if (isBundledServerReady()) {
+        return { ok: true };
+    }
+    const serverDir = getBundledServerDir();
+    if (!pathExists(path.join(serverDir, 'package.json'))) {
+        return { ok: false, message: t('bundle.serverBundle.missing') };
+    }
+    if (!pathExists(path.join(serverDir, 'dist', 'main.js'))) {
+        return { ok: false, message: t('bundle.serverBundle.notBuilt') };
+    }
+    if (!pathExists(getBundledToolkitEntry())) {
+        return { ok: false, message: t('bundle.serverBundle.toolkitMissing') };
+    }
+    console.log(t('bundle.serverBundle.installing'));
+    const result = spawnSync(getNpmCommand(), ['install', '--omit=dev', '--legacy-peer-deps', '--no-bin-links'], {
+        cwd: serverDir,
+        stdio: 'inherit',
+        shell: process.platform === 'win32',
+    });
+    if (result.status !== 0) {
+        return { ok: false, message: t('bundle.serverBundle.installFailed') };
+    }
+    if (!isBundledServerReady()) {
+        return { ok: false, message: t('bundle.serverBundle.notBuilt') };
+    }
+    return { ok: true };
+}
+module.exports = {
+    ensureBundledServerDeps,
+    isBundledServerReady,
+    getBundledServerDir,
+};
+//# sourceMappingURL=server-bundle.js.map

package/out/lib/shell-mode.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldUseInkShell = shouldUseInkShell;
+exports.shouldUseInkDevDashboard = shouldUseInkDevDashboard;
+function shouldUseInkShell(options = {}) {
+    if (options.plain)
+        return false;
+    if (process.env.REACTPRESS_PLAIN === '1')
+        return false;
+    if (process.env.REACTPRESS_FORCE_INK === '1')
+        return true;
+    if (process.env.CI)
+        return false;
+    if (!process.stdout.isTTY)
+        return false;
+    if (process.env.TERM === 'dumb')
+        return false;
+    return true;
+}
+function shouldUseInkDevDashboard() {
+    return process.env.REACTPRESS_INK_DASHBOARD === '1';
+}
+//# sourceMappingURL=shell-mode.js.map

package/out/lib/theme-warmup.js

@@ -90,7 +90,7 @@ function walkPages(pagesDir, currentDir, files = []) {
 }
 function fetchRoute(baseUrl, routePath) {
     return new Promise((resolve) => {
-        const normalizedBase = baseUrl.replace(/\/$/, '');
+        const normalizedBase = String(baseUrl || 'http://127.0.0.1:3001').replace(/\/$/, '');
         const url = `${normalizedBase}${routePath.startsWith('/') ? routePath : `/${routePath}`}`;
         const req = http.get(url, { timeout: 120_000 }, (res) => {
             res.resume();

package/out/shell/app.js

@@ -0,0 +1,384 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.App = App;
+// @ts-nocheck
+const react_1 = __importStar(require("react"));
+const ink_1 = require("ink");
+const brand_banner_1 = require("./components/brand-banner");
+const command_palette_1 = require("./components/command-palette");
+const command_palette_2 = require("../lib/command-palette");
+const menu_list_1 = require("./components/menu-list");
+const dev_stepper_1 = require("./components/dev-stepper");
+const ink_theme_1 = require("./components/ink-theme");
+const design_tokens_1 = require("../lib/design-tokens");
+const use_terminal_size_1 = require("./hooks/use-terminal-size");
+const shell_layout_1 = require("./lib/shell-layout");
+const { getMenuActions, fetchContextStatus, runMenuAction, isLongRunningAction, TARGETS, } = require('../lib/menu-actions');
+const { cliEvents, disableInkDashboard } = require('../lib/cli-events');
+const { t } = require('../lib/i18n');
+const { getCliVersion } = require('../lib/paths');
+function homify(p) {
+    const os = require('os');
+    const home = os.homedir();
+    if (home && p.startsWith(home))
+        return `~${p.slice(home.length)}`;
+    return p;
+}
+function ShellHeader({ headerPinned, showLogoOnce, onBootComplete, bannerProps, metaProps, contentWidth, stackRows, }) {
+    if (!headerPinned) {
+        return (react_1.default.createElement(brand_banner_1.BrandLogo, { columns: bannerProps.columns, onBootComplete: onBootComplete }));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        showLogoOnce ? (react_1.default.createElement(ink_1.Static, { items: [{ id: 'shell-logo' }] }, () => (react_1.default.createElement(ink_1.Box, { flexDirection: "column", key: "shell-logo" },
+            react_1.default.createElement(brand_banner_1.BrandLogo, { columns: bannerProps.columns, pinned: true }))))) : null,
+        react_1.default.createElement(brand_banner_1.BrandMetaStrip, { ...metaProps, contentWidth: contentWidth, stackRows: stackRows, showBrandName: !showLogoOnce })));
+}
+function App({ projectRoot, project, initialHeaderPinned = false, onExit, onLegacyOutput, onBootComplete, }) {
+    const { columns } = (0, use_terminal_size_1.useTerminalSize)();
+    const shell = (0, shell_layout_1.getShellLayout)(columns);
+    const { contentWidth, offsetX, stackRows } = shell;
+    const menuItems = (0, react_1.useMemo)(() => getMenuActions(project), [project]);
+    const actionable = (0, react_1.useMemo)(() => (0, menu_list_1.getMenuItemEntries)(menuItems), [menuItems]);
+    const quickPicks = (0, react_1.useMemo)(() => (0, command_palette_1.getQuickPickEntries)(menuItems), [menuItems]);
+    const [screen, setScreen] = (0, react_1.useState)('menu');
+    const [headerPinned, setHeaderPinned] = (0, react_1.useState)(initialHeaderPinned);
+    const showLogoOnce = (0, react_1.useRef)(!initialHeaderPinned);
+    const [paletteOpen, setPaletteOpen] = (0, react_1.useState)(false);
+    const [query, setQuery] = (0, react_1.useState)('');
+    const [focusIndex, setFocusIndex] = (0, react_1.useState)(0);
+    const [status, setStatus] = (0, react_1.useState)({ apiOk: false, dbOk: false, dockerOk: false });
+    const [statusLoading, setStatusLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [busyText, setBusyText] = (0, react_1.useState)('');
+    const [devPhases, setDevPhases] = (0, react_1.useState)([]);
+    const [devStep, setDevStep] = (0, react_1.useState)(1);
+    const [devServices, setDevServices] = (0, react_1.useState)([]);
+    const [devStatusLines, setDevStatusLines] = (0, react_1.useState)([]);
+    const [devReady, setDevReady] = (0, react_1.useState)(null);
+    const refreshStatus = (0, react_1.useCallback)(async (silent = false) => {
+        if (!silent)
+            setStatusLoading(true);
+        try {
+            const next = await fetchContextStatus(projectRoot);
+            setStatus((prev) => {
+                if (prev.apiOk === next.apiOk &&
+                    prev.dbOk === next.dbOk &&
+                    prev.dockerOk === next.dockerOk) {
+                    return prev;
+                }
+                return next;
+            });
+        }
+        finally {
+            if (!silent)
+                setStatusLoading(false);
+        }
+    }, [projectRoot]);
+    (0, react_1.useEffect)(() => {
+        void refreshStatus(false);
+        const id = setInterval(() => void refreshStatus(true), design_tokens_1.motion.statusPollMs);
+        return () => clearInterval(id);
+    }, [refreshStatus]);
+    (0, react_1.useEffect)(() => {
+        const onPhase = (p) => {
+            setDevPhases((prev) => {
+                const exists = prev.find((x) => x.step === p.step);
+                if (exists)
+                    return prev;
+                return [...prev, p].sort((a, b) => a.step - b.step);
+            });
+            setDevStep(p.step);
+        };
+        const onStatus = (p) => {
+            setDevStatusLines((prev) => [...prev.slice(-8), t(p.key, p.vars || {})]);
+        };
+        const onStatusRaw = (p) => {
+            setDevStatusLines((prev) => [...prev.slice(-8), p.text]);
+        };
+        const onService = (p) => {
+            setDevServices((prev) => {
+                const rest = prev.filter((s) => s.name !== p.name);
+                return [...rest, { name: p.name, state: p.state, url: p.url }];
+            });
+        };
+        const onReady = (payload) => {
+            setDevReady(payload);
+            setDevStep(99);
+        };
+        const onErr = (p) => setError(p.message);
+        cliEvents.on('dev:phase', onPhase);
+        cliEvents.on('dev:status', onStatus);
+        cliEvents.on('dev:status-raw', onStatusRaw);
+        cliEvents.on('dev:service', onService);
+        cliEvents.on('dev:ready', onReady);
+        cliEvents.on('dev:error', onErr);
+        return () => {
+            cliEvents.off('dev:phase', onPhase);
+            cliEvents.off('dev:status', onStatus);
+            cliEvents.off('dev:status-raw', onStatusRaw);
+            cliEvents.off('dev:service', onService);
+            cliEvents.off('dev:ready', onReady);
+            cliEvents.off('dev:error', onErr);
+        };
+    }, []);
+    const runAction = (0, react_1.useCallback)(async (action, buildTarget) => {
+        setError(null);
+        if (action === 'exit') {
+            onExit();
+            return;
+        }
+        if (action === 'build' && !buildTarget) {
+            setScreen('build');
+            return;
+        }
+        if (isLongRunningAction(action)) {
+            setDevPhases([]);
+            setDevServices([]);
+            setDevStatusLines([]);
+            setDevReady(null);
+            setDevStep(1);
+            setScreen('dev');
+        }
+        else {
+            setScreen('busy');
+            setBusyText(t('shell.running'));
+        }
+        try {
+            const stay = await runMenuAction(action, projectRoot, project, {
+                useInkDashboard: isLongRunningAction(action),
+                selectBuildTarget: buildTarget
+                    ? async () => buildTarget
+                    : undefined,
+                onLegacyOutput,
+            });
+            disableInkDashboard();
+            if (!stay) {
+                if (isLongRunningAction(action))
+                    return;
+                onExit();
+                return;
+            }
+            setScreen('menu');
+            setPaletteOpen(false);
+            setQuery('');
+            setFocusIndex(0);
+            await refreshStatus();
+        }
+        catch (err) {
+            disableInkDashboard();
+            setError(err.message || String(err));
+            setScreen('menu');
+        }
+    }, [onExit, onLegacyOutput, project, projectRoot, refreshStatus]);
+    const paletteRowCount = (0, react_1.useMemo)(() => {
+        if (!paletteOpen)
+            return quickPicks.length;
+        const filtered = (0, command_palette_2.filterCommandItems)(menuItems, query);
+        return (0, command_palette_2.buildPaletteRows)(menuItems, filtered).slice(0, 12).length;
+    }, [paletteOpen, query, menuItems, quickPicks.length]);
+    (0, ink_1.useInput)((input, key) => {
+        if (screen === 'dev')
+            return;
+        if (screen === 'busy')
+            return;
+        if (screen === 'build') {
+            if (key.escape)
+                setScreen('menu');
+            return;
+        }
+        if (input === 'q' && !paletteOpen) {
+            onExit();
+            return;
+        }
+        if (key.ctrl && input === 'c') {
+            onExit();
+            return;
+        }
+        if (paletteOpen) {
+            if (key.escape) {
+                setPaletteOpen(false);
+                setQuery('');
+                setFocusIndex(0);
+                return;
+            }
+            if (key.backspace || key.delete) {
+                setQuery((prev) => {
+                    const next = prev.slice(0, -1);
+                    if (next.length === 0) {
+                        setPaletteOpen(false);
+                        setFocusIndex(0);
+                        return '';
+                    }
+                    return next;
+                });
+                setFocusIndex(0);
+                return;
+            }
+            if (key.upArrow || input === 'k') {
+                setFocusIndex((i) => Math.max(0, i - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setFocusIndex((i) => Math.min(Math.max(0, paletteRowCount - 1), i + 1));
+                return;
+            }
+            if (key.return) {
+                const target = (0, command_palette_1.getPaletteFocusTarget)(paletteOpen, query, menuItems, focusIndex, quickPicks);
+                if (target) {
+                    setPaletteOpen(false);
+                    setQuery('');
+                    setFocusIndex(0);
+                    void runAction(target.value);
+                }
+                return;
+            }
+            if (input && input.length === 1 && !key.ctrl && !key.meta) {
+                setQuery((prev) => prev + input);
+                setFocusIndex(0);
+                return;
+            }
+            return;
+        }
+        if (input === '/') {
+            setPaletteOpen(true);
+            setQuery('/');
+            setFocusIndex(0);
+            return;
+        }
+        if (key.upArrow || input === 'k') {
+            setFocusIndex((i) => Math.max(0, i - 1));
+            return;
+        }
+        if (key.downArrow || input === 'j') {
+            setFocusIndex((i) => Math.min(quickPicks.length - 1, i + 1));
+            return;
+        }
+        if (key.return) {
+            const target = quickPicks[focusIndex];
+            if (target)
+                void runAction(target.value);
+            return;
+        }
+        if (/^[1-9]$/.test(input)) {
+            const idx = Number(input) - 1;
+            if (idx < actionable.length)
+                void runAction(actionable[idx].value);
+        }
+    });
+    const projectType = String(project.type || 'unknown');
+    const ready = projectType === 'monorepo' || projectType === 'standalone';
+    const cliVersion = getCliVersion();
+    const projectPath = homify(projectRoot);
+    const bannerProps = {
+        columns,
+    };
+    const metaProps = {
+        version: cliVersion,
+        ready,
+        projectPath,
+        projectType,
+        apiOk: status.apiOk,
+        dbOk: status.dbOk,
+        dockerOk: status.dockerOk,
+        statusLoading,
+    };
+    const handleBootComplete = (0, react_1.useCallback)(() => {
+        setHeaderPinned(true);
+        onBootComplete?.();
+    }, [onBootComplete]);
+    let body = null;
+    if (screen === 'dev') {
+        body = (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_theme_1.ScreenTitle, { title: t('shell.devDashboardTitle'), width: contentWidth }),
+            react_1.default.createElement(dev_stepper_1.DevStepper, { phases: devPhases, currentStep: devStep, services: devServices, readyPayload: devReady, statusLines: devStatusLines }),
+            !devReady ? (react_1.default.createElement(ink_theme_1.KeyHint, { width: contentWidth }, t('shell.devRunningHint'))) : null,
+            error ? react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.red },
+                "\u2717 ",
+                error) : null));
+    }
+    else if (screen === 'build') {
+        body = (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_theme_1.ScreenTitle, { title: t('menu.buildTarget'), width: contentWidth }),
+            react_1.default.createElement(ink_1.Box, { flexDirection: "column" }, TARGETS.map((target, i) => (react_1.default.createElement(ink_1.Text, { key: target },
+                react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.primary },
+                    "[",
+                    i + 1,
+                    "] "),
+                react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.dim }, target === 'all' ? t('menu.buildAll') : t(`build.label.${target}`)))))),
+            react_1.default.createElement(BuildTargetPicker, { onPick: (target) => {
+                    setScreen('menu');
+                    void runAction('build', target);
+                }, onCancel: () => setScreen('menu') })));
+    }
+    else if (screen === 'busy') {
+        body = react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.accent }, busyText);
+    }
+    else {
+        body = (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(command_palette_1.CommandPalette, { items: menuItems, paletteOpen: paletteOpen, query: query, focusIndex: focusIndex, quickPicks: quickPicks, contentWidth: contentWidth }),
+            error ? (react_1.default.createElement(ink_1.Box, { marginTop: 1 },
+                react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.red },
+                    "\u2717 ",
+                    error))) : null));
+    }
+    return (react_1.default.createElement(ink_theme_1.ShellRoot, { offsetX: offsetX, contentWidth: contentWidth },
+        react_1.default.createElement(ShellHeader, { headerPinned: headerPinned, showLogoOnce: showLogoOnce.current, onBootComplete: handleBootComplete, bannerProps: bannerProps, metaProps: metaProps, contentWidth: contentWidth, stackRows: stackRows }),
+        react_1.default.createElement(ink_theme_1.Rule, { width: contentWidth }),
+        react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: contentWidth }, body)));
+}
+function BuildTargetPicker({ onPick, onCancel, }) {
+    const [index, setIndex] = (0, react_1.useState)(0);
+    (0, ink_1.useInput)((input, key) => {
+        if (key.escape)
+            onCancel();
+        if (key.upArrow)
+            setIndex((i) => Math.max(0, i - 1));
+        if (key.downArrow)
+            setIndex((i) => Math.min(TARGETS.length - 1, i + 1));
+        if (key.return)
+            onPick(TARGETS[index]);
+        if (/^[1-9]$/.test(input)) {
+            const idx = Number(input) - 1;
+            if (idx < TARGETS.length)
+                onPick(TARGETS[idx]);
+        }
+    });
+    return (react_1.default.createElement(ink_theme_1.KeyHint, { width: 80 },
+        t('shell.buildHint'),
+        ' ',
+        react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.accent }, TARGETS[index] === 'all' ? t('menu.buildAll') : t(`build.label.${TARGETS[index]}`))));
+}
+//# sourceMappingURL=app.js.map

package/out/shell/components/brand-banner.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandMetaStrip = BrandMetaStrip;
+exports.BrandLogo = BrandLogo;
+// @ts-nocheck
+const react_1 = __importStar(require("react"));
+const ink_1 = require("ink");
+const design_tokens_1 = require("../../lib/design-tokens");
+const shell_layout_1 = require("../lib/shell-layout");
+const ink_theme_1 = require("./ink-theme");
+const { t } = require('../../lib/i18n');
+function modeLabel(projectType) {
+    if (projectType === 'monorepo')
+        return t('banner.mode.monorepo');
+    if (projectType === 'standalone')
+        return t('banner.mode.standalone');
+    return t('banner.mode.uninitialized');
+}
+/** Compact live context bar — single source for path + service status. */
+function BrandMetaStrip({ version, ready, projectType, projectPath, apiOk, dbOk, dockerOk, statusLoading, contentWidth, stackRows, showBrandName = false, }) {
+    const statusText = ready ? t('banner.pulseReady') : t('banner.pulsePending');
+    const mode = modeLabel(projectType);
+    const statusLine = statusLoading ? (react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.amber }, t('shell.footer.checking'))) : (react_1.default.createElement(ink_1.Box, null,
+        react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.dim }, "API "),
+        react_1.default.createElement(ink_theme_1.StatusDot, { ok: apiOk, loading: false }),
+        react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.border }, " \u00B7 "),
+        react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.dim }, "DB "),
+        react_1.default.createElement(ink_theme_1.StatusDot, { ok: dbOk, loading: false }),
+        react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.border }, " \u00B7 "),
+        react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.dim }, "Docker "),
+        react_1.default.createElement(ink_theme_1.StatusDot, { ok: dockerOk, loading: false })));
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: contentWidth, marginBottom: 1 },
+        react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.dim },
+            showBrandName ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(ink_theme_1.GradientText, { text: "ReactPress", from: design_tokens_1.palette.primary, to: design_tokens_1.palette.accent, bold: true }),
+                react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.border }, " \u00B7 "))) : null,
+            t('shell.cliVersion'),
+            ' ',
+            react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.accent, bold: true },
+                "v",
+                version),
+            react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.border }, " \u00B7 "),
+            react_1.default.createElement(ink_1.Text, { color: ready ? design_tokens_1.palette.green : design_tokens_1.palette.amber, bold: ready }, statusText),
+            react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.border }, " \u00B7 "),
+            react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.primary }, mode)),
+        react_1.default.createElement(ink_1.Text, { color: design_tokens_1.palette.dim }, (0, shell_layout_1.truncateText)(projectPath, contentWidth)),
+        stackRows ? statusLine : react_1.default.createElement(ink_1.Box, { width: contentWidth }, statusLine)));
+}
+function BrandLogo({ columns, pinned = false, onBootComplete }) {
+    const { contentWidth, showCompact } = (0, shell_layout_1.getShellLayout)(columns);
+    (0, react_1.useEffect)(() => {
+        if (pinned)
+            return undefined;
+        onBootComplete?.();
+        return undefined;
+    }, [pinned, onBootComplete]);
+    const logoBlock = showCompact ? (react_1.default.createElement(ink_theme_1.GradientText, { text: "REACTPRESS", from: design_tokens_1.palette.pink, to: design_tokens_1.palette.accent, bold: true })) : (react_1.default.createElement(ink_theme_1.GradientText, { text: "ReactPress", from: design_tokens_1.palette.primary, to: design_tokens_1.palette.accent, bold: true }));
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: contentWidth, marginBottom: pinned ? 1 : 0 }, logoBlock));
+}
+//# sourceMappingURL=brand-banner.js.map