Function StatusBar

packages/editor-app/src/components/StatusBar.tsx:25–346

({
    pluginCount = 0,
    entityCount = 0,
    messageHub,
    logService,
    locale = 'en',
    projectPath,
    onOpenScene,
    onDockContentBrowser,
    onResetLayout
}: StatusBarProps)

type ActiveTab = 'output' | 'cmd';

export function StatusBar({
    pluginCount = 0,
    entityCount = 0,
    messageHub,
    logService,
    locale = 'en',
    projectPath,
    onOpenScene,
    onDockContentBrowser,
    onResetLayout
}: StatusBarProps) {
    const { t } = useLocale();
    const [consoleInput, setConsoleInput] = useState('');
    const [activeTab, setActiveTab] = useState<ActiveTab>('output');
    const [contentDrawerOpen, setContentDrawerOpen] = useState(false);
    const [outputLogDrawerOpen, setOutputLogDrawerOpen] = useState(false);
    const [contentDrawerHeight, setContentDrawerHeight] = useState(300);
    const [outputLogDrawerHeight, setOutputLogDrawerHeight] = useState(300);
    const [isResizingContent, setIsResizingContent] = useState(false);
    const [isResizingOutputLog, setIsResizingOutputLog] = useState(false);
    const [revealPath, setRevealPath] = useState<string | null>(null);
    const inputRef = useRef<HTMLInputElement>(null);
    const startY = useRef(0);
    const startHeight = useRef(0);

    // Subscribe to asset:reveal event
    useEffect(() => {
        if (!messageHub) return;

        const unsubscribe = messageHub.subscribe('asset:reveal', (payload: { path: string }) => {
            if (payload.path) {
                // Generate unique key to force re-trigger even with same path
                setRevealPath(`${payload.path}?t=${Date.now()}`);
                setContentDrawerOpen(true);
                setOutputLogDrawerOpen(false);
            }
        });

        return unsubscribe;
    }, [messageHub]);

    // Clear revealPath when drawer closes
    useEffect(() => {
        if (!contentDrawerOpen) {
            setRevealPath(null);
        }
    }, [contentDrawerOpen]);

    const handleSelectPanel = useCallback((panelId: string) => {
        if (messageHub) {
            messageHub.publish('panel:select', { panelId });
        }
    }, [messageHub]);

    const handleContentDrawerClick = useCallback(() => {
        setContentDrawerOpen(!contentDrawerOpen);
        if (!contentDrawerOpen) {
            setOutputLogDrawerOpen(false);