···

       
12
       
12
       
 
       
        "@elysiajs/eden": "^1.4.3",

     

       
13
       
13
       
 
       
        "@elysiajs/openapi": "^1.4.11",

     

       
14
       
14
       
 
       
        "@elysiajs/static": "^1.4.2",

     

       
15
       
15
       
+
       
        "@radix-ui/react-dialog": "^1.1.15",

     

       
16
       
16
       
+
       
        "@radix-ui/react-label": "^2.1.7",

     

       
17
       
17
       
+
       
        "@radix-ui/react-radio-group": "^1.3.8",

     

       
18
       
18
       
+
       
        "@radix-ui/react-slot": "^1.2.3",

     

       
19
       
19
       
+
       
        "@radix-ui/react-tabs": "^1.1.13",

     

       
15
       
20
       
 
       
        "@tanstack/react-query": "^5.90.2",

     

       
21
       
21
       
+
       
        "class-variance-authority": "^0.7.1",

     

       
16
       
22
       
 
       
        "clsx": "^2.1.1",

     

       
17
       
23
       
 
       
        "elysia": "latest",

     

       
18
       
24
       
 
       
        "iron-session": "^8.0.4",

     

       
25
       
25
       
+
       
        "lucide-react": "^0.546.0",

     

       
19
       
26
       
 
       
        "react": "^19.2.0",

     

       
20
       
27
       
 
       
        "react-dom": "^19.2.0",

     

       
28
       
28
       
+
       
        "tailwind-merge": "^3.3.1",

     

       
21
       
29
       
 
       
        "tailwindcss": "4",

     

       
30
       
30
       
+
       
        "tw-animate-css": "^1.4.0",

     

       
22
       
31
       
 
       
      },

     

       
23
       
32
       
 
       
      "devDependencies": {

     

       
24
       
33
       
 
       
        "@types/react": "^19.2.2",

     
···

       
129
       
138
       
 
       


     

       
130
       
139
       
 
       
    "@oven/bun-windows-x64-baseline": ["@oven/bun-windows-x64-baseline@1.3.0", "", { "os": "win32", "cpu": "x64" }, "sha512-/jVZ8eYjpYHLDFNoT86cP+AjuWvpkzFY+0R0a1bdeu0sQ6ILuy1FV6hz1hUAP390E09VCo5oP76fnx29giHTtA=="],

     

       
131
       
140
       
 
       


     

       
141
       
141
       
+
       
    "@radix-ui/primitive": ["@radix-ui/primitive@1.1.3", "", {}, "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg=="],

     

       
142
       
142
       
+
       


     

       
143
       
143
       
+
       
    "@radix-ui/react-collection": ["@radix-ui/react-collection@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw=="],

     

       
144
       
144
       
+
       


     

       
145
       
145
       
+
       
    "@radix-ui/react-compose-refs": ["@radix-ui/react-compose-refs@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg=="],

     

       
146
       
146
       
+
       


     

       
147
       
147
       
+
       
    "@radix-ui/react-context": ["@radix-ui/react-context@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA=="],

     

       
148
       
148
       
+
       


     

       
149
       
149
       
+
       
    "@radix-ui/react-dialog": ["@radix-ui/react-dialog@1.1.15", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-dismissable-layer": "1.1.11", "@radix-ui/react-focus-guards": "1.1.3", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-controllable-state": "1.2.2", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw=="],

     

       
150
       
150
       
+
       


     

       
151
       
151
       
+
       
    "@radix-ui/react-direction": ["@radix-ui/react-direction@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw=="],

     

       
152
       
152
       
+
       


     

       
153
       
153
       
+
       
    "@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg=="],

     

       
154
       
154
       
+
       


     

       
155
       
155
       
+
       
    "@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.3", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw=="],

     

       
156
       
156
       
+
       


     

       
157
       
157
       
+
       
    "@radix-ui/react-focus-scope": ["@radix-ui/react-focus-scope@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw=="],

     

       
158
       
158
       
+
       


     

       
159
       
159
       
+
       
    "@radix-ui/react-id": ["@radix-ui/react-id@1.1.1", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg=="],

     

       
160
       
160
       
+
       


     

       
161
       
161
       
+
       
    "@radix-ui/react-label": ["@radix-ui/react-label@2.1.7", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ=="],

     

       
162
       
162
       
+
       


     

       
163
       
163
       
+
       
    "@radix-ui/react-portal": ["@radix-ui/react-portal@1.1.9", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-layout-effect": "1.1.1" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ=="],

     

       
164
       
164
       
+
       


     

       
165
       
165
       
+
       
    "@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.5", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ=="],

     

       
166
       
166
       
+
       


     

       
167
       
167
       
+
       
    "@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       
168
       
168
       
+
       


     

       
169
       
169
       
+
       
    "@radix-ui/react-radio-group": ["@radix-ui/react-radio-group@1.3.8", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-roving-focus": "1.1.11", "@radix-ui/react-use-controllable-state": "1.2.2", "@radix-ui/react-use-previous": "1.1.1", "@radix-ui/react-use-size": "1.1.1" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ=="],

     

       
170
       
170
       
+
       


     

       
171
       
171
       
+
       
    "@radix-ui/react-roving-focus": ["@radix-ui/react-roving-focus@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-collection": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-controllable-state": "1.2.2" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA=="],

     

       
172
       
172
       
+
       


     

       
173
       
173
       
+
       
    "@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       
174
       
174
       
+
       


     

       
175
       
175
       
+
       
    "@radix-ui/react-tabs": ["@radix-ui/react-tabs@1.1.13", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-roving-focus": "1.1.11", "@radix-ui/react-use-controllable-state": "1.2.2" }, "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" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A=="],

     

       
176
       
176
       
+
       


     

       
177
       
177
       
+
       
    "@radix-ui/react-use-callback-ref": ["@radix-ui/react-use-callback-ref@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg=="],

     

       
178
       
178
       
+
       


     

       
179
       
179
       
+
       
    "@radix-ui/react-use-controllable-state": ["@radix-ui/react-use-controllable-state@1.2.2", "", { "dependencies": { "@radix-ui/react-use-effect-event": "0.0.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg=="],

     

       
180
       
180
       
+
       


     

       
181
       
181
       
+
       
    "@radix-ui/react-use-effect-event": ["@radix-ui/react-use-effect-event@0.0.2", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA=="],

     

       
182
       
182
       
+
       


     

       
183
       
183
       
+
       
    "@radix-ui/react-use-escape-keydown": ["@radix-ui/react-use-escape-keydown@1.1.1", "", { "dependencies": { "@radix-ui/react-use-callback-ref": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g=="],

     

       
184
       
184
       
+
       


     

       
185
       
185
       
+
       
    "@radix-ui/react-use-layout-effect": ["@radix-ui/react-use-layout-effect@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ=="],

     

       
186
       
186
       
+
       


     

       
187
       
187
       
+
       
    "@radix-ui/react-use-previous": ["@radix-ui/react-use-previous@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ=="],

     

       
188
       
188
       
+
       


     

       
189
       
189
       
+
       
    "@radix-ui/react-use-size": ["@radix-ui/react-use-size@1.1.1", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ=="],

     

       
190
       
190
       
+
       


     

       
132
       
191
       
 
       
    "@sinclair/typebox": ["@sinclair/typebox@0.34.41", "", {}, "sha512-6gS8pZzSXdyRHTIqoqSVknxolr1kzfy4/CeDnrzsVz8TTIWUbOBr6gnzOmTYJ3eXQNh4IYHIGi5aIL7sOZ2G/g=="],

     

       
133
       
192
       
 
       


     

       
134
       
193
       
 
       
    "@tanstack/query-core": ["@tanstack/query-core@5.90.2", "", {}, "sha512-k/TcR3YalnzibscALLwxeiLUub6jN5EDLwKDiO7q5f4ICEoptJ+n9+7vcEFy5/x/i6Q+Lb/tXrsKCggf5uQJXQ=="],

     
···

       
153
       
212
       
 
       


     

       
154
       
213
       
 
       
    "ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],

     

       
155
       
214
       
 
       


     

       
215
       
215
       
+
       
    "aria-hidden": ["aria-hidden@1.2.6", "", { "dependencies": { "tslib": "^2.0.0" } }, "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA=="],

     

       
216
       
216
       
+
       


     

       
156
       
217
       
 
       
    "array-flatten": ["array-flatten@1.1.1", "", {}, "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="],

     

       
157
       
218
       
 
       


     

       
158
       
219
       
 
       
    "atomic-sleep": ["atomic-sleep@1.0.0", "", {}, "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ=="],

     
···

       
189
       
250
       
 
       


     

       
190
       
251
       
 
       
    "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],

     

       
191
       
252
       
 
       


     

       
253
       
253
       
+
       
    "class-variance-authority": ["class-variance-authority@0.7.1", "", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],

     

       
254
       
254
       
+
       


     

       
192
       
255
       
 
       
    "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],

     

       
193
       
256
       
 
       


     

       
194
       
257
       
 
       
    "code-block-writer": ["code-block-writer@13.0.3", "", {}, "sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg=="],

     
···

       
219
       
282
       
 
       


     

       
220
       
283
       
 
       
    "detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],

     

       
221
       
284
       
 
       


     

       
285
       
285
       
+
       
    "detect-node-es": ["detect-node-es@1.1.0", "", {}, "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="],

     

       
286
       
286
       
+
       


     

       
222
       
287
       
 
       
    "dunder-proto": ["dunder-proto@1.0.1", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.1", "es-errors": "^1.3.0", "gopd": "^1.2.0" } }, "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A=="],

     

       
223
       
288
       
 
       


     

       
224
       
289
       
 
       
    "ee-first": ["ee-first@1.1.1", "", {}, "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="],

     
···

       
264
       
329
       
 
       
    "function-bind": ["function-bind@1.1.2", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],

     

       
265
       
330
       
 
       


     

       
266
       
331
       
 
       
    "get-intrinsic": ["get-intrinsic@1.3.0", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "function-bind": "^1.1.2", "get-proto": "^1.0.1", "gopd": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "math-intrinsics": "^1.1.0" } }, "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ=="],

     

       
332
       
332
       
+
       


     

       
333
       
333
       
+
       
    "get-nonce": ["get-nonce@1.0.1", "", {}, "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="],

     

       
267
       
334
       
 
       


     

       
268
       
335
       
 
       
    "get-proto": ["get-proto@1.0.1", "", { "dependencies": { "dunder-proto": "^1.0.1", "es-object-atoms": "^1.0.0" } }, "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g=="],

     

       
269
       
336
       
 
       


     
···

       
297
       
364
       
 
       


     

       
298
       
365
       
 
       
    "lru-cache": ["lru-cache@10.4.3", "", {}, "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="],

     

       
299
       
366
       
 
       


     

       
367
       
367
       
+
       
    "lucide-react": ["lucide-react@0.546.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Z94u6fKT43lKeYHiVyvyR8fT7pwCzDu7RyMPpTvh054+xahSgj4HFQ+NmflvzdXsoAjYGdCguGaFKYuvq0ThCQ=="],

     

       
368
       
368
       
+
       


     

       
300
       
369
       
 
       
    "math-intrinsics": ["math-intrinsics@1.1.0", "", {}, "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="],

     

       
301
       
370
       
 
       


     

       
302
       
371
       
 
       
    "media-typer": ["media-typer@0.3.0", "", {}, "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ=="],

     
···

       
364
       
433
       
 
       
    "react": ["react@19.2.0", "", {}, "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ=="],

     

       
365
       
434
       
 
       


     

       
366
       
435
       
 
       
    "react-dom": ["react-dom@19.2.0", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.0" } }, "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ=="],

     

       
436
       
436
       
+
       


     

       
437
       
437
       
+
       
    "react-remove-scroll": ["react-remove-scroll@2.7.1", "", { "dependencies": { "react-remove-scroll-bar": "^2.3.7", "react-style-singleton": "^2.2.3", "tslib": "^2.1.0", "use-callback-ref": "^1.3.3", "use-sidecar": "^1.1.3" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA=="],

     

       
438
       
438
       
+
       


     

       
439
       
439
       
+
       
    "react-remove-scroll-bar": ["react-remove-scroll-bar@2.3.8", "", { "dependencies": { "react-style-singleton": "^2.2.2", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@types/react"] }, "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q=="],

     

       
440
       
440
       
+
       


     

       
441
       
441
       
+
       
    "react-style-singleton": ["react-style-singleton@2.2.3", "", { "dependencies": { "get-nonce": "^1.0.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ=="],

     

       
367
       
442
       
 
       


     

       
368
       
443
       
 
       
    "readable-stream": ["readable-stream@4.7.0", "", { "dependencies": { "abort-controller": "^3.0.0", "buffer": "^6.0.3", "events": "^3.3.0", "process": "^0.11.10", "string_decoder": "^1.3.0" } }, "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg=="],

     

       
369
       
444
       
 
       


     
···

       
403
       
478
       
 
       


     

       
404
       
479
       
 
       
    "supports-color": ["supports-color@7.2.0", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],

     

       
405
       
480
       
 
       


     

       
481
       
481
       
+
       
    "tailwind-merge": ["tailwind-merge@3.3.1", "", {}, "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g=="],

     

       
482
       
482
       
+
       


     

       
406
       
483
       
 
       
    "tailwindcss": ["tailwindcss@4.1.14", "", {}, "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA=="],

     

       
407
       
484
       
 
       


     

       
408
       
485
       
 
       
    "thread-stream": ["thread-stream@2.7.0", "", { "dependencies": { "real-require": "^0.2.0" } }, "sha512-qQiRWsU/wvNolI6tbbCKd9iKaTnCXsTwVxhhKM6nctPdujTyztjlbUkUTUymidWcMnZ5pWR0ej4a0tjsW021vw=="],

     
···

       
417
       
494
       
 
       


     

       
418
       
495
       
 
       
    "ts-morph": ["ts-morph@24.0.0", "", { "dependencies": { "@ts-morph/common": "~0.25.0", "code-block-writer": "^13.0.3" } }, "sha512-2OAOg/Ob5yx9Et7ZX4CvTCc0UFoZHwLEJ+dpDPSUi5TgwwlTlX47w+iFRrEwzUZwYACjq83cgjS/Da50Ga37uw=="],

     

       
419
       
496
       
 
       


     

       
497
       
497
       
+
       
    "tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],

     

       
498
       
498
       
+
       


     

       
499
       
499
       
+
       
    "tw-animate-css": ["tw-animate-css@1.4.0", "", {}, "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ=="],

     

       
500
       
500
       
+
       


     

       
420
       
501
       
 
       
    "type-is": ["type-is@1.6.18", "", { "dependencies": { "media-typer": "0.3.0", "mime-types": "~2.1.24" } }, "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g=="],

     

       
421
       
502
       
 
       


     

       
422
       
503
       
 
       
    "uint8array-extras": ["uint8array-extras@1.5.0", "", {}, "sha512-rvKSBiC5zqCCiDZ9kAOszZcDvdAHwwIKJG33Ykj43OKcWsnmcBRL09YTU4nOeHZ8Y2a7l1MgTd08SBe9A8Qj6A=="],

     
···

       
430
       
511
       
 
       
    "undici-types": ["undici-types@7.14.0", "", {}, "sha512-QQiYxHuyZ9gQUIrmPo3IA+hUl4KYk8uSA7cHrcKd/l3p1OTpZcM0Tbp9x7FAtXdAYhlasd60ncPpgu6ihG6TOA=="],

     

       
431
       
512
       
 
       


     

       
432
       
513
       
 
       
    "unpipe": ["unpipe@1.0.0", "", {}, "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ=="],

     

       
514
       
514
       
+
       


     

       
515
       
515
       
+
       
    "use-callback-ref": ["use-callback-ref@1.3.3", "", { "dependencies": { "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg=="],

     

       
516
       
516
       
+
       


     

       
517
       
517
       
+
       
    "use-sidecar": ["use-sidecar@1.1.3", "", { "dependencies": { "detect-node-es": "^1.1.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ=="],

     

       
433
       
518
       
 
       


     

       
434
       
519
       
 
       
    "utils-merge": ["utils-merge@1.0.1", "", {}, "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA=="],

     

       
435
       
520
       
 
       


     

···

       
1
       
1
       
+
       
{

     

       
2
       
2
       
+
       
  "$schema": "https://ui.shadcn.com/schema.json",

     

       
3
       
3
       
+
       
  "style": "new-york",

     

       
4
       
4
       
+
       
  "rsc": false,

     

       
5
       
5
       
+
       
  "tsx": true,

     

       
6
       
6
       
+
       
  "tailwind": {

     

       
7
       
7
       
+
       
    "config": "",

     

       
8
       
8
       
+
       
    "css": "src/styles/globals.css",

     

       
9
       
9
       
+
       
    "baseColor": "neutral",

     

       
10
       
10
       
+
       
    "cssVariables": true,

     

       
11
       
11
       
+
       
    "prefix": ""

     

       
12
       
12
       
+
       
  },

     

       
13
       
13
       
+
       
  "aliases": {

     

       
14
       
14
       
+
       
    "components": "@public/components",

     

       
15
       
15
       
+
       
    "utils": "@public/lib/utils",

     

       
16
       
16
       
+
       
    "ui": "@public/components/ui",

     

       
17
       
17
       
+
       
    "lib": "@public/libs",

     

       
18
       
18
       
+
       
    "hooks": "@public/hooks"

     

       
19
       
19
       
+
       
  },

     

       
20
       
20
       
+
       
  "iconLibrary": "lucide"

     

       
21
       
21
       
+
       
}

     

···

       
15
       
15
       
 
       
    "@elysiajs/eden": "^1.4.3",

     

       
16
       
16
       
 
       
    "@elysiajs/openapi": "^1.4.11",

     

       
17
       
17
       
 
       
    "@elysiajs/static": "^1.4.2",

     

       
18
       
18
       
+
       
    "@radix-ui/react-dialog": "^1.1.15",

     

       
19
       
19
       
+
       
    "@radix-ui/react-label": "^2.1.7",

     

       
20
       
20
       
+
       
    "@radix-ui/react-radio-group": "^1.3.8",

     

       
21
       
21
       
+
       
    "@radix-ui/react-slot": "^1.2.3",

     

       
22
       
22
       
+
       
    "@radix-ui/react-tabs": "^1.1.13",

     

       
18
       
23
       
 
       
    "@tanstack/react-query": "^5.90.2",

     

       
24
       
24
       
+
       
    "class-variance-authority": "^0.7.1",

     

       
19
       
25
       
 
       
    "clsx": "^2.1.1",

     

       
20
       
26
       
 
       
    "elysia": "latest",

     

       
21
       
27
       
 
       
    "iron-session": "^8.0.4",

     

       
28
       
28
       
+
       
    "lucide-react": "^0.546.0",

     

       
22
       
29
       
 
       
    "react": "^19.2.0",

     

       
23
       
30
       
 
       
    "react-dom": "^19.2.0",

     

       
24
       
24
       
-
       
    "tailwindcss": "4"

     

       
31
       
31
       
+
       
    "tailwind-merge": "^3.3.1",

     

       
32
       
32
       
+
       
    "tailwindcss": "4",

     

       
33
       
33
       
+
       
    "tw-animate-css": "^1.4.0"

     

       
25
       
34
       
 
       
  },

     

       
26
       
35
       
 
       
  "devDependencies": {

     

       
27
       
36
       
 
       
    "@types/react": "^19.2.2",

     

···

       
1
       
1
       
+
       
import * as React from "react"

     

       
2
       
2
       
+
       
import { Slot } from "@radix-ui/react-slot"

     

       
3
       
3
       
+
       
import { cva, type VariantProps } from "class-variance-authority"

     

       
4
       
4
       
+
       


     

       
5
       
5
       
+
       
import { cn } from "@public/lib/utils"

     

       
6
       
6
       
+
       


     

       
7
       
7
       
+
       
const badgeVariants = cva(

     

       
8
       
8
       
+
       
  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",

     

       
9
       
9
       
+
       
  {

     

       
10
       
10
       
+
       
    variants: {

     

       
11
       
11
       
+
       
      variant: {

     

       
12
       
12
       
+
       
        default:

     

       
13
       
13
       
+
       
          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",

     

       
14
       
14
       
+
       
        secondary:

     

       
15
       
15
       
+
       
          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",

     

       
16
       
16
       
+
       
        destructive:

     

       
17
       
17
       
+
       
          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",

     

       
18
       
18
       
+
       
        outline:

     

       
19
       
19
       
+
       
          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",

     

       
20
       
20
       
+
       
      },

     

       
21
       
21
       
+
       
    },

     

       
22
       
22
       
+
       
    defaultVariants: {

     

       
23
       
23
       
+
       
      variant: "default",

     

       
24
       
24
       
+
       
    },

     

       
25
       
25
       
+
       
  }

     

       
26
       
26
       
+
       
)

     

       
27
       
27
       
+
       


     

       
28
       
28
       
+
       
function Badge({

     

       
29
       
29
       
+
       
  className,

     

       
30
       
30
       
+
       
  variant,

     

       
31
       
31
       
+
       
  asChild = false,

     

       
32
       
32
       
+
       
  ...props

     

       
33
       
33
       
+
       
}: React.ComponentProps<"span"> &

     

       
34
       
34
       
+
       
  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {

     

       
35
       
35
       
+
       
  const Comp = asChild ? Slot : "span"

     

       
36
       
36
       
+
       


     

       
37
       
37
       
+
       
  return (

     

       
38
       
38
       
+
       
    <Comp

     

       
39
       
39
       
+
       
      data-slot="badge"

     

       
40
       
40
       
+
       
      className={cn(badgeVariants({ variant }), className)}

     

       
41
       
41
       
+
       
      {...props}

     

       
42
       
42
       
+
       
    />

     

       
43
       
43
       
+
       
  )

     

       
44
       
44
       
+
       
}

     

       
45
       
45
       
+
       


     

       
46
       
46
       
+
       
export { Badge, badgeVariants }

     

···

       
1
       
1
       
+
       
import * as React from "react"

     

       
2
       
2
       
+
       
import { Slot } from "@radix-ui/react-slot"

     

       
3
       
3
       
+
       
import { cva, type VariantProps } from "class-variance-authority"

     

       
4
       
4
       
+
       


     

       
5
       
5
       
+
       
import { cn } from "@public/lib/utils"

     

       
6
       
6
       
+
       


     

       
7
       
7
       
+
       
const buttonVariants = cva(

     

       
8
       
8
       
+
       
  "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",

     

       
9
       
9
       
+
       
  {

     

       
10
       
10
       
+
       
    variants: {

     

       
11
       
11
       
+
       
      variant: {

     

       
12
       
12
       
+
       
        default: "bg-primary text-primary-foreground hover:bg-primary/90",

     

       
13
       
13
       
+
       
        destructive:

     

       
14
       
14
       
+
       
          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",

     

       
15
       
15
       
+
       
        outline:

     

       
16
       
16
       
+
       
          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",

     

       
17
       
17
       
+
       
        secondary:

     

       
18
       
18
       
+
       
          "bg-secondary text-secondary-foreground hover:bg-secondary/80",

     

       
19
       
19
       
+
       
        ghost:

     

       
20
       
20
       
+
       
          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",

     

       
21
       
21
       
+
       
        link: "text-primary underline-offset-4 hover:underline",

     

       
22
       
22
       
+
       
      },

     

       
23
       
23
       
+
       
      size: {

     

       
24
       
24
       
+
       
        default: "h-9 px-4 py-2 has-[>svg]:px-3",

     

       
25
       
25
       
+
       
        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",

     

       
26
       
26
       
+
       
        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",

     

       
27
       
27
       
+
       
        icon: "size-9",

     

       
28
       
28
       
+
       
        "icon-sm": "size-8",

     

       
29
       
29
       
+
       
        "icon-lg": "size-10",

     

       
30
       
30
       
+
       
      },

     

       
31
       
31
       
+
       
    },

     

       
32
       
32
       
+
       
    defaultVariants: {

     

       
33
       
33
       
+
       
      variant: "default",

     

       
34
       
34
       
+
       
      size: "default",

     

       
35
       
35
       
+
       
    },

     

       
36
       
36
       
+
       
  }

     

       
37
       
37
       
+
       
)

     

       
38
       
38
       
+
       


     

       
39
       
39
       
+
       
function Button({

     

       
40
       
40
       
+
       
  className,

     

       
41
       
41
       
+
       
  variant,

     

       
42
       
42
       
+
       
  size,

     

       
43
       
43
       
+
       
  asChild = false,

     

       
44
       
44
       
+
       
  ...props

     

       
45
       
45
       
+
       
}: React.ComponentProps<"button"> &

     

       
46
       
46
       
+
       
  VariantProps<typeof buttonVariants> & {

     

       
47
       
47
       
+
       
    asChild?: boolean

     

       
48
       
48
       
+
       
  }) {

     

       
49
       
49
       
+
       
  const Comp = asChild ? Slot : "button"

     

       
50
       
50
       
+
       


     

       
51
       
51
       
+
       
  return (

     

       
52
       
52
       
+
       
    <Comp

     

       
53
       
53
       
+
       
      data-slot="button"

     

       
54
       
54
       
+
       
      className={cn(buttonVariants({ variant, size, className }))}

     

       
55
       
55
       
+
       
      {...props}

     

       
56
       
56
       
+
       
    />

     

       
57
       
57
       
+
       
  )

     

       
58
       
58
       
+
       
}

     

       
59
       
59
       
+
       


     

       
60
       
60
       
+
       
export { Button, buttonVariants }

     

···

       
1
       
1
       
+
       
import * as React from "react"

     

       
2
       
2
       
+
       


     

       
3
       
3
       
+
       
import { cn } from "@public/lib/utils"

     

       
4
       
4
       
+
       


     

       
5
       
5
       
+
       
function Card({ className, ...props }: React.ComponentProps<"div">) {

     

       
6
       
6
       
+
       
  return (

     

       
7
       
7
       
+
       
    <div

     

       
8
       
8
       
+
       
      data-slot="card"

     

       
9
       
9
       
+
       
      className={cn(

     

       
10
       
10
       
+
       
        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",

     

       
11
       
11
       
+
       
        className

     

       
12
       
12
       
+
       
      )}

     

       
13
       
13
       
+
       
      {...props}

     

       
14
       
14
       
+
       
    />

     

       
15
       
15
       
+
       
  )

     

       
16
       
16
       
+
       
}

     

       
17
       
17
       
+
       


     

       
18
       
18
       
+
       
function CardHeader({ className, ...props }: React.ComponentProps<"div">) {

     

       
19
       
19
       
+
       
  return (

     

       
20
       
20
       
+
       
    <div

     

       
21
       
21
       
+
       
      data-slot="card-header"

     

       
22
       
22
       
+
       
      className={cn(

     

       
23
       
23
       
+
       
        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",

     

       
24
       
24
       
+
       
        className

     

       
25
       
25
       
+
       
      )}

     

       
26
       
26
       
+
       
      {...props}

     

       
27
       
27
       
+
       
    />

     

       
28
       
28
       
+
       
  )

     

       
29
       
29
       
+
       
}

     

       
30
       
30
       
+
       


     

       
31
       
31
       
+
       
function CardTitle({ className, ...props }: React.ComponentProps<"div">) {

     

       
32
       
32
       
+
       
  return (

     

       
33
       
33
       
+
       
    <div

     

       
34
       
34
       
+
       
      data-slot="card-title"

     

       
35
       
35
       
+
       
      className={cn("leading-none font-semibold", className)}

     

       
36
       
36
       
+
       
      {...props}

     

       
37
       
37
       
+
       
    />

     

       
38
       
38
       
+
       
  )

     

       
39
       
39
       
+
       
}

     

       
40
       
40
       
+
       


     

       
41
       
41
       
+
       
function CardDescription({ className, ...props }: React.ComponentProps<"div">) {

     

       
42
       
42
       
+
       
  return (

     

       
43
       
43
       
+
       
    <div

     

       
44
       
44
       
+
       
      data-slot="card-description"

     

       
45
       
45
       
+
       
      className={cn("text-muted-foreground text-sm", className)}

     

       
46
       
46
       
+
       
      {...props}

     

       
47
       
47
       
+
       
    />

     

       
48
       
48
       
+
       
  )

     

       
49
       
49
       
+
       
}

     

       
50
       
50
       
+
       


     

       
51
       
51
       
+
       
function CardAction({ className, ...props }: React.ComponentProps<"div">) {

     

       
52
       
52
       
+
       
  return (

     

       
53
       
53
       
+
       
    <div

     

       
54
       
54
       
+
       
      data-slot="card-action"

     

       
55
       
55
       
+
       
      className={cn(

     

       
56
       
56
       
+
       
        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",

     

       
57
       
57
       
+
       
        className

     

       
58
       
58
       
+
       
      )}

     

       
59
       
59
       
+
       
      {...props}

     

       
60
       
60
       
+
       
    />

     

       
61
       
61
       
+
       
  )

     

       
62
       
62
       
+
       
}

     

       
63
       
63
       
+
       


     

       
64
       
64
       
+
       
function CardContent({ className, ...props }: React.ComponentProps<"div">) {

     

       
65
       
65
       
+
       
  return (

     

       
66
       
66
       
+
       
    <div

     

       
67
       
67
       
+
       
      data-slot="card-content"

     

       
68
       
68
       
+
       
      className={cn("px-6", className)}

     

       
69
       
69
       
+
       
      {...props}

     

       
70
       
70
       
+
       
    />

     

       
71
       
71
       
+
       
  )

     

       
72
       
72
       
+
       
}

     

       
73
       
73
       
+
       


     

       
74
       
74
       
+
       
function CardFooter({ className, ...props }: React.ComponentProps<"div">) {

     

       
75
       
75
       
+
       
  return (

     

       
76
       
76
       
+
       
    <div

     

       
77
       
77
       
+
       
      data-slot="card-footer"

     

       
78
       
78
       
+
       
      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}

     

       
79
       
79
       
+
       
      {...props}

     

       
80
       
80
       
+
       
    />

     

       
81
       
81
       
+
       
  )

     

       
82
       
82
       
+
       
}

     

       
83
       
83
       
+
       


     

       
84
       
84
       
+
       
export {

     

       
85
       
85
       
+
       
  Card,

     

       
86
       
86
       
+
       
  CardHeader,

     

       
87
       
87
       
+
       
  CardFooter,

     

       
88
       
88
       
+
       
  CardTitle,

     

       
89
       
89
       
+
       
  CardAction,

     

       
90
       
90
       
+
       
  CardDescription,

     

       
91
       
91
       
+
       
  CardContent,

     

       
92
       
92
       
+
       
}

     

···

       
1
       
1
       
+
       
import * as React from "react"

     

       
2
       
2
       
+
       
import * as DialogPrimitive from "@radix-ui/react-dialog"

     

       
3
       
3
       
+
       
import { XIcon } from "lucide-react"

     

       
4
       
4
       
+
       


     

       
5
       
5
       
+
       
import { cn } from "@public/lib/utils"

     

       
6
       
6
       
+
       


     

       
7
       
7
       
+
       
function Dialog({

     

       
8
       
8
       
+
       
  ...props

     

       
9
       
9
       
+
       
}: React.ComponentProps<typeof DialogPrimitive.Root>) {

     

       
10
       
10
       
+
       
  return <DialogPrimitive.Root data-slot="dialog" {...props} />

     

       
11
       
11
       
+
       
}

     

       
12
       
12
       
+
       


     

       
13
       
13
       
+
       
function DialogTrigger({

     

       
14
       
14
       
+
       
  ...props

     

       
15
       
15
       
+
       
}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {

     

       
16
       
16
       
+
       
  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />

     

       
17
       
17
       
+
       
}

     

       
18
       
18
       
+
       


     

       
19
       
19
       
+
       
function DialogPortal({

     

       
20
       
20
       
+
       
  ...props

     

       
21
       
21
       
+
       
}: React.ComponentProps<typeof DialogPrimitive.Portal>) {

     

       
22
       
22
       
+
       
  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />

     

       
23
       
23
       
+
       
}

     

       
24
       
24
       
+
       


     

       
25
       
25
       
+
       
function DialogClose({

     

       
26
       
26
       
+
       
  ...props

     

       
27
       
27
       
+
       
}: React.ComponentProps<typeof DialogPrimitive.Close>) {

     

       
28
       
28
       
+
       
  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />

     

       
29
       
29
       
+
       
}

     

       
30
       
30
       
+
       


     

       
31
       
31
       
+
       
function DialogOverlay({

     

       
32
       
32
       
+
       
  className,

     

       
33
       
33
       
+
       
  ...props

     

       
34
       
34
       
+
       
}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {

     

       
35
       
35
       
+
       
  return (

     

       
36
       
36
       
+
       
    <DialogPrimitive.Overlay

     

       
37
       
37
       
+
       
      data-slot="dialog-overlay"

     

       
38
       
38
       
+
       
      className={cn(

     

       
39
       
39
       
+
       
        "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",

     

       
40
       
40
       
+
       
        className

     

       
41
       
41
       
+
       
      )}

     

       
42
       
42
       
+
       
      {...props}

     

       
43
       
43
       
+
       
    />

     

       
44
       
44
       
+
       
  )

     

       
45
       
45
       
+
       
}

     

       
46
       
46
       
+
       


     

       
47
       
47
       
+
       
function DialogContent({

     

       
48
       
48
       
+
       
  className,

     

       
49
       
49
       
+
       
  children,

     

       
50
       
50
       
+
       
  showCloseButton = true,

     

       
51
       
51
       
+
       
  ...props

     

       
52
       
52
       
+
       
}: React.ComponentProps<typeof DialogPrimitive.Content> & {

     

       
53
       
53
       
+
       
  showCloseButton?: boolean

     

       
54
       
54
       
+
       
}) {

     

       
55
       
55
       
+
       
  return (

     

       
56
       
56
       
+
       
    <DialogPortal data-slot="dialog-portal">

     

       
57
       
57
       
+
       
      <DialogOverlay />

     

       
58
       
58
       
+
       
      <DialogPrimitive.Content

     

       
59
       
59
       
+
       
        data-slot="dialog-content"

     

       
60
       
60
       
+
       
        className={cn(

     

       
61
       
61
       
+
       
          "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",

     

       
62
       
62
       
+
       
          className

     

       
63
       
63
       
+
       
        )}

     

       
64
       
64
       
+
       
        {...props}

     

       
65
       
65
       
+
       
      >

     

       
66
       
66
       
+
       
        {children}

     

       
67
       
67
       
+
       
        {showCloseButton && (

     

       
68
       
68
       
+
       
          <DialogPrimitive.Close

     

       
69
       
69
       
+
       
            data-slot="dialog-close"

     

       
70
       
70
       
+
       
            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"

     

       
71
       
71
       
+
       
          >

     

       
72
       
72
       
+
       
            <XIcon />

     

       
73
       
73
       
+
       
            <span className="sr-only">Close</span>

     

       
74
       
74
       
+
       
          </DialogPrimitive.Close>

     

       
75
       
75
       
+
       
        )}

     

       
76
       
76
       
+
       
      </DialogPrimitive.Content>

     

       
77
       
77
       
+
       
    </DialogPortal>

     

       
78
       
78
       
+
       
  )

     

       
79
       
79
       
+
       
}

     

       
80
       
80
       
+
       


     

       
81
       
81
       
+
       
function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {

     

       
82
       
82
       
+
       
  return (

     

       
83
       
83
       
+
       
    <div

     

       
84
       
84
       
+
       
      data-slot="dialog-header"

     

       
85
       
85
       
+
       
      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}

     

       
86
       
86
       
+
       
      {...props}

     

       
87
       
87
       
+
       
    />

     

       
88
       
88
       
+
       
  )

     

       
89
       
89
       
+
       
}

     

       
90
       
90
       
+
       


     

       
91
       
91
       
+
       
function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {

     

       
92
       
92
       
+
       
  return (

     

       
93
       
93
       
+
       
    <div

     

       
94
       
94
       
+
       
      data-slot="dialog-footer"

     

       
95
       
95
       
+
       
      className={cn(

     

       
96
       
96
       
+
       
        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",

     

       
97
       
97
       
+
       
        className

     

       
98
       
98
       
+
       
      )}

     

       
99
       
99
       
+
       
      {...props}

     

       
100
       
100
       
+
       
    />

     

       
101
       
101
       
+
       
  )

     

       
102
       
102
       
+
       
}

     

       
103
       
103
       
+
       


     

       
104
       
104
       
+
       
function DialogTitle({

     

       
105
       
105
       
+
       
  className,

     

       
106
       
106
       
+
       
  ...props

     

       
107
       
107
       
+
       
}: React.ComponentProps<typeof DialogPrimitive.Title>) {

     

       
108
       
108
       
+
       
  return (

     

       
109
       
109
       
+
       
    <DialogPrimitive.Title

     

       
110
       
110
       
+
       
      data-slot="dialog-title"

     

       
111
       
111
       
+
       
      className={cn("text-lg leading-none font-semibold", className)}

     

       
112
       
112
       
+
       
      {...props}

     

       
113
       
113
       
+
       
    />

     

       
114
       
114
       
+
       
  )

     

       
115
       
115
       
+
       
}

     

       
116
       
116
       
+
       


     

       
117
       
117
       
+
       
function DialogDescription({

     

       
118
       
118
       
+
       
  className,

     

       
119
       
119
       
+
       
  ...props

     

       
120
       
120
       
+
       
}: React.ComponentProps<typeof DialogPrimitive.Description>) {

     

       
121
       
121
       
+
       
  return (

     

       
122
       
122
       
+
       
    <DialogPrimitive.Description

     

       
123
       
123
       
+
       
      data-slot="dialog-description"

     

       
124
       
124
       
+
       
      className={cn("text-muted-foreground text-sm", className)}

     

       
125
       
125
       
+
       
      {...props}

     

       
126
       
126
       
+
       
    />

     

       
127
       
127
       
+
       
  )

     

       
128
       
128
       
+
       
}

     

       
129
       
129
       
+
       


     

       
130
       
130
       
+
       
export {

     

       
131
       
131
       
+
       
  Dialog,

     

       
132
       
132
       
+
       
  DialogClose,

     

       
133
       
133
       
+
       
  DialogContent,

     

       
134
       
134
       
+
       
  DialogDescription,

     

       
135
       
135
       
+
       
  DialogFooter,

     

       
136
       
136
       
+
       
  DialogHeader,

     

       
137
       
137
       
+
       
  DialogOverlay,

     

       
138
       
138
       
+
       
  DialogPortal,

     

       
139
       
139
       
+
       
  DialogTitle,

     

       
140
       
140
       
+
       
  DialogTrigger,

     

       
141
       
141
       
+
       
}

     

···

       
1
       
1
       
+
       
import * as React from "react"

     

       
2
       
2
       
+
       


     

       
3
       
3
       
+
       
import { cn } from "@public/lib/utils"

     

       
4
       
4
       
+
       


     

       
5
       
5
       
+
       
function Input({ className, type, ...props }: React.ComponentProps<"input">) {

     

       
6
       
6
       
+
       
  return (

     

       
7
       
7
       
+
       
    <input

     

       
8
       
8
       
+
       
      type={type}

     

       
9
       
9
       
+
       
      data-slot="input"

     

       
10
       
10
       
+
       
      className={cn(

     

       
11
       
11
       
+
       
        "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",

     

       
12
       
12
       
+
       
        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",

     

       
13
       
13
       
+
       
        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",

     

       
14
       
14
       
+
       
        className

     

       
15
       
15
       
+
       
      )}

     

       
16
       
16
       
+
       
      {...props}

     

       
17
       
17
       
+
       
    />

     

       
18
       
18
       
+
       
  )

     

       
19
       
19
       
+
       
}

     

       
20
       
20
       
+
       


     

       
21
       
21
       
+
       
export { Input }

     

···

       
1
       
1
       
+
       
import * as React from "react"

     

       
2
       
2
       
+
       
import * as LabelPrimitive from "@radix-ui/react-label"

     

       
3
       
3
       
+
       


     

       
4
       
4
       
+
       
import { cn } from "@public/lib/utils"

     

       
5
       
5
       
+
       


     

       
6
       
6
       
+
       
function Label({

     

       
7
       
7
       
+
       
  className,

     

       
8
       
8
       
+
       
  ...props

     

       
9
       
9
       
+
       
}: React.ComponentProps<typeof LabelPrimitive.Root>) {

     

       
10
       
10
       
+
       
  return (

     

       
11
       
11
       
+
       
    <LabelPrimitive.Root

     

       
12
       
12
       
+
       
      data-slot="label"

     

       
13
       
13
       
+
       
      className={cn(

     

       
14
       
14
       
+
       
        "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",

     

       
15
       
15
       
+
       
        className

     

       
16
       
16
       
+
       
      )}

     

       
17
       
17
       
+
       
      {...props}

     

       
18
       
18
       
+
       
    />

     

       
19
       
19
       
+
       
  )

     

       
20
       
20
       
+
       
}

     

       
21
       
21
       
+
       


     

       
22
       
22
       
+
       
export { Label }

     

···

       
1
       
1
       
+
       
"use client"

     

       
2
       
2
       
+
       


     

       
3
       
3
       
+
       
import * as React from "react"

     

       
4
       
4
       
+
       
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"

     

       
5
       
5
       
+
       
import { CircleIcon } from "lucide-react"

     

       
6
       
6
       
+
       


     

       
7
       
7
       
+
       
import { cn } from "@public/lib/utils"

     

       
8
       
8
       
+
       


     

       
9
       
9
       
+
       
function RadioGroup({

     

       
10
       
10
       
+
       
  className,

     

       
11
       
11
       
+
       
  ...props

     

       
12
       
12
       
+
       
}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {

     

       
13
       
13
       
+
       
  return (

     

       
14
       
14
       
+
       
    <RadioGroupPrimitive.Root

     

       
15
       
15
       
+
       
      data-slot="radio-group"

     

       
16
       
16
       
+
       
      className={cn("grid gap-3", className)}

     

       
17
       
17
       
+
       
      {...props}

     

       
18
       
18
       
+
       
    />

     

       
19
       
19
       
+
       
  )

     

       
20
       
20
       
+
       
}

     

       
21
       
21
       
+
       


     

       
22
       
22
       
+
       
function RadioGroupItem({

     

       
23
       
23
       
+
       
  className,

     

       
24
       
24
       
+
       
  ...props

     

       
25
       
25
       
+
       
}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {

     

       
26
       
26
       
+
       
  return (

     

       
27
       
27
       
+
       
    <RadioGroupPrimitive.Item

     

       
28
       
28
       
+
       
      data-slot="radio-group-item"

     

       
29
       
29
       
+
       
      className={cn(

     

       
30
       
30
       
+
       
        "border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",

     

       
31
       
31
       
+
       
        className

     

       
32
       
32
       
+
       
      )}

     

       
33
       
33
       
+
       
      {...props}

     

       
34
       
34
       
+
       
    >

     

       
35
       
35
       
+
       
      <RadioGroupPrimitive.Indicator

     

       
36
       
36
       
+
       
        data-slot="radio-group-indicator"

     

       
37
       
37
       
+
       
        className="relative flex items-center justify-center"

     

       
38
       
38
       
+
       
      >

     

       
39
       
39
       
+
       
        <CircleIcon className="fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" />

     

       
40
       
40
       
+
       
      </RadioGroupPrimitive.Indicator>

     

       
41
       
41
       
+
       
    </RadioGroupPrimitive.Item>

     

       
42
       
42
       
+
       
  )

     

       
43
       
43
       
+
       
}

     

       
44
       
44
       
+
       


     

       
45
       
45
       
+
       
export { RadioGroup, RadioGroupItem }

     

···

       
1
       
1
       
+
       
import * as React from "react"

     

       
2
       
2
       
+
       
import * as TabsPrimitive from "@radix-ui/react-tabs"

     

       
3
       
3
       
+
       


     

       
4
       
4
       
+
       
import { cn } from "@public/lib/utils"

     

       
5
       
5
       
+
       


     

       
6
       
6
       
+
       
function Tabs({

     

       
7
       
7
       
+
       
  className,

     

       
8
       
8
       
+
       
  ...props

     

       
9
       
9
       
+
       
}: React.ComponentProps<typeof TabsPrimitive.Root>) {

     

       
10
       
10
       
+
       
  return (

     

       
11
       
11
       
+
       
    <TabsPrimitive.Root

     

       
12
       
12
       
+
       
      data-slot="tabs"

     

       
13
       
13
       
+
       
      className={cn("flex flex-col gap-2", className)}

     

       
14
       
14
       
+
       
      {...props}

     

       
15
       
15
       
+
       
    />

     

       
16
       
16
       
+
       
  )

     

       
17
       
17
       
+
       
}

     

       
18
       
18
       
+
       


     

       
19
       
19
       
+
       
function TabsList({

     

       
20
       
20
       
+
       
  className,

     

       
21
       
21
       
+
       
  ...props

     

       
22
       
22
       
+
       
}: React.ComponentProps<typeof TabsPrimitive.List>) {

     

       
23
       
23
       
+
       
  return (

     

       
24
       
24
       
+
       
    <TabsPrimitive.List

     

       
25
       
25
       
+
       
      data-slot="tabs-list"

     

       
26
       
26
       
+
       
      className={cn(

     

       
27
       
27
       
+
       
        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",

     

       
28
       
28
       
+
       
        className

     

       
29
       
29
       
+
       
      )}

     

       
30
       
30
       
+
       
      {...props}

     

       
31
       
31
       
+
       
    />

     

       
32
       
32
       
+
       
  )

     

       
33
       
33
       
+
       
}

     

       
34
       
34
       
+
       


     

       
35
       
35
       
+
       
function TabsTrigger({

     

       
36
       
36
       
+
       
  className,

     

       
37
       
37
       
+
       
  ...props

     

       
38
       
38
       
+
       
}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {

     

       
39
       
39
       
+
       
  return (

     

       
40
       
40
       
+
       
    <TabsPrimitive.Trigger

     

       
41
       
41
       
+
       
      data-slot="tabs-trigger"

     

       
42
       
42
       
+
       
      className={cn(

     

       
43
       
43
       
+
       
        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",

     

       
44
       
44
       
+
       
        className

     

       
45
       
45
       
+
       
      )}

     

       
46
       
46
       
+
       
      {...props}

     

       
47
       
47
       
+
       
    />

     

       
48
       
48
       
+
       
  )

     

       
49
       
49
       
+
       
}

     

       
50
       
50
       
+
       


     

       
51
       
51
       
+
       
function TabsContent({

     

       
52
       
52
       
+
       
  className,

     

       
53
       
53
       
+
       
  ...props

     

       
54
       
54
       
+
       
}: React.ComponentProps<typeof TabsPrimitive.Content>) {

     

       
55
       
55
       
+
       
  return (

     

       
56
       
56
       
+
       
    <TabsPrimitive.Content

     

       
57
       
57
       
+
       
      data-slot="tabs-content"

     

       
58
       
58
       
+
       
      className={cn("outline-none", className)}

     

       
59
       
59
       
+
       
      {...props}

     

       
60
       
60
       
+
       
    />

     

       
61
       
61
       
+
       
  )

     

       
62
       
62
       
+
       
}

     

       
63
       
63
       
+
       


     

       
64
       
64
       
+
       
export { Tabs, TabsList, TabsTrigger, TabsContent }

     

···

       
1
       
1
       
-
       
import { useState, useRef } from 'react'

     

       
1
       
1
       
+
       
import { useState } from 'react'

     

       
2
       
2
       
 
       
import { createRoot } from 'react-dom/client'

     

       
3
       
3
       
+
       
import { Button } from '@public/components/ui/button'

     

       
4
       
4
       
+
       
import {

     

       
5
       
5
       
+
       
	Card,

     

       
6
       
6
       
+
       
	CardContent,

     

       
7
       
7
       
+
       
	CardDescription,

     

       
8
       
8
       
+
       
	CardHeader,

     

       
9
       
9
       
+
       
	CardTitle

     

       
10
       
10
       
+
       
} from '@public/components/ui/card'

     

       
11
       
11
       
+
       
import { Input } from '@public/components/ui/input'

     

       
12
       
12
       
+
       
import { Label } from '@public/components/ui/label'

     

       
13
       
13
       
+
       
import {

     

       
14
       
14
       
+
       
	Tabs,

     

       
15
       
15
       
+
       
	TabsContent,

     

       
16
       
16
       
+
       
	TabsList,

     

       
17
       
17
       
+
       
	TabsTrigger

     

       
18
       
18
       
+
       
} from '@public/components/ui/tabs'

     

       
19
       
19
       
+
       
import { Badge } from '@public/components/ui/badge'

     

       
20
       
20
       
+
       
import {

     

       
21
       
21
       
+
       
	Dialog,

     

       
22
       
22
       
+
       
	DialogContent,

     

       
23
       
23
       
+
       
	DialogDescription,

     

       
24
       
24
       
+
       
	DialogHeader,

     

       
25
       
25
       
+
       
	DialogTitle,

     

       
26
       
26
       
+
       
	DialogFooter

     

       
27
       
27
       
+
       
} from '@public/components/ui/dialog'

     

       
28
       
28
       
+
       
import { RadioGroup, RadioGroupItem } from '@public/components/ui/radio-group'

     

       
29
       
29
       
+
       
import {

     

       
30
       
30
       
+
       
	Globe,

     

       
31
       
31
       
+
       
	Upload,

     

       
32
       
32
       
+
       
	Settings,

     

       
33
       
33
       
+
       
	ExternalLink,

     

       
34
       
34
       
+
       
	CheckCircle2,

     

       
35
       
35
       
+
       
	XCircle,

     

       
36
       
36
       
+
       
	AlertCircle

     

       
37
       
37
       
+
       
} from 'lucide-react'

     

       
3
       
38
       
 
       


     

       
4
       
39
       
 
       
import Layout from '@public/layouts'

     

       
5
       
40
       
 
       


     

       
6
       
6
       
-
       
function Editor() {

     

       
7
       
7
       
-
       
	const [uploading, setUploading] = useState(false)

     

       
8
       
8
       
-
       
	const [result, setResult] = useState<any>(null)

     

       
9
       
9
       
-
       
	const [error, setError] = useState<string | null>(null)

     

       
10
       
10
       
-
       
	const folderInputRef = useRef<HTMLInputElement>(null)

     

       
11
       
11
       
-
       
	const siteNameRef = useRef<HTMLInputElement>(null)

     

       
41
       
41
       
+
       
// Mock user data - replace with actual auth

     

       
42
       
42
       
+
       
const mockUser = {

     

       
43
       
43
       
+
       
	did: 'did:plc:abc123xyz',

     

       
44
       
44
       
+
       
	handle: 'alice.bsky.social',

     

       
45
       
45
       
+
       
	wispSubdomain: 'alice'

     

       
46
       
46
       
+
       
}

     

       
12
       
47
       
 
       


     

       
13
       
13
       
-
       
	const handleFileUpload = async (e: React.FormEvent) => {

     

       
14
       
14
       
-
       
		e.preventDefault()

     

       
15
       
15
       
-
       
		setError(null)

     

       
16
       
16
       
-
       
		setResult(null)

     

       
48
       
48
       
+
       
function Dashboard() {

     

       
49
       
49
       
+
       
	const [customDomain, setCustomDomain] = useState('')

     

       
50
       
50
       
+
       
	const [verificationStatus, setVerificationStatus] = useState<

     

       
51
       
51
       
+
       
		'idle' | 'verifying' | 'success' | 'error'

     

       
52
       
52
       
+
       
	>('idle')

     

       
53
       
53
       
+
       
	const [selectedSite, setSelectedSite] = useState('')

     

       
17
       
54
       
 
       


     

       
18
       
18
       
-
       
		const files = folderInputRef.current?.files

     

       
19
       
19
       
-
       
		const siteName = siteNameRef.current?.value

     

       
55
       
55
       
+
       
	const [configureModalOpen, setConfigureModalOpen] = useState(false)

     

       
56
       
56
       
+
       
	const [addDomainModalOpen, setAddDomainModalOpen] = useState(false)

     

       
57
       
57
       
+
       
	const [currentSite, setCurrentSite] = useState<{

     

       
58
       
58
       
+
       
		id: string

     

       
59
       
59
       
+
       
		name: string

     

       
60
       
60
       
+
       
		domain: string | null

     

       
61
       
61
       
+
       
	} | null>(null)

     

       
62
       
62
       
+
       
	const [selectedDomain, setSelectedDomain] = useState<string>('')

     

       
20
       
63
       
 
       


     

       
21
       
21
       
-
       
		if (!files || files.length === 0) {

     

       
22
       
22
       
-
       
			setError('Please select a folder to upload')

     

       
23
       
23
       
-
       
			return

     

       
64
       
64
       
+
       
	// Mock sites data

     

       
65
       
65
       
+
       
	const [sites] = useState([

     

       
66
       
66
       
+
       
		{

     

       
67
       
67
       
+
       
			id: '1',

     

       
68
       
68
       
+
       
			name: 'my-blog',

     

       
69
       
69
       
+
       
			domain: 'alice.wisp.place',

     

       
70
       
70
       
+
       
			status: 'active'

     

       
71
       
71
       
+
       
		},

     

       
72
       
72
       
+
       
		{ id: '2', name: 'portfolio', domain: null, status: 'active' },

     

       
73
       
73
       
+
       
		{

     

       
74
       
74
       
+
       
			id: '3',

     

       
75
       
75
       
+
       
			name: 'docs-site',

     

       
76
       
76
       
+
       
			domain: 'docs.example.com',

     

       
77
       
77
       
+
       
			status: 'active'

     

       
24
       
78
       
 
       
		}

     

       
79
       
79
       
+
       
	])

     

       
25
       
80
       
 
       


     

       
26
       
26
       
-
       
		if (!siteName) {

     

       
27
       
27
       
-
       
			setError('Please enter a site name')

     

       
28
       
28
       
-
       
			return

     

       
29
       
29
       
-
       
		}

     

       
81
       
81
       
+
       
	const availableDomains = [

     

       
82
       
82
       
+
       
		{ value: 'alice.wisp.place', label: 'alice.wisp.place', type: 'wisp' },

     

       
83
       
83
       
+
       
		{

     

       
84
       
84
       
+
       
			value: 'docs.example.com',

     

       
85
       
85
       
+
       
			label: 'docs.example.com',

     

       
86
       
86
       
+
       
			type: 'custom'

     

       
87
       
87
       
+
       
		},

     

       
88
       
88
       
+
       
		{ value: 'none', label: 'No domain (use default URL)', type: 'none' }

     

       
89
       
89
       
+
       
	]

     

       
30
       
90
       
 
       


     

       
31
       
31
       
-
       
		setUploading(true)

     

       
32
       
32
       
-
       


     

       
33
       
33
       
-
       
		try {

     

       
34
       
34
       
-
       
			const formData = new FormData()

     

       
35
       
35
       
-
       
			formData.append('siteName', siteName)

     

       
36
       
36
       
-
       
			

     

       
37
       
37
       
-
       
			for (let i = 0; i < files.length; i++) {

     

       
38
       
38
       
-
       
				formData.append('files', files[i])

     

       
39
       
39
       
-
       
			}

     

       
91
       
91
       
+
       
	const handleVerifyDNS = async () => {

     

       
92
       
92
       
+
       
		setVerificationStatus('verifying')

     

       
93
       
93
       
+
       
		// Simulate DNS verification

     

       
94
       
94
       
+
       
		setTimeout(() => {

     

       
95
       
95
       
+
       
			setVerificationStatus('success')

     

       
96
       
96
       
+
       
		}, 2000)

     

       
97
       
97
       
+
       
	}

     

       
40
       
98
       
 
       


     

       
41
       
41
       
-
       
			const response = await fetch('/wisp/upload-files', {

     

       
42
       
42
       
-
       
				method: 'POST',

     

       
43
       
43
       
-
       
				body: formData

     

       
44
       
44
       
-
       
			})

     

       
99
       
99
       
+
       
	const handleConfigureSite = (site: {

     

       
100
       
100
       
+
       
		id: string

     

       
101
       
101
       
+
       
		name: string

     

       
102
       
102
       
+
       
		domain: string | null

     

       
103
       
103
       
+
       
	}) => {

     

       
104
       
104
       
+
       
		setCurrentSite(site)

     

       
105
       
105
       
+
       
		setSelectedDomain(site.domain || 'none')

     

       
106
       
106
       
+
       
		setConfigureModalOpen(true)

     

       
107
       
107
       
+
       
	}

     

       
45
       
108
       
 
       


     

       
46
       
46
       
-
       
			if (!response.ok) {

     

       
47
       
47
       
-
       
				throw new Error(`Upload failed: ${response.statusText}`)

     

       
48
       
48
       
-
       
			}

     

       
109
       
109
       
+
       
	const handleSaveConfiguration = () => {

     

       
110
       
110
       
+
       
		console.log(

     

       
111
       
111
       
+
       
			'[v0] Saving configuration for site:',

     

       
112
       
112
       
+
       
			currentSite?.name,

     

       
113
       
113
       
+
       
			'with domain:',

     

       
114
       
114
       
+
       
			selectedDomain

     

       
115
       
115
       
+
       
		)

     

       
116
       
116
       
+
       
		// TODO: Implement actual save logic

     

       
117
       
117
       
+
       
		setConfigureModalOpen(false)

     

       
118
       
118
       
+
       
	}

     

       
49
       
119
       
 
       


     

       
50
       
50
       
-
       
			const data = await response.json()

     

       
51
       
51
       
-
       
			setResult(data)

     

       
52
       
52
       
-
       
		} catch (err) {

     

       
53
       
53
       
-
       
			setError(err instanceof Error ? err.message : 'Upload failed')

     

       
54
       
54
       
-
       
		} finally {

     

       
55
       
55
       
-
       
			setUploading(false)

     

       
120
       
120
       
+
       
	const getSiteUrl = (site: { name: string; domain: string | null }) => {

     

       
121
       
121
       
+
       
		if (site.domain) {

     

       
122
       
122
       
+
       
			return `https://${site.domain}`

     

       
56
       
123
       
 
       
		}

     

       
124
       
124
       
+
       
		return `https://sites.wisp.place/${mockUser.did}/${site.name}`

     

       
57
       
125
       
 
       
	}

     

       
58
       
126
       
 
       


     

       
59
       
127
       
 
       
	return (

     

       
60
       
60
       
-
       
		<div className="w-full max-w-2xl mx-auto p-6">

     

       
61
       
61
       
-
       
			<h1 className="text-3xl font-bold mb-6 text-center">Upload Folder</h1>

     

       
62
       
62
       
-
       
			

     

       
63
       
63
       
-
       
			<form onSubmit={handleFileUpload} className="space-y-4">

     

       
64
       
64
       
-
       
				<div>

     

       
65
       
65
       
-
       
					<label htmlFor="siteName" className="block text-sm font-medium mb-2">

     

       
66
       
66
       
-
       
						Site Name

     

       
67
       
67
       
-
       
					</label>

     

       
68
       
68
       
-
       
					<input

     

       
69
       
69
       
-
       
						ref={siteNameRef}

     

       
70
       
70
       
-
       
						type="text"

     

       
71
       
71
       
-
       
						id="siteName"

     

       
72
       
72
       
-
       
						placeholder="Enter site name"

     

       
73
       
73
       
-
       
						className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"

     

       
74
       
74
       
-
       
					/>

     

       
128
       
128
       
+
       
		<div className="w-full min-h-screen bg-background">

     

       
129
       
129
       
+
       
			{/* Header */}

     

       
130
       
130
       
+
       
			<header className="border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50">

     

       
131
       
131
       
+
       
				<div className="container mx-auto px-4 py-4 flex items-center justify-between">

     

       
132
       
132
       
+
       
					<div className="flex items-center gap-2">

     

       
133
       
133
       
+
       
						<div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center">

     

       
134
       
134
       
+
       
							<Globe className="w-5 h-5 text-primary-foreground" />

     

       
135
       
135
       
+
       
						</div>

     

       
136
       
136
       
+
       
						<span className="text-xl font-semibold text-foreground">

     

       
137
       
137
       
+
       
							wisp.place

     

       
138
       
138
       
+
       
						</span>

     

       
139
       
139
       
+
       
					</div>

     

       
140
       
140
       
+
       
					<div className="flex items-center gap-3">

     

       
141
       
141
       
+
       
						<span className="text-sm text-muted-foreground">

     

       
142
       
142
       
+
       
							{mockUser.handle}

     

       
143
       
143
       
+
       
						</span>

     

       
144
       
144
       
+
       
					</div>

     

       
75
       
145
       
 
       
				</div>

     

       
146
       
146
       
+
       
			</header>

     

       
76
       
147
       
 
       


     

       
77
       
77
       
-
       
				<div>

     

       
78
       
78
       
-
       
					<label htmlFor="folder" className="block text-sm font-medium mb-2">

     

       
79
       
79
       
-
       
						Select Folder

     

       
80
       
80
       
-
       
					</label>

     

       
81
       
81
       
-
       
					<input

     

       
82
       
82
       
-
       
						ref={folderInputRef}

     

       
83
       
83
       
-
       
						type="file"

     

       
84
       
84
       
-
       
						id="folder"

     

       
85
       
85
       
-
       
						{...({ webkitdirectory: '', directory: '' } as any)}

     

       
86
       
86
       
-
       
						multiple

     

       
87
       
87
       
-
       
						className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"

     

       
88
       
88
       
-
       
					/>

     

       
148
       
148
       
+
       
			<div className="container mx-auto px-4 py-8 max-w-6xl w-full">

     

       
149
       
149
       
+
       
				<div className="mb-8">

     

       
150
       
150
       
+
       
					<h1 className="text-3xl font-bold mb-2">Dashboard</h1>

     

       
151
       
151
       
+
       
					<p className="text-muted-foreground">

     

       
152
       
152
       
+
       
						Manage your sites and domains

     

       
153
       
153
       
+
       
					</p>

     

       
89
       
154
       
 
       
				</div>

     

       
90
       
155
       
 
       


     

       
91
       
91
       
-
       
				<button

     

       
92
       
92
       
-
       
					type="submit"

     

       
93
       
93
       
-
       
					disabled={uploading}

     

       
94
       
94
       
-
       
					className="w-full bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 text-white font-semibold py-2 px-4 rounded-md transition-colors"

     

       
95
       
95
       
-
       
				>

     

       
96
       
96
       
-
       
					{uploading ? 'Uploading...' : 'Upload Folder'}

     

       
97
       
97
       
-
       
				</button>

     

       
98
       
98
       
-
       
			</form>

     

       
156
       
156
       
+
       
				<Tabs defaultValue="sites" className="space-y-6 w-full">

     

       
157
       
157
       
+
       
					<TabsList className="grid w-full grid-cols-3 max-w-md">

     

       
158
       
158
       
+
       
						<TabsTrigger value="sites">Sites</TabsTrigger>

     

       
159
       
159
       
+
       
						<TabsTrigger value="domains">Domains</TabsTrigger>

     

       
160
       
160
       
+
       
						<TabsTrigger value="upload">Upload</TabsTrigger>

     

       
161
       
161
       
+
       
					</TabsList>

     

       
162
       
162
       
+
       


     

       
163
       
163
       
+
       
					{/* Sites Tab */}

     

       
164
       
164
       
+
       
					<TabsContent value="sites" className="space-y-4 min-h-[400px]">

     

       
165
       
165
       
+
       
						<Card>

     

       
166
       
166
       
+
       
							<CardHeader>

     

       
167
       
167
       
+
       
								<CardTitle>Your Sites</CardTitle>

     

       
168
       
168
       
+
       
								<CardDescription>

     

       
169
       
169
       
+
       
									View and manage all your deployed sites

     

       
170
       
170
       
+
       
								</CardDescription>

     

       
171
       
171
       
+
       
							</CardHeader>

     

       
172
       
172
       
+
       
							<CardContent className="space-y-4">

     

       
173
       
173
       
+
       
								{sites.map((site) => (

     

       
174
       
174
       
+
       
									<div

     

       
175
       
175
       
+
       
										key={site.id}

     

       
176
       
176
       
+
       
										className="flex items-center justify-between p-4 border border-border rounded-lg hover:bg-muted/50 transition-colors"

     

       
177
       
177
       
+
       
									>

     

       
178
       
178
       
+
       
										<div className="flex-1">

     

       
179
       
179
       
+
       
											<div className="flex items-center gap-3 mb-2">

     

       
180
       
180
       
+
       
												<h3 className="font-semibold text-lg">

     

       
181
       
181
       
+
       
													{site.name}

     

       
182
       
182
       
+
       
												</h3>

     

       
183
       
183
       
+
       
												<Badge

     

       
184
       
184
       
+
       
													variant="secondary"

     

       
185
       
185
       
+
       
													className="text-xs"

     

       
186
       
186
       
+
       
												>

     

       
187
       
187
       
+
       
													{site.status}

     

       
188
       
188
       
+
       
												</Badge>

     

       
189
       
189
       
+
       
											</div>

     

       
190
       
190
       
+
       
											<a

     

       
191
       
191
       
+
       
												href={getSiteUrl(site)}

     

       
192
       
192
       
+
       
												target="_blank"

     

       
193
       
193
       
+
       
												rel="noopener noreferrer"

     

       
194
       
194
       
+
       
												className="text-sm text-accent hover:text-accent/80 flex items-center gap-1"

     

       
195
       
195
       
+
       
											>

     

       
196
       
196
       
+
       
												{site.domain ||

     

       
197
       
197
       
+
       
													`sites.wisp.place/${mockUser.did}/${site.name}`}

     

       
198
       
198
       
+
       
												<ExternalLink className="w-3 h-3" />

     

       
199
       
199
       
+
       
											</a>

     

       
200
       
200
       
+
       
										</div>

     

       
201
       
201
       
+
       
										<Button

     

       
202
       
202
       
+
       
											variant="outline"

     

       
203
       
203
       
+
       
											size="sm"

     

       
204
       
204
       
+
       
											onClick={() =>

     

       
205
       
205
       
+
       
												handleConfigureSite(site)

     

       
206
       
206
       
+
       
											}

     

       
207
       
207
       
+
       
										>

     

       
208
       
208
       
+
       
											<Settings className="w-4 h-4 mr-2" />

     

       
209
       
209
       
+
       
											Configure

     

       
210
       
210
       
+
       
										</Button>

     

       
211
       
211
       
+
       
									</div>

     

       
212
       
212
       
+
       
								))}

     

       
213
       
213
       
+
       
							</CardContent>

     

       
214
       
214
       
+
       
						</Card>

     

       
215
       
215
       
+
       
					</TabsContent>

     

       
216
       
216
       
+
       


     

       
217
       
217
       
+
       
					{/* Domains Tab */}

     

       
218
       
218
       
+
       
					<TabsContent value="domains" className="space-y-4 min-h-[400px]">

     

       
219
       
219
       
+
       
						<Card>

     

       
220
       
220
       
+
       
							<CardHeader>

     

       
221
       
221
       
+
       
								<CardTitle>wisp.place Subdomain</CardTitle>

     

       
222
       
222
       
+
       
								<CardDescription>

     

       
223
       
223
       
+
       
									Your free subdomain on the wisp.place

     

       
224
       
224
       
+
       
									network

     

       
225
       
225
       
+
       
								</CardDescription>

     

       
226
       
226
       
+
       
							</CardHeader>

     

       
227
       
227
       
+
       
							<CardContent>

     

       
228
       
228
       
+
       
								<div className="flex items-center gap-2 p-4 bg-muted/50 rounded-lg">

     

       
229
       
229
       
+
       
									<CheckCircle2 className="w-5 h-5 text-green-500" />

     

       
230
       
230
       
+
       
									<span className="font-mono text-lg">

     

       
231
       
231
       
+
       
										{mockUser.wispSubdomain}.wisp.place

     

       
232
       
232
       
+
       
									</span>

     

       
233
       
233
       
+
       
								</div>

     

       
234
       
234
       
+
       
								<p className="text-sm text-muted-foreground mt-3">

     

       
235
       
235
       
+
       
									Configure which site uses this domain in the

     

       
236
       
236
       
+
       
									Sites tab

     

       
237
       
237
       
+
       
								</p>

     

       
238
       
238
       
+
       
							</CardContent>

     

       
239
       
239
       
+
       
						</Card>

     

       
240
       
240
       
+
       


     

       
241
       
241
       
+
       
						<Card>

     

       
242
       
242
       
+
       
							<CardHeader>

     

       
243
       
243
       
+
       
								<CardTitle>Custom Domains</CardTitle>

     

       
244
       
244
       
+
       
								<CardDescription>

     

       
245
       
245
       
+
       
									Bring your own domain with DNS verification

     

       
246
       
246
       
+
       
								</CardDescription>

     

       
247
       
247
       
+
       
							</CardHeader>

     

       
248
       
248
       
+
       
							<CardContent className="space-y-4">

     

       
249
       
249
       
+
       
								<Button

     

       
250
       
250
       
+
       
									onClick={() => setAddDomainModalOpen(true)}

     

       
251
       
251
       
+
       
									className="w-full"

     

       
252
       
252
       
+
       
								>

     

       
253
       
253
       
+
       
									Add Custom Domain

     

       
254
       
254
       
+
       
								</Button>

     

       
255
       
255
       
+
       


     

       
256
       
256
       
+
       
								<div className="space-y-2">

     

       
257
       
257
       
+
       
									<div className="flex items-center justify-between p-3 border border-border rounded-lg">

     

       
258
       
258
       
+
       
										<div className="flex items-center gap-2">

     

       
259
       
259
       
+
       
											<CheckCircle2 className="w-4 h-4 text-green-500" />

     

       
260
       
260
       
+
       
											<span className="font-mono">

     

       
261
       
261
       
+
       
												docs.example.com

     

       
262
       
262
       
+
       
											</span>

     

       
263
       
263
       
+
       
										</div>

     

       
264
       
264
       
+
       
										<Badge variant="secondary">

     

       
265
       
265
       
+
       
											Verified

     

       
266
       
266
       
+
       
										</Badge>

     

       
267
       
267
       
+
       
									</div>

     

       
268
       
268
       
+
       
								</div>

     

       
269
       
269
       
+
       
							</CardContent>

     

       
270
       
270
       
+
       
						</Card>

     

       
271
       
271
       
+
       
					</TabsContent>

     

       
272
       
272
       
+
       


     

       
273
       
273
       
+
       
					{/* Upload Tab */}

     

       
274
       
274
       
+
       
					<TabsContent value="upload" className="space-y-4 min-h-[400px]">

     

       
275
       
275
       
+
       
						<Card>

     

       
276
       
276
       
+
       
							<CardHeader>

     

       
277
       
277
       
+
       
								<CardTitle>Upload Site</CardTitle>

     

       
278
       
278
       
+
       
								<CardDescription>

     

       
279
       
279
       
+
       
									Deploy a new site from a folder or Git

     

       
280
       
280
       
+
       
									repository

     

       
281
       
281
       
+
       
								</CardDescription>

     

       
282
       
282
       
+
       
							</CardHeader>

     

       
283
       
283
       
+
       
							<CardContent className="space-y-6">

     

       
284
       
284
       
+
       
								<div className="space-y-2">

     

       
285
       
285
       
+
       
									<Label htmlFor="site-name">Site Name</Label>

     

       
286
       
286
       
+
       
									<Input

     

       
287
       
287
       
+
       
										id="site-name"

     

       
288
       
288
       
+
       
										placeholder="my-awesome-site"

     

       
289
       
289
       
+
       
									/>

     

       
290
       
290
       
+
       
								</div>

     

       
291
       
291
       
+
       


     

       
292
       
292
       
+
       
								<div className="grid md:grid-cols-2 gap-4">

     

       
293
       
293
       
+
       
									<Card className="border-2 border-dashed hover:border-accent transition-colors cursor-pointer">

     

       
294
       
294
       
+
       
										<CardContent className="flex flex-col items-center justify-center p-8 text-center">

     

       
295
       
295
       
+
       
											<Upload className="w-12 h-12 text-muted-foreground mb-4" />

     

       
296
       
296
       
+
       
											<h3 className="font-semibold mb-2">

     

       
297
       
297
       
+
       
												Upload Folder

     

       
298
       
298
       
+
       
											</h3>

     

       
299
       
299
       
+
       
											<p className="text-sm text-muted-foreground mb-4">

     

       
300
       
300
       
+
       
												Drag and drop or click to upload

     

       
301
       
301
       
+
       
												your static site files

     

       
302
       
302
       
+
       
											</p>

     

       
303
       
303
       
+
       
											<Button variant="outline">

     

       
304
       
304
       
+
       
												Choose Folder

     

       
305
       
305
       
+
       
											</Button>

     

       
306
       
306
       
+
       
										</CardContent>

     

       
307
       
307
       
+
       
									</Card>

     

       
308
       
308
       
+
       


     

       
309
       
309
       
+
       
									<Card className="border-2 border-dashed hover:border-accent transition-colors">

     

       
310
       
310
       
+
       
										<CardContent className="flex flex-col items-center justify-center p-8 text-center">

     

       
311
       
311
       
+
       
											<Globe className="w-12 h-12 text-muted-foreground mb-4" />

     

       
312
       
312
       
+
       
											<h3 className="font-semibold mb-2">

     

       
313
       
313
       
+
       
												Connect Git Repository

     

       
314
       
314
       
+
       
											</h3>

     

       
315
       
315
       
+
       
											<p className="text-sm text-muted-foreground mb-4">

     

       
316
       
316
       
+
       
												Link your GitHub, GitLab, or any

     

       
317
       
317
       
+
       
												Git repository

     

       
318
       
318
       
+
       
											</p>

     

       
319
       
319
       
+
       
											<Button variant="outline">

     

       
320
       
320
       
+
       
												Connect Git

     

       
321
       
321
       
+
       
											</Button>

     

       
322
       
322
       
+
       
										</CardContent>

     

       
323
       
323
       
+
       
									</Card>

     

       
324
       
324
       
+
       
								</div>

     

       
325
       
325
       
+
       
							</CardContent>

     

       
326
       
326
       
+
       
						</Card>

     

       
327
       
327
       
+
       
					</TabsContent>

     

       
328
       
328
       
+
       
				</Tabs>

     

       
329
       
329
       
+
       
			</div>

     

       
330
       
330
       
+
       


     

       
331
       
331
       
+
       
			<Dialog

     

       
332
       
332
       
+
       
				open={configureModalOpen}

     

       
333
       
333
       
+
       
				onOpenChange={setConfigureModalOpen}

     

       
334
       
334
       
+
       
			>

     

       
335
       
335
       
+
       
				<DialogContent className="sm:max-w-md">

     

       
336
       
336
       
+
       
					<DialogHeader>

     

       
337
       
337
       
+
       
						<DialogTitle>Configure Site Domain</DialogTitle>

     

       
338
       
338
       
+
       
						<DialogDescription>

     

       
339
       
339
       
+
       
							Choose which domain {currentSite?.name} should use

     

       
340
       
340
       
+
       
						</DialogDescription>

     

       
341
       
341
       
+
       
					</DialogHeader>

     

       
342
       
342
       
+
       
					<div className="space-y-4 py-4">

     

       
343
       
343
       
+
       
						<RadioGroup

     

       
344
       
344
       
+
       
							value={selectedDomain}

     

       
345
       
345
       
+
       
							onValueChange={setSelectedDomain}

     

       
346
       
346
       
+
       
						>

     

       
347
       
347
       
+
       
							{availableDomains.map((domain) => (

     

       
348
       
348
       
+
       
								<div

     

       
349
       
349
       
+
       
									key={domain.value}

     

       
350
       
350
       
+
       
									className="flex items-center space-x-2"

     

       
351
       
351
       
+
       
								>

     

       
352
       
352
       
+
       
									<RadioGroupItem

     

       
353
       
353
       
+
       
										value={domain.value}

     

       
354
       
354
       
+
       
										id={domain.value}

     

       
355
       
355
       
+
       
									/>

     

       
356
       
356
       
+
       
									<Label

     

       
357
       
357
       
+
       
										htmlFor={domain.value}

     

       
358
       
358
       
+
       
										className="flex-1 cursor-pointer"

     

       
359
       
359
       
+
       
									>

     

       
360
       
360
       
+
       
										<div className="flex items-center justify-between">

     

       
361
       
361
       
+
       
											<span className="font-mono text-sm">

     

       
362
       
362
       
+
       
												{domain.label}

     

       
363
       
363
       
+
       
											</span>

     

       
364
       
364
       
+
       
											{domain.type === 'wisp' && (

     

       
365
       
365
       
+
       
												<Badge

     

       
366
       
366
       
+
       
													variant="secondary"

     

       
367
       
367
       
+
       
													className="text-xs"

     

       
368
       
368
       
+
       
												>

     

       
369
       
369
       
+
       
													Free

     

       
370
       
370
       
+
       
												</Badge>

     

       
371
       
371
       
+
       
											)}

     

       
372
       
372
       
+
       
											{domain.type === 'custom' && (

     

       
373
       
373
       
+
       
												<Badge

     

       
374
       
374
       
+
       
													variant="outline"

     

       
375
       
375
       
+
       
													className="text-xs"

     

       
376
       
376
       
+
       
												>

     

       
377
       
377
       
+
       
													Custom

     

       
378
       
378
       
+
       
												</Badge>

     

       
379
       
379
       
+
       
											)}

     

       
380
       
380
       
+
       
										</div>

     

       
381
       
381
       
+
       
									</Label>

     

       
382
       
382
       
+
       
								</div>

     

       
383
       
383
       
+
       
							))}

     

       
384
       
384
       
+
       
						</RadioGroup>

     

       
385
       
385
       
+
       
					</div>

     

       
386
       
386
       
+
       
					<DialogFooter>

     

       
387
       
387
       
+
       
						<Button

     

       
388
       
388
       
+
       
							variant="outline"

     

       
389
       
389
       
+
       
							onClick={() => setConfigureModalOpen(false)}

     

       
390
       
390
       
+
       
						>

     

       
391
       
391
       
+
       
							Cancel

     

       
392
       
392
       
+
       
						</Button>

     

       
393
       
393
       
+
       
						<Button onClick={handleSaveConfiguration}>

     

       
394
       
394
       
+
       
							Save Configuration

     

       
395
       
395
       
+
       
						</Button>

     

       
396
       
396
       
+
       
					</DialogFooter>

     

       
397
       
397
       
+
       
				</DialogContent>

     

       
398
       
398
       
+
       
			</Dialog>

     

       
399
       
399
       
+
       


     

       
400
       
400
       
+
       
			<Dialog

     

       
401
       
401
       
+
       
				open={addDomainModalOpen}

     

       
402
       
402
       
+
       
				onOpenChange={setAddDomainModalOpen}

     

       
403
       
403
       
+
       
			>

     

       
404
       
404
       
+
       
				<DialogContent className="sm:max-w-lg">

     

       
405
       
405
       
+
       
					<DialogHeader>

     

       
406
       
406
       
+
       
						<DialogTitle>Add Custom Domain</DialogTitle>

     

       
407
       
407
       
+
       
						<DialogDescription>

     

       
408
       
408
       
+
       
							Configure DNS records to verify your domain

     

       
409
       
409
       
+
       
							ownership

     

       
410
       
410
       
+
       
						</DialogDescription>

     

       
411
       
411
       
+
       
					</DialogHeader>

     

       
412
       
412
       
+
       
					<div className="space-y-4 py-4">

     

       
413
       
413
       
+
       
						<div className="space-y-2">

     

       
414
       
414
       
+
       
							<Label htmlFor="new-domain">Domain Name</Label>

     

       
415
       
415
       
+
       
							<Input

     

       
416
       
416
       
+
       
								id="new-domain"

     

       
417
       
417
       
+
       
								placeholder="example.com"

     

       
418
       
418
       
+
       
								value={customDomain}

     

       
419
       
419
       
+
       
								onChange={(e) =>

     

       
420
       
420
       
+
       
									setCustomDomain(e.target.value)

     

       
421
       
421
       
+
       
								}

     

       
422
       
422
       
+
       
							/>

     

       
423
       
423
       
+
       
						</div>

     

       
99
       
424
       
 
       


     

       
100
       
100
       
-
       
			{error && (

     

       
101
       
101
       
-
       
				<div className="mt-4 p-3 bg-red-100 border border-red-400 text-red-700 rounded-md">

     

       
102
       
102
       
-
       
					{error}

     

       
103
       
103
       
-
       
				</div>

     

       
104
       
104
       
-
       
			)}

     

       
425
       
425
       
+
       
						{customDomain && (

     

       
426
       
426
       
+
       
							<div className="space-y-4 p-4 bg-muted/30 rounded-lg border border-border">

     

       
427
       
427
       
+
       
								<div>

     

       
428
       
428
       
+
       
									<h4 className="font-semibold mb-2 flex items-center gap-2">

     

       
429
       
429
       
+
       
										<AlertCircle className="w-4 h-4 text-accent" />

     

       
430
       
430
       
+
       
										DNS Configuration Required

     

       
431
       
431
       
+
       
									</h4>

     

       
432
       
432
       
+
       
									<p className="text-sm text-muted-foreground mb-4">

     

       
433
       
433
       
+
       
										Add these DNS records to your domain

     

       
434
       
434
       
+
       
										provider:

     

       
435
       
435
       
+
       
									</p>

     

       
436
       
436
       
+
       
								</div>

     

       
105
       
437
       
 
       


     

       
106
       
106
       
-
       
			{result && (

     

       
107
       
107
       
-
       
				<div className="mt-4 p-3 bg-green-100 border border-green-400 text-green-700 rounded-md">

     

       
108
       
108
       
-
       
					<h3 className="font-semibold mb-2">Upload Successful!</h3>

     

       
109
       
109
       
-
       
					<p>Files uploaded: {result.fileCount}</p>

     

       
110
       
110
       
-
       
					<p>Site name: {result.siteName}</p>

     

       
111
       
111
       
-
       
					<p>URI: {result.uri}</p>

     

       
112
       
112
       
-
       
				</div>

     

       
113
       
113
       
-
       
			)}

     

       
438
       
438
       
+
       
								<div className="space-y-3">

     

       
439
       
439
       
+
       
									<div className="p-3 bg-background rounded border border-border">

     

       
440
       
440
       
+
       
										<div className="flex justify-between items-start mb-1">

     

       
441
       
441
       
+
       
											<span className="text-xs font-semibold text-muted-foreground">

     

       
442
       
442
       
+
       
												TXT Record

     

       
443
       
443
       
+
       
											</span>

     

       
444
       
444
       
+
       
										</div>

     

       
445
       
445
       
+
       
										<div className="font-mono text-sm space-y-1">

     

       
446
       
446
       
+
       
											<div>

     

       
447
       
447
       
+
       
												<span className="text-muted-foreground">

     

       
448
       
448
       
+
       
													Name:

     

       
449
       
449
       
+
       
												</span>{' '}

     

       
450
       
450
       
+
       
												_wisp

     

       
451
       
451
       
+
       
											</div>

     

       
452
       
452
       
+
       
											<div>

     

       
453
       
453
       
+
       
												<span className="text-muted-foreground">

     

       
454
       
454
       
+
       
													Value:

     

       
455
       
455
       
+
       
												</span>{' '}

     

       
456
       
456
       
+
       
												{mockUser.did}

     

       
457
       
457
       
+
       
											</div>

     

       
458
       
458
       
+
       
										</div>

     

       
459
       
459
       
+
       
									</div>

     

       
460
       
460
       
+
       


     

       
461
       
461
       
+
       
									<div className="p-3 bg-background rounded border border-border">

     

       
462
       
462
       
+
       
										<div className="flex justify-between items-start mb-1">

     

       
463
       
463
       
+
       
											<span className="text-xs font-semibold text-muted-foreground">

     

       
464
       
464
       
+
       
												CNAME Record

     

       
465
       
465
       
+
       
											</span>

     

       
466
       
466
       
+
       
										</div>

     

       
467
       
467
       
+
       
										<div className="font-mono text-sm space-y-1">

     

       
468
       
468
       
+
       
											<div>

     

       
469
       
469
       
+
       
												<span className="text-muted-foreground">

     

       
470
       
470
       
+
       
													Name:

     

       
471
       
471
       
+
       
												</span>{' '}

     

       
472
       
472
       
+
       
												@ or {customDomain}

     

       
473
       
473
       
+
       
											</div>

     

       
474
       
474
       
+
       
											<div>

     

       
475
       
475
       
+
       
												<span className="text-muted-foreground">

     

       
476
       
476
       
+
       
													Value:

     

       
477
       
477
       
+
       
												</span>{' '}

     

       
478
       
478
       
+
       
												abc123.dns.wisp.place

     

       
479
       
479
       
+
       
											</div>

     

       
480
       
480
       
+
       
										</div>

     

       
481
       
481
       
+
       
									</div>

     

       
482
       
482
       
+
       
								</div>

     

       
483
       
483
       
+
       
							</div>

     

       
484
       
484
       
+
       
						)}

     

       
485
       
485
       
+
       
					</div>

     

       
486
       
486
       
+
       
					<DialogFooter className="flex-col sm:flex-row gap-2">

     

       
487
       
487
       
+
       
						<Button

     

       
488
       
488
       
+
       
							variant="outline"

     

       
489
       
489
       
+
       
							onClick={() => {

     

       
490
       
490
       
+
       
								setAddDomainModalOpen(false)

     

       
491
       
491
       
+
       
								setCustomDomain('')

     

       
492
       
492
       
+
       
								setVerificationStatus('idle')

     

       
493
       
493
       
+
       
							}}

     

       
494
       
494
       
+
       
							className="w-full sm:w-auto"

     

       
495
       
495
       
+
       
						>

     

       
496
       
496
       
+
       
							Cancel

     

       
497
       
497
       
+
       
						</Button>

     

       
498
       
498
       
+
       
						<Button

     

       
499
       
499
       
+
       
							onClick={handleVerifyDNS}

     

       
500
       
500
       
+
       
							disabled={

     

       
501
       
501
       
+
       
								!customDomain ||

     

       
502
       
502
       
+
       
								verificationStatus === 'verifying'

     

       
503
       
503
       
+
       
							}

     

       
504
       
504
       
+
       
							className="w-full sm:w-auto"

     

       
505
       
505
       
+
       
						>

     

       
506
       
506
       
+
       
							{verificationStatus === 'verifying' ? (

     

       
507
       
507
       
+
       
								<>Verifying DNS...</>

     

       
508
       
508
       
+
       
							) : verificationStatus === 'success' ? (

     

       
509
       
509
       
+
       
								<>

     

       
510
       
510
       
+
       
									<CheckCircle2 className="w-4 h-4 mr-2" />

     

       
511
       
511
       
+
       
									Verified

     

       
512
       
512
       
+
       
								</>

     

       
513
       
513
       
+
       
							) : verificationStatus === 'error' ? (

     

       
514
       
514
       
+
       
								<>

     

       
515
       
515
       
+
       
									<XCircle className="w-4 h-4 mr-2" />

     

       
516
       
516
       
+
       
									Verification Failed

     

       
517
       
517
       
+
       
								</>

     

       
518
       
518
       
+
       
							) : (

     

       
519
       
519
       
+
       
								<>Verify DNS Records</>

     

       
520
       
520
       
+
       
							)}

     

       
521
       
521
       
+
       
						</Button>

     

       
522
       
522
       
+
       
					</DialogFooter>

     

       
523
       
523
       
+
       
				</DialogContent>

     

       
524
       
524
       
+
       
			</Dialog>

     

       
114
       
525
       
 
       
		</div>

     

       
115
       
526
       
 
       
	)

     

       
116
       
527
       
 
       
}

     
···

       
118
       
529
       
 
       
const root = createRoot(document.getElementById('elysia')!)

     

       
119
       
530
       
 
       
root.render(

     

       
120
       
531
       
 
       
	<Layout className="gap-6">

     

       
121
       
121
       
-
       
		<Editor />

     

       
532
       
532
       
+
       
		<Dashboard />

     

       
122
       
533
       
 
       
	</Layout>

     

       
123
       
123
       
-
       
)
     

       
534
       
534
       
+
       
)