Limit & Status text

Index.html

···
                 url.searchParams.append('target', target);
                 url.searchParams.append('collection', collection);
                 url.searchParams.append('path', path);
+                url.searchParams.append('limit', '100');
                 if (cursor) {
                     url.searchParams.append('cursor', cursor);
                 }
···
                 winners: [],
                 participants: 0,
                 showResults: false,
+                statusText: '',
 
                 // Initialize component with query parameters
                 init() {
···
                             console.log(`Fetching ${collection} data...`);
                             let cursor = null;
                             let pageCount = 1;
-
+                            let displayTypeText = ''
+                            let displayTotal = 0;
+                            if (collection === likesCollection) {
+                                displayTypeText = 'likes'
+                            }else if (collection === repostsCollection) {
+                                displayTypeText = 'reposts'
+                            }
+                            else {
+                                displayTypeText = 'both'
+                            }
                             do {
                                 console.log(`Fetching ${collection} data, page ${pageCount}${cursor ? ' with cursor' : ''}...`);
                                 const response = await callConstellationEndpoint(atUri, collection, path, cursor);
                                 console.log(`${collection} response (page ${pageCount}):`, response);
 
                                 if (response && response.linking_dids) {
+                                    displayTotal +=  response.linking_dids.length;
+                                    this.statusText = `${displayTotal}/${response.total} ${displayTypeText} fetched.`;
+
                                     let dids = response.linking_dids.map(x => ({
                                         collection: collection,
                                         did: x
···
 
                         </fieldset>
                         <span x-show="error" x-text="error" class="text-red-500 text-lg font-bold"></span>
+                        <span x-show="statusText && loading" x-text="statusText" class="text-gray-500 text-lg font-bold"></span>
+                        <span x-show="statusText && loading" class="text-gray-500 text-sm font-bold">Posts with lots of likes and reposts can take a while. It will show an error if it fails.</span>
                         <button type="submit" class="btn btn-neutral mt-4" x-bind:disabled="loading">
                             <span x-show="!loading">I choose you!</span>
                             <span x-show="loading" class="loading loading-spinner"></span>
···
                 <!-- URL Parameters Documentation -->
                 <div class="mt-6 p-4 bg-base-200 rounded-lg text-sm">
                     <h3 class="text-lg font-bold mb-2">🔗 URL Parameters</h3>
-                    <p class="mb-2">You can create links that automatically run giveaways with these GET query parameters:</p>
+                    <p class="mb-2">You can create links that automatically run the giveaway when the page is loaded with these GET query parameters:</p>
                     <ul class="list-disc pl-5 mb-2">
                         <li><code>post_url</code>: URL of the Bluesky post</li>
                         <li><code>winner_count</code>: Number of winners (default: 1)</li>