@vibe-forge/client 0.11.2 → 0.11.3

package/src/components/chat/ThinkingStatus.scss

@@ -1,70 +0,0 @@
-.chat-thinking-status {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 0;
-  color: #9ca3af;
-  font-size: 12px;
-  animation: fadeIn .3s ease-in-out;
-
-  .dot-flashing {
-    position: relative;
-    width: 4px;
-    height: 4px;
-    border-radius: 5px;
-    background-color: #3b82f6;
-    color: #3b82f6;
-    animation: dotFlashing 1s infinite linear alternate;
-    animation-delay: .5s;
-    margin: 0 12px 0 10px;
-
-    &::before, &::after {
-      content: '';
-      display: inline-block;
-      position: absolute;
-      top: 0;
-    }
-
-    &::before {
-      left: -8px;
-      width: 4px;
-      height: 4px;
-      border-radius: 5px;
-      background-color: #3b82f6;
-      color: #3b82f6;
-      animation: dotFlashing 1s infinite linear alternate;
-      animation-delay: 0s;
-    }
-
-    &::after {
-      left: 8px;
-      width: 4px;
-      height: 4px;
-      border-radius: 5px;
-      background-color: #3b82f6;
-      color: #3b82f6;
-      animation: dotFlashing 1s infinite linear alternate;
-      animation-delay: 1s;
-    }
-  }
-}
-
-@keyframes dotFlashing {
-  0% {
-    background-color: #3b82f6;
-  }
-  50%, 100% {
-    background-color: #e5e7eb;
-  }
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(5px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}

package/src/components/chat/ThinkingStatus.tsx

@@ -1,13 +0,0 @@
-import './ThinkingStatus.scss'
-
-import { useTranslation } from 'react-i18next'
-
-export function ThinkingStatus() {
-  const { t } = useTranslation()
-  return (
-    <div className='chat-thinking-status'>
-      <div className='dot-flashing'></div>
-      <span>{t('chat.thinking')}</span>
-    </div>
-  )
-}