@wallavi/widget 1.11.0 → 1.12.1

package/dist/index.mjs

@@ -32,7 +32,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // src/styles.css
-styleInject(".ww-pointer-events-none {\n  pointer-events: none;\n}\n.ww-absolute {\n  position: absolute;\n}\n.ww-relative {\n  position: relative;\n}\n.ww-inset-0 {\n  inset: 0px;\n}\n.ww-inset-4 {\n  inset: 1rem;\n}\n.ww-inset-8 {\n  inset: 2rem;\n}\n.ww-left-2\\.5 {\n  left: 0.625rem;\n}\n.ww-top-1\\/2 {\n  top: 50%;\n}\n.ww-z-50 {\n  z-index: 50;\n}\n.ww-z-\\[100\\] {\n  z-index: 100;\n}\n.ww-mx-0\\.5 {\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n}\n.ww-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.ww-mb-12 {\n  margin-bottom: 3rem;\n}\n.ww-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.ww-ml-0\\.5 {\n  margin-left: 0.125rem;\n}\n.ww-ml-1 {\n  margin-left: 0.25rem;\n}\n.ww-mt-0\\.5 {\n  margin-top: 0.125rem;\n}\n.ww-mt-1 {\n  margin-top: 0.25rem;\n}\n.ww-block {\n  display: block;\n}\n.ww-inline-block {\n  display: inline-block;\n}\n.ww-flex {\n  display: flex;\n}\n.ww-inline-flex {\n  display: inline-flex;\n}\n.ww-grid {\n  display: grid;\n}\n.ww-hidden {\n  display: none;\n}\n.ww-h-1\\.5 {\n  height: 0.375rem;\n}\n.ww-h-10 {\n  height: 2.5rem;\n}\n.ww-h-16 {\n  height: 4rem;\n}\n.ww-h-2 {\n  height: 0.5rem;\n}\n.ww-h-2\\.5 {\n  height: 0.625rem;\n}\n.ww-h-20 {\n  height: 5rem;\n}\n.ww-h-3 {\n  height: 0.75rem;\n}\n.ww-h-3\\.5 {\n  height: 0.875rem;\n}\n.ww-h-4 {\n  height: 1rem;\n}\n.ww-h-40 {\n  height: 10rem;\n}\n.ww-h-48 {\n  height: 12rem;\n}\n.ww-h-6 {\n  height: 1.5rem;\n}\n.ww-h-7 {\n  height: 1.75rem;\n}\n.ww-h-8 {\n  height: 2rem;\n}\n.ww-h-full {\n  height: 100%;\n}\n.ww-max-h-32 {\n  max-height: 8rem;\n}\n.ww-max-h-48 {\n  max-height: 12rem;\n}\n.ww-max-h-\\[168px\\] {\n  max-height: 168px;\n}\n.ww-max-h-\\[180px\\] {\n  max-height: 180px;\n}\n.ww-w-0\\.5 {\n  width: 0.125rem;\n}\n.ww-w-1\\.5 {\n  width: 0.375rem;\n}\n.ww-w-10 {\n  width: 2.5rem;\n}\n.ww-w-16 {\n  width: 4rem;\n}\n.ww-w-2 {\n  width: 0.5rem;\n}\n.ww-w-2\\.5 {\n  width: 0.625rem;\n}\n.ww-w-20 {\n  width: 5rem;\n}\n.ww-w-3 {\n  width: 0.75rem;\n}\n.ww-w-3\\.5 {\n  width: 0.875rem;\n}\n.ww-w-4 {\n  width: 1rem;\n}\n.ww-w-48 {\n  width: 12rem;\n}\n.ww-w-6 {\n  width: 1.5rem;\n}\n.ww-w-7 {\n  width: 1.75rem;\n}\n.ww-w-8 {\n  width: 2rem;\n}\n.ww-w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.ww-w-full {\n  width: 100%;\n}\n.ww-min-w-0 {\n  min-width: 0px;\n}\n.ww-max-w-\\[120px\\] {\n  max-width: 120px;\n}\n.ww-max-w-\\[200px\\] {\n  max-width: 200px;\n}\n.ww-max-w-\\[78\\%\\] {\n  max-width: 78%;\n}\n.ww-max-w-\\[82\\%\\] {\n  max-width: 82%;\n}\n.ww-max-w-none {\n  max-width: none;\n}\n.ww-flex-1 {\n  flex: 1 1 0%;\n}\n.ww-shrink-0 {\n  flex-shrink: 0;\n}\n.ww-rotate-180 {\n  --tw-rotate: 180deg;\n  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));\n}\n.ww-scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  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));\n}\n.ww-scale-105 {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  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));\n}\n.ww-scale-110 {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  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));\n}\n.ww-scale-90 {\n  --tw-scale-x: .9;\n  --tw-scale-y: .9;\n  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));\n}\n@keyframes ww-ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n.ww-animate-ping {\n  animation: ww-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n@keyframes ww-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n.ww-animate-pulse {\n  animation: ww-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes ww-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ww-animate-spin {\n  animation: ww-spin 1s linear infinite;\n}\n.ww-cursor-default {\n  cursor: default;\n}\n.ww-cursor-pointer {\n  cursor: pointer;\n}\n.ww-touch-none {\n  touch-action: none;\n}\n.ww-select-none {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n.ww-resize-none {\n  resize: none;\n}\n.ww-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.ww-flex-col {\n  flex-direction: column;\n}\n.ww-flex-wrap {\n  flex-wrap: wrap;\n}\n.ww-items-start {\n  align-items: flex-start;\n}\n.ww-items-end {\n  align-items: flex-end;\n}\n.ww-items-center {\n  align-items: center;\n}\n.ww-justify-end {\n  justify-content: flex-end;\n}\n.ww-justify-center {\n  justify-content: center;\n}\n.ww-justify-between {\n  justify-content: space-between;\n}\n.ww-gap-0\\.5 {\n  gap: 0.125rem;\n}\n.ww-gap-1 {\n  gap: 0.25rem;\n}\n.ww-gap-1\\.5 {\n  gap: 0.375rem;\n}\n.ww-gap-2 {\n  gap: 0.5rem;\n}\n.ww-gap-2\\.5 {\n  gap: 0.625rem;\n}\n.ww-gap-4 {\n  gap: 1rem;\n}\n.ww-gap-6 {\n  gap: 1.5rem;\n}\n.ww-gap-8 {\n  gap: 2rem;\n}\n.ww-divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n.ww-divide-border\\/40 > :not([hidden]) ~ :not([hidden]) {\n  border-color: hsl(var(--border) / 0.4);\n}\n.ww-overflow-hidden {\n  overflow: hidden;\n}\n.ww-overflow-y-auto {\n  overflow-y: auto;\n}\n.ww-overscroll-contain {\n  overscroll-behavior: contain;\n}\n.ww-overscroll-none {\n  overscroll-behavior: none;\n}\n.ww-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ww-whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n.ww-rounded {\n  border-radius: 0.25rem;\n}\n.ww-rounded-2xl {\n  border-radius: 1rem;\n}\n.ww-rounded-full {\n  border-radius: 9999px;\n}\n.ww-rounded-lg {\n  border-radius: var(--radius);\n}\n.ww-rounded-md {\n  border-radius: calc(var(--radius) - 2px);\n}\n.ww-rounded-xl {\n  border-radius: 0.75rem;\n}\n.ww-rounded-tl-none {\n  border-top-left-radius: 0px;\n}\n.ww-rounded-tl-sm {\n  border-top-left-radius: calc(var(--radius) - 4px);\n}\n.ww-rounded-tr-sm {\n  border-top-right-radius: calc(var(--radius) - 4px);\n}\n.ww-border {\n  border-width: 1px;\n}\n.ww-border-2 {\n  border-width: 2px;\n}\n.ww-border-b {\n  border-bottom-width: 1px;\n}\n.ww-border-l-2 {\n  border-left-width: 2px;\n}\n.ww-border-t {\n  border-top-width: 1px;\n}\n.ww-border-background {\n  border-color: hsl(var(--background));\n}\n.ww-border-black\\/10 {\n  border-color: rgb(0 0 0 / 0.1);\n}\n.ww-border-border {\n  border-color: hsl(var(--border));\n}\n.ww-border-border\\/30 {\n  border-color: hsl(var(--border) / 0.3);\n}\n.ww-border-border\\/40 {\n  border-color: hsl(var(--border) / 0.4);\n}\n.ww-border-border\\/50 {\n  border-color: hsl(var(--border) / 0.5);\n}\n.ww-border-border\\/60 {\n  border-color: hsl(var(--border) / 0.6);\n}\n.ww-border-border\\/80 {\n  border-color: hsl(var(--border) / 0.8);\n}\n.ww-border-muted {\n  border-color: hsl(var(--muted));\n}\n.ww-border-muted-foreground\\/30 {\n  border-color: hsl(var(--muted-foreground) / 0.3);\n}\n.ww-border-primary\\/10 {\n  border-color: hsl(var(--primary) / 0.1);\n}\n.ww-border-primary\\/20 {\n  border-color: hsl(var(--primary) / 0.2);\n}\n.ww-border-red-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));\n}\n.ww-border-transparent {\n  border-color: transparent;\n}\n.ww-border-white\\/20 {\n  border-color: rgb(255 255 255 / 0.2);\n}\n.ww-bg-background {\n  background-color: hsl(var(--background));\n}\n.ww-bg-background\\/20 {\n  background-color: hsl(var(--background) / 0.2);\n}\n.ww-bg-background\\/90 {\n  background-color: hsl(var(--background) / 0.9);\n}\n.ww-bg-background\\/95 {\n  background-color: hsl(var(--background) / 0.95);\n}\n.ww-bg-black\\/10 {\n  background-color: rgb(0 0 0 / 0.1);\n}\n.ww-bg-emerald-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));\n}\n.ww-bg-emerald-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));\n}\n.ww-bg-emerald-500\\/10 {\n  background-color: rgb(16 185 129 / 0.1);\n}\n.ww-bg-emerald-500\\/20 {\n  background-color: rgb(16 185 129 / 0.2);\n}\n.ww-bg-foreground\\/20 {\n  background-color: hsl(var(--foreground) / 0.2);\n}\n.ww-bg-foreground\\/5 {\n  background-color: hsl(var(--foreground) / 0.05);\n}\n.ww-bg-foreground\\/60 {\n  background-color: hsl(var(--foreground) / 0.6);\n}\n.ww-bg-muted {\n  background-color: hsl(var(--muted));\n}\n.ww-bg-muted-foreground\\/10 {\n  background-color: hsl(var(--muted-foreground) / 0.1);\n}\n.ww-bg-muted\\/30 {\n  background-color: hsl(var(--muted) / 0.3);\n}\n.ww-bg-muted\\/40 {\n  background-color: hsl(var(--muted) / 0.4);\n}\n.ww-bg-muted\\/50 {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.ww-bg-muted\\/60 {\n  background-color: hsl(var(--muted) / 0.6);\n}\n.ww-bg-primary {\n  background-color: hsl(var(--primary));\n}\n.ww-bg-primary\\/10 {\n  background-color: hsl(var(--primary) / 0.1);\n}\n.ww-bg-primary\\/5 {\n  background-color: hsl(var(--primary) / 0.05);\n}\n.ww-bg-purple-500\\/20 {\n  background-color: rgb(168 85 247 / 0.2);\n}\n.ww-bg-purple-500\\/30 {\n  background-color: rgb(168 85 247 / 0.3);\n}\n.ww-bg-red-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\n.ww-bg-transparent {\n  background-color: transparent;\n}\n.ww-bg-white\\/10 {\n  background-color: rgb(255 255 255 / 0.1);\n}\n.ww-bg-white\\/15 {\n  background-color: rgb(255 255 255 / 0.15);\n}\n.ww-fill-current {\n  fill: currentColor;\n}\n.ww-object-cover {\n  -o-object-fit: cover;\n  object-fit: cover;\n}\n.ww-p-0\\.5 {\n  padding: 0.125rem;\n}\n.ww-p-1\\.5 {\n  padding: 0.375rem;\n}\n.ww-p-3 {\n  padding: 0.75rem;\n}\n.ww-px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.ww-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.ww-px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.ww-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.ww-px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n.ww-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.ww-py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.ww-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.ww-py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.ww-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.ww-py-2\\.5 {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n.ww-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.ww-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.ww-pb-1\\.5 {\n  padding-bottom: 0.375rem;\n}\n.ww-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.ww-pb-4 {\n  padding-bottom: 1rem;\n}\n.ww-pl-2 {\n  padding-left: 0.5rem;\n}\n.ww-pl-7 {\n  padding-left: 1.75rem;\n}\n.ww-pr-0\\.5 {\n  padding-right: 0.125rem;\n}\n.ww-pr-3 {\n  padding-right: 0.75rem;\n}\n.ww-pt-2 {\n  padding-top: 0.5rem;\n}\n.ww-pt-2\\.5 {\n  padding-top: 0.625rem;\n}\n.ww-pt-5 {\n  padding-top: 1.25rem;\n}\n.ww-text-left {\n  text-align: left;\n}\n.ww-text-center {\n  text-align: center;\n}\n.ww-align-middle {\n  vertical-align: middle;\n}\n.ww-text-\\[10\\.5px\\] {\n  font-size: 10.5px;\n}\n.ww-text-\\[10px\\] {\n  font-size: 10px;\n}\n.ww-text-\\[11px\\] {\n  font-size: 11px;\n}\n.ww-text-\\[12\\.5px\\] {\n  font-size: 12.5px;\n}\n.ww-text-\\[13px\\] {\n  font-size: 13px;\n}\n.ww-text-\\[8px\\] {\n  font-size: 8px;\n}\n.ww-text-\\[9px\\] {\n  font-size: 9px;\n}\n.ww-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.ww-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.ww-font-medium {\n  font-weight: 500;\n}\n.ww-font-semibold {\n  font-weight: 600;\n}\n.ww-uppercase {\n  text-transform: uppercase;\n}\n.ww-leading-none {\n  line-height: 1;\n}\n.ww-leading-relaxed {\n  line-height: 1.625;\n}\n.ww-leading-snug {\n  line-height: 1.375;\n}\n.ww-leading-tight {\n  line-height: 1.25;\n}\n.ww-tracking-wide {\n  letter-spacing: 0.025em;\n}\n.ww-tracking-wider {\n  letter-spacing: 0.05em;\n}\n.ww-tracking-widest {\n  letter-spacing: 0.1em;\n}\n.ww-text-black\\/40 {\n  color: rgb(0 0 0 / 0.4);\n}\n.ww-text-black\\/60 {\n  color: rgb(0 0 0 / 0.6);\n}\n.ww-text-destructive {\n  color: hsl(var(--destructive));\n}\n.ww-text-destructive\\/70 {\n  color: hsl(var(--destructive) / 0.7);\n}\n.ww-text-emerald-500 {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity, 1));\n}\n.ww-text-foreground {\n  color: hsl(var(--foreground));\n}\n.ww-text-foreground\\/60 {\n  color: hsl(var(--foreground) / 0.6);\n}\n.ww-text-foreground\\/70 {\n  color: hsl(var(--foreground) / 0.7);\n}\n.ww-text-foreground\\/80 {\n  color: hsl(var(--foreground) / 0.8);\n}\n.ww-text-muted-foreground {\n  color: hsl(var(--muted-foreground));\n}\n.ww-text-muted-foreground\\/40 {\n  color: hsl(var(--muted-foreground) / 0.4);\n}\n.ww-text-muted-foreground\\/50 {\n  color: hsl(var(--muted-foreground) / 0.5);\n}\n.ww-text-muted-foreground\\/70 {\n  color: hsl(var(--muted-foreground) / 0.7);\n}\n.ww-text-muted-foreground\\/80 {\n  color: hsl(var(--muted-foreground) / 0.8);\n}\n.ww-text-primary {\n  color: hsl(var(--primary));\n}\n.ww-text-primary-foreground {\n  color: hsl(var(--primary-foreground));\n}\n.ww-text-primary\\/70 {\n  color: hsl(var(--primary) / 0.7);\n}\n.ww-text-primary\\/80 {\n  color: hsl(var(--primary) / 0.8);\n}\n.ww-text-red-400 {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\n.ww-text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.ww-text-red-600 {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n.ww-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.ww-text-white\\/60 {\n  color: rgb(255 255 255 / 0.6);\n}\n.ww-text-white\\/80 {\n  color: rgb(255 255 255 / 0.8);\n}\n.ww-line-through {\n  text-decoration-line: line-through;\n}\n.ww-no-underline {\n  text-decoration-line: none;\n}\n.ww-decoration-foreground\\/20 {\n  text-decoration-color: hsl(var(--foreground) / 0.2);\n}\n.ww-opacity-100 {\n  opacity: 1;\n}\n.ww-opacity-25 {\n  opacity: 0.25;\n}\n.ww-opacity-30 {\n  opacity: 0.3;\n}\n.ww-opacity-40 {\n  opacity: 0.4;\n}\n.ww-opacity-60 {\n  opacity: 0.6;\n}\n.ww-opacity-70 {\n  opacity: 0.7;\n}\n.ww-opacity-75 {\n  opacity: 0.75;\n}\n.ww-opacity-80 {\n  opacity: 0.8;\n}\n.ww-opacity-90 {\n  opacity: 0.9;\n}\n.ww-shadow-2xl {\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.ww-ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.ww-ring-inset {\n  --tw-ring-inset: inset;\n}\n.ww-ring-primary\\/20 {\n  --tw-ring-color: hsl(var(--primary) / 0.2);\n}\n.ww-ring-primary\\/60 {\n  --tw-ring-color: hsl(var(--primary) / 0.6);\n}\n.ww-backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  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);\n}\n.ww-backdrop-blur-xl {\n  --tw-backdrop-blur: blur(24px);\n  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);\n}\n.ww-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-transition-shadow {\n  transition-property: box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-duration-1000 {\n  transition-duration: 1000ms;\n}\n.ww-duration-150 {\n  transition-duration: 150ms;\n}\n.ww-duration-200 {\n  transition-duration: 200ms;\n}\n.ww-duration-300 {\n  transition-duration: 300ms;\n}\n.ww-duration-500 {\n  transition-duration: 500ms;\n}\n.ww-duration-700 {\n  transition-duration: 700ms;\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n.ww-animate-in {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.ww-fade-in {\n  --tw-enter-opacity: 0;\n}\n.ww-slide-in-from-top-1 {\n  --tw-enter-translate-y: -0.25rem;\n}\n.ww-duration-1000 {\n  animation-duration: 1000ms;\n}\n.ww-duration-150 {\n  animation-duration: 150ms;\n}\n.ww-duration-200 {\n  animation-duration: 200ms;\n}\n.ww-duration-300 {\n  animation-duration: 300ms;\n}\n.ww-duration-500 {\n  animation-duration: 500ms;\n}\n.ww-duration-700 {\n  animation-duration: 700ms;\n}\n.wallavi-widget *,\n.wallavi-widget *::before,\n.wallavi-widget *::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n}\n.wallavi-widget button {\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n}\n.wallavi-widget textarea,\n.wallavi-widget input,\n.wallavi-widget select {\n  font-family: inherit;\n  font-size: inherit;\n}\n.wallavi-widget img,\n.wallavi-widget video {\n  max-width: 100%;\n  height: auto;\n}\n.wallavi-widget .lk-control-bar {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  gap: 1.5rem !important;\n  justify-content: center !important;\n}\n.wallavi-widget .lk-button {\n  background: rgba(25, 25, 28, 0.05) !important;\n  border-radius: 9999px !important;\n  padding: 1.25rem !important;\n  color: var(--ww-fg, #19191c) !important;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  border: 1px solid rgba(25, 25, 28, 0.1) !important;\n}\n.wallavi-widget .lk-button:hover {\n  background: rgba(25, 25, 28, 0.1) !important;\n  transform: scale(1.05) !important;\n}\n.wallavi-widget .lk-disconnect-button {\n  background: #ef4444 !important;\n  color: white !important;\n  border: none !important;\n}\n.wallavi-widget .lk-disconnect-button:hover {\n  background: #dc2626 !important;\n}\n.wallavi-widget .lk-device-menu {\n  bottom: 100% !important;\n  top: auto !important;\n  margin-bottom: 1rem !important;\n  max-width: 250px !important;\n  width: -moz-max-content !important;\n  width: max-content !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  background: #ffffff !important;\n  border-radius: 16px !important;\n  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15), 0 10px 20px -10px rgba(0, 0, 0, 0.1) !important;\n  z-index: 1000 !important;\n  overflow: hidden !important;\n  border: 1px solid rgba(0, 0, 0, 0.05) !important;\n  padding: 0.5rem !important;\n}\n.wallavi-widget .lk-device-menu > li {\n  padding: 0.75rem 1rem !important;\n  font-size: 0.875rem !important;\n  color: #19191c !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  border-radius: 8px !important;\n  transition: background 0.15s !important;\n}\n.wallavi-widget .lk-device-menu > li:hover {\n  background: rgba(0, 0, 0, 0.05) !important;\n}\n.wallavi-widget .lk-device-menu > li.lk-active {\n  background: rgba(0, 0, 0, 0.08) !important;\n  font-weight: 600 !important;\n}\n.placeholder\\:ww-text-muted-foreground\\/40::-moz-placeholder {\n  color: hsl(var(--muted-foreground) / 0.4);\n}\n.placeholder\\:ww-text-muted-foreground\\/40::placeholder {\n  color: hsl(var(--muted-foreground) / 0.4);\n}\n.placeholder\\:ww-text-muted-foreground\\/50::-moz-placeholder {\n  color: hsl(var(--muted-foreground) / 0.5);\n}\n.placeholder\\:ww-text-muted-foreground\\/50::placeholder {\n  color: hsl(var(--muted-foreground) / 0.5);\n}\n.focus-within\\:ww-ring-1:focus-within {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-within\\:ww-ring-ring\\/40:focus-within {\n  --tw-ring-color: hsl(var(--ring) / 0.4);\n}\n.hover\\:-ww-translate-y-1:hover {\n  --tw-translate-y: -0.25rem;\n  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));\n}\n.hover\\:ww-border-primary\\/40:hover {\n  border-color: hsl(var(--primary) / 0.4);\n}\n.hover\\:ww-bg-accent:hover {\n  background-color: hsl(var(--accent));\n}\n.hover\\:ww-bg-foreground\\/10:hover {\n  background-color: hsl(var(--foreground) / 0.1);\n}\n.hover\\:ww-bg-foreground\\/30:hover {\n  background-color: hsl(var(--foreground) / 0.3);\n}\n.hover\\:ww-bg-muted:hover {\n  background-color: hsl(var(--muted));\n}\n.hover\\:ww-bg-white\\/10:hover {\n  background-color: rgb(255 255 255 / 0.1);\n}\n.hover\\:ww-text-accent-foreground:hover {\n  color: hsl(var(--accent-foreground));\n}\n.hover\\:ww-text-foreground:hover {\n  color: hsl(var(--foreground));\n}\n.hover\\:ww-text-primary:hover {\n  color: hsl(var(--primary));\n}\n.hover\\:ww-opacity-80:hover {\n  opacity: 0.8;\n}\n.hover\\:ww-opacity-85:hover {\n  opacity: 0.85;\n}\n.hover\\:ww-shadow-sm:hover {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.hover\\:ww-shadow-xl:hover {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.focus\\:ww-ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ww-ring-ring\\/40:focus {\n  --tw-ring-color: hsl(var(--ring) / 0.4);\n}\n.active\\:ww-scale-\\[0\\.98\\]:active {\n  --tw-scale-x: 0.98;\n  --tw-scale-y: 0.98;\n  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));\n}\n.disabled\\:ww-pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:ww-opacity-40:disabled {\n  opacity: 0.4;\n}\n.disabled\\:ww-opacity-50:disabled {\n  opacity: 0.5;\n}\n.dark\\:ww-border-red-800:is(.ww-dark *) {\n  --tw-border-opacity: 1;\n  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));\n}\n.dark\\:ww-bg-red-950:is(.ww-dark *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));\n}\n.dark\\:ww-text-red-400:is(.ww-dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\n");
+styleInject('.ww-pointer-events-none {\n  pointer-events: none;\n}\n.ww-absolute {\n  position: absolute;\n}\n.ww-relative {\n  position: relative;\n}\n.ww-inset-0 {\n  inset: 0px;\n}\n.ww-inset-4 {\n  inset: 1rem;\n}\n.ww-inset-8 {\n  inset: 2rem;\n}\n.ww-left-2\\.5 {\n  left: 0.625rem;\n}\n.ww-top-1\\/2 {\n  top: 50%;\n}\n.ww-z-50 {\n  z-index: 50;\n}\n.ww-z-\\[100\\] {\n  z-index: 100;\n}\n.ww-mx-0\\.5 {\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n}\n.ww-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.ww-mb-12 {\n  margin-bottom: 3rem;\n}\n.ww-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.ww-mb-2\\.5 {\n  margin-bottom: 0.625rem;\n}\n.ww-ml-0\\.5 {\n  margin-left: 0.125rem;\n}\n.ww-ml-1 {\n  margin-left: 0.25rem;\n}\n.ww-mt-0\\.5 {\n  margin-top: 0.125rem;\n}\n.ww-mt-1 {\n  margin-top: 0.25rem;\n}\n.ww-mt-1\\.5 {\n  margin-top: 0.375rem;\n}\n.ww-line-clamp-1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n.ww-line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.ww-block {\n  display: block;\n}\n.ww-inline-block {\n  display: inline-block;\n}\n.ww-flex {\n  display: flex;\n}\n.ww-inline-flex {\n  display: inline-flex;\n}\n.ww-grid {\n  display: grid;\n}\n.ww-hidden {\n  display: none;\n}\n.ww-h-1\\.5 {\n  height: 0.375rem;\n}\n.ww-h-10 {\n  height: 2.5rem;\n}\n.ww-h-16 {\n  height: 4rem;\n}\n.ww-h-2 {\n  height: 0.5rem;\n}\n.ww-h-2\\.5 {\n  height: 0.625rem;\n}\n.ww-h-20 {\n  height: 5rem;\n}\n.ww-h-3 {\n  height: 0.75rem;\n}\n.ww-h-3\\.5 {\n  height: 0.875rem;\n}\n.ww-h-4 {\n  height: 1rem;\n}\n.ww-h-40 {\n  height: 10rem;\n}\n.ww-h-48 {\n  height: 12rem;\n}\n.ww-h-6 {\n  height: 1.5rem;\n}\n.ww-h-7 {\n  height: 1.75rem;\n}\n.ww-h-8 {\n  height: 2rem;\n}\n.ww-h-full {\n  height: 100%;\n}\n.ww-max-h-32 {\n  max-height: 8rem;\n}\n.ww-max-h-48 {\n  max-height: 12rem;\n}\n.ww-max-h-\\[168px\\] {\n  max-height: 168px;\n}\n.ww-max-h-\\[180px\\] {\n  max-height: 180px;\n}\n.ww-min-h-\\[22px\\] {\n  min-height: 22px;\n}\n.ww-w-0\\.5 {\n  width: 0.125rem;\n}\n.ww-w-1\\.5 {\n  width: 0.375rem;\n}\n.ww-w-10 {\n  width: 2.5rem;\n}\n.ww-w-16 {\n  width: 4rem;\n}\n.ww-w-2 {\n  width: 0.5rem;\n}\n.ww-w-2\\.5 {\n  width: 0.625rem;\n}\n.ww-w-20 {\n  width: 5rem;\n}\n.ww-w-3 {\n  width: 0.75rem;\n}\n.ww-w-3\\.5 {\n  width: 0.875rem;\n}\n.ww-w-4 {\n  width: 1rem;\n}\n.ww-w-48 {\n  width: 12rem;\n}\n.ww-w-6 {\n  width: 1.5rem;\n}\n.ww-w-7 {\n  width: 1.75rem;\n}\n.ww-w-8 {\n  width: 2rem;\n}\n.ww-w-\\[300px\\] {\n  width: 300px;\n}\n.ww-w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.ww-w-full {\n  width: 100%;\n}\n.ww-min-w-0 {\n  min-width: 0px;\n}\n.ww-max-w-\\[120px\\] {\n  max-width: 120px;\n}\n.ww-max-w-\\[170px\\] {\n  max-width: 170px;\n}\n.ww-max-w-\\[200px\\] {\n  max-width: 200px;\n}\n.ww-max-w-\\[78\\%\\] {\n  max-width: 78%;\n}\n.ww-max-w-\\[82\\%\\] {\n  max-width: 82%;\n}\n.ww-max-w-none {\n  max-width: none;\n}\n.ww-flex-1 {\n  flex: 1 1 0%;\n}\n.ww-shrink-0 {\n  flex-shrink: 0;\n}\n.ww-translate-x-\\[-4px\\] {\n  --tw-translate-x: -4px;\n  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));\n}\n.ww-rotate-180 {\n  --tw-rotate: 180deg;\n  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));\n}\n.ww-scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  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));\n}\n.ww-scale-105 {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  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));\n}\n.ww-scale-110 {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  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));\n}\n.ww-scale-90 {\n  --tw-scale-x: .9;\n  --tw-scale-y: .9;\n  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));\n}\n@keyframes ww-ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n.ww-animate-ping {\n  animation: ww-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n@keyframes ww-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n.ww-animate-pulse {\n  animation: ww-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes ww-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ww-animate-spin {\n  animation: ww-spin 1s linear infinite;\n}\n.ww-cursor-default {\n  cursor: default;\n}\n.ww-cursor-pointer {\n  cursor: pointer;\n}\n.ww-touch-none {\n  touch-action: none;\n}\n.ww-select-none {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n.ww-select-all {\n  -webkit-user-select: all;\n  -moz-user-select: all;\n  user-select: all;\n}\n.ww-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.ww-flex-row {\n  flex-direction: row;\n}\n.ww-flex-col {\n  flex-direction: column;\n}\n.ww-flex-wrap {\n  flex-wrap: wrap;\n}\n.ww-items-start {\n  align-items: flex-start;\n}\n.ww-items-end {\n  align-items: flex-end;\n}\n.ww-items-center {\n  align-items: center;\n}\n.ww-justify-end {\n  justify-content: flex-end;\n}\n.ww-justify-center {\n  justify-content: center;\n}\n.ww-justify-between {\n  justify-content: space-between;\n}\n.ww-gap-0\\.5 {\n  gap: 0.125rem;\n}\n.ww-gap-1 {\n  gap: 0.25rem;\n}\n.ww-gap-1\\.5 {\n  gap: 0.375rem;\n}\n.ww-gap-2 {\n  gap: 0.5rem;\n}\n.ww-gap-2\\.5 {\n  gap: 0.625rem;\n}\n.ww-gap-3\\.5 {\n  gap: 0.875rem;\n}\n.ww-gap-4 {\n  gap: 1rem;\n}\n.ww-gap-5 {\n  gap: 1.25rem;\n}\n.ww-gap-6 {\n  gap: 1.5rem;\n}\n.ww-gap-8 {\n  gap: 2rem;\n}\n.ww-divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n.ww-divide-border\\/40 > :not([hidden]) ~ :not([hidden]) {\n  border-color: hsl(var(--border) / 0.4);\n}\n.ww-overflow-hidden {\n  overflow: hidden;\n}\n.ww-overflow-y-auto {\n  overflow-y: auto;\n}\n.ww-overscroll-contain {\n  overscroll-behavior: contain;\n}\n.ww-overscroll-none {\n  overscroll-behavior: none;\n}\n.ww-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ww-whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n.\\!ww-rounded-full {\n  border-radius: 9999px !important;\n}\n.ww-rounded {\n  border-radius: 0.25rem;\n}\n.ww-rounded-2xl {\n  border-radius: 1rem;\n}\n.ww-rounded-full {\n  border-radius: 9999px;\n}\n.ww-rounded-lg {\n  border-radius: var(--radius);\n}\n.ww-rounded-md {\n  border-radius: calc(var(--radius) - 2px);\n}\n.ww-rounded-xl {\n  border-radius: 0.75rem;\n}\n.ww-rounded-br-2xl {\n  border-bottom-right-radius: 1rem;\n}\n.ww-rounded-tl-none {\n  border-top-left-radius: 0px;\n}\n.ww-rounded-tl-sm {\n  border-top-left-radius: calc(var(--radius) - 4px);\n}\n.ww-rounded-tr-sm {\n  border-top-right-radius: calc(var(--radius) - 4px);\n}\n.ww-border {\n  border-width: 1px;\n}\n.ww-border-2 {\n  border-width: 2px;\n}\n.ww-border-b {\n  border-bottom-width: 1px;\n}\n.ww-border-l {\n  border-left-width: 1px;\n}\n.ww-border-l-2 {\n  border-left-width: 2px;\n}\n.ww-border-t {\n  border-top-width: 1px;\n}\n.ww-border-background {\n  border-color: hsl(var(--background));\n}\n.ww-border-black\\/10 {\n  border-color: rgb(0 0 0 / 0.1);\n}\n.ww-border-border {\n  border-color: hsl(var(--border));\n}\n.ww-border-border\\/30 {\n  border-color: hsl(var(--border) / 0.3);\n}\n.ww-border-border\\/40 {\n  border-color: hsl(var(--border) / 0.4);\n}\n.ww-border-border\\/50 {\n  border-color: hsl(var(--border) / 0.5);\n}\n.ww-border-border\\/60 {\n  border-color: hsl(var(--border) / 0.6);\n}\n.ww-border-border\\/80 {\n  border-color: hsl(var(--border) / 0.8);\n}\n.ww-border-muted {\n  border-color: hsl(var(--muted));\n}\n.ww-border-muted-foreground\\/30 {\n  border-color: hsl(var(--muted-foreground) / 0.3);\n}\n.ww-border-primary\\/10 {\n  border-color: hsl(var(--primary) / 0.1);\n}\n.ww-border-primary\\/15 {\n  border-color: hsl(var(--primary) / 0.15);\n}\n.ww-border-primary\\/20 {\n  border-color: hsl(var(--primary) / 0.2);\n}\n.ww-border-red-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));\n}\n.ww-border-transparent {\n  border-color: transparent;\n}\n.ww-border-white\\/20 {\n  border-color: rgb(255 255 255 / 0.2);\n}\n.ww-border-white\\/30 {\n  border-color: rgb(255 255 255 / 0.3);\n}\n.ww-bg-background {\n  background-color: hsl(var(--background));\n}\n.ww-bg-background\\/20 {\n  background-color: hsl(var(--background) / 0.2);\n}\n.ww-bg-background\\/90 {\n  background-color: hsl(var(--background) / 0.9);\n}\n.ww-bg-background\\/95 {\n  background-color: hsl(var(--background) / 0.95);\n}\n.ww-bg-black\\/10 {\n  background-color: rgb(0 0 0 / 0.1);\n}\n.ww-bg-emerald-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));\n}\n.ww-bg-emerald-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));\n}\n.ww-bg-emerald-500\\/10 {\n  background-color: rgb(16 185 129 / 0.1);\n}\n.ww-bg-emerald-500\\/20 {\n  background-color: rgb(16 185 129 / 0.2);\n}\n.ww-bg-foreground\\/20 {\n  background-color: hsl(var(--foreground) / 0.2);\n}\n.ww-bg-foreground\\/5 {\n  background-color: hsl(var(--foreground) / 0.05);\n}\n.ww-bg-foreground\\/60 {\n  background-color: hsl(var(--foreground) / 0.6);\n}\n.ww-bg-indigo-500\\/10 {\n  background-color: rgb(99 102 241 / 0.1);\n}\n.ww-bg-muted {\n  background-color: hsl(var(--muted));\n}\n.ww-bg-muted-foreground\\/10 {\n  background-color: hsl(var(--muted-foreground) / 0.1);\n}\n.ww-bg-muted\\/10 {\n  background-color: hsl(var(--muted) / 0.1);\n}\n.ww-bg-muted\\/30 {\n  background-color: hsl(var(--muted) / 0.3);\n}\n.ww-bg-muted\\/40 {\n  background-color: hsl(var(--muted) / 0.4);\n}\n.ww-bg-muted\\/50 {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.ww-bg-muted\\/60 {\n  background-color: hsl(var(--muted) / 0.6);\n}\n.ww-bg-primary {\n  background-color: hsl(var(--primary));\n}\n.ww-bg-primary\\/10 {\n  background-color: hsl(var(--primary) / 0.1);\n}\n.ww-bg-primary\\/5 {\n  background-color: hsl(var(--primary) / 0.05);\n}\n.ww-bg-purple-500\\/20 {\n  background-color: rgb(168 85 247 / 0.2);\n}\n.ww-bg-purple-500\\/30 {\n  background-color: rgb(168 85 247 / 0.3);\n}\n.ww-bg-red-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\n.ww-bg-transparent {\n  background-color: transparent;\n}\n.ww-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.ww-bg-white\\/10 {\n  background-color: rgb(255 255 255 / 0.1);\n}\n.ww-bg-white\\/15 {\n  background-color: rgb(255 255 255 / 0.15);\n}\n.ww-bg-white\\/20 {\n  background-color: rgb(255 255 255 / 0.2);\n}\n.ww-fill-current {\n  fill: currentColor;\n}\n.ww-object-cover {\n  -o-object-fit: cover;\n  object-fit: cover;\n}\n.ww-p-0\\.5 {\n  padding: 0.125rem;\n}\n.ww-p-1\\.5 {\n  padding: 0.375rem;\n}\n.ww-p-3 {\n  padding: 0.75rem;\n}\n.ww-p-3\\.5 {\n  padding: 0.875rem;\n}\n.ww-px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.ww-px-1\\.5 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n.ww-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.ww-px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.ww-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.ww-px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n.ww-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.ww-py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.ww-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.ww-py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.ww-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.ww-py-2\\.5 {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n.ww-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.ww-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.ww-pb-1\\.5 {\n  padding-bottom: 0.375rem;\n}\n.ww-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.ww-pb-3 {\n  padding-bottom: 0.75rem;\n}\n.ww-pb-4 {\n  padding-bottom: 1rem;\n}\n.ww-pl-2 {\n  padding-left: 0.5rem;\n}\n.ww-pl-7 {\n  padding-left: 1.75rem;\n}\n.ww-pr-0\\.5 {\n  padding-right: 0.125rem;\n}\n.ww-pr-3 {\n  padding-right: 0.75rem;\n}\n.ww-pt-0\\.5 {\n  padding-top: 0.125rem;\n}\n.ww-pt-2 {\n  padding-top: 0.5rem;\n}\n.ww-pt-2\\.5 {\n  padding-top: 0.625rem;\n}\n.ww-pt-4 {\n  padding-top: 1rem;\n}\n.ww-pt-5 {\n  padding-top: 1.25rem;\n}\n.ww-text-left {\n  text-align: left;\n}\n.ww-text-center {\n  text-align: center;\n}\n.ww-align-middle {\n  vertical-align: middle;\n}\n.ww-font-mono {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n}\n.ww-text-\\[10\\.5px\\] {\n  font-size: 10.5px;\n}\n.ww-text-\\[10px\\] {\n  font-size: 10px;\n}\n.ww-text-\\[11px\\] {\n  font-size: 11px;\n}\n.ww-text-\\[12\\.5px\\] {\n  font-size: 12.5px;\n}\n.ww-text-\\[12px\\] {\n  font-size: 12px;\n}\n.ww-text-\\[13px\\] {\n  font-size: 13px;\n}\n.ww-text-\\[8px\\] {\n  font-size: 8px;\n}\n.ww-text-\\[9px\\] {\n  font-size: 9px;\n}\n.ww-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.ww-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.ww-font-bold {\n  font-weight: 700;\n}\n.ww-font-medium {\n  font-weight: 500;\n}\n.ww-font-semibold {\n  font-weight: 600;\n}\n.ww-uppercase {\n  text-transform: uppercase;\n}\n.ww-leading-none {\n  line-height: 1;\n}\n.ww-leading-normal {\n  line-height: 1.5;\n}\n.ww-leading-relaxed {\n  line-height: 1.625;\n}\n.ww-leading-snug {\n  line-height: 1.375;\n}\n.ww-leading-tight {\n  line-height: 1.25;\n}\n.ww-tracking-\\[0\\.06em\\] {\n  letter-spacing: 0.06em;\n}\n.ww-tracking-\\[0\\.12em\\] {\n  letter-spacing: 0.12em;\n}\n.ww-tracking-wide {\n  letter-spacing: 0.025em;\n}\n.ww-tracking-wider {\n  letter-spacing: 0.05em;\n}\n.ww-tracking-widest {\n  letter-spacing: 0.1em;\n}\n.ww-text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity, 1));\n}\n.ww-text-black\\/40 {\n  color: rgb(0 0 0 / 0.4);\n}\n.ww-text-black\\/60 {\n  color: rgb(0 0 0 / 0.6);\n}\n.ww-text-destructive {\n  color: hsl(var(--destructive));\n}\n.ww-text-destructive\\/70 {\n  color: hsl(var(--destructive) / 0.7);\n}\n.ww-text-emerald-500 {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity, 1));\n}\n.ww-text-foreground {\n  color: hsl(var(--foreground));\n}\n.ww-text-foreground\\/60 {\n  color: hsl(var(--foreground) / 0.6);\n}\n.ww-text-foreground\\/70 {\n  color: hsl(var(--foreground) / 0.7);\n}\n.ww-text-foreground\\/80 {\n  color: hsl(var(--foreground) / 0.8);\n}\n.ww-text-indigo-500 {\n  --tw-text-opacity: 1;\n  color: rgb(99 102 241 / var(--tw-text-opacity, 1));\n}\n.ww-text-inherit {\n  color: inherit;\n}\n.ww-text-muted-foreground {\n  color: hsl(var(--muted-foreground));\n}\n.ww-text-muted-foreground\\/40 {\n  color: hsl(var(--muted-foreground) / 0.4);\n}\n.ww-text-muted-foreground\\/45 {\n  color: hsl(var(--muted-foreground) / 0.45);\n}\n.ww-text-muted-foreground\\/50 {\n  color: hsl(var(--muted-foreground) / 0.5);\n}\n.ww-text-muted-foreground\\/60 {\n  color: hsl(var(--muted-foreground) / 0.6);\n}\n.ww-text-muted-foreground\\/70 {\n  color: hsl(var(--muted-foreground) / 0.7);\n}\n.ww-text-muted-foreground\\/80 {\n  color: hsl(var(--muted-foreground) / 0.8);\n}\n.ww-text-primary {\n  color: hsl(var(--primary));\n}\n.ww-text-primary-foreground {\n  color: hsl(var(--primary-foreground));\n}\n.ww-text-primary\\/60 {\n  color: hsl(var(--primary) / 0.6);\n}\n.ww-text-primary\\/70 {\n  color: hsl(var(--primary) / 0.7);\n}\n.ww-text-primary\\/80 {\n  color: hsl(var(--primary) / 0.8);\n}\n.ww-text-red-400 {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\n.ww-text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.ww-text-red-600 {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n.ww-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.ww-text-white\\/60 {\n  color: rgb(255 255 255 / 0.6);\n}\n.ww-text-white\\/80 {\n  color: rgb(255 255 255 / 0.8);\n}\n.ww-underline {\n  text-decoration-line: underline;\n}\n.ww-line-through {\n  text-decoration-line: line-through;\n}\n.ww-no-underline {\n  text-decoration-line: none;\n}\n.ww-decoration-foreground\\/20 {\n  text-decoration-color: hsl(var(--foreground) / 0.2);\n}\n.ww-opacity-0 {\n  opacity: 0;\n}\n.ww-opacity-100 {\n  opacity: 1;\n}\n.ww-opacity-25 {\n  opacity: 0.25;\n}\n.ww-opacity-30 {\n  opacity: 0.3;\n}\n.ww-opacity-40 {\n  opacity: 0.4;\n}\n.ww-opacity-55 {\n  opacity: 0.55;\n}\n.ww-opacity-60 {\n  opacity: 0.6;\n}\n.ww-opacity-70 {\n  opacity: 0.7;\n}\n.ww-opacity-75 {\n  opacity: 0.75;\n}\n.ww-opacity-80 {\n  opacity: 0.8;\n}\n.ww-opacity-90 {\n  opacity: 0.9;\n}\n.ww-shadow-2xl {\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-\\[0_1px_2px_rgba\\(0\\,0\\,0\\,0\\.03\\)\\] {\n  --tw-shadow: 0 1px 2px rgba(0,0,0,0.03);\n  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.ww-outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.ww-ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.ww-ring-inset {\n  --tw-ring-inset: inset;\n}\n.ww-ring-primary\\/20 {\n  --tw-ring-color: hsl(var(--primary) / 0.2);\n}\n.ww-ring-primary\\/60 {\n  --tw-ring-color: hsl(var(--primary) / 0.6);\n}\n.ww-backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  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);\n}\n.ww-backdrop-blur-xl {\n  --tw-backdrop-blur: blur(24px);\n  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);\n}\n.ww-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-transition-shadow {\n  transition-property: box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ww-duration-1000 {\n  transition-duration: 1000ms;\n}\n.ww-duration-200 {\n  transition-duration: 200ms;\n}\n.ww-duration-300 {\n  transition-duration: 300ms;\n}\n.ww-duration-500 {\n  transition-duration: 500ms;\n}\n.ww-duration-700 {\n  transition-duration: 700ms;\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n.ww-animate-in {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.ww-fade-in {\n  --tw-enter-opacity: 0;\n}\n.ww-slide-in-from-bottom-1 {\n  --tw-enter-translate-y: 0.25rem;\n}\n.ww-slide-in-from-bottom-2 {\n  --tw-enter-translate-y: 0.5rem;\n}\n.ww-slide-in-from-right-2 {\n  --tw-enter-translate-x: 0.5rem;\n}\n.ww-duration-1000 {\n  animation-duration: 1000ms;\n}\n.ww-duration-200 {\n  animation-duration: 200ms;\n}\n.ww-duration-300 {\n  animation-duration: 300ms;\n}\n.ww-duration-500 {\n  animation-duration: 500ms;\n}\n.ww-duration-700 {\n  animation-duration: 700ms;\n}\n.wallavi-widget *,\n.wallavi-widget *::before,\n.wallavi-widget *::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n}\n.wallavi-widget button {\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n}\n.wallavi-widget textarea,\n.wallavi-widget input,\n.wallavi-widget select {\n  font-family: inherit;\n  font-size: inherit;\n}\n.wallavi-widget img,\n.wallavi-widget video {\n  max-width: 100%;\n  height: auto;\n}\n.wallavi-widget .lk-control-bar {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  gap: 1.5rem !important;\n  justify-content: center !important;\n}\n.wallavi-widget .lk-button {\n  background: rgba(25, 25, 28, 0.05) !important;\n  border-radius: 9999px !important;\n  padding: 1.25rem !important;\n  color: var(--ww-fg, #19191c) !important;\n  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;\n  border: 1px solid rgba(25, 25, 28, 0.1) !important;\n}\n.wallavi-widget .lk-button:hover {\n  background: rgba(25, 25, 28, 0.1) !important;\n  transform: scale(1.05) !important;\n}\n.wallavi-widget .lk-disconnect-button {\n  background: #ef4444 !important;\n  color: white !important;\n  border: none !important;\n}\n.wallavi-widget .lk-disconnect-button:hover {\n  background: #dc2626 !important;\n}\n.wallavi-widget .lk-device-menu {\n  bottom: 100% !important;\n  top: auto !important;\n  margin-bottom: 1rem !important;\n  max-width: 250px !important;\n  width: -moz-max-content !important;\n  width: max-content !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  background: #ffffff !important;\n  border-radius: 16px !important;\n  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15), 0 10px 20px -10px rgba(0, 0, 0, 0.1) !important;\n  z-index: 1000 !important;\n  overflow: hidden !important;\n  border: 1px solid rgba(0, 0, 0, 0.05) !important;\n  padding: 0.5rem !important;\n}\n.wallavi-widget .lk-device-menu > li {\n  padding: 0.75rem 1rem !important;\n  font-size: 0.875rem !important;\n  color: #19191c !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  border-radius: 8px !important;\n  transition: background 0.15s !important;\n}\n.wallavi-widget .lk-device-menu > li:hover {\n  background: rgba(0, 0, 0, 0.05) !important;\n}\n.wallavi-widget .lk-device-menu > li.lk-active {\n  background: rgba(0, 0, 0, 0.08) !important;\n  font-weight: 600 !important;\n}\n.placeholder\\:ww-text-muted-foreground\\/40::-moz-placeholder {\n  color: hsl(var(--muted-foreground) / 0.4);\n}\n.placeholder\\:ww-text-muted-foreground\\/40::placeholder {\n  color: hsl(var(--muted-foreground) / 0.4);\n}\n.focus-within\\:ww-ring-1:focus-within {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-within\\:ww-ring-ring\\/40:focus-within {\n  --tw-ring-color: hsl(var(--ring) / 0.4);\n}\n.hover\\:-ww-translate-y-1:hover {\n  --tw-translate-y: -0.25rem;\n  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));\n}\n.hover\\:ww-scale-110:hover {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  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));\n}\n.hover\\:ww-border-border\\/80:hover {\n  border-color: hsl(var(--border) / 0.8);\n}\n.hover\\:ww-border-primary\\/40:hover {\n  border-color: hsl(var(--primary) / 0.4);\n}\n.hover\\:ww-bg-accent:hover {\n  background-color: hsl(var(--accent));\n}\n.hover\\:ww-bg-foreground\\/10:hover {\n  background-color: hsl(var(--foreground) / 0.1);\n}\n.hover\\:ww-bg-foreground\\/30:hover {\n  background-color: hsl(var(--foreground) / 0.3);\n}\n.hover\\:ww-bg-muted:hover {\n  background-color: hsl(var(--muted));\n}\n.hover\\:ww-bg-muted\\/20:hover {\n  background-color: hsl(var(--muted) / 0.2);\n}\n.hover\\:ww-bg-primary\\/10:hover {\n  background-color: hsl(var(--primary) / 0.1);\n}\n.hover\\:ww-bg-white\\/10:hover {\n  background-color: rgb(255 255 255 / 0.1);\n}\n.hover\\:ww-text-accent-foreground:hover {\n  color: hsl(var(--accent-foreground));\n}\n.hover\\:ww-text-foreground:hover {\n  color: hsl(var(--foreground));\n}\n.hover\\:ww-text-primary:hover {\n  color: hsl(var(--primary));\n}\n.hover\\:ww-opacity-80:hover {\n  opacity: 0.8;\n}\n.hover\\:ww-opacity-85:hover {\n  opacity: 0.85;\n}\n.hover\\:ww-shadow-md:hover {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.hover\\:ww-shadow-sm:hover {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.hover\\:ww-shadow-xl:hover {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.focus\\:ww-ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ww-ring-ring\\/40:focus {\n  --tw-ring-color: hsl(var(--ring) / 0.4);\n}\n.focus-visible\\:ww-outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:ww-ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:ww-ring-ring\\/40:focus-visible {\n  --tw-ring-color: hsl(var(--ring) / 0.4);\n}\n.active\\:ww-scale-\\[0\\.98\\]:active {\n  --tw-scale-x: 0.98;\n  --tw-scale-y: 0.98;\n  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));\n}\n.disabled\\:ww-pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:ww-opacity-40:disabled {\n  opacity: 0.4;\n}\n.disabled\\:ww-opacity-50:disabled {\n  opacity: 0.5;\n}\n.ww-group:hover .group-hover\\:ww-translate-x-0 {\n  --tw-translate-x: 0px;\n  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));\n}\n.ww-group:hover .group-hover\\:ww-rotate-12 {\n  --tw-rotate: 12deg;\n  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));\n}\n.ww-group:hover .group-hover\\:ww-scale-105 {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  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));\n}\n.ww-group:hover .group-hover\\:ww-scale-110 {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  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));\n}\n.ww-group:hover .group-hover\\:ww-opacity-100 {\n  opacity: 1;\n}\n.dark\\:ww-border-red-800:is(.ww-dark *) {\n  --tw-border-opacity: 1;\n  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));\n}\n.dark\\:ww-bg-indigo-400\\/10:is(.ww-dark *) {\n  background-color: rgb(129 140 248 / 0.1);\n}\n.dark\\:ww-bg-red-950:is(.ww-dark *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));\n}\n.dark\\:ww-text-indigo-400:is(.ww-dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(129 140 248 / var(--tw-text-opacity, 1));\n}\n.dark\\:ww-text-red-400:is(.ww-dark *) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\n');
 var twMerge = extendTailwindMerge({ prefix: "ww-" });
 var cn = (...inputs) => twMerge(clsx(inputs));
 async function getFreshClerkToken() {
@@ -340,9 +340,12 @@ function useChat({
   });
   const streamingMsgIdRef = useRef(null);
   const [debugTraces, setDebugTraces] = useState([]);
-  const [selectedContext, setSelectedContext] = useState(null);
+  const [selectedContext, setSelectedContext] = useState(
+    null
+  );
   useEffect(() => {
-    if (typeof window === "undefined" || typeof document === "undefined") return;
+    if (typeof window === "undefined" || typeof document === "undefined")
+      return;
     const handleContextSelected = (event) => {
       const customEvent = event;
       if (customEvent.detail && customEvent.detail.id) {
@@ -351,7 +354,9 @@ function useChat({
     };
     const handleGlobalClick = (e) => {
       if (e.metaKey || e.ctrlKey) {
-        const target = e.target.closest("[data-wallavi-id]");
+        const target = e.target.closest(
+          "[data-wallavi-id]"
+        );
         if (target) {
           e.preventDefault();
           e.stopPropagation();
@@ -388,7 +393,10 @@ function useChat({
     window.addEventListener("wallavi:context-selected", handleContextSelected);
     document.addEventListener("click", handleGlobalClick, true);
     return () => {
-      window.removeEventListener("wallavi:context-selected", handleContextSelected);
+      window.removeEventListener(
+        "wallavi:context-selected",
+        handleContextSelected
+      );
       document.removeEventListener("click", handleGlobalClick, true);
     };
   }, []);
@@ -1112,6 +1120,118 @@ function MinimizeIcon() {
     }
   ) });
 }
+
+// src/lib/translations.ts
+var WIDGET_TRANSLATIONS = {
+  en: {
+    quickActions: "Quick Actions",
+    documentation: "Documentation",
+    askAbout: "Ask about",
+    poweredBy: "Powered by",
+    sendMessage: "Send a message\u2026",
+    search: "Search\u2026",
+    generalContext: "General Context",
+    defaultGreeting: "Hello! How can I help you today?",
+    connecting: "Connecting...",
+    listening: "Listening...",
+    speaking: "Speaking...",
+    ready: "Ready",
+    aiAssistant: "AI Assistant",
+    minimize: "Minimize",
+    expand: "Expand",
+    voiceCall: "Voice Call",
+    newConversation: "New conversation",
+    close: "Close",
+    dropFiles: "Drop files to attach",
+    talkingToAgent: "Talking to an agent",
+    muteMic: "Mute microphone",
+    unmuteMic: "Unmute microphone",
+    disconnect: "Disconnect",
+    calling: "Calling",
+    called: "Called",
+    failed: "Failed",
+    reasoning: "Reasoning",
+    noResults: "No results",
+    proceed: "Proceed",
+    proceedMessage: "yes, proceed",
+    cancel: "Cancel",
+    cancelMessage: "cancel",
+    regenerateResponse: "Regenerate response",
+    removeContext: "Remove context",
+    stopRecording: "Stop recording",
+    recordVoiceMessage: "Record voice message",
+    attachFile: "Attach file (CSV, image\u2026)",
+    requestHuman: "Talk to an agent",
+    requestHumanSublabel: "We'll connect you with an available agent",
+    returnToAi: "Return to AI chat",
+    returnToAiSublabel: "Instant response with artificial intelligence",
+    filesCount: "{count} file(s)",
+    tellMeAbout: "Tell me about {name}",
+    tellMeMoreAbout: "Tell me more about: {name}",
+    whatDoYouKnowAbout: "What do you know about {name}?",
+    uploadFailed: "Upload failed",
+    remove: "Remove"
+  },
+  es: {
+    quickActions: "Acciones r\xE1pidas",
+    documentation: "Documentaci\xF3n",
+    askAbout: "Preguntas frecuentes",
+    poweredBy: "Powered by",
+    sendMessage: "Enviar un mensaje...",
+    search: "Buscar...",
+    generalContext: "Contexto general",
+    defaultGreeting: "\xA1Hola! \xBFC\xF3mo puedo ayudarte hoy?",
+    connecting: "Conectando...",
+    listening: "Escuchando...",
+    speaking: "Hablando...",
+    ready: "Listo",
+    aiAssistant: "Asistente de IA",
+    minimize: "Minimizar",
+    expand: "Expandir",
+    voiceCall: "Llamada de voz",
+    newConversation: "Nueva conversaci\xF3n",
+    close: "Cerrar",
+    dropFiles: "Arrastra archivos para adjuntar",
+    talkingToAgent: "Hablando con un agente",
+    muteMic: "Silenciar micr\xF3fono",
+    unmuteMic: "Activar micr\xF3fono",
+    disconnect: "Desconectar",
+    calling: "Llamando",
+    called: "Llamado",
+    failed: "Fall\xF3",
+    reasoning: "Razonamiento",
+    noResults: "Sin resultados",
+    proceed: "Proceder",
+    proceedMessage: "s\xED, proceder",
+    cancel: "Cancelar",
+    cancelMessage: "cancelar",
+    regenerateResponse: "Regenerar respuesta",
+    removeContext: "Eliminar contexto",
+    stopRecording: "Detener grabaci\xF3n",
+    recordVoiceMessage: "Grabar mensaje de voz",
+    attachFile: "Adjuntar archivo (CSV, imagen...)",
+    requestHuman: "Hablar con un agente",
+    requestHumanSublabel: "Te conectamos con un agente disponible",
+    returnToAi: "Volver a chatear con la IA",
+    returnToAiSublabel: "Respuesta instant\xE1nea con inteligencia artificial",
+    filesCount: "{count} archivo(s)",
+    tellMeAbout: "H\xE1blame de {name}",
+    tellMeMoreAbout: "Cu\xE9ntame m\xE1s sobre: {name}",
+    whatDoYouKnowAbout: "\xBFQu\xE9 sabes sobre {name}?",
+    uploadFailed: "Error al subir",
+    remove: "Quitar"
+  }
+};
+function getWidgetTranslation(key, locale, replacements) {
+  const lang = locale === "es" ? "es" : "en";
+  let text = WIDGET_TRANSLATIONS[lang][key];
+  if (replacements) {
+    Object.entries(replacements).forEach(([k, v]) => {
+      text = text.replace(`{${k}}`, v);
+    });
+  }
+  return text;
+}
 var Avatar = ({
   style,
   ...p
@@ -1174,7 +1294,8 @@ function ChatHeader({
   onExpand,
   expanded,
   onCall,
-  isCallLoading
+  isCallLoading,
+  locale
 }) {
   return /* @__PURE__ */ jsxs(
     "header",
@@ -1207,7 +1328,7 @@ function ChatHeader({
           ),
           /* @__PURE__ */ jsxs("div", { className: "ww-min-w-0", children: [
             /* @__PURE__ */ jsx("p", { className: "ww-font-semibold ww-text-sm ww-truncate ww-leading-tight", children: title }),
-            /* @__PURE__ */ jsx("p", { className: "ww-text-[10px] ww-opacity-70 ww-leading-tight", children: "AI Assistant" })
+            /* @__PURE__ */ jsx("p", { className: "ww-text-[10px] ww-opacity-70 ww-leading-tight", children: getWidgetTranslation("aiAssistant", locale) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-items-center ww-gap-1", children: [
@@ -1216,7 +1337,7 @@ function ChatHeader({
             {
               onClick: onExpand,
               className: "ww-rounded-full ww-p-1.5 ww-transition-colors hover:ww-bg-white/10",
-              title: expanded ? "Minimize" : "Expand",
+              title: expanded ? getWidgetTranslation("minimize", locale) : getWidgetTranslation("expand", locale),
               children: expanded ? /* @__PURE__ */ jsx(MinimizeIcon, {}) : /* @__PURE__ */ jsx(ExpandIcon, {})
             }
           ),
@@ -1226,7 +1347,7 @@ function ChatHeader({
               onClick: onCall,
               disabled: isCallLoading,
               className: "ww-rounded-full ww-p-1.5 ww-transition-colors hover:ww-bg-white/10 disabled:ww-opacity-50",
-              title: "Voice Call",
+              title: getWidgetTranslation("voiceCall", locale),
               children: isCallLoading ? /* @__PURE__ */ jsxs(
                 "svg",
                 {
@@ -1270,7 +1391,7 @@ function ChatHeader({
             {
               onClick: onReset,
               className: "ww-rounded-full ww-p-1.5 ww-transition-colors hover:ww-bg-white/10",
-              title: "New conversation",
+              title: getWidgetTranslation("newConversation", locale),
               children: /* @__PURE__ */ jsx(
                 RotateCcw,
                 {
@@ -1285,7 +1406,7 @@ function ChatHeader({
             {
               onClick: onClose,
               className: "ww-rounded-full ww-p-1.5 ww-transition-colors hover:ww-bg-white/10",
-              title: "Close",
+              title: getWidgetTranslation("close", locale),
               children: /* @__PURE__ */ jsx(X, { className: "ww-h-3.5 ww-w-3.5", style: { color: headerText } })
             }
           )
@@ -1327,7 +1448,8 @@ function ChipLeading({ a }) {
 }
 function AttachmentChips({
   attachments,
-  onRemove
+  onRemove,
+  locale
 }) {
   if (attachments.length === 0) return null;
   return /* @__PURE__ */ jsx("div", { className: "ww-flex ww-flex-wrap ww-gap-1.5 ww-px-1 ww-pb-1.5", children: attachments.map((a) => /* @__PURE__ */ jsxs(
@@ -1339,7 +1461,7 @@ function AttachmentChips({
       ),
       children: [
         /* @__PURE__ */ jsx(ChipLeading, { a }),
-        /* @__PURE__ */ jsx("span", { className: "ww-truncate ww-leading-tight", children: a.status === "error" ? a.errorMessage ?? "Upload failed" : a.name }),
+        /* @__PURE__ */ jsx("span", { className: "ww-truncate ww-leading-tight", children: a.status === "error" ? a.errorMessage ?? getWidgetTranslation("uploadFailed", locale) : a.name }),
         a.status === "ready" && /* @__PURE__ */ jsx("span", { className: "ww-shrink-0 ww-text-muted-foreground/50", children: formatBytes(a.sizeBytes) }),
         /* @__PURE__ */ jsx(
           "button",
@@ -1347,7 +1469,7 @@ function AttachmentChips({
             type: "button",
             onClick: () => onRemove(a.id),
             className: "ww-shrink-0 ww-rounded-full ww-p-0.5 hover:ww-bg-foreground/10 ww-transition-colors ww-ml-0.5",
-            title: "Remove",
+            title: getWidgetTranslation("remove", locale),
             children: /* @__PURE__ */ jsx(X, { className: "ww-h-2.5 ww-w-2.5" })
           }
         )
@@ -1427,7 +1549,8 @@ function PlanStepIcon({ status }) {
 function PlanCard({
   part,
   onSend,
-  disabled
+  disabled,
+  locale
 }) {
   const successCount = part.steps.filter((s) => s.status === "success").length;
   const hasExecuting = part.steps.some((s) => s.status === "executing");
@@ -1479,7 +1602,7 @@ function PlanCard({
       /* @__PURE__ */ jsxs(
         "button",
         {
-          onClick: () => onSend("s\xED, proceder"),
+          onClick: () => onSend(getWidgetTranslation("proceedMessage", locale)),
           disabled,
           className: "ww-flex-1 ww-flex ww-items-center ww-justify-center ww-gap-1.5 ww-rounded-lg ww-py-1.5 ww-text-xs ww-font-semibold ww-transition-opacity hover:ww-opacity-85 active:ww-scale-[0.98] disabled:ww-opacity-50 disabled:ww-pointer-events-none",
           style: {
@@ -1488,19 +1611,19 @@ function PlanCard({
           },
           children: [
             /* @__PURE__ */ jsx(Check, { className: "ww-h-3 ww-w-3 ww-shrink-0" }),
-            "Proceder"
+            getWidgetTranslation("proceed", locale)
           ]
         }
       ),
       /* @__PURE__ */ jsxs(
         "button",
         {
-          onClick: () => onSend("cancelar"),
+          onClick: () => onSend(getWidgetTranslation("cancelMessage", locale)),
           disabled,
           className: "ww-flex ww-items-center ww-justify-center ww-gap-1.5 ww-rounded-lg ww-px-3 ww-py-1.5 ww-text-xs ww-font-medium ww-bg-muted ww-text-muted-foreground ww-transition-opacity hover:ww-opacity-80 active:ww-scale-[0.98] disabled:ww-opacity-50 disabled:ww-pointer-events-none",
           children: [
             /* @__PURE__ */ jsx(X, { className: "ww-h-3 ww-w-3 ww-shrink-0" }),
-            "Cancelar"
+            getWidgetTranslation("cancel", locale)
           ]
         }
       )
@@ -1544,19 +1667,25 @@ function ThinkingDots() {
     )
   ] });
 }
-function ToolCallBadge({ part }) {
+function ToolCallBadge({
+  part,
+  locale
+}) {
   return /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-items-center ww-gap-1.5 ww-text-xs ww-text-muted-foreground ww-bg-muted/60 ww-border ww-rounded-full ww-px-3 ww-py-1 ww-w-fit", children: [
     part.status === "running" && /* @__PURE__ */ jsx(Loader2, { className: "ww-h-3 ww-w-3 ww-animate-spin" }),
     part.status === "done" && /* @__PURE__ */ jsx(CheckCircle2, { className: "ww-h-3 ww-w-3 ww-text-emerald-500" }),
     part.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "ww-h-3 ww-w-3 ww-text-destructive" }),
     /* @__PURE__ */ jsxs("span", { children: [
-      part.status === "running" ? "Calling" : part.status === "done" ? "Called" : "Failed",
+      part.status === "running" ? getWidgetTranslation("calling", locale) : part.status === "done" ? getWidgetTranslation("called", locale) : getWidgetTranslation("failed", locale),
       " ",
       /* @__PURE__ */ jsx("span", { className: "ww-font-medium ww-text-foreground", children: formatToolName(part.toolName) })
     ] })
   ] });
 }
-function ReasoningBlock({ text }) {
+function ReasoningBlock({
+  text,
+  locale
+}) {
   const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs("div", { className: "ww-mb-1", children: [
     /* @__PURE__ */ jsxs(
@@ -1566,7 +1695,7 @@ function ReasoningBlock({ text }) {
         className: "ww-flex ww-items-center ww-gap-1 ww-text-xs ww-text-muted-foreground hover:ww-text-foreground ww-transition-colors",
         children: [
           /* @__PURE__ */ jsx(Zap, { className: "ww-h-3 ww-w-3" }),
-          /* @__PURE__ */ jsx("span", { children: "Reasoning" }),
+          /* @__PURE__ */ jsx("span", { children: getWidgetTranslation("reasoning", locale) }),
           /* @__PURE__ */ jsx(
             ChevronDown,
             {
@@ -1585,7 +1714,8 @@ function ReasoningBlock({ text }) {
 function PickerSelector({
   part,
   disabled,
-  onSelect
+  onSelect,
+  locale
 }) {
   const count = part.options.length;
   const mode = count <= 6 ? "pills" : count <= 20 ? "grid" : "list";
@@ -1617,7 +1747,7 @@ function PickerSelector({
               type: "text",
               value: query,
               onChange: (e) => setQuery(e.target.value),
-              placeholder: "Search\u2026",
+              placeholder: getWidgetTranslation("search", locale),
               disabled: disabled || isConsumed,
               className: "ww-w-full ww-rounded-lg ww-border ww-bg-background ww-pl-7 ww-pr-3 ww-py-1.5 ww-text-xs ww-outline-none focus:ww-ring-1 focus:ww-ring-ring/40 placeholder:ww-text-muted-foreground/40 disabled:ww-opacity-50"
             }
@@ -1666,7 +1796,7 @@ function PickerSelector({
           );
         }) }),
         mode === "list" && /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-flex-col ww-gap-0.5 ww-max-h-[180px] ww-overflow-y-auto ww-pr-0.5", children: [
-          filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "ww-py-3 ww-text-center ww-text-xs ww-text-muted-foreground/50", children: "No results" }),
+          filtered.length === 0 && /* @__PURE__ */ jsx("p", { className: "ww-py-3 ww-text-center ww-text-xs ww-text-muted-foreground/50", children: getWidgetTranslation("noResults", locale) }),
           filtered.map((opt, i) => {
             const sel = part.selectedValue === opt.value;
             const faded = isConsumed && !sel;
@@ -1703,7 +1833,10 @@ function PickerSelector({
   );
 }
 var ReactMarkdown = ReactMarkdownLib;
-function MarkdownContent({ text }) {
+function MarkdownContent({
+  text,
+  isUser
+}) {
   return /* @__PURE__ */ jsx(
     ReactMarkdown,
     {
@@ -1791,10 +1924,15 @@ function MarkdownContent({ text }) {
             return /* @__PURE__ */ jsxs(
               "span",
               {
-                className: "ww-inline-flex ww-items-center ww-gap-1.5 ww-bg-primary/10 ww-border ww-border-primary/20 ww-text-primary ww-text-[11px] ww-font-semibold ww-px-2 ww-py-0.5 ww-rounded-md ww-mx-0.5 ww-shadow-3xs",
+                className: `ww-inline-flex ww-items-center ww-gap-1.5 ww-text-[11px] ww-font-semibold ww-px-2 ww-py-0.5 ww-rounded-md ww-mx-0.5 ww-shadow-3xs ${isUser ? "ww-bg-white/20 ww-border ww-border-white/30 ww-text-white" : "ww-bg-primary/10 ww-border ww-border-primary/20 ww-text-primary"}`,
                 title: `${type}: ${id}`,
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: "ww-h-1.5 ww-w-1.5 ww-rounded-full ww-bg-primary" }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: `ww-h-1.5 ww-w-1.5 ww-rounded-full ${isUser ? "ww-bg-white" : "ww-bg-primary"}`
+                    }
+                  ),
                   /* @__PURE__ */ jsxs("span", { className: "ww-opacity-70 ww-uppercase ww-text-[8px] ww-tracking-wider", children: [
                     type,
                     ":"
@@ -1810,7 +1948,7 @@ function MarkdownContent({ text }) {
               href,
               target: "_blank",
               rel: "noopener noreferrer",
-              style: { textDecoration: "underline", opacity: 0.75 },
+              className: isUser ? "ww-text-inherit ww-underline ww-opacity-90" : "ww-underline ww-opacity-75",
               children
             }
           );
@@ -1915,10 +2053,11 @@ function MessageBubble({
   userColor,
   agentName,
   profilePicture,
-  isStreaming,
+  isStreaming = false,
   showThinking = true,
   onPickerSelect,
-  onSend
+  onSend,
+  locale
 }) {
   const isUser = message.role === "user";
   const textPart = message.parts.find((p) => p.type === "text");
@@ -1947,7 +2086,7 @@ function MessageBubble({
               contrastColor
             }
           ),
-          textPart?.text && /* @__PURE__ */ jsx("span", { children: textPart.text })
+          textPart?.text && /* @__PURE__ */ jsx("div", { className: "ww-prose ww-prose-sm ww-max-w-none ww-text-inherit prose-p:ww-my-0.5", children: /* @__PURE__ */ jsx(MarkdownContent, { text: textPart.text, isUser: true }) })
         ]
       }
     ) });
@@ -1979,24 +2118,26 @@ function MessageBubble({
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-flex-col ww-gap-1.5 ww-min-w-0 ww-max-w-[82%]", children: [
-      showThinking && reasoningPart && /* @__PURE__ */ jsx(ReasoningBlock, { text: reasoningPart.text }),
+      showThinking && reasoningPart && /* @__PURE__ */ jsx(ReasoningBlock, { text: reasoningPart.text, locale }),
       planParts.map((p) => /* @__PURE__ */ jsx(
         PlanCard,
         {
           part: p,
           onSend,
-          disabled: isStreaming
+          disabled: isStreaming,
+          locale
         },
         p.planId
       )),
-      visibleToolParts.map((t) => /* @__PURE__ */ jsx(ToolCallBadge, { part: t }, t.toolCallId)),
+      visibleToolParts.map((t) => /* @__PURE__ */ jsx(ToolCallBadge, { part: t, locale }, t.toolCallId)),
       pickerParts.map((p) => /* @__PURE__ */ jsx(
         PickerSelector,
         {
           part: p,
           disabled: isStreaming ?? false,
           onSelect: onPickerSelect ?? (() => {
-          })
+          }),
+          locale
         },
         p.pickerId
       )),
@@ -2044,7 +2185,9 @@ function ChatMessages({
   suggestedMessages = [],
   showThinking = true,
   onSuggest,
-  onPickerSelect
+  onPickerSelect,
+  commandPanel,
+  locale
 }) {
   const bottomRef = useRef(null);
   const greetText = initialMessages[0];
@@ -2057,6 +2200,7 @@ function ChatMessages({
       /* @__PURE__ */ jsx(Avatar3, { className: "ww-h-7 ww-w-7 ww-shrink-0 ww-mt-0.5 ww-border", children: profilePicture ? /* @__PURE__ */ jsx(AvatarImage3, { src: profilePicture, alt: agentName }) : /* @__PURE__ */ jsx(AvatarFallback3, { className: "ww-text-[10px] ww-font-semibold ww-bg-primary ww-text-primary-foreground", children: agentName.slice(0, 2).toUpperCase() }) }),
       /* @__PURE__ */ jsx("div", { className: "ww-rounded-2xl ww-rounded-tl-sm ww-bg-muted ww-px-4 ww-py-2.5 ww-text-sm ww-leading-relaxed ww-max-w-[82%]", children: greetText })
     ] }),
+    showGreeting && commandPanel,
     showGreeting && /* @__PURE__ */ jsx("div", { className: "ww-flex-1" }),
     /* @__PURE__ */ jsx("div", { className: "ww-flex ww-flex-col ww-gap-4 ww-px-4 ww-py-4", children: messages.map((msg, i) => /* @__PURE__ */ jsx(
       MessageBubble,
@@ -2068,7 +2212,8 @@ function ChatMessages({
         isStreaming: streaming && i === messages.length - 1 && msg.role === "assistant",
         showThinking,
         onPickerSelect,
-        onSend: i === messages.length - 1 ? onSuggest : void 0
+        onSend: i === messages.length - 1 ? onSuggest : void 0,
+        locale
       },
       msg.id
     )) }),
@@ -2122,6 +2267,88 @@ function ChatMessages({
   ] });
 }
 var cn3 = (...inputs) => twMerge$1(clsx(inputs));
+var serializeNode = (node) => {
+  if (node.nodeType === Node.TEXT_NODE) {
+    return node.nodeValue || "";
+  }
+  if (node.nodeType === Node.ELEMENT_NODE) {
+    const el = node;
+    if (el.tagName === "SPAN" && el.getAttribute("data-wlv-context-id")) {
+      const id = el.getAttribute("data-wlv-context-id");
+      const type = el.getAttribute("data-wlv-context-type");
+      const name = el.getAttribute("data-wlv-context-name");
+      return `[${name}](wallavi://${type}/${id})`;
+    }
+    if (el.tagName === "BR") {
+      return "\n";
+    }
+    let childText = "";
+    for (const child of Array.from(el.childNodes)) {
+      childText += serializeNode(child);
+    }
+    const isBlock = ["DIV", "P", "TR", "LI"].includes(el.tagName);
+    return isBlock ? `
+${childText}` : childText;
+  }
+  return "";
+};
+var serializeEditor = (editor) => {
+  let text = "";
+  for (const child of Array.from(editor.childNodes)) {
+    text += serializeNode(child);
+  }
+  return text.replace(/^\n+/, "").replace(/\n+$/, "");
+};
+var createChipElement = (name, type, id, accentColor) => {
+  const span = document.createElement("span");
+  span.setAttribute("contenteditable", "false");
+  span.className = "ww-inline-flex ww-items-center ww-gap-1.5 ww-bg-primary/8 ww-border ww-border-primary/15 ww-text-primary ww-text-xs ww-font-semibold ww-px-2.5 ww-py-0.5 ww-rounded-lg ww-mx-0.5 ww-align-middle ww-shadow-2xs ww-select-all ww-backdrop-blur-sm";
+  span.style.setProperty("--primary", accentColor);
+  span.setAttribute("data-wlv-context-id", id);
+  span.setAttribute("data-wlv-context-type", type);
+  span.setAttribute("data-wlv-context-name", name);
+  const icon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  icon.setAttribute("viewBox", "0 0 24 24");
+  icon.setAttribute("fill", "none");
+  icon.setAttribute("stroke", "currentColor");
+  icon.setAttribute("stroke-width", "2");
+  icon.setAttribute("stroke-linecap", "round");
+  icon.setAttribute("stroke-linejoin", "round");
+  icon.classList.add("ww-w-3", "ww-h-3", "ww-shrink-0", "ww-opacity-70");
+  const c1 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+  c1.setAttribute("cx", "12");
+  c1.setAttribute("cy", "12");
+  c1.setAttribute("r", "10");
+  const c2 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+  c2.setAttribute("cx", "12");
+  c2.setAttribute("cy", "12");
+  c2.setAttribute("r", "6");
+  const c3 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+  c3.setAttribute("cx", "12");
+  c3.setAttribute("cy", "12");
+  c3.setAttribute("r", "2");
+  icon.appendChild(c1);
+  icon.appendChild(c2);
+  icon.appendChild(c3);
+  span.appendChild(icon);
+  const typeSpan = document.createElement("span");
+  typeSpan.className = "ww-opacity-60 ww-uppercase ww-text-[8px] ww-tracking-[0.06em] ww-font-bold";
+  typeSpan.textContent = `${type}:`;
+  span.appendChild(typeSpan);
+  const nameSpan = document.createElement("span");
+  nameSpan.textContent = name;
+  span.appendChild(nameSpan);
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = "ww-ml-1 ww-text-primary/60 hover:ww-text-primary hover:ww-scale-110 ww-transition-all ww-font-bold ww-rounded-full hover:ww-bg-primary/10 ww-w-3.5 ww-h-3.5 ww-flex ww-items-center ww-justify-center ww-text-[10px]";
+  button.textContent = "\xD7";
+  button.onclick = () => {
+    span.remove();
+    window.dispatchEvent(new CustomEvent("wallavi:editor-change"));
+  };
+  span.appendChild(button);
+  return span;
+};
 function ChatInput({
   input,
   setInput,
@@ -2139,38 +2366,73 @@ function ChatInput({
   onRemoveAttachment,
   isUploading = false,
   selectedContext,
-  onClearContext
+  onClearContext,
+  locale
 }) {
   const hasVoice = onVoiceStart !== void 0;
   const hasAttachments = onAttach !== void 0;
   const fileInputRef = useRef(null);
   const textareaRef = useRef(null);
+  const insertNodeAtCursor = (node) => {
+    const sel = window.getSelection();
+    if (sel && sel.rangeCount > 0) {
+      const range = sel.getRangeAt(0);
+      const editor = textareaRef.current;
+      if (editor && editor.contains(range.commonAncestorContainer)) {
+        range.deleteContents();
+        const frag = document.createDocumentFragment();
+        frag.appendChild(node);
+        const spaceNode = document.createTextNode(" ");
+        frag.appendChild(spaceNode);
+        range.insertNode(frag);
+        const newRange = range.cloneRange();
+        newRange.setStartAfter(spaceNode);
+        newRange.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(newRange);
+        return;
+      }
+    }
+    if (textareaRef.current) {
+      textareaRef.current.appendChild(node);
+      textareaRef.current.appendChild(document.createTextNode(" "));
+    }
+  };
   useEffect(() => {
-    if (!input && textareaRef.current) {
-      textareaRef.current.style.height = "auto";
+    if (!input && textareaRef.current && textareaRef.current.innerHTML !== "") {
+      textareaRef.current.innerHTML = "";
     }
   }, [input]);
+  const handleInput = () => {
+    if (textareaRef.current) {
+      setInput(serializeEditor(textareaRef.current));
+    }
+  };
   useEffect(() => {
     if (selectedContext && textareaRef.current) {
-      const textarea = textareaRef.current;
-      const startPos = textarea.selectionStart;
-      const endPos = textarea.selectionEnd;
-      const text = textarea.value;
-      const inlineTag = `[${selectedContext.name}](wallavi://${selectedContext.type}/${selectedContext.id})`;
-      const newText = text.substring(0, startPos) + inlineTag + text.substring(endPos);
-      setInput(newText);
+      const chipEl = createChipElement(
+        selectedContext.name,
+        selectedContext.type,
+        selectedContext.id,
+        accentColor
+      );
+      textareaRef.current.focus();
+      insertNodeAtCursor(chipEl);
+      setInput(serializeEditor(textareaRef.current));
       if (onClearContext) {
         onClearContext();
       }
-      setTimeout(() => {
-        textarea.focus();
-        const newPos = startPos + inlineTag.length;
-        textarea.setSelectionRange(newPos, newPos);
-        textarea.style.height = "auto";
-        textarea.style.height = `${Math.min(textarea.scrollHeight, 128)}px`;
-      }, 50);
-    }
-  }, [selectedContext, onClearContext, setInput]);
+    }
+  }, [selectedContext, onClearContext, setInput, accentColor]);
+  useEffect(() => {
+    const handleEditorChange = () => {
+      if (textareaRef.current) {
+        setInput(serializeEditor(textareaRef.current));
+      }
+    };
+    window.addEventListener("wallavi:editor-change", handleEditorChange);
+    return () => window.removeEventListener("wallavi:editor-change", handleEditorChange);
+  }, [setInput]);
   useEffect(() => {
     if (!streaming) {
       textareaRef.current?.focus();
@@ -2182,8 +2444,40 @@ function ChatInput({
       onSend();
     }
   };
+  const handlePaste = (e) => {
+    if (hasAttachments && onAttach) {
+      const files = Array.from(e.clipboardData?.files ?? []).filter(
+        (f) => f.type.startsWith("image/")
+      );
+      if (files.length > 0) {
+        e.preventDefault();
+        const dt = new DataTransfer();
+        files.forEach((f) => dt.items.add(f));
+        onAttach(dt.files);
+        return;
+      }
+    }
+    e.preventDefault();
+    const text = e.clipboardData?.getData("text/plain") || "";
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0) return;
+    const range = selection.getRangeAt(0);
+    range.deleteContents();
+    range.insertNode(document.createTextNode(text));
+    range.collapse(false);
+    if (textareaRef.current) {
+      setInput(serializeEditor(textareaRef.current));
+    }
+  };
   const hasText = input.trim().length > 0;
   return /* @__PURE__ */ jsxs("div", { className: "ww-shrink-0 ww-border-t ww-bg-background ww-px-3 ww-py-2.5", children: [
+    /* @__PURE__ */ jsx("style", { children: `
+        #wallavi-chat-input:empty::before {
+          content: attr(placeholder);
+          color: rgba(120, 120, 120, 0.45);
+          pointer-events: none;
+        }
+      ` }),
     canRegenerate && onRegenerate && /* @__PURE__ */ jsxs(
       "button",
       {
@@ -2192,25 +2486,41 @@ function ChatInput({
         className: "ww-flex ww-items-center ww-gap-1 ww-text-[11px] ww-text-muted-foreground hover:ww-text-foreground ww-transition-colors ww-mb-2 disabled:ww-opacity-40",
         children: [
           /* @__PURE__ */ jsx(RotateCcw, { className: "ww-h-3 ww-w-3" }),
-          "Regenerate response"
+          getWidgetTranslation("regenerateResponse", locale)
         ]
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-flex-col ww-rounded-2xl ww-border ww-bg-background ww-shadow-sm focus-within:ww-ring-1 focus-within:ww-ring-ring/40 ww-transition-shadow", children: [
-      selectedContext && /* @__PURE__ */ jsx("div", { className: "ww-px-3 ww-pt-2.5 ww-flex ww-items-center", children: /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-items-center ww-gap-1.5 ww-bg-primary/5 ww-border ww-border-primary/10 ww-text-primary ww-text-xs ww-font-semibold ww-px-2.5 ww-py-1 ww-rounded-lg ww-shadow-2xs ww-animate-in ww-fade-in ww-slide-in-from-top-1 ww-duration-150", children: [
-        /* @__PURE__ */ jsx("span", { className: "ww-h-1.5 ww-w-1.5 ww-rounded-full ww-bg-primary ww-animate-pulse" }),
-        /* @__PURE__ */ jsxs("span", { className: "ww-opacity-70 ww-uppercase ww-text-[9px] ww-tracking-wider", children: [
+      selectedContext && /* @__PURE__ */ jsx("div", { className: "ww-px-3 ww-pt-2.5 ww-flex ww-items-center", children: /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-items-center ww-gap-2 ww-bg-primary/5 ww-border ww-border-primary/10 ww-text-primary ww-text-xs ww-font-semibold ww-px-3 ww-py-1.5 ww-rounded-xl ww-shadow-2xs ww-backdrop-blur-sm ww-animate-in ww-fade-in ww-slide-in-from-bottom-2 ww-duration-200", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "ww-w-3.5 ww-h-3.5 ww-shrink-0 ww-opacity-60",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6" }),
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "ww-opacity-55 ww-uppercase ww-text-[9px] ww-tracking-[0.06em] ww-font-bold", children: [
           selectedContext.type,
           ":"
         ] }),
-        /* @__PURE__ */ jsx("span", { children: selectedContext.name }),
+        /* @__PURE__ */ jsx("span", { className: "ww-font-semibold", children: selectedContext.name }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             onClick: onClearContext,
-            className: "ww-ml-1 ww-text-muted-foreground hover:ww-text-foreground ww-transition-colors",
-            title: "Remove context",
+            className: "ww-ml-0.5 ww-text-muted-foreground hover:ww-text-foreground ww-transition-all ww-rounded-full hover:ww-bg-primary/10 ww-w-4 ww-h-4 ww-flex ww-items-center ww-justify-center",
+            title: getWidgetTranslation("removeContext", locale),
             children: /* @__PURE__ */ jsxs(
               "svg",
               {
@@ -2234,7 +2544,8 @@ function ChatInput({
         AttachmentChips,
         {
           attachments,
-          onRemove: (id) => onRemoveAttachment?.(id)
+          onRemove: (id) => onRemoveAttachment?.(id),
+          locale
         }
       ) }),
       hasAttachments && /* @__PURE__ */ jsx(
@@ -2255,34 +2566,19 @@ function ChatInput({
       ),
       /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-items-end ww-gap-2 ww-px-3 ww-py-2", children: [
         /* @__PURE__ */ jsx(
-          "textarea",
+          "div",
           {
             id: "wallavi-chat-input",
             ref: textareaRef,
-            rows: 1,
-            className: "ww-flex-1 ww-resize-none ww-bg-transparent ww-text-sm ww-outline-none placeholder:ww-text-muted-foreground/50 ww-leading-relaxed ww-max-h-32 ww-overflow-y-auto ww-py-0.5",
-            placeholder: placeholder ?? "Send a message\u2026",
-            value: input,
-            onChange: (e) => {
-              setInput(e.target.value);
-              e.target.style.height = "auto";
-              e.target.style.height = `${Math.min(e.target.scrollHeight, 128)}px`;
+            contentEditable: !streaming && voiceState !== "recording" && voiceState !== "transcribing",
+            className: "ww-flex-1 ww-min-h-[22px] ww-max-h-32 ww-overflow-y-auto ww-py-1 ww-outline-none ww-text-sm ww-leading-relaxed ww-bg-transparent",
+            ...{
+              placeholder: placeholder || getWidgetTranslation("sendMessage", locale)
             },
             onKeyDown: handleKeyDown,
-            onPaste: (e) => {
-              if (!hasAttachments || !onAttach) return;
-              const files = Array.from(e.clipboardData?.files ?? []).filter(
-                (f) => f.type.startsWith("image/")
-              );
-              if (files.length > 0) {
-                e.preventDefault();
-                const dt = new DataTransfer();
-                files.forEach((f) => dt.items.add(f));
-                onAttach(dt.files);
-              }
-            },
-            disabled: streaming || voiceState === "recording" || voiceState === "transcribing",
-            autoFocus: true
+            onInput: handleInput,
+            onPaste: handlePaste,
+            style: { wordBreak: "break-word" }
           }
         ),
         hasVoice && /* @__PURE__ */ jsx(
@@ -2291,7 +2587,7 @@ function ChatInput({
             type: "button",
             onClick: voiceState === "recording" ? onVoiceStop : onVoiceStart,
             disabled: streaming || voiceState === "transcribing",
-            title: voiceState === "recording" ? "Stop recording" : "Record voice message",
+            title: voiceState === "recording" ? getWidgetTranslation("stopRecording", locale) : getWidgetTranslation("recordVoiceMessage", locale),
             className: cn3(
               "ww-h-7 ww-w-7 ww-shrink-0 ww-rounded-xl ww-flex ww-items-center ww-justify-center ww-transition-all ww-duration-200",
               voiceState === "recording" && "ww-animate-pulse",
@@ -2308,7 +2604,7 @@ function ChatInput({
             type: "button",
             onClick: () => fileInputRef.current?.click(),
             disabled: streaming || isUploading,
-            title: "Attach file (CSV, image\u2026)",
+            title: getWidgetTranslation("attachFile", locale),
             className: cn3(
               "ww-h-7 ww-w-7 ww-shrink-0 ww-rounded-xl ww-flex ww-items-center ww-justify-center ww-transition-all ww-duration-200",
               "ww-text-muted-foreground hover:ww-text-foreground",
@@ -2337,7 +2633,10 @@ function ChatInput({
     ] })
   ] });
 }
-function CustomControlBar({ onClose }) {
+function CustomControlBar({
+  onClose,
+  locale
+}) {
   const { localParticipant, isMicrophoneEnabled } = useLocalParticipant();
   const room = useRoomContext();
   const toggleMic = async () => {
@@ -2357,7 +2656,7 @@ function CustomControlBar({ onClose }) {
       {
         onClick: toggleMic,
         className: `ww-flex ww-items-center ww-justify-center ww-h-16 ww-w-16 ww-rounded-full ww-transition-all ww-duration-300 ${isMicrophoneEnabled ? "ww-bg-foreground/5 hover:ww-bg-foreground/10 ww-text-foreground" : "ww-bg-foreground/20 hover:ww-bg-foreground/30 ww-text-foreground"}`,
-        title: isMicrophoneEnabled ? "Silenciar micr\xF3fono" : "Activar micr\xF3fono",
+        title: isMicrophoneEnabled ? getWidgetTranslation("muteMic", locale) : getWidgetTranslation("unmuteMic", locale),
         children: isMicrophoneEnabled ? /* @__PURE__ */ jsx(Mic, { className: "ww-w-6 ww-h-6" }) : /* @__PURE__ */ jsx(MicOff, { className: "ww-w-6 ww-h-6" })
       }
     ),
@@ -2367,7 +2666,7 @@ function CustomControlBar({ onClose }) {
         onClick: disconnect,
         className: "ww-flex ww-items-center ww-justify-center ww-h-16 ww-w-16 ww-rounded-full ww-text-white ww-transition-all ww-duration-300 ww-shadow-lg hover:ww-shadow-xl hover:-ww-translate-y-1",
         style: { backgroundColor: "#ef4444" },
-        title: "Desconectar",
+        title: getWidgetTranslation("disconnect", locale),
         children: /* @__PURE__ */ jsx(PhoneOff, { className: "ww-w-6 ww-h-6" })
       }
     )
@@ -2430,17 +2729,25 @@ function ChatGPTOrb() {
     )
   ] });
 }
-function AssistantVisualizer({ onClose }) {
+function AssistantVisualizer({
+  onClose,
+  locale
+}) {
   const { state } = useVoiceAssistant();
   return /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-flex-col ww-items-center ww-justify-center ww-h-full ww-w-full", children: [
     /* @__PURE__ */ jsx("div", { className: "ww-flex-1 ww-flex ww-items-center ww-justify-center", children: /* @__PURE__ */ jsx(ChatGPTOrb, {}) }),
     /* @__PURE__ */ jsxs("div", { className: "ww-h-40 ww-flex ww-flex-col ww-items-center ww-justify-center ww-gap-8 ww-mb-12", children: [
-      /* @__PURE__ */ jsx("div", { className: "ww-text-sm ww-font-medium ww-tracking-wide ww-text-foreground/60 ww-uppercase", children: state === "connecting" || state === "initializing" ? "Conectando..." : state === "listening" ? "Escuchando..." : state === "speaking" ? "Hablando..." : "Listo" }),
-      /* @__PURE__ */ jsx(CustomControlBar, { onClose })
+      /* @__PURE__ */ jsx("div", { className: "ww-text-sm ww-font-medium ww-tracking-wide ww-text-foreground/60 ww-uppercase", children: state === "connecting" || state === "initializing" ? getWidgetTranslation("connecting", locale) : state === "listening" ? getWidgetTranslation("listening", locale) : state === "speaking" ? getWidgetTranslation("speaking", locale) : getWidgetTranslation("ready", locale) }),
+      /* @__PURE__ */ jsx(CustomControlBar, { onClose, locale })
     ] })
   ] });
 }
-function VoiceOverlay({ token, serverUrl, onClose }) {
+function VoiceOverlay({
+  token,
+  serverUrl,
+  onClose,
+  locale
+}) {
   return /* @__PURE__ */ jsx("div", { className: "ww-absolute ww-inset-0 ww-z-[100] ww-flex ww-flex-col ww-bg-background/95 ww-backdrop-blur-xl", children: /* @__PURE__ */ jsxs(
     LiveKitRoom,
     {
@@ -2452,11 +2759,395 @@ function VoiceOverlay({ token, serverUrl, onClose }) {
       className: "ww-flex-1",
       children: [
         /* @__PURE__ */ jsx(RoomAudioRenderer, {}),
-        /* @__PURE__ */ jsx(AssistantVisualizer, { onClose })
+        /* @__PURE__ */ jsx(AssistantVisualizer, { onClose, locale })
       ]
     }
   ) });
 }
+function SvgIcon({
+  className,
+  strokeWidth = "1.8",
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children
+    }
+  );
+}
+function IconBolt({ className }) {
+  return /* @__PURE__ */ jsx(SvgIcon, { className, children: /* @__PURE__ */ jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z" }) });
+}
+function IconDocument({ className }) {
+  return /* @__PURE__ */ jsxs(SvgIcon, { className, children: [
+    /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
+    /* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+    /* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+    /* @__PURE__ */ jsx("polyline", { points: "10 9 9 9 8 9" })
+  ] });
+}
+function IconSparkle({ className }) {
+  return /* @__PURE__ */ jsx(SvgIcon, { className, children: /* @__PURE__ */ jsx("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" }) });
+}
+function IconTarget({ className }) {
+  return /* @__PURE__ */ jsxs(SvgIcon, { className, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2" })
+  ] });
+}
+function IconArrowRight({ className }) {
+  return /* @__PURE__ */ jsxs(SvgIcon, { className, strokeWidth: "2", children: [
+    /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
+  ] });
+}
+function LiveDot({ size = "sm" }) {
+  const px = size === "md" ? "ww-h-2 ww-w-2" : "ww-h-1.5 ww-w-1.5";
+  return /* @__PURE__ */ jsxs("span", { className: `ww-relative ww-flex ${px} ww-shrink-0`, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `ww-animate-ping ww-absolute ww-inline-flex ww-h-full ww-w-full ww-rounded-full ww-bg-emerald-400 ww-opacity-75`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `ww-relative ww-inline-flex ww-rounded-full ${px} ww-bg-emerald-500`
+      }
+    )
+  ] });
+}
+function urlRelevance(docUrl, pageUrl) {
+  if (!docUrl || !pageUrl) return 0;
+  const docClean = docUrl.toLowerCase().replace(/https?:\/\//, "");
+  const pageClean = pageUrl.toLowerCase().replace(/https?:\/\//, "");
+  if (docClean === pageClean) return 100;
+  if (docClean.startsWith(pageClean) || pageClean.startsWith(docClean))
+    return 50;
+  const docParts = docClean.split(/[/?#]/).filter(Boolean);
+  const pageParts = pageClean.split(/[/?#]/).filter(Boolean);
+  let score = 0;
+  for (const part of pageParts) {
+    if (docParts.includes(part)) score += 10;
+  }
+  return score;
+}
+function topicToQuestion(topic, locale) {
+  const name = topic.name.trim();
+  if (name.endsWith("?")) return name;
+  return getWidgetTranslation("tellMeAbout", locale, { name });
+}
+var STAGGER_MS = 50;
+var cardBase = "ww-group ww-w-full ww-rounded-xl ww-border ww-border-border ww-bg-background ww-text-left ww-shadow-[0_1px_2px_rgba(0,0,0,0.03)] hover:ww-bg-muted/20 hover:ww-border-border/80 hover:ww-shadow-md active:ww-scale-[0.98] ww-transition-all ww-duration-200 ww-animate-in ww-fade-in ww-slide-in-from-bottom-1 focus-visible:ww-ring-2 focus-visible:ww-ring-ring/40 focus-visible:ww-outline-none";
+function SectionLabel({ children }) {
+  return /* @__PURE__ */ jsx("h4", { className: "ww-text-[10px] ww-font-semibold ww-uppercase ww-tracking-[0.12em] ww-mb-2.5 ww-text-muted-foreground/80", children });
+}
+function PageBadge({
+  pageTitle,
+  pageUrl,
+  locale
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "ww-px-4 ww-pt-4 ww-pb-2", children: /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-items-center ww-justify-between ww-px-3 ww-py-2 ww-rounded-xl ww-bg-muted/40 ww-border ww-border-border/60", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ww-flex ww-items-center ww-gap-2.5 ww-min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "ww-w-2 ww-h-2 ww-rounded-full ww-bg-emerald-500 ww-animate-pulse ww-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "ww-text-[11px] ww-font-medium ww-text-foreground ww-truncate ww-max-w-[170px]", children: pageTitle || pageUrl || getWidgetTranslation("generalContext", locale) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "ww-text-[9px] ww-font-mono ww-bg-background ww-border ww-border-border ww-text-muted-foreground ww-px-1.5 ww-py-0.5 ww-rounded-md", children: "LIVE" })
+  ] }) });
+}
+function ActionCard({
+  action,
+  index,
+  accentColor,
+  onExecute
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: onExecute,
+      className: `${cardBase} ww-flex ww-items-start ww-gap-3.5 ww-p-3.5`,
+      style: {
+        animationDelay: `${index * STAGGER_MS}ms`,
+        animationFillMode: "both"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "ww-shrink-0 ww-w-8 ww-h-8 ww-rounded-lg ww-flex ww-items-center ww-justify-center ww-transition-transform ww-duration-200 group-hover:ww-scale-105",
+            style: { backgroundColor: `${accentColor}12`, color: accentColor },
+            children: /* @__PURE__ */ jsx(IconBolt, { className: "ww-w-4 ww-h-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "ww-flex-1 ww-min-w-0 ww-pt-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "ww-text-[13px] ww-font-medium ww-block ww-truncate ww-text-foreground", children: action.name }),
+          action.description && /* @__PURE__ */ jsx("span", { className: "ww-text-[11px] ww-mt-0.5 ww-block ww-line-clamp-2 ww-text-muted-foreground ww-leading-normal", children: action.description })
+        ] }),
+        /* @__PURE__ */ jsx(IconArrowRight, { className: "ww-w-3.5 ww-h-3.5 ww-shrink-0 ww-mt-1.5 ww-text-muted-foreground/60 ww-opacity-0 group-hover:ww-opacity-100 ww-transition-all ww-duration-200 ww-translate-x-[-4px] group-hover:ww-translate-x-0" })
+      ]
+    }
+  );
+}
+function ActionCardCompact({
+  action,
+  index,
+  accentColor,
+  onExecute
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: onExecute,
+      className: `${cardBase} ww-flex ww-flex-col ww-items-start ww-gap-2.5 ww-p-3.5`,
+      style: {
+        animationDelay: `${index * STAGGER_MS}ms`,
+        animationFillMode: "both"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "ww-w-8 ww-h-8 ww-rounded-lg ww-flex ww-items-center ww-justify-center ww-transition-transform ww-duration-200 group-hover:ww-scale-105",
+            style: { backgroundColor: `${accentColor}12`, color: accentColor },
+            children: /* @__PURE__ */ jsx(IconBolt, { className: "ww-w-4 ww-h-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "ww-min-w-0 ww-w-full", children: [
+          /* @__PURE__ */ jsx("span", { className: "ww-text-[12px] ww-font-medium ww-block ww-truncate ww-text-foreground", children: action.name }),
+          action.description && /* @__PURE__ */ jsx("span", { className: "ww-text-[10px] ww-mt-0.5 ww-block ww-line-clamp-1 ww-text-muted-foreground ww-leading-normal", children: action.description })
+        ] })
+      ]
+    }
+  );
+}
+function DocCard({
+  doc,
+  index,
+  onSend,
+  locale
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: () => onSend(
+        doc.summary ? getWidgetTranslation("tellMeMoreAbout", locale, {
+          name: doc.name
+        }) : getWidgetTranslation("whatDoYouKnowAbout", locale, {
+          name: doc.name
+        })
+      ),
+      className: `${cardBase} ww-flex ww-items-start ww-gap-3.5 ww-p-3.5`,
+      style: {
+        animationDelay: `${index * STAGGER_MS}ms`,
+        animationFillMode: "both"
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "ww-shrink-0 ww-w-8 ww-h-8 ww-rounded-lg ww-flex ww-items-center ww-justify-center ww-bg-indigo-500/10 ww-text-indigo-500 dark:ww-bg-indigo-400/10 dark:ww-text-indigo-400 ww-transition-transform ww-duration-200 group-hover:ww-scale-105", children: /* @__PURE__ */ jsx(IconDocument, { className: "ww-w-4 ww-h-4" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "ww-flex-1 ww-min-w-0 ww-pt-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "ww-text-[13px] ww-font-medium ww-block ww-truncate ww-text-foreground", children: doc.name }),
+          doc.summary && /* @__PURE__ */ jsx("span", { className: "ww-text-[11px] ww-mt-0.5 ww-block ww-line-clamp-2 ww-text-muted-foreground ww-leading-normal", children: doc.summary })
+        ] }),
+        /* @__PURE__ */ jsx(IconArrowRight, { className: "ww-w-3.5 ww-h-3.5 ww-shrink-0 ww-mt-1.5 ww-text-muted-foreground/60 ww-opacity-0 group-hover:ww-opacity-100 ww-transition-all ww-duration-200 ww-translate-x-[-4px] group-hover:ww-translate-x-0" })
+      ]
+    }
+  );
+}
+function TopicChip({
+  topic,
+  index,
+  compact = false,
+  onSend
+}) {
+  const cls = compact ? `${cardBase} ww-flex ww-items-center ww-gap-1.5 !ww-rounded-full ww-px-3 ww-py-1.5` : `${cardBase} ww-flex ww-items-center ww-gap-2.5 ww-px-3.5 ww-py-2.5 !ww-rounded-full`;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: () => onSend(topic.question),
+      className: cls,
+      style: {
+        animationDelay: `${index * STAGGER_MS}ms`,
+        animationFillMode: "both"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          IconSparkle,
+          {
+            className: `${compact ? "ww-w-3 ww-h-3" : "ww-w-3.5 ww-h-3.5"} ww-shrink-0 ww-text-amber-500 ww-transition-transform ww-duration-200 group-hover:ww-scale-110 group-hover:ww-rotate-12`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `${compact ? "ww-text-[11px]" : "ww-text-[12px]"} ww-font-medium ww-text-foreground ww-flex-1 ww-text-left`,
+            children: topic.question
+          }
+        ),
+        !compact && /* @__PURE__ */ jsx(IconArrowRight, { className: "ww-w-3.5 ww-h-3.5 ww-shrink-0 ww-text-muted-foreground/60 ww-opacity-0 group-hover:ww-opacity-100 ww-transition-all ww-duration-200 ww-translate-x-[-4px] group-hover:ww-translate-x-0" })
+      ]
+    }
+  );
+}
+function CommandPanel({
+  mode,
+  pageUrl = "",
+  pageTitle,
+  clientActions = [],
+  ragTopics = [],
+  ragDocuments = [],
+  onSend,
+  onExecuteAction,
+  accentColor = "#3b82f6",
+  watermark = false,
+  watermarkLogoUrl = "/wallavi.svg",
+  footer,
+  locale
+}) {
+  const relevantDocs = useMemo(() => {
+    if (!pageUrl && ragDocuments.length > 0) return ragDocuments.slice(0, 5);
+    return ragDocuments.map((doc) => ({ ...doc, score: urlRelevance(doc.url, pageUrl) })).sort((a, b) => b.score - a.score).slice(0, 5);
+  }, [ragDocuments, pageUrl]);
+  const topicQuestions = useMemo(
+    () => ragTopics.slice(0, 5).map((t) => ({
+      ...t,
+      question: topicToQuestion(t, locale)
+    })),
+    [ragTopics, locale]
+  );
+  const hasActions = clientActions.length > 0;
+  const hasDocs = relevantDocs.length > 0;
+  const hasTopics = topicQuestions.length > 0;
+  const hasContent = hasActions || hasDocs || hasTopics;
+  if (!hasContent) return null;
+  const isSidebar = mode === "sidebar";
+  const handleExecute = (steps) => onExecuteAction?.(steps);
+  if (isSidebar) {
+    return /* @__PURE__ */ jsxs("div", { className: "ww-w-[300px] ww-shrink-0 ww-border-l ww-border-border ww-bg-muted/50 ww-flex ww-flex-col ww-h-full ww-overflow-hidden ww-animate-in ww-fade-in ww-slide-in-from-right-2 ww-duration-300", children: [
+      /* @__PURE__ */ jsx(PageBadge, { pageTitle, pageUrl, locale }),
+      /* @__PURE__ */ jsxs("div", { className: "ww-flex-1 ww-overflow-y-auto ww-px-4 ww-pb-4 ww-flex ww-flex-col ww-gap-5", children: [
+        hasActions && /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx(SectionLabel, { children: getWidgetTranslation("quickActions", locale) }),
+          /* @__PURE__ */ jsx("div", { className: "ww-flex ww-flex-col ww-gap-2", children: clientActions.map((action, i) => /* @__PURE__ */ jsx(
+            ActionCard,
+            {
+              action,
+              index: i,
+              accentColor,
+              onExecute: () => handleExecute(action.steps)
+            },
+            action.name
+          )) })
+        ] }),
+        hasDocs && /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx(SectionLabel, { children: getWidgetTranslation("documentation", locale) }),
+          /* @__PURE__ */ jsx("div", { className: "ww-flex ww-flex-col ww-gap-2", children: relevantDocs.map((doc, i) => /* @__PURE__ */ jsx(
+            DocCard,
+            {
+              doc,
+              index: i,
+              onSend,
+              locale
+            },
+            `${doc.name}-${doc.url ?? i}`
+          )) })
+        ] }),
+        hasTopics && /* @__PURE__ */ jsxs("section", { children: [
+          /* @__PURE__ */ jsx(SectionLabel, { children: getWidgetTranslation("askAbout", locale) }),
+          /* @__PURE__ */ jsx("div", { className: "ww-flex ww-flex-col ww-gap-1.5", children: topicQuestions.map((topic, i) => /* @__PURE__ */ jsx(
+            TopicChip,
+            {
+              topic,
+              index: i,
+              onSend
+            },
+            topic.name
+          )) })
+        ] })
+      ] }),
+      watermark && /* @__PURE__ */ jsxs("footer", { className: "ww-shrink-0 ww-flex ww-items-center ww-justify-center ww-gap-1.5 ww-py-2.5 ww-border-t ww-border-border/40 ww-touch-none ww-bg-muted/10", children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: "https://wallavi.com",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "ww-flex ww-items-center ww-gap-1 ww-text-[10px] ww-text-muted-foreground hover:ww-text-foreground ww-transition-colors",
+            children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: watermarkLogoUrl,
+                  alt: "Wallavi",
+                  width: 11,
+                  height: 11
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { children: [
+                getWidgetTranslation("poweredBy", locale),
+                " Wallavi"
+              ] })
+            ]
+          }
+        ),
+        footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "ww-text-muted-foreground/45 ww-text-[10px]", children: "\xB7" }),
+          /* @__PURE__ */ jsx("span", { className: "ww-text-[10px] ww-text-muted-foreground ww-truncate ww-max-w-[120px]", children: footer })
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ww-px-4 ww-pt-2 ww-pb-3 ww-flex ww-flex-col ww-gap-4 ww-animate-in ww-fade-in ww-duration-300", children: [
+    hasActions && /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(SectionLabel, { children: getWidgetTranslation("quickActions", locale) }),
+      /* @__PURE__ */ jsx("div", { className: "ww-grid ww-grid-cols-2 ww-gap-2", children: clientActions.slice(0, 4).map((action, i) => /* @__PURE__ */ jsx(
+        ActionCardCompact,
+        {
+          action,
+          index: i,
+          accentColor,
+          onExecute: () => handleExecute(action.steps)
+        },
+        action.name
+      )) })
+    ] }),
+    hasDocs && /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(SectionLabel, { children: getWidgetTranslation("documentation", locale) }),
+      /* @__PURE__ */ jsx("div", { className: "ww-flex ww-flex-col ww-gap-2", children: relevantDocs.slice(0, 3).map((doc, i) => /* @__PURE__ */ jsx(
+        DocCard,
+        {
+          doc,
+          index: i,
+          onSend,
+          locale
+        },
+        `${doc.name}-${doc.url ?? i}`
+      )) })
+    ] }),
+    hasTopics && /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(SectionLabel, { children: getWidgetTranslation("askAbout", locale) }),
+      /* @__PURE__ */ jsx("div", { className: "ww-flex ww-flex-wrap ww-gap-1.5", children: topicQuestions.slice(0, 4).map((topic, i) => /* @__PURE__ */ jsx(
+        TopicChip,
+        {
+          topic,
+          index: i,
+          compact: true,
+          onSend
+        },
+        topic.name
+      )) })
+    ] })
+  ] });
+}
 function ChatWidget({
   agentId,
   workspaceId,
@@ -2464,7 +3155,7 @@ function ChatWidget({
   displayName,
   profilePicture,
   userMessageColor = "#19191c",
-  initialMessages = ["Hello! How can I help you today?"],
+  initialMessages,
   suggestedMessages = [],
   messagePlaceholder,
   watermark = true,
@@ -2490,8 +3181,25 @@ function ChatWidget({
   expanded,
   embedded = false,
   envId,
-  onDebugTrace
+  onDebugTrace,
+  widgetLayout,
+  showCommandPanel = true,
+  showRagTopics = true,
+  showRagDocuments = true,
+  showQuickActions = true,
+  locale = "en",
+  clientActions = [],
+  ragTopics = [],
+  ragDocuments = []
 }) {
+  const [isDesktop, setIsDesktop] = useState(false);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const checkSize = () => setIsDesktop(window.innerWidth >= 768);
+    checkSize();
+    window.addEventListener("resize", checkSize);
+    return () => window.removeEventListener("resize", checkSize);
+  }, []);
   const chat = useChat({
     agentId,
     workspaceId,
@@ -2571,10 +3279,24 @@ function ChatWidget({
     chat.reset();
     onReset?.();
   };
-  const isDark = theme === "dark";
+  const [resolvedTheme, setResolvedTheme] = useState("light");
+  useEffect(() => {
+    if (theme === "system") {
+      const media = window.matchMedia("(prefers-color-scheme: dark)");
+      setResolvedTheme(media.matches ? "dark" : "light");
+      const listener = (e) => {
+        setResolvedTheme(e.matches ? "dark" : "light");
+      };
+      media.addEventListener("change", listener);
+      return () => media.removeEventListener("change", listener);
+    } else {
+      setResolvedTheme(theme || "light");
+    }
+  }, [theme]);
+  const isDark = resolvedTheme === "dark";
   const cssVars = {
     fontFamily: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
-    colorScheme: theme,
+    colorScheme: resolvedTheme,
     // Inline style has higher specificity than any host-site stylesheet,
     // so background-color set here cannot be overridden by host CSS.
     backgroundColor: isDark ? "hsl(240 10% 3.9%)" : "hsl(0 0% 100%)",
@@ -2592,6 +3314,31 @@ function ChatWidget({
     ["--ring"]: isDark ? "240 4.9% 83.9%" : "240 10% 3.9%",
     ["--radius"]: "0.5rem"
   };
+  const defaultEnglishGreeting = "Hello! How can I help you today?";
+  const isDefaultGreeting = !initialMessages || initialMessages.length === 0 || initialMessages.length === 1 && initialMessages[0] === defaultEnglishGreeting;
+  const messagesList = isDefaultGreeting ? [getWidgetTranslation("defaultGreeting", locale)] : initialMessages;
+  const showSidebar = showCommandPanel && widgetLayout === "center" && isDesktop;
+  const showInlineCommandPanel = showCommandPanel && !showSidebar && chat.messages.length === 0 && (showQuickActions && clientActions.length > 0 || showRagTopics && ragTopics.length > 0 || showRagDocuments && ragDocuments.length > 0);
+  const handleExecuteAction = useCallback(
+    (steps) => {
+      executeDeclarativeSteps(steps, onNavigate);
+    },
+    [onNavigate]
+  );
+  const commandPanelProps = {
+    pageUrl: userContext?.pageContext?.url,
+    pageTitle: userContext?.pageContext?.title,
+    clientActions: showQuickActions ? clientActions : [],
+    ragTopics: showRagTopics ? ragTopics : [],
+    ragDocuments: showRagDocuments ? ragDocuments : [],
+    onSend: (text) => chat.send(text),
+    onExecuteAction: handleExecuteAction,
+    accentColor: userMessageColor,
+    watermark,
+    watermarkLogoUrl,
+    footer,
+    locale
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2607,11 +3354,6 @@ function ChatWidget({
       onDragLeave: handleDragLeave,
       onDrop: handleDrop,
       children: [
-        isDragOver && enableAttachments && /* @__PURE__ */ jsxs("div", { className: "ww-absolute ww-inset-0 ww-z-50 ww-flex ww-flex-col ww-items-center ww-justify-center ww-gap-2 ww-rounded-2xl ww-bg-background/90 ww-backdrop-blur-sm ww-pointer-events-none", children: [
-          /* @__PURE__ */ jsx(UploadCloud, { className: "ww-h-8 ww-w-8 ww-text-primary/70" }),
-          /* @__PURE__ */ jsx("span", { className: "ww-text-sm ww-font-medium ww-text-foreground/70", children: "Drop files to attach" }),
-          /* @__PURE__ */ jsx("span", { className: "ww-text-xs ww-text-muted-foreground", children: "CSV, TXT, PDF, JPG, PNG, WebP" })
-        ] }),
         /* @__PURE__ */ jsx(
           ChatHeader,
           {
@@ -2624,167 +3366,197 @@ function ChatWidget({
             onExpand,
             expanded,
             onCall: enableVoice && chat.voiceCall ? () => chat.voiceCall?.start() : void 0,
-            isCallLoading: chat.voiceCall?.loading
+            isCallLoading: chat.voiceCall?.loading,
+            locale
           }
         ),
-        chat.voiceCall?.active && chat.voiceCall.token && chat.voiceCall.serverUrl && /* @__PURE__ */ jsx(
-          VoiceOverlay,
-          {
-            token: chat.voiceCall.token,
-            serverUrl: chat.voiceCall.serverUrl,
-            onClose: chat.voiceCall.stop,
-            accentColor: userMessageColor
-          }
-        ),
-        customBackend?.mode === "human" && /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "ww-shrink-0 ww-flex ww-items-center ww-gap-2 ww-px-4 ww-py-1.5 ww-border-b",
-            style: { backgroundColor: `${userMessageColor}0d` },
-            children: [
-              /* @__PURE__ */ jsxs("span", { className: "ww-relative ww-flex ww-h-2 ww-w-2 ww-shrink-0", children: [
-                /* @__PURE__ */ jsx("span", { className: "ww-animate-ping ww-absolute ww-inline-flex ww-h-full ww-w-full ww-rounded-full ww-bg-emerald-400 ww-opacity-75" }),
-                /* @__PURE__ */ jsx("span", { className: "ww-relative ww-inline-flex ww-rounded-full ww-h-2 ww-w-2 ww-bg-emerald-500" })
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: "ww-text-xs ww-font-medium ww-text-foreground/60", children: "Hablando con un agente" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ChatMessages,
-          {
-            messages: chat.messages,
-            streaming: chat.streaming,
-            agentName,
-            profilePicture,
-            userColor: userMessageColor,
-            initialMessages,
-            suggestedMessages,
-            showThinking,
-            onSuggest: (msg) => chat.send(msg),
-            onPickerSelect: chat.selectPickerOption
-          }
-        ),
-        customBackend?.footerAction && /* @__PURE__ */ jsx("div", { className: "ww-shrink-0 ww-px-3 ww-py-1.5 ww-border-t ww-bg-background", children: /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => void customBackend.footerAction.onClick(),
-            disabled: customBackend.footerAction.loading,
-            style: customBackend.footerAction.icon === "human" ? {
-              backgroundColor: userMessageColor,
-              color: "#ffffff",
-              boxShadow: `0 2px 12px ${userMessageColor}55`
-            } : {
-              borderColor: `${userMessageColor}35`,
-              backgroundColor: `${userMessageColor}0d`,
-              color: userMessageColor
-            },
-            className: [
-              "ww-w-full ww-flex ww-items-center ww-gap-2 ww-rounded-full ww-px-3.5 ww-py-1.5 ww-text-xs ww-font-semibold ww-transition-all",
-              "hover:ww-opacity-85 active:ww-scale-[0.98] disabled:ww-opacity-50 disabled:ww-pointer-events-none",
-              customBackend.footerAction.icon === "human" ? "" : "ww-border"
-            ].join(" "),
+            className: cn(
+              "ww-flex ww-flex-row ww-flex-1 ww-w-full ww-overflow-hidden",
+              showSidebar && "ww-bg-muted/50"
+            ),
             children: [
-              customBackend.footerAction.loading ? /* @__PURE__ */ jsxs(
-                "svg",
+              /* @__PURE__ */ jsxs(
+                "div",
                 {
-                  className: "ww-animate-spin ww-w-3.5 ww-h-3.5 ww-shrink-0",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
+                  className: cn(
+                    "ww-flex ww-flex-col ww-flex-1 ww-h-full ww-overflow-hidden ww-relative ww-bg-background",
+                    showSidebar && "ww-rounded-br-2xl"
+                  ),
                   children: [
+                    isDragOver && enableAttachments && /* @__PURE__ */ jsxs("div", { className: "ww-absolute ww-inset-0 ww-z-50 ww-flex ww-flex-col ww-items-center ww-justify-center ww-gap-2 ww-rounded-2xl ww-bg-background/90 ww-backdrop-blur-sm ww-pointer-events-none", children: [
+                      /* @__PURE__ */ jsx(UploadCloud, { className: "ww-h-8 ww-w-8 ww-text-primary/70" }),
+                      /* @__PURE__ */ jsx("span", { className: "ww-text-sm ww-font-medium ww-text-foreground/70", children: getWidgetTranslation("dropFiles", locale) }),
+                      /* @__PURE__ */ jsx("span", { className: "ww-text-xs ww-text-muted-foreground", children: "CSV, TXT, PDF, JPG, PNG, WebP" })
+                    ] }),
+                    chat.voiceCall?.active && chat.voiceCall.token && chat.voiceCall.serverUrl && /* @__PURE__ */ jsx(
+                      VoiceOverlay,
+                      {
+                        token: chat.voiceCall.token,
+                        serverUrl: chat.voiceCall.serverUrl,
+                        onClose: chat.voiceCall.stop,
+                        accentColor: userMessageColor,
+                        locale
+                      }
+                    ),
+                    customBackend?.mode === "human" && /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: "ww-shrink-0 ww-flex ww-items-center ww-gap-2 ww-px-4 ww-py-1.5 ww-border-b",
+                        style: { backgroundColor: `${userMessageColor}0d` },
+                        children: [
+                          /* @__PURE__ */ jsx(LiveDot, { size: "md" }),
+                          /* @__PURE__ */ jsx("span", { className: "ww-text-xs ww-font-medium ww-text-foreground/60", children: getWidgetTranslation("talkingToAgent", locale) })
+                        ]
+                      }
+                    ),
                     /* @__PURE__ */ jsx(
-                      "circle",
+                      ChatMessages,
                       {
-                        className: "ww-opacity-25",
-                        cx: "12",
-                        cy: "12",
-                        r: "10",
-                        stroke: "currentColor",
-                        strokeWidth: "3"
+                        messages: chat.messages,
+                        streaming: chat.streaming,
+                        agentName,
+                        profilePicture,
+                        userColor: userMessageColor,
+                        initialMessages: messagesList,
+                        suggestedMessages,
+                        showThinking,
+                        onSuggest: (msg) => chat.send(msg),
+                        onPickerSelect: chat.selectPickerOption,
+                        locale,
+                        commandPanel: showInlineCommandPanel ? /* @__PURE__ */ jsx(CommandPanel, { mode: "inline", ...commandPanelProps }) : void 0
                       }
                     ),
+                    customBackend?.footerAction && /* @__PURE__ */ jsx("div", { className: "ww-shrink-0 ww-px-3 ww-py-1.5 ww-border-t ww-bg-background", children: /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: () => void customBackend.footerAction.onClick(),
+                        disabled: customBackend.footerAction.loading,
+                        style: customBackend.footerAction.icon === "human" ? {
+                          backgroundColor: userMessageColor,
+                          color: "#ffffff",
+                          boxShadow: `0 2px 12px ${userMessageColor}55`
+                        } : {
+                          borderColor: `${userMessageColor}35`,
+                          backgroundColor: `${userMessageColor}0d`,
+                          color: userMessageColor
+                        },
+                        className: [
+                          "ww-w-full ww-flex ww-items-center ww-gap-2 ww-rounded-full ww-px-3.5 ww-py-1.5 ww-text-xs ww-font-semibold ww-transition-all",
+                          "hover:ww-opacity-85 active:ww-scale-[0.98] disabled:ww-opacity-50 disabled:ww-pointer-events-none",
+                          customBackend.footerAction.icon === "human" ? "" : "ww-border"
+                        ].join(" "),
+                        children: [
+                          customBackend.footerAction.loading ? /* @__PURE__ */ jsxs(
+                            "svg",
+                            {
+                              className: "ww-animate-spin ww-w-3.5 ww-h-3.5 ww-shrink-0",
+                              viewBox: "0 0 24 24",
+                              fill: "none",
+                              children: [
+                                /* @__PURE__ */ jsx(
+                                  "circle",
+                                  {
+                                    className: "ww-opacity-25",
+                                    cx: "12",
+                                    cy: "12",
+                                    r: "10",
+                                    stroke: "currentColor",
+                                    strokeWidth: "3"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  "path",
+                                  {
+                                    className: "ww-opacity-75",
+                                    fill: "currentColor",
+                                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                                  }
+                                )
+                              ]
+                            }
+                          ) : customBackend.footerAction.icon === "ai" ? /* @__PURE__ */ jsx(
+                            "svg",
+                            {
+                              className: "ww-w-3.5 ww-h-3.5 ww-shrink-0",
+                              viewBox: "0 0 24 24",
+                              fill: "none",
+                              stroke: "currentColor",
+                              strokeWidth: "2",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              children: /* @__PURE__ */ jsx("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" })
+                            }
+                          ) : /* @__PURE__ */ jsxs(
+                            "svg",
+                            {
+                              className: "ww-w-3.5 ww-h-3.5 ww-shrink-0",
+                              viewBox: "0 0 24 24",
+                              fill: "none",
+                              stroke: "currentColor",
+                              strokeWidth: "2",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              children: [
+                                /* @__PURE__ */ jsx("path", { d: "M3 18v-6a9 9 0 0 1 18 0v6" }),
+                                /* @__PURE__ */ jsx("path", { d: "M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z" })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { className: "ww-flex-1 ww-text-left ww-truncate", children: customBackend.footerAction.label }),
+                          /* @__PURE__ */ jsx(
+                            "svg",
+                            {
+                              className: "ww-shrink-0 ww-w-3 ww-h-3 ww-opacity-60",
+                              viewBox: "0 0 24 24",
+                              fill: "none",
+                              stroke: "currentColor",
+                              strokeWidth: "2.5",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              children: /* @__PURE__ */ jsx("path", { d: "M9 18l6-6-6-6" })
+                            }
+                          )
+                        ]
+                      }
+                    ) }),
                     /* @__PURE__ */ jsx(
-                      "path",
+                      ChatInput,
                       {
-                        className: "ww-opacity-75",
-                        fill: "currentColor",
-                        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                        input: chat.input,
+                        setInput: chat.setInput,
+                        onSend: handleSend,
+                        streaming: chat.streaming,
+                        placeholder: messagePlaceholder,
+                        accentColor: userMessageColor,
+                        locale,
+                        canRegenerate: !!canRegenerate,
+                        onRegenerate: () => void chat.regenerate(),
+                        selectedContext: chat.selectedContext,
+                        onClearContext: () => chat.setSelectedContext(null),
+                        ...enableVoice && voice.isSupported ? {
+                          voiceState: voice.voiceState,
+                          onVoiceStart: () => void voice.start(),
+                          onVoiceStop: voice.stop
+                        } : {},
+                        ...enableAttachments ? {
+                          attachments: attachmentHook.attachments,
+                          onAttach: attachmentHook.attach,
+                          onRemoveAttachment: attachmentHook.remove,
+                          isUploading: attachmentHook.isUploading
+                        } : {}
                       }
                     )
                   ]
                 }
-              ) : customBackend.footerAction.icon === "ai" ? /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  className: "ww-w-3.5 ww-h-3.5 ww-shrink-0",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx("path", { d: "m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" })
-                }
-              ) : /* @__PURE__ */ jsxs(
-                "svg",
-                {
-                  className: "ww-w-3.5 ww-h-3.5 ww-shrink-0",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: [
-                    /* @__PURE__ */ jsx("path", { d: "M3 18v-6a9 9 0 0 1 18 0v6" }),
-                    /* @__PURE__ */ jsx("path", { d: "M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z" })
-                  ]
-                }
               ),
-              /* @__PURE__ */ jsx("span", { className: "ww-flex-1 ww-text-left ww-truncate", children: customBackend.footerAction.label }),
-              /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  className: "ww-shrink-0 ww-w-3 ww-h-3 ww-opacity-60",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx("path", { d: "M9 18l6-6-6-6" })
-                }
-              )
+              showSidebar && /* @__PURE__ */ jsx(CommandPanel, { mode: "sidebar", ...commandPanelProps })
             ]
           }
-        ) }),
-        /* @__PURE__ */ jsx(
-          ChatInput,
-          {
-            input: chat.input,
-            setInput: chat.setInput,
-            onSend: handleSend,
-            streaming: chat.streaming,
-            placeholder: messagePlaceholder,
-            accentColor: userMessageColor,
-            canRegenerate: !!canRegenerate,
-            onRegenerate: () => void chat.regenerate(),
-            selectedContext: chat.selectedContext,
-            onClearContext: () => chat.setSelectedContext(null),
-            ...enableVoice && voice.isSupported ? {
-              voiceState: voice.voiceState,
-              onVoiceStart: () => void voice.start(),
-              onVoiceStop: voice.stop
-            } : {},
-            ...enableAttachments ? {
-              attachments: attachmentHook.attachments,
-              onAttach: attachmentHook.attach,
-              onRemoveAttachment: attachmentHook.remove,
-              isUploading: attachmentHook.isUploading
-            } : {}
-          }
         ),
-        watermark && /* @__PURE__ */ jsxs("footer", { className: "ww-shrink-0 ww-flex ww-items-center ww-justify-center ww-gap-1.5 ww-bg-muted/50 ww-py-1.5 ww-border-t ww-touch-none", children: [
+        watermark && !showSidebar && /* @__PURE__ */ jsxs("footer", { className: "ww-shrink-0 ww-flex ww-items-center ww-justify-center ww-gap-1.5 ww-bg-muted/50 ww-py-1.5 ww-border-t ww-touch-none", children: [
           /* @__PURE__ */ jsxs(
             "a",
             {
@@ -2794,7 +3566,10 @@ function ChatWidget({
               className: "ww-flex ww-items-center ww-gap-1 ww-text-[10px] ww-text-muted-foreground hover:ww-text-foreground ww-transition-colors",
               children: [
                 /* @__PURE__ */ jsx("img", { src: watermarkLogoUrl, alt: "Wallavi", width: 12, height: 12 }),
-                /* @__PURE__ */ jsx("span", { children: "Powered by Wallavi" })
+                /* @__PURE__ */ jsxs("span", { children: [
+                  getWidgetTranslation("poweredBy", locale),
+                  " Wallavi"
+                ] })
               ]
             }
           ),
@@ -2815,6 +3590,7 @@ var EMPTY = {
   keyboardShortcut: false,
   position: "bottom-right",
   widgetLayout: "bubble",
+  clientActions: [],
   bubbleSize: 52,
   panelWidth: 360,
   panelHeight: 580,
@@ -2858,6 +3634,12 @@ function useAutoConfig(agentId, enabled) {
         remote.widgetLayout = cfg.widgetLayout;
       if (cfg.enableVoice != null)
         remote.enableVoice = cfg.enableVoice;
+      if (cfg.clientActions)
+        remote.clientActions = cfg.clientActions;
+      if (Array.isArray(cfg.ragTopics))
+        remote.ragTopics = cfg.ragTopics;
+      if (Array.isArray(cfg.ragDocuments))
+        remote.ragDocuments = cfg.ragDocuments;
       setResult({
         remoteConfig: remote,
         bubbleIconUrl: cfg.chatIcon || cfg.profilePicture || void 0,
@@ -2865,6 +3647,7 @@ function useAutoConfig(agentId, enabled) {
         keyboardShortcut: Boolean(cfg.keyboardShortcut),
         position: cfg.alignChatBubbleButton === "left" ? "bottom-left" : "bottom-right",
         widgetLayout: cfg.widgetLayout === "center" ? "center" : "bubble",
+        clientActions: Array.isArray(cfg.clientActions) ? cfg.clientActions : [],
         bubbleSize: typeof cfg.bubbleSize === "number" ? cfg.bubbleSize : 52,
         panelWidth: typeof cfg.panelWidth === "number" ? cfg.panelWidth : 360,
         panelHeight: typeof cfg.panelHeight === "number" ? cfg.panelHeight : 580,
@@ -2891,8 +3674,11 @@ function useSupportChat({
   inboxToken,
   apiBase = "https://app.wallavi.com",
   requestHumanLabel = "Hablar con un agente",
-  returnToAiLabel
+  returnToAiLabel,
+  locale
 }) {
+  const resolvedRequestHumanLabel = requestHumanLabel && requestHumanLabel !== "Hablar con un agente" ? requestHumanLabel : getWidgetTranslation("requestHuman", locale);
+  const resolvedReturnToAiLabel = returnToAiLabel && returnToAiLabel !== "Volver a chatear con la IA" ? returnToAiLabel : returnToAiLabel ? getWidgetTranslation("returnToAi", locale) : void 0;
   const enabled = Boolean(inboxToken) && inboxToken !== "__disabled__";
   const STORAGE_KEY = `wlv_support_${inboxToken}`;
   const base = apiBase.replace(/\/$/, "");
@@ -3033,7 +3819,9 @@ function useSupportChat({
           {
             id: `tmp_${Date.now()}`,
             role: "customer",
-            content: text || `[${attachments?.length ?? 0} archivo(s)]`,
+            content: text || `[${getWidgetTranslation("filesCount", locale, {
+              count: String(attachments?.length ?? 0)
+            })}]`,
             createdAt: (/* @__PURE__ */ new Date()).toISOString(),
             metadata: attachments?.length ? { attachments } : void 0
           }
@@ -3044,7 +3832,9 @@ function useSupportChat({
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
               inboxToken,
-              message: text || `[${attachments.length} archivo(s)]`,
+              message: text || `[${getWidgetTranslation("filesCount", locale, {
+                count: String(attachments.length)
+              })}]`,
               attachments
             })
           });
@@ -3073,7 +3863,9 @@ function useSupportChat({
           {
             id: `tmp_${Date.now()}`,
             role: "customer",
-            content: text || `[${attachments.length} archivo(s)]`,
+            content: text || `[${getWidgetTranslation("filesCount", locale, {
+              count: String(attachments.length)
+            })}]`,
             createdAt: (/* @__PURE__ */ new Date()).toISOString(),
             metadata: attachments?.length ? { attachments } : void 0
           }
@@ -3193,17 +3985,17 @@ function useSupportChat({
   const footerAction = useMemo(() => {
     if (isAiMode) {
       return {
-        label: requestHumanLabel,
-        sublabel: "Te conectamos con un agente disponible",
+        label: resolvedRequestHumanLabel,
+        sublabel: getWidgetTranslation("requestHumanSublabel", locale),
         icon: "human",
         onClick: requestHuman,
         loading: requestingHuman
       };
     }
-    if (!isAiMode && session && returnToAiLabel) {
+    if (session && resolvedReturnToAiLabel) {
       return {
-        label: returnToAiLabel,
-        sublabel: "Respuesta instant\xE1nea con inteligencia artificial",
+        label: resolvedReturnToAiLabel,
+        sublabel: getWidgetTranslation("returnToAiSublabel", locale),
         icon: "ai",
         onClick: returnToAi,
         loading: returningToAi
@@ -3213,12 +4005,13 @@ function useSupportChat({
   }, [
     isAiMode,
     session,
-    requestHumanLabel,
+    resolvedRequestHumanLabel,
+    resolvedReturnToAiLabel,
     requestHuman,
     requestingHuman,
-    returnToAiLabel,
     returnToAi,
-    returningToAi
+    returningToAi,
+    locale
   ]);
   return useMemo(
     () => ({
@@ -3281,14 +4074,6 @@ function BubbleWidget({
   onOpenChange,
   ...chatProps
 }) {
-  const supportBackend = useSupportChat(
-    inboxToken ? {
-      inboxToken,
-      apiBase: supportApiBase,
-      requestHumanLabel,
-      returnToAiLabel
-    } : { inboxToken: "__disabled__", apiBase: supportApiBase }
-  );
   const isControlled = isOpenProp !== void 0;
   const [internalOpen, setInternalOpen] = useState(false);
   const open = isControlled ? isOpenProp : internalOpen;
@@ -3340,6 +4125,15 @@ function BubbleWidget({
     agentName: remote.remoteConfig.agentName ?? chatProps.agentName ?? "Asistente",
     source: chatProps.source ?? remote.remoteConfig.source ?? "web"
   };
+  const supportBackend = useSupportChat(
+    inboxToken ? {
+      inboxToken,
+      apiBase: supportApiBase,
+      requestHumanLabel,
+      returnToAiLabel,
+      locale: mergedConfig.locale
+    } : { inboxToken: "__disabled__", apiBase: supportApiBase }
+  );
   const setOpenRef = useRef(setOpen);
   useEffect(() => {
     setOpenRef.current = setOpen;
@@ -3495,4 +4289,4 @@ function BubbleWidget({
   ] });
 }
 
-export { BubbleWidget, ChatWidget, PlanCard, ReasoningBlock, ToolCallBadge, formatToolName, getContrastColor, useAttachments, useChat, useSupportChat, useVoice };
+export { BubbleWidget, ChatWidget, CommandPanel, IconTarget, LiveDot, PlanCard, ReasoningBlock, ToolCallBadge, formatToolName, getContrastColor, useAttachments, useChat, useSupportChat, useVoice };