strapi-content-sync-pro 1.0.4 → 1.0.6

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Ejaz Husain Arain
+Copyright (c) 2024–2025 Ejaz Hussain Arain. All rights reserved.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -14,7 +14,7 @@ A powerful Strapi v5 plugin to copy, migrate, and live-sync content, media, and
 Plugin intro: https://youtu.be/hr3dD6dLgLQ
 
 <a href="https://youtu.be/hr3dD6dLgLQ" target="_blank" rel="noopener noreferrer">
-  <img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20160506.png" alt="Content Sync Pro — watch the intro video" width="100%" />
+  <img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20122937.png" alt="Content Sync Pro — watch the intro video" width="100%" />
 </a>
 
 ## Screenshots
@@ -26,24 +26,39 @@ Plugin intro: https://youtu.be/hr3dD6dLgLQ
 
   <table>
     <tr>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20160506.png" alt="Content Sync Pro - screenshot 1" width="100%" /></td>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20160558.png" alt="Content Sync Pro - screenshot 2" width="100%" /></td>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20175903.png" alt="Content Sync Pro - screenshot 3" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20114332.png" alt="Content Sync Pro - screenshot 1" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20114644.png" alt="Content Sync Pro - screenshot 2" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20114651.png" alt="Content Sync Pro - screenshot 3" width="100%" /></td>
     </tr>
     <tr>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20175931.png" alt="Content Sync Pro - screenshot 4" width="100%" /></td>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20180001.png" alt="Content Sync Pro - screenshot 5" width="100%" /></td>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20180041.png" alt="Content Sync Pro - screenshot 6" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20114737.png" alt="Content Sync Pro - screenshot 4" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20114904.png" alt="Content Sync Pro - screenshot 5" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20114940.png" alt="Content Sync Pro - screenshot 6" width="100%" /></td>
     </tr>
     <tr>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20180116.png" alt="Content Sync Pro - screenshot 7" width="100%" /></td>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20180135.png" alt="Content Sync Pro - screenshot 8" width="100%" /></td>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20180202.png" alt="Content Sync Pro - screenshot 9" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20115003.png" alt="Content Sync Pro - screenshot 7" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20115024.png" alt="Content Sync Pro - screenshot 8" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20115116.png" alt="Content Sync Pro - screenshot 9" width="100%" /></td>
     </tr>
     <tr>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20180228.png" alt="Content Sync Pro - screenshot 10" width="100%" /></td>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20180251.png" alt="Content Sync Pro - screenshot 11" width="100%" /></td>
-      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-20%20180301.png" alt="Content Sync Pro - screenshot 12" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20115141.png" alt="Content Sync Pro - screenshot 10" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20115252.png" alt="Content Sync Pro - screenshot 11" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20115448.png" alt="Content Sync Pro - screenshot 12" width="100%" /></td>
+    </tr>
+    <tr>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20120534.png" alt="Content Sync Pro - screenshot 13" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20122544.png" alt="Content Sync Pro - screenshot 14" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20122712.png" alt="Content Sync Pro - screenshot 15" width="100%" /></td>
+    </tr>
+    <tr>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20122730.png" alt="Content Sync Pro - screenshot 16" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20122858.png" alt="Content Sync Pro - screenshot 17" width="100%" /></td>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20122924.png" alt="Content Sync Pro - screenshot 18" width="100%" /></td>
+    </tr>
+    <tr>
+      <td width="33%"><img src="https://raw.githubusercontent.com/eharain/strapi-content-sync-pro/master/docs/Screenshot%202026-04-23%20122937.png" alt="Content Sync Pro - screenshot 19" width="100%" /></td>
+      <td width="33%"></td>
+      <td width="33%"></td>
     </tr>
   </table>
 </details>
@@ -191,6 +206,7 @@ Full media synchronization between Strapi instances:
 - **Profile-based** — Create media sync profiles with direction, conflict strategy, MIME filters, filename patterns, and execution settings.
 - **DB + File Sync** — Syncs both the `plugin::upload.file` database rows and the actual file bytes.
 - **Morph Link Remapping** — Syncs `files_related_morphs` links by mapping file + related entities through documentId, then remapping to local numeric ids before insert.
+- **Live Status + Pause/Resume/Stop** — The Media tab polls status every 2 s while a profile is running or paused and shows live phase and counters (`pushed`, `pulled`, `skipped`, `errors`). Long runs can be paused, resumed, or stopped cooperatively from the UI or via `POST /api/strapi-content-sync-pro/media-sync/profiles/:id/pause|resume|cancel` (URL strategy; rsync runs cannot be paused mid-process).
 
 ## Enforcement
 
@@ -293,7 +309,8 @@ Check the **Logs** tab for detailed sync history including:
 
 ## Contributing
 
-Contributions are welcome! Please open an issue or submit a pull request.
+Contributions are welcome! Please open an issue or submit a pull request. 
+
 
 ## License
 
@@ -303,4 +320,5 @@ MIT License - see [LICENSE](LICENSE) for details.
 
 **Ejaz Husain Arain**
 - GitHub: [@eharain](https://github.com/eharain)
+- LinkedIn: [Ejaz Husain Arain](https://www.linkedin.com/in/eharain/)
 - Email: eharain@yahoo.com

package/admin/src/components/BulkTransferTab.jsx

@@ -8,6 +8,7 @@ import {
   Checkbox,
   SingleSelect,
   SingleSelectOption,
+  TextInput,
   Field,
   Table,
   Thead,
@@ -18,6 +19,7 @@ import {
   Badge,
   Loader,
 } from '@strapi/design-system';
+import { CaretUp, CaretDown } from '@strapi/icons';
 import { useFetchClient } from '@strapi/strapi/admin';
 
 const PLUGIN_ID = 'strapi-content-sync-pro';
@@ -66,6 +68,18 @@ const BulkTransferTab = ({ syncMode = 'paired' }) => {
   // 'history' shows the persisted previous-runs table.
   const [subTab, setSubTab] = useState('run');
 
+  // Chunk table filters + sort
+  const [chunkSearch, setChunkSearch] = useState('');
+  const [chunkKindFilter, setChunkKindFilter] = useState('');
+  const [chunkStatusFilter, setChunkStatusFilter] = useState('');
+  const [chunkSortField, setChunkSortField] = useState('');
+  const [chunkSortDir, setChunkSortDir] = useState('asc');
+
+  // History table filters + sort
+  const [historySearch, setHistorySearch] = useState('');
+  const [historySortField, setHistorySortField] = useState('');
+  const [historySortDir, setHistorySortDir] = useState('asc');
+
   const pollRef = useRef(null);
 
   const scopeCount = Object.values(scopes).filter(Boolean).length;
@@ -354,6 +368,77 @@ const BulkTransferTab = ({ syncMode = 'paired' }) => {
   const isActive = isRunning || isPaused;
   const isTerminal = job && ['success', 'partial', 'cancelled', 'error'].includes(job.status);
 
+  // Derived chunk list (filter + sort)
+  const displayedChunks = useMemo(() => {
+    let result = [...chunkRows];
+    if (chunkSearch.trim()) {
+      const q = chunkSearch.trim().toLowerCase();
+      result = result.filter(
+        (c) => (c.label || '').toLowerCase().includes(q) || (c.kind || '').toLowerCase().includes(q)
+      );
+    }
+    if (chunkKindFilter) {
+      result = result.filter((c) => (c.kind || '') === chunkKindFilter);
+    }
+    if (chunkStatusFilter) {
+      result = result.filter((c) => (c.status || '') === chunkStatusFilter);
+    }
+    if (chunkSortField) {
+      result.sort((a, b) => {
+        const aVal = a[chunkSortField] ?? '';
+        const bVal = b[chunkSortField] ?? '';
+        if (typeof aVal === 'string') {
+          return chunkSortDir === 'asc' ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal);
+        }
+        return chunkSortDir === 'asc' ? aVal - bVal : bVal - aVal;
+      });
+    }
+    return result;
+  }, [chunkRows, chunkSearch, chunkKindFilter, chunkStatusFilter, chunkSortField, chunkSortDir]);
+
+  // Derived history list (filter + sort)
+  const displayedHistory = useMemo(() => {
+    let result = [...history];
+    if (historySearch.trim()) {
+      const q = historySearch.trim().toLowerCase();
+      result = result.filter((h) => (h.direction || '').toLowerCase().includes(q) || (h.status || '').toLowerCase().includes(q));
+    }
+    if (historySortField) {
+      result.sort((a, b) => {
+        const aVal = a[historySortField] ?? '';
+        const bVal = b[historySortField] ?? '';
+        if (typeof aVal === 'string') {
+          return historySortDir === 'asc' ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal);
+        }
+        return historySortDir === 'asc' ? aVal - bVal : bVal - aVal;
+      });
+    }
+    return result;
+  }, [history, historySearch, historySortField, historySortDir]);
+
+  const handleChunkSort = (field) => {
+    if (chunkSortField === field) setChunkSortDir((d) => (d === 'asc' ? 'desc' : 'asc'));
+    else { setChunkSortField(field); setChunkSortDir('asc'); }
+  };
+
+  const handleHistorySort = (field) => {
+    if (historySortField === field) setHistorySortDir((d) => (d === 'asc' ? 'desc' : 'asc'));
+    else { setHistorySortField(field); setHistorySortDir('asc'); }
+  };
+
+  const SortableTh = ({ field, onSort, sortF, sortD, style, children }) => (
+    <Th onClick={() => onSort(field)} style={{ cursor: 'pointer', userSelect: 'none', ...style }}>
+      <Flex alignItems="center" gap={1}>
+        <Typography variant="sigma">{children}</Typography>
+        {sortF === field && (sortD === 'asc' ? <CaretUp /> : <CaretDown />)}
+      </Flex>
+    </Th>
+  );
+
+  // Chunk kind options from current rows
+  const chunkKindOptions = useMemo(() => [...new Set(chunkRows.map((c) => c.kind).filter(Boolean))], [chunkRows]);
+  const chunkStatusOptions = useMemo(() => [...new Set(chunkRows.map((c) => c.status).filter(Boolean))], [chunkRows]);
+
   const jobStats = useMemo(() => {
     if (!job) return null;
     const totals = (job.chunks || []).reduce(
@@ -605,6 +690,56 @@ const BulkTransferTab = ({ syncMode = 'paired' }) => {
             {job ? `Chunks (${job.cursor}/${job.total})` : `Planned Chunks (${preview?.total || chunkRows.length})`}
           </Typography>
           <Box paddingTop={2}>
+            {/* Chunk filter bar */}
+            <Flex gap={2} wrap="wrap" marginBottom={2} alignItems="flex-end">
+              <Box style={{ flex: '1 1 180px', minWidth: 150 }}>
+                <TextInput
+                  placeholder="Search target or kind…"
+                  value={chunkSearch}
+                  onChange={(e) => setChunkSearch(e.target.value)}
+                  label="Search"
+                  size="S"
+                />
+              </Box>
+              {chunkKindOptions.length > 1 && (
+                <Box style={{ minWidth: 130 }}>
+                  <SingleSelect
+                    placeholder="All kinds"
+                    value={chunkKindFilter}
+                    onChange={setChunkKindFilter}
+                    onClear={() => setChunkKindFilter('')}
+                    size="S"
+                    label="Kind"
+                  >
+                    {chunkKindOptions.map((k) => (
+                      <SingleSelectOption key={k} value={k}>{k}</SingleSelectOption>
+                    ))}
+                  </SingleSelect>
+                </Box>
+              )}
+              {job && chunkStatusOptions.length > 1 && (
+                <Box style={{ minWidth: 130 }}>
+                  <SingleSelect
+                    placeholder="All statuses"
+                    value={chunkStatusFilter}
+                    onChange={setChunkStatusFilter}
+                    onClear={() => setChunkStatusFilter('')}
+                    size="S"
+                    label="Status"
+                  >
+                    {chunkStatusOptions.map((s) => (
+                      <SingleSelectOption key={s} value={s}>{s}</SingleSelectOption>
+                    ))}
+                  </SingleSelect>
+                </Box>
+              )}
+              {(chunkSearch || chunkKindFilter || chunkStatusFilter) && (
+                <Button variant="tertiary" size="S" onClick={() => { setChunkSearch(''); setChunkKindFilter(''); setChunkStatusFilter(''); }}>
+                  Clear
+                </Button>
+              )}
+            </Flex>
+
             <Table>
               <Thead>
                 <Tr>
@@ -618,17 +753,23 @@ const BulkTransferTab = ({ syncMode = 'paired' }) => {
                       <Typography variant="sigma">Run</Typography>
                     )}
                   </Th>
-                  <Th style={{ width: 60 }}><Typography variant="sigma">#</Typography></Th>
-                  <Th><Typography variant="sigma">Kind</Typography></Th>
-                  <Th><Typography variant="sigma">Target</Typography></Th>
-                  <Th><Typography variant="sigma">Status</Typography></Th>
+                  <SortableTh field="index" onSort={handleChunkSort} sortF={chunkSortField} sortD={chunkSortDir} style={{ width: 60 }}>#</SortableTh>
+                  <SortableTh field="kind" onSort={handleChunkSort} sortF={chunkSortField} sortD={chunkSortDir}>Kind</SortableTh>
+                  <SortableTh field="label" onSort={handleChunkSort} sortF={chunkSortField} sortD={chunkSortDir}>Target</SortableTh>
+                  <SortableTh field="status" onSort={handleChunkSort} sortF={chunkSortField} sortD={chunkSortDir}>Status</SortableTh>
                   <Th><Typography variant="sigma">Page</Typography></Th>
                   <Th><Typography variant="sigma">Pushed / Pulled</Typography></Th>
                   <Th><Typography variant="sigma">Notes</Typography></Th>
                 </Tr>
               </Thead>
               <Tbody>
-                {chunkRows.map((c) => {
+                {displayedChunks.length === 0 ? (
+                  <Tr>
+                    <Td colSpan={8}>
+                      <Typography textColor="neutral500">No chunks match the current filters.</Typography>
+                    </Td>
+                  </Tr>
+                ) : displayedChunks.map((c) => {
                   const pageLabel = c.pagesTotal
                     ? `${c.page || 0}/${c.pagesTotal}`
                     : c.page
@@ -666,17 +807,17 @@ const BulkTransferTab = ({ syncMode = 'paired' }) => {
                       <Td><Typography variant="pi">{pageLabel}</Typography></Td>
                       <Td><Typography variant="pi">{pushPullLabel}</Typography></Td>
                       <Td>
-                        {c.error && <Typography textColor="danger600" variant="pi">{c.error}</Typography>}
-                        {!c.error && c.warning && <Typography textColor="warning600" variant="pi">{c.warning}</Typography>}
-                      </Td>
-                    </Tr>
-                  );
-                })}
-              </Tbody>
-            </Table>
-          </Box>
-        </Box>
-      )}
+                                        {c.error && <Typography textColor="danger600" variant="pi">{c.error}</Typography>}
+                                          {!c.error && c.warning && <Typography textColor="warning600" variant="pi">{c.warning}</Typography>}
+                                        </Td>
+                                      </Tr>
+                                    );
+                                  })}
+                                </Tbody>
+                              </Table>
+                            </Box>
+                          </Box>
+                        )}
 
       {job && job.status && job.status !== 'running' && (
         <Box paddingTop={4}>
@@ -707,6 +848,24 @@ const BulkTransferTab = ({ syncMode = 'paired' }) => {
           Paused, cancelled, and completed runs are preserved here. Restart a run from scratch
           using the same chunk selection, or load its selection into the Run Transfer tab to tweak.
         </Typography>
+
+        {history.length > 0 && (
+          <Flex gap={2} wrap="wrap" marginTop={3} marginBottom={2} alignItems="flex-end">
+            <Box style={{ flex: '1 1 180px', minWidth: 150 }}>
+              <TextInput
+                placeholder="Search direction or status…"
+                value={historySearch}
+                onChange={(e) => setHistorySearch(e.target.value)}
+                label="Search"
+                size="S"
+              />
+            </Box>
+            {historySearch && (
+              <Button variant="tertiary" size="S" onClick={() => setHistorySearch('')}>Clear</Button>
+            )}
+          </Flex>
+        )}
+
         <Box paddingTop={2}>
           {history.length === 0 ? (
             <Typography variant="pi" textColor="neutral500">No previous runs yet.</Typography>
@@ -714,15 +873,21 @@ const BulkTransferTab = ({ syncMode = 'paired' }) => {
             <Table>
               <Thead>
                 <Tr>
-                  <Th><Typography variant="sigma">When</Typography></Th>
-                  <Th><Typography variant="sigma">Direction</Typography></Th>
-                  <Th><Typography variant="sigma">Status</Typography></Th>
+                  <SortableTh field="startedAt" onSort={handleHistorySort} sortF={historySortField} sortD={historySortDir}>When</SortableTh>
+                  <SortableTh field="direction" onSort={handleHistorySort} sortF={historySortField} sortD={historySortDir}>Direction</SortableTh>
+                  <SortableTh field="status" onSort={handleHistorySort} sortF={historySortField} sortD={historySortDir}>Status</SortableTh>
                   <Th><Typography variant="sigma">Chunks</Typography></Th>
                   <Th><Typography variant="sigma">Actions</Typography></Th>
                 </Tr>
               </Thead>
               <Tbody>
-                {history.map((h) => {
+                {displayedHistory.length === 0 ? (
+                  <Tr>
+                    <Td colSpan={5}>
+                      <Typography textColor="neutral500">No runs match the search.</Typography>
+                    </Td>
+                  </Tr>
+                ) : displayedHistory.map((h) => {
                   const selCount = (h.chunks || []).filter((c) => c.selected !== false).length;
                   const doneCount = (h.chunks || []).filter(
                     (c) => c.status === 'success' || c.status === 'partial'

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/ContentTypesTab.jsx

@@ -7,6 +7,7 @@ import {
   Alert,
   Switch,
   Badge,
+  TextInput,
 } from '@strapi/design-system';
 import { useFetchClient } from '@strapi/strapi/admin';
 
@@ -20,6 +21,7 @@ const ContentTypesTab = () => {
   const [profiles, setProfiles] = useState([]);
   const [loading, setLoading] = useState(true);
   const [message, setMessage] = useState(null);
+  const [search, setSearch] = useState('');
 
   useEffect(() => {
     loadData();
@@ -110,8 +112,25 @@ const ContentTypesTab = () => {
         </Box>
       )}
 
+      <Box paddingBottom={4}>
+        <TextInput
+          placeholder="Search by name or UID…"
+          value={search}
+          onChange={(e) => setSearch(e.target.value)}
+          label="Search"
+          size="S"
+          style={{ maxWidth: 320 }}
+        />
+      </Box>
+
       <Box>
-        {contentTypes.map((ct) => {
+        {contentTypes
+          .filter((ct) => {
+            if (!search.trim()) return true;
+            const q = search.trim().toLowerCase();
+            return (ct.displayName || '').toLowerCase().includes(q) || ct.uid.toLowerCase().includes(q);
+          })
+          .map((ct) => {
           const enabled = isEnabled(ct.uid);
           const activeProfile = getActiveProfile(ct.uid);
           const profileCount = getProfileCount(ct.uid);
@@ -151,6 +170,14 @@ const ContentTypesTab = () => {
             </Box>
           );
         })}
+        {contentTypes.length > 0 && search.trim() && contentTypes.filter((ct) => {
+          const q = search.trim().toLowerCase();
+          return (ct.displayName || '').toLowerCase().includes(q) || ct.uid.toLowerCase().includes(q);
+        }).length === 0 && (
+          <Box padding={4} background="neutral0" hasRadius>
+            <Typography textColor="neutral500">No content types match the search.</Typography>
+          </Box>
+        )}
       </Box>
     </Box>
   );

package/admin/src/components/HelpTab.jsx

@@ -840,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