ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-02-10 04:31:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Upgraded ui

Browse Source
This commit is contained in:
Saifeddine ALOUI 2025-02-03 00:06:02 +01:00
parent cb637721ca
commit 79dd5a1f9b
6 changed files with 37 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/dist/assets/index-BXgHJ0lt.css vendored
View File

File diff suppressed because one or more lines are too long

18
web/dist/assets/index-Dn-Ow83A.js → web/dist/assets/index-DOAjMF0-.js vendored
View File

File diff suppressed because one or more lines are too long

17
web/dist/assets/index-xuUsdK2A.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
web/dist/index.html vendored
View File

@ -6,8 +6,8 @@
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script> <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI</title> <title>LoLLMS WebUI</title>
<script type="module" crossorigin src="/assets/index-Dn-Ow83A.js"></script> <script type="module" crossorigin src="/assets/index-DOAjMF0-.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BXgHJ0lt.css"> <link rel="stylesheet" crossorigin href="/assets/index-xuUsdK2A.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

10
web/src/components/ChatBox.vue
View File

@ -1,13 +1,8 @@
<template> <template>
<!-- Chatbar Container: Fixed, centered, and compact with a modern look --> <!-- Chatbar Container: Fixed, centered, and compact with a modern look -->
<div <div
class="fixed bottom-4 left-1/2 transform -translate-x-1/2 w-full max-w-lg p-3 bg-white/95 dark:bg-gray-900/95 backdrop-blur-sm rounded-xl border border-gray-200 dark:border-gray-700 shadow-2xl" class="fixed bottom-8 left-1/2 transform -translate-x-1/2 w-full max-w-2xl p-6 bg-white/95 dark:bg-gray-900/95 backdrop-blur-sm rounded-xl border border-gray-200 dark:border-gray-700 shadow-2xl"
> >
<!-- Panel Toggles Row -->
<div class="flex items-center justify-between mb-3">
</div>
<!-- Files Panel (if any files are attached) --> <!-- Files Panel (if any files are attached) -->
<div v-if="filesList.length > 0" class="mb-3"> <div v-if="filesList.length > 0" class="mb-3">
<div class="flex items-center justify-between mb-2"> <div class="flex items-center justify-between mb-2">
@ -141,6 +136,7 @@
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<PersonalitiesCommands <PersonalitiesCommands
v-if="isCommandsValid" v-if="isCommandsValid"
:help="'Personality commands'"
:commandsList="$store.state.mountedPersArr[$store.state.config.active_personality_id].commands" :commandsList="$store.state.mountedPersArr[$store.state.config.active_personality_id].commands"
:sendCommand="sendCMDEvent" :sendCommand="sendCMDEvent"
:on-show-toast-message="onShowToastMessage" :on-show-toast-message="onShowToastMessage"
@ -148,6 +144,7 @@
/> />
<PersonalitiesCommands <PersonalitiesCommands
v-if="isdataLakeNamesValid" v-if="isdataLakeNamesValid"
:help="'Datalakes'"
icon="feather:book" icon="feather:book"
:commandsList="dataLakeNames" :commandsList="dataLakeNames"
:sendCommand="mountDB" :sendCommand="mountDB"
@ -156,6 +153,7 @@
/> />
<PersonalitiesCommands <PersonalitiesCommands
icon="feather:zap" icon="feather:zap"
:help="'Function calls (WIP)'"
:commandsList="functionCalls" :commandsList="functionCalls"
:sendCommand="toggleFunctionCall" :sendCommand="toggleFunctionCall"
:on-show-toast-message="onShowToastMessage" :on-show-toast-message="onShowToastMessage"

5
web/src/components/PersonalitiesCommands.vue
View File

@ -6,6 +6,7 @@
<button <button
@click="toggleMenu" @click="toggleMenu"
class="flex items-center gap-2 px-4 py-2 text-white rounded-lg transition-all duration-300 shadow-md" class="flex items-center gap-2 px-4 py-2 text-white rounded-lg transition-all duration-300 shadow-md"
:title="help"
:class="{ :class="{
'bg-blue-600 hover:bg-blue-700': !isAnyCommandChecked, // Default state 'bg-blue-600 hover:bg-blue-700': !isAnyCommandChecked, // Default state
'bg-yellow-400 hover:bg-yellow-500': isAnyCommandChecked // Highlighted state 'bg-yellow-400 hover:bg-yellow-500': isAnyCommandChecked // Highlighted state
@ -138,6 +139,10 @@ export default {
props: { props: {
commandsList: Array, commandsList: Array,
sendCommand: Function, sendCommand: Function,
help: {
type: String,
default: ''
},
icon: { icon: {
type: String, type: String,
default: '' default: ''