@akropolys/kiku 1.7.3 → 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;
@@ -926,6 +961,32 @@
     fill: currentColor;
     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;
     -webkit-mask-image:
@@ -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;