From be63d27f08224f1e41b87c5a7aaef7c315ed0b09 Mon Sep 17 00:00:00 2001
From: Noodles <adrianalexis624@gmail.com>
Date: Thu, 6 Nov 2025 16:36:54 -0600
Subject: [PATCH 1/9] add @hookform/resolvers for zod validation

---
 package.json   |   1 +
 pnpm-lock.yaml | 418 ++++++++++++++-----------------------------------
 2 files changed, 117 insertions(+), 302 deletions(-)

diff --git a/package.json b/package.json
index 44726e1..7bd4bc1 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "esbuild"
   ],
   "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
     "@libsql/client": "^0.15.15",
     "@radix-ui/react-navigation-menu": "^1.2.14",
     "@radix-ui/react-progress": "^1.1.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index eca5a3e..28f931b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@hookform/resolvers':
+        specifier: ^5.2.2
+        version: 5.2.2(react-hook-form@7.63.0(react@19.1.0))
       '@libsql/client':
         specifier: ^0.15.15
         version: 0.15.15
@@ -16,7 +19,7 @@ importers:
         version: 1.2.14(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       '@radix-ui/react-progress':
         specifier: ^1.1.7
-        version: 1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+        version: 1.1.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       '@radix-ui/react-slot':
         specifier: ^1.2.3
         version: 1.2.3(@types/react@19.1.13)(react@19.1.0)
@@ -31,7 +34,7 @@ importers:
         version: 2.1.1
       drizzle-orm:
         specifier: ^0.44.6
-        version: 0.44.6(@libsql/client@0.15.15)(@types/better-sqlite3@7.6.13)(better-sqlite3@12.4.1)(kysely@0.28.7)
+        version: 0.44.6(@libsql/client@0.15.15)(@types/better-sqlite3@7.6.13)(kysely@0.28.7)
       lucide-react:
         specifier: ^0.548.0
         version: 0.548.0(react@19.1.0)
@@ -58,7 +61,7 @@ importers:
         version: link:@libsql/client/web
       zod:
         specifier: ^4.1.11
-        version: 4.1.12
+        version: 4.1.11
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
@@ -467,6 +470,11 @@ packages:
   '@hexagon/base64@1.1.28':
     resolution: {integrity: sha512-lhqDEAvWixy3bZ+UOYbPwUbBkwBq5C1LAJ/xPC8Oi+lL54oyakv/npbA0aU2hgCsx/1NUd4IBvV03+aUBWxerw==}
 
+  '@hookform/resolvers@5.2.2':
+    resolution: {integrity: sha512-A/IxlMLShx3KjV/HeTcTfaMxdwy690+L/ZADoeaTltLx+CVuzkeVIPuybK3jrRfw7YZnmdKsVVHAlEPIAEUNlA==}
+    peerDependencies:
+      react-hook-form: ^7.55.0
+
   '@humanfs/core@0.19.1':
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
@@ -847,6 +855,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-context@1.1.3':
+    resolution: {integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-direction@1.1.1':
     resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
     peerDependencies:
@@ -890,6 +907,20 @@ packages:
         optional: true
       '@types/react-dom':
         optional: true
+
+  '@radix-ui/react-presence@1.1.5':
+    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-primitive@2.1.3':
     resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
     peerDependencies:
@@ -903,6 +934,32 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-primitive@2.1.4':
+    resolution: {integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-progress@1.1.8':
+    resolution: {integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-slot@1.2.3':
     resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
     peerDependencies:
@@ -912,6 +969,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-slot@1.2.4':
+    resolution: {integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-use-callback-ref@1.1.1':
     resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
     peerDependencies:
@@ -992,6 +1058,9 @@ packages:
     resolution: {integrity: sha512-Inmfye5opZXe3HI0GaksqBnQiM7glcNySoG6DH1GgkO1Lh9dvuV4XSV9DK02DReUVX39HpcDob9nxHELjECoQw==}
     engines: {node: '>=20.0.0'}
 
+  '@standard-schema/utils@0.3.0':
+    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
+
   '@swc/helpers@0.5.15':
     resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
 
@@ -1348,9 +1417,6 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
-  base64-js@1.5.1:
-    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
-
   better-auth@1.3.26:
     resolution: {integrity: sha512-umaOGmv29yF4sD6o2zlW6B0Oayko5yD/A8mKJOFDDEIoVP/pR7nJ/2KsqKy+xvBpnDsKdrZseqA8fmczPviUHw==}
     peerDependencies:
@@ -1383,16 +1449,6 @@ packages:
   better-call@1.0.19:
     resolution: {integrity: sha512-sI3GcA1SCVa3H+CDHl8W8qzhlrckwXOTKhqq3OOPXjgn5aTOMIqGY34zLY/pHA6tRRMjTUC3lz5Mi7EbDA24Kw==}
 
-  better-sqlite3@12.4.1:
-    resolution: {integrity: sha512-3yVdyZhklTiNrtg+4WqHpJpFDd+WHTg2oM7UcR80GqL05AOV0xEJzc6qNvFYoEtE+hRp1n9MpN6/+4yhlGkDXQ==}
-    engines: {node: 20.x || 22.x || 23.x || 24.x}
-
-  bindings@1.5.0:
-    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
-
-  bl@4.1.0:
-    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
-
   brace-expansion@1.1.12:
     resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
 
@@ -1406,9 +1462,6 @@ packages:
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
-  buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
-
   call-bind-apply-helpers@1.0.2:
     resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
     engines: {node: '>= 0.4'}
@@ -1432,9 +1485,6 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  chownr@1.1.4:
-    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
-
   chownr@3.0.0:
     resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
     engines: {node: '>=18'}
@@ -1502,14 +1552,6 @@ packages:
       supports-color:
         optional: true
 
-  decompress-response@6.0.0:
-    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
-    engines: {node: '>=10'}
-
-  deep-extend@0.6.0:
-    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
-    engines: {node: '>=4.0.0'}
-
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -1643,9 +1685,6 @@ packages:
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
-  end-of-stream@1.4.5:
-    resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
-
   enhanced-resolve@5.18.3:
     resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
     engines: {node: '>=10.13.0'}
@@ -1817,10 +1856,6 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
-  expand-template@2.0.3:
-    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
-    engines: {node: '>=6'}
-
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -1858,9 +1893,6 @@ packages:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
 
-  file-uri-to-path@1.0.0:
-    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
-
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
@@ -1884,9 +1916,6 @@ packages:
     resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
     engines: {node: '>=12.20.0'}
 
-  fs-constants@1.0.0:
-    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
-
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1917,9 +1946,6 @@ packages:
   get-tsconfig@4.10.1:
     resolution: {integrity: sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ==}
 
-  github-from-package@0.0.0:
-    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
-
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -1973,9 +1999,6 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
-  ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-
   ignore@5.3.2:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
@@ -1992,12 +2015,6 @@ packages:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
-  inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-
-  ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-
   internal-slot@1.1.0:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
@@ -2267,10 +2284,6 @@ packages:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
-  mimic-response@3.1.0:
-    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
-    engines: {node: '>=10'}
-
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -2289,9 +2302,6 @@ packages:
     resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
     engines: {node: '>= 18'}
 
-  mkdirp-classic@0.5.3:
-    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
-
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -2304,9 +2314,6 @@ packages:
     resolution: {integrity: sha512-kNZ9xnoJYKg/AfxjrVL4SS0fKX++4awQReGqWnwTRHxeHGZ1FJFVgTqr/eMrNQdp0Tz7M7tG/TDaX8QfHDwVCw==}
     engines: {node: ^20.0.0 || >=22.0.0}
 
-  napi-build-utils@2.0.0:
-    resolution: {integrity: sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==}
-
   napi-postinstall@0.3.3:
     resolution: {integrity: sha512-uTp172LLXSxuSYHv/kou+f6KW3SMppU9ivthaVTXian9sOt3XM/zHYHpRZiLgQoxeWfYUnslNWQHF1+G71xcow==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -2344,10 +2351,6 @@ packages:
       sass:
         optional: true
 
-  node-abi@3.80.0:
-    resolution: {integrity: sha512-LyPuZJcI9HVwzXK1GPxWNzrr+vr8Hp/3UqlmWxxh8p54U1ZbclOqbSog9lWHaCX+dBaiGi6n/hIX+mKu74GmPA==}
-    engines: {node: '>=10'}
-
   node-domexception@1.0.0:
     resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
     engines: {node: '>=10.5.0'}
@@ -2389,9 +2392,6 @@ packages:
     resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
-  once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
-
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
@@ -2446,11 +2446,6 @@ packages:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
-  prebuild-install@7.1.3:
-    resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -2461,9 +2456,6 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
-  pump@3.0.3:
-    resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==}
-
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -2478,10 +2470,6 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  rc@1.2.8:
-    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
-    hasBin: true
-
   react-dom@19.1.0:
     resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
     peerDependencies:
@@ -2500,10 +2488,6 @@ packages:
     resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
     engines: {node: '>=0.10.0'}
 
-  readable-stream@3.6.2:
-    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
-    engines: {node: '>= 6'}
-
   reflect-metadata@0.2.2:
     resolution: {integrity: sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==}
 
@@ -2545,9 +2529,6 @@ packages:
     resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
     engines: {node: '>=0.4'}
 
-  safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
-
   safe-push-apply@1.0.0:
     resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
     engines: {node: '>= 0.4'}
@@ -2611,12 +2592,6 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
-  simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-
-  simple-get@4.0.1:
-    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
-
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -2658,17 +2633,10 @@ packages:
     resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
     engines: {node: '>= 0.4'}
 
-  string_decoder@1.3.0:
-    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
-
   strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
 
-  strip-json-comments@2.0.1:
-    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
-    engines: {node: '>=0.10.0'}
-
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -2704,13 +2672,6 @@ packages:
     resolution: {integrity: sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==}
     engines: {node: '>=6'}
 
-  tar-fs@2.1.4:
-    resolution: {integrity: sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==}
-
-  tar-stream@2.2.0:
-    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
-    engines: {node: '>=6'}
-
   tar@7.5.1:
     resolution: {integrity: sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==}
     engines: {node: '>=18'}
@@ -2747,9 +2708,6 @@ packages:
     resolution: {integrity: sha512-axr3IdNuVIxnaK5XGEUFTu3YmAQ6lllgrvqfEoR16g/HGnYY/6We4oWENtAnzK6/LpJ2ur9PAb80RBt7/U4ugw==}
     engines: {node: '>= 6.0.0'}
 
-  tunnel-agent@0.6.0:
-    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
-
   tw-animate-css@1.4.0:
     resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
 
@@ -2794,9 +2752,6 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-
   web-streams-polyfill@3.3.3:
     resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
     engines: {node: '>= 8'}
@@ -2826,9 +2781,6 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
-  wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-
   ws@8.18.3:
     resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
     engines: {node: '>=10.0.0'}
@@ -2849,8 +2801,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  zod@4.1.12:
-    resolution: {integrity: sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==}
+  zod@4.1.11:
+    resolution: {integrity: sha512-WPsqwxITS2tzx1bzhIKsEs19ABD5vmCVa4xBo2tq/SrV4RNZtfws1EnCWQXM6yh8bD08a1idvkB5MZSBiZsjwg==}
 
 snapshots:
 
@@ -2859,7 +2811,7 @@ snapshots:
   '@better-auth/core@1.3.26':
     dependencies:
       better-call: 1.0.19
-      zod: 4.1.12
+      zod: 4.1.11
 
   '@better-auth/utils@0.3.0': {}
 
@@ -3083,6 +3035,11 @@ snapshots:
 
   '@hexagon/base64@1.1.28': {}
 
+  '@hookform/resolvers@5.2.2(react-hook-form@7.63.0(react@19.1.0))':
+    dependencies:
+      '@standard-schema/utils': 0.3.0
+      react-hook-form: 7.63.0(react@19.1.0)
+
   '@humanfs/core@0.19.1': {}
 
   '@humanfs/node@0.16.7':
@@ -3449,6 +3406,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.1.13
 
+  '@radix-ui/react-context@1.1.3(@types/react@19.1.13)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.13
+
   '@radix-ui/react-direction@1.1.1(@types/react@19.1.13)(react@19.1.0)':
     dependencies:
       react: 19.1.0
@@ -3462,9 +3425,6 @@ snapshots:
       '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.13)(react@19.1.0)
       '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.1.13)(react@19.1.0)
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
-    dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.13)(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
@@ -3513,10 +3473,25 @@ snapshots:
   '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
       '@radix-ui/react-slot': 1.2.3(@types/react@19.1.13)(react@19.1.0)
-  '@radix-ui/react-progress@1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
+  '@radix-ui/react-primitive@2.1.4(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@19.1.13)(react@19.1.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.4(@types/react@19.1.13)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
+  '@radix-ui/react-progress@1.1.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.3(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
@@ -3530,6 +3505,13 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.1.13
 
+  '@radix-ui/react-slot@1.2.4(@types/react@19.1.13)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.13)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.13
+
   '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.1.13)(react@19.1.0)':
     dependencies:
       react: 19.1.0
@@ -3596,6 +3578,8 @@ snapshots:
       '@peculiar/asn1-x509': 2.5.0
       '@peculiar/x509': 1.14.0
 
+  '@standard-schema/utils@0.3.0': {}
+
   '@swc/helpers@0.5.15':
     dependencies:
       tslib: 2.8.1
@@ -3963,9 +3947,6 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
-  base64-js@1.5.1:
-    optional: true
-
   better-auth@1.3.26(next@15.5.4(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
       '@better-auth/core': 1.3.26
@@ -3980,7 +3961,7 @@ snapshots:
       jose: 6.1.0
       kysely: 0.28.7
       nanostores: 1.0.1
-      zod: 4.1.12
+      zod: 4.1.11
     optionalDependencies:
       next: 15.5.4(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       react: 19.1.0
@@ -3994,24 +3975,6 @@ snapshots:
       set-cookie-parser: 2.7.1
       uncrypto: 0.1.3
 
-  better-sqlite3@12.4.1:
-    dependencies:
-      bindings: 1.5.0
-      prebuild-install: 7.1.3
-    optional: true
-
-  bindings@1.5.0:
-    dependencies:
-      file-uri-to-path: 1.0.0
-    optional: true
-
-  bl@4.1.0:
-    dependencies:
-      buffer: 5.7.1
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-    optional: true
-
   brace-expansion@1.1.12:
     dependencies:
       balanced-match: 1.0.2
@@ -4027,12 +3990,6 @@ snapshots:
 
   buffer-from@1.1.2: {}
 
-  buffer@5.7.1:
-    dependencies:
-      base64-js: 1.5.1
-      ieee754: 1.2.1
-    optional: true
-
   call-bind-apply-helpers@1.0.2:
     dependencies:
       es-errors: 1.3.0
@@ -4059,9 +4016,6 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  chownr@1.1.4:
-    optional: true
-
   chownr@3.0.0: {}
 
   class-variance-authority@0.7.1:
@@ -4118,14 +4072,6 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  decompress-response@6.0.0:
-    dependencies:
-      mimic-response: 3.1.0
-    optional: true
-
-  deep-extend@0.6.0:
-    optional: true
-
   deep-is@0.1.4: {}
 
   define-data-property@1.1.4:
@@ -4161,11 +4107,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  drizzle-orm@0.44.6(@libsql/client@0.15.15)(@types/better-sqlite3@7.6.13)(better-sqlite3@12.4.1)(kysely@0.28.7):
+  drizzle-orm@0.44.6(@libsql/client@0.15.15)(@types/better-sqlite3@7.6.13)(kysely@0.28.7):
     optionalDependencies:
       '@libsql/client': 0.15.15
       '@types/better-sqlite3': 7.6.13
-      better-sqlite3: 12.4.1
       kysely: 0.28.7
 
   dunder-proto@1.0.1:
@@ -4176,11 +4121,6 @@ snapshots:
 
   emoji-regex@9.2.2: {}
 
-  end-of-stream@1.4.5:
-    dependencies:
-      once: 1.4.0
-    optional: true
-
   enhanced-resolve@5.18.3:
     dependencies:
       graceful-fs: 4.2.11
@@ -4547,9 +4487,6 @@ snapshots:
 
   esutils@2.0.3: {}
 
-  expand-template@2.0.3:
-    optional: true
-
   fast-deep-equal@3.1.3: {}
 
   fast-glob@3.3.1:
@@ -4589,9 +4526,6 @@ snapshots:
     dependencies:
       flat-cache: 4.0.1
 
-  file-uri-to-path@1.0.0:
-    optional: true
-
   fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
@@ -4616,9 +4550,6 @@ snapshots:
     dependencies:
       fetch-blob: 3.2.0
 
-  fs-constants@1.0.0:
-    optional: true
-
   fsevents@2.3.3:
     optional: true
 
@@ -4663,9 +4594,6 @@ snapshots:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
-  github-from-package@0.0.0:
-    optional: true
-
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -4709,9 +4637,6 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
-  ieee754@1.2.1:
-    optional: true
-
   ignore@5.3.2: {}
 
   ignore@7.0.5: {}
@@ -4723,12 +4648,6 @@ snapshots:
 
   imurmurhash@0.1.4: {}
 
-  inherits@2.0.4:
-    optional: true
-
-  ini@1.3.8:
-    optional: true
-
   internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
@@ -4992,9 +4911,6 @@ snapshots:
       braces: 3.0.3
       picomatch: 2.3.1
 
-  mimic-response@3.1.0:
-    optional: true
-
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.12
@@ -5011,18 +4927,12 @@ snapshots:
     dependencies:
       minipass: 7.1.2
 
-  mkdirp-classic@0.5.3:
-    optional: true
-
   ms@2.1.3: {}
 
   nanoid@3.3.11: {}
 
   nanostores@1.0.1: {}
 
-  napi-build-utils@2.0.0:
-    optional: true
-
   napi-postinstall@0.3.3: {}
 
   natural-compare@1.4.0: {}
@@ -5056,11 +4966,6 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
-  node-abi@3.80.0:
-    dependencies:
-      semver: 7.7.2
-    optional: true
-
   node-domexception@1.0.0: {}
 
   node-fetch@3.3.2:
@@ -5111,11 +5016,6 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
-  once@1.4.0:
-    dependencies:
-      wrappy: 1.0.2
-    optional: true
-
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -5169,22 +5069,6 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  prebuild-install@7.1.3:
-    dependencies:
-      detect-libc: 2.1.1
-      expand-template: 2.0.3
-      github-from-package: 0.0.0
-      minimist: 1.2.8
-      mkdirp-classic: 0.5.3
-      napi-build-utils: 2.0.0
-      node-abi: 3.80.0
-      pump: 3.0.3
-      rc: 1.2.8
-      simple-get: 4.0.1
-      tar-fs: 2.1.4
-      tunnel-agent: 0.6.0
-    optional: true
-
   prelude-ls@1.2.1: {}
 
   promise-limit@2.7.0: {}
@@ -5195,12 +5079,6 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
-  pump@3.0.3:
-    dependencies:
-      end-of-stream: 1.4.5
-      once: 1.4.0
-    optional: true
-
   punycode@2.3.1: {}
 
   pvtsutils@1.3.6:
@@ -5211,14 +5089,6 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  rc@1.2.8:
-    dependencies:
-      deep-extend: 0.6.0
-      ini: 1.3.8
-      minimist: 1.2.8
-      strip-json-comments: 2.0.1
-    optional: true
-
   react-dom@19.1.0(react@19.1.0):
     dependencies:
       react: 19.1.0
@@ -5232,13 +5102,6 @@ snapshots:
 
   react@19.1.0: {}
 
-  readable-stream@3.6.2:
-    dependencies:
-      inherits: 2.0.4
-      string_decoder: 1.3.0
-      util-deprecate: 1.0.2
-    optional: true
-
   reflect-metadata@0.2.2: {}
 
   reflect.getprototypeof@1.0.10:
@@ -5293,9 +5156,6 @@ snapshots:
       has-symbols: 1.1.0
       isarray: 2.0.5
 
-  safe-buffer@5.2.1:
-    optional: true
-
   safe-push-apply@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -5401,16 +5261,6 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
-  simple-concat@1.0.1:
-    optional: true
-
-  simple-get@4.0.1:
-    dependencies:
-      decompress-response: 6.0.0
-      once: 1.4.0
-      simple-concat: 1.0.1
-    optional: true
-
   source-map-js@1.2.1: {}
 
   source-map-support@0.5.21:
@@ -5477,16 +5327,8 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
-  string_decoder@1.3.0:
-    dependencies:
-      safe-buffer: 5.2.1
-    optional: true
-
   strip-bom@3.0.0: {}
 
-  strip-json-comments@2.0.1:
-    optional: true
-
   strip-json-comments@3.1.1: {}
 
   styled-jsx@5.1.6(react@19.1.0):
@@ -5506,23 +5348,6 @@ snapshots:
 
   tapable@2.2.3: {}
 
-  tar-fs@2.1.4:
-    dependencies:
-      chownr: 1.1.4
-      mkdirp-classic: 0.5.3
-      pump: 3.0.3
-      tar-stream: 2.2.0
-    optional: true
-
-  tar-stream@2.2.0:
-    dependencies:
-      bl: 4.1.0
-      end-of-stream: 1.4.5
-      fs-constants: 1.0.0
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-    optional: true
-
   tar@7.5.1:
     dependencies:
       '@isaacs/fs-minipass': 4.0.1
@@ -5566,11 +5391,6 @@ snapshots:
     dependencies:
       tslib: 1.14.1
 
-  tunnel-agent@0.6.0:
-    dependencies:
-      safe-buffer: 5.2.1
-    optional: true
-
   tw-animate-css@1.4.0: {}
 
   type-check@0.4.0:
@@ -5651,9 +5471,6 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  util-deprecate@1.0.2:
-    optional: true
-
   web-streams-polyfill@3.3.3: {}
 
   which-boxed-primitive@1.1.1:
@@ -5703,13 +5520,10 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
-  wrappy@1.0.2:
-    optional: true
-
   ws@8.18.3: {}
 
   yallist@5.0.0: {}
 
   yocto-queue@0.1.0: {}
 
-  zod@4.1.12: {}
+  zod@4.1.11: {}

From 9f72c9268f01cf7bcb57f75fcae232e8f87571b6 Mon Sep 17 00:00:00 2001
From: Noodles <adrianalexis624@gmail.com>
Date: Thu, 6 Nov 2025 16:46:36 -0600
Subject: [PATCH 2/9] feature create lesson page: scaffold route
 /admin/courses/[courseId]/lesson/create

---
 .../courses/[courseId]/lesson/create/page.tsx | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/app/admin/courses/[courseId]/lesson/create/page.tsx

diff --git a/src/app/admin/courses/[courseId]/lesson/create/page.tsx b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
new file mode 100644
index 0000000..15233e7
--- /dev/null
+++ b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+
+export default function CreateLessonPage({
+  params,
+}: {
+  params: { courseId: string };
+}) {
+  return (
+    <div className="mx-auto w-full max-w-3xl space-y-6">
+      <header>
+        <h1 className="text-2xl font-semibold">Create Lesson</h1>
+        <p className="text-sm text-neutral-500">
+          Course ID: <span className="font-mono">{params.courseId}</span>
+        </p>
+      </header>
+
+      {/* Step 2 will replace this with the real form */}
+      <div className="rounded-lg border bg-white p-6 text-sm text-neutral-600 dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-300">
+        Form coming next: title, description, unit dropdown, “Create Unit” modal.
+      </div>
+    </div>
+  );
+}

From b6998f34bd5d923498ab73c45b2a75bb2b225747 Mon Sep 17 00:00:00 2001
From: Noodles <adrianalexis624@gmail.com>
Date: Thu, 6 Nov 2025 18:04:28 -0600
Subject: [PATCH 3/9] feature create lesson page: add Zod schemas and
 admin-safe actions for creating lessons and units"

---
 .../courses/[courseId]/lesson/create/page.tsx | 13 +--
 src/lib/lessonActions.ts                      | 80 +++++++++++++++++++
 2 files changed, 88 insertions(+), 5 deletions(-)
 create mode 100644 src/lib/lessonActions.ts

diff --git a/src/app/admin/courses/[courseId]/lesson/create/page.tsx b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
index 15233e7..96c79c6 100644
--- a/src/app/admin/courses/[courseId]/lesson/create/page.tsx
+++ b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
@@ -1,22 +1,25 @@
+// src/app/admin/courses/[courseId]/lesson/create/page.tsx
 import React from "react";
 
-export default function CreateLessonPage({
+export default async function CreateLessonPage({
   params,
 }: {
-  params: { courseId: string };
+  params: Promise<{ courseId: string }>;
 }) {
+  const { courseId } = await params;
+
   return (
     <div className="mx-auto w-full max-w-3xl space-y-6">
       <header>
         <h1 className="text-2xl font-semibold">Create Lesson</h1>
         <p className="text-sm text-neutral-500">
-          Course ID: <span className="font-mono">{params.courseId}</span>
+          Course ID: <span className="font-mono">{courseId}</span>
         </p>
       </header>
 
-      {/* Step 2 will replace this with the real form */}
+      {/* placeholder */}
       <div className="rounded-lg border bg-white p-6 text-sm text-neutral-600 dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-300">
-        Form coming next: title, description, unit dropdown, “Create Unit” modal.
+        Form coming next: unit dropdown, media type, content URL/blob, create-unit modal.
       </div>
     </div>
   );
diff --git a/src/lib/lessonActions.ts b/src/lib/lessonActions.ts
new file mode 100644
index 0000000..9e6de47
--- /dev/null
+++ b/src/lib/lessonActions.ts
@@ -0,0 +1,80 @@
+"use server";
+
+import { z } from "zod";
+import { db } from "@/db";
+import { lessons, units, mediaTypeValues } from "@/db/schema";
+import { adminClient } from "@/lib/safe-action";
+import { asc, eq } from "drizzle-orm";
+
+// ----- Zod Schemas -----
+// Create a lesson that belongs to a unit.
+// Exactly one of (contentUrl, contentBlobId) must be present.
+export const CreateLessonSchema = z
+  .object({
+    unitId: z.coerce.number().int().min(1, "Unit is required"),
+    mediaType: z.enum(mediaTypeValues),
+    contentUrl: z.string().url().optional().or(z.literal("").transform(() => undefined)),
+    contentBlobId: z.coerce.number().int().optional(),
+    metadata: z.string().optional(), // JSON string (we'll default "{}" on insert)
+    position: z.coerce.number().int().min(1).optional(),
+  })
+  .refine(
+    (v) => !!v.contentUrl !== !!v.contentBlobId,
+    "Provide either a Content URL or a Content Blob, not both."
+  );
+
+export const CreateUnitSchema = z.object({
+    courseId: z.string().min(1),       // units.courseId is TEXT in schema
+    title: z.string().min(2, "Unit title must be at least 2 characters"),
+    position: z.coerce.number().int().min(1).optional(),
+});
+
+// ----- Actions -----
+export const createLesson = adminClient
+  .schema(CreateLessonSchema)
+  .action(async ({ parsedInput }) => {
+    const { unitId, mediaType, contentUrl, contentBlobId, metadata, position } = parsedInput;
+
+    const [row] = await db
+      .insert(lessons)
+      .values({
+        unitId,                           // INTEGER FK
+        mediaType,                        // enum value
+        contentUrl: contentUrl ?? null,   // exactly one of the two
+        contentBlobId: contentBlobId ?? null,
+        metadata: metadata ?? "{}",       // store JSON string
+        position: position ?? 1,
+      })
+      .returning({ id: lessons.id });
+
+    return { ok: true as const, lessonId: row.id };
+  });
+
+export const createUnit = adminClient
+  .schema(CreateUnitSchema)
+  .action(async ({ parsedInput }) => {
+    const { courseId, title, position } = parsedInput;
+
+    const [row] = await db
+      .insert(units)
+      .values({
+        courseId,                // TEXT (matches schema)
+        title,
+        position: position ?? 1,
+      })
+      .returning({ id: units.id, title: units.title, courseId: units.courseId });
+
+    return { ok: true as const, unit: { id: row.id, name: row.title ?? "Untitled Unit" } };
+  });
+
+// ----- Loader -----
+export async function getUnitsForCourse(courseId: string) {
+  // units.courseId is TEXT; route param is string -> compare as string
+  const rows = await db
+    .select({ id: units.id, name: units.title })
+    .from(units)
+    .where(eq(units.courseId, courseId))
+    .orderBy(asc(units.position), asc(units.title));
+
+  return rows.map((r) => ({ id: r.id.toString(), name: r.name ?? "Untitled Unit" }));
+}

From 9bec67852c353274e6bd88e3a3cf90761a00871c Mon Sep 17 00:00:00 2001
From: Noodles <adrianalexis624@gmail.com>
Date: Fri, 7 Nov 2025 19:57:07 -0600
Subject: [PATCH 4/9] feature create lesson page: added shadcn components for
 UI and Toast for notifications

---
 package.json                    |   5 +
 pnpm-lock.yaml                  | 447 ++++++++++++++++++++++++++++++++
 src/app/admin/layout.tsx        |   3 +
 src/components/ui/button.tsx    |  60 +++++
 src/components/ui/dialog.tsx    | 143 ++++++++++
 src/components/ui/form.tsx      | 167 ++++++++++++
 src/components/ui/input.tsx     |  21 ++
 src/components/ui/label.tsx     |  24 ++
 src/components/ui/select.tsx    | 187 +++++++++++++
 src/components/ui/separator.tsx |  28 ++
 src/components/ui/textarea.tsx  |  18 ++
 11 files changed, 1103 insertions(+)
 create mode 100644 src/components/ui/button.tsx
 create mode 100644 src/components/ui/dialog.tsx
 create mode 100644 src/components/ui/form.tsx
 create mode 100644 src/components/ui/input.tsx
 create mode 100644 src/components/ui/label.tsx
 create mode 100644 src/components/ui/select.tsx
 create mode 100644 src/components/ui/separator.tsx
 create mode 100644 src/components/ui/textarea.tsx

diff --git a/package.json b/package.json
index 7bd4bc1..798d472 100644
--- a/package.json
+++ b/package.json
@@ -20,8 +20,12 @@
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
     "@libsql/client": "^0.15.15",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
     "@radix-ui/react-navigation-menu": "^1.2.14",
     "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.3",
     "better-auth": "^1.3.26",
     "class-variance-authority": "^0.7.1",
@@ -33,6 +37,7 @@
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-hook-form": "^7.63.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "web": "link:@libsql/client/web",
     "zod": "^4.1.11"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 28f931b..5b7afca 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,12 +14,24 @@ importers:
       '@libsql/client':
         specifier: ^0.15.15
         version: 0.15.15
+      '@radix-ui/react-dialog':
+        specifier: ^1.1.15
+        version: 1.1.15(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-label':
+        specifier: ^2.1.8
+        version: 2.1.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       '@radix-ui/react-navigation-menu':
         specifier: ^1.2.14
         version: 1.2.14(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       '@radix-ui/react-progress':
         specifier: ^1.1.7
         version: 1.1.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-select':
+        specifier: ^2.2.6
+        version: 2.2.6(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-separator':
+        specifier: ^1.1.8
+        version: 1.1.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       '@radix-ui/react-slot':
         specifier: ^1.2.3
         version: 1.2.3(@types/react@19.1.13)(react@19.1.0)
@@ -53,6 +65,9 @@ importers:
       react-hook-form:
         specifier: ^7.63.0
         version: 7.63.0(react@19.1.0)
+      sonner:
+        specifier: ^2.0.7
+        version: 2.0.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       tailwind-merge:
         specifier: ^3.3.1
         version: 3.3.1
@@ -467,6 +482,21 @@ packages:
     resolution: {integrity: sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@floating-ui/core@1.7.3':
+    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
+
+  '@floating-ui/dom@1.7.4':
+    resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
+
+  '@floating-ui/react-dom@2.1.6':
+    resolution: {integrity: sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/utils@0.2.10':
+    resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
+
   '@hexagon/base64@1.1.28':
     resolution: {integrity: sha512-lhqDEAvWixy3bZ+UOYbPwUbBkwBq5C1LAJ/xPC8Oi+lL54oyakv/npbA0aU2hgCsx/1NUd4IBvV03+aUBWxerw==}
 
@@ -821,9 +851,25 @@ packages:
   '@peculiar/x509@1.14.0':
     resolution: {integrity: sha512-Yc4PDxN3OrxUPiXgU63c+ZRXKGE8YKF2McTciYhUHFtHVB0KMnjeFSU0qpztGhsp4P0uKix4+J2xEpIEDu8oXg==}
 
+  '@radix-ui/number@1.1.1':
+    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
+
   '@radix-ui/primitive@1.1.3':
     resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
 
+  '@radix-ui/react-arrow@1.1.7':
+    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-collection@1.1.7':
     resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
     peerDependencies:
@@ -864,6 +910,19 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-dialog@1.1.15':
+    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-direction@1.1.1':
     resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
     peerDependencies:
@@ -886,6 +945,28 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-focus-guards@1.1.3':
+    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.7':
+    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-id@1.1.1':
     resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
     peerDependencies:
@@ -895,6 +976,19 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-label@2.1.8':
+    resolution: {integrity: sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-navigation-menu@1.2.14':
     resolution: {integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==}
     peerDependencies:
@@ -908,6 +1002,32 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-popper@1.2.8':
+    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.9':
+    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-presence@1.1.5':
     resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
     peerDependencies:
@@ -960,6 +1080,32 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-select@2.2.6':
+    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-separator@1.1.8':
+    resolution: {integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-slot@1.2.3':
     resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
     peerDependencies:
@@ -1032,6 +1178,24 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-use-rect@1.1.1':
+    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-visually-hidden@1.2.3':
     resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
     peerDependencies:
@@ -1045,6 +1209,9 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/rect@1.1.1':
+    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
@@ -1355,6 +1522,10 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
   aria-query@5.3.2:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
@@ -1574,6 +1745,9 @@ packages:
     resolution: {integrity: sha512-ecqj/sy1jcK1uWrwpR67UhYrIFQ+5WlGxth34WquCbamhFA6hkkwiu37o6J5xCHdo1oixJRfVRw+ywV+Hq/0Aw==}
     engines: {node: '>=8'}
 
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -1935,6 +2109,10 @@ packages:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -2484,6 +2662,36 @@ packages:
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.7.1:
+    resolution: {integrity: sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   react@19.1.0:
     resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
     engines: {node: '>=0.10.0'}
@@ -2592,6 +2800,12 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
+  sonner@2.0.7:
+    resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -2752,6 +2966,26 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   web-streams-polyfill@3.3.3:
     resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
     engines: {node: '>= 8'}
@@ -3033,6 +3267,23 @@ snapshots:
       '@eslint/core': 0.15.2
       levn: 0.4.1
 
+  '@floating-ui/core@1.7.3':
+    dependencies:
+      '@floating-ui/utils': 0.2.10
+
+  '@floating-ui/dom@1.7.4':
+    dependencies:
+      '@floating-ui/core': 1.7.3
+      '@floating-ui/utils': 0.2.10
+
+  '@floating-ui/react-dom@2.1.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@floating-ui/dom': 1.7.4
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
+  '@floating-ui/utils@0.2.10': {}
+
   '@hexagon/base64@1.1.28': {}
 
   '@hookform/resolvers@5.2.2(react-hook-form@7.63.0(react@19.1.0))':
@@ -3380,8 +3631,19 @@ snapshots:
       tslib: 2.8.1
       tsyringe: 4.10.0
 
+  '@radix-ui/number@1.1.1': {}
+
   '@radix-ui/primitive@1.1.3': {}
 
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
   '@radix-ui/react-collection@1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.13)(react@19.1.0)
@@ -3412,6 +3674,28 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.1.13
 
+  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.13)(react@19.1.0)
+      aria-hidden: 1.2.6
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      react-remove-scroll: 2.7.1(@types/react@19.1.13)(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
   '@radix-ui/react-direction@1.1.1(@types/react@19.1.13)(react@19.1.0)':
     dependencies:
       react: 19.1.0
@@ -3431,6 +3715,23 @@ snapshots:
       '@types/react': 19.1.13
       '@types/react-dom': 19.1.9(@types/react@19.1.13)
 
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.1.13)(react@19.1.0)':
+    dependencies:
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.13
+
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
   '@radix-ui/react-id@1.1.1(@types/react@19.1.13)(react@19.1.0)':
     dependencies:
       '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.13)(react@19.1.0)
@@ -3438,6 +3739,15 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.1.13
 
+  '@radix-ui/react-label@2.1.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
   '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
@@ -3460,6 +3770,34 @@ snapshots:
       '@types/react': 19.1.13
       '@types/react-dom': 19.1.9(@types/react@19.1.13)
 
+  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/rect': 1.1.1
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
   '@radix-ui/react-presence@1.1.5(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.13)(react@19.1.0)
@@ -3498,6 +3836,44 @@ snapshots:
       '@types/react': 19.1.13
       '@types/react-dom': 19.1.9(@types/react@19.1.13)
 
+  '@radix-ui/react-select@2.2.6(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      aria-hidden: 1.2.6
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+      react-remove-scroll: 2.7.1(@types/react@19.1.13)(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
+  '@radix-ui/react-separator@1.1.8(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+      '@types/react-dom': 19.1.9(@types/react@19.1.13)
+
   '@radix-ui/react-slot@1.2.3(@types/react@19.1.13)(react@19.1.0)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.13)(react@19.1.0)
@@ -3552,6 +3928,20 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.1.13
 
+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.1.13)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/rect': 1.1.1
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.13
+
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.1.13)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.13)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.13
+
   '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
     dependencies:
       '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@@ -3561,6 +3951,8 @@ snapshots:
       '@types/react': 19.1.13
       '@types/react-dom': 19.1.9(@types/react@19.1.13)
 
+  '@radix-ui/rect@1.1.1': {}
+
   '@rtsao/scc@1.1.0': {}
 
   '@rushstack/eslint-patch@1.12.0': {}
@@ -3858,6 +4250,10 @@ snapshots:
 
   argparse@2.0.1: {}
 
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.8.1
+
   aria-query@5.3.2: {}
 
   array-buffer-byte-length@1.0.2:
@@ -4092,6 +4488,8 @@ snapshots:
 
   detect-libc@2.1.1: {}
 
+  detect-node-es@1.1.0: {}
+
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
@@ -4579,6 +4977,8 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
+  get-nonce@1.0.1: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -5100,6 +5500,33 @@ snapshots:
 
   react-is@16.13.1: {}
 
+  react-remove-scroll-bar@2.3.8(@types/react@19.1.13)(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      react-style-singleton: 2.2.3(@types/react@19.1.13)(react@19.1.0)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.13
+
+  react-remove-scroll@2.7.1(@types/react@19.1.13)(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      react-remove-scroll-bar: 2.3.8(@types/react@19.1.13)(react@19.1.0)
+      react-style-singleton: 2.2.3(@types/react@19.1.13)(react@19.1.0)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.1.13)(react@19.1.0)
+      use-sidecar: 1.1.3(@types/react@19.1.13)(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.13
+
+  react-style-singleton@2.2.3(@types/react@19.1.13)(react@19.1.0):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 19.1.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.13
+
   react@19.1.0: {}
 
   reflect-metadata@0.2.2: {}
@@ -5261,6 +5688,11 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
+  sonner@2.0.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
   source-map-js@1.2.1: {}
 
   source-map-support@0.5.21:
@@ -5471,6 +5903,21 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
+  use-callback-ref@1.3.3(@types/react@19.1.13)(react@19.1.0):
+    dependencies:
+      react: 19.1.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.13
+
+  use-sidecar@1.1.3(@types/react@19.1.13)(react@19.1.0):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 19.1.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.1.13
+
   web-streams-polyfill@3.3.3: {}
 
   which-boxed-primitive@1.1.1:
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index f798a61..3242b10 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,5 +1,7 @@
 import React from "react";
 import AdminNavbar from "@/components/AdminNavbar";
+import { Toaster } from "sonner"
+
 
 export default function AdminLayout({
   children,
@@ -14,6 +16,7 @@ export default function AdminLayout({
       {/* Page content */}
       <main className="flex-1 p-6">
         {children}
+        <Toaster richColors position="top-right" />
       </main>
 
       {/* Footer */}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..21409a0
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,60 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost:
+          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
new file mode 100644
index 0000000..d9ccec9
--- /dev/null
+++ b/src/components/ui/dialog.tsx
@@ -0,0 +1,143 @@
+"use client"
+
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { XIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+}
+
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+}
+
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+}
+
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean
+}) {
+  return (
+    <DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close
+            data-slot="dialog-close"
+            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+          >
+            <XIcon />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn("text-lg leading-none font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+}
diff --git a/src/components/ui/form.tsx b/src/components/ui/form.tsx
new file mode 100644
index 0000000..524b986
--- /dev/null
+++ b/src/components/ui/form.tsx
@@ -0,0 +1,167 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue
+)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState } = useFormContext()
+  const formState = useFormState({ name: fieldContext.name })
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue
+)
+
+function FormItem({ className, ...props }: React.ComponentProps<"div">) {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div
+        data-slot="form-item"
+        className={cn("grid gap-2", className)}
+        {...props}
+      />
+    </FormItemContext.Provider>
+  )
+}
+
+function FormLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      data-slot="form-label"
+      data-error={!!error}
+      className={cn("data-[error=true]:text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+}
+
+function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      data-slot="form-control"
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+}
+
+function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      data-slot="form-description"
+      id={formDescriptionId}
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message ?? "") : props.children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      data-slot="form-message"
+      id={formMessageId}
+      className={cn("text-destructive text-sm", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+}
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..8916905
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,21 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..fb5fbc3
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,24 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+
+import { cn } from "@/lib/utils"
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Label }
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 0000000..25e5439
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,187 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Select({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Root>) {
+  return <SelectPrimitive.Root data-slot="select" {...props} />
+}
+
+function SelectGroup({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Group>) {
+  return <SelectPrimitive.Group data-slot="select-group" {...props} />
+}
+
+function SelectValue({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Value>) {
+  return <SelectPrimitive.Value data-slot="select-value" {...props} />
+}
+
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+  size?: "sm" | "default"
+}) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot="select-trigger"
+      data-size={size}
+      className={cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon asChild>
+        <ChevronDownIcon className="size-4 opacity-50" />
+      </SelectPrimitive.Icon>
+    </SelectPrimitive.Trigger>
+  )
+}
+
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  align = "center",
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Content>) {
+  return (
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Content
+        data-slot="select-content"
+        className={cn(
+          "bg-popover text-popover-foreground 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+          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={position}
+        align={align}
+        {...props}
+      >
+        <SelectScrollUpButton />
+        <SelectPrimitive.Viewport
+          className={cn(
+            "p-1",
+            position === "popper" &&
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+          )}
+        >
+          {children}
+        </SelectPrimitive.Viewport>
+        <SelectScrollDownButton />
+      </SelectPrimitive.Content>
+    </SelectPrimitive.Portal>
+  )
+}
+
+function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Label>) {
+  return (
+    <SelectPrimitive.Label
+      data-slot="select-label"
+      className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Item>) {
+  return (
+    <SelectPrimitive.Item
+      data-slot="select-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )}
+      {...props}
+    >
+      <span className="absolute right-2 flex size-3.5 items-center justify-center">
+        <SelectPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+    </SelectPrimitive.Item>
+  )
+}
+
+function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+  return (
+    <SelectPrimitive.Separator
+      data-slot="select-separator"
+      className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+  return (
+    <SelectPrimitive.ScrollUpButton
+      data-slot="select-scroll-up-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )}
+      {...props}
+    >
+      <ChevronUpIcon className="size-4" />
+    </SelectPrimitive.ScrollUpButton>
+  )
+}
+
+function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
+  return (
+    <SelectPrimitive.ScrollDownButton
+      data-slot="select-scroll-down-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )}
+      {...props}
+    >
+      <ChevronDownIcon className="size-4" />
+    </SelectPrimitive.ScrollDownButton>
+  )
+}
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+}
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
new file mode 100644
index 0000000..275381c
--- /dev/null
+++ b/src/components/ui/separator.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot="separator"
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Separator }
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..7f21b5e
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,18 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Textarea }

From 3ff5e27a1165e63e3711c2457ade79504bc04a98 Mon Sep 17 00:00:00 2001
From: Noodles <adrianalexis624@gmail.com>
Date: Fri, 7 Nov 2025 20:04:34 -0600
Subject: [PATCH 5/9] feature create lesson page: scaffold create lesson route
 with  placeholder

---
 .../courses/[courseId]/lesson/create/page.tsx    | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/app/admin/courses/[courseId]/lesson/create/page.tsx b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
index 96c79c6..7ff2126 100644
--- a/src/app/admin/courses/[courseId]/lesson/create/page.tsx
+++ b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
@@ -9,16 +9,14 @@ export default async function CreateLessonPage({
   const { courseId } = await params;
 
   return (
-    <div className="mx-auto w-full max-w-3xl space-y-6">
-      <header>
-        <h1 className="text-2xl font-semibold">Create Lesson</h1>
-        <p className="text-sm text-neutral-500">
-          Course ID: <span className="font-mono">{courseId}</span>
-        </p>
-      </header>
+    <div className="container mx-auto max-w-5xl space-y-6 p-6">
+      <h1 className="text-2xl font-semibold tracking-tight">New Lesson</h1>
+      <p className="text-sm text-muted-foreground">
+        Create a lesson for course <span className="font-mono">{courseId}</span>.
+      </p>
 
-      {/* placeholder */}
-      <div className="rounded-lg border bg-white p-6 text-sm text-neutral-600 dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-300">
+      {/* Placeholder until LessonForm is added */}
+      <div className="rounded-lg border bg-card p-6 text-sm text-foreground/80 dark:border-neutral-800">
         Form coming next: unit dropdown, media type, content URL/blob, create-unit modal.
       </div>
     </div>

From 62e77a5cb3190789805db34c9727ee12647cad04 Mon Sep 17 00:00:00 2001
From: Noodles <adrianalexis624@gmail.com>
Date: Thu, 20 Nov 2025 17:50:08 -0600
Subject: [PATCH 6/9] Feature Create Lesson Page: implement Create Lesson page
 with unit dialog, form validation, and backend actions

---
 .../lesson/create/CreateLessonForm.tsx        | 199 ++++++++++++++++++
 .../courses/[courseId]/lesson/create/page.tsx |  45 ++--
 src/components/CreateUnitDialog.tsx           | 121 +++++++++++
 src/lib/lesson.ts                             |  19 ++
 src/lib/lessonActions.ts                      | 112 +++++-----
 5 files changed, 419 insertions(+), 77 deletions(-)
 create mode 100644 src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
 create mode 100644 src/components/CreateUnitDialog.tsx
 create mode 100644 src/lib/lesson.ts

diff --git a/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx b/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
new file mode 100644
index 0000000..a2e1382
--- /dev/null
+++ b/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
@@ -0,0 +1,199 @@
+"use client";
+
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useAction } from "next-safe-action/hooks";
+
+import {
+  lessonFormSchema,
+  type LessonFormSchema,
+} from "@/lib/lesson";
+import { createLessonAction } from "@/lib/lessonActions";
+
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Button } from "@/components/ui/button";
+import {
+  Select,
+  SelectTrigger,
+  SelectContent,
+  SelectItem,
+  SelectValue,
+} from "@/components/ui/select";
+
+import { CreateUnitDialog } from "@/components/CreateUnitDialog";
+
+type UnitOption = {
+  id: number;
+  title: string | null;
+};
+
+type CreateLessonFormProps = {
+  courseId: string;
+  initialUnits: UnitOption[];
+};
+
+const NEW_UNIT_VALUE = "__new_unit__";
+
+export function CreateLessonForm({
+  courseId,
+  initialUnits,
+}: CreateLessonFormProps) {
+  const router = useRouter();
+
+  const [units, setUnits] = React.useState<UnitOption[]>(initialUnits);
+  const [openUnitDialog, setOpenUnitDialog] = React.useState(false);
+
+  // Relax types around useForm to avoid resolver/control generic issues
+  const form = useForm<LessonFormSchema>({
+    resolver: zodResolver(lessonFormSchema) as any,
+    defaultValues: {
+      title: "",
+      description: "",
+      unitId: 0,
+      courseId,
+    },
+  }) as any;
+
+  const { execute, status, result } = useAction(createLessonAction, {
+    onSuccess: ({ data }) => {
+      if (data?.success) {
+        router.push(`/admin/courses/${courseId}`);
+      }
+    },
+  });
+
+  const isSubmitting = status === "executing";
+
+  const onSubmit = (values: LessonFormSchema) => {
+    execute(values);
+  };
+
+  const handleUnitChange = (
+    value: string,
+    onChange: (val: number) => void
+  ) => {
+    if (value === NEW_UNIT_VALUE) {
+      setOpenUnitDialog(true);
+      return;
+    }
+    onChange(Number(value));
+  };
+
+  const handleUnitCreated = (unit: { id: number; title: string | null }) => {
+    setUnits((prev) => [...prev, unit]);
+    form.setValue("unitId", unit.id, { shouldValidate: true });
+  };
+
+  return (
+    <>
+      <CreateUnitDialog
+        open={openUnitDialog}
+        onOpenChange={setOpenUnitDialog}
+        courseId={courseId}
+        onCreated={handleUnitCreated}
+      />
+
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          className="space-y-6 max-w-xl"
+        >
+          <FormField
+            control={form.control}
+            name="title"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Lesson title</FormLabel>
+                <FormControl>
+                  <Input placeholder="e.g. What is a variable?" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="description"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Description</FormLabel>
+                <FormControl>
+                  <Textarea
+                    placeholder="Short summary of this lesson..."
+                    {...field}
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          {/* Hidden courseId so it gets sent along with the form */}
+          <input type="hidden" {...form.register("courseId")} value={courseId} />
+
+          <FormField
+            control={form.control}
+            name="unitId"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Unit</FormLabel>
+                <Select
+                  value={field.value ? String(field.value) : ""}
+                  onValueChange={(val) => handleUnitChange(val, field.onChange)}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue placeholder="Select a unit" />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    {units.map((unit) => (
+                      <SelectItem key={unit.id} value={String(unit.id)}>
+                        {unit.title ?? `Unit ${unit.id}`}
+                      </SelectItem>
+                    ))}
+                    <SelectItem value={NEW_UNIT_VALUE}>
+                      + Create new unit
+                    </SelectItem>
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          {result.serverError && (
+            <p className="text-sm text-destructive">
+              {String(result.serverError)}
+            </p>
+          )}
+
+          <div className="flex gap-2">
+            <Button
+              type="button"
+              variant="outline"
+              onClick={() => router.back()}
+            >
+              Cancel
+            </Button>
+            <Button type="submit" disabled={isSubmitting}>
+              {isSubmitting ? "Creating..." : "Create lesson"}
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </>
+  );
+}
diff --git a/src/app/admin/courses/[courseId]/lesson/create/page.tsx b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
index 7ff2126..f182bee 100644
--- a/src/app/admin/courses/[courseId]/lesson/create/page.tsx
+++ b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
@@ -1,24 +1,41 @@
 // src/app/admin/courses/[courseId]/lesson/create/page.tsx
-import React from "react";
 
-export default async function CreateLessonPage({
-  params,
-}: {
+import { db } from "@/db/index";
+import { units } from "@/db/schema";
+import { eq } from "drizzle-orm";
+import { CreateLessonForm } from "./CreateLessonForm";
+
+type PageProps = {
   params: Promise<{ courseId: string }>;
-}) {
+};
+
+export default async function CreateLessonPage({ params }: PageProps) {
   const { courseId } = await params;
 
-  return (
-    <div className="container mx-auto max-w-5xl space-y-6 p-6">
-      <h1 className="text-2xl font-semibold tracking-tight">New Lesson</h1>
-      <p className="text-sm text-muted-foreground">
-        Create a lesson for course <span className="font-mono">{courseId}</span>.
-      </p>
+  // courseId in the URL will be something like "1"
+  const courseUnits = await db
+    .select()
+    .from(units)
+    .where(eq(units.courseId, courseId));
 
-      {/* Placeholder until LessonForm is added */}
-      <div className="rounded-lg border bg-card p-6 text-sm text-foreground/80 dark:border-neutral-800">
-        Form coming next: unit dropdown, media type, content URL/blob, create-unit modal.
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold tracking-tight">
+          Create lesson
+        </h1>
+        <p className="text-sm text-muted-foreground">
+          Add a new lesson and assign it to a unit in this course.
+        </p>
       </div>
+
+      <CreateLessonForm
+        courseId={courseId}
+        initialUnits={courseUnits.map((u) => ({
+          id: u.id,
+          title: u.title ?? `Unit ${u.id}`,
+        }))}
+      />
     </div>
   );
 }
diff --git a/src/components/CreateUnitDialog.tsx b/src/components/CreateUnitDialog.tsx
new file mode 100644
index 0000000..6d5b3a1
--- /dev/null
+++ b/src/components/CreateUnitDialog.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import * as React from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useAction } from "next-safe-action/hooks";
+
+import {
+  createUnitAction,
+} from "@/lib/lessonActions";
+import {
+  createUnitSchema,
+  type CreateUnitSchema,
+} from "@/lib/lesson";
+
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+
+type CreateUnitDialogProps = {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  courseId: string;
+  onCreated?: (unit: { id: number; title: string | null }) => void;
+};
+
+export function CreateUnitDialog({
+  open,
+  onOpenChange,
+  courseId,
+  onCreated,
+}: CreateUnitDialogProps) {
+  const form = useForm<CreateUnitSchema>({
+    resolver: zodResolver(createUnitSchema),
+    defaultValues: {
+      title: "",
+      courseId,
+    },
+  });
+
+  const { execute, status, result } = useAction(createUnitAction, {
+    onSuccess: ({ data }) => {
+      if (data?.success) {
+        onCreated?.({
+          id: data.unitId,
+          title: data.unitTitle,
+        });
+        form.reset({ title: "", courseId });
+        onOpenChange(false);
+      }
+    },
+  });
+
+  const isSubmitting = status === "executing";
+
+  const onSubmit = (values: CreateUnitSchema) => {
+    execute(values);
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Create new unit</DialogTitle>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+            <FormField
+              control={form.control}
+              name="title"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Unit title</FormLabel>
+                  <FormControl>
+                    <Input placeholder="e.g. Introduction" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {result.serverError && (
+              <p className="text-sm text-destructive">
+                {String(result.serverError)}
+              </p>
+            )}
+
+            <DialogFooter>
+              <Button
+                type="button"
+                variant="outline"
+                onClick={() => onOpenChange(false)}
+              >
+                Cancel
+              </Button>
+              <Button type="submit" disabled={isSubmitting}>
+                {isSubmitting ? "Creating..." : "Create unit"}
+              </Button>
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
diff --git a/src/lib/lesson.ts b/src/lib/lesson.ts
new file mode 100644
index 0000000..bf97338
--- /dev/null
+++ b/src/lib/lesson.ts
@@ -0,0 +1,19 @@
+// src/lib/validations/lesson.ts
+import { z } from "zod";
+
+export const lessonFormSchema = z.object({
+  title: z.string().min(1, "Title is required"),
+  description: z.string().optional(),
+  unitId: z.coerce.number().int().positive("Unit is required"),
+  courseId: z.string().min(1),
+});
+
+export type LessonFormSchema = z.infer<typeof lessonFormSchema>;
+
+// For the “create unit” modal
+export const createUnitSchema = z.object({
+  title: z.string().min(1, "Unit title is required"),
+  courseId: z.string().min(1),
+});
+
+export type CreateUnitSchema = z.infer<typeof createUnitSchema>;
diff --git a/src/lib/lessonActions.ts b/src/lib/lessonActions.ts
index 9e6de47..7b26dac 100644
--- a/src/lib/lessonActions.ts
+++ b/src/lib/lessonActions.ts
@@ -1,80 +1,66 @@
+// src/app/admin/courses/[courseId]/lesson/create/actions.ts
 "use server";
 
-import { z } from "zod";
-import { db } from "@/db";
-import { lessons, units, mediaTypeValues } from "@/db/schema";
-import { adminClient } from "@/lib/safe-action";
-import { asc, eq } from "drizzle-orm";
+import { revalidatePath } from "next/cache";
+import { eq } from "drizzle-orm";
 
-// ----- Zod Schemas -----
-// Create a lesson that belongs to a unit.
-// Exactly one of (contentUrl, contentBlobId) must be present.
-export const CreateLessonSchema = z
-  .object({
-    unitId: z.coerce.number().int().min(1, "Unit is required"),
-    mediaType: z.enum(mediaTypeValues),
-    contentUrl: z.string().url().optional().or(z.literal("").transform(() => undefined)),
-    contentBlobId: z.coerce.number().int().optional(),
-    metadata: z.string().optional(), // JSON string (we'll default "{}" on insert)
-    position: z.coerce.number().int().min(1).optional(),
-  })
-  .refine(
-    (v) => !!v.contentUrl !== !!v.contentBlobId,
-    "Provide either a Content URL or a Content Blob, not both."
-  );
+import { db } from "@/db/index";
+import { units, lessons } from "@/db/schema";
+import {
+  lessonFormSchema,
+  createUnitSchema,
+  type LessonFormSchema,
+  type CreateUnitSchema,
+} from "@/lib/lesson";
+import { actionClient } from "@/lib/safe-action";
 
-export const CreateUnitSchema = z.object({
-    courseId: z.string().min(1),       // units.courseId is TEXT in schema
-    title: z.string().min(2, "Unit title must be at least 2 characters"),
-    position: z.coerce.number().int().min(1).optional(),
-});
-
-// ----- Actions -----
-export const createLesson = adminClient
-  .schema(CreateLessonSchema)
+// Create lesson
+export const createLessonAction = actionClient
+  .schema(lessonFormSchema)
   .action(async ({ parsedInput }) => {
-    const { unitId, mediaType, contentUrl, contentBlobId, metadata, position } = parsedInput;
+    const { title, description, unitId, courseId } = parsedInput;
 
-    const [row] = await db
-      .insert(lessons)
-      .values({
-        unitId,                           // INTEGER FK
-        mediaType,                        // enum value
-        contentUrl: contentUrl ?? null,   // exactly one of the two
-        contentBlobId: contentBlobId ?? null,
-        metadata: metadata ?? "{}",       // store JSON string
-        position: position ?? 1,
-      })
-      .returning({ id: lessons.id });
+    // Build metadata JSON stored in lessons.metadata
+    const metadata = JSON.stringify({
+      title,
+      description: description ?? "",
+    });
+
+    await db.insert(lessons).values({
+      unitId,              // integer
+      metadata,            // JSON string
+      contentUrl: "http://placeholder",      // satisfy CHECK (exactly one of contentUrl/contentBlobId)
+      // mediaType & position are using DB defaults:
+      // mediaType: "markdown"
+      // position: 1
+    });
 
-    return { ok: true as const, lessonId: row.id };
+    // Revalidate course page or lessons list
+    revalidatePath(`/admin/courses/${courseId}`);
+
+    return { success: true };
   });
 
-export const createUnit = adminClient
-  .schema(CreateUnitSchema)
+// Create unit (for the modal)
+export const createUnitAction = actionClient
+  .schema(createUnitSchema)
   .action(async ({ parsedInput }) => {
-    const { courseId, title, position } = parsedInput;
+    const { title, courseId } = parsedInput;
 
-    const [row] = await db
+    // Minimal insert: courseId (text) + title; position defaults to 1
+    const [unit] = await db
       .insert(units)
       .values({
-        courseId,                // TEXT (matches schema)
+        courseId,
         title,
-        position: position ?? 1,
       })
-      .returning({ id: units.id, title: units.title, courseId: units.courseId });
-
-    return { ok: true as const, unit: { id: row.id, name: row.title ?? "Untitled Unit" } };
-  });
+      .returning();
 
-// ----- Loader -----
-export async function getUnitsForCourse(courseId: string) {
-  // units.courseId is TEXT; route param is string -> compare as string
-  const rows = await db
-    .select({ id: units.id, name: units.title })
-    .from(units)
-    .where(eq(units.courseId, courseId))
-    .orderBy(asc(units.position), asc(units.title));
+    revalidatePath(`/admin/courses/${courseId}`);
 
-  return rows.map((r) => ({ id: r.id.toString(), name: r.name ?? "Untitled Unit" }));
-}
+    return {
+      success: true,
+      unitId: unit.id,
+      unitTitle: unit.title,
+    };
+  });

From 546f137f5273a1ef7760b953c747584d4dd93ce7 Mon Sep 17 00:00:00 2001
From: Noodles <adrianalexis624@gmail.com>
Date: Thu, 20 Nov 2025 18:39:58 -0600
Subject: [PATCH 7/9] Feature Create Lesson Page: Expanding functionality to
 support attachments

---
 .../lesson/create/CreateLessonForm.tsx        | 71 ++++++++++++++++---
 src/lib/lesson.ts                             | 17 ++++-
 src/lib/lessonActions.ts                      | 23 +++---
 3 files changed, 90 insertions(+), 21 deletions(-)

diff --git a/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx b/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
index a2e1382..22423c3 100644
--- a/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
+++ b/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
@@ -54,16 +54,18 @@ export function CreateLessonForm({
   const [units, setUnits] = React.useState<UnitOption[]>(initialUnits);
   const [openUnitDialog, setOpenUnitDialog] = React.useState(false);
 
-  // Relax types around useForm to avoid resolver/control generic issues
-  const form = useForm<LessonFormSchema>({
-    resolver: zodResolver(lessonFormSchema) as any,
-    defaultValues: {
-      title: "",
-      description: "",
-      unitId: 0,
-      courseId,
-    },
-  }) as any;
+    const form = useForm<LessonFormSchema>({
+        resolver: zodResolver(lessonFormSchema) as any,
+        defaultValues: {
+            title: "",
+            description: "",
+            unitId: 0,
+            courseId,
+            mediaType: "markdown", // sensible default
+            contentUrl: "",
+        },
+    }) as any;
+
 
   const { execute, status, result } = useAction(createLessonAction, {
     onSuccess: ({ data }) => {
@@ -143,6 +145,55 @@ export function CreateLessonForm({
           {/* Hidden courseId so it gets sent along with the form */}
           <input type="hidden" {...form.register("courseId")} value={courseId} />
 
+          {/* Media type */}
+            <FormField
+            control={form.control}
+            name="mediaType"
+            render={({ field }) => (
+                <FormItem>
+                <FormLabel>Content type</FormLabel>
+                <Select
+                    value={field.value}
+                    onValueChange={field.onChange}
+                >
+                    <FormControl>
+                    <SelectTrigger>
+                        <SelectValue placeholder="Select a content type" />
+                    </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                    <SelectItem value="youtube">YouTube video</SelectItem>
+                    <SelectItem value="markdown">Markdown page</SelectItem>
+                    <SelectItem value="pdf">PDF</SelectItem>
+                    <SelectItem value="image">Image</SelectItem>
+                    <SelectItem value="audio">Audio</SelectItem>
+                    <SelectItem value="other">Other</SelectItem>
+                    </SelectContent>
+                </Select>
+                <FormMessage />
+                </FormItem>
+            )}
+            />
+
+            {/* Main content URL */}
+            <FormField
+            control={form.control}
+            name="contentUrl"
+            render={({ field }) => (
+                <FormItem>
+                <FormLabel>Content URL</FormLabel>
+                <FormControl>
+                    <Input
+                    placeholder="https://..."
+                    {...field}
+                    />
+                </FormControl>
+                <FormMessage />
+                </FormItem>
+            )}
+            />
+
+
           <FormField
             control={form.control}
             name="unitId"
diff --git a/src/lib/lesson.ts b/src/lib/lesson.ts
index bf97338..e8feed8 100644
--- a/src/lib/lesson.ts
+++ b/src/lib/lesson.ts
@@ -1,11 +1,26 @@
-// src/lib/validations/lesson.ts
+// src/lib/lesson.ts
 import { z } from "zod";
 
+// keep this in sync with mediaTypeValues in your schema.ts
+const mediaTypeValues = [
+  "youtube",
+  "markdown",
+  "pdf",
+  "image",
+  "audio",
+  "other",
+] as const;
+
 export const lessonFormSchema = z.object({
   title: z.string().min(1, "Title is required"),
   description: z.string().optional(),
   unitId: z.coerce.number().int().positive("Unit is required"),
   courseId: z.string().min(1),
+
+  mediaType: z.enum(mediaTypeValues),
+  contentUrl: z
+    .string()
+    .url("Must be a valid URL (starts with http:// or https://)"),
 });
 
 export type LessonFormSchema = z.infer<typeof lessonFormSchema>;
diff --git a/src/lib/lessonActions.ts b/src/lib/lessonActions.ts
index 7b26dac..18d1e86 100644
--- a/src/lib/lessonActions.ts
+++ b/src/lib/lessonActions.ts
@@ -14,28 +14,31 @@ import {
 } from "@/lib/lesson";
 import { actionClient } from "@/lib/safe-action";
 
-// Create lesson
 export const createLessonAction = actionClient
   .schema(lessonFormSchema)
   .action(async ({ parsedInput }) => {
-    const { title, description, unitId, courseId } = parsedInput;
+    const {
+      title,
+      description,
+      unitId,
+      courseId,
+      mediaType,
+      contentUrl,
+    } = parsedInput;
 
-    // Build metadata JSON stored in lessons.metadata
     const metadata = JSON.stringify({
       title,
       description: description ?? "",
     });
 
     await db.insert(lessons).values({
-      unitId,              // integer
-      metadata,            // JSON string
-      contentUrl: "http://placeholder",      // satisfy CHECK (exactly one of contentUrl/contentBlobId)
-      // mediaType & position are using DB defaults:
-      // mediaType: "markdown"
-      // position: 1
+      unitId,
+      mediaType,   // now real value from the form
+      metadata,
+      contentUrl,  // real URL from the form
+      // contentBlobId stays null
     });
 
-    // Revalidate course page or lessons list
     revalidatePath(`/admin/courses/${courseId}`);
 
     return { success: true };

From eb466f88fe5724f6750ac97f6e38cd47c94872a3 Mon Sep 17 00:00:00 2001
From: Noodles <adrianalexis624@gmail.com>
Date: Thu, 20 Nov 2025 18:59:56 -0600
Subject: [PATCH 8/9] Feature Create Lesson Page: Added CSS styling to page

---
 .../lesson/create/CreateLessonForm.tsx        | 161 +++++++++---------
 .../courses/[courseId]/lesson/create/page.tsx |  44 +++--
 src/components/CreateUnitDialog.tsx           |  14 +-
 3 files changed, 124 insertions(+), 95 deletions(-)

diff --git a/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx b/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
index 22423c3..ba2fcd1 100644
--- a/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
+++ b/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
@@ -54,18 +54,19 @@ export function CreateLessonForm({
   const [units, setUnits] = React.useState<UnitOption[]>(initialUnits);
   const [openUnitDialog, setOpenUnitDialog] = React.useState(false);
 
-    const form = useForm<LessonFormSchema>({
-        resolver: zodResolver(lessonFormSchema) as any,
-        defaultValues: {
-            title: "",
-            description: "",
-            unitId: 0,
-            courseId,
-            mediaType: "markdown", // sensible default
-            contentUrl: "",
-        },
-    }) as any;
-
+  // Relaxed typing around resolver to avoid RHF + zod generic noise,
+  // while still keeping LessonFormSchema as the form's value type.
+  const form = useForm<LessonFormSchema>({
+    resolver: zodResolver(lessonFormSchema) as any,
+    defaultValues: {
+      title: "",
+      description: "",
+      unitId: 0,
+      courseId,
+      mediaType: "markdown",
+      contentUrl: "",
+    },
+  }) as any;
 
   const { execute, status, result } = useAction(createLessonAction, {
     onSuccess: ({ data }) => {
@@ -109,91 +110,99 @@ export function CreateLessonForm({
       <Form {...form}>
         <form
           onSubmit={form.handleSubmit(onSubmit)}
-          className="space-y-6 max-w-xl"
+          className="space-y-8"
         >
-          <FormField
-            control={form.control}
-            name="title"
-            render={({ field }) => (
-              <FormItem>
-                <FormLabel>Lesson title</FormLabel>
-                <FormControl>
-                  <Input placeholder="e.g. What is a variable?" {...field} />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-
-          <FormField
-            control={form.control}
-            name="description"
-            render={({ field }) => (
-              <FormItem>
-                <FormLabel>Description</FormLabel>
-                <FormControl>
-                  <Textarea
-                    placeholder="Short summary of this lesson..."
-                    {...field}
-                  />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
+          {/* Top section: basic info */}
+          <div className="grid gap-6 md:grid-cols-2">
+            <FormField
+              control={form.control}
+              name="title"
+              render={({ field }) => (
+                <FormItem className="md:col-span-2">
+                  <FormLabel>Lesson title</FormLabel>
+                  <FormControl>
+                    <Input
+                      placeholder="e.g. Introduction to Variables"
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
 
-          {/* Hidden courseId so it gets sent along with the form */}
-          <input type="hidden" {...form.register("courseId")} value={courseId} />
+            <FormField
+              control={form.control}
+              name="description"
+              render={({ field }) => (
+                <FormItem className="md:col-span-2">
+                  <FormLabel>Description</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder="Short summary of what this lesson covers..."
+                      className="min-h-[96px]"
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
 
-          {/* Media type */}
+          {/* Content section */}
+          <div className="grid gap-6 md:grid-cols-2 rounded-lg border border-dashed border-border/60 bg-muted/40 p-4">
             <FormField
-            control={form.control}
-            name="mediaType"
-            render={({ field }) => (
+              control={form.control}
+              name="mediaType"
+              render={({ field }) => (
                 <FormItem>
-                <FormLabel>Content type</FormLabel>
-                <Select
+                  <FormLabel>Content type</FormLabel>
+                  <Select
                     value={field.value}
                     onValueChange={field.onChange}
-                >
+                  >
                     <FormControl>
-                    <SelectTrigger>
+                      <SelectTrigger>
                         <SelectValue placeholder="Select a content type" />
-                    </SelectTrigger>
+                      </SelectTrigger>
                     </FormControl>
                     <SelectContent>
-                    <SelectItem value="youtube">YouTube video</SelectItem>
-                    <SelectItem value="markdown">Markdown page</SelectItem>
-                    <SelectItem value="pdf">PDF</SelectItem>
-                    <SelectItem value="image">Image</SelectItem>
-                    <SelectItem value="audio">Audio</SelectItem>
-                    <SelectItem value="other">Other</SelectItem>
+                      <SelectItem value="youtube">YouTube video</SelectItem>
+                      <SelectItem value="markdown">Markdown page</SelectItem>
+                      <SelectItem value="pdf">PDF</SelectItem>
+                      <SelectItem value="image">Image</SelectItem>
+                      <SelectItem value="audio">Audio</SelectItem>
+                      <SelectItem value="other">Other</SelectItem>
                     </SelectContent>
-                </Select>
-                <FormMessage />
+                  </Select>
+                  <FormMessage />
                 </FormItem>
-            )}
+              )}
             />
 
-            {/* Main content URL */}
             <FormField
-            control={form.control}
-            name="contentUrl"
-            render={({ field }) => (
-                <FormItem>
-                <FormLabel>Content URL</FormLabel>
-                <FormControl>
+              control={form.control}
+              name="contentUrl"
+              render={({ field }) => (
+                <FormItem className="md:col-span-1">
+                  <FormLabel>Content URL</FormLabel>
+                  <FormControl>
                     <Input
-                    placeholder="https://..."
-                    {...field}
+                      placeholder="https://..."
+                      {...field}
                     />
-                </FormControl>
-                <FormMessage />
+                  </FormControl>
+                  <FormMessage />
                 </FormItem>
-            )}
+              )}
             />
+          </div>
 
+          {/* Hidden courseId so it gets sent along with the form */}
+          <input type="hidden" {...form.register("courseId")} value={courseId} />
 
+          {/* Unit selection */}
           <FormField
             control={form.control}
             name="unitId"
@@ -231,7 +240,7 @@ export function CreateLessonForm({
             </p>
           )}
 
-          <div className="flex gap-2">
+          <div className="flex items-center justify-end gap-2 pt-2">
             <Button
               type="button"
               variant="outline"
diff --git a/src/app/admin/courses/[courseId]/lesson/create/page.tsx b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
index f182bee..5496b7a 100644
--- a/src/app/admin/courses/[courseId]/lesson/create/page.tsx
+++ b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
@@ -1,9 +1,14 @@
-// src/app/admin/courses/[courseId]/lesson/create/page.tsx
-
 import { db } from "@/db/index";
 import { units } from "@/db/schema";
 import { eq } from "drizzle-orm";
 import { CreateLessonForm } from "./CreateLessonForm";
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+} from "@/components/ui/card";
 
 type PageProps = {
   params: Promise<{ courseId: string }>;
@@ -12,30 +17,41 @@ type PageProps = {
 export default async function CreateLessonPage({ params }: PageProps) {
   const { courseId } = await params;
 
-  // courseId in the URL will be something like "1"
   const courseUnits = await db
     .select()
     .from(units)
     .where(eq(units.courseId, courseId));
 
   return (
-    <div className="space-y-6">
+    <div className="mx-auto flex max-w-3xl flex-col gap-6">
       <div>
-        <h1 className="text-2xl font-semibold tracking-tight">
+        <h1 className="text-3xl font-semibold tracking-tight">
           Create lesson
         </h1>
-        <p className="text-sm text-muted-foreground">
-          Add a new lesson and assign it to a unit in this course.
+        <p className="mt-1 text-sm text-muted-foreground">
+          Define lesson details, add content, and assign it to a unit in this
+          course.
         </p>
       </div>
 
-      <CreateLessonForm
-        courseId={courseId}
-        initialUnits={courseUnits.map((u) => ({
-          id: u.id,
-          title: u.title ?? `Unit ${u.id}`,
-        }))}
-      />
+      <Card className="border border-border/60 shadow-sm">
+        <CardHeader className="pb-4">
+          <CardTitle className="text-lg">Lesson details</CardTitle>
+          <CardDescription>
+            Fill out the fields below to create a new lesson. You can also
+            create a new unit on the fly if you need one.
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="pt-2">
+          <CreateLessonForm
+            courseId={courseId}
+            initialUnits={courseUnits.map((u) => ({
+              id: u.id,
+              title: u.title ?? `Unit ${u.id}`,
+            }))}
+          />
+        </CardContent>
+      </Card>
     </div>
   );
 }
diff --git a/src/components/CreateUnitDialog.tsx b/src/components/CreateUnitDialog.tsx
index 6d5b3a1..9528cd2 100644
--- a/src/components/CreateUnitDialog.tsx
+++ b/src/components/CreateUnitDialog.tsx
@@ -73,9 +73,11 @@ export function CreateUnitDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent>
+      <DialogContent className="sm:max-w-md">
         <DialogHeader>
-          <DialogTitle>Create new unit</DialogTitle>
+          <DialogTitle className="text-lg">
+            Create new unit
+          </DialogTitle>
         </DialogHeader>
 
         <Form {...form}>
@@ -87,7 +89,10 @@ export function CreateUnitDialog({
                 <FormItem>
                   <FormLabel>Unit title</FormLabel>
                   <FormControl>
-                    <Input placeholder="e.g. Introduction" {...field} />
+                    <Input
+                      placeholder="e.g. Week 1: Introduction"
+                      {...field}
+                    />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -100,7 +105,7 @@ export function CreateUnitDialog({
               </p>
             )}
 
-            <DialogFooter>
+            <DialogFooter className="pt-2">
               <Button
                 type="button"
                 variant="outline"
@@ -118,4 +123,3 @@ export function CreateUnitDialog({
     </Dialog>
   );
 }
-

From a45abdbb4267db75c16fcf6f5c7bfb283934f4ec Mon Sep 17 00:00:00 2001
From: adanrsantos <adanrsantos2016@gmail.com>
Date: Sat, 22 Nov 2025 17:46:08 -0600
Subject: [PATCH 9/9] fixed up folder layout but overall looks good

---
 src/actions/admin/lesson.ts                   | 36 ++++++++++
 src/actions/admin/tag.ts                      |  2 +-
 src/actions/admin/units.ts                    | 31 +++++++++
 .../courses/[courseId]/lesson/create/page.tsx |  2 +-
 src/app/admin/courses/[courseId]/page.tsx     | 19 +++--
 src/app/admin/layout.tsx                      |  2 +-
 src/components/{ => admin}/AdminNavbar.tsx    |  0
 src/components/admin/CourseTable.tsx          | 10 ++-
 .../admin}/CreateLessonForm.tsx               | 12 ++--
 .../{ => admin}/CreateUnitDialog.tsx          | 10 +--
 src/components/admin/TagModal.tsx             |  2 +-
 src/lib/lesson.ts                             | 34 ---------
 src/lib/lessonActions.ts                      | 69 -------------------
 src/lib/validations/course.ts                 |  6 --
 src/lib/validations/lesson.ts                 | 15 ++++
 src/lib/validations/tag.ts                    |  5 ++
 src/lib/validations/unit.ts                   |  8 +++
 17 files changed, 131 insertions(+), 132 deletions(-)
 create mode 100644 src/actions/admin/lesson.ts
 create mode 100644 src/actions/admin/units.ts
 rename src/components/{ => admin}/AdminNavbar.tsx (100%)
 rename src/{app/admin/courses/[courseId]/lesson/create => components/admin}/CreateLessonForm.tsx (96%)
 rename src/components/{ => admin}/CreateUnitDialog.tsx (94%)
 delete mode 100644 src/lib/lesson.ts
 delete mode 100644 src/lib/lessonActions.ts
 create mode 100644 src/lib/validations/lesson.ts
 create mode 100644 src/lib/validations/tag.ts
 create mode 100644 src/lib/validations/unit.ts

diff --git a/src/actions/admin/lesson.ts b/src/actions/admin/lesson.ts
new file mode 100644
index 0000000..c3e88d5
--- /dev/null
+++ b/src/actions/admin/lesson.ts
@@ -0,0 +1,36 @@
+'use server';
+import { revalidatePath } from "next/cache";
+import { db } from "@/db/index";
+import { lessons } from "@/db/schema";
+import { lessonFormSchema } from "@/lib/validations/lesson";
+import { actionClient } from "@/lib/safe-action";
+
+export const createLessonAction = actionClient
+  .schema(lessonFormSchema)
+  .action(async ({ parsedInput }) => {
+    const {
+      title,
+      description,
+      unitId,
+      courseId,
+      mediaType,
+      contentUrl,
+    } = parsedInput;
+
+    const metadata = JSON.stringify({
+      title,
+      description: description ?? "",
+    });
+
+    await db.insert(lessons).values({
+      unitId,
+      mediaType,   // now real value from the form
+      metadata,
+      contentUrl,  // real URL from the form
+      // contentBlobId stays null
+    });
+
+    revalidatePath(`/admin/courses/${courseId}`);
+
+    return { success: true };
+});
\ No newline at end of file
diff --git a/src/actions/admin/tag.ts b/src/actions/admin/tag.ts
index 3c9b316..65a57cd 100644
--- a/src/actions/admin/tag.ts
+++ b/src/actions/admin/tag.ts
@@ -1,6 +1,6 @@
 'use server';
 import { tags, users, coursesTags } from "@/db/schema";
-import { type TagFormValues } from "@/lib/validations/course";
+import { type TagFormValues } from "@/lib/validations/tag";
 import { db } from "@/db";
 import { auth } from "@/lib/auth";
 import { headers } from "next/headers";
diff --git a/src/actions/admin/units.ts b/src/actions/admin/units.ts
new file mode 100644
index 0000000..e76fba0
--- /dev/null
+++ b/src/actions/admin/units.ts
@@ -0,0 +1,31 @@
+// src/app/admin/courses/[courseId]/lesson/create/actions.ts
+'use server';
+
+import { revalidatePath } from "next/cache";
+import { db } from "@/db/index";
+import { units } from "@/db/schema";
+import { createUnitSchema } from "@/lib/validations/unit";
+import { actionClient } from "@/lib/safe-action";
+
+// Create unit (for the modal)
+export const createUnitAction = actionClient
+  .schema(createUnitSchema)
+  .action(async ({ parsedInput }) => {
+    const { title, courseId } = parsedInput;
+    // Minimal insert: courseId (text) + title; position defaults to 1
+    const [unit] = await db
+      .insert(units)
+      .values({
+        courseId,
+        title,
+      })
+      .returning();
+
+    revalidatePath(`/admin/courses/${courseId}`);
+
+    return {
+      success: true,
+      unitId: unit.id,
+      unitTitle: unit.title,
+    };
+});
diff --git a/src/app/admin/courses/[courseId]/lesson/create/page.tsx b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
index 5496b7a..1131e1c 100644
--- a/src/app/admin/courses/[courseId]/lesson/create/page.tsx
+++ b/src/app/admin/courses/[courseId]/lesson/create/page.tsx
@@ -1,7 +1,7 @@
 import { db } from "@/db/index";
 import { units } from "@/db/schema";
 import { eq } from "drizzle-orm";
-import { CreateLessonForm } from "./CreateLessonForm";
+import { CreateLessonForm } from "@/components/admin/CreateLessonForm";
 import {
   Card,
   CardHeader,
diff --git a/src/app/admin/courses/[courseId]/page.tsx b/src/app/admin/courses/[courseId]/page.tsx
index 538264c..0869d52 100644
--- a/src/app/admin/courses/[courseId]/page.tsx
+++ b/src/app/admin/courses/[courseId]/page.tsx
@@ -1,8 +1,13 @@
-export default async function Page({
-  params,
-}: {
-  params: Promise<{ courseId: string }>;
+
+export default async function CourseIdPage({ 
+  params 
+}: { 
+  params: Promise<{ courseId: string}> 
 }) {
-  const { courseId } = await params;
-  return <div>This is the admin course page for {courseId}</div>;
-}
+  const { courseId } = await params; 
+  const id = Number(courseId);
+  
+  return <div className="">
+    Course ID: {id}
+  </div>
+}
\ No newline at end of file
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 3242b10..8ba5c75 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import AdminNavbar from "@/components/AdminNavbar";
+import AdminNavbar from "@/components/admin/AdminNavbar";
 import { Toaster } from "sonner"
 
 
diff --git a/src/components/AdminNavbar.tsx b/src/components/admin/AdminNavbar.tsx
similarity index 100%
rename from src/components/AdminNavbar.tsx
rename to src/components/admin/AdminNavbar.tsx
diff --git a/src/components/admin/CourseTable.tsx b/src/components/admin/CourseTable.tsx
index 47f9188..647d2bc 100644
--- a/src/components/admin/CourseTable.tsx
+++ b/src/components/admin/CourseTable.tsx
@@ -38,6 +38,7 @@ import {
 import { getAllCourses } from "@/actions/admin/course";
 import { CourseWithData } from "@/lib/types";
 import { useEffect, useState } from "react";
+import Link from "next/link";
 
 const columns: ColumnDef<CourseWithData>[] = [
   {
@@ -80,7 +81,14 @@ const columns: ColumnDef<CourseWithData>[] = [
         </div>
       )
     },
-    cell: ({ row }) => <div className="text-left pl-3">{row.getValue("title")}</div>,
+    cell: ({ row }) => {
+      const course = row.original;
+      return (
+        <div className="text-left pl-3">
+          <Link className="hover:underline" href={`/admin/courses/${course.id}`}>{row.getValue("title")}</Link>
+        </div>
+      );
+    },
   },
   {
     accessorKey: "description",
diff --git a/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx b/src/components/admin/CreateLessonForm.tsx
similarity index 96%
rename from src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
rename to src/components/admin/CreateLessonForm.tsx
index ba2fcd1..11d54d1 100644
--- a/src/app/admin/courses/[courseId]/lesson/create/CreateLessonForm.tsx
+++ b/src/components/admin/CreateLessonForm.tsx
@@ -8,9 +8,9 @@ import { useAction } from "next-safe-action/hooks";
 
 import {
   lessonFormSchema,
-  type LessonFormSchema,
-} from "@/lib/lesson";
-import { createLessonAction } from "@/lib/lessonActions";
+  type LessonFormValues,
+} from "@/lib/validations/lesson";
+import { createLessonAction } from "@/actions/admin/lesson";
 
 import {
   Form,
@@ -31,7 +31,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 
-import { CreateUnitDialog } from "@/components/CreateUnitDialog";
+import { CreateUnitDialog } from "./CreateUnitDialog";
 
 type UnitOption = {
   id: number;
@@ -56,7 +56,7 @@ export function CreateLessonForm({
 
   // Relaxed typing around resolver to avoid RHF + zod generic noise,
   // while still keeping LessonFormSchema as the form's value type.
-  const form = useForm<LessonFormSchema>({
+  const form = useForm<LessonFormValues>({
     resolver: zodResolver(lessonFormSchema) as any,
     defaultValues: {
       title: "",
@@ -78,7 +78,7 @@ export function CreateLessonForm({
 
   const isSubmitting = status === "executing";
 
-  const onSubmit = (values: LessonFormSchema) => {
+  const onSubmit = (values: LessonFormValues) => {
     execute(values);
   };
 
diff --git a/src/components/CreateUnitDialog.tsx b/src/components/admin/CreateUnitDialog.tsx
similarity index 94%
rename from src/components/CreateUnitDialog.tsx
rename to src/components/admin/CreateUnitDialog.tsx
index 9528cd2..37176ec 100644
--- a/src/components/CreateUnitDialog.tsx
+++ b/src/components/admin/CreateUnitDialog.tsx
@@ -7,11 +7,11 @@ import { useAction } from "next-safe-action/hooks";
 
 import {
   createUnitAction,
-} from "@/lib/lessonActions";
+} from "@/actions/admin/units";
 import {
   createUnitSchema,
-  type CreateUnitSchema,
-} from "@/lib/lesson";
+  type CreateUnitValues,
+} from "@/lib/validations/unit";
 
 import {
   Dialog,
@@ -44,7 +44,7 @@ export function CreateUnitDialog({
   courseId,
   onCreated,
 }: CreateUnitDialogProps) {
-  const form = useForm<CreateUnitSchema>({
+  const form = useForm<CreateUnitValues>({
     resolver: zodResolver(createUnitSchema),
     defaultValues: {
       title: "",
@@ -67,7 +67,7 @@ export function CreateUnitDialog({
 
   const isSubmitting = status === "executing";
 
-  const onSubmit = (values: CreateUnitSchema) => {
+  const onSubmit = (values: CreateUnitValues) => {
     execute(values);
   };
 
diff --git a/src/components/admin/TagModal.tsx b/src/components/admin/TagModal.tsx
index 9030f30..60ad0f9 100644
--- a/src/components/admin/TagModal.tsx
+++ b/src/components/admin/TagModal.tsx
@@ -13,7 +13,7 @@ import {
 import React, { useState } from "react";
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
-import { tagSchema, type TagFormValues } from "@/lib/validations/course";
+import { tagSchema, type TagFormValues } from "@/lib/validations/tag";
 import { toast } from "sonner";
 import { createTag } from "@/actions/admin/tag";
 import { TagModalProps } from "@/lib/types";
diff --git a/src/lib/lesson.ts b/src/lib/lesson.ts
deleted file mode 100644
index e8feed8..0000000
--- a/src/lib/lesson.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-// src/lib/lesson.ts
-import { z } from "zod";
-
-// keep this in sync with mediaTypeValues in your schema.ts
-const mediaTypeValues = [
-  "youtube",
-  "markdown",
-  "pdf",
-  "image",
-  "audio",
-  "other",
-] as const;
-
-export const lessonFormSchema = z.object({
-  title: z.string().min(1, "Title is required"),
-  description: z.string().optional(),
-  unitId: z.coerce.number().int().positive("Unit is required"),
-  courseId: z.string().min(1),
-
-  mediaType: z.enum(mediaTypeValues),
-  contentUrl: z
-    .string()
-    .url("Must be a valid URL (starts with http:// or https://)"),
-});
-
-export type LessonFormSchema = z.infer<typeof lessonFormSchema>;
-
-// For the “create unit” modal
-export const createUnitSchema = z.object({
-  title: z.string().min(1, "Unit title is required"),
-  courseId: z.string().min(1),
-});
-
-export type CreateUnitSchema = z.infer<typeof createUnitSchema>;
diff --git a/src/lib/lessonActions.ts b/src/lib/lessonActions.ts
deleted file mode 100644
index 18d1e86..0000000
--- a/src/lib/lessonActions.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-// src/app/admin/courses/[courseId]/lesson/create/actions.ts
-"use server";
-
-import { revalidatePath } from "next/cache";
-import { eq } from "drizzle-orm";
-
-import { db } from "@/db/index";
-import { units, lessons } from "@/db/schema";
-import {
-  lessonFormSchema,
-  createUnitSchema,
-  type LessonFormSchema,
-  type CreateUnitSchema,
-} from "@/lib/lesson";
-import { actionClient } from "@/lib/safe-action";
-
-export const createLessonAction = actionClient
-  .schema(lessonFormSchema)
-  .action(async ({ parsedInput }) => {
-    const {
-      title,
-      description,
-      unitId,
-      courseId,
-      mediaType,
-      contentUrl,
-    } = parsedInput;
-
-    const metadata = JSON.stringify({
-      title,
-      description: description ?? "",
-    });
-
-    await db.insert(lessons).values({
-      unitId,
-      mediaType,   // now real value from the form
-      metadata,
-      contentUrl,  // real URL from the form
-      // contentBlobId stays null
-    });
-
-    revalidatePath(`/admin/courses/${courseId}`);
-
-    return { success: true };
-  });
-
-// Create unit (for the modal)
-export const createUnitAction = actionClient
-  .schema(createUnitSchema)
-  .action(async ({ parsedInput }) => {
-    const { title, courseId } = parsedInput;
-
-    // Minimal insert: courseId (text) + title; position defaults to 1
-    const [unit] = await db
-      .insert(units)
-      .values({
-        courseId,
-        title,
-      })
-      .returning();
-
-    revalidatePath(`/admin/courses/${courseId}`);
-
-    return {
-      success: true,
-      unitId: unit.id,
-      unitTitle: unit.title,
-    };
-  });
diff --git a/src/lib/validations/course.ts b/src/lib/validations/course.ts
index 7fc5b16..9d90d1a 100644
--- a/src/lib/validations/course.ts
+++ b/src/lib/validations/course.ts
@@ -1,5 +1,4 @@
 import { z } from "zod";
-
 export const courseSchema = z.object({
     title: z.string().min(3, "Title must be at least 3 characters long").trim(),
     description: z.string().max(500, "Description is too long").trim().optional().or(z.literal("")),
@@ -10,8 +9,3 @@ export const courseSchema = z.object({
 
 });
 export type CourseFormValues = z.infer<typeof courseSchema>;
-
-export const tagSchema = z.object({
-    tagName: z.string().min(3, "Tag must be at least 3 characters long.").max(10, "Tag must be less than or equal to 10 characters long."), 
-});
-export type TagFormValues = z.infer<typeof tagSchema>;
diff --git a/src/lib/validations/lesson.ts b/src/lib/validations/lesson.ts
new file mode 100644
index 0000000..07f55d1
--- /dev/null
+++ b/src/lib/validations/lesson.ts
@@ -0,0 +1,15 @@
+// src/lib/lesson.ts
+import { z } from "zod";
+import { mediaTypeValues } from "@/db/schema";
+export const lessonFormSchema = z.object({
+  title: z.string().min(1, "Title is required"),
+  description: z.string().optional(),
+  unitId: z.coerce.number().int().positive("Unit is required"),
+  courseId: z.string().min(1),
+
+  mediaType: z.enum(mediaTypeValues),
+  contentUrl: z
+    .string()
+    .url("Must be a valid URL (starts with http:// or https://)"),
+});
+export type LessonFormValues = z.infer<typeof lessonFormSchema>;
diff --git a/src/lib/validations/tag.ts b/src/lib/validations/tag.ts
new file mode 100644
index 0000000..21a3213
--- /dev/null
+++ b/src/lib/validations/tag.ts
@@ -0,0 +1,5 @@
+import { z } from "zod";
+export const tagSchema = z.object({
+    tagName: z.string().min(3, "Tag must be at least 3 characters long.").max(10, "Tag must be less than or equal to 10 characters long."), 
+});
+export type TagFormValues = z.infer<typeof tagSchema>;
diff --git a/src/lib/validations/unit.ts b/src/lib/validations/unit.ts
new file mode 100644
index 0000000..06e22d6
--- /dev/null
+++ b/src/lib/validations/unit.ts
@@ -0,0 +1,8 @@
+import { z } from "zod";
+// For the “create unit” modal
+export const createUnitSchema = z.object({
+  title: z.string().min(1, "Unit title is required"),
+  courseId: z.string().min(1),
+});
+
+export type CreateUnitValues = z.infer<typeof createUnitSchema>;
\ No newline at end of file