{"version":3,"sourceRoot":"","sources":["../../../src/renderers/Table/AiTool/index.scss"],"names":[],"mappings":"AAEI;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAMR;EACI;EACA;EAEA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;;AAMhB;EAMI;EACA;;AANA;EACI;EACA;;;AAUJ;EACI;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAIR;EACI;EACA;;AAMhB;EACI;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;;AAGQ;EACI;;AAMJ;EACI;;AAGI;EACI;;AAKZ;EACI;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAGR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAMZ;EACI;EACA;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;;AAEA;EACI;;AAMZ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAOJ;EACI;;AAQA;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAOR;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAIJ;AAAA;AAAA;AAAA;EAII;;AAIR;EACI;;AAMJ;EACI;EACA;;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;;AAMR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGA;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;;;AAUZ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;;AAEA;EACI;;AAIZ;EACI;EACA;;AAMZ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EAEA;EACA;EACA;EACA;;AAGI;EACI;;AAIA;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAMR;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAOpB;EAGI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;;AAEA;EACI","file":"index.css","sourcesContent":["// common\n.item-ai {\n    .ai-btn-groups {\n        display: flex;\n        gap: 32px;\n        align-items: center;\n        padding: 0 8px;\n        border-radius: 6px;\n\n        // transition: background-color .3s ease;\n        .comment-btn {\n            display: flex;\n            gap: 8px;\n            align-items: center;\n            color: #c1c1c1;\n            cursor: pointer;\n\n            .text {\n                color: #3574ee;\n            }\n        }\n    }\n\n    .recommend-box-init {\n        .recommend-box {\n            padding: 0 12px;\n            padding-bottom: 8px;\n            // padding-left: 12px;\n            flex-direction: row;\n            flex-wrap: wrap;\n        }\n    }\n\n    .recommend-box {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        padding: 8px 0;\n        padding-left: 46px;\n\n        .recommend-item {\n            display: flex;\n            width: fit-content;\n            position: relative;\n            padding: 0 8px;\n            padding-right: 18px;\n            max-width: 80%;\n            min-height: 32px;\n            align-items: center;\n            cursor: pointer;\n            justify-content: space-between;\n            border-radius: 6px;\n            border: 1px solid #e7e7e7;\n            color: #333;\n\n            &:hover {\n                background-color: rgba(0, 0, 0, 0.04);\n            }\n\n            .icon-box {\n                position: absolute;\n                top: 3px;\n                right: 4px;\n            }\n        }\n    }\n}\n\n.description-box {\n    .title {\n        font-size: 14px;\n        font-weight: bold;\n    }\n\n    padding: 8px 12px;\n    white-space: normal;\n}\n\n// pc - start\n.ai-tool-drawer.fl-modal.ant-modal {\n\n    .ant-modal-header {\n        background: var(--ai-tool-title-bg);\n        border-bottom: var(--Table-borderColor);\n\n        .ant-modal-title {\n            .dialog-title {\n                position: relative;\n                padding: 0 16px !important;\n                box-sizing: border-box;\n                height: 68px;\n                font-size: 14px;\n                line-height: 20px;\n                background-color: transparent !important;\n\n                .disabled-move-title {\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    flex: 1;\n                    font-size: 14px;\n                    color: var(--ai-tool-title-color);\n                    .icon {\n                        cursor: auto;\n                    }\n\n                    .table-icon-box {\n                        margin-right: 2px;\n                        display: inline-flex;\n                        align-items: flex-start;\n                        justify-content: center;\n                        width: 16px;\n                        height: 16px;\n                        font-size: 14px;\n                        border-radius: 3px;\n                        background-color: #3574ee;\n                        color: #fff;\n                    }\n                }\n\n                .fixed-hover-title {\n                    .table-icon-box {\n                        display: none;\n                    }\n                }\n\n                .tools-bar {\n                    position: absolute;\n                    right: 18px;\n                }\n            }\n        }\n    }\n\n    .ant-modal-content {\n        background-image: var(--ai-tool-bg-image);\n        background-color: var(--ai-tool-bg-color);\n        // border-radius: 8px;\n    }\n\n    .ant-drawer-header {\n        border-bottom: none;\n        background: transparent !important;\n    }\n\n    .ant-modal-body {\n        background: unset !important;\n        &.isMinWidth {\n            .chat-list {\n                .ant-list-item-meta-avatar {\n                    display: none;\n                }\n            }\n\n            .footer-box {\n\n                .ai-model-selector {\n                    min-width: unset !important;\n\n                    .current-label {\n                        .label-text {\n                            display: none;\n                        }\n                    }\n                }\n\n                .icon-prefix-box {\n                    margin: 0 6px !important;\n                }\n            }\n        }\n    }\n\n    .ai-tool-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        height: 100%;\n        user-select: none;\n\n        .chat-footer {\n            // position: fixed;\n            // bottom: 18px;\n            margin-bottom: 18px;\n            padding: 0 16px;\n            width: 100%;\n            max-width: 1200px;\n\n            .footer-box {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                box-sizing: border-box;\n                padding: 8px 12px;\n                width: 100%;\n                min-height: 48px;\n                background-color: var(--ai-tool-footer-bg);\n                box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;\n                border-radius: 8px;\n                .ant-input-affix-wrapper {\n                    textarea {\n                        color: var(--saas-Title-Text);\n                    }\n                }\n                .word-inp {\n                    padding: 4px 20px 0 0;\n\n                    &::-webkit-scrollbar {\n                        width: 4px;\n                        height: 4px;\n                    }\n\n                    &::-webkit-scrollbar-track {\n                        box-shadow: inset 0 0 0 rgba(240, 240, 240, 0.5);\n                        border-radius: 10px;\n                        background-color: rgba(50, 50, 50, 0.1);\n\n                    }\n\n                    &::-webkit-scrollbar-thumb {\n                        border-radius: 10px;\n                        box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);\n                        background-color: rgba(50, 50, 50, .1);\n                    }\n                }\n\n                .bottom-box {\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding-top: 4px;\n                    width: 100%;\n\n                    .ai-model-selector {\n                        min-width: 180px;\n                        max-width: 300px;\n                        padding: 4px;\n                        border-radius: 6px;\n                        background-color: #f7f8fa;\n                        cursor: pointer;\n\n                        .current-label {\n                            display: flex;\n                            gap: 8px;\n                            align-items: center;\n\n                            .label-text {\n                                max-width: 180px;\n                                white-space: nowrap;\n                                text-overflow: ellipsis;\n                                overflow: hidden;\n\n                            }\n                        }\n                    }\n\n                    .icon-send {\n                        padding: 0;\n                        height: 28px;\n\n                        &.disabled {\n                            color: #e6e6e6;\n                        }\n                    }\n                }\n\n                .icon-prefix-box {\n                    margin: 0 6px 0 20px;\n                    font-size: 14px;\n                    color: #706e6b;\n\n                    .icon-send-prefix {\n                        cursor: auto;\n                    }\n                }\n\n            }\n\n            .ant-input:focus {\n                box-shadow: none;\n            }\n        }\n\n        .chat-list {\n            width: 100%;\n            height: 100%;\n            max-width: 1200px;\n            flex: 1;\n            overflow: auto;\n            padding: 16px;\n            padding-bottom: 20px;\n\n            &::-webkit-scrollbar {\n                width: 6px;\n                height: 6px;\n            }\n\n            &::-webkit-scrollbar-track {\n                box-shadow: inset 0 0 0 rgba(240, 240, 240, 0.5);\n                border-radius: 10px;\n                background-color: rgba(50, 50, 50, 0.1);\n\n            }\n\n            &::-webkit-scrollbar-thumb {\n                border-radius: 10px;\n                box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);\n                background-color: rgba(50, 50, 50, .1);\n            }\n\n            // .ant-list-items li:nth-of-type(2) {\n            //     margin-top: 0;\n            // }\n\n            .ant-list-item {\n                display: block;\n            }\n\n\n\n\n            .meta-ai {\n\n                .ant-list-item-meta-avatar {\n                    margin-right: 14px;\n                    margin-left: 0px;\n\n                    .ant-avatar.ant-avatar-icon {\n                        border-radius: 4px;\n                    }\n                }\n\n                .ant-list-item-meta-content {\n                    border-radius: 6px;\n                    // padding: 8px 12px;\n                    margin-right: 45px;\n                    background-color: transparent;\n                    border: 1px solid var(--borderColor);\n                    user-select: text;\n                    white-space: normal;\n\n                    .ant-list-item-meta-title {\n                        word-break: break-all;\n                        font-weight: 550;\n                        color: var(--saas-Title-Text);\n                    }\n\n                    .ant-list-item-meta-description {\n                        color: var(--saas-Title-Text);\n                        background-color: var(--image-gallery-modal-bg);\n                    }\n                }\n            }\n\n            .meta-user {\n\n                .ant-list-item-meta-avatar {\n                    margin-left: 14px;\n                    margin-right: 0px;\n\n                    .ant-avatar.ant-avatar-icon {\n                        border-radius: 4px;\n                    }\n                }\n\n                .ant-list-item-meta-content {\n                    border-radius: 6px;\n                    // padding: 8px 12px;\n                    margin-left: 45px;\n                    text-align: left;\n                    background-color: var(--image-gallery-modal-bg);\n                    flex: unset;\n                    width: auto;\n                    user-select: text;\n                    border: 1px solid var(--borderColor);\n                    white-space: normal;\n                    .ant-list-item-meta-title {\n                        word-break: break-all;\n                        font-weight: 550;\n                        color: var(--saas-Title-Text);\n                    }\n\n                    .ant-list-item-meta-description {\n                        color: var(--saas-Title-Text);\n                    }\n                }\n            }\n\n            &-wrapper {\n                box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;\n                border-radius: 4px;\n                background-color: white;\n                width: 500px;\n                height: calc(100vh - 100px);\n                position: absolute;\n                z-index: 99999;\n                display: flex;\n                flex-direction: column;\n            }\n\n            &-header {\n                padding: 16px 20px;\n                border-bottom: 1px solid rgba(0, 0, 0, .06);\n                display: flex;\n                align-items: center;\n                cursor: move;\n\n                &-title {\n                    margin: 0;\n                    color: #000000d9;\n                    font-weight: 500;\n                    font-size: 16px;\n                    line-height: 22px;\n                    word-wrap: break-word;\n                    flex: 1;\n                }\n            }\n\n            &-content {\n                flex: 1;\n                overflow: auto;\n                padding: 12px 24px;\n            }\n\n            &-footer {\n                display: flex;\n                padding: 10px 16px;\n\n            }\n\n            ol ol,\n            ul ul,\n            ol ul,\n            ul ol {\n                list-style-position: inside;\n            }\n        }\n        // 防止在ai助手中日期选择器宽度异常\n        .rdt.rdtOpen {\n            min-width: 200px;\n        }\n\n    }\n\n    .dialog-fix-right.dialog-pin-right {\n        .ant-modal-content {\n            background-image: unset;\n            box-shadow: 0 3px 6px -4px rgba(0,0,0,0),0 6px 16px 0 rgba(0,0,0,0),0 0 3px 0px rgba(0,0,0,0.1);\n        }\n    }\n   \n}\n\n.aitool-dialog-wrapper {\n    padding: 0;\n    position: relative;\n    box-sizing: border-box;\n    height: 50px;\n    border-radius: 50%;\n    cursor: move;\n    overflow: hidden;\n\n    .disabled-move-title {\n        display: none;\n    }\n\n    .tools-bar {\n        align-items: center;\n        justify-content: center;\n        width: 50px;\n        height: 50px;\n        background-color: #3574ee;\n\n        .btn-hide {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-top: -6px;\n            width: 50px;\n            height: 50px;\n            color: #fff;\n            font-size: 26px !important;\n            cursor: pointer;\n\n            &:active {\n                cursor: move !important;\n            }\n        }\n\n        .btn-close {\n            display: none;\n        }\n    }\n}\n\n.ai-tool-models-overlay {\n    .ant-popover-inner {\n        border-radius: 8px;\n        padding: 0;\n    }\n\n    .ant-popover-inner-content {\n        padding: 12px;\n        min-height: 300px;\n        max-height: 500px;\n        overflow-y: auto;\n    }\n\n    .model-list-wrapper {\n        border-radius: 6px;\n\n        // padding: 6px 0;\n        .filter-box {\n            margin-bottom: 6px;\n\n            .filter-inp {\n                background-color: #f7f8fa;\n            }\n        }\n\n        .model-list-box {\n            padding: 6px;\n            border: 1px solid #e6e8eb;\n            border-radius: 6px;\n            min-width: 242px;\n            min-height: 340px;\n            max-height: 400px;\n            overflow-y: auto;\n\n            &::-webkit-scrollbar {\n                width: 7px;\n                height: 7px;\n            }\n\n            &::-webkit-scrollbar-track {\n                box-shadow: inset 0 0 0 rgba(240, 240, 240, 0.5);\n                border-radius: 10px;\n                background-color: rgba(50, 50, 50, 0.1);\n\n            }\n\n            &::-webkit-scrollbar-thumb {\n                border-radius: 10px;\n                box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);\n                background-color: rgba(50, 50, 50, .1);\n            }\n        }\n    }\n\n    .model-item-box {\n        font-size: 14px;\n        line-height: 22px;\n        border-bottom: 1px solid #f1f1f1;\n\n        &:nth-last-child(1) {\n            border-bottom: 0;\n        }\n\n        .item-provider {\n            color: rgba(0, 0, 0, 0.26);\n            padding: 0 10px;\n        }\n\n        .model-item {\n            color: rgba(0, 0, 0, .6);\n            cursor: pointer;\n\n            .current-label {\n                display: flex;\n                height: 32px;\n                align-items: center;\n                padding: 0 10px;\n                gap: 8px;\n\n            }\n\n            &.active {\n                color: #3574ee;\n                background-color: rgb(230, 247, 255);\n            }\n\n            &:hover {\n                color: #3574ee;\n            }\n        }\n    }\n}\n\n// # pc - end\n\n// mobile - start\n.ai-tool-drawer.ant-drawer {\n    .ant-drawer-wrapper-body {\n        // background-image: linear-gradient(180deg, rgba(53, 116, 238, 0.16) 0%, rgba(255, 255, 255, 0.3) 60px);\n        background-image: var(--ai-tool-bg-image);\n        background-color: var(--ai-tool-bg-color);\n    }\n\n    .ant-drawer-content-wrapper {\n        overflow: hidden;\n        border-radius: 8px 8px 0 0;\n        transition: unset;\n    }\n    .ant-drawer-content {\n        background: var(--ai-tool-title-bg) !important;\n        .ant-drawer-header {\n            position: sticky;\n            // position: fixed;\n            top: 0;\n            width: 100%;\n            height: 54px;\n            padding: 16px;\n            border-bottom: 0;\n            background: var(--ai-tool-title-bg) !important;\n            \n            // background-color: transparent !important;\n            // background-image: linear-gradient(180deg, rgba(53, 116, 238, 0.16) 0%, rgba(255, 255, 255, 0.3) 54px);\n            .ant-drawer-title {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: var(--ai-tool-title-color);\n                background-color: var(--ai-tool-title-bg);\n                .title-text {\n                    max-width: 50vw;\n                    font-size: 15px;\n                    overflow: hidden;\n                    white-space: nowrap;\n                    text-overflow: ellipsis;\n    \n                }\n    \n                .table-icon-box {\n                    margin-right: 2px;\n                    display: inline-flex;\n                    align-items: flex-start;\n                    justify-content: center;\n                    width: 16px;\n                    height: 16px;\n                    font-size: 14px;\n                    border-radius: 3px;\n                    background-color: #3574ee;\n                    color: #fff;\n                }\n            }\n    \n            .ant-drawer-extra {\n                font-size: 14px;\n    \n                .chat-mode-box {\n                    display: flex;\n                    align-items: center;\n    \n                    .chat-mode-switch {\n                        margin-right: 2px;\n                    }\n                }\n            }\n            .ant-drawer-close {\n                color: var(--ai-tool-title-color);\n                background-color: var(--ai-tool-title-bg);\n            }\n        }\n        \n    }\n\n    .ant-drawer-body {\n        padding: 0;\n        z-index: 0;\n    }\n\n    .ai-tool-mobile-wrapper {\n        height: 100%;\n\n        .ai-tool-container {\n            display: flex;\n            flex-direction: column;\n            min-height: 60vh;\n            height: 100%;\n            transition: all .3s ease;\n        }\n\n        .chat-list {\n            height: 100%;\n            // height: calc(100vh - 130px);\n            flex: 1 1 0%;\n            padding: 0 16px;\n            padding-bottom: 20px;\n            overflow: auto;\n\n            .ant-list-item {\n                .ant-list-item-meta-avatar {\n                    display: none;\n                }\n\n                &.item-ai {\n                    .ant-list-item-meta-content {\n                        border-radius: 6px;\n                        // padding: 8px 12px;\n                        margin-right: 55px;\n                        background-color: transparent;\n                        border: 1px solid var(--borderColor);\n                        user-select: text;\n                        color: var(--saas-Title-Text);\n                        white-space: normal;\n\n                        .ant-list-item-meta-title {\n                            word-break: break-all;\n                            font-weight: 550;\n                            color: var(--saas-Title-Text);\n                        }\n\n                        .ant-list-item-meta-description {\n                            color: var(--saas-Title-Text);\n                        }\n                    }\n                }\n\n                &.item-user {\n                    .ant-list-item-meta-content {\n                        border-radius: 6px;\n                        // padding: 8px 12px;\n                        margin-left: 55px;\n                        text-align: left;\n                        background-color: var(--image-gallery-modal-bg);\n                        border: 1px solid var(--borderColor);\n                        flex: unset;\n                        width: auto;\n                        user-select: text;\n                        white-space: normal;\n\n                        .ant-list-item-meta-title {\n                            word-break: break-all;\n                            font-weight: 550;\n                            color: var(--saas-Title-Text);\n                        }\n\n                        .ant-list-item-meta-description {\n                            color: var(--saas-Title-Text);\n                        }\n                    }\n                }\n            }\n        }\n\n        .chat-footer {\n            // position: fixed;\n            // bottom: 24px;\n            width: 100%;\n            padding: 0 16px;\n            display: flex;\n            z-index: 1;\n            margin-bottom: 30px;\n\n            .footer-box {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                background-color: var(--ai-tool-footer-bg);\n                padding: 0 14px;\n                width: 100%;\n                min-height: 54px;\n                border-radius: 27px;\n                box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);\n                \n                \n                .icon {\n                    color: #706e6b;\n                    font-size: 18px;\n                }\n\n                .ant-input.word-inp {\n                    padding: 4px 0 10px 10px;\n                    color: var(--saas-Title-Text);\n                }\n                \n            }\n\n            .icon-send {\n                padding: 0;\n                height: 28px;\n                font-size: 16px;\n\n                &.disabled {\n                    color: #e6e6e6;\n                }\n            }\n        }\n    }\n}\n\n// mobile - end"]}