diff --git a/static/admin/js/components.js b/app/modules/dev_tools/static/admin/js/components.js
similarity index 99%
rename from static/admin/js/components.js
rename to app/modules/dev_tools/static/admin/js/components.js
index fbd93a44..8290b46d 100644
--- a/static/admin/js/components.js
+++ b/app/modules/dev_tools/static/admin/js/components.js
@@ -1,4 +1,4 @@
-// static/admin/js/components.js
+// app/modules/dev_tools/static/admin/js/components.js
// ✅ Use centralized logger - ONE LINE!
// Create custom logger for components page
diff --git a/app/templates/admin/components.html b/app/templates/admin/components.html
index f9824efd..c02af8c3 100644
--- a/app/templates/admin/components.html
+++ b/app/templates/admin/components.html
@@ -3173,5 +3173,5 @@ new Chart(document.getElementById('barChart'), barConfig);
{% block extra_scripts %}
{# ✅ CRITICAL: Load JavaScript file #}
-
+
{% endblock %}
\ No newline at end of file
diff --git a/docs/architecture/frontend-structure.md b/docs/architecture/frontend-structure.md
index f37f4c6b..315a74a3 100644
--- a/docs/architecture/frontend-structure.md
+++ b/docs/architecture/frontend-structure.md
@@ -337,7 +337,7 @@ app.mount("/static/modules/orders", StaticFiles(directory="app/modules/orders/st
| **messaging** | messages.js, notifications.js, email-templates.js | messages.js, notifications.js, email-templates.js | - |
| **marketplace** | marketplace*.js, letzshop*.js | letzshop.js, marketplace.js, onboarding.js | - |
| **monitoring** | monitoring.js, background-tasks.js, imports.js, logs.js | - | - |
-| **dev_tools** | testing-*.js, code-quality-*.js, icons-page.js | - | - |
+| **dev_tools** | testing-*.js, code-quality-*.js, icons-page.js, components.js | - | - |
| **cms** | content-pages.js, content-page-edit.js | content-pages.js, content-page-edit.js | - |
| **analytics** | - | analytics.js | - |
@@ -354,7 +354,7 @@ These files remain in `static/` because they're platform-level, not module-speci
- `companies.js`, `company-*.js` - Company management (3 files)
- `admin-users.js`, `admin-user-*.js` - Admin user management (3 files)
- `users.js`, `user-*.js` - Platform user management (4 files)
-- `settings.js`, `components.js` - Platform utilities
+- `settings.js` - Platform settings
**Vendor Core (`static/vendor/js/`):**
- `init-alpine.js` - Vendor layout initialization