@akropolys/kiku 1.7.11 → 1.7.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +525 -503
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +525 -503
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +77 -7
- package/dist/styles.css.map +1 -1
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
.hsk-chat-reset,
|
|
16
16
|
.hsk-close-btn,
|
|
17
17
|
.hsk-cb-overlay {
|
|
18
|
+
--hsk-font-size: 14.5px;
|
|
18
19
|
touch-action: manipulation;
|
|
19
20
|
-webkit-tap-highlight-color: transparent;
|
|
20
21
|
}
|
|
@@ -28,6 +29,7 @@
|
|
|
28
29
|
--hsk-text: var(--chat-text-color, #1f1f1f);
|
|
29
30
|
--hsk-primary: var(--chat-primary-color, #ff6a33);
|
|
30
31
|
--hsk-font: var(--chat-font-family, inherit);
|
|
32
|
+
--hsk-font-size: 13px;
|
|
31
33
|
display: flex;
|
|
32
34
|
flex-direction: column;
|
|
33
35
|
height: 100%;
|
|
@@ -155,7 +157,7 @@
|
|
|
155
157
|
max-width: 78%;
|
|
156
158
|
padding: 10px 14px;
|
|
157
159
|
border-radius: var(--hsk-border-radius, 0px);
|
|
158
|
-
font-size: 13px;
|
|
160
|
+
font-size: var(--hsk-font-size, 13px);
|
|
159
161
|
line-height: 1.6;
|
|
160
162
|
}
|
|
161
163
|
.hsk-msg-bubble.ai {
|
|
@@ -172,6 +174,73 @@
|
|
|
172
174
|
background: var(--hsk-primary);
|
|
173
175
|
color: #fff;
|
|
174
176
|
}
|
|
177
|
+
.hsk-streaming-cursor {
|
|
178
|
+
display: inline-block;
|
|
179
|
+
width: 6px;
|
|
180
|
+
height: 1.1em;
|
|
181
|
+
margin-left: 3px;
|
|
182
|
+
vertical-align: -2px;
|
|
183
|
+
background-color: var(--hsk-primary);
|
|
184
|
+
animation: hsk-cursor-blink 0.9s infinite;
|
|
185
|
+
}
|
|
186
|
+
@keyframes hsk-cursor-blink {
|
|
187
|
+
0%, 100% {
|
|
188
|
+
opacity: 1;
|
|
189
|
+
}
|
|
190
|
+
50% {
|
|
191
|
+
opacity: 0;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
.hsk-status-live {
|
|
195
|
+
display: flex;
|
|
196
|
+
align-items: center;
|
|
197
|
+
gap: 8px;
|
|
198
|
+
font-size: 12px;
|
|
199
|
+
color: #666;
|
|
200
|
+
padding: 4px 0 8px 0;
|
|
201
|
+
font-weight: 500;
|
|
202
|
+
}
|
|
203
|
+
.hsk-status-dot {
|
|
204
|
+
width: 8px;
|
|
205
|
+
height: 8px;
|
|
206
|
+
border-radius: 50%;
|
|
207
|
+
background-color: var(--hsk-primary);
|
|
208
|
+
animation: hsk-pulse 1.4s infinite ease-in-out;
|
|
209
|
+
}
|
|
210
|
+
@keyframes hsk-pulse {
|
|
211
|
+
0%, 100% {
|
|
212
|
+
transform: scale(0.8);
|
|
213
|
+
opacity: 0.5;
|
|
214
|
+
}
|
|
215
|
+
50% {
|
|
216
|
+
transform: scale(1.2);
|
|
217
|
+
opacity: 1;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
.hsk-thinking-details {
|
|
221
|
+
margin-bottom: 10px;
|
|
222
|
+
padding: 8px 12px;
|
|
223
|
+
background: rgba(0, 0, 0, 0.03);
|
|
224
|
+
border: 1px solid rgba(0, 0, 0, 0.06);
|
|
225
|
+
border-radius: 8px;
|
|
226
|
+
font-size: 12px;
|
|
227
|
+
}
|
|
228
|
+
.hsk-thinking-summary {
|
|
229
|
+
cursor: pointer;
|
|
230
|
+
font-weight: 600;
|
|
231
|
+
color: #666;
|
|
232
|
+
user-select: none;
|
|
233
|
+
}
|
|
234
|
+
.hsk-thinking-text {
|
|
235
|
+
margin-top: 8px;
|
|
236
|
+
white-space: pre-wrap;
|
|
237
|
+
color: #555;
|
|
238
|
+
font-family: monospace;
|
|
239
|
+
font-size: 11px;
|
|
240
|
+
line-height: 1.4;
|
|
241
|
+
max-height: 200px;
|
|
242
|
+
overflow-y: auto;
|
|
243
|
+
}
|
|
175
244
|
.hsk-sources-container {
|
|
176
245
|
margin-left: 36px;
|
|
177
246
|
}
|
|
@@ -485,7 +554,7 @@
|
|
|
485
554
|
display: flex;
|
|
486
555
|
flex-direction: column;
|
|
487
556
|
animation: hsk-overlay-in .2s ease-out both;
|
|
488
|
-
background: #ffffff !important;
|
|
557
|
+
background: var(--hsk-chat-bg, #ffffff) !important;
|
|
489
558
|
}
|
|
490
559
|
@keyframes hsk-overlay-in {
|
|
491
560
|
from {
|
|
@@ -767,7 +836,7 @@
|
|
|
767
836
|
color: #fff;
|
|
768
837
|
padding: 10px 16px;
|
|
769
838
|
border-radius: var(--hsk-border-radius, 0px);
|
|
770
|
-
font-size: 14.5px;
|
|
839
|
+
font-size: var(--hsk-font-size, 14.5px);
|
|
771
840
|
line-height: 1.55;
|
|
772
841
|
max-width: 72%;
|
|
773
842
|
font-weight: 500;
|
|
@@ -796,7 +865,7 @@
|
|
|
796
865
|
min-width: 0;
|
|
797
866
|
}
|
|
798
867
|
.hsk-cb-ai-text {
|
|
799
|
-
font-size: 14.5px;
|
|
868
|
+
font-size: var(--hsk-font-size, 14.5px);
|
|
800
869
|
line-height: 1.65;
|
|
801
870
|
color: var(--hsk-chat-text, #111);
|
|
802
871
|
white-space: pre-wrap;
|
|
@@ -1534,7 +1603,7 @@
|
|
|
1534
1603
|
--hsk-chat-input-bg: rgba(255,255,255,.05);
|
|
1535
1604
|
--hsk-chat-source-bg: rgba(255,255,255,.04);
|
|
1536
1605
|
--hsk-fade-bg: #0a0a0a;
|
|
1537
|
-
background: #000000 !important;
|
|
1606
|
+
background: var(--hsk-chat-bg, #000000) !important;
|
|
1538
1607
|
}
|
|
1539
1608
|
.hsk-cb-topbar-title {
|
|
1540
1609
|
color: #f0efed;
|
|
@@ -1628,7 +1697,7 @@
|
|
|
1628
1697
|
--hsk-chat-input-bg: #f1f3f4;
|
|
1629
1698
|
--hsk-chat-source-bg: #f8f9fa;
|
|
1630
1699
|
--hsk-fade-bg: #ffffff;
|
|
1631
|
-
background: #ffffff !important;
|
|
1700
|
+
background: var(--hsk-chat-bg, #ffffff) !important;
|
|
1632
1701
|
}
|
|
1633
1702
|
}
|
|
1634
1703
|
.hsk-sb-wrap {
|
|
@@ -3712,7 +3781,8 @@
|
|
|
3712
3781
|
margin-top: 10px;
|
|
3713
3782
|
animation: hsk-msg-in .2s ease-out both;
|
|
3714
3783
|
}
|
|
3715
|
-
.hsk-cb-viz img
|
|
3784
|
+
.hsk-cb-viz img,
|
|
3785
|
+
.hsk-cb-viz video {
|
|
3716
3786
|
width: 100%;
|
|
3717
3787
|
max-width: 420px;
|
|
3718
3788
|
border-radius: 8px;
|