Wizzard
/
kuzco-cli
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Update GUI styles.css & increase prompt timeout in GUI & CLI

This commit is contained in:
Wizzard 2024-03-09 13:53:26 -05:00
parent 05e5495fad
commit d2470b2dd6
4 changed files with 43 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -57,14 +57,14 @@ electron19 kuzco-gui.js
Follow the on-screen prompts to send your AI prompts to the network. Follow the on-screen prompts to send your AI prompts to the network.
## Prebuilt Binaries
You can download prebuilt versions of this application from the [GitHub Actions page](https://github.com/CODJointOps/kuzco-cli/actions).
## Contributing ## Contributing
Your contributions are welcome! Your contributions are welcome!
## License ## License
Kuzco CLI is released under the MIT license. Feel free to use, modify, and distribute it as you see fit. Kuzco CLI is released under the MIT license. Feel free to use, modify, and distribute it as you see fit.
## Prebuilt Binaries
You can download prebuilt versions of this application from the [GitHub Actions page](https://github.com/CODJointOps/kuzco-cli/actions).

2
cli/kuzco-cli.js
View File

@ -91,7 +91,7 @@ async function main() {
messages: messages, messages: messages,
model: model model: model
}) })
}, 15000);; }, 25000);;
if (!response.ok) { if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`); throw new Error(`HTTP error! status: ${response.status}`);

38
gui/css/styles.css
View File

@ -8,6 +8,8 @@ body {
margin: 0; margin: 0;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
scrollbar-width: thin;
scrollbar-color: #34495e #2c3e50;
} }
#chatHistory { #chatHistory {
height: 300px; height: 300px;
@ -38,7 +40,7 @@ body {
} }
.message { .message {
font-size: 0.9em; font-size: 0.9em;
padding: 5px 10px; padding: 10px 15px;
margin-bottom: 15px; margin-bottom: 15px;
padding: 10px; padding: 10px;
background-color: #34495e; background-color: #34495e;
@ -64,6 +66,20 @@ body {
color: inherit; color: inherit;
background-color: #2c3e50; background-color: #2c3e50;
} }
#promptInput:focus {
outline: none;
box-shadow: 0 0 0 2px #007BFF;
}
header {
margin-bottom: 20px;
}
header h1 {
font-size: 1.5rem;
text-align: center;
padding: 0.5em;
background: #2980b9;
border-radius: 5px;
}
#sendPrompt { #sendPrompt {
padding: 10px 20px; padding: 10px 20px;
border: none; border: none;
@ -76,7 +92,9 @@ body {
margin-bottom: 20px; margin-bottom: 20px;
color: #ecf0f1; color: #ecf0f1;
} }
#chatHistory, #promptInput, #modelSelect {
border: 2px solid #34495e;
}
#modelSelect { #modelSelect {
padding: 10px; padding: 10px;
border: 1px solid #34495e; border: 1px solid #34495e;
@ -103,6 +121,22 @@ label {
gap: 10px; gap: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background: #2c3e50;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #34495e;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #2980b9;
}
@keyframes ellipsis { @keyframes ellipsis {
0%, 20% { 0%, 20% {
content: ''; content: '';

2
gui/kuzcoCore.js
View File

@ -41,7 +41,7 @@ class KuzcoCore {
const controller = new AbortController(); const controller = new AbortController();
const signal = controller.signal; const signal = controller.signal;
const timeoutId = setTimeout(() => controller.abort(), 15000); const timeoutId = setTimeout(() => controller.abort(), 25000);
try { try {
const response = await fetch('https://relay.kuzco.xyz/v1/chat/completions', { const response = await fetch('https://relay.kuzco.xyz/v1/chat/completions', {