jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: kai fixes

Browse source
This commit is contained in:
nick-delirium 2025-05-23 11:46:46 +02:00
parent 04a63e3f84
commit 8cd0a0ba07
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
5 changed files with 44 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/app/components/Kai/KaiStore.ts
View file

@ -211,7 +211,13 @@ class KaiStore {
bumpUsage = () => { bumpUsage = () => {
this.usage.used += 1; this.usage.used += 1;
this.usage.percent = (this.usage.used / this.usage.total) * 100; this.usage.percent = Math.max(
(this.usage.used / this.usage.total) * 100,
100,
);
if (this.usage.used >= this.usage.total) {
toast.error('You have reached the daily limit for queries.');
}
}; };
sendMessage = (message: string) => { sendMessage = (message: string) => {

13
frontend/app/components/Kai/components/ChatMsg.tsx
View file

@ -53,7 +53,7 @@ function ChatMsg({
const onCancelEdit = () => { const onCancelEdit = () => {
kaiStore.setQueryText(''); kaiStore.setQueryText('');
kaiStore.setReplacing(null); kaiStore.setReplacing(null);
} };
const onFeedback = (feedback: 'like' | 'dislike', messageId: string) => { const onFeedback = (feedback: 'like' | 'dislike', messageId: string) => {
kaiStore.sendMsgFeedback(feedback, messageId, siteId); kaiStore.sendMsgFeedback(feedback, messageId, siteId);
}; };
@ -108,16 +108,11 @@ function ChatMsg({
} }
}; };
return ( return (
<div <div className={cn('flex gap-2', isUser ? 'flex-row-reverse' : 'flex-row')}>
className={cn(
'flex items-start gap-2',
isUser ? 'flex-row-reverse' : 'flex-row',
)}
>
{isUser ? ( {isUser ? (
<div <div
className={ className={
'rounded-full bg-main text-white min-w-8 min-h-8 flex items-center justify-center sticky top-0 shadow' 'rounded-full bg-main text-white min-w-8 min-h-8 max-h-8 max-w-8 flex items-center justify-center sticky top-0 mt-2 shadow'
} }
> >
<span className={'font-semibold'}>{userName}</span> <span className={'font-semibold'}>{userName}</span>
@ -125,7 +120,7 @@ function ChatMsg({
) : ( ) : (
<div <div
className={ className={
'rounded-full bg-gray-lightest shadow min-w-8 min-h-8 flex items-center justify-center sticky top-0' 'rounded-full bg-gray-lightest shadow min-w-8 min-h-8 max-h-8 max-w-8 flex items-center justify-center sticky top-0 mt-2'
} }
> >
<Icon name={'kai_colored'} size={18} /> <Icon name={'kai_colored'} size={18} />

3
frontend/app/components/Kai/components/Usage.tsx
View file

@ -7,8 +7,7 @@ const getUsageColor = (percent: number) => {
}; };
function Usage() { function Usage() {
const { usage } = kaiStore; const usage = kaiStore.usage;
const color = getUsageColor(usage.percent);
if (usage.total === 0) { if (usage.total === 0) {
return null; return null;

10
frontend/app/styles/main.css
View file

@ -417,16 +417,6 @@ svg {
margin-bottom: 6px!important; margin-bottom: 6px!important;
} }
.markdown-body ul {
list-style-type: none; /* Remove default bullets */
}
.markdown-body ul li:before {
content: "•"; /* Use standard bullet character */
display: inline-block;
width: 1em;
margin-left: -1em;
}
.ant-tooltip { .ant-tooltip {
max-width: 640px; max-width: 640px;
} }

64
frontend/yarn.lock
View file

@ -3142,21 +3142,21 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"@tanstack/query-core@npm:5.76.0": "@tanstack/query-core@npm:5.76.2":
version: 5.76.0 version: 5.76.2
resolution: "@tanstack/query-core@npm:5.76.0" resolution: "@tanstack/query-core@npm:5.76.2"
checksum: 10c1/597ce43f09380e6d638b277de668967a4d3429ceb0bf7b51203ff0c21eaef8cc8006d190a49e3b69129d1484f920ebbe9ad7f04d2e4161c718b331d6e1a4c236 checksum: 10c1/b20f5c581e556b0f6319889f38226608c40a0cacdcf8aff14c78c508804a20686552a70d928df76a633e7ea237f2c514ce2c4792cd8e3d430d531c91547d74cd
languageName: node languageName: node
linkType: hard linkType: hard
"@tanstack/react-query@npm:^5.76.0": "@tanstack/react-query@npm:^5.76.0":
version: 5.76.1 version: 5.76.2
resolution: "@tanstack/react-query@npm:5.76.1" resolution: "@tanstack/react-query@npm:5.76.2"
dependencies: dependencies:
"@tanstack/query-core": "npm:5.76.0" "@tanstack/query-core": "npm:5.76.2"
peerDependencies: peerDependencies:
react: ^18 || ^19 react: ^18 || ^19
checksum: 10c1/899d86cbab243f90056394dd96aef87a73d0faf976c5dac4bed85746aea278b433cd7d767c4caeafa089a0a02920d2a48b62018f2e1dacac85dffa5f6bb2e316 checksum: 10c1/cc994355e1c934305e69d98d45cb9e4c3faaaf99e290ac5d89913c60916c1e314be7a59cc19673868cf4c6f3907a8d5dc5239d0be7889362351627884ce7078b
languageName: node languageName: node
linkType: hard linkType: hard
@ -7200,9 +7200,9 @@ __metadata:
linkType: hard linkType: hard
"electron-to-chromium@npm:^1.5.149": "electron-to-chromium@npm:^1.5.149":
version: 1.5.155 version: 1.5.157
resolution: "electron-to-chromium@npm:1.5.155" resolution: "electron-to-chromium@npm:1.5.157"
checksum: 10c1/9c11698f48a6f95b31751c2ddb7222a477c3d87679743b99a2fb12ba7f85d50affbdc678a56b3142ade5fe869bfc4721782673aab7d276fd9124513823116675 checksum: 10c1/5d5f36b2b53b95cba41deff68e73df2d2756f6ec74c3dad691e11af20f8de58944ab04e31e64a27d2bd18176ca0ce885c72e32836ac8c8bf4a1f91f798e83af4
languageName: node languageName: node
linkType: hard linkType: hard
@ -7360,25 +7360,25 @@ __metadata:
linkType: hard linkType: hard
"es-abstract@npm:^1.17.5, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3, es-abstract@npm:^1.23.5, es-abstract@npm:^1.23.6, es-abstract@npm:^1.23.9": "es-abstract@npm:^1.17.5, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3, es-abstract@npm:^1.23.5, es-abstract@npm:^1.23.6, es-abstract@npm:^1.23.9":
version: 1.23.9 version: 1.23.10
resolution: "es-abstract@npm:1.23.9" resolution: "es-abstract@npm:1.23.10"
dependencies: dependencies:
array-buffer-byte-length: "npm:^1.0.2" array-buffer-byte-length: "npm:^1.0.2"
arraybuffer.prototype.slice: "npm:^1.0.4" arraybuffer.prototype.slice: "npm:^1.0.4"
available-typed-arrays: "npm:^1.0.7" available-typed-arrays: "npm:^1.0.7"
call-bind: "npm:^1.0.8" call-bind: "npm:^1.0.8"
call-bound: "npm:^1.0.3" call-bound: "npm:^1.0.4"
data-view-buffer: "npm:^1.0.2" data-view-buffer: "npm:^1.0.2"
data-view-byte-length: "npm:^1.0.2" data-view-byte-length: "npm:^1.0.2"
data-view-byte-offset: "npm:^1.0.1" data-view-byte-offset: "npm:^1.0.1"
es-define-property: "npm:^1.0.1" es-define-property: "npm:^1.0.1"
es-errors: "npm:^1.3.0" es-errors: "npm:^1.3.0"
es-object-atoms: "npm:^1.0.0" es-object-atoms: "npm:^1.1.1"
es-set-tostringtag: "npm:^2.1.0" es-set-tostringtag: "npm:^2.1.0"
es-to-primitive: "npm:^1.3.0" es-to-primitive: "npm:^1.3.0"
function.prototype.name: "npm:^1.1.8" function.prototype.name: "npm:^1.1.8"
get-intrinsic: "npm:^1.2.7" get-intrinsic: "npm:^1.3.0"
get-proto: "npm:^1.0.0" get-proto: "npm:^1.0.1"
get-symbol-description: "npm:^1.1.0" get-symbol-description: "npm:^1.1.0"
globalthis: "npm:^1.0.4" globalthis: "npm:^1.0.4"
gopd: "npm:^1.2.0" gopd: "npm:^1.2.0"
@ -7394,13 +7394,13 @@ __metadata:
is-shared-array-buffer: "npm:^1.0.4" is-shared-array-buffer: "npm:^1.0.4"
is-string: "npm:^1.1.1" is-string: "npm:^1.1.1"
is-typed-array: "npm:^1.1.15" is-typed-array: "npm:^1.1.15"
is-weakref: "npm:^1.1.0" is-weakref: "npm:^1.1.1"
math-intrinsics: "npm:^1.1.0" math-intrinsics: "npm:^1.1.0"
object-inspect: "npm:^1.13.3" object-inspect: "npm:^1.13.4"
object-keys: "npm:^1.1.1" object-keys: "npm:^1.1.1"
object.assign: "npm:^4.1.7" object.assign: "npm:^4.1.7"
own-keys: "npm:^1.0.1" own-keys: "npm:^1.0.1"
regexp.prototype.flags: "npm:^1.5.3" regexp.prototype.flags: "npm:^1.5.4"
safe-array-concat: "npm:^1.1.3" safe-array-concat: "npm:^1.1.3"
safe-push-apply: "npm:^1.0.0" safe-push-apply: "npm:^1.0.0"
safe-regex-test: "npm:^1.1.0" safe-regex-test: "npm:^1.1.0"
@ -7413,8 +7413,8 @@ __metadata:
typed-array-byte-offset: "npm:^1.0.4" typed-array-byte-offset: "npm:^1.0.4"
typed-array-length: "npm:^1.0.7" typed-array-length: "npm:^1.0.7"
unbox-primitive: "npm:^1.1.0" unbox-primitive: "npm:^1.1.0"
which-typed-array: "npm:^1.1.18" which-typed-array: "npm:^1.1.19"
checksum: 10c1/15eb33c9296cc13c10ed8a3d417f1c41d30a82b01721330de04cff03d67c0b8b0777ecc1c7fac1931b4c49ee4d85aff6d8cf73bf5354b30d166f43ed03b0cc96 checksum: 10c1/43c8e3dce404a5c371178bf5791b8e806df4177e394b29576e7dd91ef8e8560e7c84acb741708917ad5a8f5077cbae79758bbcedc9d504baa4635f476b257cf7
languageName: node languageName: node
linkType: hard linkType: hard
@ -10071,7 +10071,7 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"is-weakref@npm:^1.0.2, is-weakref@npm:^1.1.0": "is-weakref@npm:^1.0.2, is-weakref@npm:^1.1.1":
version: 1.1.1 version: 1.1.1
resolution: "is-weakref@npm:1.1.1" resolution: "is-weakref@npm:1.1.1"
dependencies: dependencies:
@ -11322,9 +11322,9 @@ __metadata:
linkType: hard linkType: hard
"lottie-web@npm:^5.10.2": "lottie-web@npm:^5.10.2":
version: 5.12.2 version: 5.13.0
resolution: "lottie-web@npm:5.12.2" resolution: "lottie-web@npm:5.13.0"
checksum: 10c1/3c87c49202b35c77081c82ea842286b252fff7ff6470028633693c16457abb062a5d4ddfa270c599aa383f41106f20a54a221bfd1aee77163b8a7309f2bfa2a1 checksum: 10c1/93eb84f936d9d65681b3466b4c5ef0f74ec7cea7d80cdc25739204d1226d3422bdbe90a0bfa72cbc2bfd9ea3e4f3c9c8897f0eed8e2ea48132338121ca30015b
languageName: node languageName: node
linkType: hard linkType: hard
@ -12716,7 +12716,7 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"object-inspect@npm:^1.13.3": "object-inspect@npm:^1.13.3, object-inspect@npm:^1.13.4":
version: 1.13.4 version: 1.13.4
resolution: "object-inspect@npm:1.13.4" resolution: "object-inspect@npm:1.13.4"
checksum: 10c1/e8aa027ddd771b884e64eff9c02112c047709a96af507997437e3085ef097739c584d274828df22ae3fee51645687d0e98a50daa3546092d0aaffca1a57d7790 checksum: 10c1/e8aa027ddd771b884e64eff9c02112c047709a96af507997437e3085ef097739c584d274828df22ae3fee51645687d0e98a50daa3546092d0aaffca1a57d7790
@ -14968,8 +14968,8 @@ __metadata:
linkType: hard linkType: hard
"react-i18next@npm:^15.5.1": "react-i18next@npm:^15.5.1":
version: 15.5.1 version: 15.5.2
resolution: "react-i18next@npm:15.5.1" resolution: "react-i18next@npm:15.5.2"
dependencies: dependencies:
"@babel/runtime": "npm:^7.25.0" "@babel/runtime": "npm:^7.25.0"
html-parse-stringify: "npm:^3.0.1" html-parse-stringify: "npm:^3.0.1"
@ -14984,7 +14984,7 @@ __metadata:
optional: true optional: true
typescript: typescript:
optional: true optional: true
checksum: 10c1/9b160c9d89fc13499af7738bfaf275f7affd247675636124a4984035405f835fe23e0d7965308237aef1c8a17c729dd07ddc0432e2bf5c095771d5ca272c3b4a checksum: 10c1/02ba24aacebe320817e4d4936d15f347a3293363ecb9adb40e1dcaff288cb4e14f2a1e9420e4fb85d36abfba65aeacb384fcaabed0d7977129bf6ecce97ba174
languageName: node languageName: node
linkType: hard linkType: hard
@ -15321,7 +15321,7 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"regexp.prototype.flags@npm:^1.5.3": "regexp.prototype.flags@npm:^1.5.3, regexp.prototype.flags@npm:^1.5.4":
version: 1.5.4 version: 1.5.4
resolution: "regexp.prototype.flags@npm:1.5.4" resolution: "regexp.prototype.flags@npm:1.5.4"
dependencies: dependencies:
@ -18272,7 +18272,7 @@ __metadata:
languageName: node languageName: node
linkType: hard linkType: hard
"which-typed-array@npm:^1.1.16, which-typed-array@npm:^1.1.18, which-typed-array@npm:^1.1.2": "which-typed-array@npm:^1.1.16, which-typed-array@npm:^1.1.19, which-typed-array@npm:^1.1.2":
version: 1.1.19 version: 1.1.19
resolution: "which-typed-array@npm:1.1.19" resolution: "which-typed-array@npm:1.1.19"
dependencies: dependencies: