Refacotor GM API and work a bit on popup

Author: MrBlankCoding

build.js

@@ -17,6 +17,7 @@ cpSync('src/dashboard', join(outdir, 'dashboard'), { recursive: true });
 cpSync('src/editor', join(outdir, 'editor'), { recursive: true });
 cpSync('src/offscreen', join(outdir, 'offscreen'), { recursive: true });
 cpSync('src/popup', join(outdir, 'popup'), { recursive: true });
+cpSync('src/GM', join(outdir, 'GM'), { recursive: true });
 
 cpSync('src/manifest.json', join(outdir, 'manifest.json'));
 
@@ -33,10 +34,10 @@ build({
     'src/background/background.js',
     'src/utils/content_bridge.js',
     'src/utils/elementSelector.js',
-    'src/utils/gm_core.js',
+    'src/GM/gm_core.js',
     'src/utils/greasyfork_interceptor.js',
     'src/utils/inject.js',
-    'src/utils/urlMatchPattern.js',
+    'src/utils/urls.js',
     'src/popup/popup.js',
     'src/editor/editor.js',
     'src/dashboard/dashboard.js',

src/GM_api/Values/GM_deleteValue.js src/GM/Values/GM_deleteValue.jssrc/GM_api/Values/GM_deleteValue.js renamed to src/GM/Values/GM_deleteValue.js

@@ -38,6 +38,12 @@
   text-overflow: ellipsis;
 }
 
+.script-urls {
+  font-size: var(--font-xs);
+  color: var(--text-muted);
+  margin-top: 4px;
+}
+
 .script-actions {
   display: flex;
   align-items: center;

src/GM_api/Values/GM_getValue.js src/GM/Values/GM_getValue.jssrc/GM_api/Values/GM_getValue.js renamed to src/GM/Values/GM_getValue.js

@@ -173,6 +173,10 @@ header .buttons button span:not(.btn-icon) {
   flex: 1;
   min-width: 0;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 4px 0;
 }
 
 .script-name {
@@ -182,14 +186,29 @@ header .buttons button span:not(.btn-icon) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  line-height: 1.2;
 }
 
 .script-target {
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 8px;
   font-size: 10px;
   color: var(--text-secondary);
+  width: 100%;
+  min-height: 16px;
+  line-height: 1.2;
+}
+
+.script-description {
+  color: var(--text-secondary);
+  font-size: 10px;
+  opacity: 0.8;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: inline;
 }
 
 .script-type {
@@ -204,14 +223,11 @@ header .buttons button span:not(.btn-icon) {
 }
 
 /* Toggle Switch */
-.script-toggle {
-  flex-shrink: 0;
-}
-
 .toggle-switch {
   position: relative;
-  width: 36px;
+  width: 38px;
   height: 20px;
+  flex-shrink: 0;
 }
 
 .toggle-switch input {
@@ -220,36 +236,36 @@ header .buttons button span:not(.btn-icon) {
   height: 0;
 }
 
-.slider {
+.toggle-slider {
   position: absolute;
+  cursor: pointer;
   inset: 0;
   background: var(--bg-tertiary);
+  border-radius: var(--radius-full);
+  transition: var(--transition-all);
   border: 1px solid var(--border-primary);
-  border-radius: 10px;
-  cursor: pointer;
-  transition: all 0.2s;
 }
 
-.slider:before {
-  content: "";
+.toggle-slider:before {
   position: absolute;
-  width: 14px;
+  content: "";
   height: 14px;
+  width: 14px;
   left: 2px;
   bottom: 2px;
-  background: white;
+  background: var(--text-secondary);
   border-radius: 50%;
-  transition: all 0.2s;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  transition: var(--transition-transform);
 }
 
-input:checked + .slider {
-  background: var(--success);
-  border-color: var(--success);
+.toggle-switch input:checked + .toggle-slider {
+  background: var(--primary);
+  border-color: var(--primary);
 }
 
-input:checked + .slider:before {
-  transform: translateX(16px);
+.toggle-switch input:checked + .toggle-slider:before {
+  background: white;
+  transform: translateX(18px);
 }
 
 /* Dropdowns */

src/GM_api/Values/GM_listValues.js src/GM/Values/GM_listValues.jssrc/GM_api/Values/GM_listValues.js renamed to src/GM/Values/GM_listValues.js

@@ -1,4 +1,4 @@
-import { urlMatchesPattern } from "../utils/urlMatchPattern.js";
+import { urlMatchesPattern } from "../utils/urls.js";
 import { injectScriptsForStage, INJECTION_TYPES } from "../utils/inject.js";
 
 // State management