@akropolys/kiku 1.7.5 → 1.7.6

package/dist/styles.css

@@ -678,34 +678,6 @@
   .hsk-cb-hello-skip {
     animation-delay: 0.60s;
   }
-  .hsk-cb-hello b {
-    background-image:
-      linear-gradient(
-        100deg,
-        currentColor 0%,
-        currentColor 42%,
-        rgba(255, 255, 255, 0.92) 50%,
-        currentColor 58%,
-        currentColor 100%);
-    background-size: 250% 100%;
-    background-repeat: no-repeat;
-    background-position: 130% 0;
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    animation: hsk-hello-sheen 4.5s ease-in-out 1s infinite;
-  }
-  @keyframes hsk-hello-sheen {
-    0% {
-      background-position: 130% 0;
-    }
-    55% {
-      background-position: -30% 0;
-    }
-    100% {
-      background-position: -30% 0;
-    }
-  }
   @media (prefers-reduced-motion: reduce) {
     .hsk-cb-hello,
     .hsk-cb-hello-lead,
@@ -716,9 +688,6 @@
       transform: none;
       filter: none;
     }
-    .hsk-cb-hello b {
-      animation: none;
-    }
   }
   .hsk-cb-chips {
     display: flex;
@@ -1424,6 +1393,69 @@
     color: #ef4444;
     font-size: 13px;
   }
+  .hsk-cb-memory-pill {
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    align-self: flex-start;
+    margin: 4px 0 10px;
+    padding: 9px 14px;
+    font-size: 13px;
+    font-weight: 600;
+    text-decoration: none;
+    color: #fff;
+    background: var(--hsk-primary, #ff6a33);
+    border: none;
+    border-radius: var(--hsk-border-radius, 0px);
+    transition: opacity .15s;
+  }
+  .hsk-cb-memory-pill:hover {
+    opacity: .88;
+  }
+  .hsk-cb-think {
+    margin-bottom: 10px;
+    font-size: 12.5px;
+  }
+  .hsk-cb-think-head {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 0;
+    border: none;
+    background: none;
+    font: inherit;
+    font-weight: 500;
+    color: var(--hsk-chat-muted, #888);
+    cursor: pointer;
+    user-select: none;
+  }
+  .hsk-cb-think-head:hover {
+    color: var(--hsk-chat-text, #111);
+  }
+  .hsk-cb-think-spin {
+    animation: hsk-think-spin 3s linear infinite;
+  }
+  @keyframes hsk-think-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .hsk-cb-think-chevron {
+    font-size: 9px;
+    transition: transform .12s;
+  }
+  .hsk-cb-think-chevron--open {
+    transform: rotate(90deg);
+  }
+  .hsk-cb-think-body {
+    margin-top: 6px;
+    padding: 8px 10px;
+    border-left: 2px solid var(--hsk-chat-border, rgba(128,128,128,.25));
+    color: var(--hsk-chat-muted, #666);
+    white-space: pre-wrap;
+    line-height: 1.45;
+    font-style: italic;
+  }
   .hsk-cb-stopped {
     display: flex;
     align-items: center;
@@ -2570,38 +2602,45 @@
   }
   .hsk-cb-phone-label {
     font-size: 0.875rem;
-    color: var(--hsk-text, inherit);
+    color: var(--hsk-chat-text, #111);
     margin: 0;
   }
   .hsk-cb-phone-input {
     width: 100%;
     box-sizing: border-box;
     padding: 8px 12px;
-    border: 1px solid var(--hsk-border, #e4e4e7);
-    border-radius: var(--hsk-radius, 8px);
-    background: var(--hsk-bg, #fff);
-    color: var(--hsk-text, inherit);
+    border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
+    border-radius: var(--hsk-border-radius, 0px);
+    background: var(--hsk-chat-input-bg, rgba(0,0,0,.04));
+    color: var(--hsk-chat-text, #111);
     font-size: 0.9rem;
     outline: none;
     transition: border-color 0.15s;
   }
+  .hsk-cb-phone-input::placeholder {
+    color: var(--hsk-chat-muted, #888);
+  }
   .hsk-cb-phone-input:focus {
-    border-color: var(--hsk-primary, #6366f1);
+    border-color: var(--hsk-primary, #ff6a33);
   }
   .hsk-cb-phone-submit {
     align-self: flex-start;
     padding: 8px 16px;
-    border: 1px solid var(--hsk-border, #e4e4e7);
-    border-radius: var(--hsk-radius, 8px);
-    background: var(--hsk-bg, #fff);
-    color: var(--hsk-text, inherit);
+    border: 1px solid var(--hsk-chat-divide, rgba(0,0,0,.12));
+    border-radius: var(--hsk-border-radius, 0px);
+    background: transparent;
+    color: var(--hsk-chat-text, #111);
     font-size: 0.875rem;
     font-weight: 500;
     cursor: pointer;
-    transition: background 0.15s, border-color 0.15s;
+    transition:
+      background 0.15s,
+      border-color 0.15s,
+      color 0.15s;
   }
   .hsk-cb-phone-submit:hover {
-    border-color: var(--hsk-primary, #6366f1);
+    border-color: var(--hsk-primary, #ff6a33);
+    color: var(--hsk-primary, #ff6a33);
   }
   .hsk-cb-main {
     flex: 1;