updates

Author: kunwarsaluja

tools/cloneit/README.md

@@ -18,6 +18,8 @@ The new site shares the same codebase (diyfire) and uses `https://content.da.liv
 
 ## How to Use
 
+**Note:** Please sign in to AEM Sidekick on the Base Demo site before you initiate the Clone process.
+
 1. Open the app from the AEM Sidekick (CloneIt button) or navigate to `/tools/cloneit/cloneit.html`
 2. **Authentication** – The app must be opened from a DA context (e.g. da.live) to obtain the bearer token for API calls
 3. Enter a **site name** (lowercase, numbers and hyphens only, max 50 chars, e.g. `my-new-site`). Reserved names like `admin`, `api`, `config` are blocked.

tools/cloneit/cloneit.css

@@ -145,9 +145,19 @@ body {
 }
 
 .card-desc {
+  font-size: 0.8125rem;
+  color: var(--text-muted);
+  margin-bottom: 0.75rem;
+}
+
+.card-note {
   font-size: 0.8125rem;
   color: var(--text-muted);
   margin-bottom: 1.25rem;
+  padding: 0.625rem 0.75rem;
+  background: var(--surface-alt, rgba(0 0 0 / 0.04));
+  border-left: 3px solid var(--primary, #1473e6);
+  border-radius: 0 4px 4px 0;
   line-height: 1.55;
 }
 

tools/cloneit/cloneit.html

@@ -39,6 +39,9 @@ <h2 class="card-title">New site name</h2>
             <p class="card-desc">
               Clones <strong>demo site</strong> content (excl. drafts, demo-docs) and creates a repoless AEM site with the same codebase.
             </p>
+            <p class="card-note" role="note">
+              Please sign in to AEM Sidekick on the Base Demo site before you initiate the Clone process.
+            </p>
             <div class="input-group">
               <label for="site-name-input" class="input-label">
                 <span class="label-text">Site name</span>