= () => {
const { currentChat } = useCurrentChat()
+ const { closeEvent, events } = useEventSource()
+
+ useEffect(() => {
+ console.log('events::', events)
+ }, [events])
+
useEffect(() => {
if (!currentChat || !loaded) return
+ console.log('change')
+ closeEvent('chat-bot')
makeEvent('chat-bot')
}, [currentChat, loaded])
@@ -0,0 +1,73 @@
+.model {
+ padding: 10px 12px;
+ border-radius: 15px;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ background-color: var(--new-ui-main-color);
+ width: max-content;
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 3;
+
+ @media screen and (max-width: 1200px) {
+ top: 30px;
+ }
+}
+
+.popup {
+ position: absolute;
+ top: 50%;
+ right: 20px;
+ transform: translateY(-50%);
+ z-index: 2;
+}
+
+.messages {
+ z-index: 2;
+ height: calc(100dvh - 20px - 20px - 40px - 25px);
+ overflow-y: scroll;
+}
+
+.input {
+ position: absolute;
+ bottom: 20px;
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 2;
+
+ @media screen and (max-width: 800px) {
+ bottom: -10px;
+ }
+}
+
+.shape {
+ height: 100px;
+ position: absolute;
+ filter: blur(10px);
+ width: 100%;
+ left: 0;
+ right: 0;
+ background: linear-gradient(
+ 180deg,
+ var(--new-ui-bg-app-color) 0%,
+ var(--new-ui-bg-app-color) 30%,
+ rgba(255, 255, 255, 0) 100%
+ );
+ z-index: 1;
+ &_top {
+ top: 0px;
+ }
+
+ &_bottom {
+ bottom: -20px;
+ transform: rotate(180deg);
+ }
+}
+
+.container {
+ padding-top: 20px;
+ position: relative;
+}
@@ -0,0 +1,78 @@
+import * as React from 'react'
+import { useRouter } from 'next/router'
+import { useSession } from 'next-auth/react'
+import { Error } from '#/shared'
+import { ImageMessagesList } from '#/widgets/messages/ui/image-messages-list'
+import { c, getDeviceType } from '#/shared/lib/helpers'
+import Head from 'next/head'
+
+import styles from './image-model.module.scss'
+import { NextPageWithLayout } from '#/pages/_app'
+import { useImageBot } from '#/entities/model-entity/model/use-image-bot'
+import { ImageModelsSelect } from '#/widgets/image-models-popup'
+
+import { ImageInput } from '#/features/image-models-input'
+import { useEffect, useRef } from 'react'
+import { useMessagesStore } from '#/widgets/messages'
+import { ImagesEmpty } from '#/widgets/image-messages'
+import { MessageFastChoiceMenu } from '#/features/message-fast-choice-menu'
+import { useShowDataStore } from '#/shared/lib/hooks'
+
+const ImageModelPage: NextPageWithLayout = () => {
+ const { query } = useRouter()
+
+ const { botParams, inference, fetchBotParams } = useImageBot()
+
+ const container = useRef
(null)
+
+ const deviceType = getDeviceType()
+
+ const { data: session } = useSession()
+
+ const { messages, loading } = useMessagesStore()
+
+ async function onFetch() {
+ await Promise.all([fetchBotParams()])
+ }
+
+ useEffect(() => {
+ onFetch()
+ }, [session, query])
+
+ return (
+
+
+
Модель {botParams ? botParams.title : 'Загрузка...'}
+
+
+
+
+
+ {!loading && messages.length === 0 ? (
+
+ ) : (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {botParams &&
+ botParams.tags.map((tag, index) => (
+
+
+
+ {tag.title}
+
+ ))}
+