/*
 * 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 {ExceptionDialogModel} from '@xh/hoist/appcontainer/ExceptionDialogModel';
import {filler, pre, table, tbody, td, th, tr} from '@xh/hoist/cmp/layout';
import {hoistCmp, XH} from '@xh/hoist/core';
import {button} from '@xh/hoist/desktop/cmp/button';
import {clipboardButton} from '@xh/hoist/desktop/cmp/clipboard';
import {textArea} from '@xh/hoist/desktop/cmp/input';
import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
import {Icon} from '@xh/hoist/icon';
import {dialog, dialogBody} from '@xh/hoist/kit/blueprint';
import {truncate} from 'lodash';
import {dismissButton} from './ExceptionDialog';

/**
 * Sub-dialog for displaying exception details.  Includes affordances for submitting an
 * error report to the server and copying the stacktrace to the clipboard.
 *
 * @internal
 */
export const exceptionDialogDetails = hoistCmp.factory<ExceptionDialogModel>(({model}) => {
    const {detailsIsOpen, exception, options} = model,
        {requireReload} = options,
        row = (label, data) => tr(th({item: `${label}:`, style: {textAlign: 'left'}}), td(data));

    if (!detailsIsOpen || !exception) return null;

    const errorStr = XH.exceptionHandler.stringifyErrorSafely(exception);
    const header = table(
        tbody(
            row('Name', exception.name),
            row('Message', truncate(exception.msg || exception.message || 'N/A', {length: 300})),
            row('App Version', XH.appVersion),
            exception.traceId ? row('Trace ID', exception.traceId) : null
        )
    );

    // In the case of a pre-auth failure, the client will not know the user. If that's the case,
    // don't display a message prompt and send button - we will not be able to submit.
    const clientUserKnown = !!XH.getUsername();

    return dialog({
        title: 'Error Details',
        icon: Icon.search(),
        isOpen: true,
        isCloseButtonShown: !requireReload,
        onClose: !requireReload ? () => model.close() : null,
        style: {width: 800},
        items: [
            dialogBody({
                className: 'xh-exception-dialog__details',
                items: [
                    header,
                    pre(errorStr),
                    textArea({
                        bind: 'userMessage',
                        commitOnChange: true,
                        placeholder: 'Add message here...',
                        width: '100%',
                        height: 120,
                        testId: 'xh-exception-details-message',
                        omit: !clientUserKnown
                    })
                ]
            }),
            toolbar([
                filler(),
                button({
                    icon: Icon.envelope(),
                    text: 'Send',
                    testId: 'xh-exception-details-send-btn',
                    disabled: !model.userMessage,
                    onClick: () => model.sendReportAsync(),
                    omit: !clientUserKnown
                }),
                clipboardButton({
                    getCopyText: () => errorStr,
                    successMessage: 'Error details copied to clipboard.',
                    testId: 'xh-exception-details-copy-btn'
                }),
                dismissButton()
            ])
        ]
    });
});