/**
 * ids for elements in index.html (layout)
 *
 * categorized by section of the ui for readability
 */

// #region fullscreen-dialog ids
export const ID_FULLSCREEN_DIALOG = 'fullscreen-dialog';
export const ID_FULLSCREEN_DIALOG_CONTENT = 'fullscreen-dialog-content';
export const ID_FULLSCREEN_DIALOG_TITLE = 'fullscreen-dialog-title';
export const ID_FULLSCREEN_DIALOG_HEADER = 'fullscreen-dialog-header';
export const ID_FULLSCREEN_DIALOG_BODY = 'fullscreen-dialog-body';
export const ID_FULLSCREEN_DIALOG_MESSAGE = 'fullscreen-dialog-message';
export const ID_FULLSCREEN_DIALOG_PROMPT_INPUT = 'fullscreen-dialog-prompt-input';
export const ID_FULLSCREEN_DIALOG_FOOTER = 'fullscreen-dialog-footer';
export const ID_FULLSCREEN_DIALOG_OK_BUTTON = 'fullscreen-dialog-ok-button';
export const ID_FULLSCREEN_DIALOG_CANCEL_BUTTON = 'fullscreen-dialog-cancel-button';
// #endregion fullscreen-dialog ids

// #region app-shell ids
export const ID_APP_SHELL = 'app-shell';
// #endregion app-shell ids

// #region header-panel ids
export const ID_HEADER_PANEL = 'header-panel';
export const ID_HEADER_PANEL_CONTENT = 'header-panel-content';
export const ID_HEADER_PANEL_HEADER = 'header-panel-header';
export const ID_IBGIB_COM_TITLE_LINK = 'ibgib-com-title-link';
// #endregion header-panel ids

// #region panel-container ids
export const ID_PANEL_CONTAINER = 'panel-container';

// #region left-panel ids
export const ID_LEFT_PANEL = 'left-panel';
export const ID_LEFT_PANEL_HEADER = 'left-panel-header';
export const ID_LEFT_PANEL_CONTENT = 'left-panel-content';
export const ID_LEFT_PANEL_PROJECT_LIST = 'project-list';
export const ID_LEFT_PANEL_FOOTER = 'left-panel-footer';
export const ID_LEFT_PANEL_TABS = 'left-panel-tabs';
export const ID_LEFT_PANEL_COLLAPSE_HANDLE = 'left-panel-collapse-handle';
export const ID_LEFT_PANEL_EXPAND_HANDLE = 'left-panel-expand-handle';
export const ID_LEFT_PANEL_MAXIMIZE_HANDLE = 'left-panel-maximize-handle';

// #region web10-tab-content ids
export const ID_WEB10_TAB_CONTENT = 'web10-tab-content';
export const ID_WEB10_TAB_BUTTON = 'web10-tab-button';
export const ID_WEB_1_NAV = 'web1-nav';
// #endregion web10-tab-content ids

// #region tag-explorer-tab-content ids
export const ID_TAG_EXPLORER_TAB_CONTENT = 'tag-explorer-tab-content';
export const ID_TAG_EXPLORER_TAB_BUTTON = 'tag-explorer-tab-button';
export const ID_TAG_NAV = 'tag-nav';
// #endregion tag-explorer-tab-content ids

// #region project-explorer-tab-content ids
export const ID_PROJECT_EXPLORER_TAB_CONTENT = 'project-explorer-tab-content';
export const ID_PROJECT_EXPLORER_TAB_BUTTON = 'project-explorer-tab-button';
// export const ID_PROJECT_LIST = 'project-list';
// #endregion project-explorer-tab-content ids

// #endregion left-panel ids

// #region center-panel ids
export const ID_CENTER_PANEL = 'center-panel';
export const ID_CENTER_PANEL_HEADER = 'center-panel-header';
export const ID_CENTER_PANEL_CONTENT = 'center-panel-content';
export const ID_CENTER_PANEL_TABS = 'center-panel-tabs';
export const ID_CENTER_CANVAS_AREA = 'center-canvas-area';
export const ID_CENTER_PANEL_FOOTER = 'center-panel-footer';
// #endregion center-panel ids

// #region right-panel ids
export const ID_RIGHT_PANEL = 'right-panel';
export const ID_RIGHT_PANEL_HEADER = 'right-panel-header';
export const ID_RIGHT_PANEL_CONTENT = 'right-panel-content';
export const ID_RIGHT_PANEL_FOOTER = 'right-panel-footer';
export const ID_RIGHT_PANEL_CHAT_LOG = 'chronologys-content';
export const ID_RIGHT_PANEL_COLLAPSE_HANDLE = 'right-panel-collapse-handle';
export const ID_RIGHT_PANEL_EXPAND_HANDLE = 'right-panel-expand-handle';
export const ID_RIGHT_PANEL_MAXIMIZE_HANDLE = 'right-panel-maximize-handle';
export const ID_TAB_BUTTON_CHRONOLOGYS = 'chronologys-tab-button';
export const ID_CHRONOLOGYS_CONTENT = 'chronologys-content';
// #endregion right-panel ids

// #endregion panel-container ids

// #region footer-panel ids
export const ID_FOOTER_PANEL = 'footer-panel';
export const ID_FOOTER_PANEL_HEADER = 'footer-panel-header';
export const ID_FOOTER_INPUT_CONTAINER = 'footer-input-container';
export const ID_PRIMARY_AGENT_INPUT = 'primary-agent-input';
export const ID_PRIMARY_AGENT_INPUT_SEND_BTN = 'primary-agent-input-send-btn';
export const ID_FOOTER_PANEL_COLLAPSE_HANDLE = 'footer-panel-collapse-handle';
export const ID_FOOTER_PANEL_EXPAND_HANDLE = 'footer-panel-expand-handle';
export const ID_FOOTER_PANEL_MAXIMIZE_HANDLE = 'footer-panel-maximize-handle';
// #endregion footer-panel ids

export const ID_PRIMARY_AGENT_CHAT_LOG = 'chronologys-content';