GenericScopeView {
        id: scopeItem
        objectName: "dashTempScopeItem"

        property var scopeThatOpenedScope: null
        property var oldScope: null

        x: dashContent.x + width
        y: dashContent.y
        width: parent.width
        height: parent.height
        visible: scope != null
        hasBackAction: true
        isCurrent: visible
        onBackClicked: {
            closeOverlayScope();
            closePreview();
        }

        Timer {
            id: timer
            interval: 500
            onTriggered: scopeItem.closeScope()
        }

        onScopeChanged: {
            console.log("changed", scope)
            timer.start()
        }

        function closeScope() {
            if (oldScope) {
                console.log(oldScope, scopeItem.scope)
                scopeThatOpenedScope.closeScope(oldScope);
                oldScope = null;
            }
        }

        Connections {
            target: scopeItem.scope
            onGotoScope: {
                dashContent.gotoScope(scopeId);
            }
            onOpenScope: {
                scopeItem.closePreview();
                scopeItem.oldScope = scopeItem.scope;
                scopeItem.scope = scope;
            }
        }
    }