mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2024-12-20 04:47:55 +00:00
fixed some bugs
This commit is contained in:
saloui
parent
17f87857a8
commit
7f0e34230e
2
app.py
2
app.py
@ -527,7 +527,7 @@ class Gpt4AllWebUI(GPT4AllAPI):
|
||||
print("New backend selected")
|
||||
|
||||
self.config['backend'] = backend
|
||||
backend_ =self.load_backend(self.BACKENDS_LIST[self.config["backend"]])
|
||||
backend_ =self.process.load_backend(Path("backends")/config["backend"])
|
||||
models = backend_.list_models(self.config)
|
||||
if len(models)>0:
|
||||
self.backend = backend_
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
# Project : GPT4ALL-UI
|
||||
# File : backend.py
|
||||
# Author : ParisNeo with the help of the community
|
||||
# Underlying backend : Abdeladim's pygptj backend
|
||||
# Supported by Nomic-AI
|
||||
# Licence : Apache 2.0
|
||||
# Description :
|
||||
@ -2,6 +2,7 @@
|
||||
# Project : GPT4ALL-UI
|
||||
# File : backend.py
|
||||
# Author : ParisNeo with the help of the community
|
||||
# Underlying backend : Abdeladim's pygptj backend
|
||||
# Supported by Nomic-AI
|
||||
# Licence : Apache 2.0
|
||||
# Description :
|
||||
1
web/dist/assets/index-0f4879e0.css
vendored
Normal file
1
web/dist/assets/index-0f4879e0.css
vendored
Normal file
File diff suppressed because one or more lines are too long
36
web/dist/assets/index-45c321b0.js
vendored
Normal file
36
web/dist/assets/index-45c321b0.js
vendored
Normal file
File diff suppressed because one or more lines are too long
36
web/dist/assets/index-8b53a73b.js
vendored
36
web/dist/assets/index-8b53a73b.js
vendored
File diff suppressed because one or more lines are too long
1
web/dist/assets/index-94947680.css
vendored
1
web/dist/assets/index-94947680.css
vendored
File diff suppressed because one or more lines are too long
4
web/dist/index.html
vendored
4
web/dist/index.html
vendored
@ -6,8 +6,8 @@
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>GPT4All - WEBUI</title>
|
||||
<script type="module" crossorigin src="/assets/index-8b53a73b.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index-94947680.css">
|
||||
<script type="module" crossorigin src="/assets/index-45c321b0.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index-0f4879e0.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
@ -5,15 +5,9 @@
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<h3 class="font-bold text-lg">
|
||||
<input
|
||||
type="radio"
|
||||
:checked="selected"
|
||||
:disabled="!isInstalled"
|
||||
@change="handleSelection"
|
||||
/>
|
||||
{{ title }}
|
||||
</h3>
|
||||
<a :href="path">{{ title }}</a>
|
||||
<a :href="path" title="Download this manually (faster) and put it in the models/<your backend> folder then refresh">{{ title }}</a>
|
||||
<p class="opacity-80">{{ description }}</p>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
|
||||
65
web/src/components/PersonalityViewer.vue
Normal file
65
web/src/components/PersonalityViewer.vue
Normal file
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div class="p-4">
|
||||
<div class="flex items-center mb-4">
|
||||
<img :src="avatar" class="w-12 h-12 rounded-full mr-2" alt="Avatar">
|
||||
<h2 class="text-lg font-semibold">{{ personalityName }}</h2>
|
||||
</div>
|
||||
<p><strong>Author:</strong> {{ personalityAuthor }}</p>
|
||||
<p><strong>Description:</strong> {{ personalityDescription }}</p>
|
||||
<p><strong>Language:</strong> {{ personalityLanguage }}</p>
|
||||
<p><strong>Category:</strong> {{ personalityCategory }}</p>
|
||||
<p v-if="disclaimer"><strong>Disclaimer:</strong> {{ disclaimer }}</p>
|
||||
<p><strong>Conditioning Text:</strong> {{ conditioningText }}</p>
|
||||
<p><strong>AI Prefix:</strong> {{ aiPrefix }}</p>
|
||||
<p><strong>User Prefix:</strong> {{ userPrefix }}</p>
|
||||
<div>
|
||||
<strong>Antiprompts:</strong>
|
||||
<ul>
|
||||
<li v-for="antiprompt in antipromptsList" :key="antiprompt.id">
|
||||
{{ antiprompt.text }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button @click="editMode = true" class="mt-4 bg-blue-500 text-white px-4 py-2 rounded">
|
||||
Edit
|
||||
</button>
|
||||
<button @click="commitChanges" v-if="editMode" class="mt-4 bg-green-500 text-white px-4 py-2 rounded">
|
||||
Commit
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
editMode: false,
|
||||
avatar: 'path/to/avatar.jpg',
|
||||
personalityName: 'Personality Name',
|
||||
personalityAuthor: 'Author Name',
|
||||
personalityDescription: 'Personality Description',
|
||||
personalityLanguage: 'English',
|
||||
personalityCategory: 'Category',
|
||||
disclaimer: 'Disclaimer text',
|
||||
conditioningText: 'Conditioning Text',
|
||||
aiPrefix: 'AI Prefix',
|
||||
userPrefix: 'User Prefix',
|
||||
antipromptsList: [
|
||||
{ id: 1, text: 'Antiprompt 1' },
|
||||
{ id: 2, text: 'Antiprompt 2' },
|
||||
{ id: 3, text: 'Antiprompt 3' }
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
commitChanges() {
|
||||
// Send the modified personality to the backend
|
||||
// Implement your backend integration here
|
||||
console.log('Personality changes committed');
|
||||
this.editMode = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -52,21 +52,32 @@
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<div class="m-2">
|
||||
<label for="model" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
|
||||
Model:
|
||||
</label>
|
||||
<select id="model" @change="update_model($event.target.value)"
|
||||
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
|
||||
|
||||
<option v-for="item in modelsArr" :selected="item === configFile.model">{{ item }}</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="flex flex-col mb-2 p-3 rounded-lg bg-bg-light-tone dark:bg-bg-dark-tone hover:bg-bg-light-tone-panel hover:dark:bg-bg-dark-tone-panel duration-150 shadow-lg">
|
||||
<div class="flex flex-row ">
|
||||
<button @click.stop="bec_collapsed = !bec_collapsed"
|
||||
<button @click.stop="mzc_collapsed = !mzc_collapsed"
|
||||
class="text-2xl hover:text-primary duration-75 p-2 -m-2 w-full text-left active:translate-y-1">
|
||||
<!-- <i data-feather="chevron-right"></i> -->
|
||||
|
||||
<h3 class="text-lg font-semibold cursor-pointer select-none "
|
||||
@click.stop="bec_collapsed = !bec_collapsed">
|
||||
@click.stop="mzc_collapsed = !mzc_collapsed">
|
||||
Models zoo</h3>
|
||||
</button>
|
||||
</div>
|
||||
<div :class="{ 'hidden': bec_collapsed }" class="flex flex-col mb-2 p-2">
|
||||
<div :class="{ 'hidden': mzc_collapsed }" class="flex flex-col mb-2 p-2">
|
||||
<div v-if="models.length > 0" class="my-2">
|
||||
<label for="model" class="block ml-2 mb-2 text-sm font-medium text-gray-900 dark:text-white">
|
||||
Install more models:
|
||||
@ -132,7 +143,29 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="flex flex-col mb-2 p-3 rounded-lg bg-bg-light-tone dark:bg-bg-dark-tone hover:bg-bg-light-tone-panel hover:dark:bg-bg-dark-tone-panel duration-150 shadow-lg">
|
||||
<div class="flex flex-row ">
|
||||
<button @click.stop="pzc_collapsed = !pzc_collapsed"
|
||||
class="text-2xl hover:text-primary duration-75 p-2 -m-2 w-full text-left active:translate-y-1">
|
||||
<!-- <i data-feather="chevron-right"></i> -->
|
||||
|
||||
<h3 class="text-lg font-semibold cursor-pointer select-none "
|
||||
@click.stop="pzc_collapsed = !pzc_collapsed">
|
||||
Personalities zoo</h3>
|
||||
</button>
|
||||
</div>
|
||||
<div :class="{ 'hidden': pzc_collapsed }" class="flex flex-col mb-2 p-2">
|
||||
<div v-if="models.length > 0" class="my-2">
|
||||
<label for="model" class="block ml-2 mb-2 text-sm font-medium text-gray-900 dark:text-white">
|
||||
Install more models:
|
||||
</label>
|
||||
<div class="overflow-y-auto max-h-96 no-scrollbar p-2">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MODEL -->
|
||||
<div
|
||||
class="flex flex-col mb-2 p-3 rounded-lg bg-bg-light-tone dark:bg-bg-dark-tone hover:bg-bg-light-tone-panel hover:dark:bg-bg-dark-tone-panel duration-150 shadow-lg">
|
||||
@ -297,13 +330,15 @@ import { nextTick } from 'vue'
|
||||
import MessageBox from "@/components/MessageBox.vue";
|
||||
import YesNoDialog from "@/components/YesNoDialog.vue";
|
||||
import ModelEntry from '@/components/ModelEntry.vue';
|
||||
import PersonalityViewer from '@/components/PersonalityViewer.vue';
|
||||
import socket from '@/services/websocket.js'
|
||||
axios.defaults.baseURL = import.meta.env.VITE_GPT4ALL_API_BASEURL
|
||||
export default {
|
||||
components: {
|
||||
MessageBox,
|
||||
YesNoDialog,
|
||||
ModelEntry
|
||||
ModelEntry,
|
||||
PersonalityViewer
|
||||
},
|
||||
setup() {
|
||||
|
||||
@ -317,12 +352,16 @@ export default {
|
||||
return {
|
||||
// Models zoo installer stuff
|
||||
models: [],
|
||||
personalities:[],
|
||||
// Accordeon stuff
|
||||
bec_collapsed: false,
|
||||
pc_collapsed: false,
|
||||
mc_collapsed: false,
|
||||
bec_collapsed: true,
|
||||
mzc_collapsed: true, // models zoo
|
||||
pzc_collapsed: true, // personalities zoo
|
||||
pc_collapsed: true,
|
||||
mc_collapsed: true,
|
||||
// Settings stuff
|
||||
backendsArr: [],
|
||||
modelsArr: [],
|
||||
persLangArr: [],
|
||||
persCatgArr: [],
|
||||
persArr: [],
|
||||
@ -458,6 +497,10 @@ export default {
|
||||
console.log("Upgrading backend")
|
||||
this.update_setting('backend', value, (res)=>{console.log("Backend changed"); this.fetchModels(); })
|
||||
},
|
||||
update_model(value) {
|
||||
console.log("Upgrading model")
|
||||
this.update_setting('model', value, (res)=>{console.log("Model changed"); this.fetchModels(); })
|
||||
},
|
||||
save_configuration() {
|
||||
this.showConfirmation = false
|
||||
axios.post('/save_settings', {})
|
||||
@ -529,6 +572,7 @@ export default {
|
||||
this.configFile = await this.api_get_req("get_config")
|
||||
|
||||
this.backendsArr = await this.api_get_req("list_backends")
|
||||
this.modelsArr = await this.api_get_req("list_models")
|
||||
this.persLangArr = await this.api_get_req("list_personalities_languages")
|
||||
this.persCatgArr = await this.api_get_req("list_personalities_categories")
|
||||
this.persArr = await this.api_get_req("list_personalities")
|
||||
|
||||
Loading…
Reference in New Issue
Block a user