/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */
import {logLevelDialog} from '@xh/hoist/admin/tabs/cluster/instances/logs/levels/LogLevelDialog';
import {grid, gridCountLabel} from '@xh/hoist/cmp/grid';
import {filler, hframe} from '@xh/hoist/cmp/layout';
import {storeFilterField} from '@xh/hoist/cmp/store';
import {creates, hoistCmp} from '@xh/hoist/core';
import {errorMessage} from '@xh/hoist/cmp/error';
import {select} from '@xh/hoist/desktop/cmp/input';
import {panel} from '@xh/hoist/desktop/cmp/panel';
import {Icon} from '@xh/hoist/icon';
import {logDisplay} from './LogDisplay';
import './LogViewer.scss';
import {LogViewerModel} from './LogViewerModel';

export const logViewer = hoistCmp.factory({
    model: creates(LogViewerModel),
    displayName: 'LogViewer',
    className: 'xh-log-viewer',

    render({model, className}) {
        if (!model.enabled) {
            return errorMessage({error: 'Log viewer disabled via xhEnableLogViewer config.'});
        }

        return hframe({
            className,
            items: [
                panel({
                    collapsedTitle: 'Log Files',
                    collapsedIcon: Icon.fileText(),
                    modelConfig: {
                        side: 'left',
                        defaultSize: 380
                    },
                    tbar: [
                        storeFilterField({flex: 1, placeholder: 'Filter files...'}),
                        select({
                            leftIcon: Icon.server(),
                            bind: 'instanceOnly',
                            width: 110,
                            enableFilter: false,
                            hideDropdownIndicator: true,
                            hideSelectedOptionCheck: true,
                            options: [
                                {label: model.instanceName, value: true},
                                {label: 'ALL', value: false}
                            ]
                        })
                    ],
                    item: grid(),
                    bbar: [filler(), gridCountLabel({unit: 'log file'})],
                    mask: 'onLoad'
                }),
                logDisplay(),
                model.showLogLevelDialog ? logLevelDialog() : null
            ],
            ref: model.viewRef
        });
    }
});