@akropolys/kiku 1.7.2 → 1.7.4

package/dist/styles.css

@@ -621,6 +621,16 @@
     align-items: center;
     animation: hsk-sparkle-spin 4s linear infinite;
   }
+  .hsk-cb-empty-logo {
+    width: 52px;
+    height: 52px;
+    color: var(--hsk-primary, #ff6a33);
+  }
+  .hsk-cb-empty-logo .hsk-brand-mark {
+    width: 100%;
+    height: 100%;
+    fill: currentColor;
+  }
   .hsk-cb-empty-title {
     font-size: 26px;
     font-weight: 500;
@@ -633,6 +643,31 @@
     line-height: 1.7;
     max-width: 380px;
   }
+  .hsk-cb-onboard-title {
+    font-size: 34px;
+    font-weight: 600;
+    letter-spacing: -.03em;
+  }
+  .hsk-cb-onboard-ask {
+    font-size: 17px;
+    font-weight: 500;
+    color: var(--hsk-chat-text, #111);
+    margin-top: 4px;
+  }
+  .hsk-cb-onboard-skip {
+    margin-top: 2px;
+    padding: 4px 10px;
+    font-size: 12.5px;
+    color: var(--hsk-chat-muted, #888);
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+  .hsk-cb-onboard-skip:hover {
+    color: var(--hsk-chat-text, #111);
+  }
   .hsk-cb-chips {
     display: flex;
     flex-wrap: wrap;
@@ -924,7 +959,33 @@
     position: absolute;
     inset: 0;
     fill: currentColor;
-    opacity: 0.3;
+    opacity: 0.16;
+  }
+  .hsk-cb-thinking-icon .hsk-brand-mark:not(.hsk-brand-mark--sheen) {
+    transform-origin: 50% 100%;
+    animation: hsk-glyph-settle 2.8s infinite;
+  }
+  @keyframes hsk-glyph-settle {
+    0%, 72% {
+      opacity: 0.16;
+      transform: scale(1);
+    }
+    82% {
+      opacity: 1;
+      transform: scale(1.07);
+      animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
+    }
+    90% {
+      transform: scale(0.97);
+    }
+    95% {
+      opacity: 1;
+      transform: scale(1);
+    }
+    100% {
+      opacity: 0.16;
+      transform: scale(1);
+    }
   }
   .hsk-cb-thinking-icon .hsk-brand-mark--sheen {
     opacity: 1;
@@ -958,7 +1019,7 @@
   }
   .hsk-handle-orbit {
     position: absolute;
-    left: 56.8%;
+    left: 55.4%;
     top: 69.84%;
     width: 0;
     height: 0;
@@ -998,7 +1059,7 @@
   }
   .hsk-handle-rest {
     position: absolute;
-    left: 56.8%;
+    left: 55.4%;
     top: 69.84%;
     width: 4px;
     height: 4px;
@@ -1311,6 +1372,44 @@
     color: #ef4444;
     font-size: 13px;
   }
+  .hsk-cb-stopped {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin: 8px 0;
+    flex-wrap: wrap;
+  }
+  .hsk-cb-stopped-label {
+    font-size: 12.5px;
+    color: var(--hsk-chat-muted, #888);
+  }
+  .hsk-cb-continue {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 7px 12px;
+    font-size: 12.5px;
+    font-weight: 600;
+    color: var(--hsk-chat-text, #111);
+    background: transparent;
+    border: 1.5px solid var(--hsk-chat-divide, rgba(0,0,0,.14));
+    border-radius: var(--hsk-border-radius, 0px);
+    cursor: pointer;
+    transition:
+      border-color .15s,
+      color .15s,
+      background .15s;
+  }
+  .hsk-cb-continue:hover {
+    border-color: var(--hsk-primary);
+    color: var(--hsk-primary);
+  }
+  @media (prefers-color-scheme: dark) {
+    .hsk-cb-continue {
+      border-color: rgba(255, 255, 255, .14);
+      color: #f0efed;
+    }
+  }
   @media (prefers-color-scheme: dark) {
     .hsk-cb-overlay {
       --hsk-chat-bg: #0a0a0a;
@@ -3494,6 +3593,13 @@
   border-radius: 8px;
   display: block;
 }
+.hsk-cb-viz-disclaimer {
+  max-width: 420px;
+  margin-top: 4px;
+  font-size: 10.5px;
+  line-height: 1.4;
+  color: var(--hsk-chat-muted, #9aa0a6);
+}
 .hsk-cb-viz--loading {
   display: flex;
   align-items: center;