feat: implement send message (#14)

* feat: add shadcn select component

* feat: implement send message functionality

* fix: persona sync deletes existing personas

* fix: duplicate nonce used

* feat: add shadcn form component & zod

* refactor: sidebar to use shadcn form & zod

shadcn form (react-hook-forms) handles validation & accessibility for us

---------

Co-authored-by: Ryan Martin <rmrt1n@users.noreply.github.com>

package.json

@@ -11,11 +11,13 @@
     "format": "prettier --ignore-path .gitignore --ignore-path 'src/routeTree.gen.ts' --write ."
   },
   "dependencies": {
+    "@hookform/resolvers": "^3.3.4",
     "@noble/curves": "^1.4.0",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
@@ -27,10 +29,12 @@
     "lucide-react": "^0.334.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.51.1",
     "react-resizable-panels": "^2.0.11",
     "tailwind-merge": "^2.2.1",
     "tailwindcss-animate": "^1.0.7",
-    "viem": "^2.7.20"
+    "viem": "^2.7.20",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@tanstack/router-vite-plugin": "^1.16.5",

src/components/sidebar/index.tsx

@@ -29,7 +29,7 @@ export function Sidebar() {
   const queries = data?.queries.filter((q) => !builtin.queries[q.name]) ?? []
 
   return (
-    <aside className="flex flex-col justify-between px-3 pt-4 pb-2 min-w-64 border-r text-sm">
+    <aside className="flex flex-col justify-between px-3 pt-4 pb-2 min-w-64 w-64 border-r text-sm">
       <div className="space-y-2">
         <CreatePersona />
         <SidebarMessages messages={messages} />