strapi-content-sync-pro 1.0.3 → 1.0.5

package/admin/src/components/ConfigTab.jsx

@@ -143,6 +143,38 @@ const ConfigTab = () => {
         }
     };
 
+    // Validate + normalize a Strapi Server URL entered by the user.
+    // Returns { ok: true, normalized } or { ok: false, error }.
+    const validateBaseUrl = (raw) => {
+        if (!raw || !raw.trim()) {
+            return { ok: false, error: 'Server URL is required' };
+        }
+        let url = raw.trim();
+        if (!/^https?:\/\//i.test(url)) {
+            return {
+                ok: false,
+                error: 'Server URL must start with http:// or https:// (e.g. http://localhost:4010)',
+            };
+        }
+        // Strip trailing slashes and common mistakes like /admin or /api
+        url = url.replace(/\/+$/, '').replace(/\/admin$/i, '').replace(/\/api$/i, '');
+        try {
+            const parsed = new URL(url);
+            if (!parsed.hostname) {
+                return { ok: false, error: 'Server URL is missing a hostname' };
+            }
+            if (parsed.pathname && parsed.pathname !== '/' && parsed.pathname !== '') {
+                return {
+                    ok: false,
+                    error: `Server URL should be the Strapi root (e.g. http://localhost:4010), not include a path like "${parsed.pathname}"`,
+                };
+            }
+        } catch {
+            return { ok: false, error: 'Server URL is not a valid URL' };
+        }
+        return { ok: true, normalized: url };
+    };
+
     // Login with credentials to remote server and get/create API token
     const handleLoginWithCredentials = async () => {
         if (!config.baseUrl || !credentials.email || !credentials.password) {
@@ -150,12 +182,22 @@ const ConfigTab = () => {
             return;
         }
 
+        const urlCheck = validateBaseUrl(config.baseUrl);
+        if (!urlCheck.ok) {
+            setLoginState({ loading: false, success: false, error: urlCheck.error });
+            return;
+        }
+        // Auto-correct the stored value if we had to normalize it (e.g. trim slash or /admin)
+        if (urlCheck.normalized !== config.baseUrl) {
+            setConfig((prev) => ({ ...prev, baseUrl: urlCheck.normalized }));
+        }
+
         setLoginState({ loading: true, success: false, error: null });
 
         try {
             // Call our backend to proxy the login request
             const response = await post(`/${PLUGIN_ID}/config/remote-login`, {
-                baseUrl: config.baseUrl,
+                baseUrl: urlCheck.normalized,
                 email: credentials.email,
                 password: credentials.password,
             });
@@ -368,10 +410,46 @@ const ConfigTab = () => {
                                                 placeholder="https://my-other-strapi.com"
                                                 value={config.baseUrl}
                                                 onChange={(e) => setConfig((p) => ({ ...p, baseUrl: e.target.value }))}
+                                                onBlur={(e) => {
+                                                    const v = validateBaseUrl(e.target.value);
+                                                    if (v.ok && v.normalized !== e.target.value) {
+                                                        setConfig((p) => ({ ...p, baseUrl: v.normalized }));
+                                                    }
+                                                }}
                                             />
-                                            <Field.Hint>URL of the remote Strapi server where this plugin is also installed</Field.Hint>
+                                            <Field.Hint>URL of the remote Strapi server where this plugin is also installed. Use the root URL only (e.g. http://localhost:4010) — do not append /admin or /api.</Field.Hint>
+                                            {config.baseUrl && (() => {
+                                                const v = validateBaseUrl(config.baseUrl);
+                                                return v.ok ? null : (
+                                                    <Box paddingTop={1}>
+                                                        <Typography variant="pi" textColor="danger600">
+                                                            {v.error}
+                                                        </Typography>
+                                                    </Box>
+                                                );
+                                            })()}
                                         </Field.Root>
 
+                                        <Box>
+                                            <Alert variant="default" title="Before you continue">
+                                                <Box>
+                                                    <Typography variant="pi">
+                                                        • <strong>Server URL</strong> must be the Strapi root (e.g. <code>http://localhost:4010</code>) — not <code>/admin</code>, <code>/api</code>, or an internal IP the server can't see.
+                                                    </Typography>
+                                                </Box>
+                                                <Box paddingTop={1}>
+                                                    <Typography variant="pi">
+                                                        • Use an <strong>existing admin user's</strong> email and password for the remote Strapi panel. This is not an API token and not a local DB user.
+                                                    </Typography>
+                                                </Box>
+                                                <Box paddingTop={1}>
+                                                    <Typography variant="pi">
+                                                        • If you see "Missing or invalid credentials", verify the URL first, then the email/password. A wrong URL often surfaces as an auth error.
+                                                    </Typography>
+                                                </Box>
+                                            </Alert>
+                                        </Box>
+
                                         <Field.Root>
                                             <Field.Label>API Token</Field.Label>
                                             <Flex gap={2}>
@@ -391,7 +469,7 @@ const ConfigTab = () => {
                                             <Button
                                                 variant="secondary"
                                                 onClick={() => setShowLoginModal(true)}
-                                                disabled={!config.baseUrl}
+                                                disabled={!config.baseUrl || !validateBaseUrl(config.baseUrl).ok}
                                             >
                                                 {config.apiToken ? 'Regenerate' : 'Generate'}
                                             </Button>

package/admin/src/components/HelpTab.jsx

@@ -49,6 +49,7 @@ export const HelpTab = () => {
           <Tabs.Trigger value="content-types">Content Types</Tabs.Trigger>
           <Tabs.Trigger value="sync-profiles">Sync Profiles</Tabs.Trigger>
           <Tabs.Trigger value="execution">Sync Execution</Tabs.Trigger>
+          <Tabs.Trigger value="bulk-transfer">Bulk Transfer</Tabs.Trigger>
           <Tabs.Trigger value="media">Media</Tabs.Trigger>
           <Tabs.Trigger value="stats">Stats</Tabs.Trigger>
           <Tabs.Trigger value="enforcement">Enforcement</Tabs.Trigger>
@@ -130,6 +131,8 @@ export const HelpTab = () => {
                 <li><Typography variant="omega">Conflict resolution strategies (Latest, Local, Remote wins)</Typography></li>
                 <li><Typography variant="omega">Pagination support for large datasets with bounded memory usage</Typography></li>
                 <li><Typography variant="omega">Dependency resolution - sync related entities automatically</Typography></li>
+                <li><Typography variant="omega"><strong>Bulk Transfer</strong> - top-level tab for one-click full push / full pull with selectable chunks, page-level progress, pause / resume / cancel, and persisted run history (restart or resume any previous run)</Typography></li>
+                <li><Typography variant="omega">Media sync (URL or rsync) with MIME filters and morph-link remapping</Typography></li>
                 <li><Typography variant="omega">Enforcement checks - schema, version, and time validation</Typography></li>
                 <li><Typography variant="omega">Configurable alerts via email, webhook, or Strapi logs</Typography></li>
                 <li><Typography variant="omega">Secure communication via API tokens and HMAC signatures</Typography></li>
@@ -143,6 +146,7 @@ export const HelpTab = () => {
               <ul style={{ paddingLeft: '20px', marginTop: '8px', lineHeight: '1.8' }}>
                 <li><Typography variant="omega"><strong>Sync Profiles</strong> - Define WHAT to sync (direction, conflict strategy, field policies)</Typography></li>
                 <li><Typography variant="omega"><strong>Sync Execution</strong> - Define WHEN to sync (on-demand, scheduled, live) and dependency handling</Typography></li>
+                <li><Typography variant="omega"><strong>Bulk Transfer</strong> - One-click full pull / push across selectable chunks with pause / resume and persisted history (separate top-level tab)</Typography></li>
                 <li><Typography variant="omega"><strong>Enforcement</strong> - Pre-sync validation (schema match, version check, time sync)</Typography></li>
                 <li><Typography variant="omega"><strong>Alerts</strong> - Notifications for sync success/failure</Typography></li>
               </ul>
@@ -153,7 +157,8 @@ export const HelpTab = () => {
                 <li><Typography variant="omega"><strong>Configuration Tab</strong> - Set up remote server URL, API token, instance ID, and shared secret</Typography></li>
                 <li><Typography variant="omega"><strong>Content Types Tab</strong> - Enable content types for sync (auto-generates default profiles)</Typography></li>
                 <li><Typography variant="omega"><strong>Sync Profiles Tab</strong> - Customize sync behavior or use defaults</Typography></li>
-                <li><Typography variant="omega"><strong>Sync Execution Tab</strong> - Configure execution settings, page size, and run sync operations</Typography></li>
+                <li><Typography variant="omega"><strong>Sync Tab</strong> - Configure execution settings, page size, and run sync operations</Typography></li>
+                <li><Typography variant="omega"><strong>Bulk Transfer Tab</strong> - For a first-time migration or full refresh, run a one-click Full Pull or Full Push with selectable chunks, pause / resume, and persisted run history</Typography></li>
               </ol>
             </HelpSection>
 
@@ -568,6 +573,18 @@ http://localhost:1337</CodeBlock>
               </ul>
             </HelpSection>
 
+            <HelpSection title="Bulk Transfer (Full Pull / Full Push)">
+              <Typography variant="omega">
+                Bulk Transfer is now its own <strong>top-level tab</strong> (separate from Sync). It is a
+                one-click helper for moving everything between local and remote, with selectable chunks,
+                page-level progress, pause / resume / cancel, and a persisted run history you can restart
+                or resume from.
+              </Typography>
+              <Typography variant="omega" paddingTop={2}>
+                See the <strong>Bulk Transfer</strong> help tab for the full guide.
+              </Typography>
+            </HelpSection>
+
             <HelpSection title="Execution Status">
               <Typography variant="omega">
                 The Status tab in Sync shows the current state of all profiles:
@@ -579,11 +596,103 @@ http://localhost:1337</CodeBlock>
                 <li><Typography variant="omega"><strong>Next Run</strong> - When scheduled sync will run next</Typography></li>
                 <li><Typography variant="omega"><strong>Status</strong> - Running or Idle</Typography></li>
               </ul>
-            </HelpSection>
-          </Box>
-        </Tabs.Content>
+                 </HelpSection>
+              </Box>
+            </Tabs.Content>
+
+            {/* Bulk Transfer Tab */}
+            <Tabs.Content value="bulk-transfer">
+              <Box paddingTop={4}>
+                <HelpSection title="What is Bulk Transfer?">
+                  <Typography variant="omega">
+                    <strong>Bulk Transfer</strong> is a dedicated top-level tab for one-click, full-scope data
+                    movement between the local and remote Strapi instances. It is the fastest way to perform an
+                    initial migration, a full refresh, or a disaster-recovery style mirror, without having to
+                    orchestrate individual Sync Profiles.
+                  </Typography>
+                  <Typography variant="omega" paddingTop={2}>
+                    Unlike the Sync tab — which is profile-driven and can be scheduled or live — Bulk Transfer is
+                    an explicit, user-driven run: pick a direction, pick the scopes, pick (or deselect) the chunks,
+                    and start. It is designed to be safely pausable, resumable, and inspectable.
+                  </Typography>
+                </HelpSection>
+
+                <HelpSection title="Direction & Scopes">
+                  <ul style={{ paddingLeft: '20px', marginTop: '8px', lineHeight: '1.8' }}>
+                    <li><Typography variant="omega"><strong>Direction</strong> — <em>Full Pull</em> (remote → local) or <em>Full Push</em> (local → remote). In <strong>Single-side</strong> mode only Full Pull is available.</Typography></li>
+                    <li><Typography variant="omega"><strong>Content</strong> — All user-defined <code>api::*</code> content types.</Typography></li>
+                    <li><Typography variant="omega"><strong>Media</strong> — Files and morph links via the active media profiles.</Typography></li>
+                    <li><Typography variant="omega"><strong>Strapi Users</strong> — <code>plugin::users-permissions.user</code>.</Typography></li>
+                    <li><Typography variant="omega"><strong>Admin Users</strong> — <code>admin::user</code> (experimental; use with care).</Typography></li>
+                    <li><Typography variant="omega"><strong>Apply deletions</strong> — Destination removes items missing on source. Use with care, especially with user scopes.</Typography></li>
+                    <li><Typography variant="omega"><strong>Conflict strategy</strong> — Latest updated wins (default), Local wins, or Remote wins.</Typography></li>
+                    <li><Typography variant="omega"><strong>Auto-continue</strong> — Run all selected chunks back-to-back, or pause between chunks to review.</Typography></li>
+                  </ul>
+                </HelpSection>
+
+                <HelpSection title="Selectable Chunks & Page-level Progress">
+                  <Typography variant="omega">
+                    A bulk job expands into one <strong>chunk</strong> per content type and one chunk per active
+                    media profile (plus any selected user scopes). In the Run Transfer view you can:
+                  </Typography>
+                  <ul style={{ paddingLeft: '20px', marginTop: '8px', lineHeight: '1.8' }}>
+                    <li><Typography variant="omega">Toggle individual chunks, or use <strong>Select / Deselect All</strong> to run only a subset.</Typography></li>
+                    <li><Typography variant="omega">Watch per-chunk <strong>page progress</strong> (<code>page X of Y</code>, records pushed / pulled, errors) updated in near real-time.</Typography></li>
+                    <li><Typography variant="omega">See consolidated run stats (total pushed, pulled, errors, pages done) and a spinner while the job is actively processing.</Typography></li>
+                    <li><Typography variant="omega">Use <strong>Pause</strong> to stop after the current page, <strong>Resume</strong> to continue from the exact saved cursor, <strong>Run Next Chunk</strong> in manual mode, or <strong>Cancel</strong> to stop the run without losing the progress already made.</Typography></li>
+                  </ul>
+                  <Typography variant="pi" textColor="neutral600" paddingTop={2}>
+                    Because transfer is paginated end-to-end using the global <code>syncPageSize</code>, memory
+                    stays bounded even on very large datasets.
+                  </Typography>
+                </HelpSection>
 
-        {/* Media Tab */}
+                <HelpSection title="Pause, Resume & Cancel">
+                  <Typography variant="omega">
+                    Bulk Transfer treats <strong>pause</strong>, <strong>cancel</strong>, and <strong>resume</strong> as
+                    first-class operations:
+                  </Typography>
+                  <ul style={{ paddingLeft: '20px', marginTop: '8px', lineHeight: '1.8' }}>
+                    <li><Typography variant="omega"><strong>Pause</strong> — Stops after the current page finishes. The chunk cursor, page number, and counters are persisted, so resume continues from the same place.</Typography></li>
+                    <li><Typography variant="omega"><strong>Cancel</strong> — Distinct from pause: the run is marked cancelled and the in-flight chunk is preserved as <em>paused</em> with accumulated progress, not falsely reported as successful.</Typography></li>
+                    <li><Typography variant="omega"><strong>Resume</strong> — Re-opens the run exactly where it stopped: same direction, scopes, deletion flag, auto-continue, conflict strategy, and the same chunk selection, with cursor/page restored.</Typography></li>
+                  </ul>
+                </HelpSection>
+
+                <HelpSection title="Previous Runs & History">
+                  <Typography variant="omega">
+                    Every bulk run — completed, paused, cancelled, or failed — is recorded in the
+                    <strong> Previous Runs</strong> sub-tab. History is persisted in the plugin store (not just
+                    in memory), with serialized writes so concurrent updates from the polling loop and control
+                    actions never clobber each other.
+                  </Typography>
+                  <ul style={{ paddingLeft: '20px', marginTop: '8px', lineHeight: '1.8' }}>
+                    <li><Typography variant="omega"><strong>Expand</strong> a row to inspect per-chunk status, page progress, record counts, and error messages for that run.</Typography></li>
+                    <li><Typography variant="omega"><strong>Restart</strong> — Re-runs the same configuration from scratch (fresh cursor) while keeping the original entry in history.</Typography></li>
+                    <li><Typography variant="omega"><strong>Resume</strong> — For paused / cancelled / incomplete runs, rehydrates the Run Transfer tab with the exact prior state (direction, scopes, options, chunk selection) and continues from the saved cursor and page.</Typography></li>
+                    <li><Typography variant="omega"><strong>Clear history</strong> — Removes the stored history entries.</Typography></li>
+                  </ul>
+                  <Typography variant="omega" paddingTop={2}>
+                    Each run is also recorded as a Stats report with <code>runType = bulk_transfer</code>, so the
+                    before/after snapshots are available in the Stats tab.
+                  </Typography>
+                </HelpSection>
+
+                <HelpSection title="Bulk Transfer vs Sync">
+                  <ul style={{ paddingLeft: '20px', marginTop: '8px', lineHeight: '1.8' }}>
+                    <li><Typography variant="omega"><strong>Sync</strong> is <em>profile-driven</em>: on-demand, scheduled, or live; intended for ongoing incremental synchronization with field-level policies.</Typography></li>
+                    <li><Typography variant="omega"><strong>Bulk Transfer</strong> is <em>operation-driven</em>: an explicit full pull/push, chunked and resumable, intended for migrations, backfills, and full refreshes.</Typography></li>
+                  </ul>
+                  <Typography variant="pi" textColor="warning600" paddingTop={2}>
+                    Note: The active in-memory job registry is cleared on Strapi restart, but the run history
+                    (and its saved cursor/page/selection) is persisted — so after a restart you can open Previous
+                    Runs and <strong>Resume</strong> the interrupted job.
+                  </Typography>
+                </HelpSection>
+              </Box>
+            </Tabs.Content>
+
+            {/* Media Tab */}
         <Tabs.Content value="media">
           <Box paddingTop={4}>
             <HelpSection title="Pagination for Large Datasets">
@@ -731,6 +840,40 @@ http://localhost:1337</CodeBlock>
               </Typography>
             </HelpSection>
 
+            <HelpSection title="Live status, Pause, Resume, and Stop">
+              <Typography variant="omega">
+                Media sync runs can take a long time. The Media tab shows live state for any profile
+                that is currently running or paused and automatically polls status every 2 seconds
+                while work is in progress, so you can navigate away and come back without losing
+                visibility. The Status sub-tab shows the active phase (for example
+                <code> listing</code>, <code>pushing</code>, <code>pulling</code>) and live counters
+                for <code>pushed</code>, <code>pulled</code>, <code>skipped</code>, and
+                <code> errors</code>.
+              </Typography>
+              <ul style={{ paddingLeft: '20px', marginTop: '8px', lineHeight: '1.8' }}>
+                <li><Typography variant="omega"><strong>Run</strong> - starts the profile as a background job; the UI flips to Running immediately and keeps polling.</Typography></li>
+                <li><Typography variant="omega"><strong>Pause</strong> - requests a cooperative halt at the next checkpoint (between pages/batches). Already in-flight file transfers finish first.</Typography></li>
+                <li><Typography variant="omega"><strong>Resume</strong> - continues a paused run from where it stopped without redoing completed work.</Typography></li>
+                <li><Typography variant="omega"><strong>Stop</strong> - cancels the run at the next checkpoint. Work already synced is kept; remaining items are skipped.</Typography></li>
+              </ul>
+              <Typography variant="omega" paddingTop={2}>
+                Corresponding endpoints:
+              </Typography>
+              <ul style={{ paddingLeft: '20px', marginTop: '8px', lineHeight: '1.8' }}>
+                <li><code>POST /api/strapi-content-sync-pro/media-sync/profiles/:id/pause</code></li>
+                <li><code>POST /api/strapi-content-sync-pro/media-sync/profiles/:id/resume</code></li>
+                <li><code>POST /api/strapi-content-sync-pro/media-sync/profiles/:id/cancel</code></li>
+                <li><code>GET  /api/strapi-content-sync-pro/media-sync/status</code> (returns <code>running</code>, <code>paused</code>, and per-profile <code>progress</code>)</li>
+              </ul>
+              <Typography variant="pi" textColor="warning600" paddingTop={2}>
+                <strong>Note:</strong> Pause/Resume/Stop are implemented for the <strong>URL</strong>
+                strategy, which is the default and most common choice. The <strong>rsync</strong>
+                strategy runs as a single child process and cannot be paused mid-flight; for rsync
+                profiles these controls are a no-op until the current rsync invocation finishes on
+                its own.
+              </Typography>
+            </HelpSection>
+
             <HelpSection title="Dry run & testing">
               <Typography variant="omega">
                 Toggle <strong>Dry run</strong> on a profile to list what would change without transferring any

package/admin/src/components/MediaTab.jsx

@@ -19,7 +19,7 @@ import {
   Dialog,
   IconButton,
 } from '@strapi/design-system';
-import { Pencil, Trash, Play, Check } from '@strapi/icons';
+import { Pencil, Trash, Play, Check, Stop } from '@strapi/icons';
 import { useFetchClient } from '@strapi/strapi/admin';
 
 const PLUGIN_ID = 'strapi-content-sync-pro';
@@ -122,8 +122,25 @@ const MediaTab = () => {
     }
   };
 
+  const refreshStatus = async () => {
+    try {
+      const sRes = await get(`/${PLUGIN_ID}/media-sync/status`);
+      setStatus(sRes.data.data || {});
+    } catch {
+      /* silent — polling should not spam errors */
+    }
+  };
+
   useEffect(() => { reload(); }, []);
 
+  // Live status polling: while anything is running or paused, poll every 2s.
+  useEffect(() => {
+    const anyActive = (status?.profiles || []).some((p) => p.running || p.paused);
+    if (!anyActive) return undefined;
+    const id = setInterval(refreshStatus, 2000);
+    return () => clearInterval(id);
+  }, [status]);
+
   const handleSaveGlobal = async () => {
     setSaving(true); setMessage(null);
     try {
@@ -174,25 +191,67 @@ const MediaTab = () => {
   };
 
   const handleRunProfile = async (id) => {
-    setRunning(true); setMessage(null);
+    setMessage(null);
+    // Fire-and-forget: don't await — the sync may run for a long time.
+    // Poll status to reflect progress and completion.
+    post(`/${PLUGIN_ID}/media-sync/profiles/${id}/run`, {})
+      .then(() => {
+        setMessage({ type: 'success', text: 'Media sync complete.' });
+        refreshStatus();
+      })
+      .catch((err) => {
+        setMessage({ type: 'danger', text: err?.response?.data?.error?.message || err.message });
+        refreshStatus();
+      });
+    setMessage({ type: 'success', text: 'Media sync started. You can pause or stop it from the Status tab.' });
+    // Kick an immediate status refresh so the UI flips to Running right away.
+    setTimeout(refreshStatus, 500);
+  };
+
+  const handleRunAll = async () => {
+    setMessage(null);
+    post(`/${PLUGIN_ID}/media-sync/run-active`, {})
+      .then(() => {
+        setMessage({ type: 'success', text: 'All active media profiles synced.' });
+        refreshStatus();
+      })
+      .catch((err) => {
+        setMessage({ type: 'danger', text: err?.response?.data?.error?.message || err.message });
+        refreshStatus();
+      });
+    setMessage({ type: 'success', text: 'Sync All started. Watch progress in the Status tab.' });
+    setTimeout(refreshStatus, 500);
+  };
+
+  const handlePauseProfile = async (id) => {
     try {
-      await post(`/${PLUGIN_ID}/media-sync/profiles/${id}/run`, {});
-      setMessage({ type: 'success', text: 'Media sync complete.' });
-      await reload();
+      await post(`/${PLUGIN_ID}/media-sync/profiles/${id}/pause`, {});
+      setMessage({ type: 'success', text: 'Pause requested. The run will halt at the next checkpoint.' });
+      refreshStatus();
     } catch (err) {
       setMessage({ type: 'danger', text: err?.response?.data?.error?.message || err.message });
-    } finally { setRunning(false); }
+    }
   };
 
-  const handleRunAll = async () => {
-    setRunning(true); setMessage(null);
+  const handleResumeProfile = async (id) => {
     try {
-      await post(`/${PLUGIN_ID}/media-sync/run-active`, {});
-      setMessage({ type: 'success', text: 'All active media profiles synced.' });
-      await reload();
+      await post(`/${PLUGIN_ID}/media-sync/profiles/${id}/resume`, {});
+      setMessage({ type: 'success', text: 'Run resumed.' });
+      refreshStatus();
     } catch (err) {
       setMessage({ type: 'danger', text: err?.response?.data?.error?.message || err.message });
-    } finally { setRunning(false); }
+    }
+  };
+
+  const handleCancelProfile = async (id) => {
+    if (!confirm('Stop this media profile run? Progress already done is kept, remaining work is aborted.')) return;
+    try {
+      await post(`/${PLUGIN_ID}/media-sync/profiles/${id}/cancel`, {});
+      setMessage({ type: 'success', text: 'Stop requested.' });
+      refreshStatus();
+    } catch (err) {
+      setMessage({ type: 'danger', text: err?.response?.data?.error?.message || err.message });
+    }
   };
 
   const handleTest = async () => {
@@ -245,7 +304,7 @@ const MediaTab = () => {
               <Typography variant="delta">Media Sync Profiles</Typography>
               <Flex gap={2}>
                 <Button variant="secondary" onClick={handleTest} loading={testing} disabled={testing}>Test connection</Button>
-                <Button variant="secondary" onClick={handleRunAll} loading={running} disabled={running}>Sync All Active</Button>
+                <Button variant="secondary" onClick={handleRunAll} disabled={!!status?.running}>Sync All Active</Button>
                 <Button onClick={() => { setEditProfile({ ...EMPTY_PROFILE, includeMime: defaults?.mimeAll || [] }); setEditMode('create'); }}>
                   Create Profile
                 </Button>
@@ -289,9 +348,30 @@ const MediaTab = () => {
                       {!p.active && (
                         <Button variant="tertiary" size="S" onClick={() => handleActivate(p.id)} startIcon={<Check />}>Activate</Button>
                       )}
-                      {p.active && (
-                        <Button variant="secondary" size="S" onClick={() => handleRunProfile(p.id)} loading={running} disabled={running} startIcon={<Play />}>Run</Button>
-                      )}
+                      {p.active && (() => {
+                        const sp = (status?.profiles || []).find((x) => x.id === p.id);
+                        const isRunning = !!sp?.running;
+                        const isPaused = !!sp?.paused;
+                        if (isRunning && !isPaused) {
+                          return (
+                            <>
+                              <Button variant="tertiary" size="S" onClick={() => handlePauseProfile(p.id)}>Pause</Button>
+                              <IconButton label="Stop" onClick={() => handleCancelProfile(p.id)}><Stop /></IconButton>
+                            </>
+                          );
+                        }
+                        if (isPaused) {
+                          return (
+                            <>
+                              <Button variant="secondary" size="S" onClick={() => handleResumeProfile(p.id)} startIcon={<Play />}>Resume</Button>
+                              <IconButton label="Stop" onClick={() => handleCancelProfile(p.id)}><Stop /></IconButton>
+                            </>
+                          );
+                        }
+                        return (
+                          <Button variant="secondary" size="S" onClick={() => handleRunProfile(p.id)} startIcon={<Play />}>Run</Button>
+                        );
+                      })()}
                       <IconButton label="Edit" onClick={() => { setEditProfile({ ...p }); setEditMode('edit'); }}><Pencil /></IconButton>
                       <IconButton label="Delete" onClick={() => handleDelete(p.id)}><Trash /></IconButton>
                     </Flex>
@@ -382,21 +462,52 @@ const MediaTab = () => {
         {/* ── Status Tab ──────────────────────────────────────────────── */}
         <Tabs.Content value="status">
           <Box paddingTop={4}>
-            <Typography variant="delta" paddingBottom={3}>Media Sync Status</Typography>
-            {status?.profiles?.map((sp) => (
-              <Box key={sp.id} background="neutral0" padding={3} hasRadius shadow="tableShadow" marginBottom={2}>
-                <Flex justifyContent="space-between" alignItems="center">
-                  <Flex gap={2} alignItems="center">
-                    <Typography variant="omega" fontWeight="bold">{sp.name}</Typography>
-                    {sp.active && <Badge active>Active</Badge>}
-                    <Badge>{sp.running ? 'Running' : 'Idle'}</Badge>
+            <Flex justifyContent="space-between" alignItems="center" paddingBottom={3}>
+              <Typography variant="delta">Media Sync Status</Typography>
+              <Button variant="tertiary" size="S" onClick={refreshStatus}>Refresh</Button>
+            </Flex>
+            {status?.profiles?.map((sp) => {
+              const prog = sp.progress || null;
+              const stateLabel = sp.paused ? 'Paused' : sp.running ? 'Running' : 'Idle';
+              return (
+                <Box key={sp.id} background="neutral0" padding={3} hasRadius shadow="tableShadow" marginBottom={2}>
+                  <Flex justifyContent="space-between" alignItems="center">
+                    <Flex gap={2} alignItems="center">
+                      <Typography variant="omega" fontWeight="bold">{sp.name}</Typography>
+                      {sp.active && <Badge active>Active</Badge>}
+                      <Badge>{stateLabel}</Badge>
+                      {prog?.phase && (sp.running || sp.paused) && (
+                        <Typography variant="pi" textColor="neutral600">phase: {prog.phase}</Typography>
+                      )}
+                    </Flex>
+                    <Flex gap={1} alignItems="center">
+                      {sp.running && !sp.paused && (
+                        <>
+                          <Button variant="tertiary" size="S" onClick={() => handlePauseProfile(sp.id)}>Pause</Button>
+                          <Button variant="danger-light" size="S" startIcon={<Stop />} onClick={() => handleCancelProfile(sp.id)}>Stop</Button>
+                        </>
+                      )}
+                      {sp.paused && (
+                        <>
+                          <Button variant="secondary" size="S" startIcon={<Play />} onClick={() => handleResumeProfile(sp.id)}>Resume</Button>
+                          <Button variant="danger-light" size="S" startIcon={<Stop />} onClick={() => handleCancelProfile(sp.id)}>Stop</Button>
+                        </>
+                      )}
+                      <Typography variant="pi" textColor="neutral600" paddingLeft={2}>
+                        Mode: {(sp.executionMode || '').replace('_', ' ')} | Last: {sp.lastExecutedAt ? new Date(sp.lastExecutedAt).toLocaleString() : 'never'}
+                      </Typography>
+                    </Flex>
                   </Flex>
-                  <Typography variant="pi" textColor="neutral600">
-                    Mode: {(sp.executionMode || '').replace('_', ' ')} | Last: {sp.lastExecutedAt ? new Date(sp.lastExecutedAt).toLocaleString() : 'never'}
-                  </Typography>
-                </Flex>
-              </Box>
-            ))}
+                  {(sp.running || sp.paused) && prog && (
+                    <Box paddingTop={2}>
+                      <Typography variant="pi" textColor="neutral700">
+                        pushed: {prog.pushed || 0} · pulled: {prog.pulled || 0} · skipped: {prog.skipped || 0} · errors: {prog.errors || 0}
+                      </Typography>
+                    </Box>
+                  )}
+                </Box>
+              );
+            })}
             {status?.lastResult && (
               <Box paddingTop={3} background="neutral0" padding={4} hasRadius shadow="tableShadow">
                 <Typography variant="sigma">Last Run Result</Typography>

package/admin/src/components/SyncTab.jsx

@@ -26,6 +26,8 @@ import {
 import { Play, Clock, Cog, ArrowUp, ArrowDown } from '@strapi/icons';
 import { useFetchClient } from '@strapi/strapi/admin';
 
+
+
 const PLUGIN_ID = 'strapi-content-sync-pro';
 
 const EXECUTION_MODE_OPTIONS = [

package/admin/src/pages/App/index.jsx

@@ -10,12 +10,14 @@ import { StatsTab } from '../../components/StatsTab';
 import { HelpTab } from '../../components/HelpTab';
 import { SyncProfilesTab } from '../../components/SyncProfilesTab';
 import { MediaTab } from '../../components/MediaTab';
+import BulkTransferTab from '../../components/BulkTransferTab';
 
 const TABS = [
     { key: 'config', label: 'Configuration' },
     { key: 'content-types', label: 'Content Types' },
     { key: 'sync-profiles', label: 'Sync Profiles' },
     { key: 'sync', label: 'Sync' },
+    { key: 'bulk-transfer', label: 'Bulk Transfer' },
     { key: 'media', label: 'Media' },
     { key: 'stats', label: 'Stats' },
     { key: 'logs', label: 'Logs' },
@@ -29,8 +31,16 @@ const HomePage = () => {
         <Main>
             <Box padding={8} background="neutral100">
                 <Typography variant="alpha" tag="h1">
-                    Content Sync Pro Plugin - Reliable Data Synchronization for Strapi Environments
+                    Content Sync Pro Plugin - Bulk Data Transfer, Live Sync, and Automated Content Replication between Strapi instances
                 </Typography>
+                <Box paddingTop={2}>
+                    <Typography variant="omega" textColor="neutral600">
+                        Copy, migrate, and keep content, media, users, and relations in sync across environments.
+                        Run full one-click Bulk Transfers with selectable chunks, page-level progress, pause /
+                        resume / cancel, and persisted run history — alongside profile-driven bi-directional sync,
+                        field-level policies, scheduling, live hooks, and alerts.
+                    </Typography>
+                </Box>
             
 
                 <Box paddingTop={4} paddingBottom={6}>
@@ -51,6 +61,7 @@ const HomePage = () => {
                 {activeTab === 'content-types' && <ContentTypesTab />}
                 {activeTab === 'sync-profiles' && <SyncProfilesTab />}
                 {activeTab === 'sync' && <SyncTab />}
+                {activeTab === 'bulk-transfer' && <BulkTransferTab />}
                 {activeTab === 'media' && <MediaTab />}
                 {activeTab === 'stats' && <StatsTab />}
                 {activeTab === 'logs' && <LogsTab />}