shadok-ai 0.2.28 → 0.2.30
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/package.json +1 -1
- package/public/index.html +23 -2
package/package.json
CHANGED
package/public/index.html
CHANGED
|
@@ -843,7 +843,28 @@
|
|
|
843
843
|
.freetext-row { display: flex; gap: 8px; width: 100%; }
|
|
844
844
|
.freetext-row input { flex: 1; }
|
|
845
845
|
#thinking { display: none; align-self: flex-start; color: var(--text-dim); font-family: var(--mono); font-size: 12.5px; padding: 0 22px 6px; }
|
|
846
|
-
#thinking.visible { display:
|
|
846
|
+
#thinking.visible { display: flex; align-items: center; gap: 6px; }
|
|
847
|
+
/* Texte qui scintille (balayage ambre) + trois points qui rebondissent. */
|
|
848
|
+
#thinking .tw-text {
|
|
849
|
+
background: linear-gradient(90deg, var(--text-dim) 30%, var(--phosphor) 50%, var(--text-dim) 70%);
|
|
850
|
+
background-size: 220% 100%;
|
|
851
|
+
-webkit-background-clip: text; background-clip: text;
|
|
852
|
+
-webkit-text-fill-color: transparent; color: transparent;
|
|
853
|
+
animation: tw-shimmer 1.9s linear infinite;
|
|
854
|
+
}
|
|
855
|
+
@keyframes tw-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
|
|
856
|
+
#thinking .tw-dots { display: inline-flex; align-items: flex-end; gap: 3px; }
|
|
857
|
+
#thinking .tw-dots i {
|
|
858
|
+
width: 3px; height: 3px; border-radius: 50%; background: var(--amber);
|
|
859
|
+
opacity: 0.3; animation: tw-dot 1.2s ease-in-out infinite;
|
|
860
|
+
}
|
|
861
|
+
#thinking .tw-dots i:nth-child(2) { animation-delay: 0.18s; }
|
|
862
|
+
#thinking .tw-dots i:nth-child(3) { animation-delay: 0.36s; }
|
|
863
|
+
@keyframes tw-dot { 0%, 100% { opacity: 0.25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
|
|
864
|
+
@media (prefers-reduced-motion: reduce) {
|
|
865
|
+
#thinking .tw-text { animation: none; color: var(--phosphor); -webkit-text-fill-color: currentColor; }
|
|
866
|
+
#thinking .tw-dots i { animation: none; opacity: 0.6; }
|
|
867
|
+
}
|
|
847
868
|
|
|
848
869
|
/* Composer */
|
|
849
870
|
#composer {
|
|
@@ -1471,7 +1492,7 @@
|
|
|
1471
1492
|
</div>
|
|
1472
1493
|
|
|
1473
1494
|
<div id="transcripts"></div>
|
|
1474
|
-
<div id="thinking">
|
|
1495
|
+
<div id="thinking"><span class="tw-text">Shadok is working</span><span class="tw-dots"><i></i><i></i><i></i></span></div>
|
|
1475
1496
|
|
|
1476
1497
|
<form id="composer" hidden>
|
|
1477
1498
|
<textarea id="promptInput" rows="1"
|