add chat as own route

This commit is contained in:
team 1
2026-05-11 11:18:36 +02:00
parent a29e395806
commit 919f78a517
7 changed files with 420 additions and 2 deletions

View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="{{ asset('assets/styles/bootstrap.min.css') }}" rel="stylesheet"/>
<link rel="stylesheet" href="{{ asset('assets/styles/base.css') }}">
<link rel="shortcut icon" href="https://www.mitho-media.de/media/fc/16/42/1667224106/favicon.ico?ts=1767609928">
<script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/js/marked.min.js') }}"></script>
<script src="{{ asset('assets/js/purify.min.js') }}"></script>
<script src="{{ asset('assets/js/base.js') }}"></script>
</head>
<body class="bg-black">
<div class="container">
<div class="header">
<div>
<div class="d-flex">
<img src="{{ asset('assets/img/logo.png') }}" style="max-height: 20px;" alt="">
</div>
<div class="text-info fw-bold" style="font-size: 12px" data-chat-message-text="ui.header_title"></div>
</div>
<img src="{{ asset('assets/img/logo.svg') }}" style="max-height: 20px;" alt="">
<div class="spacer"></div>
<button id="clear" class="btn btn-trans" data-chat-message-text="ui.buttons.clear"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash-fill" viewBox="0 0 16 16">
<path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0"/>
</svg></button>
</div>
<div id="ai-cloud" class="ai-cloud d-none"></div>
<div id="chat" class="chat"></div>
<div id="retriex-chat-options" class="retriex-chat-options p-2" data-chat-message-aria-label="ui.options.aria_label">
<label class="retriex-option-toggle" for="toggle-retriex-cards">
<input id="toggle-retriex-cards" type="checkbox">
<span data-chat-message-text="ui.options.status_info"></span>
</label>
</div>
<div class="input-area">
<textarea id="prompt" class="form-control bg-dark" data-chat-message-placeholder="ui.input.prompt_placeholder"></textarea>
<button id="send" class="btn btn-trans" data-chat-message-text="ui.buttons.send"></button>
<button id="abort" class="btn btn-trans" disabled data-chat-message-text="ui.buttons.abort"></button>
</div>
<div class="small mt-2 text-center text-secondary" data-chat-message-text="ui.footer_disclaimer"></div>
</div>
</body>
</html>