Click to edit UI (#385)

- [x] add e2e test - happy case (make sure it clears selection and next
prompt is empty, and preview is cleared); de-selection case
- [x] shim - old & new file
- [x] upgrade path
- [x] add docs
- [x] add try-catch to parser script
- [x] make it work for next.js
- [x] extract npm package
- [x] make sure plugin doesn't apply in prod

src/pages/app-details.tsx

@@ -39,6 +39,7 @@ import { Loader2 } from "lucide-react";
 import { invalidateAppQuery } from "@/hooks/useLoadApp";
 import { useDebounce } from "@/hooks/useDebounce";
 import { useCheckName } from "@/hooks/useCheckName";
+import { AppUpgrades } from "@/components/AppUpgrades";
 
 export default function AppDetailsPage() {
   const navigate = useNavigate();
@@ -341,6 +342,7 @@ export default function AppDetailsPage() {
           </Button>
           <GitHubConnector appId={appId} folderName={selectedApp.path} />
           {appId && <SupabaseConnector appId={appId} />}
+          <AppUpgrades appId={appId} />
         </div>
 
         {/* Rename Dialog */}