added prompt specialization

This commit is contained in:
Saifeddine ALOUI 2024-10-30 11:46:28 +01:00
parent 876d835001
commit c67896e252
32 changed files with 606 additions and 348 deletions

8
web/dist/assets/index-ByL6zcwy.css vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI</title>
<script type="module" crossorigin src="/assets/index-CgS3f-81.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-awpSHWtv.css">
<script type="module" crossorigin src="/assets/index-csGg9iMY.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-ByL6zcwy.css">
</head>
<body>
<div id="app"></div>

View File

@ -2385,9 +2385,6 @@ html{
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2861,6 +2858,9 @@ html{
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -5331,9 +5331,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2380,9 +2380,6 @@ body {
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2856,6 +2853,9 @@ body {
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -4832,9 +4832,6 @@ body{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2380,9 +2380,6 @@ body {
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2856,6 +2853,9 @@ body {
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -3721,6 +3721,7 @@ textarea:is(.dark *), input:is(.dark *), select:is(.dark *){
}
.message{
position: relative;
margin: 0.5rem;
display: flex;
width: 100%;
flex-grow: 1;
@ -3735,6 +3736,9 @@ textarea:is(.dark *), input:is(.dark *), select:is(.dark *){
padding-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.message:is(.dark *){
--tw-border-opacity: 1;
@ -4471,6 +4475,25 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.interesting-facts{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
background-color: rgb(255 255 255 / 0.8);
padding: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.interesting-facts:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.interesting-facts:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
@ -5243,9 +5266,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2385,9 +2385,6 @@ html{
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2861,6 +2858,9 @@ html{
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -5314,9 +5314,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2993,10 +2993,6 @@ body {
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -3603,6 +3599,10 @@ body {
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -6572,10 +6572,6 @@ button:hover{
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2993,10 +2993,6 @@ body {
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -3603,6 +3599,10 @@ body {
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -6530,10 +6530,6 @@ button:hover{
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2380,9 +2380,6 @@ body {
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2856,6 +2853,9 @@ body {
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -5239,9 +5239,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2385,9 +2385,6 @@ html{
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2861,6 +2858,9 @@ html{
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -5334,9 +5334,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2993,10 +2993,6 @@ body {
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -3603,6 +3599,10 @@ body {
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -6530,10 +6530,6 @@ button:hover{
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2385,9 +2385,6 @@ html{
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2861,6 +2858,9 @@ html{
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -4559,6 +4559,25 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.interesting-facts{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
background-color: rgb(255 255 255 / 0.8);
padding: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.interesting-facts:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.interesting-facts:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
@ -5331,9 +5350,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@ -6159,4 +6175,4 @@ button:hover{
.\32xl\:h-96{
height: 24rem;
}
}
}

View File

@ -2380,9 +2380,6 @@ body {
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2856,6 +2853,9 @@ body {
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -4060,6 +4060,25 @@ body{
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.interesting-facts{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
background-color: rgb(31 41 55 / 0.8);
padding: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.interesting-facts:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.interesting-facts:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
@ -4832,9 +4851,6 @@ body{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@ -5660,4 +5676,4 @@ body{
.\32xl\:h-96{
height: 24rem;
}
}
}

View File

@ -2380,9 +2380,6 @@ body {
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2856,6 +2853,9 @@ body {
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -3721,6 +3721,7 @@ textarea:is(.dark *), input:is(.dark *), select:is(.dark *){
}
.message{
position: relative;
margin: 0.5rem;
display: flex;
width: 100%;
flex-grow: 1;
@ -3735,6 +3736,9 @@ textarea:is(.dark *), input:is(.dark *), select:is(.dark *){
padding-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.message:is(.dark *){
--tw-border-opacity: 1;
@ -4471,6 +4475,25 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.interesting-facts{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
background-color: rgb(255 255 255 / 0.8);
padding: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.interesting-facts:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.interesting-facts:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
@ -5243,9 +5266,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2385,9 +2385,6 @@ html{
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2861,6 +2858,9 @@ html{
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -4542,6 +4542,25 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}
.interesting-facts{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
background-color: rgb(255 255 255 / 0.8);
padding: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.interesting-facts:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.interesting-facts:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
@ -5314,9 +5333,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2993,10 +2993,6 @@ body {
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -3603,6 +3599,10 @@ body {
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -6572,10 +6572,6 @@ button:hover{
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2993,10 +2993,6 @@ body {
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -3603,6 +3599,10 @@ body {
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -5557,6 +5557,29 @@ button:hover{
background-color: rgb(200 30 30 / var(--tw-bg-opacity));
}
.interesting-facts{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(253 232 232 / var(--tw-bg-opacity));
padding: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.interesting-facts:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.interesting-facts:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
@ -6530,10 +6553,6 @@ button:hover{
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2380,9 +2380,6 @@ body {
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2856,6 +2853,9 @@ body {
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -4467,6 +4467,26 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.interesting-facts{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
padding: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.interesting-facts:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.interesting-facts:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
@ -5239,9 +5259,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@ -6067,4 +6084,4 @@ button:hover{
.\32xl\:h-96{
height: 24rem;
}
}
}

View File

@ -2385,9 +2385,6 @@ html{
.bg-white\/50{
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -2861,6 +2858,9 @@ html{
.align-bottom{
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -4562,6 +4562,26 @@ button:hover{
--tw-bg-opacity: 1;
background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}
.interesting-facts{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(251 213 213 / var(--tw-bg-opacity));
padding: 1rem;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.interesting-facts:hover{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.interesting-facts:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.last\:mb-0:last-child{
margin-bottom: 0px;
}
@ -5334,9 +5354,6 @@ button:hover{
.dark\:bg-gray-800\/50:is(.dark *){
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -2993,10 +2993,6 @@ body {
background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/80{
background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(253 246 178 / var(--tw-bg-opacity));
@ -3603,6 +3599,10 @@ body {
vertical-align: bottom;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
font-family: PTSans, Roboto, sans-serif;
}
@ -6530,10 +6530,6 @@ button:hover{
background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/80:is(.dark *){
background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-900:is(.dark *){
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));

View File

@ -88,7 +88,7 @@ textarea, input, select {
}
.message {
@apply relative w-full rounded-lg border border-blue-300 dark:border-blue-600 flex flex-col flex-grow flex-wrap overflow-visible p-5 pb-3 text-lg;
@apply relative w-full m-2 shadow-lg rounded-lg border border-blue-300 dark:border-blue-600 flex flex-col flex-grow flex-wrap overflow-visible p-5 pb-3 text-lg;
@apply bg-blue-100 text-blue-900 dark:bg-gradient-to-br dark:from-blue-900 dark:to-blue-800 dark:text-blue-100; /* Added gradient for dark mode */
}

View File

@ -1,6 +1,6 @@
<template>
<div
class="relative w-full group rounded-lg m-2 shadow-lg message hover:border-primary dark:hover:border-primary hover:border-solid hover:border-2 border-2 border-transparent flex flex-col flex-grow flex-wrap overflow-visible p-4 pb-2 ">
class="relative message w-full group rounded-lg m-2 shadow-lg hover:border-primary dark:hover:border-primary hover:border-solid hover:border-2 border-2 border-transparent flex flex-col flex-grow flex-wrap overflow-visible p-4 pb-2 ">
<div class="flex flex-row gap-2 ">
<div class=" flex-shrink-0">
<!-- AVATAR -->

View File

@ -378,3 +378,7 @@ button:hover {
.subcard-footer-button {
@apply bg-amber-500 hover:bg-amber-600 text-white font-bold py-2 px-4 rounded;
}
.interesting-facts{
@apply mt-6 mb-6 p-4 bg-white/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
}

View File

@ -263,3 +263,7 @@ body {
.subcard-content {
@apply text-gray-300;
}
.interesting-facts{
@apply mt-6 mb-6 p-4 bg-gray-800/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
}

View File

@ -88,7 +88,7 @@ textarea, input, select {
}
.message {
@apply relative w-full rounded-lg border border-blue-300 dark:border-blue-600 flex flex-col flex-grow flex-wrap overflow-visible p-5 pb-3 text-lg;
@apply relative w-full m-2 shadow-lg rounded-lg border border-blue-300 dark:border-blue-600 flex flex-col flex-grow flex-wrap overflow-visible p-5 pb-3 text-lg;
@apply bg-blue-100 text-blue-900 dark:bg-gradient-to-br dark:from-blue-900 dark:to-blue-800 dark:text-blue-100; /* Added gradient for dark mode */
}
@ -326,4 +326,8 @@ button:hover {
.subcard-footer-button {
@apply bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
}
.interesting-facts{
@apply mt-6 mb-6 p-4 bg-white/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
}

View File

@ -376,4 +376,8 @@ button:hover {
.subcard-footer-button {
@apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded;
}
.interesting-facts{
@apply mt-6 mb-6 p-4 bg-white/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
}

View File

@ -330,3 +330,7 @@ button:hover {
.subcard-footer-button {
@apply bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded;
}
.interesting-facts{
@apply mt-6 mb-6 p-4 bg-gray-200 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
}

View File

@ -375,4 +375,8 @@ button:hover {
.subcard-footer-button {
@apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded;
}
.interesting-facts{
@apply mt-6 mb-6 p-4 bg-red-200 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105
}

View File

@ -40,7 +40,7 @@
</p>
<!-- Clickable interesting fact card -->
<div class="mt-6 mb-6 p-4 bg-white/80 dark:bg-gray-800/80 rounded-lg shadow-lg transform hover:scale-105 transition-transform duration-300 cursor-pointer"
<div class="interesting-facts transition-transform duration-300 cursor-pointer"
@click="updateRandomFact">
<p class="text-lg text-gray-700 dark:text-gray-300">
<span class="font-semibold text-blue-600 dark:text-blue-400">🤔 Fun Fact: </span>
@ -640,7 +640,6 @@
<!-- REMOVED FOR NOW, NEED MORE TESTING -->
<!-- @click="scrollToElementInContainer($event.target, 'messages-list')" -->
<div v-if="discussionArr.length < 2 && personality.prompts_list.length > 0" class="w-full rounded-lg m-2 shadow-lg hover:border-primary dark:hover:border-primary hover:border-solid hover:border-2 border-2 border-transparent even:bg-bg-light-discussion-odd dark:even:bg-bg-dark-discussion-odd flex flex-col overflow-hidden p-4 pb-2">
<h2 class="text-xl font-semibold mb-4">Prompt examples</h2>
<div class="overflow-x-auto flex-grow scrollbar-thin scrollbar-thumb-gray-400 dark:scrollbar-thumb-gray-600 scrollbar-track-gray-200 dark:scrollbar-track-gray-800 scrollbar-thumb-rounded-full scrollbar-track-rounded-full">
<div class="flex flex-nowrap gap-4 p-2 min-w-full">
@ -666,9 +665,9 @@
</div>
</div>
<!-- Modal for placeholder inputs with live preview -->
<!-- Enhanced Modal for placeholder inputs with live preview -->
<div v-if="showPlaceholderModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-2xl w-full">
<div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-4xl w-full">
<h3 class="text-lg font-semibold mb-4">Fill in the placeholders</h3>
<!-- Live Preview Section -->
@ -677,19 +676,86 @@
<div class="text-base">{{ previewPrompt }}</div>
</div>
<div class="space-y-4">
<div v-for="(placeholder, index) in placeholders" :key="index" class="flex flex-col">
<div class="space-y-4 max-h-[60vh] overflow-y-auto">
<div v-for="(placeholder, index) in parsedPlaceholders" :key="placeholder.fullText" class="flex flex-col">
<label :for="'placeholder-'+index" class="text-sm font-medium mb-1">
{{ placeholder.replace('[', '').replace(']', '') }}
{{ placeholder.label }}
</label>
<!-- Single line text input -->
<input
v-if="placeholder.type === 'text'"
:id="'placeholder-'+index"
v-model="placeholderValues[index]"
type="text"
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
:placeholder="placeholder"
:placeholder="placeholder.label"
@input="updatePreview"
>
<!-- Number input (int) -->
<input
v-if="placeholder.type === 'int'"
:id="'placeholder-'+index"
v-model.number="placeholderValues[index]"
type="number"
step="1"
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
@input="updatePreview"
>
<!-- Number input (float) -->
<input
v-if="placeholder.type === 'float'"
:id="'placeholder-'+index"
v-model.number="placeholderValues[index]"
type="number"
step="0.01"
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
@input="updatePreview"
>
<!-- Multiline text input -->
<textarea
v-if="placeholder.type === 'multiline'"
:id="'placeholder-'+index"
v-model="placeholderValues[index]"
rows="4"
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
@input="updatePreview"
></textarea>
<!-- Code editor -->
<div v-if="placeholder.type === 'code'" class="border rounded-md overflow-hidden">
<div class="bg-gray-200 dark:bg-gray-900 p-2 text-sm">
{{ placeholder.language || 'Plain text' }}
</div>
<textarea
:id="'placeholder-'+index"
v-model="placeholderValues[index]"
rows="8"
class="w-full p-2 font-mono bg-gray-100 dark:bg-gray-900 border-t"
@input="updatePreview"
></textarea>
</div>
<!-- Options (dropdown) -->
<select
v-if="placeholder.type === 'options'"
:id="'placeholder-'+index"
v-model="placeholderValues[index]"
class="border rounded-md p-2 dark:bg-gray-700 dark:border-gray-600"
@change="updatePreview"
>
<option value="" disabled>Select an option</option>
<option
v-for="option in placeholder.options"
:key="option"
:value="option"
>
{{ option }}
</option>
</select>
</div>
</div>
@ -1149,6 +1215,43 @@ import modelImgPlaceholder from "../assets/default_model.png"
import MountedPersonalities from '@/components/MountedPersonalities.vue'
const parsePlaceholder = (placeholder) => {
const parts = placeholder.replace('[', '').replace(']', '').split('::');
const label = parts[0];
if (parts.length === 1) {
return {
label,
type: 'text',
fullText: placeholder
};
}
const type = parts[1];
const result = {
label,
type,
fullText: placeholder
};
switch (type) {
case 'int':
case 'float':
case 'multiline':
break;
case 'code':
result.language = parts[2] || 'plaintext';
break;
case 'options':
result.options = parts[2] ? parts[2].split(',').map(o => o.trim()) : [];
break;
default:
result.type = 'text';
}
return result;
};
const bUrl = import.meta.env.VITE_LOLLMS_API_BASEURL
export default {
@ -1180,6 +1283,7 @@ export default {
placeholders: [],
placeholderValues: {},
previewPrompt: '',
uniquePlaceholders: new Map(),
bindingSearchQuery: '',
modelSearchQuery: '',
@ -1805,14 +1909,18 @@ export default {
},
updatePreview() {
let updatedPrompt = this.selectedPrompt;
this.placeholders.forEach((placeholder, index) => {
const value = this.placeholderValues[index] || placeholder;
updatedPrompt = updatedPrompt.replace(placeholder, value);
let preview = this.selectedPrompt;
this.parsedPlaceholders.forEach((placeholder, index) => {
const value = this.placeholderValues[index];
// Replace all occurrences of the same placeholder
const regex = new RegExp(this.escapeRegExp(placeholder.fullText), 'g');
preview = preview.replace(regex, value || placeholder.fullText);
});
this.previewPrompt = updatedPrompt;
this.previewPrompt = preview;
},
escapeRegExp(string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
},
cancelPlaceholders() {
this.showPlaceholderModal = false;
this.placeholders = [];
@ -1820,9 +1928,20 @@ export default {
this.previewPrompt = '';
},
// When applying placeholders, make sure to update all instances
applyPlaceholders() {
this.setPromptInChatbox(this.previewPrompt);
let finalPrompt = this.selectedPrompt;
this.parsedPlaceholders.forEach((placeholder, index) => {
const value = this.placeholderValues[index];
if (value) {
const regex = new RegExp(this.escapeRegExp(placeholder.fullText), 'g');
finalPrompt = finalPrompt.replace(regex, value);
}
});
// Apply the final prompt and close modal
this.finalPrompt = finalPrompt;
this.showPlaceholderModal = false;
this.setPromptInChatbox(this.previewPrompt);
},
extractPlaceholders(prompt) {
@ -3738,6 +3857,15 @@ export default {
},
computed: {
// Get unique placeholders while preserving order
parsedPlaceholders() {
const uniqueMap = new Map();
this.placeholders.forEach(p => {
const parsed = parsePlaceholder(p);
uniqueMap.set(parsed.fullText, parsed);
});
return Array.from(uniqueMap.values());
},
filteredBindings() {
return this.installedBindings.filter(binding =>
binding.name.toLowerCase().includes(this.bindingSearchQuery.toLowerCase())

@ -1 +1 @@
Subproject commit 6ed32958910c4942aed18b6da54aed7100360ab0
Subproject commit 2269de07de6755996cb0303b1004db722d69c547