shadcn-data-views 1.0.3 → 1.0.5

package/dist/index.js

@@ -59,11 +59,20 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  BADGE_COLOR_MAP: () => BADGE_COLOR_MAP,
+  DOT_COLOR_MAP: () => DOT_COLOR_MAP,
   DataViews: () => DataViews,
+  LANGUAGES: () => LANGUAGES,
+  PRESET_COLORS: () => PRESET_COLORS,
+  getBadgeColor: () => getBadgeColor,
   getDateField: () => getDateField,
+  getDirection: () => getDirection,
+  getDotColor: () => getDotColor,
   getPrimaryField: () => getPrimaryField,
   getSelectField: () => getSelectField,
-  tableSchema: () => tableSchema
+  getTranslation: () => getTranslation,
+  tableSchema: () => tableSchema,
+  translations: () => translations
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -987,9 +996,21 @@ body {
 .w-\\[100px\\] {
   width: 100px;
 }
+.w-\\[120px\\] {
+  width: 120px;
+}
+.w-\\[150px\\] {
+  width: 150px;
+}
+.w-\\[180px\\] {
+  width: 180px;
+}
 .w-\\[1px\\] {
   width: 1px;
 }
+.w-\\[200px\\] {
+  width: 200px;
+}
 .w-\\[264px\\] {
   width: 264px;
 }
@@ -1266,6 +1287,11 @@ body {
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
 .space-y-5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1444,15 +1470,27 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
 }
+.bg-amber-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
+}
+.bg-amber-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
+}
 .bg-amber-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
 }
+.bg-amber-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
+}
 .bg-background {
   background-color: hsl(var(--background));
 }
-.bg-background\\/80 {
-  background-color: hsl(var(--background) / 0.8);
+.bg-background\\/90 {
+  background-color: hsl(var(--background) / 0.9);
 }
 .bg-black\\/80 {
   background-color: rgb(0 0 0 / 0.8);
@@ -1465,22 +1503,82 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
 }
+.bg-blue-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
+}
 .bg-border {
   background-color: hsl(var(--border));
 }
 .bg-card {
   background-color: hsl(var(--card));
 }
+.bg-cyan-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
+}
+.bg-cyan-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
+}
+.bg-cyan-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
+}
 .bg-destructive {
   background-color: hsl(var(--destructive));
 }
+.bg-emerald-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
+}
+.bg-emerald-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
+}
+.bg-emerald-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
+}
 .bg-foreground {
   background-color: hsl(var(--foreground));
 }
+.bg-fuchsia-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 232 255 / var(--tw-bg-opacity, 1));
+}
+.bg-fuchsia-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(232 121 249 / var(--tw-bg-opacity, 1));
+}
+.bg-fuchsia-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 70 239 / var(--tw-bg-opacity, 1));
+}
+.bg-fuchsia-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(192 38 211 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
 .bg-gray-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
 }
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
+}
 .bg-green-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
@@ -1493,15 +1591,78 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
 }
+.bg-indigo-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
+}
+.bg-indigo-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
+}
+.bg-lime-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1));
+}
+.bg-lime-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
+}
+.bg-lime-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(77 124 15 / var(--tw-bg-opacity, 1));
+}
 .bg-muted {
   background-color: hsl(var(--muted));
 }
+.bg-muted\\/20 {
+  background-color: hsl(var(--muted) / 0.2);
+}
 .bg-muted\\/30 {
   background-color: hsl(var(--muted) / 0.3);
 }
 .bg-muted\\/50 {
   background-color: hsl(var(--muted) / 0.5);
 }
+.bg-neutral-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+}
+.bg-neutral-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 186 116 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
+}
+.bg-pink-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
+}
+.bg-pink-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 114 182 / var(--tw-bg-opacity, 1));
+}
+.bg-pink-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
+}
 .bg-popover {
   background-color: hsl(var(--popover));
 }
@@ -1518,10 +1679,18 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
 }
+.bg-purple-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
+}
 .bg-purple-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
 }
+.bg-purple-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
+}
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
@@ -1530,6 +1699,22 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
+.bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
+}
+.bg-red-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
+}
+.bg-rose-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
+}
+.bg-rose-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
+}
 .bg-secondary {
   background-color: hsl(var(--secondary));
 }
@@ -1539,17 +1724,93 @@ body {
 .bg-sidebar-border {
   background-color: hsl(var(--sidebar-border));
 }
+.bg-sky-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
+}
+.bg-sky-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
+}
+.bg-slate-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
+}
+.bg-slate-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
+}
 .bg-slate-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
 }
+.bg-stone-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
+}
+.bg-stone-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 162 158 / var(--tw-bg-opacity, 1));
+}
+.bg-teal-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
+}
+.bg-teal-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));
+}
+.bg-teal-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
+}
 .bg-transparent {
   background-color: transparent;
 }
+.bg-violet-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
+}
 .bg-violet-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1));
 }
+.bg-violet-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
+}
+.bg-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
+}
+.bg-zinc-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
+}
+.bg-zinc-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(161 161 170 / var(--tw-bg-opacity, 1));
+}
 .fill-current {
   fill: currentColor;
 }
@@ -1586,6 +1847,10 @@ body {
 .p-\\[2px\\] {
   padding: 2px;
 }
+.px-0\\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1707,6 +1972,9 @@ body {
 .text-right {
   text-align: right;
 }
+.text-start {
+  text-align: start;
+}
 .align-middle {
   vertical-align: middle;
 }
@@ -1750,6 +2018,9 @@ body {
 .text-\\[0\\.8rem\\] {
   font-size: 0.8rem;
 }
+.text-\\[11px\\] {
+  font-size: 11px;
+}
 .text-\\[13px\\] {
   font-size: 13px;
 }
@@ -1782,6 +2053,9 @@ body {
 .font-semibold {
   font-weight: 600;
 }
+.uppercase {
+  text-transform: uppercase;
+}
 .tabular-nums {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
@@ -1795,6 +2069,9 @@ body {
 .tracking-tight {
   letter-spacing: -0.025em;
 }
+.tracking-wider {
+  letter-spacing: 0.05em;
+}
 .tracking-widest {
   letter-spacing: 0.1em;
 }
@@ -1805,28 +2082,72 @@ body {
   --tw-text-opacity: 1;
   color: rgb(180 83 9 / var(--tw-text-opacity, 1));
 }
+.text-amber-800 {
+  --tw-text-opacity: 1;
+  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
+}
 .text-blue-700 {
   --tw-text-opacity: 1;
   color: rgb(29 78 216 / var(--tw-text-opacity, 1));
 }
+.text-blue-900 {
+  --tw-text-opacity: 1;
+  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
+}
 .text-card-foreground {
   color: hsl(var(--card-foreground));
 }
 .text-current {
   color: currentColor;
 }
+.text-cyan-600 {
+  --tw-text-opacity: 1;
+  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
+}
+.text-cyan-700 {
+  --tw-text-opacity: 1;
+  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
+}
 .text-destructive {
   color: hsl(var(--destructive));
 }
 .text-destructive-foreground {
   color: hsl(var(--destructive-foreground));
 }
+.text-emerald-600 {
+  --tw-text-opacity: 1;
+  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
+}
+.text-emerald-700 {
+  --tw-text-opacity: 1;
+  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
+}
 .text-foreground {
   color: hsl(var(--foreground));
 }
 .text-foreground\\/50 {
   color: hsl(var(--foreground) / 0.5);
 }
+.text-fuchsia-700 {
+  --tw-text-opacity: 1;
+  color: rgb(162 28 175 / var(--tw-text-opacity, 1));
+}
+.text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
+}
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
+.text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
+.text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
 .text-green-700 {
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity, 1));
@@ -1835,14 +2156,54 @@ body {
   --tw-text-opacity: 1;
   color: rgb(22 101 52 / var(--tw-text-opacity, 1));
 }
+.text-indigo-700 {
+  --tw-text-opacity: 1;
+  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
+}
+.text-lime-700 {
+  --tw-text-opacity: 1;
+  color: rgb(77 124 15 / var(--tw-text-opacity, 1));
+}
+.text-lime-800 {
+  --tw-text-opacity: 1;
+  color: rgb(63 98 18 / var(--tw-text-opacity, 1));
+}
 .text-muted-foreground {
   color: hsl(var(--muted-foreground));
 }
 .text-muted-foreground\\/20 {
   color: hsl(var(--muted-foreground) / 0.2);
 }
-.text-muted-foreground\\/50 {
-  color: hsl(var(--muted-foreground) / 0.5);
+.text-muted-foreground\\/40 {
+  color: hsl(var(--muted-foreground) / 0.4);
+}
+.text-neutral-700 {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
+}
+.text-orange-500 {
+  --tw-text-opacity: 1;
+  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
+}
+.text-orange-600 {
+  --tw-text-opacity: 1;
+  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
+}
+.text-orange-700 {
+  --tw-text-opacity: 1;
+  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
+}
+.text-orange-800 {
+  --tw-text-opacity: 1;
+  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
+}
+.text-pink-600 {
+  --tw-text-opacity: 1;
+  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
+}
+.text-pink-700 {
+  --tw-text-opacity: 1;
+  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
 }
 .text-popover-foreground {
   color: hsl(var(--popover-foreground));
@@ -1853,6 +2214,10 @@ body {
 .text-primary-foreground {
   color: hsl(var(--primary-foreground));
 }
+.text-purple-600 {
+  --tw-text-opacity: 1;
+  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
+}
 .text-purple-700 {
   --tw-text-opacity: 1;
   color: rgb(126 34 206 / var(--tw-text-opacity, 1));
@@ -1861,6 +2226,18 @@ body {
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
 }
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
+}
+.text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
+}
+.text-rose-700 {
+  --tw-text-opacity: 1;
+  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
+}
 .text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
@@ -1870,6 +2247,42 @@ body {
 .text-sidebar-foreground\\/70 {
   color: hsl(var(--sidebar-foreground) / 0.7);
 }
+.text-sky-700 {
+  --tw-text-opacity: 1;
+  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
+}
+.text-slate-700 {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
+}
+.text-stone-700 {
+  --tw-text-opacity: 1;
+  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
+}
+.text-teal-600 {
+  --tw-text-opacity: 1;
+  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
+}
+.text-teal-700 {
+  --tw-text-opacity: 1;
+  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
+}
+.text-violet-700 {
+  --tw-text-opacity: 1;
+  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
+}
+.text-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
+}
+.text-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
+}
+.text-zinc-700 {
+  --tw-text-opacity: 1;
+  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
+}
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -2194,6 +2607,11 @@ svg.icon {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.hover\\:scale-\\[1\\.02\\]:hover {
+  --tw-scale-x: 1.02;
+  --tw-scale-y: 1.02;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .hover\\:border-primary:hover {
   border-color: hsl(var(--primary));
 }
@@ -2206,32 +2624,62 @@ svg.icon {
 .hover\\:bg-amber-100\\/80:hover {
   background-color: rgb(254 243 199 / 0.8);
 }
+.hover\\:bg-amber-50\\/80:hover {
+  background-color: rgb(255 251 235 / 0.8);
+}
 .hover\\:bg-blue-100\\/80:hover {
   background-color: rgb(219 234 254 / 0.8);
 }
+.hover\\:bg-cyan-100\\/80:hover {
+  background-color: rgb(207 250 254 / 0.8);
+}
 .hover\\:bg-destructive\\/80:hover {
   background-color: hsl(var(--destructive) / 0.8);
 }
 .hover\\:bg-destructive\\/90:hover {
   background-color: hsl(var(--destructive) / 0.9);
 }
+.hover\\:bg-emerald-100\\/80:hover {
+  background-color: rgb(209 250 229 / 0.8);
+}
+.hover\\:bg-fuchsia-100\\/80:hover {
+  background-color: rgb(250 232 255 / 0.8);
+}
+.hover\\:bg-gray-100\\/80:hover {
+  background-color: rgb(243 244 246 / 0.8);
+}
+.hover\\:bg-gray-50\\/80:hover {
+  background-color: rgb(249 250 251 / 0.8);
+}
+.hover\\:bg-gray-900\\/80:hover {
+  background-color: rgb(17 24 39 / 0.8);
+}
 .hover\\:bg-green-100\\/80:hover {
   background-color: rgb(220 252 231 / 0.8);
 }
+.hover\\:bg-indigo-100\\/80:hover {
+  background-color: rgb(224 231 255 / 0.8);
+}
+.hover\\:bg-lime-100\\/80:hover {
+  background-color: rgb(236 252 203 / 0.8);
+}
 .hover\\:bg-muted:hover {
   background-color: hsl(var(--muted));
 }
-.hover\\:bg-muted\\/10:hover {
-  background-color: hsl(var(--muted) / 0.1);
+.hover\\:bg-muted\\/5:hover {
+  background-color: hsl(var(--muted) / 0.05);
 }
 .hover\\:bg-muted\\/50:hover {
   background-color: hsl(var(--muted) / 0.5);
 }
-.hover\\:bg-muted\\/80:hover {
-  background-color: hsl(var(--muted) / 0.8);
+.hover\\:bg-neutral-100\\/80:hover {
+  background-color: rgb(245 245 245 / 0.8);
 }
-.hover\\:bg-primary\\/10:hover {
-  background-color: hsl(var(--primary) / 0.1);
+.hover\\:bg-orange-100\\/80:hover {
+  background-color: rgb(255 237 213 / 0.8);
+}
+.hover\\:bg-pink-100\\/80:hover {
+  background-color: rgb(252 231 243 / 0.8);
 }
 .hover\\:bg-primary\\/80:hover {
   background-color: hsl(var(--primary) / 0.8);
@@ -2245,6 +2693,9 @@ svg.icon {
 .hover\\:bg-red-100\\/80:hover {
   background-color: rgb(254 226 226 / 0.8);
 }
+.hover\\:bg-rose-100\\/80:hover {
+  background-color: rgb(255 228 230 / 0.8);
+}
 .hover\\:bg-secondary:hover {
   background-color: hsl(var(--secondary));
 }
@@ -2254,14 +2705,38 @@ svg.icon {
 .hover\\:bg-sidebar-accent:hover {
   background-color: hsl(var(--sidebar-accent));
 }
+.hover\\:bg-sky-100\\/80:hover {
+  background-color: rgb(224 242 254 / 0.8);
+}
+.hover\\:bg-slate-100\\/80:hover {
+  background-color: rgb(241 245 249 / 0.8);
+}
+.hover\\:bg-stone-100\\/80:hover {
+  background-color: rgb(245 245 244 / 0.8);
+}
+.hover\\:bg-teal-100\\/80:hover {
+  background-color: rgb(204 251 241 / 0.8);
+}
+.hover\\:bg-violet-100\\/80:hover {
+  background-color: rgb(237 233 254 / 0.8);
+}
 .hover\\:bg-violet-300:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(196 181 253 / var(--tw-bg-opacity, 1));
 }
+.hover\\:bg-yellow-100\\/80:hover {
+  background-color: rgb(254 249 195 / 0.8);
+}
+.hover\\:bg-yellow-50\\/80:hover {
+  background-color: rgb(254 252 232 / 0.8);
+}
 .hover\\:bg-zinc-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
 }
+.hover\\:bg-zinc-100\\/80:hover {
+  background-color: rgb(244 244 245 / 0.8);
+}
 .hover\\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
@@ -2397,6 +2872,9 @@ svg.icon {
 .group\\/menu-item:focus-within .group-focus-within\\/menu-item\\:opacity-100 {
   opacity: 1;
 }
+.group:hover .group-hover\\:text-foreground {
+  color: hsl(var(--foreground));
+}
 .group\\/item:hover .group-hover\\/item\\:opacity-100 {
   opacity: 1;
 }
@@ -3028,12 +3506,34 @@ svg.icon {
   --tw-border-opacity: 1;
   border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
 }
+.dark\\:bg-amber-900\\/30:is(.dark *) {
+  background-color: rgb(120 53 15 / 0.3);
+}
 .dark\\:bg-amber-900\\/50:is(.dark *) {
   background-color: rgb(120 53 15 / 0.5);
 }
 .dark\\:bg-blue-900\\/50:is(.dark *) {
   background-color: rgb(30 58 138 / 0.5);
 }
+.dark\\:bg-cyan-900\\/50:is(.dark *) {
+  background-color: rgb(22 78 99 / 0.5);
+}
+.dark\\:bg-emerald-900\\/50:is(.dark *) {
+  background-color: rgb(6 78 59 / 0.5);
+}
+.dark\\:bg-fuchsia-900\\/50:is(.dark *) {
+  background-color: rgb(112 26 117 / 0.5);
+}
+.dark\\:bg-gray-100:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
+.dark\\:bg-gray-900\\/30:is(.dark *) {
+  background-color: rgb(17 24 39 / 0.3);
+}
+.dark\\:bg-gray-900\\/50:is(.dark *) {
+  background-color: rgb(17 24 39 / 0.5);
+}
 .dark\\:bg-green-900\\/50:is(.dark *) {
   background-color: rgb(20 83 45 / 0.5);
 }
@@ -3041,47 +3541,193 @@ svg.icon {
   --tw-bg-opacity: 1;
   background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1));
 }
+.dark\\:bg-indigo-900\\/50:is(.dark *) {
+  background-color: rgb(49 46 129 / 0.5);
+}
+.dark\\:bg-lime-900\\/50:is(.dark *) {
+  background-color: rgb(54 83 20 / 0.5);
+}
 .dark\\:bg-muted:is(.dark *) {
   background-color: hsl(var(--muted));
 }
+.dark\\:bg-neutral-900\\/50:is(.dark *) {
+  background-color: rgb(23 23 23 / 0.5);
+}
+.dark\\:bg-orange-900\\/50:is(.dark *) {
+  background-color: rgb(124 45 18 / 0.5);
+}
+.dark\\:bg-pink-900\\/50:is(.dark *) {
+  background-color: rgb(131 24 67 / 0.5);
+}
 .dark\\:bg-purple-900\\/50:is(.dark *) {
   background-color: rgb(88 28 135 / 0.5);
 }
 .dark\\:bg-red-900\\/50:is(.dark *) {
   background-color: rgb(127 29 29 / 0.5);
 }
+.dark\\:bg-rose-900\\/50:is(.dark *) {
+  background-color: rgb(136 19 55 / 0.5);
+}
+.dark\\:bg-sky-900\\/50:is(.dark *) {
+  background-color: rgb(12 74 110 / 0.5);
+}
+.dark\\:bg-slate-900\\/50:is(.dark *) {
+  background-color: rgb(15 23 42 / 0.5);
+}
+.dark\\:bg-stone-900\\/50:is(.dark *) {
+  background-color: rgb(28 25 23 / 0.5);
+}
+.dark\\:bg-teal-900\\/50:is(.dark *) {
+  background-color: rgb(19 78 74 / 0.5);
+}
+.dark\\:bg-violet-900\\/50:is(.dark *) {
+  background-color: rgb(76 29 149 / 0.5);
+}
 .dark\\:bg-white\\/5:is(.dark *) {
   background-color: rgb(255 255 255 / 0.05);
 }
+.dark\\:bg-yellow-900\\/30:is(.dark *) {
+  background-color: rgb(113 63 18 / 0.3);
+}
+.dark\\:bg-yellow-900\\/50:is(.dark *) {
+  background-color: rgb(113 63 18 / 0.5);
+}
 .dark\\:bg-zinc-600:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
 }
+.dark\\:bg-zinc-900\\/50:is(.dark *) {
+  background-color: rgb(24 24 27 / 0.5);
+}
+.dark\\:text-amber-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
+}
 .dark\\:text-amber-300:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(252 211 77 / var(--tw-text-opacity, 1));
 }
+.dark\\:text-blue-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
+}
 .dark\\:text-blue-300:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(147 197 253 / var(--tw-text-opacity, 1));
 }
-.dark\\:text-green-200:is(.dark *) {
+.dark\\:text-cyan-300:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
+  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
 }
-.dark\\:text-green-300:is(.dark *) {
+.dark\\:text-emerald-300:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
+  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
 }
-.dark\\:text-purple-300:is(.dark *) {
+.dark\\:text-fuchsia-300:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
+  color: rgb(240 171 252 / var(--tw-text-opacity, 1));
 }
-.dark\\:text-red-300:is(.dark *) {
+.dark\\:text-gray-100:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
+  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
 }
-.dark\\:hover\\:bg-white\\/10:hover:is(.dark *) {
+.dark\\:text-gray-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-gray-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-gray-900:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-green-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-green-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-indigo-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-lime-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(217 249 157 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-lime-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(190 242 100 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-neutral-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-orange-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-orange-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-pink-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(249 168 212 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-purple-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-red-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-red-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-rose-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-sky-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-slate-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-stone-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(214 211 209 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-teal-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-violet-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-yellow-200:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-yellow-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
+}
+.dark\\:text-zinc-300:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
+}
+.dark\\:hover\\:bg-white\\/10:hover:is(.dark *) {
   background-color: rgb(255 255 255 / 0.1);
 }
 .dark\\:hover\\:bg-zinc-500:hover:is(.dark *) {
@@ -3452,7 +4098,172 @@ svg.icon {
 `);
 
 // src/components/DataViews.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
+
+// src/lib/colors.ts
+var PRESET_COLORS = [
+  { name: "Red", value: "red" },
+  { name: "Blue", value: "blue" },
+  { name: "Green", value: "green" },
+  { name: "Yellow", value: "yellow" },
+  { name: "Orange", value: "orange" },
+  { name: "Purple", value: "purple" },
+  { name: "Pink", value: "pink" },
+  { name: "Brown", value: "brown" },
+  { name: "Gray", value: "gray" },
+  { name: "Black", value: "black" },
+  { name: "White", value: "white" },
+  { name: "Cyan", value: "cyan" },
+  { name: "Magenta", value: "magenta" },
+  { name: "Lime", value: "lime" },
+  { name: "Indigo", value: "indigo" },
+  { name: "Teal", value: "teal" },
+  { name: "Violet", value: "violet" },
+  { name: "Rose", value: "rose" },
+  { name: "Fuchsia", value: "fuchsia" },
+  { name: "Sky", value: "sky" },
+  { name: "Emerald", value: "emerald" },
+  { name: "Amber", value: "amber" },
+  { name: "Slate", value: "slate" },
+  { name: "Zinc", value: "zinc" },
+  { name: "Stone", value: "stone" },
+  { name: "Neutral", value: "neutral" },
+  { name: "Crimson", value: "crimson" },
+  { name: "Navy", value: "navy" },
+  { name: "Maroon", value: "maroon" },
+  { name: "Olive", value: "olive" },
+  { name: "Coral", value: "coral" },
+  { name: "Salmon", value: "salmon" },
+  { name: "Gold", value: "gold" },
+  { name: "Silver", value: "silver" },
+  { name: "Turquoise", value: "turquoise" },
+  { name: "Aqua", value: "aqua" },
+  { name: "Mint", value: "mint" },
+  { name: "Lavender", value: "lavender" },
+  { name: "Peach", value: "peach" },
+  { name: "Beige", value: "beige" },
+  { name: "Ivory", value: "ivory" },
+  { name: "Khaki", value: "khaki" },
+  { name: "Plum", value: "plum" },
+  { name: "Orchid", value: "orchid" },
+  { name: "Tan", value: "tan" },
+  { name: "Chocolate", value: "chocolate" },
+  { name: "Sienna", value: "sienna" },
+  { name: "Burgundy", value: "burgundy" },
+  { name: "Mustard", value: "mustard" },
+  { name: "Charcoal", value: "charcoal" }
+];
+var BADGE_COLOR_MAP = {
+  gray: "bg-gray-100 text-gray-700 dark:bg-gray-900/50 dark:text-gray-300 hover:bg-gray-100/80",
+  slate: "bg-slate-100 text-slate-700 dark:bg-slate-900/50 dark:text-slate-300 hover:bg-slate-100/80",
+  zinc: "bg-zinc-100 text-zinc-700 dark:bg-zinc-900/50 dark:text-zinc-300 hover:bg-zinc-100/80",
+  neutral: "bg-neutral-100 text-neutral-700 dark:bg-neutral-900/50 dark:text-neutral-300 hover:bg-neutral-100/80",
+  stone: "bg-stone-100 text-stone-700 dark:bg-stone-900/50 dark:text-stone-300 hover:bg-stone-100/80",
+  red: "bg-red-100 text-red-700 dark:bg-red-900/50 dark:text-red-300 hover:bg-red-100/80",
+  orange: "bg-orange-100 text-orange-700 dark:bg-orange-900/50 dark:text-orange-300 hover:bg-orange-100/80",
+  amber: "bg-amber-100 text-amber-700 dark:bg-amber-900/50 dark:text-amber-300 hover:bg-amber-100/80",
+  yellow: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/50 dark:text-yellow-300 hover:bg-yellow-100/80",
+  lime: "bg-lime-100 text-lime-700 dark:bg-lime-900/50 dark:text-lime-300 hover:bg-lime-100/80",
+  green: "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300 hover:bg-green-100/80",
+  emerald: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/50 dark:text-emerald-300 hover:bg-emerald-100/80",
+  teal: "bg-teal-100 text-teal-700 dark:bg-teal-900/50 dark:text-teal-300 hover:bg-teal-100/80",
+  cyan: "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/50 dark:text-cyan-300 hover:bg-cyan-100/80",
+  sky: "bg-sky-100 text-sky-700 dark:bg-sky-900/50 dark:text-sky-300 hover:bg-sky-100/80",
+  blue: "bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300 hover:bg-blue-100/80",
+  indigo: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/50 dark:text-indigo-300 hover:bg-indigo-100/80",
+  violet: "bg-violet-100 text-violet-700 dark:bg-violet-900/50 dark:text-violet-300 hover:bg-violet-100/80",
+  purple: "bg-purple-100 text-purple-700 dark:bg-purple-900/50 dark:text-purple-300 hover:bg-purple-100/80",
+  fuchsia: "bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/50 dark:text-fuchsia-300 hover:bg-fuchsia-100/80",
+  pink: "bg-pink-100 text-pink-700 dark:bg-pink-900/50 dark:text-pink-300 hover:bg-pink-100/80",
+  rose: "bg-rose-100 text-rose-700 dark:bg-rose-900/50 dark:text-rose-300 hover:bg-rose-100/80",
+  brown: "bg-amber-100 text-amber-800 dark:bg-amber-900/50 dark:text-amber-200 hover:bg-amber-100/80",
+  // Additional colors
+  crimson: "bg-red-100 text-red-800 dark:bg-red-900/50 dark:text-red-200 hover:bg-red-100/80",
+  navy: "bg-blue-100 text-blue-900 dark:bg-blue-900/50 dark:text-blue-200 hover:bg-blue-100/80",
+  maroon: "bg-red-100 text-red-900 dark:bg-red-900/50 dark:text-red-200 hover:bg-red-100/80",
+  olive: "bg-lime-100 text-lime-800 dark:bg-lime-900/50 dark:text-lime-200 hover:bg-lime-100/80",
+  coral: "bg-orange-100 text-orange-600 dark:bg-orange-900/50 dark:text-orange-300 hover:bg-orange-100/80",
+  salmon: "bg-pink-100 text-pink-600 dark:bg-pink-900/50 dark:text-pink-300 hover:bg-pink-100/80",
+  gold: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/50 dark:text-yellow-200 hover:bg-yellow-100/80",
+  silver: "bg-gray-100 text-gray-600 dark:bg-gray-900/50 dark:text-gray-300 hover:bg-gray-100/80",
+  turquoise: "bg-teal-100 text-teal-600 dark:bg-teal-900/50 dark:text-teal-300 hover:bg-teal-100/80",
+  aqua: "bg-cyan-100 text-cyan-600 dark:bg-cyan-900/50 dark:text-cyan-300 hover:bg-cyan-100/80",
+  mint: "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/50 dark:text-emerald-300 hover:bg-emerald-100/80",
+  lavender: "bg-purple-100 text-purple-600 dark:bg-purple-900/50 dark:text-purple-300 hover:bg-purple-100/80",
+  peach: "bg-orange-100 text-orange-500 dark:bg-orange-900/50 dark:text-orange-300 hover:bg-orange-100/80",
+  beige: "bg-amber-50 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300 hover:bg-amber-50/80",
+  ivory: "bg-yellow-50 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300 hover:bg-yellow-50/80",
+  khaki: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/50 dark:text-yellow-300 hover:bg-yellow-100/80",
+  plum: "bg-purple-100 text-purple-700 dark:bg-purple-900/50 dark:text-purple-300 hover:bg-purple-100/80",
+  orchid: "bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/50 dark:text-fuchsia-300 hover:bg-fuchsia-100/80",
+  tan: "bg-orange-100 text-orange-700 dark:bg-orange-900/50 dark:text-orange-300 hover:bg-orange-100/80",
+  chocolate: "bg-amber-100 text-amber-800 dark:bg-amber-900/50 dark:text-amber-200 hover:bg-amber-100/80",
+  sienna: "bg-orange-100 text-orange-800 dark:bg-orange-900/50 dark:text-orange-200 hover:bg-orange-100/80",
+  burgundy: "bg-red-100 text-red-900 dark:bg-red-900/50 dark:text-red-200 hover:bg-red-100/80",
+  mustard: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/50 dark:text-yellow-200 hover:bg-yellow-100/80",
+  charcoal: "bg-gray-100 text-gray-900 dark:bg-gray-900/50 dark:text-gray-200 hover:bg-gray-100/80",
+  black: "bg-gray-900 text-gray-100 dark:bg-gray-100 dark:text-gray-900 hover:bg-gray-900/80",
+  white: "bg-gray-50 text-gray-900 dark:bg-gray-900/30 dark:text-gray-100 hover:bg-gray-50/80",
+  magenta: "bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/50 dark:text-fuchsia-300 hover:bg-fuchsia-100/80"
+};
+var DOT_COLOR_MAP = {
+  gray: "bg-gray-400",
+  slate: "bg-slate-400",
+  zinc: "bg-zinc-400",
+  neutral: "bg-neutral-400",
+  stone: "bg-stone-400",
+  red: "bg-red-500",
+  orange: "bg-orange-500",
+  amber: "bg-amber-500",
+  yellow: "bg-yellow-500",
+  lime: "bg-lime-500",
+  green: "bg-green-500",
+  emerald: "bg-emerald-500",
+  teal: "bg-teal-500",
+  cyan: "bg-cyan-500",
+  sky: "bg-sky-500",
+  blue: "bg-blue-500",
+  indigo: "bg-indigo-500",
+  violet: "bg-violet-500",
+  purple: "bg-purple-500",
+  fuchsia: "bg-fuchsia-500",
+  pink: "bg-pink-500",
+  rose: "bg-rose-500",
+  brown: "bg-amber-700",
+  crimson: "bg-red-700",
+  navy: "bg-blue-900",
+  maroon: "bg-red-900",
+  olive: "bg-lime-700",
+  coral: "bg-orange-400",
+  salmon: "bg-pink-400",
+  gold: "bg-yellow-600",
+  silver: "bg-gray-400",
+  turquoise: "bg-teal-400",
+  aqua: "bg-cyan-400",
+  mint: "bg-emerald-400",
+  lavender: "bg-purple-400",
+  peach: "bg-orange-300",
+  beige: "bg-amber-200",
+  ivory: "bg-yellow-100",
+  khaki: "bg-yellow-400",
+  plum: "bg-purple-600",
+  orchid: "bg-fuchsia-400",
+  tan: "bg-orange-400",
+  chocolate: "bg-amber-700",
+  sienna: "bg-orange-700",
+  burgundy: "bg-red-900",
+  mustard: "bg-yellow-700",
+  charcoal: "bg-gray-800",
+  black: "bg-gray-900",
+  white: "bg-gray-100",
+  magenta: "bg-fuchsia-600"
+};
+function getBadgeColor(color) {
+  return BADGE_COLOR_MAP[color || "gray"] || BADGE_COLOR_MAP.gray;
+}
+function getDotColor(color) {
+  return DOT_COLOR_MAP[color || "gray"] || DOT_COLOR_MAP.gray;
+}
 
 // src/lib/schema.ts
 var tableSchema = {
@@ -3558,7 +4369,8 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 var import_lucide_react11 = require("lucide-react");
 
 // src/components/views/GridView.tsx
-var import_lucide_react2 = require("lucide-react");
+var import_react2 = require("react");
+var import_lucide_react3 = require("lucide-react");
 
 // src/components/ui/button.tsx
 var React2 = __toESM(require("react"));
@@ -3755,23 +4567,952 @@ function Badge(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", __spreadValues({ className: cn(badgeVariants({ variant }), className) }, props));
 }
 
-// src/components/views/GridView.tsx
+// src/components/ui/select.tsx
+var React5 = __toESM(require("react"));
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var BADGE_COLOR_MAP = {
-  gray: "bg-muted text-muted-foreground",
-  blue: "bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300",
-  green: "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300",
-  yellow: "bg-amber-100 text-amber-700 dark:bg-amber-900/50 dark:text-amber-300",
-  red: "bg-red-100 text-red-700 dark:bg-red-900/50 dark:text-red-300",
-  purple: "bg-purple-100 text-purple-700 dark:bg-purple-900/50 dark:text-purple-300"
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    SelectPrimitive.Trigger,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      ]
+    })
+  );
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    SelectPrimitive.ScrollUpButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronUp, { className: "h-4 w-4" })
+    })
+  );
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    SelectPrimitive.ScrollDownButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronDown, { className: "h-4 w-4" })
+    })
+  );
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    SelectPrimitive.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    SelectPrimitive.Label,
+    __spreadValues({
+      ref,
+      className: cn("px-2 py-1.5 text-sm font-semibold", className)
+    }, props)
+  );
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    SelectPrimitive.Item,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemText, { children })
+      ]
+    })
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    SelectPrimitive.Separator,
+    __spreadValues({
+      ref,
+      className: cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props)
+  );
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/ui/input.tsx
+var React6 = __toESM(require("react"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Input = React6.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "input",
+      __spreadValues({
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref
+      }, props)
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/I18nProvider.tsx
+var import_react = require("react");
+
+// src/lib/i18n.ts
+var LANGUAGES = {
+  en: { name: "English", dir: "ltr" },
+  es: { name: "Espa\xF1ol", dir: "ltr" },
+  zh: { name: "\u4E2D\u6587", dir: "ltr" },
+  ar: { name: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629", dir: "rtl" },
+  hi: { name: "\u0939\u093F\u0928\u094D\u0926\u0940", dir: "ltr" },
+  fr: { name: "Fran\xE7ais", dir: "ltr" },
+  pt: { name: "Portugu\xEAs", dir: "ltr" },
+  ru: { name: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439", dir: "ltr" },
+  de: { name: "Deutsch", dir: "ltr" },
+  ja: { name: "\u65E5\u672C\u8A9E", dir: "ltr" }
+};
+var translations = {
+  en: {
+    // Common
+    add: "Add",
+    edit: "Edit",
+    delete: "Delete",
+    view: "View",
+    save: "Save",
+    cancel: "Cancel",
+    close: "Close",
+    search: "Search",
+    filter: "Filter",
+    sort: "Sort",
+    // Records
+    addRecord: "Add Record",
+    createRecord: "Create Record",
+    editRecord: "Edit Record",
+    deleteRecord: "Delete Record",
+    viewRecord: "View Record",
+    recordDetails: "Record Details",
+    records: "records",
+    of: "of",
+    // Views
+    gridView: "Grid",
+    kanbanView: "Kanban",
+    galleryView: "Gallery",
+    calendarView: "Calendar",
+    formView: "Form",
+    // Fields
+    title: "Title",
+    description: "Description",
+    status: "Status",
+    priority: "Priority",
+    dueDate: "Due Date",
+    completed: "Completed",
+    primary: "Primary",
+    // Actions
+    createNewRecord: "Create New Record",
+    enterDetails: "Enter the details for the new record.",
+    modifyValues: "Modify the values for this record.",
+    viewData: "View the data for this record.",
+    addNewRecord: "Add new record",
+    // Sorting
+    sortBy: "Sort by...",
+    noSorting: "No sorting",
+    ascending: "\u2191 A-Z",
+    descending: "\u2193 Z-A",
+    // Filtering
+    filterBy: "Filter by...",
+    noFilter: "No filter",
+    filterValue: "Filter value...",
+    selectValue: "Select value...",
+    // Operators
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "On",
+    before: "Before",
+    after: "After",
+    yes: "Yes",
+    no: "No",
+    // Messages
+    noDateField: "No date field found in schema. Add a date field to enable Calendar view.",
+    noSelectField: "No select field found in schema. Add a select field to enable Kanban view.",
+    uncategorized: "Uncategorized",
+    untitled: "Untitled",
+    event: "Event",
+    none: "None",
+    today: "Today",
+    weekDays: "Sun,Mon,Tue,Wed,Thu,Fri,Sat",
+    monthNames: "January,February,March,April,May,June,July,August,September,October,November,December"
+  },
+  es: {
+    add: "Agregar",
+    edit: "Editar",
+    delete: "Eliminar",
+    view: "Ver",
+    save: "Guardar",
+    cancel: "Cancelar",
+    close: "Cerrar",
+    search: "Buscar",
+    filter: "Filtrar",
+    sort: "Ordenar",
+    addRecord: "Agregar Registro",
+    createRecord: "Crear Registro",
+    editRecord: "Editar Registro",
+    deleteRecord: "Eliminar Registro",
+    viewRecord: "Ver Registro",
+    recordDetails: "Detalles del Registro",
+    records: "registros",
+    of: "de",
+    gridView: "Cuadr\xEDcula",
+    kanbanView: "Kanban",
+    galleryView: "Galer\xEDa",
+    calendarView: "Calendario",
+    formView: "Formulario",
+    title: "T\xEDtulo",
+    description: "Descripci\xF3n",
+    status: "Estado",
+    priority: "Prioridad",
+    dueDate: "Fecha de Vencimiento",
+    completed: "Completado",
+    primary: "Principal",
+    createNewRecord: "Crear Nuevo Registro",
+    enterDetails: "Ingrese los detalles del nuevo registro.",
+    modifyValues: "Modifique los valores de este registro.",
+    viewData: "Ver los datos de este registro.",
+    addNewRecord: "Agregar nuevo registro",
+    sortBy: "Ordenar por...",
+    noSorting: "Sin ordenar",
+    ascending: "\u2191 A-Z",
+    descending: "\u2193 Z-A",
+    filterBy: "Filtrar por...",
+    noFilter: "Sin filtro",
+    filterValue: "Valor del filtro...",
+    selectValue: "Seleccionar valor...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "En",
+    before: "Antes",
+    after: "Despu\xE9s",
+    yes: "S\xED",
+    no: "No",
+    noDateField: "No se encontr\xF3 campo de fecha en el esquema. Agregue un campo de fecha para habilitar la vista de Calendario.",
+    noSelectField: "No se encontr\xF3 campo de selecci\xF3n en el esquema. Agregue un campo de selecci\xF3n para habilitar la vista Kanban.",
+    uncategorized: "Sin categor\xEDa",
+    untitled: "Sin t\xEDtulo",
+    event: "Evento",
+    none: "Ninguno",
+    today: "Hoy",
+    weekDays: "Dom,Lun,Mar,Mi\xE9,Jue,Vie,S\xE1b",
+    monthNames: "Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre"
+  },
+  zh: {
+    add: "\u6DFB\u52A0",
+    edit: "\u7F16\u8F91",
+    delete: "\u5220\u9664",
+    view: "\u67E5\u770B",
+    save: "\u4FDD\u5B58",
+    cancel: "\u53D6\u6D88",
+    close: "\u5173\u95ED",
+    search: "\u641C\u7D22",
+    filter: "\u7B5B\u9009",
+    sort: "\u6392\u5E8F",
+    addRecord: "\u6DFB\u52A0\u8BB0\u5F55",
+    createRecord: "\u521B\u5EFA\u8BB0\u5F55",
+    editRecord: "\u7F16\u8F91\u8BB0\u5F55",
+    deleteRecord: "\u5220\u9664\u8BB0\u5F55",
+    viewRecord: "\u67E5\u770B\u8BB0\u5F55",
+    recordDetails: "\u8BB0\u5F55\u8BE6\u60C5",
+    records: "\u6761\u8BB0\u5F55",
+    of: "\u5171",
+    gridView: "\u8868\u683C",
+    kanbanView: "\u770B\u677F",
+    galleryView: "\u753B\u5ECA",
+    calendarView: "\u65E5\u5386",
+    formView: "\u8868\u5355",
+    title: "\u6807\u9898",
+    description: "\u63CF\u8FF0",
+    status: "\u72B6\u6001",
+    priority: "\u4F18\u5148\u7EA7",
+    dueDate: "\u622A\u6B62\u65E5\u671F",
+    completed: "\u5DF2\u5B8C\u6210",
+    primary: "\u4E3B\u8981",
+    createNewRecord: "\u521B\u5EFA\u65B0\u8BB0\u5F55",
+    enterDetails: "\u8F93\u5165\u65B0\u8BB0\u5F55\u7684\u8BE6\u7EC6\u4FE1\u606F\u3002",
+    modifyValues: "\u4FEE\u6539\u6B64\u8BB0\u5F55\u7684\u503C\u3002",
+    viewData: "\u67E5\u770B\u6B64\u8BB0\u5F55\u7684\u6570\u636E\u3002",
+    addNewRecord: "\u6DFB\u52A0\u65B0\u8BB0\u5F55",
+    sortBy: "\u6392\u5E8F\u65B9\u5F0F...",
+    noSorting: "\u4E0D\u6392\u5E8F",
+    ascending: "\u2191 A-Z",
+    descending: "\u2193 Z-A",
+    filterBy: "\u7B5B\u9009\u6761\u4EF6...",
+    noFilter: "\u65E0\u7B5B\u9009",
+    filterValue: "\u7B5B\u9009\u503C...",
+    selectValue: "\u9009\u62E9\u503C...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "\u5728",
+    before: "\u4E4B\u524D",
+    after: "\u4E4B\u540E",
+    yes: "\u662F",
+    no: "\u5426",
+    noDateField: "\u67B6\u6784\u4E2D\u672A\u627E\u5230\u65E5\u671F\u5B57\u6BB5\u3002\u6DFB\u52A0\u65E5\u671F\u5B57\u6BB5\u4EE5\u542F\u7528\u65E5\u5386\u89C6\u56FE\u3002",
+    noSelectField: "\u67B6\u6784\u4E2D\u672A\u627E\u5230\u9009\u62E9\u5B57\u6BB5\u3002\u6DFB\u52A0\u9009\u62E9\u5B57\u6BB5\u4EE5\u542F\u7528\u770B\u677F\u89C6\u56FE\u3002",
+    uncategorized: "\u672A\u5206\u7C7B",
+    untitled: "\u65E0\u6807\u9898",
+    event: "\u4E8B\u4EF6",
+    none: "\u65E0",
+    today: "\u4ECA\u5929",
+    weekDays: "\u65E5,\u4E00,\u4E8C,\u4E09,\u56DB,\u4E94,\u516D",
+    monthNames: "\u4E00\u6708,\u4E8C\u6708,\u4E09\u6708,\u56DB\u6708,\u4E94\u6708,\u516D\u6708,\u4E03\u6708,\u516B\u6708,\u4E5D\u6708,\u5341\u6708,\u5341\u4E00\u6708,\u5341\u4E8C\u6708"
+  },
+  ar: {
+    add: "\u0625\u0636\u0627\u0641\u0629",
+    edit: "\u062A\u0639\u062F\u064A\u0644",
+    delete: "\u062D\u0630\u0641",
+    view: "\u0639\u0631\u0636",
+    save: "\u062D\u0641\u0638",
+    cancel: "\u0625\u0644\u063A\u0627\u0621",
+    close: "\u0625\u063A\u0644\u0627\u0642",
+    search: "\u0628\u062D\u062B",
+    filter: "\u062A\u0635\u0641\u064A\u0629",
+    sort: "\u062A\u0631\u062A\u064A\u0628",
+    addRecord: "\u0625\u0636\u0627\u0641\u0629 \u0633\u062C\u0644",
+    createRecord: "\u0625\u0646\u0634\u0627\u0621 \u0633\u062C\u0644",
+    editRecord: "\u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u0633\u062C\u0644",
+    deleteRecord: "\u062D\u0630\u0641 \u0627\u0644\u0633\u062C\u0644",
+    viewRecord: "\u0639\u0631\u0636 \u0627\u0644\u0633\u062C\u0644",
+    recordDetails: "\u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u0633\u062C\u0644",
+    records: "\u0633\u062C\u0644\u0627\u062A",
+    of: "\u0645\u0646",
+    gridView: "\u0634\u0628\u0643\u0629",
+    kanbanView: "\u0643\u0627\u0646\u0628\u0627\u0646",
+    galleryView: "\u0645\u0639\u0631\u0636",
+    calendarView: "\u062A\u0642\u0648\u064A\u0645",
+    formView: "\u0646\u0645\u0648\u0630\u062C",
+    title: "\u0627\u0644\u0639\u0646\u0648\u0627\u0646",
+    description: "\u0627\u0644\u0648\u0635\u0641",
+    status: "\u0627\u0644\u062D\u0627\u0644\u0629",
+    priority: "\u0627\u0644\u0623\u0648\u0644\u0648\u064A\u0629",
+    dueDate: "\u062A\u0627\u0631\u064A\u062E \u0627\u0644\u0627\u0633\u062A\u062D\u0642\u0627\u0642",
+    completed: "\u0645\u0643\u062A\u0645\u0644",
+    primary: "\u0623\u0633\u0627\u0633\u064A",
+    createNewRecord: "\u0625\u0646\u0634\u0627\u0621 \u0633\u062C\u0644 \u062C\u062F\u064A\u062F",
+    enterDetails: "\u0623\u062F\u062E\u0644 \u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u0633\u062C\u0644 \u0627\u0644\u062C\u062F\u064A\u062F.",
+    modifyValues: "\u062A\u0639\u062F\u064A\u0644 \u0642\u064A\u0645 \u0647\u0630\u0627 \u0627\u0644\u0633\u062C\u0644.",
+    viewData: "\u0639\u0631\u0636 \u0628\u064A\u0627\u0646\u0627\u062A \u0647\u0630\u0627 \u0627\u0644\u0633\u062C\u0644.",
+    addNewRecord: "\u0625\u0636\u0627\u0641\u0629 \u0633\u062C\u0644 \u062C\u062F\u064A\u062F",
+    sortBy: "\u062A\u0631\u062A\u064A\u0628 \u062D\u0633\u0628...",
+    noSorting: "\u0628\u062F\u0648\u0646 \u062A\u0631\u062A\u064A\u0628",
+    ascending: "\u2191 \u0623-\u064A",
+    descending: "\u2193 \u064A-\u0623",
+    filterBy: "\u062A\u0635\u0641\u064A\u0629 \u062D\u0633\u0628...",
+    noFilter: "\u0628\u062F\u0648\u0646 \u062A\u0635\u0641\u064A\u0629",
+    filterValue: "\u0642\u064A\u0645\u0629 \u0627\u0644\u062A\u0635\u0641\u064A\u0629...",
+    selectValue: "\u0627\u062E\u062A\u0631 \u0642\u064A\u0645\u0629...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "\u0641\u064A",
+    before: "\u0642\u0628\u0644",
+    after: "\u0628\u0639\u062F",
+    yes: "\u0646\u0639\u0645",
+    no: "\u0644\u0627",
+    noDateField: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u062D\u0642\u0644 \u062A\u0627\u0631\u064A\u062E \u0641\u064A \u0627\u0644\u0645\u062E\u0637\u0637. \u0623\u0636\u0641 \u062D\u0642\u0644 \u062A\u0627\u0631\u064A\u062E \u0644\u062A\u0645\u0643\u064A\u0646 \u0639\u0631\u0636 \u0627\u0644\u062A\u0642\u0648\u064A\u0645.",
+    noSelectField: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u062D\u0642\u0644 \u0627\u062E\u062A\u064A\u0627\u0631 \u0641\u064A \u0627\u0644\u0645\u062E\u0637\u0637. \u0623\u0636\u0641 \u062D\u0642\u0644 \u0627\u062E\u062A\u064A\u0627\u0631 \u0644\u062A\u0645\u0643\u064A\u0646 \u0639\u0631\u0636 \u0643\u0627\u0646\u0628\u0627\u0646.",
+    uncategorized: "\u063A\u064A\u0631 \u0645\u0635\u0646\u0641",
+    untitled: "\u0628\u062F\u0648\u0646 \u0639\u0646\u0648\u0627\u0646",
+    event: "\u062D\u062F\u062B",
+    none: "\u0644\u0627 \u0634\u064A\u0621",
+    today: "\u0627\u0644\u064A\u0648\u0645",
+    weekDays: "\u0623\u062D\u062F,\u0625\u062B\u0646\u064A\u0646,\u062B\u0644\u0627\u062B\u0627\u0621,\u0623\u0631\u0628\u0639\u0627\u0621,\u062E\u0645\u064A\u0633,\u062C\u0645\u0639\u0629,\u0633\u0628\u062A",
+    monthNames: "\u064A\u0646\u0627\u064A\u0631,\u0641\u0628\u0631\u0627\u064A\u0631,\u0645\u0627\u0631\u0633,\u0623\u0628\u0631\u064A\u0644,\u0645\u0627\u064A\u0648,\u064A\u0648\u0646\u064A\u0648,\u064A\u0648\u0644\u064A\u0648,\u0623\u063A\u0633\u0637\u0633,\u0633\u0628\u062A\u0645\u0628\u0631,\u0623\u0643\u062A\u0648\u0628\u0631,\u0646\u0648\u0641\u0645\u0628\u0631,\u062F\u064A\u0633\u0645\u0628\u0631"
+  },
+  hi: {
+    add: "\u091C\u094B\u0921\u093C\u0947\u0902",
+    edit: "\u0938\u0902\u092A\u093E\u0926\u093F\u0924 \u0915\u0930\u0947\u0902",
+    delete: "\u0939\u091F\u093E\u090F\u0902",
+    view: "\u0926\u0947\u0916\u0947\u0902",
+    save: "\u0938\u0939\u0947\u091C\u0947\u0902",
+    cancel: "\u0930\u0926\u094D\u0926 \u0915\u0930\u0947\u0902",
+    close: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
+    search: "\u0916\u094B\u091C\u0947\u0902",
+    filter: "\u092B\u093C\u093F\u0932\u094D\u091F\u0930",
+    sort: "\u0915\u094D\u0930\u092E\u092C\u0926\u094D\u0927 \u0915\u0930\u0947\u0902",
+    addRecord: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u091C\u094B\u0921\u093C\u0947\u0902",
+    createRecord: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u092C\u0928\u093E\u090F\u0902",
+    editRecord: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u0938\u0902\u092A\u093E\u0926\u093F\u0924 \u0915\u0930\u0947\u0902",
+    deleteRecord: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u0939\u091F\u093E\u090F\u0902",
+    viewRecord: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u0926\u0947\u0916\u0947\u0902",
+    recordDetails: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u0935\u093F\u0935\u0930\u0923",
+    records: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921",
+    of: "\u092E\u0947\u0902 \u0938\u0947",
+    gridView: "\u0917\u094D\u0930\u093F\u0921",
+    kanbanView: "\u0915\u093E\u0928\u092C\u093E\u0928",
+    galleryView: "\u0917\u0948\u0932\u0930\u0940",
+    calendarView: "\u0915\u0948\u0932\u0947\u0902\u0921\u0930",
+    formView: "\u092B\u0949\u0930\u094D\u092E",
+    title: "\u0936\u0940\u0930\u094D\u0937\u0915",
+    description: "\u0935\u093F\u0935\u0930\u0923",
+    status: "\u0938\u094D\u0925\u093F\u0924\u093F",
+    priority: "\u092A\u094D\u0930\u093E\u0925\u092E\u093F\u0915\u0924\u093E",
+    dueDate: "\u0928\u093F\u092F\u0924 \u0924\u093E\u0930\u0940\u0916",
+    completed: "\u092A\u0942\u0930\u094D\u0923",
+    primary: "\u092A\u094D\u0930\u093E\u0925\u092E\u093F\u0915",
+    createNewRecord: "\u0928\u092F\u093E \u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u092C\u0928\u093E\u090F\u0902",
+    enterDetails: "\u0928\u090F \u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u0915\u0947 \u0932\u093F\u090F \u0935\u093F\u0935\u0930\u0923 \u0926\u0930\u094D\u091C \u0915\u0930\u0947\u0902\u0964",
+    modifyValues: "\u0907\u0938 \u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u0915\u0947 \u092E\u093E\u0928 \u0938\u0902\u0936\u094B\u0927\u093F\u0924 \u0915\u0930\u0947\u0902\u0964",
+    viewData: "\u0907\u0938 \u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u0915\u093E \u0921\u0947\u091F\u093E \u0926\u0947\u0916\u0947\u0902\u0964",
+    addNewRecord: "\u0928\u092F\u093E \u0930\u093F\u0915\u0949\u0930\u094D\u0921 \u091C\u094B\u0921\u093C\u0947\u0902",
+    sortBy: "\u0907\u0938\u0915\u0947 \u0905\u0928\u0941\u0938\u093E\u0930 \u0915\u094D\u0930\u092E\u092C\u0926\u094D\u0927 \u0915\u0930\u0947\u0902...",
+    noSorting: "\u0915\u094B\u0908 \u0915\u094D\u0930\u092E\u092C\u0926\u094D\u0927\u0924\u093E \u0928\u0939\u0940\u0902",
+    ascending: "\u2191 \u0905-\u0939",
+    descending: "\u2193 \u0939-\u0905",
+    filterBy: "\u0907\u0938\u0915\u0947 \u0905\u0928\u0941\u0938\u093E\u0930 \u092B\u093C\u093F\u0932\u094D\u091F\u0930 \u0915\u0930\u0947\u0902...",
+    noFilter: "\u0915\u094B\u0908 \u092B\u093C\u093F\u0932\u094D\u091F\u0930 \u0928\u0939\u0940\u0902",
+    filterValue: "\u092B\u093C\u093F\u0932\u094D\u091F\u0930 \u092E\u093E\u0928...",
+    selectValue: "\u092E\u093E\u0928 \u091A\u0941\u0928\u0947\u0902...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "\u092A\u0930",
+    before: "\u092A\u0939\u0932\u0947",
+    after: "\u092C\u093E\u0926 \u092E\u0947\u0902",
+    yes: "\u0939\u093E\u0902",
+    no: "\u0928\u0939\u0940\u0902",
+    noDateField: "\u0938\u094D\u0915\u0940\u092E\u093E \u092E\u0947\u0902 \u0915\u094B\u0908 \u0926\u093F\u0928\u093E\u0902\u0915 \u092B\u093C\u0940\u0932\u094D\u0921 \u0928\u0939\u0940\u0902 \u092E\u093F\u0932\u0940\u0964 \u0915\u0948\u0932\u0947\u0902\u0921\u0930 \u0926\u0943\u0936\u094D\u092F \u0938\u0915\u094D\u0937\u092E \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u0926\u093F\u0928\u093E\u0902\u0915 \u092B\u093C\u0940\u0932\u094D\u0921 \u091C\u094B\u0921\u093C\u0947\u0902\u0964",
+    noSelectField: "\u0938\u094D\u0915\u0940\u092E\u093E \u092E\u0947\u0902 \u0915\u094B\u0908 \u091A\u092F\u0928 \u092B\u093C\u0940\u0932\u094D\u0921 \u0928\u0939\u0940\u0902 \u092E\u093F\u0932\u0940\u0964 \u0915\u093E\u0928\u092C\u093E\u0928 \u0926\u0943\u0936\u094D\u092F \u0938\u0915\u094D\u0937\u092E \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u091A\u092F\u0928 \u092B\u093C\u0940\u0932\u094D\u0921 \u091C\u094B\u0921\u093C\u0947\u0902\u0964",
+    uncategorized: "\u0905\u0935\u0930\u094D\u0917\u0940\u0915\u0943\u0924",
+    untitled: "\u0936\u0940\u0930\u094D\u0937\u0915\u0939\u0940\u0928",
+    event: "\u0918\u091F\u0928\u093E",
+    none: "\u0915\u094B\u0908 \u0928\u0939\u0940\u0902",
+    today: "\u0906\u091C",
+    weekDays: "\u0930\u0935\u093F,\u0938\u094B\u092E,\u092E\u0902\u0917\u0932,\u092C\u0941\u0927,\u0917\u0941\u0930\u0941,\u0936\u0941\u0915\u094D\u0930,\u0936\u0928\u093F",
+    monthNames: "\u091C\u0928\u0935\u0930\u0940,\u092B\u0930\u0935\u0930\u0940,\u092E\u093E\u0930\u094D\u091A,\u0905\u092A\u094D\u0930\u0948\u0932,\u092E\u0908,\u091C\u0942\u0928,\u091C\u0941\u0932\u093E\u0908,\u0905\u0917\u0938\u094D\u0924,\u0938\u093F\u0924\u0902\u092C\u0930,\u0905\u0915\u094D\u091F\u0942\u092C\u0930,\u0928\u0935\u0902\u092C\u0930,\u0926\u093F\u0938\u0902\u092C\u0930"
+  },
+  fr: {
+    add: "Ajouter",
+    edit: "Modifier",
+    delete: "Supprimer",
+    view: "Voir",
+    save: "Enregistrer",
+    cancel: "Annuler",
+    close: "Fermer",
+    search: "Rechercher",
+    filter: "Filtrer",
+    sort: "Trier",
+    addRecord: "Ajouter un Enregistrement",
+    createRecord: "Cr\xE9er un Enregistrement",
+    editRecord: "Modifier l'Enregistrement",
+    deleteRecord: "Supprimer l'Enregistrement",
+    viewRecord: "Voir l'Enregistrement",
+    recordDetails: "D\xE9tails de l'Enregistrement",
+    records: "enregistrements",
+    of: "sur",
+    gridView: "Grille",
+    kanbanView: "Kanban",
+    galleryView: "Galerie",
+    calendarView: "Calendrier",
+    formView: "Formulaire",
+    title: "Titre",
+    description: "Description",
+    status: "Statut",
+    priority: "Priorit\xE9",
+    dueDate: "Date d'\xC9ch\xE9ance",
+    completed: "Termin\xE9",
+    primary: "Principal",
+    createNewRecord: "Cr\xE9er un Nouvel Enregistrement",
+    enterDetails: "Entrez les d\xE9tails du nouvel enregistrement.",
+    modifyValues: "Modifiez les valeurs de cet enregistrement.",
+    viewData: "Voir les donn\xE9es de cet enregistrement.",
+    addNewRecord: "Ajouter un nouvel enregistrement",
+    sortBy: "Trier par...",
+    noSorting: "Aucun tri",
+    ascending: "\u2191 A-Z",
+    descending: "\u2193 Z-A",
+    filterBy: "Filtrer par...",
+    noFilter: "Aucun filtre",
+    filterValue: "Valeur du filtre...",
+    selectValue: "S\xE9lectionner une valeur...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "Le",
+    before: "Avant",
+    after: "Apr\xE8s",
+    yes: "Oui",
+    no: "Non",
+    noDateField: "Aucun champ de date trouv\xE9 dans le sch\xE9ma. Ajoutez un champ de date pour activer la vue Calendrier.",
+    noSelectField: "Aucun champ de s\xE9lection trouv\xE9 dans le sch\xE9ma. Ajoutez un champ de s\xE9lection pour activer la vue Kanban.",
+    uncategorized: "Non cat\xE9goris\xE9",
+    untitled: "Sans titre",
+    event: "\xC9v\xE9nement",
+    none: "Aucun",
+    today: "Aujourd'hui",
+    weekDays: "Dim,Lun,Mar,Mer,Jeu,Ven,Sam",
+    monthNames: "Janvier,F\xE9vrier,Mars,Avril,Mai,Juin,Juillet,Ao\xFBt,Septembre,Octobre,Novembre,D\xE9cembre"
+  },
+  pt: {
+    add: "Adicionar",
+    edit: "Editar",
+    delete: "Excluir",
+    view: "Visualizar",
+    save: "Salvar",
+    cancel: "Cancelar",
+    close: "Fechar",
+    search: "Pesquisar",
+    filter: "Filtrar",
+    sort: "Ordenar",
+    addRecord: "Adicionar Registro",
+    createRecord: "Criar Registro",
+    editRecord: "Editar Registro",
+    deleteRecord: "Excluir Registro",
+    viewRecord: "Visualizar Registro",
+    recordDetails: "Detalhes do Registro",
+    records: "registros",
+    of: "de",
+    gridView: "Grade",
+    kanbanView: "Kanban",
+    galleryView: "Galeria",
+    calendarView: "Calend\xE1rio",
+    formView: "Formul\xE1rio",
+    title: "T\xEDtulo",
+    description: "Descri\xE7\xE3o",
+    status: "Status",
+    priority: "Prioridade",
+    dueDate: "Data de Vencimento",
+    completed: "Conclu\xEDdo",
+    primary: "Principal",
+    createNewRecord: "Criar Novo Registro",
+    enterDetails: "Insira os detalhes do novo registro.",
+    modifyValues: "Modifique os valores deste registro.",
+    viewData: "Visualize os dados deste registro.",
+    addNewRecord: "Adicionar novo registro",
+    sortBy: "Ordenar por...",
+    noSorting: "Sem ordena\xE7\xE3o",
+    ascending: "\u2191 A-Z",
+    descending: "\u2193 Z-A",
+    filterBy: "Filtrar por...",
+    noFilter: "Sem filtro",
+    filterValue: "Valor do filtro...",
+    selectValue: "Selecionar valor...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "Em",
+    before: "Antes",
+    after: "Depois",
+    yes: "Sim",
+    no: "N\xE3o",
+    noDateField: "Nenhum campo de data encontrado no esquema. Adicione um campo de data para ativar a visualiza\xE7\xE3o de Calend\xE1rio.",
+    noSelectField: "Nenhum campo de sele\xE7\xE3o encontrado no esquema. Adicione um campo de sele\xE7\xE3o para ativar a visualiza\xE7\xE3o Kanban.",
+    uncategorized: "Sem categoria",
+    untitled: "Sem t\xEDtulo",
+    event: "Evento",
+    none: "Nenhum",
+    today: "Hoje",
+    weekDays: "Dom,Seg,Ter,Qua,Qui,Sex,S\xE1b",
+    monthNames: "Janeiro,Fevereiro,Mar\xE7o,Abril,Maio,Junho,Julho,Agosto,Setembro,Outubro,Novembro,Dezembro"
+  },
+  ru: {
+    add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C",
+    edit: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
+    delete: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+    view: "\u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440",
+    save: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C",
+    cancel: "\u041E\u0442\u043C\u0435\u043D\u0430",
+    close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C",
+    search: "\u041F\u043E\u0438\u0441\u043A",
+    filter: "\u0424\u0438\u043B\u044C\u0442\u0440",
+    sort: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430",
+    addRecord: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0417\u0430\u043F\u0438\u0441\u044C",
+    createRecord: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0417\u0430\u043F\u0438\u0441\u044C",
+    editRecord: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0417\u0430\u043F\u0438\u0441\u044C",
+    deleteRecord: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0417\u0430\u043F\u0438\u0441\u044C",
+    viewRecord: "\u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440 \u0417\u0430\u043F\u0438\u0441\u0438",
+    recordDetails: "\u0414\u0435\u0442\u0430\u043B\u0438 \u0417\u0430\u043F\u0438\u0441\u0438",
+    records: "\u0437\u0430\u043F\u0438\u0441\u0435\u0439",
+    of: "\u0438\u0437",
+    gridView: "\u0421\u0435\u0442\u043A\u0430",
+    kanbanView: "\u041A\u0430\u043D\u0431\u0430\u043D",
+    galleryView: "\u0413\u0430\u043B\u0435\u0440\u0435\u044F",
+    calendarView: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C",
+    formView: "\u0424\u043E\u0440\u043C\u0430",
+    title: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A",
+    description: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435",
+    status: "\u0421\u0442\u0430\u0442\u0443\u0441",
+    priority: "\u041F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442",
+    dueDate: "\u0421\u0440\u043E\u043A",
+    completed: "\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043D\u043E",
+    primary: "\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439",
+    createNewRecord: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u041D\u043E\u0432\u0443\u044E \u0417\u0430\u043F\u0438\u0441\u044C",
+    enterDetails: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0434\u0435\u0442\u0430\u043B\u0438 \u043D\u043E\u0432\u043E\u0439 \u0437\u0430\u043F\u0438\u0441\u0438.",
+    modifyValues: "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u044D\u0442\u043E\u0439 \u0437\u0430\u043F\u0438\u0441\u0438.",
+    viewData: "\u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0438\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u044D\u0442\u043E\u0439 \u0437\u0430\u043F\u0438\u0441\u0438.",
+    addNewRecord: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043D\u043E\u0432\u0443\u044E \u0437\u0430\u043F\u0438\u0441\u044C",
+    sortBy: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E...",
+    noSorting: "\u0411\u0435\u0437 \u0441\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0438",
+    ascending: "\u2191 \u0410-\u042F",
+    descending: "\u2193 \u042F-\u0410",
+    filterBy: "\u0424\u0438\u043B\u044C\u0442\u0440\u043E\u0432\u0430\u0442\u044C \u043F\u043E...",
+    noFilter: "\u0411\u0435\u0437 \u0444\u0438\u043B\u044C\u0442\u0440\u0430",
+    filterValue: "\u0417\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0444\u0438\u043B\u044C\u0442\u0440\u0430...",
+    selectValue: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "\u0412",
+    before: "\u0414\u043E",
+    after: "\u041F\u043E\u0441\u043B\u0435",
+    yes: "\u0414\u0430",
+    no: "\u041D\u0435\u0442",
+    noDateField: "\u041F\u043E\u043B\u0435 \u0434\u0430\u0442\u044B \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E \u0432 \u0441\u0445\u0435\u043C\u0435. \u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u043F\u043E\u043B\u0435 \u0434\u0430\u0442\u044B \u0434\u043B\u044F \u0432\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C.",
+    noSelectField: "\u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E \u0432 \u0441\u0445\u0435\u043C\u0435. \u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u043F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0434\u043B\u044F \u0432\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u043F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u041A\u0430\u043D\u0431\u0430\u043D.",
+    uncategorized: "\u0411\u0435\u0437 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438",
+    untitled: "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u044F",
+    event: "\u0421\u043E\u0431\u044B\u0442\u0438\u0435",
+    none: "\u041D\u0435\u0442",
+    today: "\u0421\u0435\u0433\u043E\u0434\u043D\u044F",
+    weekDays: "\u0412\u0441,\u041F\u043D,\u0412\u0442,\u0421\u0440,\u0427\u0442,\u041F\u0442,\u0421\u0431",
+    monthNames: "\u042F\u043D\u0432\u0430\u0440\u044C,\u0424\u0435\u0432\u0440\u0430\u043B\u044C,\u041C\u0430\u0440\u0442,\u0410\u043F\u0440\u0435\u043B\u044C,\u041C\u0430\u0439,\u0418\u044E\u043D\u044C,\u0418\u044E\u043B\u044C,\u0410\u0432\u0433\u0443\u0441\u0442,\u0421\u0435\u043D\u0442\u044F\u0431\u0440\u044C,\u041E\u043A\u0442\u044F\u0431\u0440\u044C,\u041D\u043E\u044F\u0431\u0440\u044C,\u0414\u0435\u043A\u0430\u0431\u0440\u044C"
+  },
+  de: {
+    add: "Hinzuf\xFCgen",
+    edit: "Bearbeiten",
+    delete: "L\xF6schen",
+    view: "Ansehen",
+    save: "Speichern",
+    cancel: "Abbrechen",
+    close: "Schlie\xDFen",
+    search: "Suchen",
+    filter: "Filtern",
+    sort: "Sortieren",
+    addRecord: "Datensatz Hinzuf\xFCgen",
+    createRecord: "Datensatz Erstellen",
+    editRecord: "Datensatz Bearbeiten",
+    deleteRecord: "Datensatz L\xF6schen",
+    viewRecord: "Datensatz Ansehen",
+    recordDetails: "Datensatz-Details",
+    records: "Datens\xE4tze",
+    of: "von",
+    gridView: "Raster",
+    kanbanView: "Kanban",
+    galleryView: "Galerie",
+    calendarView: "Kalender",
+    formView: "Formular",
+    title: "Titel",
+    description: "Beschreibung",
+    status: "Status",
+    priority: "Priorit\xE4t",
+    dueDate: "F\xE4lligkeitsdatum",
+    completed: "Abgeschlossen",
+    primary: "Prim\xE4r",
+    createNewRecord: "Neuen Datensatz Erstellen",
+    enterDetails: "Geben Sie die Details f\xFCr den neuen Datensatz ein.",
+    modifyValues: "\xC4ndern Sie die Werte f\xFCr diesen Datensatz.",
+    viewData: "Sehen Sie sich die Daten f\xFCr diesen Datensatz an.",
+    addNewRecord: "Neuen Datensatz hinzuf\xFCgen",
+    sortBy: "Sortieren nach...",
+    noSorting: "Keine Sortierung",
+    ascending: "\u2191 A-Z",
+    descending: "\u2193 Z-A",
+    filterBy: "Filtern nach...",
+    noFilter: "Kein Filter",
+    filterValue: "Filterwert...",
+    selectValue: "Wert ausw\xE4hlen...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "Am",
+    before: "Vor",
+    after: "Nach",
+    yes: "Ja",
+    no: "Nein",
+    noDateField: "Kein Datumsfeld im Schema gefunden. F\xFCgen Sie ein Datumsfeld hinzu, um die Kalenderansicht zu aktivieren.",
+    noSelectField: "Kein Auswahlfeld im Schema gefunden. F\xFCgen Sie ein Auswahlfeld hinzu, um die Kanban-Ansicht zu aktivieren.",
+    uncategorized: "Unkategorisiert",
+    untitled: "Ohne Titel",
+    event: "Ereignis",
+    none: "Keine",
+    today: "Heute",
+    weekDays: "So,Mo,Di,Mi,Do,Fr,Sa",
+    monthNames: "Januar,Februar,M\xE4rz,April,Mai,Juni,Juli,August,September,Oktober,November,Dezember"
+  },
+  ja: {
+    add: "\u8FFD\u52A0",
+    edit: "\u7DE8\u96C6",
+    delete: "\u524A\u9664",
+    view: "\u8868\u793A",
+    save: "\u4FDD\u5B58",
+    cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB",
+    close: "\u9589\u3058\u308B",
+    search: "\u691C\u7D22",
+    filter: "\u30D5\u30A3\u30EB\u30BF\u30FC",
+    sort: "\u4E26\u3079\u66FF\u3048",
+    addRecord: "\u30EC\u30B3\u30FC\u30C9\u3092\u8FFD\u52A0",
+    createRecord: "\u30EC\u30B3\u30FC\u30C9\u3092\u4F5C\u6210",
+    editRecord: "\u30EC\u30B3\u30FC\u30C9\u3092\u7DE8\u96C6",
+    deleteRecord: "\u30EC\u30B3\u30FC\u30C9\u3092\u524A\u9664",
+    viewRecord: "\u30EC\u30B3\u30FC\u30C9\u3092\u8868\u793A",
+    recordDetails: "\u30EC\u30B3\u30FC\u30C9\u306E\u8A73\u7D30",
+    records: "\u4EF6\u306E\u30EC\u30B3\u30FC\u30C9",
+    of: "/",
+    gridView: "\u30B0\u30EA\u30C3\u30C9",
+    kanbanView: "\u30AB\u30F3\u30D0\u30F3",
+    galleryView: "\u30AE\u30E3\u30E9\u30EA\u30FC",
+    calendarView: "\u30AB\u30EC\u30F3\u30C0\u30FC",
+    formView: "\u30D5\u30A9\u30FC\u30E0",
+    title: "\u30BF\u30A4\u30C8\u30EB",
+    description: "\u8AAC\u660E",
+    status: "\u30B9\u30C6\u30FC\u30BF\u30B9",
+    priority: "\u512A\u5148\u5EA6",
+    dueDate: "\u671F\u9650",
+    completed: "\u5B8C\u4E86",
+    primary: "\u30D7\u30E9\u30A4\u30DE\u30EA",
+    createNewRecord: "\u65B0\u3057\u3044\u30EC\u30B3\u30FC\u30C9\u3092\u4F5C\u6210",
+    enterDetails: "\u65B0\u3057\u3044\u30EC\u30B3\u30FC\u30C9\u306E\u8A73\u7D30\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+    modifyValues: "\u3053\u306E\u30EC\u30B3\u30FC\u30C9\u306E\u5024\u3092\u5909\u66F4\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+    viewData: "\u3053\u306E\u30EC\u30B3\u30FC\u30C9\u306E\u30C7\u30FC\u30BF\u3092\u8868\u793A\u3057\u307E\u3059\u3002",
+    addNewRecord: "\u65B0\u3057\u3044\u30EC\u30B3\u30FC\u30C9\u3092\u8FFD\u52A0",
+    sortBy: "\u4E26\u3079\u66FF\u3048...",
+    noSorting: "\u4E26\u3079\u66FF\u3048\u306A\u3057",
+    ascending: "\u2191 \u3042-\u3093",
+    descending: "\u2193 \u3093-\u3042",
+    filterBy: "\u30D5\u30A3\u30EB\u30BF\u30FC...",
+    noFilter: "\u30D5\u30A3\u30EB\u30BF\u30FC\u306A\u3057",
+    filterValue: "\u30D5\u30A3\u30EB\u30BF\u30FC\u5024...",
+    selectValue: "\u5024\u3092\u9078\u629E...",
+    equals: "=",
+    greater: ">",
+    less: "<",
+    greaterEqual: "\u2265",
+    lessEqual: "\u2264",
+    on: "\u65E5\u4ED8",
+    before: "\u4EE5\u524D",
+    after: "\u4EE5\u964D",
+    yes: "\u306F\u3044",
+    no: "\u3044\u3044\u3048",
+    noDateField: "\u30B9\u30AD\u30FC\u30DE\u306B\u65E5\u4ED8\u30D5\u30A3\u30FC\u30EB\u30C9\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002\u30AB\u30EC\u30F3\u30C0\u30FC\u30D3\u30E5\u30FC\u3092\u6709\u52B9\u306B\u3059\u308B\u306B\u306F\u3001\u65E5\u4ED8\u30D5\u30A3\u30FC\u30EB\u30C9\u3092\u8FFD\u52A0\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+    noSelectField: "\u30B9\u30AD\u30FC\u30DE\u306B\u9078\u629E\u30D5\u30A3\u30FC\u30EB\u30C9\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002\u30AB\u30F3\u30D0\u30F3\u30D3\u30E5\u30FC\u3092\u6709\u52B9\u306B\u3059\u308B\u306B\u306F\u3001\u9078\u629E\u30D5\u30A3\u30FC\u30EB\u30C9\u3092\u8FFD\u52A0\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+    uncategorized: "\u672A\u5206\u985E",
+    untitled: "\u7121\u984C",
+    event: "\u30A4\u30D9\u30F3\u30C8",
+    none: "\u306A\u3057",
+    today: "\u4ECA\u65E5",
+    weekDays: "\u65E5,\u6708,\u706B,\u6C34,\u6728,\u91D1,\u571F",
+    monthNames: "1\u6708,2\u6708,3\u6708,4\u6708,5\u6708,6\u6708,7\u6708,8\u6708,9\u6708,10\u6708,11\u6708,12\u6708"
+  }
 };
+function getTranslation(lang, key) {
+  var _a;
+  return ((_a = translations[lang]) == null ? void 0 : _a[key]) || translations.en[key] || key;
+}
+function getDirection(lang) {
+  var _a;
+  return ((_a = LANGUAGES[lang]) == null ? void 0 : _a.dir) || "ltr";
+}
+
+// src/components/I18nProvider.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var I18nContext = (0, import_react.createContext)(void 0);
+function I18nProvider({
+  lang = "en",
+  children
+}) {
+  const t = (key) => getTranslation(lang, key);
+  const dir = getDirection(lang);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(I18nContext.Provider, { value: { lang, t, dir }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { dir, className: "w-full h-full", children }) });
+}
+function useI18n() {
+  const context = (0, import_react.useContext)(I18nContext);
+  if (!context) {
+    return {
+      lang: "en",
+      t: (key) => getTranslation("en", key),
+      dir: "ltr"
+    };
+  }
+  return context;
+}
+
+// src/components/views/GridView.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function GridView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenModal }) {
+  var _a;
+  const { t } = useI18n();
+  const [sortField, setSortField] = (0, import_react2.useState)("");
+  const [sortDirection, setSortDirection] = (0, import_react2.useState)("asc");
+  const [filterField, setFilterField] = (0, import_react2.useState)("");
+  const [filterValue, setFilterValue] = (0, import_react2.useState)("");
+  const [filterOperator, setFilterOperator] = (0, import_react2.useState)("contains");
+  const selectedFilterField = (0, import_react2.useMemo)(() => {
+    return schema.fields.find((f) => f.id === filterField);
+  }, [filterField, schema.fields]);
+  const processedRecords = (0, import_react2.useMemo)(() => {
+    let filtered = [...records];
+    if (filterField && filterValue) {
+      filtered = filtered.filter((record) => {
+        const value = record.fields[filterField];
+        const field = schema.fields.find((f) => f.id === filterField);
+        if (!field) return false;
+        switch (field.type) {
+          case "text":
+            if (value == null) return false;
+            return String(value).toLowerCase().includes(filterValue.toLowerCase());
+          case "number":
+            if (value == null) return false;
+            const numValue = Number(value);
+            const filterNum = Number(filterValue);
+            switch (filterOperator) {
+              case "equals":
+                return numValue === filterNum;
+              case "greater":
+                return numValue > filterNum;
+              case "less":
+                return numValue < filterNum;
+              case "greaterEqual":
+                return numValue >= filterNum;
+              case "lessEqual":
+                return numValue <= filterNum;
+              default:
+                return false;
+            }
+          case "select":
+          case "multiSelect":
+            if (value == null) return false;
+            if (Array.isArray(value)) {
+              return value.includes(filterValue);
+            }
+            return value === filterValue;
+          case "checkbox":
+            return filterValue === "true" ? !!value : !value;
+          case "date":
+            if (value == null) return false;
+            const recordDate = new Date(value);
+            const filterDate = new Date(filterValue);
+            switch (filterOperator) {
+              case "before":
+                return recordDate < filterDate;
+              case "after":
+                return recordDate > filterDate;
+              case "equals":
+                return recordDate.toDateString() === filterDate.toDateString();
+              default:
+                return false;
+            }
+          default:
+            if (value == null) return false;
+            return String(value).toLowerCase().includes(filterValue.toLowerCase());
+        }
+      });
+    }
+    if (sortField) {
+      filtered.sort((a, b) => {
+        const aVal = a.fields[sortField];
+        const bVal = b.fields[sortField];
+        if (aVal == null && bVal == null) return 0;
+        if (aVal == null) return 1;
+        if (bVal == null) return -1;
+        let comparison = 0;
+        if (typeof aVal === "number" && typeof bVal === "number") {
+          comparison = aVal - bVal;
+        } else {
+          comparison = String(aVal).localeCompare(String(bVal));
+        }
+        return sortDirection === "asc" ? comparison : -comparison;
+      });
+    }
+    return filtered;
+  }, [records, sortField, sortDirection, filterField, filterValue, filterOperator, schema.fields]);
   const renderCellValue = (record, field) => {
-    var _a;
+    var _a2;
     const value = record.fields[field.id];
     switch (field.type) {
       case "checkbox":
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           Checkbox,
           {
             checked: !!value,
@@ -3780,14 +5521,14 @@ function GridView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenModal
           }
         );
       case "select":
-        const option = (_a = field.options) == null ? void 0 : _a.find((o) => o.name === value);
-        return value ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge, { variant: "secondary", className: cn("font-normal", BADGE_COLOR_MAP[(option == null ? void 0 : option.color) || "gray"]), children: value }) : null;
+        const option = (_a2 = field.options) == null ? void 0 : _a2.find((o) => o.name === value);
+        return value ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { variant: "secondary", className: cn("font-normal", getBadgeColor(option == null ? void 0 : option.color)), children: value }) : null;
       case "multiSelect":
         const values = Array.isArray(value) ? value : [];
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap gap-1", children: values.map((v) => {
-          var _a2;
-          const opt = (_a2 = field.options) == null ? void 0 : _a2.find((o) => o.name === v);
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge, { variant: "secondary", className: cn("font-normal", BADGE_COLOR_MAP[(opt == null ? void 0 : opt.color) || "gray"]), children: v }, v);
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex flex-wrap gap-1", children: values.map((v) => {
+          var _a3;
+          const opt = (_a3 = field.options) == null ? void 0 : _a3.find((o) => o.name === v);
+          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { variant: "secondary", className: cn("font-normal", getBadgeColor(opt == null ? void 0 : opt.color)), children: v }, v);
         }) });
       case "date":
         return value ? new Date(value).toLocaleDateString() : null;
@@ -3797,93 +5538,225 @@ function GridView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenModal
         return value;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full grow overflow-hidden sm:pl-2 relative group flex flex-col h-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "relative w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-full h-full", style: { pointerEvents: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-t-grid-container": "true", tabIndex: 0, className: "relative outline-none w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-full h-full overflow-auto pb-10", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableHeader, { className: "bg-muted/50 sticky top-0 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(TableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableHead, { className: "w-12 text-muted-foreground", children: "#" }),
-        schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(TableHead, { className: "min-w-[150px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-medium", children: field.name }),
-          field.isPrimary && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge, { variant: "outline", className: "ml-2 text-xs", children: "Primary" })
-        ] }, field.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableHead, { className: "w-[100px] text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(TableBody, { children: [
-        records.map((record, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-          TableRow,
-          {
-            className: "group cursor-pointer hover:bg-muted/50",
-            onClick: () => onOpenModal("view", record),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableCell, { className: "text-muted-foreground tabular-nums", children: index + 1 }),
-              schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "min-h-[24px] flex items-center", children: renderCellValue(record, field) }) }, field.id)),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableCell, { className: "text-right", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-end gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-8 w-8",
-                    onClick: () => onOpenModal("view", record),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Eye, { className: "h-4 w-4" })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-8 w-8",
-                    onClick: () => onOpenModal("edit", record),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Pencil, { className: "h-4 w-4" })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-8 w-8 text-muted-foreground hover:text-destructive",
-                    onClick: () => onDeleteRecord(record.id),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Trash2, { className: "h-4 w-4" })
-                  }
-                )
-              ] }) })
-            ]
-          },
-          record.id
-        )),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableCell, { colSpan: schema.fields.length + 2, className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => onOpenModal("add"),
-            className: "w-full justify-start px-4 h-10 text-muted-foreground hover:text-foreground rounded-none",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Plus, { className: "h-4 w-4 mr-2" }),
-              "Add new record"
-            ]
-          }
-        ) }) })
-      ] })
-    ] }) }) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center h-6 pl-2 ml-1 text-xs bg-violet-200 dark:bg-zinc-600 rounded absolute bottom-3 left-0 shadow-sm z-20", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w-full grow overflow-hidden sm:pl-2 relative group flex flex-col h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative w-full h-full flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-3 border-b bg-muted/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Button, { onClick: () => onOpenModal("add"), className: "h-9", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Plus, { className: "h-4 w-4 mr-2" }),
+          t("addRecord")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "h-6 w-px bg-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ArrowUpDown, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Select, { value: sortField || "none", onValueChange: (v) => setSortField(v === "none" ? "" : v), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "w-[180px] h-9", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, { placeholder: t("sortBy") }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "none", children: t("noSorting") }),
+              schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: field.id, children: field.name }, field.id))
+            ] })
+          ] }),
+          sortField && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-9",
+              onClick: () => setSortDirection(sortDirection === "asc" ? "desc" : "asc"),
+              children: sortDirection === "asc" ? t("ascending") : t("descending")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Filter, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Select, { value: filterField || "none", onValueChange: (v) => {
+            const newField = v === "none" ? "" : v;
+            setFilterField(newField);
+            setFilterValue("");
+            if (newField) {
+              const field = schema.fields.find((f) => f.id === newField);
+              if ((field == null ? void 0 : field.type) === "number") setFilterOperator("equals");
+              else if ((field == null ? void 0 : field.type) === "date") setFilterOperator("equals");
+              else setFilterOperator("contains");
+            }
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "w-[180px] h-9", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, { placeholder: t("filterBy") }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "none", children: t("noFilter") }),
+              schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: field.id, children: field.name }, field.id))
+            ] })
+          ] }),
+          filterField && selectedFilterField && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+            selectedFilterField.type === "number" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Select, { value: filterOperator, onValueChange: setFilterOperator, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "w-[120px] h-9", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "equals", children: t("equals") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "greater", children: t("greater") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "less", children: t("less") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "greaterEqual", children: t("greaterEqual") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "lessEqual", children: t("lessEqual") })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                Input,
+                {
+                  type: "number",
+                  placeholder: t("filterValue"),
+                  value: filterValue,
+                  onChange: (e) => setFilterValue(e.target.value),
+                  className: "w-[150px] h-9"
+                }
+              )
+            ] }),
+            selectedFilterField.type === "date" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Select, { value: filterOperator, onValueChange: setFilterOperator, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "w-[120px] h-9", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(SelectContent, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "equals", children: t("on") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "before", children: t("before") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "after", children: t("after") })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                Input,
+                {
+                  type: "date",
+                  value: filterValue,
+                  onChange: (e) => setFilterValue(e.target.value),
+                  className: "w-[180px] h-9"
+                }
+              )
+            ] }),
+            (selectedFilterField.type === "select" || selectedFilterField.type === "multiSelect") && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Select, { value: filterValue, onValueChange: setFilterValue, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "w-[200px] h-9", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, { placeholder: t("selectValue") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectContent, { children: (_a = selectedFilterField.options) == null ? void 0 : _a.map((option) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: option.name, children: option.name }, option.id)) })
+            ] }),
+            selectedFilterField.type === "checkbox" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Select, { value: filterValue, onValueChange: setFilterValue, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "w-[150px] h-9", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, { placeholder: t("selectValue") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(SelectContent, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "true", children: t("yes") }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: "false", children: t("no") })
+              ] })
+            ] }),
+            selectedFilterField.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              Input,
+              {
+                placeholder: t("filterValue"),
+                value: filterValue,
+                onChange: (e) => setFilterValue(e.target.value),
+                className: "w-[200px] h-9"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-9 w-9 p-0",
+                onClick: () => {
+                  setFilterField("");
+                  setFilterValue("");
+                  setFilterOperator("contains");
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.X, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-sm text-muted-foreground", children: [
+          processedRecords.length,
+          " of ",
+          records.length,
+          " records"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-full flex-1", style: { pointerEvents: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-t-grid-container": "true", tabIndex: 0, className: "relative outline-none w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-full h-full overflow-auto pb-10", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Table, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableHeader, { className: "bg-muted/50 sticky top-0 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableHead, { className: "w-12 text-muted-foreground", children: "#" }),
+          schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(TableHead, { className: "min-w-[150px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium", children: field.name }),
+            field.isPrimary && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { variant: "outline", className: "ml-2 text-xs", children: "Primary" })
+          ] }, field.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableHead, { className: "w-[100px] text-right", children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(TableBody, { children: [
+          processedRecords.map((record, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            TableRow,
+            {
+              className: "group cursor-pointer hover:bg-muted/50",
+              onClick: () => onOpenModal("view", record),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableCell, { className: "text-muted-foreground tabular-nums", children: index + 1 }),
+                schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "min-h-[24px] flex items-center", children: renderCellValue(record, field) }) }, field.id)),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableCell, { className: "text-right", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-end gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-8 w-8",
+                      onClick: () => onOpenModal("view", record),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Eye, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-8 w-8",
+                      onClick: () => onOpenModal("edit", record),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Pencil, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-8 w-8 text-muted-foreground hover:text-destructive",
+                      onClick: () => onDeleteRecord(record.id),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Trash2, { className: "h-4 w-4" })
+                    }
+                  )
+                ] }) })
+              ]
+            },
+            record.id
+          )),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableCell, { colSpan: schema.fields.length + 2, className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => onOpenModal("add"),
+              className: "w-full justify-start px-4 h-10 text-muted-foreground hover:text-foreground rounded-none",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Plus, { className: "h-4 w-4 mr-2" }),
+                "Add new record"
+              ]
+            }
+          ) }) })
+        ] })
+      ] }) }) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center h-6 pl-2 ml-1 text-xs bg-violet-200 dark:bg-zinc-600 rounded absolute bottom-3 left-0 shadow-sm z-20", children: [
       records.length,
       " records",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 gap-2 hover:text-accent-foreground rounded-md text-xs ml-[2px] h-full rounded-l-none p-[2px] hover:bg-violet-300 dark:hover:bg-zinc-500", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", className: "w-3 h-3", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "m15 18-6-6 6-6" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 gap-2 hover:text-accent-foreground rounded-md text-xs ml-[2px] h-full rounded-l-none p-[2px] hover:bg-violet-300 dark:hover:bg-zinc-500", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", className: "w-3 h-3", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "m15 18-6-6 6-6" }) }) })
     ] })
   ] });
 }
 
 // src/components/views/FormView.tsx
-var import_react2 = require("react");
+var import_react4 = require("react");
 
 // src/components/ui/card.tsx
-var React5 = __toESM(require("react"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Card = React5.forwardRef((_a, ref) => {
+var React8 = __toESM(require("react"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Card = React8.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -3895,9 +5768,9 @@ var Card = React5.forwardRef((_a, ref) => {
   );
 });
 Card.displayName = "Card";
-var CardHeader = React5.forwardRef((_a, ref) => {
+var CardHeader = React8.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -3906,9 +5779,9 @@ var CardHeader = React5.forwardRef((_a, ref) => {
   );
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React5.forwardRef((_a, ref) => {
+var CardTitle = React8.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -3917,9 +5790,9 @@ var CardTitle = React5.forwardRef((_a, ref) => {
   );
 });
 CardTitle.displayName = "CardTitle";
-var CardDescription = React5.forwardRef((_a, ref) => {
+var CardDescription = React8.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -3928,14 +5801,14 @@ var CardDescription = React5.forwardRef((_a, ref) => {
   );
 });
 CardDescription.displayName = "CardDescription";
-var CardContent = React5.forwardRef((_a, ref) => {
+var CardContent = React8.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React5.forwardRef((_a, ref) => {
+var CardFooter = React8.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -3946,9 +5819,9 @@ var CardFooter = React5.forwardRef((_a, ref) => {
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/alert.tsx
-var React6 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority3.cva)(
   "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
   {
@@ -3963,9 +5836,9 @@ var alertVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Alert = React6.forwardRef((_a, ref) => {
+var Alert = React9.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -3975,9 +5848,9 @@ var Alert = React6.forwardRef((_a, ref) => {
   );
 });
 Alert.displayName = "Alert";
-var AlertTitle = React6.forwardRef((_a, ref) => {
+var AlertTitle = React9.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "h5",
     __spreadValues({
       ref,
@@ -3986,202 +5859,50 @@ var AlertTitle = React6.forwardRef((_a, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "div",
-    __spreadValues({
-      ref,
-      className: cn("text-sm [&_p]:leading-relaxed", className)
-    }, props)
-  );
-});
-AlertDescription.displayName = "AlertDescription";
-
-// src/components/views/FormView.tsx
-var import_lucide_react4 = require("lucide-react");
-
-// src/components/RecordForm.tsx
-var import_react = require("react");
-
-// src/components/ui/input.tsx
-var React7 = __toESM(require("react"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Input = React7.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      "input",
-      __spreadValues({
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        ),
-        ref
-      }, props)
-    );
-  }
-);
-Input.displayName = "Input";
-
-// src/components/ui/label.tsx
-var React8 = __toESM(require("react"));
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority4.cva)(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label = React8.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    LabelPrimitive.Root,
-    __spreadValues({
-      ref,
-      className: cn(labelVariants(), className)
-    }, props)
-  );
-});
-Label.displayName = LabelPrimitive.Root.displayName;
-
-// src/components/ui/select.tsx
-var React9 = __toESM(require("react"));
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Select = SelectPrimitive.Root;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React9.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    SelectPrimitive.Trigger,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-        className
-      )
-    }, props), {
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-      ]
-    })
-  );
-});
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React9.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    SelectPrimitive.ScrollUpButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ChevronUp, { className: "h-4 w-4" })
-    })
-  );
-});
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React9.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    SelectPrimitive.ScrollDownButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.ChevronDown, { className: "h-4 w-4" })
-    })
-  );
-});
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React9.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    SelectPrimitive.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectScrollDownButton, {})
-      ]
-    })
-  ) });
-});
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React9.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    SelectPrimitive.Label,
-    __spreadValues({
-      ref,
-      className: cn("px-2 py-1.5 text-sm font-semibold", className)
-    }, props)
-  );
-});
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React9.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    SelectPrimitive.Item,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react3.Check, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.ItemText, { children })
-      ]
-    })
-  );
-});
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React9.forwardRef((_a, ref) => {
+var AlertDescription = React9.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    SelectPrimitive.Separator,
+    "div",
     __spreadValues({
       ref,
-      className: cn("-mx-1 my-1 h-px bg-muted", className)
+      className: cn("text-sm [&_p]:leading-relaxed", className)
     }, props)
   );
 });
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+AlertDescription.displayName = "AlertDescription";
 
-// src/components/ui/textarea.tsx
+// src/components/views/FormView.tsx
+var import_lucide_react4 = require("lucide-react");
+
+// src/components/RecordForm.tsx
+var import_react3 = require("react");
+
+// src/components/ui/label.tsx
 var React10 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var Textarea = React10.forwardRef((_a, ref) => {
+var labelVariants = (0, import_class_variance_authority4.cva)(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React10.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    LabelPrimitive.Root,
+    __spreadValues({
+      ref,
+      className: cn(labelVariants(), className)
+    }, props)
+  );
+});
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/ui/textarea.tsx
+var React11 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Textarea = React11.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "textarea",
     __spreadValues({
       className: cn(
@@ -4195,19 +5916,12 @@ var Textarea = React10.forwardRef((_a, ref) => {
 Textarea.displayName = "Textarea";
 
 // src/components/RecordForm.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var COLOR_MAP = {
-  gray: "bg-muted",
-  blue: "bg-blue-500",
-  green: "bg-green-500",
-  yellow: "bg-amber-500",
-  red: "bg-red-500",
-  purple: "bg-purple-500"
-};
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var DEFAULT_INITIAL_VALUES = {};
 function RecordForm({ schema, initialValues = DEFAULT_INITIAL_VALUES, onSubmit, mode }) {
-  const [formData, setFormData] = (0, import_react.useState)(initialValues);
-  (0, import_react.useEffect)(() => {
+  const { t } = useI18n();
+  const [formData, setFormData] = (0, import_react3.useState)(initialValues);
+  (0, import_react3.useEffect)(() => {
     setFormData(initialValues);
   }, [initialValues]);
   const handleChange = (fieldId, value) => {
@@ -4220,44 +5934,44 @@ function RecordForm({ schema, initialValues = DEFAULT_INITIAL_VALUES, onSubmit,
   };
   const isReadOnly = mode === "view";
   const renderField = (field) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const value = (_a = formData[field.id]) != null ? _a : "";
     if (field.id === "description" || field.type === "text" && field.name.toLowerCase().includes("description")) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Textarea,
         {
           value,
           disabled: isReadOnly,
           onChange: (e) => handleChange(field.id, e.target.value),
-          placeholder: isReadOnly ? "" : `Enter ${field.name}...`,
+          placeholder: isReadOnly ? "" : `${t("enterDetails")}...`,
           className: "min-h-[100px] resize-none"
         }
       );
     }
     switch (field.type) {
       case "text":
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           Input,
           {
             value,
             disabled: isReadOnly,
             onChange: (e) => handleChange(field.id, e.target.value),
-            placeholder: isReadOnly ? "" : `Enter ${field.name}...`
+            placeholder: isReadOnly ? "" : `${t("add")} ${field.name}...`
           }
         );
       case "number":
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           Input,
           {
             type: "number",
             value,
             disabled: isReadOnly,
             onChange: (e) => handleChange(field.id, e.target.value),
-            placeholder: isReadOnly ? "" : `Enter ${field.name}...`
+            placeholder: isReadOnly ? "" : `${t("add")} ${field.name}...`
           }
         );
       case "date":
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           Input,
           {
             type: "date",
@@ -4267,8 +5981,8 @@ function RecordForm({ schema, initialValues = DEFAULT_INITIAL_VALUES, onSubmit,
           }
         );
       case "checkbox":
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             Checkbox,
             {
               id: field.id,
@@ -4277,28 +5991,33 @@ function RecordForm({ schema, initialValues = DEFAULT_INITIAL_VALUES, onSubmit,
               onCheckedChange: (checked) => handleChange(field.id, checked)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Label, { htmlFor: field.id, className: "cursor-pointer text-sm", children: value ? "Yes" : "No" })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Label2, { htmlFor: field.id, className: "cursor-pointer text-sm", children: value ? t("yes") : t("no") })
         ] });
       case "select":
         if (isReadOnly) {
-          return value ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Badge, { variant: "secondary", children: value }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground text-sm", children: "None" });
+          if (!value) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground text-sm", children: t("none") });
+          const option = (_b = field.options) == null ? void 0 : _b.find((o) => o.name === value);
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("inline-flex items-center gap-2 px-2 py-1 rounded-md text-sm mt-2", getBadgeColor(option == null ? void 0 : option.color)), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("w-2 h-2 rounded-full", getDotColor(option == null ? void 0 : option.color)) }),
+            value
+          ] });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Select, { value, onValueChange: (v) => handleChange(field.id, v), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectValue, { placeholder: "Select..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectContent, { children: (_b = field.options) == null ? void 0 : _b.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectItem, { value: opt.name, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("w-2 h-2 rounded-full", COLOR_MAP[opt.color || "gray"]) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Select, { value, onValueChange: (v) => handleChange(field.id, v), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectValue, { placeholder: t("selectValue") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectContent, { children: (_c = field.options) == null ? void 0 : _c.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SelectItem, { value: opt.name, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("w-2 h-2 rounded-full", getDotColor(opt.color)) }),
             opt.name
           ] }) }, opt.id)) })
         ] });
       case "multiSelect":
         const selectedValues = Array.isArray(value) ? value : [];
         if (isReadOnly) {
-          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
-            selectedValues.map((v) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Badge, { variant: "secondary", children: v }, v)),
-            selectedValues.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground text-sm", children: "None" })
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
+            selectedValues.map((v) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Badge, { variant: "secondary", children: v }, v)),
+            selectedValues.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground text-sm", children: t("none") })
           ] });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-wrap gap-2", children: (_c = field.options) == null ? void 0 : _c.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex flex-wrap gap-2", children: (_d = field.options) == null ? void 0 : _d.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           Badge,
           {
             variant: selectedValues.includes(opt.name) ? "default" : "outline",
@@ -4312,49 +6031,49 @@ function RecordForm({ schema, initialValues = DEFAULT_INITIAL_VALUES, onSubmit,
           opt.id
         )) });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           Input,
           {
             value,
             disabled: isReadOnly,
             onChange: (e) => handleChange(field.id, e.target.value),
-            placeholder: isReadOnly ? "" : `Enter ${field.name}...`
+            placeholder: isReadOnly ? "" : `${t("add")} ${field.name}...`
           }
         );
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("form", { id: "record-form", onSubmit: handleSubmit, className: "space-y-5", children: [
-    schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Label, { className: "text-sm font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { id: "record-form", onSubmit: handleSubmit, className: "space-y-5", children: [
+    schema.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Label2, { className: "text-sm font-medium mb-2 block", children: [
         field.name,
-        field.isPrimary && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Badge, { variant: "outline", className: "ml-2 text-xs", children: "Primary" })
+        field.isPrimary && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Badge, { variant: "outline", className: "ml-2 text-xs", children: t("primary") })
       ] }),
       renderField(field)
     ] }, field.id)),
-    mode !== "view" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex justify-end pt-4 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { type: "submit", children: mode === "add" ? "Create Record" : "Save Changes" }) })
+    mode !== "view" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex justify-end pt-4 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { type: "submit", children: mode === "add" ? t("createRecord") : t("save") }) })
   ] });
 }
 
 // src/components/views/FormView.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function FormView({ schema, onCreateRecord }) {
-  const [success, setSuccess] = (0, import_react2.useState)(false);
+  const [success, setSuccess] = (0, import_react4.useState)(false);
   const handleSubmit = (formData) => {
     onCreateRecord(formData);
     setSuccess(true);
     setTimeout(() => setSuccess(false), 3e3);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "h-full overflow-auto p-8 bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "max-w-xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardTitle, { children: "Add New Record" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardDescription, { children: "Fill out the form below to add a new entry to the database." })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-full overflow-auto p-8 bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "max-w-xl mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CardTitle, { children: "Add New Record" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CardDescription, { children: "Fill out the form below to add a new entry to the database." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(CardContent, { children: [
-      success && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Alert, { className: "mb-6 border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-200", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react4.CheckCircle2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AlertDescription, { children: "Record created successfully!" })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(CardContent, { children: [
+      success && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Alert, { className: "mb-6 border-green-200 bg-green-50 text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-200", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.CheckCircle2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertDescription, { children: "Record created successfully!" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         RecordForm,
         {
           schema,
@@ -4367,156 +6086,17 @@ function FormView({ schema, onCreateRecord }) {
 }
 
 // src/components/views/KanbanView.tsx
-var import_react3 = require("react");
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var BADGE_COLOR_MAP2 = {
-  gray: "bg-muted text-muted-foreground hover:bg-muted/80",
-  blue: "bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300 hover:bg-blue-100/80",
-  green: "bg-green-100 text-green-700 dark:bg-green-900/50 dark:text-green-300 hover:bg-green-100/80",
-  yellow: "bg-amber-100 text-amber-700 dark:bg-amber-900/50 dark:text-amber-300 hover:bg-amber-100/80",
-  red: "bg-red-100 text-red-700 dark:bg-red-900/50 dark:text-red-300 hover:bg-red-100/80",
-  purple: "bg-purple-100 text-purple-700 dark:bg-purple-900/50 dark:text-purple-300 hover:bg-purple-100/80"
-};
-var COLUMN_DOT_COLOR_MAP = {
-  gray: "bg-gray-400",
-  blue: "bg-blue-500",
-  green: "bg-green-500",
-  yellow: "bg-amber-500",
-  red: "bg-red-500",
-  purple: "bg-purple-500"
-};
-var FIELD_ICON_MAP = {
-  text: import_lucide_react5.AlignLeft,
-  number: import_lucide_react5.Hash,
-  select: import_lucide_react5.Tag,
-  multiSelect: import_lucide_react5.Tags,
-  date: import_lucide_react5.Calendar,
-  checkbox: import_lucide_react5.CheckSquare,
-  user: import_lucide_react5.User
-};
-function KanbanView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenModal }) {
-  const [draggedRecord, setDraggedRecord] = (0, import_react3.useState)(null);
-  const selectField = getSelectField(schema);
-  const primaryField = getPrimaryField(schema);
-  const columns = (0, import_react3.useMemo)(() => {
-    if (!(selectField == null ? void 0 : selectField.options)) return [];
-    return [
-      { id: "__empty__", name: "Uncategorized", color: "gray" },
-      ...selectField.options
-    ];
-  }, [selectField]);
-  const recordsByColumn = (0, import_react3.useMemo)(() => {
-    const grouped = {};
-    columns.forEach((col) => {
-      grouped[col.id] = [];
-    });
-    records.forEach((record) => {
-      var _a, _b;
-      if (!selectField) return;
-      const value = record.fields[selectField.id];
-      const option = (_a = selectField.options) == null ? void 0 : _a.find((o) => o.name === value);
-      const colId = (option == null ? void 0 : option.id) || "__empty__";
-      (_b = grouped[colId]) == null ? void 0 : _b.push(record);
-    });
-    return grouped;
-  }, [records, columns, selectField]);
-  const handleDragOver = (e) => {
-    e.preventDefault();
-  };
-  const handleDrop = (columnId) => {
-    if (!draggedRecord || !selectField) return;
-    const column = columns.find((c) => c.id === columnId);
-    const value = columnId === "__empty__" ? "" : (column == null ? void 0 : column.name) || "";
-    onUpdateRecord(draggedRecord, { [selectField.id]: value });
-    setDraggedRecord(null);
-  };
-  if (!selectField) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-full flex items-center justify-center text-muted-foreground", children: "No select field found in schema. Add a select field to enable Kanban view." });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full grow overflow-hidden bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative w-full h-full overflow-x-auto overflow-y-hidden p-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex h-full", children: columns.map((column) => {
-    var _a, _b;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-full pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w-[264px] h-full border bg-muted rounded-md shrink-0 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex h-12 w-full shrink-0 items-center justify-between border-b bg-card px-4", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center space-x-2 overflow-hidden text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("w-2 h-2 rounded-full shrink-0", COLUMN_DOT_COLOR_MAP[column.color || "gray"]) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-semibold truncate", children: column.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "rounded-xl border px-2 text-xs", children: ((_a = recordsByColumn[column.id]) == null ? void 0 : _a.length) || 0 })
-      ] }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        "div",
-        {
-          className: "flex-1 w-full overflow-y-auto min-h-0",
-          onDragOver: handleDragOver,
-          onDrop: () => handleDrop(column.id),
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-col pt-3 pb-3", children: (_b = recordsByColumn[column.id]) == null ? void 0 : _b.map((record) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full px-3 mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-            "div",
-            {
-              draggable: true,
-              onDragStart: () => setDraggedRecord(record.id),
-              onClick: () => onOpenModal("view", record),
-              className: cn(
-                "relative flex w-full grow flex-col space-y-2 gap-1 overflow-hidden rounded-md border border-border bg-card hover:border-primary/15 p-3 cursor-pointer transition-all",
-                draggedRecord === record.id && "opacity-50 ring-2 ring-primary"
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-base font-semibold", children: primaryField ? record.fields[primaryField.id] || "Untitled" : "Untitled" }),
-                schema.fields.filter((f) => !f.isPrimary && f.id !== selectField.id).map((field) => {
-                  const value = record.fields[field.id];
-                  if (value === void 0 || value === null || value === "" || value === false) return null;
-                  const Icon2 = FIELD_ICON_MAP[field.type] || import_lucide_react5.AlignLeft;
-                  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mb-1 flex items-center space-x-1 text-muted-foreground", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon2, { className: "w-4 h-4 text-sm" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs", children: field.name })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full text-[13px] leading-5 breaking-all line-clamp-6", children: field.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex gap-1 flex-wrap", children: (() => {
-                      var _a2;
-                      const option = (_a2 = field.options) == null ? void 0 : _a2.find((o) => o.name === value);
-                      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                        "div",
-                        {
-                          className: cn(
-                            "text-xs px-2 h-5 rounded-md flex items-center gap-1 min-w-0 truncate",
-                            BADGE_COLOR_MAP2[(option == null ? void 0 : option.color) || "gray"]
-                          ),
-                          title: String(value),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 truncate", children: String(value) })
-                        }
-                      );
-                    })() }) : field.type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex gap-1 flex-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn(
-                      "flex items-center justify-center w-5 h-5 rounded-sm border border-primary shadow bg-primary text-primary-foreground"
-                    ), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.CheckSquare, { className: "h-4 w-4" }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { title: String(value), className: "whitespace-pre-wrap break-all", children: String(value) }) })
-                  ] }, field.id);
-                })
-              ]
-            }
-          ) }, record.id)) })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center justify-center rounded-b-md bg-slate-50 px-3 py-2 dark:bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        Button,
-        {
-          variant: "outline",
-          className: "w-full h-9 gap-2 bg-background dark:bg-white/5 dark:hover:bg-white/10 shadow-none hover:bg-zinc-100 dark:hover:bg-zinc-800",
-          onClick: () => onOpenModal("add"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react5.Plus, { className: "w-5 h-5" })
-        }
-      ) })
-    ] }) }, column.id);
-  }) }) }) });
-}
-
-// src/components/views/GalleryView.tsx
-var import_lucide_react7 = require("lucide-react");
+var import_react5 = require("react");
+var import_lucide_react6 = require("lucide-react");
 
 // src/components/ui/dropdown-menu.tsx
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuSubTrigger = React11.forwardRef((_a, ref) => {
+var DropdownMenuSubTrigger = React12.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     DropdownMenuPrimitive.SubTrigger,
@@ -4530,13 +6110,13 @@ var DropdownMenuSubTrigger = React11.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.ChevronRight, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.ChevronRight, { className: "ml-auto" })
       ]
     })
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React11.forwardRef((_a, ref) => {
+var DropdownMenuSubContent = React12.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.SubContent,
@@ -4550,7 +6130,7 @@ var DropdownMenuSubContent = React11.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React11.forwardRef((_a, ref) => {
+var DropdownMenuContent = React12.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Content,
@@ -4566,7 +6146,7 @@ var DropdownMenuContent = React11.forwardRef((_a, ref) => {
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React11.forwardRef((_a, ref) => {
+var DropdownMenuItem = React12.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Item,
@@ -4581,7 +6161,7 @@ var DropdownMenuItem = React11.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React11.forwardRef((_a, ref) => {
+var DropdownMenuCheckboxItem = React12.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     DropdownMenuPrimitive.CheckboxItem,
@@ -4594,14 +6174,14 @@ var DropdownMenuCheckboxItem = React11.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React11.forwardRef((_a, ref) => {
+var DropdownMenuRadioItem = React12.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     DropdownMenuPrimitive.RadioItem,
@@ -4613,14 +6193,14 @@ var DropdownMenuRadioItem = React11.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Circle, { className: "h-2 w-2 fill-current" }) }) }),
         children
       ]
     })
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React11.forwardRef((_a, ref) => {
+var DropdownMenuLabel = React12.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Label,
@@ -4635,7 +6215,7 @@ var DropdownMenuLabel = React11.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React11.forwardRef((_a, ref) => {
+var DropdownMenuSeparator = React12.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     DropdownMenuPrimitive.Separator,
@@ -4661,62 +6241,273 @@ var DropdownMenuShortcut = (_a) => {
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// src/components/views/GalleryView.tsx
+// src/components/views/KanbanView.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
+var FIELD_ICON_MAP = {
+  text: import_lucide_react6.AlignLeft,
+  number: import_lucide_react6.Hash,
+  select: import_lucide_react6.Tag,
+  multiSelect: import_lucide_react6.Tags,
+  date: import_lucide_react6.Calendar,
+  checkbox: import_lucide_react6.CheckSquare,
+  user: import_lucide_react6.User
+};
+function KanbanView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenModal }) {
+  const [draggedRecord, setDraggedRecord] = (0, import_react5.useState)(null);
+  const { t } = useI18n();
+  const selectField = getSelectField(schema);
+  const primaryField = getPrimaryField(schema);
+  const columns = (0, import_react5.useMemo)(() => {
+    var _a, _b;
+    if (!selectField) return [];
+    const groups = {
+      "uncategorized": []
+    };
+    (_a = selectField.options) == null ? void 0 : _a.forEach((opt) => {
+      groups[opt.name] = [];
+    });
+    records.forEach((record) => {
+      const value = record.fields[selectField.id];
+      if (value && groups[value]) {
+        groups[value].push(record);
+      } else {
+        groups["uncategorized"].push(record);
+      }
+    });
+    return [
+      ...((_b = selectField.options) == null ? void 0 : _b.map((opt) => ({
+        id: opt.name,
+        name: opt.name,
+        color: opt.color,
+        records: groups[opt.name] || []
+      }))) || [],
+      {
+        id: "uncategorized",
+        name: t("uncategorized"),
+        color: "gray",
+        records: groups["uncategorized"]
+      }
+    ];
+  }, [selectField, records, t]);
+  const recordsByColumn = (0, import_react5.useMemo)(() => {
+    const grouped = {};
+    columns.forEach((col) => {
+      grouped[col.id] = col.records;
+    });
+    return grouped;
+  }, [columns]);
+  const handleDragOver = (e) => {
+    e.preventDefault();
+  };
+  const handleDrop = (columnId) => {
+    if (!draggedRecord || !selectField) return;
+    const column = columns.find((c) => c.id === columnId);
+    const value = columnId === "__empty__" ? "" : (column == null ? void 0 : column.name) || "";
+    onUpdateRecord(draggedRecord, { [selectField.id]: value });
+    setDraggedRecord(null);
+  };
+  if (!selectField) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-full flex items-center justify-center text-muted-foreground", children: "No select field found in schema. Add a select field to enable Kanban view." });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full grow overflow-hidden bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative w-full h-full overflow-x-auto overflow-y-hidden p-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex h-full", children: columns.map((column) => {
+    var _a, _b;
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-full pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w-[264px] h-full border bg-muted rounded-md shrink-0 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex h-12 w-full shrink-0 items-center justify-between border-b bg-card px-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center space-x-2 overflow-hidden text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("w-2 h-2 rounded-full shrink-0", getDotColor(column.color)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold truncate", children: column.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "rounded-xl border px-2 text-xs", children: ((_a = recordsByColumn[column.id]) == null ? void 0 : _a.length) || 0 })
+      ] }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "div",
+        {
+          className: "flex-1 w-full overflow-y-auto min-h-0",
+          onDragOver: handleDragOver,
+          onDrop: () => handleDrop(column.id),
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-col pt-3 pb-3", children: (_b = recordsByColumn[column.id]) == null ? void 0 : _b.map((record) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full px-3 mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            "div",
+            {
+              draggable: true,
+              onDragStart: () => setDraggedRecord(record.id),
+              className: cn(
+                "relative flex w-full grow flex-col space-y-2 gap-1 overflow-hidden rounded-md border border-border bg-card hover:border-primary/15 p-3 cursor-pointer transition-all group",
+                draggedRecord === record.id && "opacity-50 ring-2 ring-primary"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    "div",
+                    {
+                      className: "text-base font-semibold flex-1 min-w-0",
+                      onClick: () => onOpenModal("view", record),
+                      children: primaryField ? record.fields[primaryField.id] || t("untitled") : t("untitled")
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenu, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuTrigger, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon",
+                        className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity shrink-0",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.MoreHorizontal, { className: "h-4 w-4" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: (e) => {
+                        e.stopPropagation();
+                        onOpenModal("view", record);
+                      }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.Eye, { className: "h-4 w-4 mr-2" }),
+                        t("view")
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: (e) => {
+                        e.stopPropagation();
+                        onOpenModal("edit", record);
+                      }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.Pencil, { className: "h-4 w-4 mr-2" }),
+                        t("edit")
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                        DropdownMenuItem,
+                        {
+                          className: "text-destructive focus:text-destructive",
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            onDeleteRecord(record.id);
+                          },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.Trash2, { className: "h-4 w-4 mr-2" }),
+                            t("delete")
+                          ]
+                        }
+                      )
+                    ] })
+                  ] })
+                ] }),
+                schema.fields.filter((f) => !f.isPrimary && f.id !== selectField.id).map((field) => {
+                  const value = record.fields[field.id];
+                  if (value === void 0 || value === null || value === "" || value === false) return null;
+                  const Icon2 = FIELD_ICON_MAP[field.type] || import_lucide_react6.AlignLeft;
+                  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-1 flex items-center space-x-1 text-muted-foreground", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon2, { className: "w-4 h-4 text-sm" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs", children: field.name })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full text-[13px] leading-5 breaking-all line-clamp-6", children: field.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex gap-1 flex-wrap", children: (() => {
+                      var _a2;
+                      const option = (_a2 = field.options) == null ? void 0 : _a2.find((o) => o.name === value);
+                      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        "div",
+                        {
+                          className: cn(
+                            "text-xs px-2 h-5 rounded-md flex items-center gap-1 min-w-0 truncate",
+                            getBadgeColor(option == null ? void 0 : option.color)
+                          ),
+                          title: String(value),
+                          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "min-w-0 truncate", children: String(value) })
+                        }
+                      );
+                    })() }) : field.type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex gap-1 flex-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn(
+                      "flex items-center justify-center w-5 h-5 rounded-sm border border-primary shadow bg-primary text-primary-foreground"
+                    ), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.CheckSquare, { className: "h-4 w-4" }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { title: String(value), className: "whitespace-pre-wrap break-all", children: String(value) }) })
+                  ] }, field.id);
+                })
+              ]
+            }
+          ) }, record.id)) })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center rounded-b-md bg-slate-50 px-3 py-2 dark:bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        Button,
+        {
+          variant: "outline",
+          className: "w-full h-9 gap-2 bg-background dark:bg-white/5 dark:hover:bg-white/10 shadow-none hover:bg-zinc-100 dark:hover:bg-zinc-800",
+          onClick: () => onOpenModal("add"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.Plus, { className: "w-5 h-5" })
+        }
+      ) })
+    ] }) }, column.id);
+  }) }) }) });
+}
+
+// src/components/views/GalleryView.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function GalleryView({ schema, records, onDeleteRecord, onOpenModal }) {
+  const { t } = useI18n();
   const primaryField = getPrimaryField(schema);
   const displayFields = schema.fields.filter((f) => f.id !== (primaryField == null ? void 0 : primaryField.id)).slice(0, 3);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-full overflow-auto p-6 bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-full overflow-auto p-6 bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: [
     records.map((record) => {
-      const title = primaryField ? record.fields[primaryField.id] : "Untitled";
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      const title = primaryField ? record.fields[primaryField.id] : t("untitled");
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
         Card,
         {
-          className: "group hover:shadow-md transition-all cursor-pointer overflow-hidden",
+          className: "group hover:shadow-md transition-all cursor-pointer overflow-hidden text-start",
           onClick: () => onOpenModal("view", record),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "aspect-[16/10] bg-muted flex items-center justify-center relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-4xl font-semibold text-muted-foreground/20 select-none", children: (title || "U").charAt(0).toUpperCase() }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenu, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuTrigger, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "secondary", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.MoreHorizontal, { className: "h-4 w-4" }) }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuContent, { align: "end", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: () => onOpenModal("view", record), children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Eye, { className: "h-4 w-4 mr-2" }),
-                    "View"
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "aspect-[16/10] bg-muted flex items-center justify-center relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-4xl font-semibold text-muted-foreground/20 select-none", children: String(title || t("untitled")).charAt(0).toUpperCase() }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuTrigger, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "secondary", size: "icon", className: "h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.MoreHorizontal, { className: "h-4 w-4" }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuContent, { align: "end", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: () => onOpenModal("view", record), children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Eye, { className: "h-4 w-4 mr-2" }),
+                    t("view")
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DropdownMenuItem, { onClick: () => onOpenModal("edit", record), children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Pencil, { className: "h-4 w-4 mr-2" }),
-                    "Edit"
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: () => onOpenModal("edit", record), children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Pencil, { className: "h-4 w-4 mr-2" }),
+                    t("edit")
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                     DropdownMenuItem,
                     {
                       className: "text-destructive focus:text-destructive",
                       onClick: () => onDeleteRecord(record.id),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Trash2, { className: "h-4 w-4 mr-2" }),
-                        "Delete"
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Trash2, { className: "h-4 w-4 mr-2" }),
+                        t("delete")
                       ]
                     }
                   )
                 ] })
               ] }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CardContent, { className: "p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { className: "font-medium text-sm truncate mb-2", children: title || "Untitled" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "space-y-1.5", children: displayFields.map((field) => {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardContent, { className: "p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "font-medium text-sm truncate mb-2", children: title || t("untitled") }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "space-y-1.5", children: displayFields.map((field) => {
+                var _a;
                 const value = record.fields[field.id];
                 if (value === void 0 || value === null || value === "" || value === false) return null;
                 let displayValue = value;
+                if (field.type === "select") {
+                  const option = (_a = field.options) == null ? void 0 : _a.find((o) => o.name === value);
+                  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-baseline gap-2 text-xs", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-muted-foreground flex-shrink-0", children: [
+                      field.name,
+                      ":"
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      "div",
+                      {
+                        className: cn(
+                          "text-xs px-2 py-0.5 rounded-md inline-flex items-center gap-1",
+                          getBadgeColor(option == null ? void 0 : option.color)
+                        ),
+                        children: value
+                      }
+                    )
+                  ] }, field.id);
+                }
                 if (Array.isArray(value)) displayValue = value.join(", ");
-                else if (typeof value === "boolean") displayValue = value ? "Yes" : "No";
+                else if (typeof value === "boolean") displayValue = value ? t("yes") : t("no");
                 else if (field.type === "date") displayValue = new Date(value).toLocaleDateString();
-                return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-baseline gap-2 text-xs", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-muted-foreground flex-shrink-0", children: [
+                return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-baseline gap-2 text-xs", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "text-muted-foreground flex-shrink-0", children: [
                     field.name,
                     ":"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-foreground truncate", children: displayValue })
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-foreground truncate", children: String(displayValue) })
                 ] }, field.id);
               }) })
             ] })
@@ -4725,14 +6516,14 @@ function GalleryView({ schema, records, onDeleteRecord, onOpenModal }) {
         record.id
       );
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         className: "flex flex-col items-center justify-center cursor-pointer border-2 border-dashed border-muted-foreground/20 rounded-lg transition-all hover:border-primary hover:bg-muted/50 min-h-[200px]",
         onClick: () => onOpenModal("add"),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-10 w-10 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium text-muted-foreground", children: "Add Record" })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-10 w-10 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium text-muted-foreground", children: t("addRecord") })
         ]
       }
     )
@@ -4740,16 +6531,38 @@ function GalleryView({ schema, records, onDeleteRecord, onOpenModal }) {
 }
 
 // src/components/views/CalendarView.tsx
-var import_react4 = require("react");
+var import_react6 = require("react");
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var CALENDAR_COLORS = [
+  "blue",
+  "green",
+  "purple",
+  "orange",
+  "pink",
+  "cyan",
+  "indigo",
+  "teal",
+  "rose",
+  "amber",
+  "emerald",
+  "violet"
+];
+function getRecordColor(recordId) {
+  const hash = recordId.split("").reduce((acc, char) => {
+    return char.charCodeAt(0) + ((acc << 5) - acc);
+  }, 0);
+  const index = Math.abs(hash) % CALENDAR_COLORS.length;
+  return CALENDAR_COLORS[index];
+}
 function CalendarView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenModal }) {
-  const [currentDate, setCurrentDate] = (0, import_react4.useState)(/* @__PURE__ */ new Date());
+  const { t, lang } = useI18n();
+  const [currentDate, setCurrentDate] = (0, import_react6.useState)(/* @__PURE__ */ new Date());
   const dateField = getDateField(schema);
   const primaryField = getPrimaryField(schema);
   const monthStart = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
   const monthEnd = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);
-  const calendarDays = (0, import_react4.useMemo)(() => {
+  const calendarDays = (0, import_react6.useMemo)(() => {
     const days = [];
     const firstDayOfWeek = monthStart.getDay();
     for (let i = firstDayOfWeek - 1; i >= 0; i--) {
@@ -4768,7 +6581,7 @@ function CalendarView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenM
     }
     return days;
   }, [currentDate, monthStart, monthEnd]);
-  const recordsByDate = (0, import_react4.useMemo)(() => {
+  const recordsByDate = (0, import_react6.useMemo)(() => {
     const map = {};
     if (!dateField) return map;
     records.forEach((record) => {
@@ -4792,77 +6605,64 @@ function CalendarView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenM
     if (!dateField) return;
     onUpdateRecord(recordId, { [dateField.id]: newDate.toISOString().split("T")[0] });
   };
-  const weekDays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-  const monthNames = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ];
+  const weekDays = t("weekDays").split(",");
+  const monthNames = t("monthNames").split(",");
   if (!dateField) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "h-full flex items-center justify-center text-muted-foreground", children: "No date field found in schema. Add a date field to enable Calendar view." });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "h-full flex items-center justify-center text-muted-foreground", children: t("noDateField") });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "h-full flex flex-col p-6 bg-muted/30", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("h2", { className: "text-xl font-semibold", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "h-full flex flex-col p-6 bg-muted/30", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("h2", { className: "text-xl font-semibold", children: [
           monthNames[currentDate.getMonth()],
           " ",
           currentDate.getFullYear()
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           Button,
           {
             variant: "outline",
             size: "sm",
             onClick: () => setCurrentDate(/* @__PURE__ */ new Date()),
-            children: "Today"
+            children: t("today")
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           Button,
           {
             variant: "outline",
             size: "icon",
             className: "h-8 w-8",
             onClick: () => setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1)),
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.ChevronLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           Button,
           {
             variant: "outline",
             size: "icon",
             className: "h-8 w-8",
             onClick: () => setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1)),
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.ChevronRight, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronRight, { className: "h-4 w-4" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 border rounded-lg overflow-hidden bg-background flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "grid grid-cols-7 bg-muted/50 border-b", children: weekDays.map((day) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "px-2 py-2 text-center text-xs font-medium text-muted-foreground", children: day }, day)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "grid grid-cols-7 flex-1", children: calendarDays.map((date, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 border rounded-lg overflow-hidden bg-background flex flex-col shadow-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "grid grid-cols-7 bg-muted/50 border-b", children: weekDays.map((day) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "px-2 py-2 text-center text-xs font-medium text-muted-foreground uppercase tracking-wider", children: day }, day)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "grid grid-cols-7 flex-1", children: calendarDays.map((date, index) => {
         const dateKey = date.toISOString().split("T")[0];
         const dayRecords = recordsByDate[dateKey] || [];
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "div",
           {
             className: cn(
               "min-h-[100px] p-1.5 border-b border-r transition-all group relative flex flex-col",
-              !isCurrentMonth(date) && "bg-muted/30 text-muted-foreground/50",
-              isCurrentMonth(date) && "hover:bg-muted/10",
+              !isCurrentMonth(date) && "bg-muted/20 text-muted-foreground/40",
+              isCurrentMonth(date) && "hover:bg-muted/5",
               index % 7 === 6 && "border-r-0"
             ),
             onDragOver: (e) => e.preventDefault(),
@@ -4871,23 +6671,23 @@ function CalendarView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenM
               if (recordId) handleDrop(recordId, date);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between mb-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: cn(
-                  "text-xs w-6 h-6 flex items-center justify-center rounded-full",
-                  isToday(date) ? "bg-primary text-primary-foreground font-medium" : ""
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between mb-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cn(
+                  "text-xs w-6 h-6 flex items-center justify-center rounded-full transition-colors",
+                  isToday(date) ? "bg-primary text-primary-foreground font-semibold shadow-sm" : "text-muted-foreground group-hover:text-foreground"
                 ), children: date.getDate() }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   Button,
                   {
                     variant: "ghost",
                     size: "icon",
                     className: "h-5 w-5 opacity-0 group-hover:opacity-100 transition-opacity",
                     onClick: () => handleDayClick(date),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Plus, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Plus, { className: "h-3 w-3" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex-1 space-y-0.5 overflow-y-auto", children: dayRecords.map((record) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-1 space-y-0.5 overflow-y-auto", children: dayRecords.map((record) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 "div",
                 {
                   draggable: true,
@@ -4901,28 +6701,30 @@ function CalendarView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenM
                   },
                   className: "group/item relative",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                      Badge,
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                      "div",
                       {
-                        variant: "secondary",
-                        className: "w-full justify-start truncate text-xs py-0.5 cursor-grab active:cursor-grabbing hover:bg-primary/10",
-                        children: primaryField ? record.fields[primaryField.id] || "Untitled" : "Event"
+                        className: cn(
+                          "w-full justify-start truncate text-[11px] py-0.5 px-2 rounded-md cursor-grab active:cursor-grabbing transition-all hover:scale-[1.02] shadow-sm",
+                          getBadgeColor(getRecordColor(record.id))
+                        ),
+                        children: primaryField ? record.fields[primaryField.id] || t("untitled") : t("untitled")
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute right-0 top-0 h-full flex items-center opacity-0 group-hover/item:opacity-100 bg-background/80 pr-1 rounded-r", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenu, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuTrigger, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.MoreHorizontal, { className: "h-3 w-3 text-muted-foreground cursor-pointer" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuContent, { align: "end", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: () => onOpenModal("view", record), children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Eye, { className: "h-4 w-4 mr-2" }),
-                          "View"
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute right-0 top-0 h-full flex items-center opacity-0 group-hover/item:opacity-100 bg-background/90 px-0.5 rounded-r border-l", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenu, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.MoreHorizontal, { className: "h-3 w-3 text-muted-foreground cursor-pointer hover:text-foreground" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuContent, { align: "end", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { onClick: () => onOpenModal("view", record), children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Eye, { className: "h-4 w-4 mr-2" }),
+                          t("view")
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { onClick: () => onOpenModal("edit", record), children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Pencil, { className: "h-4 w-4 mr-2" }),
-                          "Edit"
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { onClick: () => onOpenModal("edit", record), children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Pencil, { className: "h-4 w-4 mr-2" }),
+                          t("edit")
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => onDeleteRecord(record.id), children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Trash2, { className: "h-4 w-4 mr-2" }),
-                          "Delete"
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => onDeleteRecord(record.id), children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.Trash2, { className: "h-4 w-4 mr-2" }),
+                          t("delete")
                         ] })
                       ] })
                     ] }) })
@@ -4940,15 +6742,15 @@ function CalendarView({ schema, records, onUpdateRecord, onDeleteRecord, onOpenM
 }
 
 // src/components/ui/dialog.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React12.forwardRef((_a, ref) => {
+var DialogOverlay = React13.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     DialogPrimitive.Overlay,
     __spreadValues({
       ref,
@@ -4960,11 +6762,11 @@ var DialogOverlay = React12.forwardRef((_a, ref) => {
   );
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React12.forwardRef((_a, ref) => {
+var DialogContent = React13.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -4975,9 +6777,9 @@ var DialogContent = React12.forwardRef((_a, ref) => {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -4991,7 +6793,7 @@ var DialogHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -5008,7 +6810,7 @@ var DialogFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -5019,9 +6821,9 @@ var DialogFooter = (_a) => {
   );
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React12.forwardRef((_a, ref) => {
+var DialogTitle = React13.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     DialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -5033,9 +6835,9 @@ var DialogTitle = React12.forwardRef((_a, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React12.forwardRef((_a, ref) => {
+var DialogDescription = React13.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     DialogPrimitive.Description,
     __spreadValues({
       ref,
@@ -5046,29 +6848,29 @@ var DialogDescription = React12.forwardRef((_a, ref) => {
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/scroll-area.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var ScrollArea = React13.forwardRef((_a, ref) => {
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var ScrollArea = React14.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React13.forwardRef((_a, ref) => {
+var ScrollBar = React14.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -5080,14 +6882,14 @@ var ScrollBar = React13.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/RecordModal.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function RecordModal({
   isOpen,
   onClose,
@@ -5097,27 +6899,28 @@ function RecordModal({
   initialValues,
   onSubmit
 }) {
+  const { t } = useI18n();
   const titles = {
-    add: "Create New Record",
-    edit: "Edit Record",
-    view: "Record Details"
+    add: t("createNewRecord"),
+    edit: t("editRecord"),
+    view: t("recordDetails")
   };
   const descriptions = {
-    add: "Enter the details for the new record.",
-    edit: "Modify the values for this record.",
-    view: "View the data for this record."
+    add: t("enterDetails"),
+    edit: t("modifyValues"),
+    view: t("viewData")
   };
   const handleSubmit = (values) => {
     onSubmit(values);
     onClose();
   };
   const formValues = mode === "add" ? initialValues : record == null ? void 0 : record.fields;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogContent, { className: "sm:max-w-[500px] max-h-[85vh] flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogTitle, { children: titles[mode] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogDescription, { children: descriptions[mode] })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogContent, { className: "sm:max-w-[500px] max-h-[85vh] flex flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogHeader, { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogTitle, { children: titles[mode] }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogDescription, { children: descriptions[mode] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ScrollArea, { className: "flex-1 -mx-6 px-6", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ScrollArea, { className: "flex-1 -mx-6 px-6 mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       RecordForm,
       {
         schema,
@@ -5132,33 +6935,34 @@ function RecordModal({
 // src/components/ThemeToggle.tsx
 var import_next_themes = require("next-themes");
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ThemeToggle() {
   const { setTheme, theme } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Button, { variant: "ghost", size: "icon", className: "h-9 w-9", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.Moon, { className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Button, { variant: "ghost", size: "icon", className: "h-9 w-9", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Moon, { className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sr-only", children: "Toggle theme" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
     ] })
   ] });
 }
 
 // src/components/DataViews.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function DataViews({ schema, dbClient, config }) {
-  const [records, setRecords] = (0, import_react5.useState)([]);
-  const [activeView, setActiveView] = (0, import_react5.useState)((config == null ? void 0 : config.defaultView) || "grid");
-  const [modalState, setModalState] = (0, import_react5.useState)({
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function DataViewsInner({ schema, dbClient, config }) {
+  const { t } = useI18n();
+  const [records, setRecords] = (0, import_react7.useState)([]);
+  const [activeView, setActiveView] = (0, import_react7.useState)((config == null ? void 0 : config.defaultView) || "grid");
+  const [modalState, setModalState] = (0, import_react7.useState)({
     isOpen: false,
     mode: "add"
   });
-  const [mounted, setMounted] = (0, import_react5.useState)(false);
+  const [mounted, setMounted] = (0, import_react7.useState)(false);
   const hasSelectField = !!getSelectField(schema);
   const hasDateField = !!getDateField(schema);
   const fetchRecords = async () => {
@@ -5169,7 +6973,7 @@ function DataViews({ schema, dbClient, config }) {
       console.error("Failed to fetch records:", error);
     }
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setMounted(true);
     fetchRecords();
   }, [dbClient]);
@@ -5212,46 +7016,46 @@ function DataViews({ schema, dbClient, config }) {
     onDeleteRecord: handleDeleteRecord,
     onOpenModal: openModal
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "h-full w-full flex flex-col bg-background", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("header", { className: "border-b px-6 py-3 flex items-center justify-between shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-2xl", children: schema.icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { className: "text-lg font-semibold", children: schema.name })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "h-full w-full flex flex-col bg-background", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: "border-b px-6 py-3 flex items-center justify-between shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-2xl", children: schema.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h1", { className: "text-lg font-semibold", children: schema.name })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ThemeToggle, {})
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ThemeToggle, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tabs, { value: activeView, onValueChange: (v) => setActiveView(v), className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "border-b px-4 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TabsList, { className: "h-10", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TabsTrigger, { value: "grid", className: "gap-2", children: [
-          mounted && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.LayoutGrid, { className: "h-4 w-4" }),
-          "Grid"
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tabs, { value: activeView, onValueChange: (v) => setActiveView(v), className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "border-b px-4 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TabsList, { className: "h-10", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TabsTrigger, { value: "grid", className: "gap-2", children: [
+          mounted && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.LayoutGrid, { className: "h-4 w-4" }),
+          t("gridView")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TabsTrigger, { value: "form", className: "gap-2", children: [
-          mounted && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.FileText, { className: "h-4 w-4" }),
-          "Form"
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TabsTrigger, { value: "form", className: "gap-2", children: [
+          mounted && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.FileText, { className: "h-4 w-4" }),
+          t("formView")
         ] }),
-        hasSelectField && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TabsTrigger, { value: "kanban", className: "gap-2", children: [
-          mounted && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Columns, { className: "h-4 w-4" }),
-          "Kanban"
+        hasSelectField && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TabsTrigger, { value: "kanban", className: "gap-2", children: [
+          mounted && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Columns, { className: "h-4 w-4" }),
+          t("kanbanView")
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TabsTrigger, { value: "gallery", className: "gap-2", children: [
-          mounted && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Image, { className: "h-4 w-4" }),
-          "Gallery"
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TabsTrigger, { value: "gallery", className: "gap-2", children: [
+          mounted && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Image, { className: "h-4 w-4" }),
+          t("galleryView")
         ] }),
-        hasDateField && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TabsTrigger, { value: "calendar", className: "gap-2", children: [
-          mounted && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Calendar, { className: "h-4 w-4" }),
-          "Calendar"
+        hasDateField && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TabsTrigger, { value: "calendar", className: "gap-2", children: [
+          mounted && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Calendar, { className: "h-4 w-4" }),
+          t("calendarView")
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex-1 overflow-auto relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: "grid", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GridView, __spreadValues({}, commonProps)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: "form", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FormView, __spreadValues({}, commonProps)) }),
-        hasSelectField && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: "kanban", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(KanbanView, __spreadValues({}, commonProps)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: "gallery", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GalleryView, __spreadValues({}, commonProps)) }),
-        hasDateField && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: "calendar", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CalendarView, __spreadValues({}, commonProps)) })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 overflow-auto relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TabsContent, { value: "grid", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GridView, __spreadValues({}, commonProps)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TabsContent, { value: "form", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FormView, __spreadValues({}, commonProps)) }),
+        hasSelectField && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TabsContent, { value: "kanban", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(KanbanView, __spreadValues({}, commonProps)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TabsContent, { value: "gallery", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GalleryView, __spreadValues({}, commonProps)) }),
+        hasDateField && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TabsContent, { value: "calendar", className: "h-full m-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CalendarView, __spreadValues({}, commonProps)) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       RecordModal,
       {
         isOpen: modalState.isOpen,
@@ -5271,11 +7075,24 @@ function DataViews({ schema, dbClient, config }) {
     )
   ] });
 }
+function DataViews(props) {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(I18nProvider, { lang: (_a = props.config) == null ? void 0 : _a.language, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DataViewsInner, __spreadValues({}, props)) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  BADGE_COLOR_MAP,
+  DOT_COLOR_MAP,
   DataViews,
+  LANGUAGES,
+  PRESET_COLORS,
+  getBadgeColor,
   getDateField,
+  getDirection,
+  getDotColor,
   getPrimaryField,
   getSelectField,
-  tableSchema
+  getTranslation,
+  tableSchema,
+  translations
 });