BossBey File Manager

Editing: empty_webchat_area_container.blade.php

<div class="absolute group/modal hidden z-50 [&.lqd-is-active]:block" id='modal'>
    <div class="fixed top-0 z-10 hidden w-screen h-screen modal__back bg-black/25 start-0"></div>
    <div
        class="modal__content w-[90%] sm:w-[500px] lg:w-[1000px] opacity-0 invisible fixed z-20 bg-[--tblr-body-bg] !p-5 shadow-xl rounded-2xl top-1/2 start-1/2 -translate-x-1/2 -translate-y-1/2 group-[&.lqd-is-active]/modal:!opacity-100 group-[&.lqd-is-active]/modal:!visible">
        <div
            class="modal__header flex items-center justify-between h-[50px] border-solid border-[--tblr-border-color] !p-4 rounded-lg mx-[20px] my-[5px] ">
            <label class="font-semibold">{{ __('Prompt Library') }}</label>
            <div>
                <a class="font-bold cursor-default btn-primary" id="add_btn">{{ __('Add +') }}</a>
                <div id='custom__popover' class="absolute">
                    <div class="hidden custom__popover__back"></div>
                    <div
                        class="custom__popover__content left-[-400px] w-[400px] bg-[#FaFaFc] p-[15px] dark:bg-[--tblr-body-bg]">
                        <div class="absolute h-[100vh] w-[100wh] bg-black"></div>
                        <input type="text" class="form-control my-2 bg-[--tblr-body-bg]"
                            placeholder="{{ __('Add Title') }}" id="new_prompt_title">
                        <textarea class="form-control my-2 w-full bg-[--tblr-body-bg]" rows=6 placeholder="{{ __('Add custom prompt') }}"
                            id="new_prompt"></textarea>
                        <div class="p-1 modal-footer">
                            <button type="button" class="w-full btn me-auto"
                                id="btn_add_new_prompt">{{ __('Done') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="prompt_filter" class="flex flex-wrap items-center justify-between px-4 py-2 sm:flex-nowrap">
            <div class="flex flex-wrap content-center gap-2 justify-evenly sm:justify-start">
                <button
                    class="filter_btn btn active flex items-center justify-center gap-2 border-none bg-[transparent] !py-1 px-3 shadow-none hover:bg-black/5 dark:hover:bg-white/10 [&.active]:bg-[--lqd-pink]"
                    filter="all">
                    {{ __('All') }}
                </button>
                <button
                    class="filter_btn btn flex items-center justify-center gap-2 border-none bg-[transparent] !py-1 px-3 shadow-none hover:bg-black/5 dark:hover:bg-white/10 [&.active]:bg-[--lqd-pink]"
                    filter="fav">
                    {{ __('Favourites') }}
                    <label class="color-[#2B2F37] mb-0 text-[1em] opacity-30" id="fav_count">8</label>
                </button>
                <button
                    class="filter_btn btn flex items-center justify-center gap-2 border-none bg-[transparent] !py-1 px-3 shadow-none hover:bg-black/5 dark:hover:bg-white/10 [&.active]:bg-[--lqd-pink]"
                    filter="per">
                    {{ __('Personal') }}
                    <label class="color-[#2B2F37] mb-0 text-[1em] opacity-30" id="per_count">8</label>
                </button>
            </div>
            <div class="input-icon w-[100%] sm:w-full lg:w-auto">
                <span class="input-icon-addon">
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="17" height="17"
                        viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                        <path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path>
                        <path d="M21 21l-6 -6"></path>
                    </svg>
                </span>
                <input type="search" class="form-control navbar-search-input peer dark:!bg-zinc-900 max-lg:!rounded-md"
                    id="search_str" onkeyup="searchStringChange()" placeholder="{{ __('Search') }}"
                    aria-label="{{ __('Search in website') }}">
            </div>
        </div>

<div id="no_prompt" class="flex-colmy-2 my-[20px] flex hidden cursor-default rounded-[15px] p-[30px]"
            style="box-shadow: 0px 2px 5px 0px rgba(29,39, 59, 0.05); hover: {cursor-default hidden"
            style="box-shadow: 0px 2px 5px 0px3gb}">
            <div class="prompt_header my-[10px] flex content-center justify-between">
                <p class="my-2 text-[17px] font-semibold">{{ __('No Prompts, Please input new one') }}</p>
            </div>
        </div>

<div
    class="flex h-[82px] justify-between border-b border-l-0 border-r-0 border-t-0 border-solid border-[--tblr-border-color] p-[20px] max-sm:px-4">
    <div class="flex gap-2">
        <div class="inline-flex h-[50px] w-[50px] items-center justify-center overflow-hidden overflow-ellipsis whitespace-nowrap rounded-full border-[6px] border-solid !border-white text-[13px] font-medium text-[rgba(0,0,0,0.65)] shadow-[0_1px_2px_rgba(0,0,0,0.07)] transition-shadow group-hover:shadow-xl dark:!border-current"
            style="background: {{ $category->color }};">
            @if ($category->image != null)
                <img class="object-cover object-center w-full h-full" src="/{{ $category->image }}"
                    alt="{{ __($category->name) }}">
            @else
                <span
                    class="block w-full overflow-hidden text-center overflow-ellipsis whitespace-nowrap">{{ __($category->short_name) }}</span>
            @endif
        </div>
        <div class="flex flex-col items-start justify-center">
            @if ($category->human_name != '')
                <p class="p-0 m-0 text-sm font-semibold text-heading">
                    {{ __($category->human_name) }}</p>
            @endif
            @if ($category->role != '')
                <p class="p-0 m-0 text-sm font-normal">
                    {{ __($category->role) }}</p>
            @endif
        </div>
    </div>
    <div class="flex gap-2 grow justify-end">
        <div class="flex w-full justify-end">
            <div class="mx-2 mt-2 flex gap-3 relative w-full justify-end">
                <input class="form-control w-2/3" type="text" name="website_url" id="website_url"
                    placeholder="Input website url to analyze">
                <button class="w-fit btn flex justify-center items-center" id="btn_analyze"
                    onclick="return startNewChat({{ $category->id }}, '{{ LaravelLocalization::getCurrentLocale() }}');"><svg
                        xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-analyze md:hidden m-0"
                        width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                        fill="none" stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M20 11a8.1 8.1 0 0 0 -6.986 -6.918a8.095 8.095 0 0 0 -8.019 3.918" />
                        <path d="M4 13a8.1 8.1 0 0 0 15 3" />
                        <path d="M19 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
                        <path d="M5 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
                        <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" />
                    </svg>
                    <p class="m-0 hidden md:block">{{ __('Analyze') }}</p>
                </button>
            </div>
            <label class="form-check form-switch mx-2 mt-2 hidden">
                <input class="form-check-input" type="checkbox" name="realtime" id="realtime">
                <span class="form-check-label">{{ __('Use Real-Time Data') }}</span>
            </label>
        </div>
    </div>
</div>

<div class="conversation-area flex grow flex-col justify-between overflow-y-auto max-md:max-h-[70vh] max-sm:max-h-full"
    id="chat_area_to_hide">
    <div class="relative flex flex-col grow">
        <div
            class="chats-container @if ($category->slug == 'ai_vision') mb-32 md:mb-0 relative z-10 @else h-full @endif p-8 max-md:p-4">

@include('panel.user.openai_chat.components.webchat_area')

@if (
                $category->slug == 'ai_vision' &&
                    ((isset($lastThreeMessage) && $lastThreeMessage->count() == 0) || !isset($lastThreeMessage)))
                <div class="flex flex-col items-center justify-center gap-y-3" id="sugg">
                    <div class="text-xs font-medium leading-relaxed text-heading">
                        {{ __('Upload an image and ask me anything') }} <span><svg xmlns="http://www.w3.org/2000/svg"
                                class="icon icon-tabler icon-tabler-chevron-down" width="15" height="15"
                                viewBox="0 0 30 24" stroke-width="2" stroke="currentColor" fill="none"
                                stroke-linecap="round" stroke-linejoin="round">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                <path d="M6 9l6 6l6 -6" />
                            </svg></span> </div>

<div
                        class="flex-col items-center justify-start px-4 py-2 bg-purple-100 cursor-pointer rounded-3xl">
                        <div class="text-sm font-normal leading-tight text-black"
                            onclick="addText('{{ __('Explain an Image') }}');">{{ __('Explain an Image') }}</div>
                    </div>
                    <div class="flex-col items-center justify-start px-4 py-2 bg-purple-100 cursor-pointer rounded-3xl"
                        onclick="addText('{{ __('Summarize a book for Research') }}');">
                        <div class="text-sm font-normal leading-tight text-black">
                            {{ __('Summarize a book for Research') }}</div>
                    </div>
                    <div
                        class="flex-col items-center justify-start px-4 py-2 bg-purple-100 cursor-pointer rounded-3xl">
                        <div class="text-sm font-normal leading-tight text-black"
                            onclick="addText('{{ __('Translate a book') }}');">{{ __('Translate a book') }}</div>
                    </div>
                </div>
            @endif

</div>

@if (
            $category->slug == 'ai_vision' &&
                ((isset($lastThreeMessage) && $lastThreeMessage->count() == 0) || !isset($lastThreeMessage)))
            <div id="mainupscale_src" class="z-10 flex items-center justify-center px-4 mt-auto"
                ondrop="dropHandler(event, 'upscale_src');" ondragover="dragOverHandler(event);">
                <label for="upscale_src"
                    class="flex flex-col items-center justify-center w-full border-2 border-dashed rounded-lg cursor-pointer z-5 dark:hover:bg-bray-800 border-black/5 bg-gray-50 hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:hover:border-gray-500 dark:hover:bg-gray-600">
                    <div class="flex flex-col items-center justify-center pt-4 pb-6">
                        <svg class="w-8 h-8 mb-1 text-gray-500 dark:text-gray-400" aria-hidden="true"
                            xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 16">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                stroke-width="1"
                                d="M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2" />
                        </svg>
                        <p class="mb-2 text-sm text-gray-500 dark:text-gray-400">
                            <span class="font-semibold">{{ __('Drop your image here or browse') }}
                        </p>
                        <p class="text-xs text-gray-500 file-name dark:text-gray-400">
                            {{ __('(Only jpg, png, webp will be accepted)') }}</p>
                    </div>
                    <input id="upscale_src" type="file" class="hidden" accept=".png, .jpg, .jpeg"
                        onchange="handleFileSelect('upscale_src')" />
                </label>
            </div>
        @endif
    </div>
    {{-- @endif --}}

</div>

</button>
        <img class="m-0 rounded-[10px]" style="width: 80px;height:60px"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAUmSURBVEhLtVbbaxxlFP/N7M7Mzu7sfdfNJrWlF4ut1koQqU2xtlKpoEJfCuKD/gW+SPFRBa2iKVLUJ/FFUKHggxYRLN6gIm1TjWlNY5LaJk3abLLZzV6yt7l5zje7mwtWQelvmd35vvnmnN+5r/TMiffcxcoyOnDpw5Dooyl+cX8n4LguInoA0sBrb7l779mKbCQMnyyj1jKh+X1oWTZOD1+64ySkg28MupbrgO49SHTRvUS/qr+tnB46TucAvUjk3O4L/w2sRiJDpcffPOEu5ctYrtSE1RwCmR4zO/aI4vNB01WkeuKCBCsPb+yFEgwIYqvBK9NxRPjYAJbBqlSZ1a2Gty6MXYX0xNvvuqNDE1jIFXH0wB5oPhnF5RoyiSimcov47pffEQrp6N+/C1bLgtVoYuvTB+HXmIADm3R0xOtE9tFUCvlWCxXTRDagg3Wfmc8RCbl9yoOf4j/6yRcegbFf/0SpVBPWd8TJbAKDrNBUGbsH7usS2Hx4P/wBDTZZG6UwWXSmYllo2DZZ7nmPFes+v5Amro68Nvj9sVNfeQSuDF+He20UbrMJSVXbR9iRgK3qaMQy6B/YAZMI2M0WNj9JBDQNJbOFl7fvgEPWNRwbJpHoQJd9+PDaVfhIcdeYVegQEH5xJB9i+SnsOnIUPWEVGzJJZONBZA0/AoUZ7NyyCQnDQIoqJR2NIEXK40R0uxHGw4kE0jdvYkuhiEN3ZXAomcKhRBL7KBT2uhyhnKPE5r2VfS8wTNCx0Lw1BbdRR2NqHM5SAc5yBRa5uS8Vx7Z0EhvjMfQRAVWSEaJ4z9br4nWOfSQUwsL0NMrFIpbyebG/Gqz83KiDr8/5YFmksO0UQUC2LeQ29WN0eBizUhDXE9txET0YQhb1vp04/dN5EW92Z75SxXRtGTOkvEAhYITJWomTTFG8zG+Xb9dOuuH82paOI5ExENLFhoBHgKxvRDYh99hJzD30Ku5PKnCP0fqlDVgwVRiqgkuzt1Cs1ZArl6GQMo4rlysjnEwimskgSKHRSXmQPMLoRp5uqlUbtfoMmTSLxYIlypTRbXN1y8ULj2xEr97CmXdoo3EvQos3iV2eDiswKcMncnmqPOpebdFpyoNnz/0sjOFQ7SFPnKcQ+Em6S2sODZ/kphWKKjBiXoLzupMewgMuxdSwl3Dqo1dw8v3XcUP2Y+DzSzjwwxxZ304TEuqnHtG1isB7XN8aXToFOUi/AdrT6WIvdM7KJGPpxyJqQ2WUL5RQPVuicHlPO9LhUB4otRy0Zh5NWo/UShgjl3PC3Q5sdZbcng0EqPFYuFKuUGmaKFAjWn2ZpgPjwTC03QaM/giCe6PUMj0XeJ3w4iQixDhmBDE+MycSid0kONI5Rdf+thHNNxr4cu8+IeifcGxkmHKpRfFe8d+aPsDbczSRm/4o6oEUyloCSqIXTjyLVryHStThY2uwIgrY+fxxDH72DeZmb2BychIT439gZHwa41Nz4jlPGLJK3K+HSEKZDhSg4uRzh/Hx2cvYcXeaOpkLm8pq8NshGNUFcXg9OiJ/++BFLFbq6Mmm2ztrsTZz1sILwYUJlEhA1bTFfwHuYCyc+3mA1qrk0jB6YGUYPUXDiFxYo9Z7pLcPJguiy6JKWQ+NWvL3C/NoUqvuVA9D4WH0KQ2jg8cH3eJCCcs0jLiXrIawkL5UyoFMX4oi4VDDtBCj1qzQhOQ84QH0b+AqWT+MGPMjYxB/yao0hHj23w5cs6y8Aybxf/+Q8OuxiIG/ANTLQ4Xeth7OAAAAAElFTkSuQmCC" />
    </div>
</template>

</button>
        <label></label>
    </div>
</template>

Cancel