From 392324b0d4229acee14b080b479b0065117ac062 Mon Sep 17 00:00:00 2001
From: SmAsHeD <6071159+smashedr@users.noreply.github.com>
Date: Sat, 26 Oct 2024 22:19:10 -0700
Subject: [PATCH] Add Lazy Load Options (#107)

---
 README.md                       |   1 +
 assets/lazy-icon.png            | Bin 0 -> 12290 bytes
 src/css/main.css                |  24 ++++-
 src/css/permissions.css         |   5 +
 src/html/lazy.html              |   1 +
 src/html/links.html             |  16 +--
 src/html/options.html           | 178 +++++++++++++++++++++++---------
 src/html/permissions.html       |  15 +--
 src/html/popup.html             |  43 ++++----
 src/images/lazy/icon-black.png  | Bin 0 -> 679 bytes
 src/images/lazy/icon-red.png    | Bin 0 -> 771 bytes
 src/images/lazy/icon-white.png  | Bin 0 -> 855 bytes
 src/images/lazy/icon-yellow.png | Bin 0 -> 805 bytes
 src/js/exports.js               | 103 ++++++++++++++----
 src/js/lazy.js                  |  35 ++++++-
 src/js/links.js                 |   2 +-
 src/js/main.js                  |   4 +-
 src/js/options.js               |  93 +++++++++++------
 src/js/popup.js                 |   6 +-
 src/js/service-worker.js        |  24 +++--
 20 files changed, 391 insertions(+), 159 deletions(-)
 create mode 100644 assets/lazy-icon.png
 create mode 100644 src/css/permissions.css
 create mode 100644 src/images/lazy/icon-black.png
 create mode 100644 src/images/lazy/icon-red.png
 create mode 100644 src/images/lazy/icon-white.png
 create mode 100644 src/images/lazy/icon-yellow.png

diff --git a/README.md b/README.md
index d61306f..889152e 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,7 @@
 [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=cssnr_link-extractor&metric=alert_status&label=quality)](https://sonarcloud.io/summary/overall?id=cssnr_link-extractor)
 [![GitHub Last Commit](https://img.shields.io/github/last-commit/cssnr/link-extractor?logo=github&logoColor=white&label=updated)](https://github.com/cssnr/link-extractor/graphs/commit-activity)
 [![GitHub Top Language](https://img.shields.io/github/languages/top/cssnr/link-extractor?logo=htmx&logoColor=white)](https://github.com/cssnr/link-extractor)
+[![GitHub Org Stars](https://img.shields.io/github/stars/cssnr?style=flat&logo=github&logoColor=white&label=org%20stars)](https://cssnr.github.io/)
 [![Discord](https://img.shields.io/discord/899171661457293343?logo=discord&logoColor=white&label=discord&color=7289da)](https://discord.gg/wXy6m2X8wY)
 
 # Link Extractor
diff --git a/assets/lazy-icon.png b/assets/lazy-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..7d71841d871c02f9fe2cd1a50022262ffbebc6cf
GIT binary patch
literal 12290
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

literal 0
HcmV?d00001

diff --git a/src/css/main.css b/src/css/main.css
index dd6aeff..17434ca 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1,19 +1,37 @@
 /* CSS for global */
 
+:root,
+[data-bs-theme='light'] {
+    --bs-emphasis-bg: var(--bs-white);
+    --bs-emphasis-bg-rgb: var(--bs-white-rgb);
+}
+
+[data-bs-theme='dark'] {
+    --bs-emphasis-bg: var(--bs-black);
+    --bs-emphasis-bg-rgb: var(--bs-black-rgb);
+}
+
 svg {
     height: 1em;
     width: 1em;
     margin-bottom: 0.15em;
 }
 
+#toast-container {
+    z-index: 3;
+}
+
 #back-to-top {
     position: fixed;
     bottom: 64px;
     right: 20px;
     display: none;
-    z-index: 6;
+    z-index: 3;
 }
 
-#toast-container {
-    z-index: 5;
+.text-ellipsis {
+    max-width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
diff --git a/src/css/permissions.css b/src/css/permissions.css
new file mode 100644
index 0000000..1024b1d
--- /dev/null
+++ b/src/css/permissions.css
@@ -0,0 +1,5 @@
+/* CSS for permissions.html */
+
+body {
+    min-width: 340px;
+}
diff --git a/src/html/lazy.html b/src/html/lazy.html
index cea343b..9f0fadd 100644
--- a/src/html/lazy.html
+++ b/src/html/lazy.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title></title>
+    <link rel="icon" href="data:image/x-icon;," type="image/x-icon">
 </head>
 <body>
 
diff --git a/src/html/links.html b/src/html/links.html
index c65cffb..041cc4d 100644
--- a/src/html/links.html
+++ b/src/html/links.html
@@ -188,19 +188,19 @@ <h5 class="modal-title">Keyboard Shortcuts <i class="fa-regular fa-keyboard ms-2
     </div>
 </div> <!-- keybinds-modal -->
 
+<button type="button" class="btn btn-outline-primary" id="back-to-top">
+    <i class="fa-regular fa-square-caret-up"></i>
+</button> <!-- back-to-top -->
+
 <div aria-live="polite" aria-atomic="true" class="">
     <div id="toast-container" class="toast-container position-fixed bottom-0 end-0 p-3"></div>
-</div> <!-- toast-container -->
+</div> <!-- toast -->
 
-<div class="d-none">
-    <div class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
+<div id="clones" class="d-none">
+    <div class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="6000">
         <div class="toast-body"></div>
     </div>
-</div> <!-- d-none -->
-
-<button type="button" class="btn btn-outline-primary" id="back-to-top">
-    <i class="fa-regular fa-square-caret-up"></i>
-</button> <!-- back-to-top -->
+</div> <!-- clones -->
 
 <script type="text/javascript" src="../dist/jquery/jquery.min.js"></script>
 <script type="text/javascript" src="../dist/bootstrap/bootstrap.bundle.min.js"></script>
diff --git a/src/html/options.html b/src/html/options.html
index 9f53844..8e28332 100644
--- a/src/html/options.html
+++ b/src/html/options.html
@@ -13,18 +13,18 @@
 </head>
 <body>
 
-<div class="container-fluid p-3">
-<div class="row">
-<div class="col-xl-6 col-md-8 col-12 m-auto">
-<div class="card" >
-<div class="card-body">
-    <div class="d-flex justify-content-center align-items-center">
-        <img src="../images/logo48.png" class="me-2" height="48" width="48"
-             alt="Link Extractor" title="Link Extractor">
-        <h1>Link Extractor</h1>
-    </div>
-    <div class="clearfix"></div>
-    <p class="text-center lead">v<span class="version"></span></p>
+<div class="container-fluid py-0 py-sm-3 px-0 px-sm-3">
+<div class="col-12 col-md-10 col-lg-8 col-xxl-6 mx-auto">
+<div class="rounded rounded-4 border border-1 p-3">
+
+    <div class="text-center mb-2">
+        <a class="link-body-emphasis text-decoration-none fs-4" title="Home Page" href="homepage_url" target="_blank" rel="nofollow">
+            <span class="display-6">
+                <img src="../images/logo48.png" class="me-2" height="48" width="48" alt="Link Extractor" title="Link Extractor">
+                Link Extractor</span></a>
+        <a class="link-body-emphasis text-decoration-none small" title="Release Notes" href="version_url" target="_blank" rel="nofollow">
+            v<span class="version">0.0.0</span></a>
+    </div> <!-- header -->
 
     <div id="keyboard-shortcuts" class="d-none">
         <div class="d-flex flex-row align-items-center justify-content-center">
@@ -49,7 +49,7 @@ <h1>Link Extractor</h1>
                 https://mzl.la/3Qwp5QQ <i class="fa-solid fa-arrow-up-right-from-square fa-xs"></i></a>
             <a id="chrome-shortcuts" class="d-inline-block d-none chrome" role="button">chrome://extensions/shortcuts</a>
         </div>
-    </div>
+    </div> <!-- keyboard-shortcuts -->
 
     <div class="d-flex flex-row align-items-center justify-content-center">
         <hr class="w-100 my-0">
@@ -61,8 +61,20 @@ <h1>Link Extractor</h1>
         <div class="row">
             <div class="col-12 mb-2">
                 <label for="flags" class="form-label"><i class="fa-solid fa-code me-2"></i> Regex Flags</label>
-                <a id="reset-default" class="float-end align-bottom small text-decoration-none" role="button">Reset</a>
-                <input id="flags" type="text" class="form-control" autocomplete="off">
+<!--                <a id="reset-regex" class="float-end align-bottom small text-decoration-none" role="button"-->
+<!--                   data-target="flags" data-value="ig" data-reset-input="flags">Reset</a>-->
+<!--                <input id="flags" type="text" class="form-control" autocomplete="off">-->
+                <div class="input-group">
+                    <input id="flags" placeholder="Lazy Tab Title" type="text" class="form-control" aria-describedby="flagsHelp">
+                    <span id="reset-regex" class="input-group-text text-warning-emphasis" role="button"
+                          data-bs-title="Reset Regex Flags to Default Value." data-bs-toggle="tooltip"
+                          data-value="ig" data-reset-input="flags">
+                        <i class="fa-solid fa-rotate-left"></i>
+                    </span>
+<!--                    <span class="input-group-text">-->
+<!--                        <i class="fa-solid fa-circle-info" data-bs-title="Title for Lazy Loaded Tabs." data-bs-toggle="tooltip"></i>-->
+<!--                    </span>-->
+                </div>
                 <div id="flagsHelp" class="form-text">
                     Regex Flags for Filtering.
                     <a class="ms-1 text-decoration-none" target="_blank" rel="noopener"
@@ -70,58 +82,124 @@ <h1>Link Extractor</h1>
                         More Info <i class="fa-solid fa-arrow-up-right-from-square fa-xs"></i></a>
                 </div>
             </div>
-        </div>
+        </div> <!-- row -->
 
         <div class="form-check form-switch">
-            <input class="form-check-input form-control" type="checkbox" role="switch" id="lazyLoad">
-            <label class="form-check-label me-1" for="lazyLoad">Lazy Load Opened Tabs</label>
-            <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+            <input class="form-check-input form-control" type="checkbox" role="switch" id="lazyLoad" data-related="lazyOptions">
+            <label class="form-check-label" for="lazyLoad">Lazy Load Opened Tabs</label>
+            <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                data-bs-title="Don't Load Tabs Until Clicked On"></i>
         </div>
+        <div id="lazyOptions" class="ms-4 mb-1" style="display: none;">
+            <div class="form-check form-switch">
+                <input class="form-check-input form-control" type="checkbox" role="switch" id="lazyFavicon" data-related="lazyIcons">
+                <label class="form-check-label" for="lazyFavicon">Show Favicon on Lazy Tabs</label>
+                <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
+                   data-bs-title="Show Favicon on Lazy Tabs"></i>
+            </div>
+            <div id="lazyIcons" class="row ms-1" style="display: none;">
+                <div class="form-check col-auto">
+                    <input id="default" name="radioFavicon" class="form-check-input" type="radio">
+                    <label for="default" class="form-check-label fs-5 d-flex align-items-center h-100">
+                        <i class="fa-regular fa-circle-question" data-bs-title="Default Icon from Site."
+                           data-bs-toggle="tooltip" data-bs-trigger="hover"></i>
+                        <span class="visually-hidden">Default Site Icon</span>
+                    </label>
+                </div>
+                <div class="form-check col-auto">
+                    <input id="icon-white" name="radioFavicon" class="form-check-input" type="radio">
+                    <label for="icon-white" class="form-check-label fs-5 d-flex align-items-center h-100">
+                        <img alt="White" src="/images/lazy/icon-white.png" style="height: 1em;">
+                    </label>
+                </div>
+                <div class="form-check col-auto ">
+                    <input id="icon-black" name="radioFavicon" class="form-check-input" type="radio">
+                    <label for="icon-black" class="form-check-label fs-5 d-flex align-items-center h-100">
+                        <img alt="Black" src="/images/lazy/icon-black.png" style="height: 1em;">
+                    </label>
+                </div>
+                <div class="form-check col-auto">
+                    <input id="icon-yellow" name="radioFavicon" class="form-check-input" type="radio">
+                    <label for="icon-yellow" class="form-check-label fs-5 d-flex align-items-center h-100">
+                        <img alt="Yellow" src="/images/lazy/icon-yellow.png" style="height: 1em;">
+                    </label>
+                </div>
+                <div class="form-check col-auto">
+                    <input id="icon-red" name="radioFavicon" class="form-check-input" type="radio">
+                    <label for="icon-red" class="form-check-label fs-5 d-flex align-items-center h-100">
+                        <img alt="Red" src="/images/lazy/icon-red.png" style="height: 1em;">
+                    </label>
+                </div>
+            </div> <!-- lazyIcons -->
+
+            <label for="lazyTitle" class="">Lazy Tab Title</label>
+            <div class="d-flex flex-column flex-sm-row align-items-sm-center gap-sm-2">
+                <div class="flex-fill">
+<!--                    <input type="text" id="lazyTitle" class="form-control form-control-sm" aria-describedby="lazyTitleHelp">-->
+                    <div class="input-group input-group-sm">
+                        <input id="lazyTitle" placeholder="Lazy Tab Title" type="text" class="form-control" aria-describedby="lazyTitleHelp">
+                        <span id="reset-title" class="input-group-text text-warning-emphasis" role="button"
+                              data-bs-title="Reset Lazy Title to Default Value." data-bs-toggle="tooltip"
+                              data-reset-input="lazyTitle" data-value="[{host}{pathname}]">
+                            <i class="fa-solid fa-rotate-left"></i>
+                        </span>
+<!--                        <span class="input-group-text">-->
+<!--                            <i class="fa-solid fa-circle-info" data-bs-title="Title for Lazy Loaded Tabs." data-bs-toggle="tooltip"></i>-->
+<!--                        </span>-->
+                    </div>
+                </div>
+                <div class="">
+                    <span id="lazyTitleHelp" class="form-text">
+                        Vars: <kbd data-target="lazyTitle" data-value="{host}" data-insert-input="yes" role="button">{host}</kbd>
+                        and <kbd data-target="lazyTitle" data-value="{pathname}" data-insert-input="yes" role="button">{pathname}</kbd>
+                    </span>
+                </div>
+            </div>
+        </div> <!-- lazyOptions -->
+
         <div class="form-check form-switch">
             <input class="form-check-input form-control" type="checkbox" role="switch" id="removeDuplicates">
-            <label class="form-check-label me-1" for="removeDuplicates">Remove Duplicate Links</label>
-            <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+            <label class="form-check-label" for="removeDuplicates">Remove Duplicate Links</label>
+            <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                data-bs-title="Filter Out Links with the same URL"></i>
         </div>
         <div class="form-check form-switch">
             <input class="form-check-input form-control" type="checkbox" role="switch" id="defaultFilter">
-            <label class="form-check-label me-1" for="defaultFilter">Use Default Link Filtering</label>
-            <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+            <label class="form-check-label" for="defaultFilter">Use Default Link Filtering</label>
+            <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                data-bs-title="Filter Out Links Without ://"></i>
         </div>
         <div class="form-check form-switch">
             <input class="form-check-input form-control" type="checkbox" role="switch" id="saveState">
-            <label class="form-check-label me-1" for="saveState">Save Links Page Options</label>
-            <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+            <label class="form-check-label" for="saveState">Save Links Page Options</label>
+            <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                data-bs-title="Remember Links Display, Columns, and Sorting"></i>
         </div>
         <div class="form-check form-switch">
             <input class="form-check-input form-control" type="checkbox" role="switch" id="linksTruncate">
-            <label class="form-check-label me-1" for="linksTruncate">Truncate Long Links</label>
-            <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+            <label class="form-check-label" for="linksTruncate">Truncate Long Links</label>
+            <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                data-bs-title="Truncate Display of Long Links with Ellipsis"></i>
         </div>
         <div class="form-check form-switch">
             <input class="form-check-input form-control" type="checkbox" role="switch" id="linksNoWrap">
-            <label class="form-check-label me-1" for="linksNoWrap">Don't Wrap Long Links</label>
-            <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+            <label class="form-check-label" for="linksNoWrap">Don't Wrap Long Links</label>
+            <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                data-bs-title="Force Long Links to Display on a Single Line"></i>
         </div>
-<!--        <hr class="my-1 me-5">-->
         <div class="form-check form-switch">
             <input class="form-check-input form-control" type="checkbox" role="switch" id="contextMenu">
-            <label class="form-check-label me-1" for="contextMenu">Enable Right Click Menu</label>
-            <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+            <label class="form-check-label" for="contextMenu">Enable Right Click Menu</label>
+            <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                data-bs-title="Enable Right Click Context Menu."></i>
         </div>
         <div class="form-check form-switch">
             <input class="form-check-input form-control" type="checkbox" role="switch" id="showUpdate">
-            <label class="form-check-label me-1" for="showUpdate">Show Update Release Notes</label>
-            <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+            <label class="form-check-label" for="showUpdate">Show Update Release Notes</label>
+            <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                data-bs-title="Show Release Notes on Version Update."></i>
         </div>
-    </form>
+    </form> <!-- options-form -->
 
     <p class="text-muted small my-2">
         More about Options
@@ -154,7 +232,7 @@ <h1>Link Extractor</h1>
         <div class="input-group">
             <input type="text" class="form-control" placeholder="Add Filter" aria-label="Filter" id="add-filter" aria-describedby="add-filter-btn" required>
             <button class="btn btn-outline-success" type="submit" id="add-filter-btn">
-                Add <i class="fa-solid fa-plus ms-1"></i>
+                Add <i class="fa-solid fa-circle-plus ms-1"></i>
             </button>
         </div>
     </form>
@@ -181,7 +259,7 @@ <h1>Link Extractor</h1>
             <th scope="col" class="text-center" style="width: 36px;"><i class="fa-solid fa-arrow-down-up-across-line"></i></th>
         </tr></thead>
         <tbody></tbody>
-    </table>
+    </table> <!-- filters-table -->
 
     <p class="fst-italic small mt-3">
         <a id="copy-support" href="#0">Copy Support Information</a> for issue reporting.
@@ -196,32 +274,30 @@ <h1>Link Extractor</h1>
         <a class="link-body-emphasis text-decoration-none" target="_blank" rel="noopener"
            href="https://link-extractor.cssnr.com/faq/">FAQ</a>
         <span class="mx-2">&bull;</span>
-        <a class="link-body-emphasis text-decoration-none" target="_blank" rel="noopener"
+        <a class="link-body-emphasis text-decoration-none d-inline-block" target="_blank" rel="noopener"
            href="https://github.com/cssnr/link-extractor/issues">Report Issue</a>
     </div>
-</div> <!-- card-body -->
-</div> <!-- card -->
+</div> <!-- rounded -->
 </div> <!-- col -->
-</div> <!-- row -->
 </div> <!-- container -->
 
+<button type="button" class="btn btn-outline-primary" id="back-to-top">
+    <i class="fa-regular fa-square-caret-up"></i>
+</button> <!-- back-to-top -->
+
 <div aria-live="polite" aria-atomic="true" class="">
     <div id="toast-container" class="toast-container position-fixed bottom-0 end-0 p-3"></div>
-</div> <!-- toast-container -->
+</div> <!-- toast -->
 
-<div class="d-none">
+<div id="clones" class="d-none">
+    <i class="fa-regular fa-trash-can"></i>
+    <i class="fa-solid fa-grip"></i>
     <form id="update-filter" name="update-filter"><button type="submit"></button></form>
     <input class="form-control form-control-sm filter-edit" type="text" form="update-filter">
-    <div class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
+    <div class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="6000">
         <div class="toast-body"></div>
     </div>
-    <i class="fa-regular fa-trash-can"></i>
-    <i class="fa-solid fa-grip"></i>
-</div> <!-- d-none -->
-
-<button type="button" class="btn btn-outline-primary" id="back-to-top">
-    <i class="fa-regular fa-square-caret-up"></i>
-</button> <!-- back-to-top -->
+</div> <!-- clones -->
 
 <script type="text/javascript" src="../dist/jquery/jquery.min.js"></script>
 <script type="text/javascript" src="../dist/bootstrap/bootstrap.bundle.min.js"></script>
diff --git a/src/html/permissions.html b/src/html/permissions.html
index 14d3da5..86f2882 100644
--- a/src/html/permissions.html
+++ b/src/html/permissions.html
@@ -8,14 +8,15 @@
     <link rel="stylesheet" type="text/css" href="../dist/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="../dist/fontawesome/css/all.min.css">
     <link rel="stylesheet" type="text/css" href="../css/main.css">
+    <link rel="stylesheet" type="text/css" href="../css/permissions.css">
     <script type="text/javascript" src="../js/theme.js"></script>
 </head>
 <body class="h-100">
 
-<div class="container-fluid p-3 h-100">
+<div class="container-fluid py-0 py-sm-3 px-0 px-sm-3 h-100">
 <div class="d-flex align-items-center h-100">
-<div class="col-xl-6 col-md-8 col-12 m-auto">
-<div class="card p-3 ">
+<div class="col-12 col-md-10 col-lg-8 col-xxl-6 mx-auto">
+<div class="card p-3">
     <div class="d-flex justify-content-center align-items-center mb-2">
         <img src="../images/logo48.png" class="me-2" height="48" width="48"
              alt="Auto Auth" title="Auto Auth">
@@ -53,7 +54,7 @@ <h1>Link Extractor</h1>
         <a class="link-body-emphasis text-decoration-none" target="_blank" rel="noopener"
            href="https://link-extractor.cssnr.com/faq/">FAQ</a>
         <span class="mx-2">&bull;</span>
-        <a class="link-body-emphasis text-decoration-none" target="_blank" rel="noopener"
+        <a class="link-body-emphasis text-decoration-none d-inline-block" target="_blank" rel="noopener"
            href="https://link-extractor.cssnr.com/#support">Get Support</a>
     </div>
 </div> <!-- card -->
@@ -69,11 +70,11 @@ <h1>Link Extractor</h1>
     <div id="toast-container" class="toast-container position-fixed bottom-0 end-0 p-3"></div>
 </div> <!-- toast -->
 
-<div class="d-none">
-    <div class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="10000">
+<div id="clones" class="d-none">
+    <div class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="6000">
         <div class="toast-body"></div>
     </div>
-</div> <!-- d-none -->
+</div> <!-- clones -->
 
 <script type="text/javascript" src="../dist/jquery/jquery.min.js"></script>
 <script type="text/javascript" src="../dist/bootstrap/bootstrap.bundle.min.js"></script>
diff --git a/src/html/popup.html b/src/html/popup.html
index 5a22e7e..3722bee 100644
--- a/src/html/popup.html
+++ b/src/html/popup.html
@@ -60,22 +60,28 @@
                 </ul>
             </div>
         </div>
+
         <form id="filter-form" class="my-0">
             <label for="filter-input" class="visually-hidden"></label>
             <input id="filter-input" class="form-control form-control-sm" type="text" placeholder="Quick Filter">
         </form>
+
         <button type="button" class="btn btn-sm btn-primary" data-filter="domains">
             <i class="fa-solid fa-globe me-1"></i> Only Domains</button>
+
         <button id="pdf-btn" type="button" class="btn btn-sm btn-outline-warning d-none"
            data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Experimental Feature">
             <i class="fa-solid fa-file-pdf me-1"></i> Extract from PDF
             <i id="pdf-icon" class="fa-solid fa-flask" style="min-width: 22px;"></i></button>
+
         <div id="no-file-access" class="alert alert-warning text-center p-1 my-0 d-none">
             <span>Browser</span> does <b>not</b> allow access to files.
         </div>
+
         <div id="file-access" class="alert alert-warning text-center p-1 my-0 d-none">
             PDF files require <a href="https://link-extractor.cssnr.com/faq/#fileAccess" class="alert-link">file access</a>.
         </div>
+
         <div id="pdf-perms" class="alert alert-warning text-center p-1 my-0 d-none">
             PDF extraction needs <a href="#" class="alert-link grant-permissions">host permissions</a>.
         </div>
@@ -97,38 +103,38 @@
         <form id="options-form">
             <div class="form-check form-switch">
                 <input class="form-check-input form-control" type="checkbox" role="switch" id="lazyLoad">
-                <label class="form-check-label me-1" for="lazyLoad">Lazy Load Opened Tabs</label>
-                <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+                <label class="form-check-label" for="lazyLoad">Lazy Load Opened Tabs</label>
+                <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                    data-bs-title="Don't Load Tabs Until Clicked On"></i>
             </div>
             <div class="form-check form-switch">
                 <input class="form-check-input form-control" type="checkbox" role="switch" id="removeDuplicates">
-                <label class="form-check-label me-1" for="removeDuplicates">Remove Duplicate Links</label>
-                <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+                <label class="form-check-label" for="removeDuplicates">Remove Duplicate Links</label>
+                <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                    data-bs-title="Filter Out Links with the same URL"></i>
             </div>
             <div class="form-check form-switch">
                 <input class="form-check-input me-2" type="checkbox" role="switch" id="defaultFilter">
-                <label class="form-check-label me-1" for="defaultFilter">Use Default Link Filtering</label>
-                <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+                <label class="form-check-label" for="defaultFilter">Use Default Link Filtering</label>
+                <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                    data-bs-title="Filter Out Links Without ://"></i>
             </div>
             <div class="form-check form-switch">
                 <input class="form-check-input form-control" type="checkbox" role="switch" id="saveState">
-                <label class="form-check-label me-1" for="saveState">Save Links Page Options</label>
-                <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+                <label class="form-check-label" for="saveState">Save Links Page Options</label>
+                <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                    data-bs-title="Remember Links Display, Columns, and Sorting"></i>
             </div>
             <div class="form-check form-switch">
                 <input class="form-check-input form-control" type="checkbox" role="switch" id="linksTruncate">
-                <label class="form-check-label me-1" for="linksTruncate">Truncate Long Links</label>
-                <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+                <label class="form-check-label" for="linksTruncate">Truncate Long Links</label>
+                <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                    data-bs-title="Truncate Display of Long Links with Ellipsis"></i>
             </div>
             <div class="form-check form-switch">
                 <input class="form-check-input form-control" type="checkbox" role="switch" id="linksNoWrap">
-                <label class="form-check-label me-1" for="linksNoWrap">Don't Wrap Long Links</label>
-                <i class="fa-solid fa-circle-info" data-bs-toggle="tooltip" data-bs-placement="bottom"
+                <label class="form-check-label" for="linksNoWrap">Don't Wrap Long Links</label>
+                <i class="fa-solid fa-circle-info p-1" data-bs-toggle="tooltip" data-bs-placement="bottom"
                    data-bs-title="Force Long Links to Display on a Single Line"></i>
             </div>
         </form> <!-- options-form -->
@@ -143,23 +149,18 @@
         <a class="btn btn-sm btn-outline-info" role="button" href="../html/options.html">
             <i class="fa-solid fa-sliders me-1"></i> More Options</a>
 
-<!--        <div class="d-flex justify-content-center align-items-center text-center small">-->
-<!--            <img class="" src="../images/logo16.png" width="16" height="16" alt="Link Extractor" title="Link Extractor">-->
-<!--            <a class="link-offset-2 link-underline link-underline-opacity-0 link-underline-opacity-75-hover mx-2" type="button" rel="noopener"-->
-<!--               href="homepage_url">Link Extractor</a> v<span class="version"></span>-->
-<!--        </div>-->
     </div> <!-- d-grid -->
 </div> <!-- container-fluid -->
 
 <div aria-live="polite" aria-atomic="true" class="">
     <div id="toast-container" class="toast-container position-fixed bottom-0 end-0 p-3"></div>
-</div> <!-- toast-container -->
+</div> <!-- toast -->
 
-<div class="d-none">
-    <div class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000">
+<div id="clones" class="d-none">
+    <div class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="6000">
         <div class="toast-body small"></div>
     </div>
-</div> <!-- d-none -->
+</div> <!-- clones -->
 
 <script type="text/javascript" src="../dist/jquery/jquery.min.js"></script>
 <script type="text/javascript" src="../dist/bootstrap/bootstrap.bundle.min.js"></script>
diff --git a/src/images/lazy/icon-black.png b/src/images/lazy/icon-black.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a55a272661f4a43e6e88fab1ea4341a17e97bd4
GIT binary patch
literal 679
zcmV;Y0$BZtP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!T<mc!T}X1N`L?W0z64XK~z{r?Up;Q
zOi>s>4;qhnMk7HKA`*#;LMXhhf=aZPC{$DuJwJd-6#M{DC}`+B3S6)F3liMoHeQWa
zu-4r3-R#+S&zU)so1vJMteiRf>^=KC`+WORjT!T=SyEqv#dra?;~NV`%^v(yd(nb~
z^>`9*;8T2$U+^n_z-Q<)>sWUvmg7q-1+g1HVmxc|C*H+_*qXJt5J7|waVHkZb3lIJ
zR@~dUtE&C=^)XK41Kfny@G9QK*SHk7V2)*HW`9;s(4cy<67OOD7MkZoi39i!OYQYO
zuEHYg@D-LChItT&@HlSh+|A<XGzH;k*;f}U@Hv(m<fcLFLUY2TyMpmaO}<jw(7x=m
z!y>$mrHbJczDVv%L0E1OfjJZPOWLP>SLf=2CePy<>=%S15ud|0>3@{8?`kF~=;bk#
z6PT8lf-ooKD5iBw&baip;dgxvE@1>=0#D%Q&Rq)z{RHChI?Va=bR>d-KfxeLXhH>-
zu~a7y!Z}~67tST2I3>~qE9smUr<y_Z8;Pc6yK5Q-E)Fgdr3UKmw;2OJhY4q5_L?1~
zAk39{3sK-Q*)((p5hIb3Pf?RINP}>h?^=rU&FDMc!e6)#^XE1`g$CiS>6>iB!?*)C
zqPT(ieIH?LU~lm(e#3!q3$<aq)i9<bF*NRQchGIR)JZ=VBna`CHHjX(JbuNIO#N-y
zb@WK)d7@WNjEp=nPvbn=F2!y5gh$Zhovf~}BWD@9QO&J-WBwzm>MwYWO-cp~=?nk>
N002ovPDHLkV1f^xGHU<;

literal 0
HcmV?d00001

diff --git a/src/images/lazy/icon-red.png b/src/images/lazy/icon-red.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b450f7a9bfe5ba758a8de0d68820c0f667ea5a6
GIT binary patch
literal 771
zcmV+e1N{7nP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!T<mc!T}X1N`L?W0+>leK~z{r?Up}J
z6j2n#F9@X)i5A+JU~8+5F|n|5r4T!$#l%>fsD-gH!4F`t<~vwu111)T2_k$7%o1Zn
z<Ep#j@66n{zI{A)7KM$)p5$cT+`nh;yf-^GzySXhcFc}6%^t!#Zt5?7nq5Z3j>!6n
zn+tp~JB6^>me~Sag>~3)ZozkOftXug%}#sT{_xA}C`HzDBJf>;+rih3)M&w%<kv_Y
zDl7B|3Y<6y5rNcN{$X~(OH_lT5t=@Yi=-kby2PmOW53=on_~R{+nYEiCOJ*~bF4?b
zOdbRrCvY)N4va<Y1!8LCZ|3qv2}jJhhj#+UNdnrV&oLFj^(1#cP3{>t=_V#BL~N*+
zhnK)`49ELiLdsYKdBvW9+H}wG7bE7nmgdD&FZC>nU>L^mJPnG8e=Qc66X9|5ZZ_5{
zAwEa-d_-?!gm-fRF}2A)m#3qv2-t$f<4{gqBS-a?(oZ>OOqxx3(V4`)O9U~~y4LB4
zV{=sRVPY#^6a)s);}1s6?gbGPdd-iX{kE=qhQ^R8OQ~@xR^x@O)E`eGKsjk#O7$)_
zAw{b;;fmMQH0E<LsR-g;<>CUpr=Eb>N3$^!x*kIkt|^xFs6<pv0{@<`ZS}%e9>V|(
zdJ%2p5=8u)-^|W>c=0&2;o!|!e3c0GP%jVZ1dee6mg0n%_&(5J(!<+Gk0|S`2<(gM
z;jTOg)QIN@Y=(j<@xRq3<EY(0Q1~-iOJX`iaQzrN2d77nbe^Q;xafWvi}+g%afeqa
z^aAeMbiME(L=<2m?N2g(_4%dGum)>=lGWWN-|Tm@bF8y_qHjnyCc<vJs{`eW;1Iwe
z-{Rx+3X@xR)0qGE7j-^#`6j%`6b|iX2lxk={RW!a6jBu6_P_uD002ovPDHLkV1mB?
BVuJtx

literal 0
HcmV?d00001

diff --git a/src/images/lazy/icon-white.png b/src/images/lazy/icon-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c89f0021c6f2e414b43a3778ea5230fe239f4dc
GIT binary patch
literal 855
zcmV-d1E~CoP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!T<mc!T}X1N`L?W0_;gdK~z{r?UqYx
z6Hye$^C(HXh$2!S;6e~l1iyibRK;}LB6V5m(uMi~s&wH}svp4WvfrUdy0F~{Dj{t@
zfr}u8yqfn+{GFLIWo9yuq>8%84=#7^x#ynqpL6frBr##ae?_TO%Jh1@*WGUSg_<H6
z3<guCX=Zi!`;h!0K`lC+&RaEGv|6pp2zyG~?DzY7v<m(Py-8oC->2UcAAGOqvhk=?
zDrY2+YVe5QP4l#tPDO&BNt|s2Eiz1Lh|wsQ%NHU<%#SL<fmq+E${h_64{PKcytkLz
z_(c$Om-e#RY%VdkM1og_VSH2fAy{J&bDhU&4HHbQR+}a8j=ju_|4anYZnqZ@@>7=#
z!Q4*0UO%VqUK)+YMR)0g@Qc7-D)5BFSJjlLR;$-Ybf`;)V9kN#Qg<6lbe4%d^@+r{
z9eI)+(M;M$#xr84+zaX+h~$!-RuIN%3|sb8Fa(#+?pUB(1j+6ZtSNR8q2>h7p=UzS
zoaqDyXw^1_BZrK=J0Bt9E(xtlINKp>)HM|1t%}kk9f!hce=I>sx}qiv-*!BZSOi^`
zv8++IP{e<{OM*PwTVyhsXO4(eDz!zxdB!zsa#W-YDkv06ye7U<UMaJhk8xMRVdO2K
zk3EFU7d5VI*@l`u_(ia0SEmAD{u5o=a+Xg5L*!>jf=B8*Lq#^?DuG|<wJo_Mr@Gqc
zMRcG(L$KhGoASE4Tib#EGD%n5;^Ra}j-iXlL9R*OEbuB8M1)fbH&LIcTZF{sc~+-_
z!Ec%puj6RQq96!Vq^-%PCQW~gJX`1&LCiOpGir*5z_)m-uXebT;TCZsh>=41B0{!#
zi=jg|3UMNm+Q%Y)v(o8wp2yo<IyZ@ZDVa>>Bnf>T`wt$Aw9knClFep6;D1BbvPJJ0
zKbPk}3Ps71a7u?B{0Eb-CQ!h*SFr~w(c$g;I`ojs<;qlTj>EaHrc>JgU3mG^Y{~sX
hp%7T93ICWx;up5Kd(qPi00000002ovPDHLkV1m(HjBWq`

literal 0
HcmV?d00001

diff --git a/src/images/lazy/icon-yellow.png b/src/images/lazy/icon-yellow.png
new file mode 100644
index 0000000000000000000000000000000000000000..2496a82c7ff032b21d504cf9d275ae6cc74fc401
GIT binary patch
literal 805
zcmV+=1KRwFP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!T<mc!T}X1N`L?W0=h{=K~z{r?Up@H
zR8bIyXYVeZERkq|g(g}XD{Tykg^de^(4nm+#@a+I42=oe8>~tE2^QLb2?byx2>t{c
z%o1Yw2piZBpSe4SoIM=&E-D*~o#f3ucjld$_s%`%?n=*k_Fq|}A^B=mUV^9Q>aHCg
z${j>B6s%vHJGI?i8A8~jT1{rbS5O8O!zNe(vv3~o?a3ueJDt_*(od1Km<VFSV8_MU
zff_aNiTo0&xn_k9jRF_`g$M^~Egl@mEh~|2Bo%1-)-Mu@py)iKp2UB@Qjsy%FYqn-
zIX=j#5}#(>XJz6B;XK4SKiR<-agxC)k-rhkSEz8r3>v-F2wa44H2N4q5!{dR^b_P>
zF&9L+njvCcdl|iHIEn<m#S%jJBFIbk1kg?Qj(9p^?n_~w5ACHr(;_$$93MiG58|u7
zz?cZ*&6pcSvh4UVXwRuBNrVwTixGV2CfnXlPe)r3pa#;{p*eny7__%4{S^!PpxKxe
zeHi$UiGVYq_j)>fZVcKxft&fEfat7l*VGCHdG16ci7ar@cfX_e9h;6JR2D+Vsazee
zjya6`lW?XvAuojXW+e$lvo_(f)zxXt#5kb{c%NfD2kWVCKxAu621sao3`rPKF6%xO
zku?e8Cw{iI7qR9sbcRDeMC-8x1@VpjeYs}z^mXWl0}p)hSt7KD_A*MV5g3Fp?<e>m
z_LByqMnAIfh_a4~z(1!wEEG40I^t=FRaY<s@h`f`IBMevaz93^0jEU-_pk65%$02<
z-6UzzFM3+|BL38JJmEbGeFVogT_?yA(eb|(CNcy@ayc2M@O7@2ai3!?to0rL;QF2G
z0!^3rNWJIdbi;Dr<nuDA>#kY2G1(_iEYxDn55XB&u_&ATIlar%ubFGWuHChAS^D`;
jc$+Dl*~9kiFHGb&BoMfk>F-fZ00000NkvXXu0mjf4Z>x~

literal 0
HcmV?d00001

diff --git a/src/js/exports.js b/src/js/exports.js
index e3d740e..24cb594 100644
--- a/src/js/exports.js
+++ b/src/js/exports.js
@@ -91,32 +91,74 @@ export async function injectTab({
  * @param {Object} options
  */
 export function updateOptions(options) {
-    for (const [key, value] of Object.entries(options)) {
-        // console.debug(`${key}: ${value}`)
+    console.debug('updateOptions:', options)
+    for (let [key, value] of Object.entries(options)) {
+        // console.debug(`%c${key}: %c${value}`)
+        if (typeof value === 'undefined') {
+            console.warn('Value undefined for key:', key)
+            continue
+        }
+        // Option Key should be `radioXXX` and values should be the option IDs
+        if (key.startsWith('radio')) {
+            key = value //NOSONAR
+            value = true //NOSONAR
+        }
         const el = document.getElementById(key)
-        if (el) {
-            if (typeof value === 'boolean') {
-                el.checked = value
-            } else {
-                el.value = value
-            }
-            el.classList.remove('is-invalid')
+        if (!el) {
+            continue
+        }
+        if (el.tagName !== 'INPUT') {
+            el.textContent = value.toString()
+        } else if (typeof value === 'boolean') {
+            el.checked = value
+        } else {
+            el.value = value
+        }
+        if (el.dataset.related) {
+            hideShowElement(`#${el.dataset.related}`, value)
         }
     }
 }
 
+/**
+ * Hide or Show Element with JQuery
+ * @function hideShowElement
+ * @param {String} selector
+ * @param {Boolean} [show]
+ * @param {String} [speed]
+ */
+function hideShowElement(selector, show, speed = 'fast') {
+    const element = $(`${selector}`)
+    // console.debug('hideShowElement:', show, element)
+    if (show) {
+        element.show(speed)
+    } else {
+        element.hide(speed)
+    }
+}
+
 /**
  * Save Options Callback
+ * NOTE: Look into simplifying this function
  * @function saveOptions
  * @param {InputEvent} event
  */
-export async function saveOptions(event) {
+export async function saveOptions(event) /* NOSONAR */ {
     console.debug('saveOptions:', event)
-    const { options } = await chrome.storage.sync.get(['options'])
-    let key = event.target?.id
+    // console.debug('%c ----- targets -----', 'color: Yellow')
+    // console.debug('event.currentTarget:', event.currentTarget)
+    // // console.debug('target:', target)
+    // console.debug('event.target:', event.target)
+    // console.debug('%c ----- targets -----', 'color: Yellow')
+    // target = event.currentTarget || target || event.target
+    const target = event.currentTarget || event.target
+    console.debug('target:', target)
+    let key = target.id
+    // console.debug('key:', key)
     let value
-    if (['flags', 'reset-default'].includes(event.target.id)) {
-        key = 'flags'
+    const { options } = await chrome.storage.sync.get(['options'])
+    if (key === 'flags') {
+        // key = 'flags'
         /** @type {HTMLInputElement} */
         const element = document.getElementById(key)
         let flags = element.value.toLowerCase().replace(/\s+/gm, '').split('')
@@ -132,17 +174,40 @@ export async function saveOptions(event) {
         }
         element.value = flags
         value = flags
-    } else if (event.target.id === 'linksDisplay') {
-        value = parseInt(event.target.value)
-    } else if (event.target.type === 'checkbox') {
-        value = event.target.checked
+        // } else if (key.startsWith('reset-')) {
+        //     key = target.dataset.target
+        //     console.debug('key reset-:', key)
+        //     /** @type {HTMLInputElement} */
+        //     const element = document.getElementById(key)
+        //     console.debug('element:', element)
+        //     element.value = target.dataset.value
+        //     value = target.dataset.value
+    } else if (target.dataset.target) {
+        key = target.dataset.target
+        console.debug('key dataset.target:', key)
+        const element = document.getElementById(key)
+        value = element.value
+    } else if (target.type === 'radio') {
+        key = target.name
+        console.debug('key radio:', key)
+        const radios = document.getElementsByName(key)
+        for (const input of radios) {
+            if (input.checked) {
+                value = input.id
+                break
+            }
+        }
+    } else if (target.type === 'checkbox') {
+        value = target.checked
     } else {
-        value = event.target.value
+        value = target.value
     }
     if (value !== undefined) {
         options[key] = value
         console.log(`Set %c${key}:`, 'color: Khaki', value)
         await chrome.storage.sync.set({ options })
+    } else {
+        console.warn(`No Value for key: ${key}`)
     }
 }
 
diff --git a/src/js/lazy.js b/src/js/lazy.js
index 50bc9a7..99bc5e9 100644
--- a/src/js/lazy.js
+++ b/src/js/lazy.js
@@ -3,12 +3,37 @@
 const searchParams = new URLSearchParams(window.location.search)
 const url = new URL(searchParams.get('url'))
 
-document.title = `${url.host}${url.pathname}`
+// document.title = `${url.host}${url.pathname}`
+// const link = document.createElement('link')
+// link.rel = 'icon'
+// link.href = `${url.origin}/favicon.ico`
+// document.head.appendChild(link)
 
-const link = document.createElement('link')
-link.rel = 'icon'
-link.href = `${url.origin}/favicon.ico`
-document.head.appendChild(link)
+chrome.storage.sync.get(['options']).then((items) => {
+    console.debug('options:', items.options)
+    // if (items.options.lazyFavicon) {
+    // const urlPath = `${url.host}${url.pathname}`
+    let title = items.options.lazyTitle
+    title = title.replaceAll('{host}', url.host)
+    title = title.replaceAll('{pathname}', url.pathname)
+    console.debug('title:', title)
+    document.title = title
+    // }
+    if (items.options.lazyFavicon) {
+        // const link = document.createElement('link')
+        const link = document.querySelector('link[rel="icon"]')
+        console.debug('link:', link)
+        // link.rel = 'icon'
+        if (items.options.radioFavicon === 'default') {
+            link.href = `${url.origin}/favicon.ico`
+        } else {
+            const path = `/images/lazy/${items.options.radioFavicon}.png`
+            link.href = chrome.runtime.getURL(path)
+        }
+        console.debug('link.href:', link.href)
+        // document.head.appendChild(link)
+    }
+})
 
 let theme = localStorage.getItem('theme')
 if (!theme || theme === 'auto') {
diff --git a/src/js/links.js b/src/js/links.js
index d4ee926..2e64a17 100644
--- a/src/js/links.js
+++ b/src/js/links.js
@@ -210,7 +210,7 @@ async function initLinks() {
 
 /**
  * Process Links
- * TODO: Cleanup this function
+ * NOTE: Look into simplifying this function
  * @function processLinks
  * @param {Array} links
  */
diff --git a/src/js/main.js b/src/js/main.js
index 1b9b5ff..ec73aef 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -36,7 +36,7 @@ if (typeof ClipboardJS !== 'undefined') {
     })
 }
 
-$('.form-control').on('focus change input', function () {
+$('.form-control').on('change input', function () {
     $(this).removeClass('is-invalid')
 })
 
@@ -63,7 +63,7 @@ function onScroll() {
  */
 function showToast(message, type = 'primary') {
     console.debug(`showToast: ${type}: ${message}`)
-    const clone = document.querySelector('.d-none .toast')
+    const clone = document.querySelector('#clones .toast')
     const container = document.getElementById('toast-container')
     if (!clone || !container) {
         return console.warn('Missing clone or container:', clone, container)
diff --git a/src/js/options.js b/src/js/options.js
index 9342815..afada34 100644
--- a/src/js/options.js
+++ b/src/js/options.js
@@ -26,7 +26,6 @@ document.addEventListener('blur', filterClick)
 document.addEventListener('click', filterClick)
 document.getElementById('update-filter').addEventListener('submit', filterClick)
 document.getElementById('filters-form').addEventListener('submit', addFilter)
-document.getElementById('reset-default').addEventListener('click', resetForm)
 document.getElementById('copy-support').addEventListener('click', copySupport)
 document
     .querySelectorAll('.revoke-permissions')
@@ -34,6 +33,12 @@ document
 document
     .querySelectorAll('.grant-permissions')
     .forEach((el) => el.addEventListener('click', grantPerms))
+document
+    .querySelectorAll('[data-reset-input]')
+    .forEach((el) => el.addEventListener('click', resetInput))
+document
+    .querySelectorAll('[data-insert-input]')
+    .forEach((el) => el.addEventListener('click', insertInput))
 document
     .querySelectorAll('#options-form input, select')
     .forEach((el) => el.addEventListener('change', saveOptions))
@@ -54,8 +59,6 @@ document.getElementById('import-data').addEventListener('click', importClick)
 document.getElementById('import-input').addEventListener('change', importChange)
 
 const filtersTbody = document.querySelector('#filters-table tbody')
-const faTrash = document.querySelector('.d-none .fa-trash-can')
-const faGrip = document.querySelector('.d-none .fa-grip')
 
 /**
  * DOMContentLoaded - Initialize Options
@@ -78,7 +81,7 @@ async function initOptions() {
     // noinspection ES6MissingAwait
     checkPerms()
     chrome.storage.sync.get(['options', 'patterns']).then((items) => {
-        console.debug('options:', items.options)
+        // console.debug('options:', items.options)
         updateOptions(items.options)
         updateTable(items.patterns)
     })
@@ -90,6 +93,8 @@ async function initOptions() {
  * @param {Object} data
  */
 function updateTable(data) {
+    const faTrash = document.querySelector('#clones > .fa-trash-can')
+    const faGrip = document.querySelector('#clones > .fa-grip')
     filtersTbody.innerHTML = ''
     data.forEach((value, i) => {
         const row = filtersTbody.insertRow()
@@ -128,7 +133,6 @@ function updateTable(data) {
         grip.title = 'Drag'
         cell3.appendChild(grip)
         cell3.setAttribute('draggable', 'true')
-
         cell3.addEventListener('dragstart', dragStart)
     })
     filtersTbody.addEventListener('dragover', dragOver)
@@ -148,7 +152,7 @@ async function addFilter(event) {
     const input = event.target.elements['add-filter']
     const filter = input.value
     if (filter) {
-        console.log(`filter: ${filter}`)
+        console.debug('%cfilter:', 'color: Lime', filter)
         const { patterns } = await chrome.storage.sync.get(['patterns'])
         if (!patterns.includes(filter)) {
             patterns.push(filter)
@@ -174,7 +178,7 @@ async function deleteFilter(event, index = undefined) {
     console.debug('deleteFilter:', index, event)
     event.preventDefault()
     const filter = event.currentTarget?.dataset?.value
-    console.debug('filter:', filter)
+    console.debug('%cfilter:', 'color: Yellow', filter)
     const { patterns } = await chrome.storage.sync.get(['patterns'])
     // console.debug('patterns:', patterns)
     if (!index) {
@@ -196,17 +200,48 @@ async function deleteFilter(event, index = undefined) {
 }
 
 /**
- * Reset Options Form Click Callback
- * @function resetForm
+ * Reset Title Input Callback
+ * @function resetInput
  * @param {InputEvent} event
  */
-async function resetForm(event) {
-    console.debug('resetForm:', event)
+async function resetInput(event) {
+    console.debug('resetInput:', event)
+    const target = event.currentTarget
+    console.debug('target:', target)
     event.preventDefault()
-    const input = document.getElementById('flags')
-    input.value = 'ig'
+    const input = document.getElementById(target.dataset.resetInput)
+    console.debug('input:', input)
+    input.value = target.dataset.value
     input.classList.remove('is-invalid')
     input.focus()
+    const changeEvent = new Event('change')
+    input.dispatchEvent(changeEvent)
+}
+
+/**
+ * Insert Value into Input Callback
+ * @function insertInput
+ * @param {InputEvent} event
+ */
+async function insertInput(event) {
+    console.debug('insertInput:', event)
+    const target = event.currentTarget
+    event.preventDefault()
+    console.debug('target:', target)
+    const id = target.dataset.target
+    console.debug('id:', id)
+    const value = target.dataset.value
+    console.debug('value:', value)
+    const input = document.getElementById(id)
+    console.debug('input:', input)
+    const pos = input.selectionStart
+    console.debug('pos:', pos)
+    const cur = input.value
+    console.debug('cur:', cur)
+    input.value = [cur.slice(0, pos), value, cur.slice(pos)].join('')
+    const newPos = pos + value.length
+    input.focus()
+    input.setSelectionRange(newPos, newPos)
     await saveOptions(event)
 }
 
@@ -220,7 +255,7 @@ let last = -1
  * @param {MouseEvent} event
  */
 async function dragStart(event) {
-    console.debug('dragStart:', event)
+    console.debug('%cdragStart:', 'color: Aqua', event)
     // editing = false
     await filterClick(event)
     row = event.target.closest('tr')
@@ -258,7 +293,7 @@ function dragEnd() {
 }
 
 async function drop(event) {
-    console.debug('drop:', event)
+    console.debug('%cdrop:', 'color: Lime', event)
     // if (event.target.tagName === 'INPUT') {
     //     return
     // }
@@ -266,14 +301,14 @@ async function drop(event) {
     const tr = event.target.closest('tr')
     if (!row || !tr) {
         row = null
-        return console.debug('row or tr undefined')
+        return console.debug('%crow or tr undefined', 'color: Yellow')
     }
     tr.classList?.remove('table-group-divider')
     last = -1
     // console.debug(`row.id: ${row.id} - tr.id: ${tr.id}`)
     if (row.id === tr.id) {
         row = null
-        return console.debug('return on same row drop')
+        return console.debug('%creturn on same row drop', 'color: Yellow')
     }
     filtersTbody.removeChild(row)
     filtersTbody.insertBefore(row, tr)
@@ -331,7 +366,7 @@ let editing = false
 async function filterClick(event) {
     // console.debug('filterClick:', event)
     if (event.type === 'submit') {
-        // TODO: The submit event is also triggering a click event
+        // NOTE: The submit event is also triggering a click event
         return event.preventDefault()
     }
     if (event.target?.classList?.contains('filter-edit')) {
@@ -340,7 +375,7 @@ async function filterClick(event) {
     let deleted
     let previous = editing
     if (editing !== false) {
-        console.info(`-- saving: ${editing}`)
+        console.log(`%c-- saving: ${editing}`, 'color: DeepPink')
         deleted = await saveEditing(event, editing)
         editing = false
     }
@@ -351,7 +386,7 @@ async function filterClick(event) {
             if (deleted && parseInt(td.dataset.idx) > parseInt(previous)) {
                 idx -= 1
             }
-            console.info(`-- editing: ${idx}`)
+            console.log(`%c-- editing: ${idx}`, 'color: DeepPink')
             editing = idx
             beginEditing(event, editing)
         }
@@ -367,9 +402,9 @@ async function filterClick(event) {
 async function saveEditing(event, idx) {
     event.preventDefault() // block dragStart if editing
     const td = document.getElementById(`td-filter-${idx}`)
-    console.debug(`saveEditInput: ${idx}`, event, td)
+    console.debug(`%csaveEditInput: ${idx}`, 'color: SpringGreen', event, td)
     if (!td) {
-        console.info(`TD Not Found: #td-filter-${idx}`)
+        console.log(`%cTD Not Found: #td-filter-${idx}`, 'color: OrangeRed')
         return false
     }
 
@@ -384,13 +419,13 @@ async function saveEditing(event, idx) {
     const { patterns } = await chrome.storage.sync.get(['patterns'])
     // console.debug('patterns:', patterns)
     if (value === patterns[idx]) {
-        console.info(`-- unchanged: ${idx}`)
+        console.log(`%c-- unchanged: ${idx}`, 'color: DeepPink')
     } else if (patterns.includes(value)) {
         showToast('Filter Already Exists!', 'warning')
         console.debug('Value Already Exists!')
         value = patterns[idx]
     } else {
-        console.info(
+        console.log(
             `Updated idx "${idx}" from "${patterns[idx]}" to "${value}"`
         )
         patterns[idx] = value
@@ -412,14 +447,14 @@ function beginEditing(event, idx) {
     const td = document.getElementById(`td-filter-${idx}`)
     console.debug(`addEditInput: ${idx}`, event, td)
     if (!td) {
-        return console.info(`TD Not Found: #td-filter-${idx}`)
+        return console.log(`%cNot Found: #td-filter-${idx}`, 'color: Yellow')
     }
 
     const link = td.querySelector('a')
     const value = link.textContent
     console.log('value:', value)
 
-    const input = document.querySelector('.d-none input').cloneNode()
+    const input = document.querySelector('#clones > input').cloneNode()
     input.value = value
     input.dataset.idx = idx
 
@@ -446,17 +481,15 @@ async function setShortcuts(names, selector = '#keyboard-shortcuts') {
     const table = parent.querySelector('table')
     console.log('table:', table)
     const tbody = table.querySelector('tbody')
-    const source = table.querySelector('tfoot > tr').cloneNode(true)
-    // console.log('source:', source)
     const commands = await chrome.commands.getAll()
     // console.log('commands:', commands)
     for (const name of names) {
         const command = commands.find((x) => x.name === name)
-        console.debug('command:', command)
+        // console.debug('command:', command)
         if (!command) {
             console.warn('Command Not Found:', command)
         }
-        const row = source.cloneNode(true)
+        const row = table.querySelector('tfoot > tr').cloneNode(true)
         let description = command.description
         // Note: Chrome does not parse the description for _execute_action in manifest.json
         if (!description && command.name === '_execute_action') {
diff --git a/src/js/popup.js b/src/js/popup.js
index 8168aaa..3f09ff5 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -145,14 +145,14 @@ async function extractPDF(event) {
 function createFilterLink(number, value = '') {
     const ul = document.getElementById('filters-ul')
     const li = document.createElement('li')
-    ul.appendChild(li)
     const a = document.createElement('a')
     a.textContent = value
     a.dataset.pattern = value
-    a.classList.add('dropdown-item', 'small', 'text-break')
+    a.classList.add('dropdown-item', 'small', 'text-ellipsis')
     a.setAttribute('role', 'button')
     a.addEventListener('click', filterForm)
     li.appendChild(a)
+    ul.appendChild(li)
 }
 
 /**
@@ -294,7 +294,7 @@ function extractURLs(text) {
     const urls = []
     let urlmatch
     const regex =
-        /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()[\]{};:'".,<>?«»“”‘’]))/gi
+        /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()[\]{};:'".,<>?«»“”‘’]))/gi // NOSONAR
     while ((urlmatch = regex.exec(text)) !== null) {
         try {
             let match = urlmatch[0]
diff --git a/src/js/service-worker.js b/src/js/service-worker.js
index 9278fc4..f1d47ef 100644
--- a/src/js/service-worker.js
+++ b/src/js/service-worker.js
@@ -24,6 +24,9 @@ async function onInstalled(details) {
         linksDisplay: -1,
         flags: 'ig',
         lazyLoad: true,
+        lazyFavicon: true,
+        lazyTitle: '[{host}{pathname}]',
+        radioFavicon: 'default',
         removeDuplicates: true,
         defaultFilter: true,
         saveState: true,
@@ -51,7 +54,7 @@ async function onInstalled(details) {
         }
     }
     checkPerms().then((hasPerms) => {
-        if (hasPerms) {
+        if (hasPerms /* NOSONAR */) {
             onAdded()
         } else {
             onRemoved()
@@ -153,7 +156,7 @@ async function onCommand(command, tab) {
         // await injectCopyLinks(tab)
         await injectTab({ open: false })
         const { options } = await chrome.storage.sync.get(['options'])
-        await injectFunction(copyLinks, [options.removeDuplicates, true])
+        await injectFunction(copyLinks, [options.removeDuplicates])
     } else if (command === 'copySelection') {
         console.debug('copySelection')
         // await injectCopyLinks(tab, true)
@@ -172,26 +175,29 @@ async function onCommand(command, tab) {
  * @param {Object} changes
  * @param {String} namespace
  */
-async function onChanged(changes, namespace) {
+async function onChanged(changes, namespace) /* NOSONAR */ {
     // console.debug('onChanged:', changes, namespace)
     for (const [key, { oldValue, newValue }] of Object.entries(changes)) {
         if (namespace === 'sync' && key === 'options') {
             if (oldValue?.contextMenu !== newValue?.contextMenu) {
                 if (newValue?.contextMenu) {
-                    console.log('Enabled contextMenu...')
+                    console.log('contextMenu: %cEnabling.', 'color: Lime')
+                    // chrome.storage.sync
+                    //     .get(['patterns'])
+                    //     .then((items) => createContextMenus(items.patterns))
                     const { patterns } = await chrome.storage.sync.get([
                         'patterns',
                     ])
                     createContextMenus(patterns)
                 } else {
-                    console.log('Disabled contextMenu...')
+                    console.log('contextMenu: %cDisabling.', 'color: OrangeRed')
                     chrome.contextMenus.removeAll()
                 }
             }
         } else if (namespace === 'sync' && key === 'patterns') {
             const { options } = await chrome.storage.sync.get(['options'])
             if (options?.contextMenu) {
-                console.log('Updating Context Menu Patterns...')
+                console.log('contextMenu: %cUpdating Patterns.', 'color: Aqua')
                 createContextMenus(newValue)
             }
         }
@@ -347,7 +353,7 @@ function copyActiveElementText(ctx) {
         // noinspection JSIgnoredPromiseFromCall
         navigator.clipboard.writeText(text)
     } else {
-        console.log('No Text to Copy.', 'color: Yellow')
+        console.log('%cNo Text to Copy.', 'color: Yellow')
     }
 }
 
@@ -380,7 +386,7 @@ function copyLinks(removeDuplicates, selection = false) {
         // noinspection JSIgnoredPromiseFromCall
         navigator.clipboard.writeText(text)
     } else {
-        console.info('No Links to Copy.')
+        console.log('%cNo Links to Copy.', 'color: Yellow')
     }
 }
 
@@ -428,7 +434,7 @@ async function setDefaultOptions(defaultOptions) {
 
     // patterns
     if (!patterns) {
-        console.info('Set patterns to empty array.')
+        console.log('Init patterns to empty array.')
         patterns = []
         await chrome.storage.sync.set({ patterns })
     }