@grigoriychernish/widget-chat-opti 1.0.0 → 1.0.1

package/dist/{assets/ChatWidget-DeUjMXPI.css → widget.css}

@@ -1 +1,2 @@
 :root{--chat-font-family:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--chat-transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--chat-transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--chat-transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}.ai-widget-container{font-family:var(--chat-font-family);z-index:99999;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:24px}.ai-widget-container.bottom-right{align-items:flex-end;right:24px}.ai-widget-container.bottom-left{align-items:flex-start;left:24px}.ai-widget-container button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.ai-widget-launcher{pointer-events:auto;cursor:pointer;width:60px;height:60px;transition:transform var(--chat-transition-fast), box-shadow var(--chat-transition-fast);background:var(--chat-primary-color,#6366f1);color:#fff;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 8px 24px #00000026}.ai-widget-launcher:hover{box-shadow:0 12px 32px rgba(var(--chat-primary-rgb,99, 102, 241), .35);transform:scale(1.08)translateY(-2px)}.ai-widget-launcher:active{transform:scale(.95)}.ai-widget-launcher:before{content:"";border:2px solid var(--chat-primary-color,#6366f1);opacity:0;transition:opacity var(--chat-transition-normal), transform var(--chat-transition-normal);border-radius:50%;position:absolute;inset:-4px;transform:scale(.9)}.ai-widget-launcher:hover:before{opacity:.4;animation:2s infinite chat-pulse;transform:scale(1.05)}.ai-widget-window{pointer-events:auto;background:var(--chat-bg-color,#fffffff2);border:1px solid var(--chat-border-color,#e2e8f0cc);opacity:0;visibility:hidden;width:380px;max-width:calc(100vw - 48px);height:580px;max-height:calc(100vh - 120px);transition:transform var(--chat-transition-normal), opacity var(--chat-transition-normal), visibility var(--chat-transition-normal);transform-origin:100% 100%;border-radius:24px;flex-direction:column;margin-bottom:16px;display:flex;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 12px 40px #0000001f}.ai-widget-window.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.ai-widget-container.bottom-left .ai-widget-window{transform-origin:0 100%}.ai-widget-window.glass{-webkit-backdrop-filter:blur(20px);background:var(--chat-bg-glass,#ffffffbf)}.ai-widget-header{background:var(--chat-header-bg,#fff);border-bottom:1px solid var(--chat-border-color,#e2e8f0cc);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-widget-header-info{align-items:center;gap:12px;display:flex}.ai-widget-avatar-container{width:40px;height:40px;position:relative}.ai-widget-avatar{object-fit:cover;background:var(--chat-avatar-bg,#6366f11a);width:100%;height:100%;color:var(--chat-primary-color,#6366f1);border-radius:50%;justify-content:center;align-items:center;display:flex}.ai-widget-status-badge{background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.ai-widget-header-text{flex-direction:column;display:flex}.ai-widget-header-name{color:var(--chat-text-main,#1e293b);margin:0;font-size:15px;font-weight:600;line-height:1.2}.ai-widget-header-status{color:#22c55e;align-items:center;gap:4px;margin:2px 0 0;font-size:12px;display:flex}.ai-widget-header-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.5s infinite chat-blink;display:inline-block}.ai-widget-header-close{cursor:pointer;color:var(--chat-text-muted,#94a3b8);transition:background var(--chat-transition-fast), color var(--chat-transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.ai-widget-header-close:hover{background:var(--chat-hover-bg,#f1f5f9);color:var(--chat-text-main,#1e293b)}.ai-widget-body{background:var(--chat-body-bg,#f8fafc);scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.ai-widget-body::-webkit-scrollbar{width:6px}.ai-widget-body::-webkit-scrollbar-track{background:0 0}.ai-widget-body::-webkit-scrollbar-thumb{background:var(--chat-scroll-thumb,#cbd5e1);border-radius:10px}.ai-widget-body::-webkit-scrollbar-thumb:hover{background:var(--chat-scroll-thumb-hover,#94a3b8)}.ai-widget-message-row{gap:10px;max-width:85%;animation:.35s cubic-bezier(.16,1,.3,1) forwards chat-fade-in-up;display:flex}.ai-widget-message-row.user{flex-direction:row-reverse;align-self:flex-end}.ai-widget-message-row.ai{align-self:flex-start}.ai-widget-message-avatar{background:var(--chat-primary-color,#6366f1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:4px;font-size:12px;display:flex}.ai-widget-message-content{flex-direction:column;gap:4px;display:flex}.ai-widget-message-bubble{word-break:break-word;border-radius:18px;padding:12px 16px;font-size:14px;line-height:1.45}.ai-widget-message-row.user .ai-widget-message-bubble{background:var(--chat-primary-color,#6366f1);color:#fff;box-shadow:0 4px 10px rgba(var(--chat-primary-rgb,99, 102, 241), .2);border-bottom-right-radius:4px}.ai-widget-message-row.ai .ai-widget-message-bubble{background:var(--chat-bubble-ai-bg,#fff);color:var(--chat-text-main,#1e293b);border:1px solid var(--chat-border-color,#e2e8f099);border-bottom-left-radius:4px;box-shadow:0 2px 4px #00000005}.ai-widget-message-time{color:var(--chat-text-muted,#94a3b8);align-self:flex-end;padding:0 4px;font-size:11px}.ai-widget-message-row.user .ai-widget-message-time{align-self:flex-end}.ai-widget-footer{background:var(--chat-header-bg,#fff);border-top:1px solid var(--chat-border-color,#e2e8f0cc);padding:16px 20px}.ai-widget-input-container{background:var(--chat-input-bg,#f1f5f9);border:1px solid var(--chat-border-color,#e2e8f0cc);transition:border-color var(--chat-transition-fast), box-shadow var(--chat-transition-fast), background var(--chat-transition-fast);border-radius:16px;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.ai-widget-input-container:focus-within{border-color:var(--chat-primary-color,#6366f1);box-shadow:0 0 0 3px rgba(var(--chat-primary-rgb,99, 102, 241), .15);background:#fff}.ai-widget-input{color:var(--chat-text-main,#1e293b);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:80px;padding:8px 0;font-family:inherit;font-size:14px;line-height:1.4}.ai-widget-input::placeholder{color:var(--chat-text-muted,#94a3b8)}.ai-widget-send-btn{background:var(--chat-primary-color,#6366f1);color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--chat-transition-fast), transform var(--chat-transition-fast);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-widget-send-btn:hover:not(:disabled){background:var(--chat-primary-hover,#4f46e5);transform:translateY(-1px)}.ai-widget-send-btn:active:not(:disabled){transform:scale(.95)}.ai-widget-send-btn:disabled{background:var(--chat-text-muted,#cbd5e1);cursor:not-allowed;opacity:.7}.ai-widget-mic-btn{color:var(--chat-text-muted,#94a3b8);cursor:pointer;width:36px;height:36px;transition:background var(--chat-transition-fast), color var(--chat-transition-fast), transform var(--chat-transition-fast);background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-widget-mic-btn:hover:not(:disabled){background:var(--chat-hover-bg,#f1f5f9);color:var(--chat-text-main,#1e293b);transform:translateY(-1px)}.ai-widget-mic-btn:active:not(:disabled){transform:scale(.95)}.ai-widget-mic-btn:disabled{cursor:not-allowed;opacity:.5}.ai-widget-mic-btn.recording{animation:1.5s ease-in-out infinite mic-pulse;box-shadow:0 0 12px #ef444466;color:#fff!important;background:#ef4444!important}@keyframes mic-pulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.05);box-shadow:0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.ai-widget-typing{align-items:center;gap:4px;padding:4px 8px;display:flex}.ai-widget-typing-dot{background:var(--chat-text-muted,#94a3b8);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both chat-bounce}.ai-widget-typing-dot:first-child{animation-delay:-.32s}.ai-widget-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes chat-pulse{0%{box-shadow:0 0 0 0 rgba(var(--chat-primary-rgb,99, 102, 241), .6)}70%{box-shadow:0 0 0 12px rgba(var(--chat-primary-rgb,99, 102, 241), 0)}to{box-shadow:0 0 0 0 rgba(var(--chat-primary-rgb,99, 102, 241), 0)}}@keyframes chat-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes chat-blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes chat-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.ai-widget-container{bottom:0!important;left:0!important;right:0!important}.ai-widget-launcher{margin:16px}.ai-widget-window{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;transform-origin:bottom;border:none;border-radius:0;margin-bottom:0;transform:translateY(100%)scale(1);bottom:0!important;left:0!important;right:0!important}.ai-widget-window.open{transform:translateY(0)scale(1)}.ai-widget-header{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px));border-radius:0}.ai-widget-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px))}.ai-widget-input{font-size:16px}.ai-widget-header-close{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ai-widget-mic-btn,.ai-widget-send-btn{border-radius:14px;width:44px;height:44px}.ai-widget-input-container{padding:4px 4px 4px 14px}:is(.ai-widget-container.bottom-right:has(.ai-widget-window.open) .ai-widget-launcher,.ai-widget-container.bottom-left:has(.ai-widget-window.open) .ai-widget-launcher){display:none}}.ai-widget-message-row.error{align-self:flex-start;max-width:90%}.ai-widget-error-card{color:#991b1b;background:#fff5f5;border:1px solid #fee2e2;border-radius:18px 18px 18px 4px;flex-direction:column;gap:10px;padding:14px 16px;font-family:inherit;animation:.4s cubic-bezier(.16,1,.3,1) forwards chat-fade-in-up;display:flex;box-shadow:0 4px 15px #0000000d}.ai-widget-window.dark .ai-widget-error-card{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;box-shadow:0 4px 20px #0003}.ai-widget-window.glass:not(.dark) .ai-widget-error-card{-webkit-backdrop-filter:blur(10px);background:#fef2f299;border:1px solid #ef444426}.ai-widget-error-header{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.ai-widget-error-icon{color:#ef4444;justify-content:center;align-items:center;animation:2s ease-in-out infinite chat-blink;display:flex}.ai-widget-error-title{color:inherit}.ai-widget-error-text{color:#7f1d1d;opacity:.9;margin:0;font-size:13.5px;line-height:1.45}.ai-widget-window.dark .ai-widget-error-text{color:#fecaca}.ai-widget-retry-btn{cursor:pointer;color:#dc2626;background:#fff;border:1px solid #fecaca;border-radius:10px;outline:none;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .1s;display:inline-flex;box-shadow:0 2px 4px #00000005}.ai-widget-retry-btn:hover{color:#b91c1c;background:#fef2f2;border-color:#f87171;transform:translateY(-.5px)}.ai-widget-retry-btn:active{transform:scale(.97)}.ai-widget-window.dark .ai-widget-retry-btn{color:#fca5a5;background:#ffffff14;border:1px solid #ef44444d}.ai-widget-window.dark .ai-widget-retry-btn:hover{color:#fff;background:#ef444426;border-color:#ef4444}.ai-widget-retry-btn:hover .ai-widget-retry-icon{animation:.6s cubic-bezier(.4,0,.2,1) chat-spin}@keyframes chat-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
+/*$vite$:1*/