import cells

index.html

@@ -56,6 +56,9 @@
                         <button type="button" id="btn-load-example" class="btn btn-ghost">
                             Load Example
                         </button>
+                        <button type="button" id="btn-import" class="btn btn-ghost">
+                            Import
+                        </button>
                         <button type="button" id="btn-clear-all" class="btn btn-ghost btn-danger">
                             Clear All
                         </button>
@@ -331,6 +334,59 @@
         <button type="button" class="btn btn-primary" id="btn-close-shortcuts">Close</button>
     </dialog>
 
+    <!-- Import Data Dialog -->
+    <dialog id="import-dialog">
+        <h2>Import Cell Data</h2>
+        <div class="import-instructions">
+            <p>Paste your cell data below. Supported formats:</p>
+            <div class="import-examples">
+                <div class="import-example">
+                    <strong>Format 1:</strong> Capacity only
+                    <pre>2830
+2700
+2840</pre>
+                </div>
+                <div class="import-example">
+                    <strong>Format 2:</strong> Capacity; IR
+                    <pre>2830; 26
+2700; 25
+2840; 25</pre>
+                </div>
+                <div class="import-example">
+                    <strong>Format 3:</strong> Label; Capacity
+                    <pre>Cell01; 2830
+Cell02; 2700
+Cell03; 2840</pre>
+                </div>
+                <div class="import-example">
+                    <strong>Format 4:</strong> Label; Capacity; IR
+                    <pre>Cell01; 2830; 26
+Cell02; 2700; 25
+Cell03; 2840; 25</pre>
+                </div>
+            </div>
+            <div class="import-notes">
+                <p><strong>Notes:</strong></p>
+                <ul>
+                    <li>Labels must start with a letter and be max 16 characters</li>
+                    <li>Capacity is in mAh (milliampere-hours)</li>
+                    <li>IR (Internal Resistance) is in mΩ (milliohms) and optional</li>
+                    <li>Use semicolon (;) or comma (,) as separator</li>
+                    <li>Empty lines and invalid entries will be skipped</li>
+                </ul>
+            </div>
+        </div>
+        <textarea id="import-textarea" rows="10" placeholder="Paste your data here...
+Example:
+2830; 26
+2700; 25
+2840; 25"></textarea>
+        <div class="dialog-buttons">
+            <button type="button" class="btn btn-primary" id="btn-import-confirm">Import</button>
+            <button type="button" class="btn btn-ghost" id="btn-import-cancel">Cancel</button>
+        </div>
+    </dialog>
+
     <script src="js/app.js"></script>
 </body>