Stripe Connect Onboarding Integration

frontend/src/App.tsx

@@ -37,7 +37,6 @@ import Playground from "./components/pages/Playground";
 import PrivacyPolicy from "./components/pages/PrivacyPolicy";
 import ResearchPage from "./components/pages/ResearchPage";
 import SellerOnboarding from "./components/pages/SellerOnboarding";
-import SellerOnboardingContinued from "./components/pages/SellerOnboardingContinued";
 import Terminal from "./components/pages/Terminal";
 import TermsOfService from "./components/pages/TermsOfService";
 
@@ -87,21 +86,18 @@ const App = () => {
                         <Route path="/privacy" element={<PrivacyPolicy />} />
 
                         <Route
-                          path="/seller-onboarding"
+                          path="/sell/onboarding"
                           element={<SellerOnboarding />}
                         />
                         <Route
-                          path="/seller-onboarding-continued"
-                          element={<SellerOnboardingContinued />}
-                        />
-                        <Route
-                          path="/seller-dashboard"
+                          path="/sell/dashboard"
                           element={<SellerDashboard />}
                         />
                         <Route
                           path="/delete-connect"
                           element={<DeleteConnect />}
                         />
+
                         <Route path="/success" element={<OrderSuccess />} />
                         <Route path="/orders" element={<OrdersPage />} />
 

frontend/src/components/pages/DeleteConnect.tsx

@@ -17,8 +17,7 @@ export default function DeleteConnect() {
       return;
     }
 
-    // Only allow access in development
-    if (process.env.NODE_ENV !== "development") {
+    if (!auth.currentUser?.permissions?.includes("is_admin")) {
       navigate("/");
       return;
     }
@@ -27,7 +26,7 @@ export default function DeleteConnect() {
   const handleDeleteTestAccounts = async () => {
     try {
       const { data, error } = await auth.client.POST(
-        "/stripe/connect-account/delete-test-accounts",
+        "/stripe/connect/delete/accounts",
         {},
       );
 
@@ -38,7 +37,7 @@ export default function DeleteConnect() {
 
       addAlert(`Successfully deleted ${data.count} test accounts`, "success");
       setTimeout(() => {
-        navigate("/seller-onboarding");
+        navigate("/sell/onboarding");
       }, 2000);
     } catch (error) {
       addErrorAlert(`Failed to delete test accounts: ${error}`);
@@ -68,9 +67,6 @@ export default function DeleteConnect() {
             This action will delete all test Stripe Connect accounts associated
             with this environment. This operation cannot be undone.
           </p>
-          <p className="text-red-700 mb-4">
-            This functionality is only available in development mode.
-          </p>
         </div>
 
         <button

frontend/src/components/pages/Profile.tsx

@@ -397,7 +397,7 @@ export const RenderProfile = (props: RenderProfileProps) => {
             {!user.stripe_connect_account_id ? (
               <Tooltip content="Start seller onboarding" position="bottom">
                 <Button
-                  onClick={() => navigate("/seller-onboarding")}
+                  onClick={() => navigate("/sell/onboarding")}
                   variant="outline"
                 >
                   Sell Robots
@@ -406,15 +406,15 @@ export const RenderProfile = (props: RenderProfileProps) => {
             ) : !user.stripe_connect_onboarding_completed ? (
               <Tooltip content="Continue seller onboarding" position="bottom">
                 <Button
-                  onClick={() => navigate("/seller-onboarding-continued")}
+                  onClick={() => navigate("/sell/onboarding")}
                   variant="outline"
                 >
                   Complete Seller Setup
                 </Button>
               </Tooltip>
             ) : (
               <Button
-                onClick={() => navigate("/seller-dashboard")}
+                onClick={() => navigate("/sell/dashboard")}
                 variant="outline"
               >
                 Seller Dashboard

frontend/src/components/pages/SellerDashboard.tsx

@@ -2,6 +2,7 @@ import { useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 
 import { useAuthentication } from "@/hooks/useAuth";
+import { Check } from "lucide-react";
 
 export default function SellerDashboard() {
   const navigate = useNavigate();
@@ -21,7 +22,7 @@ export default function SellerDashboard() {
 
     // Redirect to onboarding if not completed
     if (!auth.currentUser?.stripe_connect_onboarding_completed) {
-      navigate("/seller-onboarding");
+      navigate("/sell/onboarding");
       return;
     }
   }, [auth.isLoading, auth.isAuthenticated, auth.currentUser]);
@@ -43,10 +44,13 @@ export default function SellerDashboard() {
 
         <div className="bg-white rounded-lg shadow p-6">
           <h2 className="text-xl font-semibold mb-4">Account Status</h2>
-          <p className="text-green-600 mb-4">
-            ✓ Your K-Scale seller account is active and ready to receive
-            payments.
-          </p>
+          <div className="flex gap-2 text-green-600">
+            <Check />
+            <p>
+              Your K-Scale seller account is active and ready to receive
+              payments.
+            </p>
+          </div>
 
           <div className="mt-6">
             <a