2025-09-26 21:27:00 -04:00
|
|
|
/**
|
|
|
|
|
* @license
|
|
|
|
|
* Copyright 2025 Google LLC
|
|
|
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
import type React from 'react';
|
|
|
|
|
import { Box } from 'ink';
|
|
|
|
|
import { Notifications } from '../components/Notifications.js';
|
|
|
|
|
import { MainContent } from '../components/MainContent.js';
|
|
|
|
|
import { DialogManager } from '../components/DialogManager.js';
|
|
|
|
|
import { Composer } from '../components/Composer.js';
|
|
|
|
|
import { Footer } from '../components/Footer.js';
|
|
|
|
|
import { ExitWarning } from '../components/ExitWarning.js';
|
|
|
|
|
import { useUIState } from '../contexts/UIStateContext.js';
|
|
|
|
|
|
|
|
|
|
export const ScreenReaderAppLayout: React.FC = () => {
|
|
|
|
|
const uiState = useUIState();
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Box flexDirection="column" width="90%" height="100%">
|
|
|
|
|
<Notifications />
|
|
|
|
|
<Footer />
|
|
|
|
|
<Box flexGrow={1} overflow="hidden">
|
|
|
|
|
<MainContent />
|
|
|
|
|
</Box>
|
|
|
|
|
{uiState.dialogsVisible ? (
|
2025-09-29 14:19:19 -07:00
|
|
|
<DialogManager
|
|
|
|
|
terminalWidth={uiState.terminalWidth}
|
|
|
|
|
addItem={uiState.historyManager.addItem}
|
|
|
|
|
/>
|
2025-09-26 21:27:00 -04:00
|
|
|
) : (
|
|
|
|
|
<Composer />
|
|
|
|
|
)}
|
|
|
|
|
|
|
|
|
|
<ExitWarning />
|
|
|
|
|
</Box>
|
|
|
|
|
);
|
|
|
|
|
};
|