This segment of the sidebar provides tag-based filtering for the media library of the currently selected WordPress site, plus folder access and the entry point for connecting additional sites.

• Tag filter rows — Each row represents a WordPress tag associated with the active site. The leading paperclip-style glyph identifies the row as a tag entry.
• Tag name — The tag's human-readable label (for example, "Media Matcher", "Snip", "Tag Cloud"). Selecting a tag narrows the media grid to only the library items carrying that tag; selecting the currently active tag again clears the filter so all media are shown.
• Count badge — The numeric value in the rounded capsule at the right edge of each row reports how many local media items are currently associated with that tag. It gives an immediate sense of tag usage and helps distinguish heavily used tags from incidental ones.
• Active selection state — The highlighted row (shown here as "WP Media Manager" with a brighter background and an accent-tinted icon, name, and badge) indicates the tag presently applied as the grid filter. Only one tag can be active at a time.
• Site identity block — The favicon and bold name below the tag list (shown as "Fisar Bareggio") identify which configured WordPress site the tags and folders belong to. Together with the tags above, it confirms the scope of the current navigation, since tags and filter state are stored per site.
• Folders section label — The "Folders" heading introduces a separate organizational grouping for media items within the same site.
• Empty folder notice — The "No folders" text appears when the selected site has no folders defined locally. It communicates that folder-based organization is available but currently unpopulated, rather than indicating an error.
• Add New Site — Creates a new site connection. Invoking it opens the site configuration form where name, URL, username, and application password are entered and tested. Saving adds the site to the persistent site list so its media library can be browsed and its sidebar tags appear.

• Date scope — All Time: Limits the visible media items to the selected upload-date period. The active value “All Time” applies no date restriction; choosing another period narrows the grid to media uploaded within that range.
• Filters: Reveals or hides additional constraints for the media grid, including media type, resolution, and file-size ranges. Its active state determines whether those advanced narrowing options are available.
• Search: Narrows the visible library to items whose title, alternative text, or description contains the entered text, ignoring case. An empty value leaves the results unfiltered by text.
• Upload: Starts the workflow for adding local media files to the currently selected WordPress site. It opens the file-selection and upload-review flow so imported media can be processed and sent to the remote library.
• Refresh: Requests synchronization between the local media cache and the connected WordPress site. It re-fetches remote media records so additions, edits, and deletions made elsewhere are reflected in the grid.
• Synchronization status — “Synchronizing local database with remote images…”: Indicates that a refresh or synchronization is running and shows how much of the remote-library update has completed. The filled portion represents completed work; the message names the active operation.

The grid presents synchronized media assets for the active WordPress site. Each item shows a preview and identifying metadata. The selected item is outlined to indicate which asset is active in the inspector and which operations will target it.

• Media preview: visually represents the asset. For images, it shows a scaled thumbnail; for videos, a playable frame; for other files, a format-specific placeholder. The preview enables quick recognition without opening the detail inspector.
• Format indicator: displays the file type (e.g., WEBP, PNG, JPEG). This identifies the media format and informs compatibility, SEO evaluation, conversion choices, and whether image-specific actions such as reduction are available.
• Title: shows the WordPress media title. It is used for search, identification in batch selections, and export reports.
• Upload date: shows when the asset was added to the media library. It supports date-range filtering, sorting, and distinguishing between versions or campaign periods.
• File size: shows the asset’s byte size in readable units. It helps identify large files for reduction, recompression, or export planning.
• Selection state: an accent-colored outline marks the active media item. Selection determines which item appears in the detail inspector, and multiple selected items use the same selection model to enable batch metadata editing, download, deletion, recompression, or AI generation.
• Grid arrangement: positions items in a responsive layout. It supports scanning, drag selection, marquee selection, and drop targets for uploads or batch files. Items can be selected individually, toggled into a multi-selection, or range-selected to operate on several assets at once.

The bottom bar summarizes the current state of the media library and exposes bulk operations for the visible results. It reports the number of items currently selected versus the total number of items matching the active filters, shows the cumulative size of the filtered set, and provides access to selection, sorting, download, orphan detection, and grid display controls.

• Date — Active sorting key that orders the visible media by upload date. The highlighted state indicates that date is the currently applied sort criterion. Selecting it switches the ordering away from size. Direction (ascending or descending) toggles on repeated activation.
• Size — Alternative sorting key that orders the visible media by file size. Activating it changes the sort basis from date to size, allowing the user to surface the largest or smallest files first.
• Selected count summary — Textual indicator reporting how many items are currently selected relative to the total number of items matching the current filter, search, and site scope (e.g., "1 selected of 13 found"). It reflects live selection state and helps the user confirm scope before acting.
• Select All (13) — Applies the current filtered set (shown as a count) as the active selection, so bulk actions such as download or orphan detection operate on every currently visible item. When the selection already covers the filtered set, the corresponding action reverts to clearing the selection.
• Cumulative size value — Displays the total disk footprint of the currently filtered media items, expressed in human-readable units (e.g., "1,6 MB"). It gives an immediate sense of storage impact before downloading, exporting, or reducing files.
• Download — Downloads the selected media items to a user-chosen folder on disk. It is the primary bulk export action for the current selection. While a download is running, an inline progress indication replaces or accompanies the action.
• Orphans — Starts a check that determines which of the selected media items are not referenced by any post, page, or product on the connected WordPress site. Results replace the current selection with the found orphan items so the user can review or delete them. Progress is reported inline while the check runs.
• Grid display options — The dotted grid affordance opens a popover for adjusting how the media library is presented: the size of the thumbnails in the grid and which file categories (images, videos, PDFs, other files) are visible. These preferences persist across sessions and are scoped per site.

This panel edits metadata, evaluates SEO, and runs file operations for one selected WordPress media item. It is the right-hand inspector in the main workspace.

• Title — Shows the current media title and allows editing. Changing it updates the WordPress title when saved.
• Media preview — Displays the selected asset. The JPEG badge identifies the file format.
• Magnifying-glass — Opens a dedicated image viewer for the selected media, enabling zoom, pan, and metadata overlays.
• AI Suggest — Runs local AI metadata generation to propose title, alternative text, caption, description, tags, and SEO filename.
• Remove BG — Starts background removal on the image when supported, producing a subject-only variant for replacement or upload.
• Smart Crop — Starts an attention-based crop around the most salient subject, using a target aspect ratio.
• 104 KB — Displays the current file size, which informs SEO scoring and optimization decisions.
• Date Uploaded — Shows the WordPress upload date and time. Used for sorting, date filters, and export organization.
• SEO Score — A green indicator means optimized. The details explain the evaluation: good ALT text length, descriptive filename, optimal file size, and a recommendation to use WebP for better SEO.
• Alternative Text — Editable ALT attribute value for accessibility and SEO. The current value is “WordPress Media Manager main poster”. Saving updates the remote media metadata.
• Learn how to describe the purpose of the image — Opens guidance for writing effective alternative text.
• Caption — Editable caption content. The current value contains HTML: <p>WordPress Media Manager main poster</p>. Saving updates the media caption.
• Translate to English — Translates the caption into English using on-device translation and replaces the caption with the translated result.
• Tags — Shows assigned tags. The “WP Media Manager” entry includes a removal control. + Add Tag opens tag selection or creation. Tag changes are saved immediately.
• Description — A collapsed section that expands into a long-form description editor. Its content is stored with the media item and included in reports.
• Saved — Indicates there are no unsaved metadata changes. When changes exist, a Save control becomes available with the Command-S shortcut.
• Download — Downloads the original media file to a chosen folder.
• Replace — Opens a file picker to replace the media file while preserving its WordPress media identity. The replacement must match the original file extension.
• Copy URL — Copies the media source URL to the system clipboard and shows a brief confirmation.
• More options — Opens secondary commands: Find in WordPress Site, Reduce File Size for images, and Delete Media. Deletion requires confirmation and permanently removes the item from WordPress and local storage.