Refactor code structure for improved readability and maintainability

Author: mstrhakr

assets/images/screenshots/README.md

@@ -32,22 +32,22 @@ These screenshots are ready to use:
 | ✅ `plugins-install-withFile.png` | Install Plugin with file selected |
 | ✅ `plugins-install-complete.png` | Plugin installation complete message |
 | ✅ `plugins-errors.png` | Plugin File Install Errors tab |
+| ✅ `docker-compose-tabs.png` | Docker page with Compose tab added by plugin |
+| ✅ `apps-plugins-details.png` | Plugin details/info panel (click on a plugin name) |
 
 ---
 
 ## Still Needed
 
 | Status | Filename | Description | Used In |
 |:------:|----------|-------------|---------|
-| ⬜ | `plugins-details.png` | Plugin details/info panel (click on a plugin name) | PLG File Reference |
 | ⬜ | `settings-page-example.png` | A plugin settings page with form controls | Getting Started, Page Files, Form Controls |
 | ⬜ | `settings-display.png` | Unraid Display Settings page | Dynamix Framework |
 | ⬜ | `form-toggle.png` | Yes/No dropdown or toggle switch | Form Controls |
 | ⬜ | `form-file-picker.png` | File tree picker expanded | Form Controls |
 | ⬜ | `form-share-dropdown.png` | Share selector dropdown | Form Controls |
 | ⬜ | `sidebar-menu.png` | Sidebar showing menu sections with plugins | Page Files, Icons & Styling |
 | ⬜ | `header-menu.png` | Header bar showing Docker/VMs/custom xmenu | Page Files |
-| ⬜ | `tabs-interface.png` | A plugin with multiple tabs | Tab Pages |
 | ⬜ | `dashboard-tiles.png` | Dashboard with plugin tiles | Dashboard Tiles |
 | ⬜ | `notifications-panel.png` | Notifications (normal/warning/alert) | Notifications System |
 | ⬜ | `terminal-plugin-help.png` | Output of `plugin` command | Plugin Command |
@@ -66,8 +66,8 @@ These screenshots are ready to use:
 
 ## Summary
 
-- **Available**: 8 screenshots ✅
-- **Still needed**: 22 screenshots
+- **Available**: 11 screenshots ✅
+- **Still needed**: 19 screenshots
 - **Total**: 30 screenshots
 
 ---

assets/images/screenshots/apps-plugins-details.png

@@ -98,10 +98,10 @@ The `<PLUGIN>` tag supports these attributes:
 | `min` | Minimum Unraid version required (e.g., `"6.9.0"`). |
 | `max` | Maximum Unraid version supported. |
 
-{: .placeholder-image }
-> 📷 **Screenshot needed:** *Plugin details panel with version, author, changelog*
->
-> ![Plugin details](../assets/images/screenshots/plugins-details.png)
+Clicking a plugin name in the Plugins page opens the details panel:
+
+![Plugin details panel](../assets/images/screenshots/apps-plugins-details.png)
+*Plugin details showing version, author, support link, and changelog*
 
 ## CHANGES Section
 

docs/plg-file.md

@@ -18,10 +18,10 @@ Here's how Unraid's tab interface looks in the Plugins page:
 
 ![Tab interface example](../../assets/images/screenshots/plugins-installed.png){: .crop-pluginsInstalled-tabs }
 
-{: .placeholder-image }
-> 📷 **Screenshot needed:** *Plugin with multiple tabs showing custom plugin tabs*
->
-> ![Tabbed interface](../../assets/images/screenshots/tabs-interface.png)
+Here's an example of a plugin adding a custom tab to an existing page:
+
+![Docker page with Compose tab](../../assets/images/screenshots/docker-compose-tabs.png)
+*Compose Manager adds a "Compose" tab to the Docker page*
 
 ## Basic Tab Structure