@usecrow/ui 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +154 -129
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +154 -129
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
- package/dist/styles.css +0 -3
package/dist/index.js
CHANGED
|
@@ -6,6 +6,26 @@ import ReactMarkdown from 'react-markdown';
|
|
|
6
6
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
7
7
|
import { CrowClient } from '@usecrow/client';
|
|
8
8
|
|
|
9
|
+
// src/styles/inject.ts
|
|
10
|
+
var STYLE_ID = "crow-ui-styles";
|
|
11
|
+
var CSS_CONTENT = `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
|
|
12
|
+
|
|
13
|
+
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.crow-pointer-events-none{pointer-events:none}.crow-pointer-events-auto{pointer-events:auto}.crow-fixed{position:fixed}.crow-absolute{position:absolute}.crow-relative{position:relative}.crow-sticky{position:sticky}.crow-bottom-0{bottom:0}.crow-bottom-full{bottom:100%}.crow-left-0{left:0}.crow-right-0{right:0}.crow-top-0{top:0}.crow-z-50{z-index:50}.crow-z-\\[999999\\]{z-index:999999}.crow-m-0{margin:0}.crow-my-1{margin-top:.25rem}.crow-mb-1,.crow-my-1{margin-bottom:.25rem}.crow-mb-2{margin-bottom:.5rem}.crow-mb-3{margin-bottom:.75rem}.crow-ml-0{margin-left:0}.crow-ml-0\\.5{margin-left:.125rem}.crow-ml-2{margin-left:.5rem}.crow-ml-4{margin-left:1rem}.crow-mt-0{margin-top:0}.crow-mt-0\\.5{margin-top:.125rem}.crow-mt-1{margin-top:.25rem}.crow-mt-2{margin-top:.5rem}.crow-mt-auto{margin-top:auto}.crow-inline-block{display:inline-block}.crow-flex{display:flex}.crow-inline-flex{display:inline-flex}.crow-h-10{height:2.5rem}.crow-h-12{height:3rem}.crow-h-2{height:.5rem}.crow-h-3{height:.75rem}.crow-h-3\\.5{height:.875rem}.crow-h-4{height:1rem}.crow-h-7{height:1.75rem}.crow-h-8{height:2rem}.crow-h-full{height:100%}.crow-max-h-32{max-height:8rem}.crow-max-h-\\[200px\\]{max-height:200px}.crow-min-h-0{min-height:0}.crow-min-h-\\[32px\\]{min-height:32px}.crow-w-0{width:0}.crow-w-0\\.5{width:.125rem}.crow-w-2{width:.5rem}.crow-w-3{width:.75rem}.crow-w-3\\.5{width:.875rem}.crow-w-4{width:1rem}.crow-w-7{width:1.75rem}.crow-w-8{width:2rem}.crow-w-full{width:100%}.crow-min-w-0{min-width:0}.crow-min-w-\\[180px\\]{min-width:180px}.crow-max-w-\\[80\\%\\]{max-width:80%}.crow-max-w-\\[90\\%\\]{max-width:90%}.crow-max-w-full{max-width:100%}.crow-flex-1{flex:1 1 0%}.crow-flex-shrink-0{flex-shrink:0}.crow-rotate-180{--tw-rotate:180deg}.crow-rotate-180,.crow-scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.crow-scale-100{--tw-scale-x:1;--tw-scale-y:1}.crow-scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.crow-animate-fade-in{animation:crow-fadeIn .2s ease-out}.crow-animate-pulse{animation:crow-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.crow-animate-slide-up{animation:crow-slideUp .3s ease-out}@keyframes crow-spin{to{transform:rotate(1turn)}}.crow-animate-spin{animation:crow-spin 1s linear infinite}.crow-cursor-default{cursor:default}.crow-cursor-not-allowed{cursor:not-allowed}.crow-cursor-pointer{cursor:pointer}.crow-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.crow-resize-none{resize:none}.crow-list-decimal{list-style-type:decimal}.crow-list-disc{list-style-type:disc}.crow-flex-row{flex-direction:row}.crow-flex-col{flex-direction:column}.crow-items-start{align-items:flex-start}.crow-items-end{align-items:flex-end}.crow-items-center{align-items:center}.crow-justify-start{justify-content:flex-start}.crow-justify-end{justify-content:flex-end}.crow-justify-center{justify-content:center}.crow-justify-between{justify-content:space-between}.crow-gap-1{gap:.25rem}.crow-gap-1\\.5{gap:.375rem}.crow-gap-2{gap:.5rem}.crow-gap-3{gap:.75rem}.crow-gap-4{gap:1rem}.crow-gap-6{gap:1.5rem}.crow-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.crow-space-y-1\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.crow-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.crow-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.crow-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.crow-overflow-hidden{overflow:hidden}.crow-overflow-visible{overflow:visible}.crow-overflow-x-auto{overflow-x:auto}.crow-overflow-y-auto{overflow-y:auto}.crow-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crow-whitespace-pre-wrap{white-space:pre-wrap}.crow-break-words{overflow-wrap:break-word}.crow-rounded{border-radius:.25rem}.crow-rounded-2xl{border-radius:1rem}.crow-rounded-3xl{border-radius:1.5rem}.crow-rounded-full{border-radius:9999px}.crow-rounded-lg{border-radius:.5rem}.crow-rounded-md{border-radius:.375rem}.crow-rounded-xl{border-radius:.75rem}.crow-border{border-width:1px}.crow-border-b{border-bottom-width:1px}.crow-border-l{border-left-width:1px}.crow-border-l-2{border-left-width:2px}.crow-border-r{border-right-width:1px}.crow-border-t{border-top-width:1px}.crow-border-none{border-style:none}.crow-border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.crow-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.crow-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.crow-border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.crow-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.crow-bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.crow-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.crow-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.crow-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.crow-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.crow-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.crow-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.crow-bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.crow-bg-transparent{background-color:transparent}.crow-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.crow-p-0{padding:0}.crow-p-1{padding:.25rem}.crow-p-1\\.5{padding:.375rem}.crow-p-2{padding:.5rem}.crow-p-3{padding:.75rem}.crow-p-4{padding:1rem}.crow-p-6{padding:1.5rem}.crow-px-1{padding-left:.25rem;padding-right:.25rem}.crow-px-2{padding-left:.5rem;padding-right:.5rem}.crow-px-3{padding-left:.75rem;padding-right:.75rem}.crow-px-4{padding-left:1rem;padding-right:1rem}.crow-px-6{padding-left:1.5rem;padding-right:1.5rem}.crow-py-0{padding-top:0;padding-bottom:0}.crow-py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.crow-py-1{padding-top:.25rem;padding-bottom:.25rem}.crow-py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.crow-py-2{padding-top:.5rem;padding-bottom:.5rem}.crow-py-3{padding-top:.75rem;padding-bottom:.75rem}.crow-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.crow-py-8{padding-top:2rem;padding-bottom:2rem}.crow-pb-2{padding-bottom:.5rem}.crow-pl-3{padding-left:.75rem}.crow-pl-4{padding-left:1rem}.crow-pl-5{padding-left:1.25rem}.crow-pr-4{padding-right:1rem}.crow-pt-1{padding-top:.25rem}.crow-text-left{text-align:left}.crow-text-center{text-align:center}.crow-text-right{text-align:right}.crow-align-text-bottom{vertical-align:text-bottom}.crow-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.crow-text-base{font-size:1rem;line-height:1.5rem}.crow-text-lg{font-size:1.125rem;line-height:1.75rem}.crow-text-sm{font-size:.875rem;line-height:1.25rem}.crow-text-xs{font-size:.75rem;line-height:1rem}.crow-font-bold{font-weight:700}.crow-font-medium{font-weight:500}.crow-font-semibold{font-weight:600}.crow-uppercase{text-transform:uppercase}.crow-leading-relaxed{line-height:1.625}.crow-tracking-wide{letter-spacing:.025em}.crow-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.crow-text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.crow-text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.crow-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.crow-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.crow-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.crow-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.crow-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.crow-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.crow-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.crow-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.crow-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.crow-underline{text-decoration-line:underline}.crow-opacity-0{opacity:0}.crow-opacity-100{opacity:1}.crow-opacity-50{opacity:.5}.crow-opacity-60{opacity:.6}.crow-shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.crow-shadow-2xl,.crow-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.crow-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.crow-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.crow-backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.crow-backdrop-blur-md,.crow-backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.crow-backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.crow-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.crow-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.crow-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.crow-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.crow-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.crow-duration-150{transition-duration:.15s}.crow-duration-200{transition-duration:.2s}.crow-duration-300{transition-duration:.3s}.crow-duration-500{transition-duration:.5s}.crow-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.crow-animate-fade-in{animation:crow-fadeIn .2s ease-out}.crow-animate-slide-up{animation:crow-slideUp .3s ease-out}.crow-animate-pulse{animation:crow-pulse 1.5s ease-in-out infinite}.crow-animation-delay-100{animation-delay:.1s}.crow-animation-delay-200{animation-delay:.2s}@keyframes crow-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes crow-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes crow-pulse{0%,to{opacity:1}50%{opacity:.4}}.crow-overflow-y-auto::-webkit-scrollbar{width:6px}.crow-overflow-y-auto::-webkit-scrollbar-track{background:transparent}.crow-overflow-y-auto::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.crow-overflow-y-auto::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.crow-focus-visible\\:crow-outline-none:focus-visible{outline:none}.crow-focus-visible\\:crow-ring-2:focus-visible{box-shadow:0 0 0 2px var(--crow-primary,#6366f1)}:root{--crow-primary:#6366f1;--crow-primary-dark:#4f46e5;--crow-secondary:#f1f5f9;--crow-accent:#10b981}@media (prefers-color-scheme:dark){:root{--crow-primary:#818cf8;--crow-primary-dark:#6366f1}}.placeholder\\:crow-text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.placeholder\\:crow-text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.last\\:crow-mb-0:last-child{margin-bottom:0}.last\\:crow-border-0:last-child{border-width:0}.hover\\:crow-scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:crow-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\\:crow-bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\\:crow-bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\\:crow-bg-white\\/80:hover{background-color:hsla(0,0%,100%,.8)}.hover\\:crow-text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\\:crow-text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\\:crow-text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\\:crow-opacity-100:hover{opacity:1}.focus\\:crow-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:crow-ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\\:crow-ring-0:focus,.focus\\:crow-ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:crow-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\\:crow-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\\:crow-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:crow-ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\\:crow-pointer-events-none:disabled{pointer-events:none}.disabled\\:crow-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:crow-opacity-50:disabled{opacity:.5}`;
|
|
14
|
+
var injected = false;
|
|
15
|
+
function injectStyles() {
|
|
16
|
+
if (injected || typeof document === "undefined") return;
|
|
17
|
+
if (document.getElementById(STYLE_ID)) {
|
|
18
|
+
injected = true;
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
const style = document.createElement("style");
|
|
22
|
+
style.id = STYLE_ID;
|
|
23
|
+
style.textContent = CSS_CONTENT;
|
|
24
|
+
document.head.appendChild(style);
|
|
25
|
+
injected = true;
|
|
26
|
+
}
|
|
27
|
+
injectStyles();
|
|
28
|
+
|
|
9
29
|
// src/utils.ts
|
|
10
30
|
var cn = (...classes) => classes.filter(Boolean).join(" ");
|
|
11
31
|
var formatTime = (date) => date.toLocaleTimeString("en-US", {
|
|
@@ -1040,7 +1060,7 @@ function ChatBubble({ isExpanded, onClick }) {
|
|
|
1040
1060
|
"button",
|
|
1041
1061
|
{
|
|
1042
1062
|
onClick,
|
|
1043
|
-
className: "fixed z-[999999] rounded-full flex items-center justify-center shadow-2xl hover:scale-110 transition-all duration-500 border
|
|
1063
|
+
className: "crow-fixed crow-z-[999999] crow-rounded-full crow-flex crow-items-center crow-justify-center crow-shadow-2xl hover:crow-scale-110 crow-transition-all crow-duration-500 crow-border crow-backdrop-blur-md",
|
|
1044
1064
|
style: {
|
|
1045
1065
|
width: styles2.bubble.size,
|
|
1046
1066
|
height: styles2.bubble.size,
|
|
@@ -1063,9 +1083,10 @@ var GlassCard = forwardRef(
|
|
|
1063
1083
|
{
|
|
1064
1084
|
ref,
|
|
1065
1085
|
className: cn(
|
|
1066
|
-
"
|
|
1086
|
+
"crow-border crow-flex crow-flex-col crow-gap-6 crow-rounded-2xl crow-py-6 crow-backdrop-blur-md",
|
|
1067
1087
|
className
|
|
1068
1088
|
),
|
|
1089
|
+
style: { background: "rgba(255, 255, 255, 0.3)", borderColor: "rgba(229, 231, 235, 0.3)", ...props.style },
|
|
1069
1090
|
...props,
|
|
1070
1091
|
children
|
|
1071
1092
|
}
|
|
@@ -1091,7 +1112,7 @@ var WidgetShell = forwardRef(
|
|
|
1091
1112
|
GlassCard,
|
|
1092
1113
|
{
|
|
1093
1114
|
ref,
|
|
1094
|
-
className: `flex flex-col shadow-2xl gap-3 w-full h-full ${className ?? ""}`,
|
|
1115
|
+
className: `crow-flex crow-flex-col crow-shadow-2xl crow-gap-3 crow-w-full crow-h-full ${className ?? ""}`,
|
|
1095
1116
|
style: {
|
|
1096
1117
|
...baseStyle,
|
|
1097
1118
|
maxWidth: styles2.dimensions.width,
|
|
@@ -1105,7 +1126,7 @@ var WidgetShell = forwardRef(
|
|
|
1105
1126
|
GlassCard,
|
|
1106
1127
|
{
|
|
1107
1128
|
ref,
|
|
1108
|
-
className: `fixed z-[999999] shadow-2xl gap-3 transition-all duration-500 flex flex-col ${className ?? ""}`,
|
|
1129
|
+
className: `crow-fixed crow-z-[999999] crow-shadow-2xl crow-gap-3 crow-transition-all crow-duration-500 crow-flex crow-flex-col ${className ?? ""}`,
|
|
1109
1130
|
style: {
|
|
1110
1131
|
...baseStyle,
|
|
1111
1132
|
width: `min(${styles2.dimensions.width}px, calc(100vw - 32px))`,
|
|
@@ -1132,13 +1153,13 @@ function WidgetHeader({
|
|
|
1132
1153
|
return /* @__PURE__ */ jsxs(
|
|
1133
1154
|
"div",
|
|
1134
1155
|
{
|
|
1135
|
-
className: "flex items-center justify-between mb-3 pb-2 border-b",
|
|
1156
|
+
className: "crow-flex crow-items-center crow-justify-between crow-mb-3 crow-pb-2 crow-border-b",
|
|
1136
1157
|
style: { borderColor: styles2.colors.border },
|
|
1137
1158
|
children: [
|
|
1138
|
-
/* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
|
|
1159
|
+
/* @__PURE__ */ jsx("div", { className: "crow-flex crow-items-center crow-gap-2", children: /* @__PURE__ */ jsx(
|
|
1139
1160
|
"span",
|
|
1140
1161
|
{
|
|
1141
|
-
className: "text-sm font-semibold",
|
|
1162
|
+
className: "crow-text-sm crow-font-semibold",
|
|
1142
1163
|
style: {
|
|
1143
1164
|
color: styles2.colors.text,
|
|
1144
1165
|
fontSize: styles2.typography.headerFontSize
|
|
@@ -1146,34 +1167,34 @@ function WidgetHeader({
|
|
|
1146
1167
|
children: agentName
|
|
1147
1168
|
}
|
|
1148
1169
|
) }),
|
|
1149
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
|
|
1170
|
+
/* @__PURE__ */ jsxs("div", { className: "crow-flex crow-items-center crow-gap-1", children: [
|
|
1150
1171
|
/* @__PURE__ */ jsx(
|
|
1151
1172
|
"button",
|
|
1152
1173
|
{
|
|
1153
1174
|
onClick: onNewChat,
|
|
1154
|
-
className: "p-1.5 hover:bg-gray-200 rounded transition-colors",
|
|
1175
|
+
className: "crow-p-1.5 hover:crow-bg-gray-200 crow-rounded crow-transition-colors",
|
|
1155
1176
|
"aria-label": "New Chat",
|
|
1156
1177
|
title: "New Chat",
|
|
1157
|
-
children: /* @__PURE__ */ jsx(Plus, { size: 18, className: "text-gray-700" })
|
|
1178
|
+
children: /* @__PURE__ */ jsx(Plus, { size: 18, className: "crow-text-gray-700" })
|
|
1158
1179
|
}
|
|
1159
1180
|
),
|
|
1160
1181
|
isVerifiedUser && /* @__PURE__ */ jsx(
|
|
1161
1182
|
"button",
|
|
1162
1183
|
{
|
|
1163
1184
|
onClick: onToggleHistory,
|
|
1164
|
-
className: `p-1.5 hover:bg-gray-200 rounded transition-colors ${showConversationList ? "bg-gray-200" : ""}`,
|
|
1185
|
+
className: `crow-p-1.5 hover:crow-bg-gray-200 crow-rounded crow-transition-colors ${showConversationList ? "crow-bg-gray-200" : ""}`,
|
|
1165
1186
|
"aria-label": "Conversation History",
|
|
1166
1187
|
title: "Conversation History",
|
|
1167
|
-
children: /* @__PURE__ */ jsx(History, { size: 18, className: "text-gray-700" })
|
|
1188
|
+
children: /* @__PURE__ */ jsx(History, { size: 18, className: "crow-text-gray-700" })
|
|
1168
1189
|
}
|
|
1169
1190
|
),
|
|
1170
1191
|
showMinimize && onToggleMinimize && /* @__PURE__ */ jsx(
|
|
1171
1192
|
"button",
|
|
1172
1193
|
{
|
|
1173
1194
|
onClick: onToggleMinimize,
|
|
1174
|
-
className: "p-1 hover:bg-gray-200 rounded transition-colors",
|
|
1195
|
+
className: "crow-p-1 hover:crow-bg-gray-200 crow-rounded crow-transition-colors",
|
|
1175
1196
|
"aria-label": isMinimized ? "Expand" : "Minimize",
|
|
1176
|
-
children: isMinimized ? /* @__PURE__ */ jsx(ChevronUp, { size: 18, className: "text-gray-900" }) : /* @__PURE__ */ jsx(ChevronDown, { size: 18, className: "text-gray-900" })
|
|
1197
|
+
children: isMinimized ? /* @__PURE__ */ jsx(ChevronUp, { size: 18, className: "crow-text-gray-900" }) : /* @__PURE__ */ jsx(ChevronDown, { size: 18, className: "crow-text-gray-900" })
|
|
1177
1198
|
}
|
|
1178
1199
|
)
|
|
1179
1200
|
] })
|
|
@@ -1190,16 +1211,16 @@ function StreamingText({
|
|
|
1190
1211
|
ReactMarkdown,
|
|
1191
1212
|
{
|
|
1192
1213
|
components: {
|
|
1193
|
-
strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "font-bold", children }),
|
|
1194
|
-
ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "list-disc pl-5 my-1", children }),
|
|
1195
|
-
ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "list-decimal pl-5 my-1", children }),
|
|
1196
|
-
li: ({ children }) => /* @__PURE__ */ jsx("li", {
|
|
1197
|
-
p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-1 last:mb-0", children }),
|
|
1214
|
+
strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "crow-font-bold", children }),
|
|
1215
|
+
ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "crow-list-disc crow-pl-5 crow-my-1", children }),
|
|
1216
|
+
ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "crow-list-decimal crow-pl-5 crow-my-1", children }),
|
|
1217
|
+
li: ({ children }) => /* @__PURE__ */ jsx("li", { children }),
|
|
1218
|
+
p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "crow-mb-1 last:crow-mb-0", children }),
|
|
1198
1219
|
a: ({ href, children }) => /* @__PURE__ */ jsx(
|
|
1199
1220
|
"a",
|
|
1200
1221
|
{
|
|
1201
1222
|
href,
|
|
1202
|
-
className: "underline hover:text-blue-300",
|
|
1223
|
+
className: "crow-underline hover:crow-text-blue-300",
|
|
1203
1224
|
target: "_blank",
|
|
1204
1225
|
rel: "noopener noreferrer",
|
|
1205
1226
|
children
|
|
@@ -1210,13 +1231,13 @@ function StreamingText({
|
|
|
1210
1231
|
return isInline ? /* @__PURE__ */ jsx(
|
|
1211
1232
|
"code",
|
|
1212
1233
|
{
|
|
1213
|
-
className: "bg-gray-100 px-1 py-0.5 rounded text-sm",
|
|
1234
|
+
className: "crow-bg-gray-100 crow-px-1 crow-py-0.5 crow-rounded crow-text-sm",
|
|
1214
1235
|
...props,
|
|
1215
1236
|
children
|
|
1216
1237
|
}
|
|
1217
1238
|
) : /* @__PURE__ */ jsx("code", { className, ...props, children });
|
|
1218
1239
|
},
|
|
1219
|
-
pre: ({ children }) => /* @__PURE__ */ jsx("pre", { className: "bg-gray-100 p-2 rounded my-1 overflow-x-auto text-sm", children })
|
|
1240
|
+
pre: ({ children }) => /* @__PURE__ */ jsx("pre", { className: "crow-bg-gray-100 crow-p-2 crow-rounded crow-my-1 crow-overflow-x-auto crow-text-sm", children })
|
|
1220
1241
|
},
|
|
1221
1242
|
children: content
|
|
1222
1243
|
}
|
|
@@ -1224,7 +1245,7 @@ function StreamingText({
|
|
|
1224
1245
|
isStreaming && /* @__PURE__ */ jsx(
|
|
1225
1246
|
"span",
|
|
1226
1247
|
{
|
|
1227
|
-
className: "inline-block w-0.5 h-4 ml-0.5 align-text-bottom",
|
|
1248
|
+
className: "crow-inline-block crow-w-0.5 crow-h-4 crow-ml-0.5 crow-align-text-bottom",
|
|
1228
1249
|
style: {
|
|
1229
1250
|
backgroundColor: "currentColor",
|
|
1230
1251
|
animation: "cursor-blink 1s ease-in-out infinite"
|
|
@@ -1245,7 +1266,7 @@ function ThinkingIndicator() {
|
|
|
1245
1266
|
/* @__PURE__ */ jsx(
|
|
1246
1267
|
"span",
|
|
1247
1268
|
{
|
|
1248
|
-
className: "inline-block font-medium",
|
|
1269
|
+
className: "crow-inline-block crow-font-medium",
|
|
1249
1270
|
style: {
|
|
1250
1271
|
background: "linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.4) 100%)",
|
|
1251
1272
|
backgroundSize: "200% 100%",
|
|
@@ -1271,18 +1292,18 @@ function LoadingHistory() {
|
|
|
1271
1292
|
{
|
|
1272
1293
|
initial: { opacity: 0, y: 10 },
|
|
1273
1294
|
animate: { opacity: 1, y: 0 },
|
|
1274
|
-
className: "flex justify-center items-center py-8",
|
|
1275
|
-
children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
|
|
1276
|
-
/* @__PURE__ */ jsx("div", { className: "flex gap-1", children: [0, 0.15, 0.3].map((delay, i) => /* @__PURE__ */ jsx(
|
|
1295
|
+
className: "crow-flex crow-justify-center crow-items-center crow-py-8",
|
|
1296
|
+
children: /* @__PURE__ */ jsxs("div", { className: "crow-flex crow-flex-col crow-items-center crow-gap-3", children: [
|
|
1297
|
+
/* @__PURE__ */ jsx("div", { className: "crow-flex crow-gap-1", children: [0, 0.15, 0.3].map((delay, i) => /* @__PURE__ */ jsx(
|
|
1277
1298
|
motion.div,
|
|
1278
1299
|
{
|
|
1279
|
-
className: "w-2 h-2 bg-gray-400 rounded-full",
|
|
1300
|
+
className: "crow-w-2 crow-h-2 crow-bg-gray-400 crow-rounded-full",
|
|
1280
1301
|
animate: { y: [0, -8, 0] },
|
|
1281
1302
|
transition: { duration: 0.6, repeat: Infinity, delay }
|
|
1282
1303
|
},
|
|
1283
1304
|
i
|
|
1284
1305
|
)) }),
|
|
1285
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: "Loading conversation..." })
|
|
1306
|
+
/* @__PURE__ */ jsx("span", { className: "crow-text-sm crow-text-gray-500", children: "Loading conversation..." })
|
|
1286
1307
|
] })
|
|
1287
1308
|
}
|
|
1288
1309
|
);
|
|
@@ -1307,7 +1328,7 @@ function ShimmeringContent({ children }) {
|
|
|
1307
1328
|
return /* @__PURE__ */ jsxs(
|
|
1308
1329
|
"span",
|
|
1309
1330
|
{
|
|
1310
|
-
className: "inline-block",
|
|
1331
|
+
className: "crow-inline-block",
|
|
1311
1332
|
style: {
|
|
1312
1333
|
background: "linear-gradient(90deg, rgba(100,100,100,0.6) 0%, rgba(100,100,100,1) 50%, rgba(100,100,100,0.6) 100%)",
|
|
1313
1334
|
backgroundSize: "200% 100%",
|
|
@@ -1332,16 +1353,16 @@ function ReasoningTrace({ thinking, isComplete, toolCalls = [], isWaiting = fals
|
|
|
1332
1353
|
const hasThinking = !!thinking && thinking.trim().length > 0;
|
|
1333
1354
|
const hasToolCalls = toolCalls.length > 0;
|
|
1334
1355
|
if (!isWaiting && !hasThinking && !hasToolCalls) return null;
|
|
1335
|
-
return /* @__PURE__ */ jsx("div", { className: "flex justify-start mb-2", children: /* @__PURE__ */ jsxs("div", { className: "max-w-[90%] space-y-1.5", children: [
|
|
1356
|
+
return /* @__PURE__ */ jsx("div", { className: "crow-flex crow-justify-start crow-mb-2", children: /* @__PURE__ */ jsxs("div", { className: "crow-max-w-[90%] crow-space-y-1.5", children: [
|
|
1336
1357
|
isWaiting && !hasThinking && /* @__PURE__ */ jsx(WaitingIndicator, {}),
|
|
1337
1358
|
hasThinking && /* @__PURE__ */ jsx(ThinkingBlock, { thinking, isComplete }),
|
|
1338
1359
|
toolCalls.map((tool) => /* @__PURE__ */ jsx(ToolCallBlock, { toolCall: tool }, tool.id))
|
|
1339
1360
|
] }) });
|
|
1340
1361
|
}
|
|
1341
1362
|
function WaitingIndicator() {
|
|
1342
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-gray-500", children: [
|
|
1343
|
-
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ jsx(ShimmeringContent, { children: /* @__PURE__ */ jsx(Brain, { className: "w-3.5 h-3.5" }) }) }),
|
|
1344
|
-
/* @__PURE__ */ jsx("span", { className: "font-medium", children: /* @__PURE__ */ jsx(ShimmeringContent, { children: getRandomThinkingMessage() }) })
|
|
1363
|
+
return /* @__PURE__ */ jsxs("div", { className: "crow-flex crow-items-center crow-gap-1.5 crow-text-xs crow-text-gray-500", children: [
|
|
1364
|
+
/* @__PURE__ */ jsx("div", { className: "crow-flex crow-items-center crow-justify-center crow-w-4 crow-h-4", children: /* @__PURE__ */ jsx(ShimmeringContent, { children: /* @__PURE__ */ jsx(Brain, { className: "crow-w-3.5 crow-h-3.5" }) }) }),
|
|
1365
|
+
/* @__PURE__ */ jsx("span", { className: "crow-font-medium", children: /* @__PURE__ */ jsx(ShimmeringContent, { children: getRandomThinkingMessage() }) })
|
|
1345
1366
|
] });
|
|
1346
1367
|
}
|
|
1347
1368
|
function ThinkingBlock({ thinking, isComplete }) {
|
|
@@ -1350,25 +1371,25 @@ function ThinkingBlock({ thinking, isComplete }) {
|
|
|
1350
1371
|
setIsExpanded(!isComplete);
|
|
1351
1372
|
}, [isComplete]);
|
|
1352
1373
|
const isInProgress = !isComplete;
|
|
1353
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-xs", children: [
|
|
1374
|
+
return /* @__PURE__ */ jsxs("div", { className: "crow-flex crow-flex-col crow-gap-1 crow-text-xs", children: [
|
|
1354
1375
|
/* @__PURE__ */ jsxs(
|
|
1355
1376
|
"button",
|
|
1356
1377
|
{
|
|
1357
1378
|
onClick: () => setIsExpanded(!isExpanded),
|
|
1358
|
-
className: `flex items-center gap-1.5 select-none transition-colors ${isInProgress ? "text-gray-500" : "text-gray-600 hover:text-gray-800"} cursor-pointer`,
|
|
1379
|
+
className: `crow-flex crow-items-center crow-gap-1.5 crow-select-none crow-transition-colors ${isInProgress ? "crow-text-gray-500" : "crow-text-gray-600 hover:crow-text-gray-800"} crow-cursor-pointer`,
|
|
1359
1380
|
children: [
|
|
1360
|
-
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-4 h-4", children: isInProgress ? /* @__PURE__ */ jsx(ShimmeringContent, { children: /* @__PURE__ */ jsx(Brain, { className: "w-3.5 h-3.5" }) }) : /* @__PURE__ */ jsx(Brain, { className: "w-3.5 h-3.5" }) }),
|
|
1361
|
-
/* @__PURE__ */ jsx("span", { className: "font-medium", children: isInProgress ? /* @__PURE__ */ jsx(ShimmeringContent, { children: getRandomThinkingMessage() }) : "Thought" }),
|
|
1381
|
+
/* @__PURE__ */ jsx("div", { className: "crow-flex crow-items-center crow-justify-center crow-w-4 crow-h-4", children: isInProgress ? /* @__PURE__ */ jsx(ShimmeringContent, { children: /* @__PURE__ */ jsx(Brain, { className: "crow-w-3.5 crow-h-3.5" }) }) : /* @__PURE__ */ jsx(Brain, { className: "crow-w-3.5 crow-h-3.5" }) }),
|
|
1382
|
+
/* @__PURE__ */ jsx("span", { className: "crow-font-medium", children: isInProgress ? /* @__PURE__ */ jsx(ShimmeringContent, { children: getRandomThinkingMessage() }) : "Thought" }),
|
|
1362
1383
|
/* @__PURE__ */ jsx(
|
|
1363
1384
|
motion.div,
|
|
1364
1385
|
{
|
|
1365
1386
|
animate: { rotate: isExpanded ? 90 : 0 },
|
|
1366
1387
|
transition: { duration: 0.15 },
|
|
1367
|
-
className: "flex-shrink-0",
|
|
1368
|
-
children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3" })
|
|
1388
|
+
className: "crow-flex-shrink-0",
|
|
1389
|
+
children: /* @__PURE__ */ jsx(ChevronRight, { className: "crow-w-3 crow-h-3" })
|
|
1369
1390
|
}
|
|
1370
1391
|
),
|
|
1371
|
-
isComplete && /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-green-500" })
|
|
1392
|
+
isComplete && /* @__PURE__ */ jsx(Check, { className: "crow-w-3 crow-h-3 crow-text-green-500" })
|
|
1372
1393
|
]
|
|
1373
1394
|
}
|
|
1374
1395
|
),
|
|
@@ -1379,11 +1400,11 @@ function ThinkingBlock({ thinking, isComplete }) {
|
|
|
1379
1400
|
animate: { height: "auto", opacity: 1 },
|
|
1380
1401
|
exit: { height: 0, opacity: 0 },
|
|
1381
1402
|
transition: { duration: 0.15 },
|
|
1382
|
-
className: "overflow-hidden",
|
|
1383
|
-
children: /* @__PURE__ */ jsx("div", { className: "border-l-2 border-gray-200 pl-3 ml-2", children: /* @__PURE__ */ jsx(
|
|
1403
|
+
className: "crow-overflow-hidden",
|
|
1404
|
+
children: /* @__PURE__ */ jsx("div", { className: "crow-border-l-2 crow-border-gray-200 crow-pl-3 crow-ml-2", children: /* @__PURE__ */ jsx(
|
|
1384
1405
|
"div",
|
|
1385
1406
|
{
|
|
1386
|
-
className: `text-xs leading-relaxed whitespace-pre-wrap ${isComplete ? "text-gray-500" : "text-gray-600"}`,
|
|
1407
|
+
className: `crow-text-xs crow-leading-relaxed crow-whitespace-pre-wrap ${isComplete ? "crow-text-gray-500" : "crow-text-gray-600"}`,
|
|
1387
1408
|
children: thinking
|
|
1388
1409
|
}
|
|
1389
1410
|
) })
|
|
@@ -1397,12 +1418,12 @@ function ToolCallBlock({ toolCall }) {
|
|
|
1397
1418
|
const isExecuting = toolCall.status === "executing";
|
|
1398
1419
|
const isComplete = toolCall.status === "complete";
|
|
1399
1420
|
const isError = toolCall.status === "error";
|
|
1400
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-xs", children: [
|
|
1421
|
+
return /* @__PURE__ */ jsxs("div", { className: "crow-flex crow-flex-col crow-gap-1 crow-text-xs", children: [
|
|
1401
1422
|
/* @__PURE__ */ jsxs(
|
|
1402
1423
|
"button",
|
|
1403
1424
|
{
|
|
1404
1425
|
onClick: () => hasArgs && setExpanded(!expanded),
|
|
1405
|
-
className: `flex items-center gap-1.5 select-none transition-colors ${hasArgs ? "cursor-pointer hover:text-gray-800" : "cursor-default"} ${isExecuting ? "text-gray-500" : "text-gray-600"}`,
|
|
1426
|
+
className: `crow-flex crow-items-center crow-gap-1.5 crow-select-none crow-transition-colors ${hasArgs ? "crow-cursor-pointer hover:crow-text-gray-800" : "crow-cursor-default"} ${isExecuting ? "crow-text-gray-500" : "crow-text-gray-600"}`,
|
|
1406
1427
|
disabled: !hasArgs,
|
|
1407
1428
|
children: [
|
|
1408
1429
|
hasArgs && /* @__PURE__ */ jsx(
|
|
@@ -1410,14 +1431,14 @@ function ToolCallBlock({ toolCall }) {
|
|
|
1410
1431
|
{
|
|
1411
1432
|
animate: { rotate: expanded ? 90 : 0 },
|
|
1412
1433
|
transition: { duration: 0.15 },
|
|
1413
|
-
children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3" })
|
|
1434
|
+
children: /* @__PURE__ */ jsx(ChevronRight, { className: "crow-w-3 crow-h-3" })
|
|
1414
1435
|
}
|
|
1415
1436
|
),
|
|
1416
|
-
isExecuting && /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin text-blue-500" }),
|
|
1417
|
-
isComplete && /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-green-500" }),
|
|
1418
|
-
isError && /* @__PURE__ */ jsx("span", { className: "w-3 h-3 text-red-500", children: "\u2715" }),
|
|
1419
|
-
/* @__PURE__ */ jsx("span", { className: "font-medium", children: toolCall.name }),
|
|
1420
|
-
/* @__PURE__ */ jsxs("span", { className: "text-gray-400", children: [
|
|
1437
|
+
isExecuting && /* @__PURE__ */ jsx(Loader2, { className: "crow-w-3 crow-h-3 crow-animate-spin crow-text-blue-500" }),
|
|
1438
|
+
isComplete && /* @__PURE__ */ jsx(Check, { className: "crow-w-3 crow-h-3 crow-text-green-500" }),
|
|
1439
|
+
isError && /* @__PURE__ */ jsx("span", { className: "crow-w-3 crow-h-3 crow-text-red-500", children: "\u2715" }),
|
|
1440
|
+
/* @__PURE__ */ jsx("span", { className: "crow-font-medium", children: toolCall.name }),
|
|
1441
|
+
/* @__PURE__ */ jsxs("span", { className: "crow-text-gray-400", children: [
|
|
1421
1442
|
isExecuting && "running...",
|
|
1422
1443
|
isComplete && "done",
|
|
1423
1444
|
isError && "failed"
|
|
@@ -1432,8 +1453,8 @@ function ToolCallBlock({ toolCall }) {
|
|
|
1432
1453
|
animate: { height: "auto", opacity: 1 },
|
|
1433
1454
|
exit: { height: 0, opacity: 0 },
|
|
1434
1455
|
transition: { duration: 0.15 },
|
|
1435
|
-
className: "overflow-hidden",
|
|
1436
|
-
children: /* @__PURE__ */ jsx("pre", { className: "mt-1 p-2 bg-gray-100 rounded text-
|
|
1456
|
+
className: "crow-overflow-hidden",
|
|
1457
|
+
children: /* @__PURE__ */ jsx("pre", { className: "crow-mt-1 crow-p-2 crow-bg-gray-100 crow-rounded crow-text-xs crow-font-mono crow-text-gray-700 crow-overflow-x-auto crow-max-h-32 crow-overflow-y-auto crow-ml-4", children: JSON.stringify(toolCall.arguments, null, 2) })
|
|
1437
1458
|
}
|
|
1438
1459
|
) })
|
|
1439
1460
|
] });
|
|
@@ -1454,7 +1475,7 @@ function MessageBubble({
|
|
|
1454
1475
|
"div",
|
|
1455
1476
|
{
|
|
1456
1477
|
id: message.id,
|
|
1457
|
-
className: `flex flex-col ${message.isBot ? "items-start" : "items-end"}`,
|
|
1478
|
+
className: `crow-flex crow-flex-col ${message.isBot ? "crow-items-start" : "crow-items-end"}`,
|
|
1458
1479
|
children: [
|
|
1459
1480
|
showReasoningTrace && /* @__PURE__ */ jsx(
|
|
1460
1481
|
ReasoningTrace,
|
|
@@ -1468,7 +1489,7 @@ function MessageBubble({
|
|
|
1468
1489
|
hasContent && /* @__PURE__ */ jsxs(
|
|
1469
1490
|
"div",
|
|
1470
1491
|
{
|
|
1471
|
-
className: "max-w-[80%] rounded-2xl px-4 py-2 transition-all duration-150",
|
|
1492
|
+
className: "crow-max-w-[80%] crow-rounded-2xl crow-px-4 crow-py-2 crow-transition-all crow-duration-150",
|
|
1472
1493
|
style: message.isBot ? {
|
|
1473
1494
|
background: styles2.colors.botBubble,
|
|
1474
1495
|
color: styles2.colors.botText
|
|
@@ -1478,7 +1499,7 @@ function MessageBubble({
|
|
|
1478
1499
|
border: `1px solid ${styles2.colors.userBorder}`
|
|
1479
1500
|
},
|
|
1480
1501
|
children: [
|
|
1481
|
-
/* @__PURE__ */ jsx("div", { className: "text-sm whitespace-pre-wrap", children: message.isBot ? /* @__PURE__ */ jsx(
|
|
1502
|
+
/* @__PURE__ */ jsx("div", { className: "crow-text-sm crow-whitespace-pre-wrap", children: message.isBot ? /* @__PURE__ */ jsx(
|
|
1482
1503
|
StreamingText,
|
|
1483
1504
|
{
|
|
1484
1505
|
content: message.content,
|
|
@@ -1488,16 +1509,16 @@ function MessageBubble({
|
|
|
1488
1509
|
ReactMarkdown,
|
|
1489
1510
|
{
|
|
1490
1511
|
components: {
|
|
1491
|
-
strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "font-bold", children }),
|
|
1492
|
-
ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "list-disc pl-5 my-1", children }),
|
|
1493
|
-
ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "list-decimal pl-5 my-1", children }),
|
|
1494
|
-
li: ({ children }) => /* @__PURE__ */ jsx("li", {
|
|
1495
|
-
p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-1 last:mb-0", children }),
|
|
1512
|
+
strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "crow-font-bold", children }),
|
|
1513
|
+
ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "crow-list-disc crow-pl-5 crow-my-1", children }),
|
|
1514
|
+
ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "crow-list-decimal crow-pl-5 crow-my-1", children }),
|
|
1515
|
+
li: ({ children }) => /* @__PURE__ */ jsx("li", { children }),
|
|
1516
|
+
p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "crow-mb-1 last:crow-mb-0", children }),
|
|
1496
1517
|
a: ({ href, children }) => /* @__PURE__ */ jsx(
|
|
1497
1518
|
"a",
|
|
1498
1519
|
{
|
|
1499
1520
|
href,
|
|
1500
|
-
className: "underline hover:text-blue-300",
|
|
1521
|
+
className: "crow-underline hover:crow-text-blue-300",
|
|
1501
1522
|
target: "_blank",
|
|
1502
1523
|
rel: "noopener noreferrer",
|
|
1503
1524
|
children
|
|
@@ -1507,7 +1528,7 @@ function MessageBubble({
|
|
|
1507
1528
|
children: message.content
|
|
1508
1529
|
}
|
|
1509
1530
|
) }),
|
|
1510
|
-
/* @__PURE__ */ jsx("div", { className: "text-xs opacity-60 mt-1", children: formatTime(message.timestamp) })
|
|
1531
|
+
/* @__PURE__ */ jsx("div", { className: "crow-text-xs crow-opacity-60 crow-mt-1", children: formatTime(message.timestamp) })
|
|
1511
1532
|
]
|
|
1512
1533
|
}
|
|
1513
1534
|
)
|
|
@@ -1589,7 +1610,7 @@ var MessagesContainer = forwardRef(
|
|
|
1589
1610
|
animate: { opacity: 1 },
|
|
1590
1611
|
exit: { opacity: 0 },
|
|
1591
1612
|
transition: { duration: styles2.animations.duration },
|
|
1592
|
-
className: "relative flex-1 min-h-0 rounded-2xl mb-3 overflow-y-auto p-4 space-y-3 pointer-events-auto",
|
|
1613
|
+
className: "crow-relative crow-flex-1 crow-min-h-0 crow-rounded-2xl crow-mb-3 crow-overflow-y-auto crow-p-4 crow-space-y-3 crow-pointer-events-auto",
|
|
1593
1614
|
style: {
|
|
1594
1615
|
background: styles2.colors.messagesBackground,
|
|
1595
1616
|
...maxHeight && { maxHeight }
|
|
@@ -1612,20 +1633,20 @@ function ConversationList({
|
|
|
1612
1633
|
initial: { opacity: 0, height: 0 },
|
|
1613
1634
|
animate: { opacity: 1, height: "auto" },
|
|
1614
1635
|
exit: { opacity: 0, height: 0 },
|
|
1615
|
-
className: "mb-3 rounded-xl bg-gray-50 border border-gray-200",
|
|
1636
|
+
className: "crow-mb-3 crow-rounded-xl crow-bg-gray-50 crow-border crow-border-gray-200",
|
|
1616
1637
|
children: [
|
|
1617
|
-
/* @__PURE__ */ jsxs("div", { className: "p-2 border-b border-gray-200 flex justify-between items-center", children: [
|
|
1618
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-700", children: "Recent Conversations" }),
|
|
1619
|
-
/* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 hover:bg-gray-200 rounded", children: /* @__PURE__ */ jsx(X, { size: 14, className: "text-gray-500" }) })
|
|
1638
|
+
/* @__PURE__ */ jsxs("div", { className: "crow-p-2 crow-border-b crow-border-gray-200 crow-flex crow-justify-between crow-items-center", children: [
|
|
1639
|
+
/* @__PURE__ */ jsx("span", { className: "crow-text-sm crow-font-medium crow-text-gray-700", children: "Recent Conversations" }),
|
|
1640
|
+
/* @__PURE__ */ jsx("button", { onClick: onClose, className: "crow-p-1 hover:crow-bg-gray-200 crow-rounded", children: /* @__PURE__ */ jsx(X, { size: 14, className: "crow-text-gray-500" }) })
|
|
1620
1641
|
] }),
|
|
1621
|
-
/* @__PURE__ */ jsx("div", { className: "max-h-[200px] overflow-y-auto", children: conversations.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-gray-500", children: "No conversations yet" }) : conversations.map((conv) => /* @__PURE__ */ jsxs(
|
|
1642
|
+
/* @__PURE__ */ jsx("div", { className: "crow-max-h-[200px] crow-overflow-y-auto", children: conversations.length === 0 ? /* @__PURE__ */ jsx("div", { className: "crow-p-4 crow-text-center crow-text-sm crow-text-gray-500", children: "No conversations yet" }) : conversations.map((conv) => /* @__PURE__ */ jsxs(
|
|
1622
1643
|
"button",
|
|
1623
1644
|
{
|
|
1624
1645
|
onClick: () => onSelect(conv.id),
|
|
1625
|
-
className: `w-full p-3 text-left hover:bg-gray-100 transition-colors border-b border-gray-100 last:border-0 ${currentConversationId === conv.id ? "bg-blue-50" : ""}`,
|
|
1646
|
+
className: `crow-w-full crow-p-3 crow-text-left hover:crow-bg-gray-100 crow-transition-colors crow-border-b crow-border-gray-100 last:crow-border-0 ${currentConversationId === conv.id ? "crow-bg-blue-50" : ""}`,
|
|
1626
1647
|
children: [
|
|
1627
|
-
/* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-800 truncate", children: conv.name || "Untitled conversation" }),
|
|
1628
|
-
/* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500 mt-0.5", children: formatConversationDate(conv.updated_at) })
|
|
1648
|
+
/* @__PURE__ */ jsx("div", { className: "crow-text-sm crow-font-medium crow-text-gray-800 crow-truncate", children: conv.name || "Untitled conversation" }),
|
|
1649
|
+
/* @__PURE__ */ jsx("div", { className: "crow-text-xs crow-text-gray-500 crow-mt-0.5", children: formatConversationDate(conv.updated_at) })
|
|
1629
1650
|
]
|
|
1630
1651
|
},
|
|
1631
1652
|
conv.id
|
|
@@ -1642,14 +1663,14 @@ function WorkflowPanel({ workflow, onExit }) {
|
|
|
1642
1663
|
animate: { opacity: 1, y: 0 },
|
|
1643
1664
|
exit: { opacity: 0, y: -10 },
|
|
1644
1665
|
transition: { duration: 0.3 },
|
|
1645
|
-
className: "mb-3 p-3 rounded-xl bg-gray-50 border border-gray-200",
|
|
1646
|
-
children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
|
|
1647
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-900 flex items-center gap-1", children: workflow.name }),
|
|
1666
|
+
className: "crow-mb-3 crow-p-3 crow-rounded-xl crow-bg-gray-50 crow-border crow-border-gray-200",
|
|
1667
|
+
children: /* @__PURE__ */ jsxs("div", { className: "crow-flex crow-items-center crow-justify-between", children: [
|
|
1668
|
+
/* @__PURE__ */ jsx("span", { className: "crow-text-sm crow-font-medium crow-text-gray-900 crow-flex crow-items-center crow-gap-1", children: workflow.name }),
|
|
1648
1669
|
/* @__PURE__ */ jsx(
|
|
1649
1670
|
"button",
|
|
1650
1671
|
{
|
|
1651
1672
|
onClick: onExit,
|
|
1652
|
-
className: "text-xs text-gray-500 hover:text-gray-700 underline",
|
|
1673
|
+
className: "crow-text-xs crow-text-gray-500 hover:crow-text-gray-700 crow-underline",
|
|
1653
1674
|
children: "Exit"
|
|
1654
1675
|
}
|
|
1655
1676
|
)
|
|
@@ -1662,7 +1683,7 @@ function PoweredByBadge({ apiUrl = "" }) {
|
|
|
1662
1683
|
const branding = styles2.branding;
|
|
1663
1684
|
if (!branding.showPoweredBy) return null;
|
|
1664
1685
|
const logoUrl = branding.logoUrl?.startsWith("http") ? branding.logoUrl : `${apiUrl}${branding.logoUrl}`;
|
|
1665
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1.5 mb-3 text-
|
|
1686
|
+
return /* @__PURE__ */ jsxs("div", { className: "crow-flex crow-items-center crow-justify-center crow-gap-1.5 crow-mb-3 crow-text-xs crow-text-gray-400", children: [
|
|
1666
1687
|
branding.showLogo && logoUrl && /* @__PURE__ */ jsx(
|
|
1667
1688
|
"img",
|
|
1668
1689
|
{
|
|
@@ -1670,7 +1691,7 @@ function PoweredByBadge({ apiUrl = "" }) {
|
|
|
1670
1691
|
alt: "Crow",
|
|
1671
1692
|
width: 14,
|
|
1672
1693
|
height: 14,
|
|
1673
|
-
className: "opacity-50"
|
|
1694
|
+
className: "crow-opacity-50"
|
|
1674
1695
|
}
|
|
1675
1696
|
),
|
|
1676
1697
|
/* @__PURE__ */ jsx("span", { children: branding.poweredByText })
|
|
@@ -1699,7 +1720,7 @@ var ModelSelector = ({
|
|
|
1699
1720
|
acc[model.provider].push(model);
|
|
1700
1721
|
return acc;
|
|
1701
1722
|
}, {});
|
|
1702
|
-
return /* @__PURE__ */ jsxs("div", { className: "relative", ref: dropdownRef, children: [
|
|
1723
|
+
return /* @__PURE__ */ jsxs("div", { className: "crow-relative", ref: dropdownRef, children: [
|
|
1703
1724
|
/* @__PURE__ */ jsxs(
|
|
1704
1725
|
"button",
|
|
1705
1726
|
{
|
|
@@ -1707,10 +1728,10 @@ var ModelSelector = ({
|
|
|
1707
1728
|
onClick: () => !disabled && setIsOpen(!isOpen),
|
|
1708
1729
|
disabled,
|
|
1709
1730
|
className: cn(
|
|
1710
|
-
"flex items-center gap-1 px-2 py-1 rounded-md text-xs",
|
|
1711
|
-
"bg-transparent text-
|
|
1712
|
-
"hover:text-gray-700 transition-colors",
|
|
1713
|
-
disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
|
|
1731
|
+
"crow-flex crow-items-center crow-gap-1 crow-px-2 crow-py-1 crow-rounded-md crow-text-xs",
|
|
1732
|
+
"crow-bg-transparent crow-text-gray-400",
|
|
1733
|
+
"hover:crow-text-gray-700 crow-transition-colors",
|
|
1734
|
+
disabled ? "crow-opacity-50 crow-cursor-not-allowed" : "crow-cursor-pointer"
|
|
1714
1735
|
),
|
|
1715
1736
|
children: [
|
|
1716
1737
|
/* @__PURE__ */ jsx("span", { children: selectedModelData?.name || "Select Model" }),
|
|
@@ -1718,16 +1739,16 @@ var ModelSelector = ({
|
|
|
1718
1739
|
ChevronDown,
|
|
1719
1740
|
{
|
|
1720
1741
|
className: cn(
|
|
1721
|
-
"w-3 h-3 transition-transform",
|
|
1722
|
-
isOpen ? "rotate-180" : ""
|
|
1742
|
+
"crow-w-3 crow-h-3 crow-transition-transform",
|
|
1743
|
+
isOpen ? "crow-rotate-180" : ""
|
|
1723
1744
|
)
|
|
1724
1745
|
}
|
|
1725
1746
|
)
|
|
1726
1747
|
]
|
|
1727
1748
|
}
|
|
1728
1749
|
),
|
|
1729
|
-
isOpen && /* @__PURE__ */ jsx("div", { className: "absolute bottom-full mb-2 left-0 min-w-[180px] bg-white border border-gray-200 rounded-xl shadow-lg z-50 overflow-hidden", children: Object.entries(groupedModels).map(([provider, providerModels]) => /* @__PURE__ */ jsxs("div", { children: [
|
|
1730
|
-
/* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 text-xs font-medium text-gray-400 uppercase tracking-wide bg-gray-50", children: provider }),
|
|
1750
|
+
isOpen && /* @__PURE__ */ jsx("div", { className: "crow-absolute crow-bottom-full crow-mb-2 crow-left-0 crow-min-w-[180px] crow-bg-white crow-border crow-border-gray-200 crow-rounded-xl crow-shadow-lg crow-z-50 crow-overflow-hidden", children: Object.entries(groupedModels).map(([provider, providerModels]) => /* @__PURE__ */ jsxs("div", { children: [
|
|
1751
|
+
/* @__PURE__ */ jsx("div", { className: "crow-px-3 crow-py-1.5 crow-text-xs crow-font-medium crow-text-gray-400 crow-uppercase crow-tracking-wide crow-bg-gray-50", children: provider }),
|
|
1731
1752
|
providerModels.map((model) => /* @__PURE__ */ jsxs(
|
|
1732
1753
|
"button",
|
|
1733
1754
|
{
|
|
@@ -1736,13 +1757,13 @@ var ModelSelector = ({
|
|
|
1736
1757
|
setIsOpen(false);
|
|
1737
1758
|
},
|
|
1738
1759
|
className: cn(
|
|
1739
|
-
"w-full flex items-center justify-between px-3 py-1.5 text-sm",
|
|
1740
|
-
"hover:bg-gray-100 transition-colors",
|
|
1741
|
-
model.id === selectedModel ? "text-gray-900" : "text-gray-600"
|
|
1760
|
+
"crow-w-full crow-flex crow-items-center crow-justify-between crow-px-3 crow-py-1.5 crow-text-sm",
|
|
1761
|
+
"hover:crow-bg-gray-100 crow-transition-colors",
|
|
1762
|
+
model.id === selectedModel ? "crow-text-gray-900" : "crow-text-gray-600"
|
|
1742
1763
|
),
|
|
1743
1764
|
children: [
|
|
1744
1765
|
/* @__PURE__ */ jsx("span", { children: model.name }),
|
|
1745
|
-
model.id === selectedModel && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-green-500" })
|
|
1766
|
+
model.id === selectedModel && /* @__PURE__ */ jsx(Check, { className: "crow-w-4 crow-h-4 crow-text-green-500" })
|
|
1746
1767
|
]
|
|
1747
1768
|
},
|
|
1748
1769
|
model.id
|
|
@@ -1779,7 +1800,7 @@ var Textarea = React3.forwardRef(
|
|
|
1779
1800
|
"textarea",
|
|
1780
1801
|
{
|
|
1781
1802
|
className: cn(
|
|
1782
|
-
"flex w-full rounded-md border-none bg-transparent px-3 py-1.5 text-base text-gray-900 placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 min-h-[32px] resize-none",
|
|
1803
|
+
"crow-flex crow-w-full crow-rounded-md crow-border-none crow-bg-transparent crow-px-3 crow-py-1.5 crow-text-base crow-text-gray-900 placeholder:crow-text-gray-500 focus-visible:crow-outline-none focus-visible:crow-ring-0 disabled:crow-cursor-not-allowed disabled:crow-opacity-50 crow-min-h-[32px] crow-resize-none",
|
|
1783
1804
|
className
|
|
1784
1805
|
),
|
|
1785
1806
|
ref,
|
|
@@ -1798,9 +1819,10 @@ var TooltipContent = React3.forwardRef(({ className, sideOffset = 4, ...props },
|
|
|
1798
1819
|
ref,
|
|
1799
1820
|
sideOffset,
|
|
1800
1821
|
className: cn(
|
|
1801
|
-
"z-50 overflow-hidden rounded-md border
|
|
1822
|
+
"crow-z-50 crow-overflow-hidden crow-rounded-md crow-border crow-px-3 crow-py-1.5 crow-text-sm crow-text-white crow-shadow-md",
|
|
1802
1823
|
className
|
|
1803
1824
|
),
|
|
1825
|
+
style: { borderColor: "#333333", background: "#1F2023" },
|
|
1804
1826
|
...props
|
|
1805
1827
|
}
|
|
1806
1828
|
));
|
|
@@ -1808,21 +1830,21 @@ TooltipContent.displayName = "TooltipContent";
|
|
|
1808
1830
|
var Button = React3.forwardRef(
|
|
1809
1831
|
({ className, variant = "default", size = "default", ...props }, ref) => {
|
|
1810
1832
|
const variantClasses = {
|
|
1811
|
-
default: "bg-white hover:bg-white/80 text-black",
|
|
1812
|
-
outline: "border
|
|
1813
|
-
ghost: "bg-transparent hover:bg-
|
|
1833
|
+
default: "crow-bg-white hover:crow-bg-white/80 crow-text-black",
|
|
1834
|
+
outline: "crow-border crow-bg-transparent hover:crow-bg-gray-700",
|
|
1835
|
+
ghost: "crow-bg-transparent hover:crow-bg-gray-700"
|
|
1814
1836
|
};
|
|
1815
1837
|
const sizeClasses = {
|
|
1816
|
-
default: "h-10 px-4 py-2",
|
|
1817
|
-
sm: "h-8 px-3 text-sm",
|
|
1818
|
-
lg: "h-12 px-6",
|
|
1819
|
-
icon: "h-8 w-8 rounded-full
|
|
1838
|
+
default: "crow-h-10 crow-px-4 crow-py-2",
|
|
1839
|
+
sm: "crow-h-8 crow-px-3 crow-text-sm",
|
|
1840
|
+
lg: "crow-h-12 crow-px-6",
|
|
1841
|
+
icon: "crow-h-8 crow-w-8 crow-rounded-full"
|
|
1820
1842
|
};
|
|
1821
1843
|
return /* @__PURE__ */ jsx(
|
|
1822
1844
|
"button",
|
|
1823
1845
|
{
|
|
1824
1846
|
className: cn(
|
|
1825
|
-
"inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
|
|
1847
|
+
"crow-inline-flex crow-items-center crow-justify-center crow-font-medium crow-transition-colors focus-visible:crow-outline-none disabled:crow-pointer-events-none disabled:crow-opacity-50",
|
|
1826
1848
|
variantClasses[variant],
|
|
1827
1849
|
sizeClasses[size],
|
|
1828
1850
|
className
|
|
@@ -1882,10 +1904,11 @@ var PromptInput = React3.forwardRef(
|
|
|
1882
1904
|
{
|
|
1883
1905
|
ref,
|
|
1884
1906
|
className: cn(
|
|
1885
|
-
"rounded-3xl border
|
|
1886
|
-
isLoading && "border-red-500
|
|
1907
|
+
"crow-rounded-3xl crow-border crow-p-1.5 crow-shadow-lg crow-transition-all crow-duration-300",
|
|
1908
|
+
isLoading && "crow-border-red-500",
|
|
1887
1909
|
className
|
|
1888
1910
|
),
|
|
1911
|
+
style: { borderColor: isLoading ? void 0 : "#444444", background: "#1F2023" },
|
|
1889
1912
|
children
|
|
1890
1913
|
}
|
|
1891
1914
|
)
|
|
@@ -1927,7 +1950,7 @@ var PromptInputActions = ({
|
|
|
1927
1950
|
children,
|
|
1928
1951
|
className,
|
|
1929
1952
|
...props
|
|
1930
|
-
}) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-2", className), ...props, children });
|
|
1953
|
+
}) => /* @__PURE__ */ jsx("div", { className: cn("crow-flex crow-items-center crow-gap-2", className), ...props, children });
|
|
1931
1954
|
var PromptInputAction = ({
|
|
1932
1955
|
tooltip,
|
|
1933
1956
|
children,
|
|
@@ -1968,15 +1991,15 @@ var PromptInputBox = React3.forwardRef(
|
|
|
1968
1991
|
isLoading,
|
|
1969
1992
|
onSubmit: handleSubmit,
|
|
1970
1993
|
className: cn(
|
|
1971
|
-
"w-full
|
|
1994
|
+
"crow-w-full crow-shadow-lg crow-transition-all crow-duration-300 crow-ease-in-out",
|
|
1972
1995
|
className
|
|
1973
1996
|
),
|
|
1974
1997
|
disabled: isLoading,
|
|
1975
1998
|
ref: ref || promptBoxRef,
|
|
1976
1999
|
children: [
|
|
1977
|
-
/* @__PURE__ */ jsx("div", { className: "transition-all duration-300 opacity-100", children: /* @__PURE__ */ jsx(PromptInputTextarea, { placeholder, className: "text-base" }) }),
|
|
1978
|
-
/* @__PURE__ */ jsxs(PromptInputActions, { className: "flex items-center justify-between gap-2 p-0 pt-1", children: [
|
|
1979
|
-
/* @__PURE__ */ jsx("div", { className: "flex items-center", children: availableModels.length > 0 && onModelChange && /* @__PURE__ */ jsx(
|
|
2000
|
+
/* @__PURE__ */ jsx("div", { className: "crow-transition-all crow-duration-300 crow-opacity-100", children: /* @__PURE__ */ jsx(PromptInputTextarea, { placeholder, className: "crow-text-base" }) }),
|
|
2001
|
+
/* @__PURE__ */ jsxs(PromptInputActions, { className: "crow-flex crow-items-center crow-justify-between crow-gap-2 crow-p-0 crow-pt-1", children: [
|
|
2002
|
+
/* @__PURE__ */ jsx("div", { className: "crow-flex crow-items-center", children: availableModels.length > 0 && onModelChange && /* @__PURE__ */ jsx(
|
|
1980
2003
|
ModelSelector,
|
|
1981
2004
|
{
|
|
1982
2005
|
models: availableModels,
|
|
@@ -1995,9 +2018,12 @@ var PromptInputBox = React3.forwardRef(
|
|
|
1995
2018
|
variant: "default",
|
|
1996
2019
|
size: "icon",
|
|
1997
2020
|
className: cn(
|
|
1998
|
-
"h-7 w-7 rounded-full transition-all duration-200"
|
|
1999
|
-
isLoading ? "!bg-red-500 hover:!bg-red-600 !text-white" : hasContent ? "!bg-white hover:!bg-white/80 !text-[#1F2023]" : "!bg-transparent hover:!bg-gray-600/30 !text-[#1F2023] hover:!text-[#1F2023]"
|
|
2021
|
+
"crow-h-7 crow-w-7 crow-rounded-full crow-transition-all crow-duration-200"
|
|
2000
2022
|
),
|
|
2023
|
+
style: {
|
|
2024
|
+
background: isLoading ? "#ef4444" : hasContent ? "#ffffff" : "transparent",
|
|
2025
|
+
color: isLoading ? "#ffffff" : "#1F2023"
|
|
2026
|
+
},
|
|
2001
2027
|
onClick: () => {
|
|
2002
2028
|
if (isLoading && onStop) {
|
|
2003
2029
|
onStop();
|
|
@@ -2005,7 +2031,7 @@ var PromptInputBox = React3.forwardRef(
|
|
|
2005
2031
|
handleSubmit();
|
|
2006
2032
|
}
|
|
2007
2033
|
},
|
|
2008
|
-
children: isLoading ? /* @__PURE__ */ jsx(Square, { className: "h-3.5 w-3.5 fill
|
|
2034
|
+
children: isLoading ? /* @__PURE__ */ jsx(Square, { className: "crow-h-3.5 crow-w-3.5", style: { fill: "white", color: "white" } }) : /* @__PURE__ */ jsx(ArrowUp, { className: "crow-h-3.5 crow-w-3.5", style: { color: "#1F2023" } })
|
|
2009
2035
|
}
|
|
2010
2036
|
)
|
|
2011
2037
|
}
|
|
@@ -2213,7 +2239,7 @@ function CrowWidget({
|
|
|
2213
2239
|
isGenerating: chat.isLoading
|
|
2214
2240
|
}
|
|
2215
2241
|
) }) }),
|
|
2216
|
-
/* @__PURE__ */ jsxs("div", { className: "mt-auto", children: [
|
|
2242
|
+
/* @__PURE__ */ jsxs("div", { className: "crow-mt-auto", children: [
|
|
2217
2243
|
/* @__PURE__ */ jsx(PoweredByBadge, { apiUrl }),
|
|
2218
2244
|
/* @__PURE__ */ jsx(
|
|
2219
2245
|
PromptInputBox,
|
|
@@ -2222,7 +2248,7 @@ function CrowWidget({
|
|
|
2222
2248
|
onStop: chat.stopGeneration,
|
|
2223
2249
|
placeholder: "Type your message...",
|
|
2224
2250
|
isLoading: chat.isLoading,
|
|
2225
|
-
className: "
|
|
2251
|
+
className: "crow-backdrop-blur-md"
|
|
2226
2252
|
}
|
|
2227
2253
|
)
|
|
2228
2254
|
] })
|
|
@@ -2263,7 +2289,7 @@ function CrowWidget({
|
|
|
2263
2289
|
isGenerating: chat.isLoading
|
|
2264
2290
|
}
|
|
2265
2291
|
) }) }),
|
|
2266
|
-
/* @__PURE__ */ jsxs("div", { className: "mt-auto", children: [
|
|
2292
|
+
/* @__PURE__ */ jsxs("div", { className: "crow-mt-auto", children: [
|
|
2267
2293
|
/* @__PURE__ */ jsx(PoweredByBadge, { apiUrl }),
|
|
2268
2294
|
/* @__PURE__ */ jsx(
|
|
2269
2295
|
PromptInputBox,
|
|
@@ -2272,7 +2298,7 @@ function CrowWidget({
|
|
|
2272
2298
|
onStop: chat.stopGeneration,
|
|
2273
2299
|
placeholder: "Type your message...",
|
|
2274
2300
|
isLoading: chat.isLoading,
|
|
2275
|
-
className: "
|
|
2301
|
+
className: "crow-backdrop-blur-md"
|
|
2276
2302
|
}
|
|
2277
2303
|
)
|
|
2278
2304
|
] })
|
|
@@ -2389,7 +2415,7 @@ function CrowCopilot({
|
|
|
2389
2415
|
children: /* @__PURE__ */ jsxs(
|
|
2390
2416
|
"div",
|
|
2391
2417
|
{
|
|
2392
|
-
className: `flex flex-col h-full
|
|
2418
|
+
className: `crow-flex crow-flex-col crow-h-full ${position === "left" ? "crow-border-r" : "crow-border-l"} ${className || ""}`,
|
|
2393
2419
|
style: {
|
|
2394
2420
|
width: widthStyle,
|
|
2395
2421
|
fontFamily: styles2.typography.fontFamily,
|
|
@@ -2401,7 +2427,7 @@ function CrowCopilot({
|
|
|
2401
2427
|
/* @__PURE__ */ jsxs(
|
|
2402
2428
|
"div",
|
|
2403
2429
|
{
|
|
2404
|
-
className: "flex items-center justify-between px-4 py-3 border-b",
|
|
2430
|
+
className: "crow-flex crow-items-center crow-justify-between crow-px-4 crow-py-3 crow-border-b",
|
|
2405
2431
|
style: {
|
|
2406
2432
|
height: styles2.dimensions.headerHeight,
|
|
2407
2433
|
borderColor: styles2.colors.border
|
|
@@ -2410,7 +2436,7 @@ function CrowCopilot({
|
|
|
2410
2436
|
/* @__PURE__ */ jsx(
|
|
2411
2437
|
"span",
|
|
2412
2438
|
{
|
|
2413
|
-
className: "font-semibold",
|
|
2439
|
+
className: "crow-font-semibold",
|
|
2414
2440
|
style: {
|
|
2415
2441
|
color: styles2.colors.text,
|
|
2416
2442
|
fontSize: styles2.typography.headerFontSize
|
|
@@ -2418,34 +2444,34 @@ function CrowCopilot({
|
|
|
2418
2444
|
children: agentName || title
|
|
2419
2445
|
}
|
|
2420
2446
|
),
|
|
2421
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
|
|
2447
|
+
/* @__PURE__ */ jsxs("div", { className: "crow-flex crow-items-center crow-gap-1", children: [
|
|
2422
2448
|
/* @__PURE__ */ jsx(
|
|
2423
2449
|
"button",
|
|
2424
2450
|
{
|
|
2425
2451
|
onClick: handleNewChat,
|
|
2426
|
-
className: "p-1.5 hover:bg-gray-100 rounded transition-colors",
|
|
2452
|
+
className: "crow-p-1.5 hover:crow-bg-gray-100 crow-rounded crow-transition-colors",
|
|
2427
2453
|
"aria-label": "New Chat",
|
|
2428
2454
|
title: "New Chat",
|
|
2429
|
-
children: /* @__PURE__ */ jsx(PlusIcon, { className: "w-4 h-4 text-gray-600" })
|
|
2455
|
+
children: /* @__PURE__ */ jsx(PlusIcon, { className: "crow-w-4 crow-h-4 crow-text-gray-600" })
|
|
2430
2456
|
}
|
|
2431
2457
|
),
|
|
2432
2458
|
isVerifiedUser && /* @__PURE__ */ jsx(
|
|
2433
2459
|
"button",
|
|
2434
2460
|
{
|
|
2435
2461
|
onClick: handleToggleHistory,
|
|
2436
|
-
className: `p-1.5 hover:bg-gray-100 rounded transition-colors ${showConversationList ? "bg-gray-100" : ""}`,
|
|
2462
|
+
className: `crow-p-1.5 hover:crow-bg-gray-100 crow-rounded crow-transition-colors ${showConversationList ? "crow-bg-gray-100" : ""}`,
|
|
2437
2463
|
"aria-label": "Conversation History",
|
|
2438
2464
|
title: "Conversation History",
|
|
2439
|
-
children: /* @__PURE__ */ jsx(HistoryIcon, { className: "w-4 h-4 text-gray-600" })
|
|
2465
|
+
children: /* @__PURE__ */ jsx(HistoryIcon, { className: "crow-w-4 crow-h-4 crow-text-gray-600" })
|
|
2440
2466
|
}
|
|
2441
2467
|
),
|
|
2442
2468
|
showClose && onClose && /* @__PURE__ */ jsx(
|
|
2443
2469
|
"button",
|
|
2444
2470
|
{
|
|
2445
2471
|
onClick: onClose,
|
|
2446
|
-
className: "p-1.5 hover:bg-gray-100 rounded transition-colors",
|
|
2472
|
+
className: "crow-p-1.5 hover:crow-bg-gray-100 crow-rounded crow-transition-colors",
|
|
2447
2473
|
"aria-label": "Close",
|
|
2448
|
-
children: /* @__PURE__ */ jsx(CloseIcon, { className: "w-4 h-4 text-gray-600" })
|
|
2474
|
+
children: /* @__PURE__ */ jsx(CloseIcon, { className: "crow-w-4 crow-h-4 crow-text-gray-600" })
|
|
2449
2475
|
}
|
|
2450
2476
|
)
|
|
2451
2477
|
] })
|
|
@@ -2470,7 +2496,7 @@ function CrowCopilot({
|
|
|
2470
2496
|
isGenerating: chat.isLoading
|
|
2471
2497
|
}
|
|
2472
2498
|
) }),
|
|
2473
|
-
/* @__PURE__ */ jsxs("div", { className: "p-3 border-t", style: { borderColor: styles2.colors.border }, children: [
|
|
2499
|
+
/* @__PURE__ */ jsxs("div", { className: "crow-p-3 crow-border-t", style: { borderColor: styles2.colors.border }, children: [
|
|
2474
2500
|
styles2.branding.showPoweredBy && /* @__PURE__ */ jsx(PoweredByBadge, { apiUrl }),
|
|
2475
2501
|
/* @__PURE__ */ jsx(
|
|
2476
2502
|
PromptInputBox,
|
|
@@ -2478,8 +2504,7 @@ function CrowCopilot({
|
|
|
2478
2504
|
onSend: handleSend,
|
|
2479
2505
|
onStop: chat.stopGeneration,
|
|
2480
2506
|
placeholder: "Ask anything...",
|
|
2481
|
-
isLoading: chat.isLoading
|
|
2482
|
-
className: "!bg-white !border-gray-300"
|
|
2507
|
+
isLoading: chat.isLoading
|
|
2483
2508
|
}
|
|
2484
2509
|
)
|
|
2485
2510
|
] })
|