UI slots customization

// Add widgets to specific slots
lynxAPI.titleBar.addStart(Component: FC): void;
lynxAPI.titleBar.addCenter(Component: FC): void;
lynxAPI.titleBar.addEnd(Component: FC): void;

// Replace entire default slot sections
lynxAPI.titleBar.replaceCenter(Component: FC): void;
lynxAPI.titleBar.replaceEnd(Component: FC): void;

import {Button} from '@heroui/react';

function SyncButton() {
  return (
    <Button size="sm" color="primary" onPress={() => console.log('Syncing...')}>
      Sync Status
    </Button>
  );
}

export function InitialExtensions(lynxAPI) {
  lynxAPI.titleBar.addEnd(SyncButton);
}

// Add widgets to specific slots
lynxAPI.statusBar.addStart(Component: FC): void;
lynxAPI.statusBar.addCenter(Component: FC): void;
lynxAPI.statusBar.addEnd(Component: FC): void;

// Replace the entire status bar container
lynxAPI.statusBar.replaceContainer(Component: FC): void;

import HardwareStatusBar from './components/HardwareStatusBar';

export function InitialExtensions(lynxAPI) {
  // Replace the default bar with your custom component
  lynxAPI.statusBar.replaceContainer(HardwareStatusBar);
}

// Replace default elements
lynxAPI.navBar.replace.container(Component: FC): void;   // Entire sidebar
lynxAPI.navBar.replace.contentBar(Component: FC): void;  // Upper navigation list
lynxAPI.navBar.replace.settingsBar(Component: FC): void; // Lower settings list

// Add navigation buttons to lists
lynxAPI.navBar.addButton.contentBar(Component: FC): void;
lynxAPI.navBar.addButton.settingsBar(Component: FC): void;

lynxAPI.runningAI.container(Component: FC): void; // Replaces entire running view
lynxAPI.runningAI.terminal(Component: FC): void;  // Replaces terminal pane only
lynxAPI.runningAI.browser(Component: FC): void;   // Replaces browser webview pane only

lynxAPI.addModal(Component: FC): void;

lynxAPI.replaceModals.updateApp(Component: FC): void;
lynxAPI.replaceModals.launchConfig(Component: FC): void;
lynxAPI.replaceModals.cardExtensions(Component: FC): void;
lynxAPI.replaceModals.updatingNotification(Component: FC): void;
lynxAPI.replaceModals.cardInfo(Component: FC): void;
lynxAPI.replaceModals.installUi(Component: FC): void;
lynxAPI.replaceModals.uninstallCard(Component: FC): void;
lynxAPI.replaceModals.unassignCard(Component: FC): void;
lynxAPI.replaceModals.warning(Component: FC): void;
lynxAPI.replaceModals.cardReadme(Component: FC): void;
lynxAPI.replaceModals.gitManager(Component: FC): void;

type ReplaceMdProps = {repoPath: string; rounded?: boolean};
lynxAPI.replaceMarkdownViewer(Component: FC<ReplaceMdProps>): void;

lynxAPI.replaceBackground(Component: FC): void;