From 68f2623a0e91116bef9e593671f7c6a80d5b6d56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rabbi=20Islam=20Rony=20=E2=9A=A1=EF=B8=8F?=
 <35329385+RabbiIslamRony@users.noreply.github.com>
Date: Mon, 20 Jul 2026 16:45:03 +0600
Subject: [PATCH 1/5] docs: add themes extensions page skill

---
 AGENTS.md                                     |   1 +
 .../README.md                                 |  47 +++
 .../SKILL.md                                  | 140 +++++++
 .../references/account-license-journey-map.md | 120 ++++++
 .../references/api-data-flow-report.md        | 392 ++++++++++++++++++
 .../references/dynamic-data-contract.md       | 131 ++++++
 .../references/page-architecture-map.md       | 113 +++++
 .../performance-improvement-guide.md          | 140 +++++++
 .../references/qa-checklist.md                | 115 +++++
 .../references/rewrite-issue-register.md      | 212 ++++++++++
 10 files changed, 1411 insertions(+)
 create mode 100644 docs/agents/directorist-themes-extensions-page/README.md
 create mode 100644 docs/agents/directorist-themes-extensions-page/SKILL.md
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/page-architecture-map.md
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/performance-improvement-guide.md
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md

diff --git a/AGENTS.md b/AGENTS.md
index 296bf9c655..2a5394c0b2 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -326,6 +326,7 @@ Widgets: all-listing, all-categories, all-locations, category, location, tag, se
 **Lifecycle:** Authentication → download → install → activate (via AJAX)
 **Key AJAX actions:** `atbdp_authenticate_the_customer`, `atbdp_download_file`, `atbdp_install_file_from_subscriptions`
 **Filters:** `directorist_extensions_aliases` (deprecated name mapping), `directorist_required_extensions`
+**Themes & Extensions page agent:** Before redesigning, auditing, adding no-reload interactions, or changing product/account flows on `edit.php?post_type=at_biz_dir&page=atbdp-extension`, load `docs/agents/directorist-themes-extensions-page/SKILL.md`. Re-collect dynamic product/account state every time and do not store runtime snapshots as docs truth.
 
 ## Notes
 
diff --git a/docs/agents/directorist-themes-extensions-page/README.md b/docs/agents/directorist-themes-extensions-page/README.md
new file mode 100644
index 0000000000..e312c2150d
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/README.md
@@ -0,0 +1,47 @@
+# Directorist Themes & Extensions Page Agent
+
+This folder contains the repo-local skill/playbook for agents working on the Directorist admin `Themes & Extensions` page.
+
+## What This Skill Is For
+
+Use it when working on:
+
+- `wp-admin/edit.php?post_type=at_biz_dir&page=atbdp-extension`
+- Directorist account connection from the admin product page
+- extension/theme subscription discovery
+- product install, update, activation, bulk actions, or required-extension UI
+- no-reload performance improvements on this page
+- responsive redesign of this page from a new design
+
+Do not use it for the frontend user dashboard or installed extension settings unless the task directly connects those systems back to this admin page.
+
+## How To Use
+
+Tell the agent:
+
+```text
+Use docs/agents/directorist-themes-extensions-page/SKILL.md for this task.
+```
+
+Then provide the design, bug, feature request, or admin URL.
+
+The agent should inspect the live admin page with Agent Browser, read the mapped source files, cross-check Directorist docs when copy/product claims are involved, and produce a feasibility report before implementation.
+
+## Dynamic Data Policy
+
+This skill must not store site-specific runtime data. Product counts, installed items, subscribed products, update counts, connected user/account state, screenshots, and network logs must be collected fresh during each task and treated as temporary evidence only.
+
+## Files In This Package
+
+- `SKILL.md`: required agent workflow and safety rules
+- `references/page-architecture-map.md`: code, templates, assets, hooks, endpoints, and remote dependencies
+- `references/api-data-flow-report.md`: step-by-step source/API flow from page load to rendered sections and product actions
+- `references/dynamic-data-contract.md`: dynamic data shapes and collection methods
+- `references/account-license-journey-map.md`: account, license, subscription, and product-action journeys
+- `references/performance-improvement-guide.md`: reload-heavy behavior and safe no-reload strategy
+- `references/rewrite-issue-register.md`: full rewrite issue notes, fix priorities, and regression checklist
+- `references/qa-checklist.md`: verification matrix and destructive-action safeguards
+
+## Maintenance
+
+Update this package only with durable architecture facts, stable contracts, confirmed issue patterns, and safe workflow improvements. Do not add local runtime snapshots.
diff --git a/docs/agents/directorist-themes-extensions-page/SKILL.md b/docs/agents/directorist-themes-extensions-page/SKILL.md
new file mode 100644
index 0000000000..041e881dd2
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/SKILL.md
@@ -0,0 +1,140 @@
+---
+name: directorist-themes-extensions-page-agent
+description: 'Use this repo-local skill when redesigning, auditing, planning, testing, or implementing features for the Directorist WordPress admin Themes & Extensions page at edit.php?post_type=at_biz_dir&page=atbdp-extension. Trigger for work on Directorist extension/theme discovery, account connection, subscription/license management, install/update/activate flows, no-reload performance improvements, or designs that touch this admin page. This skill is strict: re-collect dynamic runtime state every time, preserve existing customer compatibility, and never run destructive product actions without explicit confirmation.'
+---
+
+# Directorist Themes & Extensions Page Agent
+
+This skill guides safe work on the Directorist admin `Themes & Extensions` page. The page is production-critical because it connects customer accounts, subscriptions, product downloads, plugin/theme activation, updates, and promotional product discovery.
+
+## Core Rule
+
+Re-collect current runtime data on every task. Do not treat previously observed product counts, subscription contents, installed item lists, update counts, user names, screenshots, or local site values as source of truth.
+
+Store and use architecture, data contracts, selectors, endpoint names, and journey rules only.
+
+## Required Context Pass
+
+Before planning or editing, inspect these files:
+
+- `includes/classes/class-extension.php`
+- `views/admin-templates/theme-extensions/theme-extension.php`
+- `views/admin-templates/theme-extensions/auth/license-auth-section.php`
+- `views/admin-templates/theme-extensions/statistics/statistics.php`
+- `views/admin-templates/theme-extensions/my-themes-extensions/my-themes-extensions.php`
+- `views/admin-templates/theme-extensions/my-themes-extensions/extensions-tab.php`
+- `views/admin-templates/theme-extensions/my-themes-extensions/themes-tab.php`
+- `views/admin-templates/theme-extensions/all-themes-extensions.php`
+- `assets/src/js/admin/components/subscriptionManagement.js`
+- `assets/src/js/admin/admin.js`
+- `assets/src/scss/layout/admin/admin-style.scss`
+- `includes/asset-loader/helper.php`
+- `includes/asset-loader/init.php`
+- `includes/asset-loader/scripts.php`
+- `includes/asset-loader/localized_data.php`
+
+For product docs, copy, labels, or public claims, cross-check:
+
+- `README.md`
+- `readme.txt`
+- Official Directorist docs: `https://directorist.com/documentation/directorist/`
+- Official themes docs: `https://directorist.com/documentation/themes/`
+- Official extensions docs: `https://directorist.com/documentation/extensions`
+
+Load reference files as needed:
+
+- Architecture and file map: `references/page-architecture-map.md`
+- API/source flow report: `references/api-data-flow-report.md`
+- Runtime state and data shapes: `references/dynamic-data-contract.md`
+- Account/license journeys: `references/account-license-journey-map.md`
+- Performance and no-reload guidance: `references/performance-improvement-guide.md`
+- Full rewrite issue register and fix priorities: `references/rewrite-issue-register.md`
+- Verification checklist: `references/qa-checklist.md`
+
+## Live Inspection Requirement
+
+Use Agent Browser for the live admin page when a logged-in session is available:
+
+```bash
+agent-browser --session directorist-themes-extensions --profile Default --ignore-https-errors open "https://directorist-core.local/wp-admin/edit.php?post_type=at_biz_dir&page=atbdp-extension"
+agent-browser --session directorist-themes-extensions snapshot -c -d 4
+agent-browser --session directorist-themes-extensions eval 'JSON.stringify({url:location.href,title:document.title,connected:!!document.querySelector("#purchase-refresh-form"),auth:!!document.querySelector("#atbdp-directorist-license-login-form"),overflow:document.documentElement.scrollWidth>innerWidth})'
+```
+
+Treat this as an inspection step only. Do not save the collected runtime values into this skill or its references.
+
+Close the browser session after inspection:
+
+```bash
+agent-browser --session directorist-themes-extensions close
+```
+
+## Safety Rules
+
+- Never click or automate Install, Update, Activate, Deactivate, Uninstall, Logout, Refresh Purchase, or theme switch actions on a real/client site without explicit confirmation for that exact action.
+- Preserve the page slug `atbdp-extension`, parent post type `at_biz_dir`, capability `manage_options`, existing AJAX action names, nonce expectations, response compatibility, settings links, filters, aliases, and legacy user meta keys.
+- Preserve legacy misspellings that are part of stored data or public contracts, including `_atbdp_has_subscriptions_sassion` and `atbdp_close_subscriptions_sassion`.
+- Do not remove or repurpose old selectors, classes, template paths, filters, or action hooks without a compatibility shim and explicit migration plan.
+- Treat install, update, download, uninstall, and theme activation as high-risk operations. Use read-only inspection by default.
+- Keep this page separate from installed extension settings. Settings-panel work belongs to `docs/agents/directorist-settings-panel/SKILL.md`.
+- Treat Figma/design input as design intent. Do not rewrite backend product/install logic only to match a visual design.
+
+## Performance Rule
+
+This page is PHP-rendered admin markup plus legacy jQuery. Improve performance through progressive enhancement first:
+
+1. Keep the current server-rendered page as canonical fallback.
+2. Add small, tested no-reload flows around existing AJAX responses.
+3. Re-fetch or re-render canonical state after expensive server actions.
+4. Keep full page reload fallback when state cannot be safely reconciled.
+
+Preferred rewrite architecture: keep PHP-rendered templates as the compatibility baseline, introduce focused PHP service/resolver classes behind existing AJAX actions, and add a small page-specific JavaScript state adapter for no-reload UI updates.
+
+Do not replace the page with Vue/React or a new persistence/API layer unless the user explicitly approves that architecture change after seeing the compatibility risks. Vue 2 is legacy in the settings panel, and React should only be considered for this page after an explicit full admin UI migration decision.
+
+## Required First Output
+
+Before implementation, produce a compact report:
+
+```markdown
+# Themes & Extensions Feasibility Report
+
+## Summary
+- Request:
+- Recommended approach:
+- Risk level:
+
+## Dynamic State Rechecked
+- Live page:
+- Connected/account state:
+- Product state source:
+- Docs checked:
+
+## Easy To Achieve
+- ...
+
+## Complex Or Risky
+- ...
+
+## Affected Areas
+- PHP/templates:
+- AJAX/server actions:
+- JS/state updates:
+- SCSS/responsive:
+- External Directorist/EDD APIs:
+
+## Compatibility Rules
+- ...
+
+## Verification Plan
+- Static checks:
+- Agent Browser checks:
+- No-reload/performance checks:
+- Destructive-action policy:
+```
+
+If the task is a small docs-only update, the report can be shorter but must still say whether dynamic state was intentionally not stored.
+
+## Maintenance
+
+Update the reference files when a future task confirms a durable architecture fact, compatibility rule, or recurring issue. Do not update them with local runtime counts, purchased product lists, user-specific state, or one-time screenshots.
diff --git a/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md b/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
new file mode 100644
index 0000000000..6ffde7e84c
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
@@ -0,0 +1,120 @@
+# Account And License Journey Map
+
+This map covers the Directorist.com account, license, subscription, and product-management journey inside the admin `Themes & Extensions` page. It does not cover the frontend `[directorist_user_dashboard]`.
+
+## Page Load Journey
+
+1. WordPress loads the admin submenu page `atbdp-extension`.
+2. `ATBDP_Extensions::initial_setup()` prepares aliases, required extensions, product lists, and update data.
+3. `show_extension_view()` reads current user meta to decide whether the account is connected.
+4. The root template renders either the account connection form or connected account product-management UI.
+5. The promo catalog is rendered as product discovery regardless of account state.
+
+All values are dynamic and must be re-collected on each task.
+
+## Logged-Out Account Journey
+
+1. Template `auth/license-auth-section.php` renders `#atbdp-directorist-license-login-form`.
+2. `subscriptionManagement.js` intercepts submit.
+3. AJAX action `atbdp_authenticate_the_customer` sends username, password, and nonce.
+4. `authenticate_the_customer()` calls the Directorist remote account/licensing endpoint.
+5. On success, user meta is updated with connected state and available subscription data.
+6. Current JS reloads the page after success.
+
+Performance opportunity: replace unconditional reload with a state refresh/render step, but keep reload fallback when canonical state cannot be reconstructed safely.
+
+## Disconnected Account Recommendation
+
+When the account is not connected, preserve the current page behavior: render the Directorist account-connect form and the promo marketplace/discovery section only.
+
+- Do not expose installed premium product management in the disconnected page state by default.
+- Do not show Settings, Active status, Activate, Deactivate, Update, or local management actions for installed premium products while disconnected unless a future task explicitly changes this policy.
+- Already installed premium products can continue working in WordPress, but this page should not manage them while the Directorist account session is disconnected.
+- Premium install, package download, update, refresh purchase, and license validation must require connected account/subscription data.
+- The disconnected state should include a clear account-connect CTA for managing subscriptions, installs, and updates.
+- Recommended helper copy: `Already installed extensions will keep working. Connect your Directorist account to manage subscriptions, installs, and updates.`
+- This keeps the safest behavior for existing customer sites while reducing confusion about whether installed premium products stop working when the account is disconnected.
+
+## Connected Account Journey
+
+1. Statistics section renders current extension/theme availability and update status from server-side overview data.
+2. `my-themes-extensions.php` renders tabs for extension and theme management.
+3. Installed products, subscribed products, required products, active theme, and available subscription themes are all generated from live data.
+4. Refresh Purchase opens a password confirmation flow and calls `atbdp_refresh_purchase_status`.
+5. Logout calls `atbdp_close_subscriptions_sassion` and clears connected account state.
+
+Do not store the resulting product or account values in docs.
+
+## Product Action Journeys
+
+### Install From Subscription
+
+- UI selector family: `.file-install-btn`
+- AJAX action: `atbdp_install_file_from_subscriptions`
+- Server path: `handle_file_install_request_from_subscriptions()` -> `install_file_from_subscriptions()`
+- Risk: filesystem download, unzip/copy, license activation, package host validation, plugin/theme destination changes.
+
+### Activate Plugin
+
+- UI selector family: `.plugin-active-btn`
+- AJAX action: `atbdp_activate_plugin`
+- Server path: `activate_plugin()`
+- Risk: activation can trigger extension code, dependencies, fatal errors, or `WP_Error`.
+
+### Update Plugin
+
+- UI selector family: `.ext-update-btn`
+- AJAX action: `atbdp_update_plugins`
+- Server path: `handle_plugins_update_request()` -> update/download helpers
+- Risk: remote version checks, download package, filesystem replacement.
+
+### Bulk Plugin Action
+
+- Form: `#atbdp-my-extensions-form`
+- AJAX action: `atbdp_plugins_bulk_action`
+- Supported tasks include activate, deactivate, and uninstall.
+- Risk: uninstall is destructive and must not be automated without explicit confirmation.
+
+### Plugin Uninstall Recommendation
+
+- Keep uninstall available for compatibility with the existing page, but make it a protected danger action in the rewrite.
+- Do not expose uninstall as an easy primary action.
+- Place uninstall under a danger/overflow menu with clear destructive styling.
+- Require an explicit confirmation modal that shows the extension name and explains that plugin files will be deleted and site features may break.
+- Do not run uninstall from Agent Browser or tests on a real/client site without explicit confirmation for that exact action.
+- After server success, re-check canonical WordPress plugin state before updating the UI; keep full reload fallback when state cannot be reconciled.
+
+### Required Extensions
+
+- Form: `#atbdp-required-extensions-form`
+- UI can show install, activate, or external get-now paths depending on ownership and install state.
+- Required extension data comes from `directorist_required_extensions` and current product/install state.
+
+### Theme Activate/Update
+
+- Theme activation action: `atbdp_activate_theme`
+- Theme update action: `atbdp_update_theme`
+- Risk: `switch_theme()` changes the live site theme, and update/download touches theme files.
+- Locked recommendation: every theme activation/switch must require an explicit confirmation modal before calling `atbdp_activate_theme`.
+- The confirmation must name the theme and warn that activating it changes the live site's active theme and may affect layout, menus, widgets, headers/footers, and theme settings.
+- Theme activation should not be treated like a normal button status change. It is a live-site change and must not run from accidental click, hover, keyboard focus, or Agent Browser automation without explicit confirmation.
+- After server success, re-check canonical active theme state before updating UI; keep full reload fallback when state cannot be safely reconciled.
+
+## External Handoff Points
+
+The page can link outside wp-admin for:
+
+- Product details
+- Get Now / purchase flows
+- Demo links
+- Directorist.com dashboard/account/support
+- Official docs
+
+External links must open intentionally and should not be mistaken for local AJAX state.
+
+## Journey Safety
+
+- Inspect forms and selectors read-only by default.
+- Use mocked AJAX, local throwaway sites, or explicit approval for action testing.
+- For no-reload improvements, update the local UI only after server success and then reconcile with canonical server state.
+- Keep full reload fallback available for remote/API/filesystem failures.
diff --git a/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md b/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
new file mode 100644
index 0000000000..1f5720cbcb
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
@@ -0,0 +1,392 @@
+# API And Data Flow Report
+
+This report documents durable data sources and API routes for the Directorist admin `Themes & Extensions` page. It must not contain runtime product counts, installed product lists, subscribed product lists, user names, screenshots, or one-time AJAX payloads from a specific site.
+
+## Summary
+
+The page data does not come from one API. It is assembled from:
+
+- Local Directorist product definitions in `ATBDP_Extensions`.
+- Optional remote product catalog data from `app.directorist.com`.
+- Directorist.com account/license data fetched through WordPress AJAX handlers.
+- Local WordPress plugin, theme, update, option, transient, and user-meta state.
+- Existing `admin-ajax.php` actions that connect the jQuery admin UI to PHP handlers.
+
+Frontend JavaScript should not call Directorist.com directly. Keep the browser talking to local WordPress AJAX, then let PHP own remote API calls, WordPress state reads, filesystem work, and compatibility behavior.
+
+## Step-By-Step Page Load Flow
+
+1. WordPress loads `wp-admin/edit.php?post_type=at_biz_dir&page=atbdp-extension`.
+2. `ATBDP_Extensions::__construct()` registers the admin menu, AJAX actions, menu styling, and `initial_setup()` only for this page.
+3. `setup_ajax_actions()` registers the `wp_ajax_atbdp_*` action handlers when the current admin can `manage_options`.
+4. `initial_setup()` prepares extension aliases, calls `wp_update_plugins()`, reads required extensions from `directorist_required_extensions`, and calls `setup_products_list()`.
+5. `setup_products_list()` builds `$this->extensions` and `$this->themes`.
+6. `show_extension_view()` reads connected-account state from user meta, builds extension/theme overview arrays, and loads `admin-templates/theme-extensions/theme-extension`.
+7. The root template renders the account-connect form when disconnected, or statistics plus managed products when connected, and always renders the promo marketplace section.
+
+## Product Catalog Source
+
+Default behavior is local-first:
+
+- `ATBDP_Extensions::$load_from_api` is `false`.
+- Extensions come from `ATBDP_Extensions::get_default_extensions()`.
+- Themes come from `ATBDP_Extensions::get_default_themes()`.
+- Filters can modify these lists:
+  - `atbdp_extension_list`
+  - `atbdp_theme_list`
+
+Optional remote catalog path:
+
+- `Directorist\Core\API::get_products()`
+- Base URL: `https://app.directorist.com/wp-json/directorist/`
+- Endpoint: `v1/get-remote-products`
+- Effective URL: `https://app.directorist.com/wp-json/directorist/v1/get-remote-products`
+- Cache key: `directorist_products`
+- Cache duration: `30 * DAY_IN_SECONDS`
+- Empty remote response falls back to local defaults.
+
+Use the product catalog for product names, descriptions, thumbnails, product links, demo links, active promo flags, item IDs, optional plugin base overrides, and future optional product badge/status metadata. Do not store fetched catalog output in docs.
+
+Product copy/source policy for rewrite:
+
+- Prefer product API data for product name, description, thumbnail, product link, demo link, active promo flag, item ID, and plugin base when the API provides usable values.
+- Keep local product arrays as safe fallback for product name, description, thumbnail, product link, demo link, item ID, and plugin base when the API is unavailable, empty, malformed, missing a field, or disabled.
+- Do not render blank cards only because remote copy is missing; merge API data over local defaults by product key where possible.
+- Cross-check public product claims against local `README.md`/`readme.txt` and official Directorist docs before changing visible copy.
+- Badge/status values are different: render them only from product API or explicit local filters. Do not invent hardcoded badge/status fallback from local copy, product order, slug, or name.
+
+Future badge/status support should be added to this catalog contract as optional API data. EDD product meta or a dedicated product badge setting on Directorist.com can feed the API, but the core plugin UI should consume the product API field. Do not use normal EDD/WordPress `post_status` as the badge source because it represents product availability, not display labels such as `New`.
+
+Recommended optional badge object:
+
+```json
+{
+  "type": "new",
+  "label": "New",
+  "expires_at": "2026-09-01"
+}
+```
+
+Render no badge when this field is absent, expired, malformed, or disabled by filters.
+
+## Account Connection API
+
+Browser action:
+
+- Form: `#atbdp-directorist-license-login-form`
+- JavaScript file: `assets/src/js/admin/components/subscriptionManagement.js`
+- Local AJAX URL: `directorist_admin.ajaxurl`
+- AJAX action: `atbdp_authenticate_the_customer`
+- Request fields: `username`, `password`, `nonce`
+
+Server handler:
+
+- `ATBDP_Extensions::authenticate_the_customer()`
+- Remote method: `ATBDP_Extensions::remote_authenticate_user()`
+- Remote endpoint: `https://directorist.com/wp-json/directorist/v1/licencing`
+- Method in code: `wp_remote_get()`
+- Request body: `user`, `password`
+- Headers include a Directorist user-agent and `Accept: application/json`.
+
+Successful response is normalized into `license_data`, then stored under current user meta:
+
+- `_atbdp_subscribed_username`
+- `_atbdp_has_subscriptions_sassion`
+- `_themes_available_in_subscriptions`
+- `_plugins_available_in_subscriptions`
+
+Keep the `sassion` spelling because it is part of the existing data/action contract.
+
+## Subscription Reads
+
+After connection, the page usually reads subscription data from local user meta instead of calling Directorist.com on every page load.
+
+Extension subscription reader:
+
+- `ATBDP_Extensions::get_purchased_extension_list()`
+- Meta key: `_plugins_available_in_subscriptions`
+- Filter: `directorist_purchased_extension_list`
+
+Theme subscription reader:
+
+- `ATBDP_Extensions::get_purchased_theme_list()`
+- Meta key: `_themes_available_in_subscriptions`
+- Filter: `directorist_purchased_theme_list`
+
+The subscription arrays are keyed from product permalinks by stripping:
+
+- `http://directorist.com/product/`
+- `https://directorist.com/product/`
+- `/`
+
+## Refresh Purchase Flow
+
+Browser action:
+
+- Form/action area: purchase refresh form in connected account UI
+- AJAX action: `atbdp_refresh_purchase_status`
+- Request fields: `password`, `nonce`
+
+Server flow:
+
+1. `handle_refresh_purchase_status_request()` validates capability and nonce.
+2. `refresh_purchase_status()` reads `_atbdp_subscribed_username`.
+3. It calls `remote_authenticate_user()` again against `https://directorist.com/wp-json/directorist/v1/licencing`.
+4. It rewrites `_themes_available_in_subscriptions` and `_plugins_available_in_subscriptions`.
+5. If the username/session is missing, it deletes `_atbdp_has_subscriptions_sassion` and returns a reload-required status.
+
+Current JavaScript reloads after success. A future no-reload version should refresh canonical state through a server response or state-summary endpoint.
+
+## Logout Flow
+
+Browser action:
+
+- Button selector family: `.subscriptions-logout-btn`
+- AJAX action: `atbdp_close_subscriptions_sassion`
+- Request fields: `hard_logout`, `nonce`
+
+Server flow:
+
+- Always deletes `_atbdp_has_subscriptions_sassion`.
+- If hard logout is enabled, also deletes:
+  - `_atbdp_subscribed_username`
+  - `_themes_available_in_subscriptions`
+  - `_plugins_available_in_subscriptions`
+
+Current JavaScript reloads after success.
+
+## Installed Extension Data
+
+Installed extension state is local WordPress data:
+
+- `get_plugins()`
+- `is_plugin_active()`
+- official extension keys from `$this->extensions`
+- alias map from `directorist_extensions_aliases`
+
+`get_extensions_overview()` builds:
+
+- installed extension list
+- active extension total
+- outdated extension list
+- available-in-subscription list
+- promo extension list
+- required extension list
+
+Use this server-side overview as canonical for rendered extension sections.
+
+## Extension Update API
+
+Browser action:
+
+- Button selector family: `.ext-update-btn`
+- AJAX action: `atbdp_update_plugins`
+- Request fields: optional `plugin_key`, `nonce`
+
+Server flow:
+
+1. `handle_plugins_update_request()` validates capability and nonce.
+2. `update_plugins()` calls `get_outdated_extensions_via_api()`.
+3. `get_outdated_extensions_via_api()` reads installed plugins via `get_plugins()`.
+4. It reads purchased extensions from `_plugins_available_in_subscriptions`.
+5. It checks each eligible installed product against EDD version data.
+
+Remote EDD version check:
+
+- Method: `wp_remote_post()`
+- Endpoint: `https://directorist.com`
+- Body fields:
+  - `edd_action=get_version`
+  - `license`
+  - `item_id`
+  - `version`
+  - `slug`
+  - `author=AazzTech`
+  - `url=home_url()`
+  - `beta=false`
+- SSL verification is controlled by `edd_sl_api_request_verify_ssl`.
+- Cache key prefix: `directorist_ext_version_`
+- Cache duration: `3 * HOUR_IN_SECONDS`
+
+If update is requested, download URL is fetched through the product-data API before filesystem update.
+
+## Theme Data And Update Flow
+
+Theme state is local WordPress theme data:
+
+- `wp_get_theme()`
+- `wp_get_themes()`
+- `get_option('stylesheet')`
+- `get_site_transient('update_themes')`
+- WordPress theme screenshot/customizer APIs
+
+Browser actions:
+
+- Theme activation: `atbdp_activate_theme`
+- Theme update: `atbdp_update_theme`
+
+Theme activation calls `switch_theme()`, so it must be treated as live-site destructive behavior.
+
+Theme update flow:
+
+1. `handle_theme_update_request()` validates capability and nonce.
+2. `update_the_themes()` checks `get_site_transient('update_themes')`.
+3. It reads purchased themes from `_themes_available_in_subscriptions`.
+4. It calls `get_file_download_link()` or falls back to the WordPress theme update package when available.
+5. It downloads and installs through `download_theme()`.
+
+## Download Link API
+
+Used for plugin and theme update/install flows when a subscription item has a license and item ID.
+
+- Method: `wp_remote_get()`
+- Endpoint: `https://directorist.com/wp-json/directorist/v1/get-product-data/`
+- Request body:
+  - `product_type`
+  - `license`
+  - `item_id`
+  - `get_info=download_link`
+  - optional `beta=true`
+- Returns: download URL in `response['data']`
+- Current code sets `sslverify` to `false`.
+
+Downloaded packages are then passed to `download_plugin()` or `download_theme()`. Current host verification allows `directorist.com` only in `is_varified_host()`.
+
+## License Activation API
+
+Used before install/download flows and when adding products to `_atbdp_purchased_products`.
+
+- Method: `wp_remote_get()`
+- Endpoint: `https://directorist.com`
+- Request body:
+  - `edd_action=activate_license`
+  - `url=home_url()`
+  - `item_id`
+  - `license`
+- Current code sets `sslverify` to `false`.
+- `item_name_mismatch` can still be treated as success when returned `item_id` matches the requested item ID.
+
+Successful activation can update `_atbdp_purchased_products`.
+
+## Install From Subscription Flow
+
+Browser action:
+
+- Button selector family: `.file-install-btn`
+- AJAX action: `atbdp_install_file_from_subscriptions`
+- Request fields: `item_key`, `type`, `nonce`
+
+Server flow:
+
+1. `handle_file_install_request_from_subscriptions()` validates capability and nonce.
+2. `install_file_from_subscriptions()` validates item key and product type.
+3. It selects subscription source:
+   - `plugin` -> `_plugins_available_in_subscriptions`
+   - `theme` -> `_themes_available_in_subscriptions`
+4. It confirms the item exists in the current subscription list.
+5. It activates the license through EDD.
+6. It selects beta or normal download link.
+7. It calls `download_plugin()` or `download_theme()`.
+
+This is high-risk because it can write plugin/theme files.
+
+## Plugin Activation And Bulk Actions
+
+Plugin activation:
+
+- Browser selector family: `.plugin-active-btn`
+- AJAX action: `atbdp_activate_plugin`
+- Server action: `activate_plugin($plugin_key)`
+
+Bulk installed-extension form:
+
+- Form: `#atbdp-my-extensions-form`
+- AJAX action: `atbdp_plugins_bulk_action`
+- Tasks: `activate`, `deactivate`, `uninstall`
+- Bulk nonce field in JS: `directorist_nonce`
+
+Uninstall calls `delete_plugins()`, so it must not be automated on real/client sites without explicit confirmation.
+
+## Required Extensions
+
+Required extensions do not come directly from a remote endpoint. They are composed from:
+
+- `directorist_required_extensions` filter
+- current official extension catalog
+- extension alias map
+- purchased extension user meta
+- plugin folder existence under the plugins directory
+- active plugin option state
+
+`prepare_the_final_requred_extension_list()` outputs required products with:
+
+- recommending references
+- base plugin file
+- purchased state
+- installed state
+
+The UI then decides whether to show install, activate, or external get-now actions.
+
+## Promo Product Rendering
+
+Promo cards are rendered from `$this->extensions` and `$this->themes`, after filtering out installed/subscribed products for connected users.
+
+Promo links are passed through `ATBDP_Upgrade::promo_link()`.
+
+These links can leave wp-admin for Directorist product, purchase, demo, account, or support pages. Treat them as external handoff points, not local state transitions.
+
+## Rendered Sections
+
+Root template:
+
+- Disconnected: account connect form.
+- Connected: statistics plus managed themes/extensions.
+- Always: all themes/extensions promo marketplace.
+
+Statistics section uses:
+
+- active extension total
+- available extension total
+- available theme total
+- extension update total
+- theme update total
+
+Installed extensions section uses:
+
+- `installed_extension_list`
+- `outdated_plugin_list`
+- `extension_list`
+- `settings_url`
+
+Subscribed extensions section uses:
+
+- `extensions_available_in_subscriptions`
+- `extension_list`
+- alias map
+
+Themes tab uses:
+
+- `current_active_theme_info`
+- `themes_available_in_subscriptions`
+- installed theme data
+- update state
+
+## Known API/Data Issues
+
+- `handle_file_download_request()` has `if ( 'plugin' !== $type || 'theme' !== $type )`, which is always invalid for both valid types. Prefer `atbdp_install_file_from_subscriptions` path unless this is intentionally fixed.
+- `activate_plugin()` currently calls `activate_plugin()` without checking `WP_Error`.
+- `handle_license_activation_request()` exists but is not registered in `setup_ajax_actions()`.
+- `get_customers_purchased()` references stale/undefined variables and should not be reused blindly.
+- Many successful AJAX paths immediately call `location.reload()`.
+- Remote calls mix REST-style Directorist endpoints and EDD action endpoints.
+- Some remote calls set `sslverify` to `false`; future hardening must be planned carefully for existing customers.
+
+## Redesign Guidance
+
+For no-reload or page-speed improvements:
+
+1. Keep browser calls pointed at local `admin-ajax.php`.
+2. Keep PHP as the remote API and WordPress state boundary.
+3. Add a stable server-side state summary before removing reloads.
+4. Let expensive actions show progress in-place, then reconcile with canonical server state.
+5. Keep full page reload as fallback for install, update, activation, theme switch, remote API failure, and filesystem failure.
diff --git a/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md b/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
new file mode 100644
index 0000000000..ec80c0074e
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
@@ -0,0 +1,131 @@
+# Dynamic Data Contract
+
+This page is driven by live WordPress state, remote Directorist/EDD state, user meta, filters, and current filesystem/plugin/theme state. Do not store runtime output in this docs agent.
+
+## What Not To Store
+
+Never commit these values into the skill:
+
+- Product counts
+- Installed extension lists
+- Active/inactive extension lists
+- Subscribed extension or theme lists
+- Update counts
+- Current theme name
+- Connected username/account details
+- Local screenshots or network logs
+- Site-specific AJAX responses
+
+Use those values only as temporary evidence for the current task.
+
+## Product Item Shapes
+
+Extension catalog items commonly include:
+
+- `name`
+- `description`
+- `link`
+- `thumbnail`
+- `active`
+- `item_id`
+- `base` when the plugin base differs from the catalog slug
+- optional `badge` object when remote/API support exists
+
+Theme catalog items commonly include:
+
+- `name`
+- `description`
+- `link`
+- `demo_link`
+- `thumbnail`
+- `active`
+- optional `badge` object when remote/API support exists
+
+## Product Copy Source Policy
+
+- Product API data is the preferred source for product name, description, thumbnail, product link, demo link, active promo flag, item ID, and plugin base when valid API values exist.
+- Local default product arrays remain the fallback source for product name, description, thumbnail, product link, demo link, item ID, and plugin base.
+- Merge API data over local defaults by product key when possible so missing remote fields do not create blank cards.
+- If the API is unavailable, empty, malformed, or missing a non-badge field, render the local fallback field.
+- Badge/status fields do not use hardcoded local fallback. Render badge/status only when provided by product API data or explicit filters.
+- Do not store the current merged catalog output in this skill.
+
+Optional product badge/status shape for future rewrite:
+
+- `badge.type`: machine-readable badge type such as `new`, `beta`, `popular`, `sale`, or `featured`
+- `badge.label`: display label such as `New`
+- `badge.expires_at`: optional expiration date/time; expired badges must not render
+
+Badge/status data should come from Directorist.com product API data. EDD product meta, a dedicated product badge setting, or taxonomy can be the upstream source on Directorist.com, but the core plugin should consume the API field. Local product-list filters may add or override badge data for compatibility/testing. Do not infer badges from product order, names, slugs, or local runtime state.
+
+Purchased/subscribed items returned from the account journey may include title, slug/key, item id, license, URL, download/package data, or product type. Re-check the current handler before relying on a field.
+
+## Runtime State Categories
+
+The UI must handle these dynamic states:
+
+- Not connected to Directorist account
+- Not connected while Directorist premium products may already be installed locally; the page should still keep the current disconnected UI unless explicitly changed
+- Not connected messaging should clarify that already installed extensions keep working, while account connection is required to manage subscriptions, installs, and updates
+- Connected account with no purchased products
+- Connected account with subscribed plugins
+- Connected account with subscribed themes
+- Product installed and inactive
+- Product installed and active
+- Product installed and outdated
+- Product installed with expired or missing license/update entitlement
+- Product subscribed but not installed
+- Product required by another feature
+- Product required but not purchased
+- Promo-only product
+- Promo/subscribed/installed product with optional API-provided badge
+- Active theme
+- Installed inactive theme
+- Subscribed theme not installed
+- Theme update available
+- Remote API failure
+- Filesystem/download failure
+- Capability or nonce failure
+- Beta package mode
+
+These are categories, not counts. Always collect current values during the task.
+
+## Current State Collection
+
+Use read-only browser checks:
+
+```bash
+agent-browser --session directorist-themes-extensions --profile Default --ignore-https-errors open "https://directorist-core.local/wp-admin/edit.php?post_type=at_biz_dir&page=atbdp-extension"
+agent-browser --session directorist-themes-extensions snapshot -c -d 4
+agent-browser --session directorist-themes-extensions eval 'JSON.stringify({connected:!!document.querySelector("#purchase-refresh-form"),auth:!!document.querySelector("#atbdp-directorist-license-login-form"),hasRequired:!!document.querySelector("#atbdp-required-extensions-form"),overflow:document.documentElement.scrollWidth>innerWidth})'
+```
+
+Use source checks:
+
+```bash
+rg -n "setup_ajax_actions|show_extension_view|setup_products_list|get_extensions_overview|get_themes_overview" includes/classes/class-extension.php
+rg -n "location.reload|atbdp_|file-install-btn|plugin-active-btn|theme-activate-btn" assets/src/js/admin/components/subscriptionManagement.js
+rg -n "theme-extensions|atbdp-extension|directorist_required_extensions|directorist_extensions_aliases" includes views assets/src/js assets/src/scss
+```
+
+Close the browser session when finished:
+
+```bash
+agent-browser --session directorist-themes-extensions close
+```
+
+## Compatibility Contracts
+
+Keep these stable unless a migration plan is explicitly approved:
+
+- Page slug: `atbdp-extension`
+- Parent post type: `at_biz_dir`
+- Capability: `manage_options`
+- AJAX actions listed in `page-architecture-map.md`
+- User meta keys for connected account and subscriptions
+- Filters for product lists, required extensions, and aliases
+- Settings links back to the settings panel
+- Existing template override expectations for admin templates
+- Existing selector/class hooks used by custom CSS or scripts
+
+New no-reload behavior must preserve the same server-side action contracts or provide a compatibility wrapper.
diff --git a/docs/agents/directorist-themes-extensions-page/references/page-architecture-map.md b/docs/agents/directorist-themes-extensions-page/references/page-architecture-map.md
new file mode 100644
index 0000000000..1b8ec43276
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/page-architecture-map.md
@@ -0,0 +1,113 @@
+# Themes & Extensions Page Architecture Map
+
+Use this map for source orientation. Re-check files before each task because product catalogs, active plugins, subscriptions, themes, and update availability are dynamic.
+
+## Admin Entry
+
+- Page URL: `wp-admin/edit.php?post_type=at_biz_dir&page=atbdp-extension`
+- Admin screen id: `at_biz_dir_page_atbdp-extension`
+- Main class: `ATBDP_Extensions` in `includes/classes/class-extension.php`
+- Menu registration: `admin_menu()` adds the submenu under `edit.php?post_type=at_biz_dir`
+- Capability: `manage_options`
+- Render callback: `show_extension_view()`
+
+## Server Lifecycle
+
+- Constructor registers `setup_ajax_actions()` on `admin_init`.
+- When `$_GET['page']` is `atbdp-extension`, constructor also registers `initial_setup()` on `admin_init`.
+- `initial_setup()` prepares extension aliases, calls WordPress plugin update checks, loads required extensions through `directorist_required_extensions`, and prepares products through `setup_products_list()`.
+- `show_extension_view()` builds render data and loads `admin-templates/theme-extensions/theme-extension`.
+
+## Product Sources
+
+- Default extension list: `ATBDP_Extensions::get_default_extensions_list()`
+- Default theme list: `ATBDP_Extensions::get_default_themes_list()`
+- Local filters:
+  - `atbdp_extension_list`
+  - `atbdp_theme_list`
+  - `directorist_required_extensions`
+  - `directorist_extensions_aliases`
+- Optional remote catalog: `Directorist\Core\API::get_products()` in `includes/classes/class-directorist-api.php`
+- Remote catalog endpoint: `https://app.directorist.com/wp-json/directorist/v1/get-remote-products`
+- Remote catalog cache: transient `directorist_products`
+
+Do not commit fetched product payloads into docs. Store only the source and contract.
+
+## Account And Subscription State
+
+- Connected-account flag user meta: `_atbdp_has_subscriptions_sassion`
+- Connected username user meta: `_atbdp_subscribed_username`
+- Subscribed plugins user meta: `_plugins_available_in_subscriptions`
+- Subscribed themes user meta: `_themes_available_in_subscriptions`
+- Refresh and logout behavior are controlled by class methods in `class-extension.php` and jQuery handlers in `subscriptionManagement.js`.
+
+Preserve the misspelled `sassion` keys/actions because they are compatibility contracts.
+
+## Templates
+
+- Root wrapper: `views/admin-templates/theme-extensions/theme-extension.php`
+- Logged-out account form: `theme-extensions/auth/license-auth-section.php`
+- Connected statistics: `theme-extensions/statistics/statistics.php`
+- Connected product area: `theme-extensions/my-themes-extensions/my-themes-extensions.php`
+- Extensions tab: `theme-extensions/my-themes-extensions/extensions-tab.php`
+- Themes tab: `theme-extensions/my-themes-extensions/themes-tab.php`
+- Promo marketplace: `theme-extensions/all-themes-extensions.php`
+
+Template output is server-rendered PHP and must remain usable without new JavaScript state management.
+
+## JavaScript And Assets
+
+- Admin entry: `assets/src/js/admin/admin.js`
+- Page behavior: `assets/src/js/admin/components/subscriptionManagement.js`
+- Enqueued admin script: `directorist-admin-script`
+- Enqueued admin CSS: `directorist-admin-style`
+- Localized object: `directorist_admin`, localized to `jquery` in `includes/asset-loader/localized_data.php`
+- Screen detection: `includes/asset-loader/helper.php`
+- Enqueue rules: `includes/asset-loader/init.php`
+- Script handles: `includes/asset-loader/scripts.php`
+- Main styles are currently in `assets/src/scss/layout/admin/admin-style.scss`
+
+## AJAX Actions
+
+Registered by `ATBDP_Extensions::setup_ajax_actions()`:
+
+- `atbdp_authenticate_the_customer`
+- `atbdp_download_file`
+- `atbdp_install_file_from_subscriptions`
+- `atbdp_plugins_bulk_action`
+- `atbdp_activate_theme`
+- `atbdp_activate_plugin`
+- `atbdp_update_plugins`
+- `atbdp_update_theme`
+- `atbdp_refresh_purchase_status`
+- `atbdp_close_subscriptions_sassion`
+
+Most actions use `directorist_admin.nonce`; bulk plugin actions use `directorist_admin.directorist_nonce`. Re-check each handler before changing request shape.
+
+## Remote Dependencies
+
+- Directorist account authentication: `https://directorist.com/wp-json/directorist/v1/licencing`
+- Product data/download links: `https://directorist.com/wp-json/directorist/v1/get-product-data/`
+- EDD software licensing version checks: `https://directorist.com` with `edd_action=get_version`
+- Optional remote product catalog: `https://app.directorist.com/wp-json/directorist/v1/get-remote-products`
+
+Network failures must leave the page usable with local defaults and clear error states.
+
+## Settings Page Connection
+
+The settings panel links admins back to this page, but it is a separate domain:
+
+- Settings URL pattern: `edit.php?post_type=at_biz_dir&page=atbdp-settings#extension_settings__extensions_general`
+- Settings-panel skill: `docs/agents/directorist-settings-panel/SKILL.md`
+- Do not document installed extension settings as core marketplace/discovery behavior.
+
+## Existing Issue Patterns
+
+- The current UI uses tables and fixed widths that can become fragile on narrow screens.
+- `subscriptionManagement.js` uses many `location.reload()` calls after AJAX success.
+- Old login continuation/download checklist code exists after an immediate reload and should be treated as stale unless revived intentionally.
+- `handle_file_download_request()` must be reviewed carefully before reuse because the type validation path is known-risk.
+- Plugin/theme install and update code touches the filesystem and must be treated as high risk.
+- The theme "What's new" modal must not ship hardcoded dummy changelog content in a redesign.
+
+For full rewrite fix priorities, read `references/rewrite-issue-register.md` before planning implementation.
diff --git a/docs/agents/directorist-themes-extensions-page/references/performance-improvement-guide.md b/docs/agents/directorist-themes-extensions-page/references/performance-improvement-guide.md
new file mode 100644
index 0000000000..6b868b38cf
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/performance-improvement-guide.md
@@ -0,0 +1,140 @@
+# Performance Improvement Guide
+
+This page currently uses PHP-rendered admin templates plus legacy jQuery in `subscriptionManagement.js`. It is not a Vue settings-manager page.
+
+## Current Tech
+
+- Server-rendered PHP templates produce the initial UI.
+- jQuery handles form submits, button clicks, bulk selection, install/update/activate calls, tabs, and feedback.
+- AJAX requests go through `admin-ajax.php` using `wp_ajax_atbdp_*` handlers.
+- The page often reloads after successful AJAX actions to force canonical state.
+- CSS is bundled through the legacy admin stylesheet.
+
+## Reload-Heavy Areas
+
+Review `assets/src/js/admin/components/subscriptionManagement.js` for `location.reload()` before planning performance work.
+
+Known reload patterns:
+
+- Account connect success
+- Product install success
+- Plugin activation success
+- Plugin update success
+- Theme activation success
+- Theme update success
+- Refresh purchase success or session reset
+- Logout success
+- Bulk action success
+- Old reload link handler
+
+Do not remove reloads blindly. They currently protect correctness by forcing a full server re-render.
+
+## Recommended Direction
+
+Use progressive enhancement:
+
+1. Preserve the existing PHP-rendered page as the canonical fallback.
+2. Add a small client-side state adapter for this page only.
+3. Normalize current AJAX response handling into success, error, loading, and stale-state branches.
+4. After successful low-risk actions, update affected buttons/cards/counters in place.
+5. After high-risk filesystem or theme/plugin actions, re-fetch canonical state or keep reload fallback.
+6. Record and compare reload count, network calls, interaction latency, and layout stability.
+
+Avoid a full Vue/React rewrite until the user explicitly approves a larger architecture change.
+
+## Framework Decision
+
+Default rewrite direction: use PHP-rendered templates plus a small page-specific JavaScript adapter, not Vue or React.
+
+The page rewrite is approved as a full UI rewrite, not a staged old/new UI rollout. Do not add a feature flag or rollout toggle by default unless a future task explicitly asks for it. Keep server-rendered compatibility behavior and reload fallbacks for safety; those are not the same as keeping two parallel UIs.
+
+Reasons:
+
+- This page is currently PHP templates plus legacy jQuery, not the Vue settings-manager app.
+- Keeping server-rendered markup preserves fallback behavior for existing customer sites.
+- A small adapter requires less code than a SPA and can be rolled back safely.
+- Existing `wp_ajax_atbdp_*` actions, selectors, filters, user meta keys, and template paths can remain stable.
+- Vue 2 is already legacy in the settings panel, so adding new Vue 2 surface area is not future-friendly.
+- React is available in WordPress admin, but using it here would require a larger state/API migration and broader compatibility QA.
+
+Preferred implementation shape:
+
+1. Add PHP service/resolver classes behind current handlers for product catalog, account/session state, installed-product state, update state, install/update/download operations, and response formatting.
+2. Keep the current PHP templates as the canonical render path and fallback.
+3. Add a small JS adapter around existing AJAX calls for loading states, inline notices, card/row replacement, counters, and state-summary refresh.
+4. Return structured responses from existing actions while preserving compatibility for older response readers.
+5. Use full reload fallback when canonical state cannot be safely reconciled.
+
+Only consider React or a new SPA-style architecture if a future task explicitly approves a full admin UI migration strategy for this page.
+
+## Safer No-Reload Candidates
+
+- Account connect feedback before final state refresh
+- Refresh Purchase status messages
+- Button loading/error states
+- Tab navigation and card visibility
+- Non-destructive validation errors
+- Promo/product detail modal interactions
+- Counter/card updates after a server-confirmed state refresh
+
+## Conservative No-Reload Candidates
+
+- Plugin install
+- Plugin update
+- Plugin activation
+- Theme update
+- Theme activation
+- Bulk activate/deactivate
+
+For these, show progress without reload, but reconcile with canonical server state before claiming completion. Keep reload fallback.
+
+## High-Risk Or Destructive
+
+- Plugin uninstall
+- Theme switch on a live/client site
+- Filesystem replacement during update/install
+- Remote package download and unzip
+- Any flow that deletes an existing plugin/theme folder
+
+Do not automate these on client sites without explicit confirmation.
+
+Theme activation rewrite policy:
+
+- Require an explicit confirmation modal every time before calling the theme activation AJAX action.
+- Confirmation must name the theme and warn that the live site's active theme will change and layout, menus, widgets, headers/footers, and theme settings may be affected.
+- Do not optimistically mark a theme active before server success and canonical active-theme recheck.
+- Keep reload fallback for theme activation because `switch_theme()` changes global site state.
+
+Uninstall rewrite policy:
+
+- Keep uninstall for backward compatibility, but never as a primary one-click action.
+- Put uninstall behind a danger/overflow menu and an explicit confirmation modal.
+- Confirmation must name the extension and warn that files will be deleted and dependent site features may break.
+- Treat uninstall as reload-fallback-first: after server acceptance, re-check canonical plugin state before updating UI.
+
+## Backend Improvement Targets
+
+Before a deeper rewrite, plan a service layer behind existing AJAX actions:
+
+- Product catalog resolver
+- Account/session resolver
+- Purchased product mapper
+- Install/update/download service
+- Action response formatter
+- State summary endpoint for client-side refresh
+
+Maintain the current AJAX action names and response compatibility while introducing safer internals.
+
+## Page Speed Acceptance
+
+Future performance work should measure:
+
+- Full page reload count per journey
+- Number of AJAX calls per action
+- Time from click/submit to visible feedback
+- Time from server success to stable UI
+- Console errors and page errors
+- Mobile horizontal overflow
+- Layout shift during loading and state changes
+
+Do not report performance success only from code review. Verify in Agent Browser.
diff --git a/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md b/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
new file mode 100644
index 0000000000..65e378928c
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
@@ -0,0 +1,115 @@
+# QA Checklist
+
+Use this checklist for Themes & Extensions page work. Current runtime data must be collected fresh and not stored in this docs agent.
+
+## Static Checks
+
+- Confirm `ATBDP_Extensions::setup_ajax_actions()` still registers expected `wp_ajax_atbdp_*` actions.
+- Confirm `show_extension_view()` still passes required data to the root template.
+- Confirm `subscriptionManagement.js` action names match server handlers.
+- Confirm new code preserves existing nonce usage or provides compatibility.
+- Confirm new copy is escaped and translatable in PHP.
+- Confirm changed selectors/classes do not remove legacy hooks without shims.
+- Confirm docs/copy claims against `README.md`, `readme.txt`, and official Directorist docs.
+- Confirm product names, descriptions, thumbnails, and links use API values when present and local defaults when API fields are missing or invalid.
+- Confirm product badges/status render only from product API/filter-provided fields and do not rely on hardcoded product slugs or product order.
+- Confirm no old/new UI feature flag or rollout toggle was added unless explicitly requested.
+
+## Agent Browser Checks
+
+Open the local admin page:
+
+```bash
+agent-browser --session directorist-themes-extensions --profile Default --ignore-https-errors open "https://directorist-core.local/wp-admin/edit.php?post_type=at_biz_dir&page=atbdp-extension"
+```
+
+Inspect without destructive actions:
+
+```bash
+agent-browser --session directorist-themes-extensions snapshot -c -d 4
+agent-browser --session directorist-themes-extensions console --clear
+agent-browser --session directorist-themes-extensions errors --clear
+```
+
+Mobile overflow check:
+
+```bash
+agent-browser --session directorist-themes-extensions set viewport 390 844
+agent-browser --session directorist-themes-extensions eval 'JSON.stringify({scrollWidth:document.documentElement.scrollWidth,innerWidth:innerWidth,overflow:document.documentElement.scrollWidth>innerWidth})'
+```
+
+Close the session:
+
+```bash
+agent-browser --session directorist-themes-extensions close
+```
+
+## Dynamic State Matrix
+
+Verify behavior against current site state for:
+
+- Not connected account
+- Not connected account while premium products may already be installed locally; verify the page still shows the auth/connect state and does not expose installed-product management actions
+- Connected account
+- Subscribed product not installed
+- Installed product inactive
+- Installed product active
+- Installed product outdated
+- Required extension
+- Promo-only product
+- Product with API/filter-provided badge
+- Product without badge data
+- Product with expired badge data
+- Product with missing API name, description, thumbnail, or link to verify local fallback fields
+- Active theme
+- Installed inactive theme
+- Theme update available
+- Remote API failure
+- Nonce failure
+- Capability failure
+- Filesystem failure
+
+Use categories only in docs. Do not preserve observed counts or product lists.
+
+## Performance Checks
+
+- Count full page reloads before and after the change.
+- Confirm loading states appear immediately after click/submit.
+- Confirm server errors are shown without leaving disabled buttons stuck.
+- Confirm no-reload UI updates are reconciled with canonical server state.
+- Confirm full reload fallback still works.
+- Compare desktop and mobile interaction latency.
+- Check console and page errors after each tested journey.
+
+## Destructive-Action Safeguards
+
+Do not execute these on a real/client site without explicit confirmation:
+
+- Install plugin/theme
+- Update plugin/theme
+- Activate plugin
+- Deactivate plugin
+- Uninstall plugin
+- Activate/switch theme
+- Logout connected account
+- Bulk action
+- Refresh purchase if it requires real credentials
+
+When these need QA, use a disposable local site, mocks, or a server-side test harness.
+
+Uninstall-specific QA for rewrite:
+
+- Confirm uninstall is in a danger/overflow area, not a primary action.
+- Confirm confirmation modal names the extension and warns that files will be deleted and site features may break.
+- Confirm cancellation makes no AJAX request.
+- Confirm success is shown only after server success and canonical plugin-state recheck or reload fallback.
+- Confirm failure restores the UI and shows inline feedback.
+
+Theme-activation-specific QA for rewrite:
+
+- Confirm clicking a theme Activate button opens a confirmation modal instead of sending AJAX immediately.
+- Confirm the modal names the theme and warns that the live site's active theme will change.
+- Confirm cancellation makes no AJAX request.
+- Confirm confirmation sends the existing `atbdp_activate_theme` action only after explicit user approval.
+- Confirm active-theme UI updates only after server success and canonical active-theme recheck or reload fallback.
+- Confirm failure restores the UI and shows inline feedback.
diff --git a/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md b/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
new file mode 100644
index 0000000000..488d580a64
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
@@ -0,0 +1,212 @@
+# Rewrite Issue Register
+
+Use this register when planning or implementing a full rewrite of the Directorist admin `Themes & Extensions` page. These are durable issue patterns and fix priorities, not runtime data snapshots. Always re-check the current page, source, and Directorist docs before acting.
+
+## Rewrite Principle
+
+The page is an account-connected product management surface. It is not only a marketing catalog. A rewrite must preserve account connection, subscription discovery, install, activate, update, required-extension, settings-link, theme, and promo-product journeys while improving layout, speed, and failure handling.
+
+Keep existing page slug, AJAX action names, nonce contracts, filters, aliases, user meta keys, selectors needed for compatibility, and fallback server-rendered behavior unless an explicit migration plan is approved.
+
+The approved direction is a full UI rewrite of this page, not a staged old/new UI rollout. Do not plan a separate feature flag or rollout toggle by default unless a future task explicitly asks for one. Full UI rewrite still means preserving backend contracts, server-rendered compatibility behavior, reload fallbacks, and high-risk action safeguards.
+
+## Preferred Rewrite Architecture
+
+- Do not default to a Vue or React rewrite for this page.
+- Keep PHP-rendered templates as the compatibility baseline and canonical fallback.
+- Reduce complexity by adding focused PHP service/resolver classes behind the existing `wp_ajax_atbdp_*` actions.
+- Add a small page-specific JavaScript state adapter for no-reload behavior instead of a full SPA.
+- The adapter should own request lifecycle, button loading states, inline notices, row/card replacement, counters, and canonical state refresh.
+- Existing actions should gradually return structured responses with `success`, `message`, `item_key`, `next_state`, `requires_reload`, and optional rendered HTML/state-summary data while preserving backward compatibility.
+- Vue 2 should not be expanded just because the settings panel uses Vue; it is legacy surface area.
+- React should only be considered after an explicit larger admin UI migration decision, because it requires a new state/API layer and broader QA.
+- This architecture is the lowest-risk default for the 20k customer base: fewer moving parts, easier rollback, existing server-rendered fallback, and stable public contracts.
+
+## Disconnected Account Policy
+
+- Preserve current disconnected-account behavior by default.
+- When `_atbdp_has_subscriptions_sassion` is empty, the page should render the account-connect form and the marketplace/promo discovery section.
+- Do not expose installed premium product management in the disconnected state by default.
+- Do not show Settings, Active status, Activate, Deactivate, Update, or local management actions for installed premium plugins/themes while disconnected unless a future task explicitly changes this policy.
+- Existing installed/active premium extensions can continue working elsewhere in WordPress, but the Themes & Extensions page should not manage them while disconnected.
+- License-backed actions must remain gated behind connected account/subscription data: new premium install, premium package download, premium update, refresh purchase, and any server-side license validation flow.
+- Improve disconnected-state messaging without changing behavior. Recommended helper copy: `Already installed extensions will keep working. Connect your Directorist account to manage subscriptions, installs, and updates.`
+- The intent is to keep a clear account-first product-management surface, avoid license/update confusion, and reduce support risk for existing customer sites.
+- Connected-state page model can still group products as:
+  - `Installed`: local WordPress plugin/theme state rendered after account connection.
+  - `Available in your account`: subscription/license data rendered after account connection.
+  - `Marketplace`: external product discovery, visible regardless of connection state.
+
+## Remote Product Badge Policy
+
+- New, beta, popular, sale, or similar product badges/status should be driven by the product API data contract, not hardcoded in plugin templates.
+- The current product catalog contract may not include badge data. Re-check `Directorist\Core\API::get_products()` and the remote `v1/get-remote-products` response before implementation.
+- Preferred remote API shape is a structured optional field:
+
+```json
+"badge": {
+  "type": "new",
+  "label": "New",
+  "expires_at": "2026-09-01"
+}
+```
+
+- `type` should be a machine-readable enum such as `new`, `beta`, `popular`, `sale`, or `featured`.
+- `label` should be the display text from the API and escaped/translated safely where applicable.
+- `expires_at` should be optional and handled server-side or client-side so expired badges do not render.
+- The core plugin UI should read badge/status values from the product API. EDD product meta, custom taxonomy, or a dedicated badge setting can be the upstream source on Directorist.com, but the Themes & Extensions page should depend on the API field, not direct EDD assumptions.
+- Do not depend on normal WordPress/EDD `post_status`; `publish` and `draft` indicate product availability, not UI badge state.
+- Badge rendering must be optional and backward compatible. If no `badge` field exists, render no badge.
+- Local filters `atbdp_extension_list` and `atbdp_theme_list` should still be able to add or override badge data for compatibility and testing.
+- Do not infer `New` from product order, product name, local install date, or a hardcoded slug list.
+- Because the product catalog is cached, badge changes from the API must account for cache invalidation or acceptable cache delay.
+
+## Product Copy Source Policy
+
+- Product API data is preferred for product names, descriptions, thumbnails, product links, demo links, active promo flags, item IDs, and plugin bases when valid fields exist.
+- Local default product arrays must remain a safe fallback for names, descriptions, thumbnails, links, demo links, item IDs, and plugin bases.
+- Merge API product data over local defaults by product key where possible; do not allow missing remote fields to create blank cards or broken product links.
+- If the API is unavailable, empty, malformed, or missing a non-badge field, use the local fallback field.
+- Badge/status behavior remains stricter: badge/status must come from product API data or explicit filters only. Do not create hardcoded badge/status fallback from local product names, slugs, order, or descriptions.
+- Cross-check user-facing product claims, labels, and descriptions against local `README.md`/`readme.txt` and official Directorist docs before changing copy.
+
+## High Priority Issues To Fix
+
+### Responsive Layout
+
+- Current extension management UI is table-first and uses fixed/minimum widths in the extension name and action areas.
+- This can create page-level horizontal overflow on mobile and narrow admin layouts.
+- Full rewrite should use a responsive management layout: table on wide screens only if needed, card/list rows on narrow screens, stable action menus, and no page-level overflow.
+- Always re-check with Agent Browser desktop and mobile viewports.
+
+Primary areas:
+
+- `views/admin-templates/theme-extensions/my-themes-extensions/extensions-tab.php`
+- `views/admin-templates/theme-extensions/my-themes-extensions/themes-tab.php`
+- `assets/src/scss/layout/admin/admin-style.scss`
+
+### Reload-Heavy UX
+
+- `assets/src/js/admin/components/subscriptionManagement.js` relies heavily on `location.reload()` after successful account connect, install, activate, update, refresh purchase, logout, uninstall, and bulk actions.
+- Do not remove reloads blindly. They currently force canonical server-rendered state.
+- Add progressive no-reload behavior behind existing AJAX actions. Use a small page-state adapter, loading states, normalized error handling, and canonical state refresh before claiming completion.
+- Keep full reload fallback for high-risk actions and unreconciled states.
+
+### Dead Login Continuation Flow
+
+- The account-connect success path reloads immediately, leaving older checklist/download continuation code unreachable.
+- During rewrite, either remove the dead path or intentionally rebuild it as a supported flow.
+- Do not revive old checklist behavior without checking current account, subscription, and install contracts.
+
+### Registered Download Handler Type Bug
+
+- `ATBDP_Extensions::handle_file_download_request()` currently has invalid product type validation: valid `plugin` and `theme` values cannot pass the condition.
+- Do not reuse this handler for new flows until the condition and response contract are fixed.
+- Prefer `atbdp_install_file_from_subscriptions` for current subscription installs unless this legacy handler is intentionally repaired and tested.
+
+### Plugin Activation Error Handling
+
+- Single plugin activation calls WordPress `activate_plugin()` without checking for `WP_Error`.
+- A rewrite must surface activation errors, avoid false-success UI, and keep the button recoverable on failure.
+- Bulk activation already checks `WP_Error`; align single activation response behavior with that pattern.
+
+### Filesystem Install And Update Safety
+
+- Plugin/theme download, install, and update flows write to `wp-content/plugins` and `wp-content/themes`.
+- Existing code can delete an existing destination directory before fully validating package extraction and copy success.
+- Full rewrite should introduce a safer install/update service behind existing AJAX actions:
+  - validate download host and URL before download;
+  - validate `download_url()`, `unzip_file()`, and `copy_dir()` results;
+  - verify expected package structure before replacing an existing directory;
+  - clean temp directories reliably;
+  - restore temporary error handlers;
+  - return structured failures with recovery instructions;
+  - never mark UI complete until server confirms final state.
+
+### Plugin Uninstall Safety
+
+- Keep uninstall available for compatibility with the existing page, but make it a protected danger action.
+- Do not remove the behavior unless a future migration explicitly chooses to delegate uninstall fully to the WordPress Plugins screen.
+- Do not expose uninstall as a primary one-click action.
+- Place uninstall under a danger/overflow menu.
+- Require a confirmation modal that names the extension and explains that plugin files will be deleted and dependent site features may break.
+- The server should confirm capability, nonce, plugin target validity, and `delete_plugins()` result before returning success.
+- The UI must not mark uninstall complete until canonical WordPress plugin state has been re-checked, or a reload fallback has completed.
+- Failed uninstall must restore the action UI and show inline failure feedback.
+
+### Theme Update State Defensive Checks
+
+- Theme update code assumes `get_site_transient( 'update_themes' )` is an object with a `response` property.
+- Rewrite code must handle missing, false, malformed, or empty update transient state without PHP warnings.
+- Theme activation calls `switch_theme()` and must remain a high-risk action.
+- Locked recommendation: every theme activation/switch requires an explicit confirmation modal before the AJAX request is sent.
+- The confirmation modal must name the theme and warn that activating it changes the live site's active theme and may affect layout, menus, widgets, headers/footers, and theme settings.
+- Theme activation must not be triggered by a single accidental click. Do not run it from Agent Browser or automated QA on a real/client site without explicit confirmation.
+- Do not show active-theme success UI until server success and canonical active-theme state has been re-checked, or reload fallback has completed.
+
+### Stale License/Purchase Helpers
+
+- `handle_license_activation_request()` exists but is not registered by `setup_ajax_actions()`.
+- `get_customers_purchased()` and older purchased/download helpers contain stale variable usage and duplicated fields.
+- Do not base new logic on these helpers without a focused audit. Prefer a new service layer behind existing public contracts.
+
+### JavaScript State And Error Handling
+
+- Current JS uses repeated state flags, undeclared assignments in some bulk paths, inconsistent error resets, browser `alert()` for several failures, and success paths that reload without inspecting response status.
+- Rewrite should centralize request state, disable and restore controls consistently, show inline feedback, and keep action buttons usable after errors.
+- Bulk flows should aggregate per-item results and continue safely where appropriate.
+
+### Accessibility, Semantics, And I18n
+
+- Current templates include hardcoded English strings, duplicate IDs, empty or `#` action links, external `target="_blank"` links without `rel`, placeholder-only fields, and action controls implemented as links.
+- Rewrite should use buttons for local actions, unique IDs, visible labels or accessible labels, `rel="noopener noreferrer"` for external blank-target links, translatable strings, and clear keyboard/focus behavior.
+
+### Theme Changelog Modal
+
+- The theme "What's new" modal contains dummy hardcoded version and changelog content.
+- Do not ship this content in a redesign. Either connect it to real update/changelog data or remove/hide the feature.
+
+### Remote API And Credential Handling
+
+- Browser JS should continue talking to local WordPress AJAX only. PHP owns Directorist.com and EDD remote calls.
+- Existing remote flows mix Directorist REST endpoints and EDD action endpoints; keep response normalization server-side.
+- Review `sslverify => false` usages carefully. Harden only with a compatibility plan and useful error handling for customer sites.
+- Never log or store account passwords beyond the current request. Keep account connection and refresh purchase flows careful around credentials.
+
+## Rewrite Fix Order
+
+1. Preserve contracts first: page slug, capability, AJAX action names, nonces, filters, aliases, meta keys, and existing settings/product links.
+2. Preserve current disconnected behavior: account-connect form plus marketplace only, with no installed premium product management while disconnected.
+3. Implement product copy merging with API data as primary and local product arrays as fallback for non-badge fields.
+4. Add optional product badge/status support through product API contracts, with no hardcoded badge fallback.
+5. Add focused PHP service/resolver classes behind existing AJAX actions instead of introducing Vue/React as the first rewrite step.
+6. Add server-side state summary or render-partial capability before removing reloads.
+7. Build a response formatter for all page AJAX handlers: success, error, message, action, item key, canonical state needed, reload fallback.
+8. Add a small page-specific JavaScript state adapter around existing AJAX calls.
+9. Replace fragile table layout with responsive rows/cards while preserving old selectors or compatibility wrappers.
+10. Fix low-risk no-reload flows first: account-connect feedback, refresh purchase errors, tabs, filtering/search, inline errors, and button states.
+11. Harden single plugin activation and bulk result handling.
+12. Harden install/update/download services before changing their UI behavior.
+13. Keep uninstall for compatibility, but move it behind a protected danger action with confirmation and canonical plugin-state revalidation.
+14. Require confirmation modal for every theme switch, then revalidate canonical active-theme state or use reload fallback.
+15. Treat plugin/theme update and filesystem replacement as conservative flows with server revalidation and reload fallback.
+16. Remove or rebuild stale/dead code only after verifying no custom integration depends on old selectors or action names.
+
+## Regression Checklist For Full Rewrite
+
+- Disconnected account state renders and validates without page errors.
+- Disconnected account state keeps the current behavior: account-connect form plus marketplace, without installed premium product management actions.
+- Connected account state renders statistics, extensions, themes, required items, and promo items from dynamic server state.
+- Premium install/update/download actions remain gated behind connected account/subscription/license state.
+- Product names, descriptions, thumbnails, and links use API data when present and local fallback when API fields are missing.
+- Product badges render only from API/filter-provided badge data and disappear safely when absent or expired.
+- Existing installed active, installed inactive, subscribed-not-installed, outdated, required, promo-only, active theme, inactive theme, and update-available states are all represented.
+- No page-level horizontal overflow on mobile admin widths.
+- No action leaves buttons permanently disabled after failure.
+- No local action uses `alert()` as the only feedback.
+- Uninstall is not exposed as a one-click primary action; it requires explicit confirmation and recovers cleanly on failure.
+- Theme activation requires explicit confirmation every time and does not show success before active-theme state is confirmed.
+- No success UI is shown before server acceptance.
+- High-risk actions re-check canonical WordPress state before final UI update.
+- Console and page errors stay clean after load, tab changes, and non-destructive interactions.
+- Official Directorist docs and local `README.md`/`readme.txt` are checked before changing public claims, product labels, or descriptions.

From 1d34357094d7fb1b75d98d5fd3547a7a939c4a52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rabbi=20Islam=20Rony=20=E2=9A=A1=EF=B8=8F?=
 <35329385+RabbiIslamRony@users.noreply.github.com>
Date: Tue, 21 Jul 2026 10:26:05 +0600
Subject: [PATCH 2/5] docs: add themes extensions licensing prd

---
 .../README.md                                 |   1 +
 .../SKILL.md                                  |   1 +
 .../references/api-data-flow-report.md        | 140 +++++
 .../references/licensing-system-prd.md        | 526 ++++++++++++++++++
 .../references/rewrite-issue-register.md      |   1 +
 5 files changed, 669 insertions(+)
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/licensing-system-prd.md

diff --git a/docs/agents/directorist-themes-extensions-page/README.md b/docs/agents/directorist-themes-extensions-page/README.md
index e312c2150d..ee1f71f2d2 100644
--- a/docs/agents/directorist-themes-extensions-page/README.md
+++ b/docs/agents/directorist-themes-extensions-page/README.md
@@ -36,6 +36,7 @@ This skill must not store site-specific runtime data. Product counts, installed
 - `SKILL.md`: required agent workflow and safety rules
 - `references/page-architecture-map.md`: code, templates, assets, hooks, endpoints, and remote dependencies
 - `references/api-data-flow-report.md`: step-by-step source/API flow from page load to rendered sections and product actions
+- `references/licensing-system-prd.md`: to-the-point product/system requirements for account, license, extension, and theme setup
 - `references/dynamic-data-contract.md`: dynamic data shapes and collection methods
 - `references/account-license-journey-map.md`: account, license, subscription, and product-action journeys
 - `references/performance-improvement-guide.md`: reload-heavy behavior and safe no-reload strategy
diff --git a/docs/agents/directorist-themes-extensions-page/SKILL.md b/docs/agents/directorist-themes-extensions-page/SKILL.md
index 041e881dd2..b5243c6069 100644
--- a/docs/agents/directorist-themes-extensions-page/SKILL.md
+++ b/docs/agents/directorist-themes-extensions-page/SKILL.md
@@ -45,6 +45,7 @@ Load reference files as needed:
 
 - Architecture and file map: `references/page-architecture-map.md`
 - API/source flow report: `references/api-data-flow-report.md`
+- Licensing system PRD: `references/licensing-system-prd.md`
 - Runtime state and data shapes: `references/dynamic-data-contract.md`
 - Account/license journeys: `references/account-license-journey-map.md`
 - Performance and no-reload guidance: `references/performance-improvement-guide.md`
diff --git a/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md b/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
index 1f5720cbcb..b37600e6b1 100644
--- a/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
+++ b/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
@@ -381,6 +381,146 @@ Themes tab uses:
 - Remote calls mix REST-style Directorist endpoints and EDD action endpoints.
 - Some remote calls set `sslverify` to `false`; future hardening must be planned carefully for existing customers.
 
+## Future API Improvement Feedback
+
+Use these notes when changing the Themes & Extensions API layer. They are design constraints and improvement targets, not current runtime data.
+
+### Browser Boundary
+
+- Keep browser JavaScript calling local WordPress AJAX only.
+- Do not call Directorist.com, EDD, or package download URLs directly from the browser.
+- Let PHP own remote authentication, license activation, product catalog reads, package URL resolution, filesystem work, and canonical WordPress state checks.
+- Preserve existing `wp_ajax_atbdp_*` action names and request fields; add new response fields in a backward-compatible way.
+
+### Response Contract
+
+Create one normalized response formatter for all page actions while preserving legacy fields that current JavaScript or third-party code may expect.
+
+Recommended response fields:
+
+```json
+{
+  "success": true,
+  "code": "plugin_activated",
+  "message": "Plugin activated.",
+  "action": "activate_plugin",
+  "item_key": "directorist-extension-slug",
+  "type": "plugin",
+  "next_state": "active",
+  "requires_reload": false,
+  "state": {},
+  "html": {}
+}
+```
+
+Rules:
+
+- `success` must be the canonical boolean for new code.
+- `code` must be machine-readable and stable for UI handling, logs, and tests.
+- `message` must be safe for display and translatable when generated locally.
+- `requires_reload` must be explicit, especially for filesystem, update, theme switch, and unreconciled remote failures.
+- `state` may include a fresh canonical state summary, but docs must never store example site-specific values from it.
+- `html` may include rendered row/card partials when that is safer than duplicating template logic in JavaScript.
+
+### State Summary Endpoint
+
+Add a read-only state endpoint before removing reloads from mutation flows.
+
+Recommended local action:
+
+- `atbdp_get_themes_extensions_state`
+
+Recommended state groups:
+
+- `account`: connected/disconnected capability and refresh/logout availability.
+- `statistics`: counts and update flags generated at request time only.
+- `extensions`: installed, active, inactive, outdated, subscribed, required, promo, and action availability.
+- `themes`: active, installed, inactive, subscribed, update availability, and action availability.
+- `notices`: non-sensitive connection, license, update, and remote API messages.
+- `html`: optional server-rendered partials for rows/cards/counters.
+
+Rules:
+
+- Keep it capability and nonce protected.
+- Return no passwords, raw licenses, subscription secrets, or user-identifying account data.
+- Generate state from canonical server reads each time; do not let the browser invent final install/update/activation state.
+- Use this endpoint after successful mutations and after recoverable API failures that may leave the UI stale.
+
+### Error Codes And Failure Shape
+
+Map mixed Directorist REST, EDD, WordPress, and filesystem failures into stable local error codes.
+
+Recommended code categories:
+
+- `capability_denied`
+- `nonce_invalid`
+- `account_disconnected`
+- `auth_failed`
+- `subscription_missing`
+- `license_missing`
+- `license_activation_failed`
+- `remote_unreachable`
+- `remote_invalid_response`
+- `download_unavailable`
+- `download_host_invalid`
+- `filesystem_unavailable`
+- `package_invalid`
+- `install_failed`
+- `update_failed`
+- `activation_failed`
+- `theme_switch_failed`
+- `requires_reload`
+
+Rules:
+
+- Never show false success when WordPress returns `WP_Error`.
+- Include developer-safe diagnostic context only when it does not expose passwords, raw licenses, or private account data.
+- Prefer inline recoverable errors in the UI over browser `alert()` calls.
+
+### Product Catalog API
+
+Future product catalog API changes should be versioned and optional-field friendly.
+
+Recommended additions:
+
+- `schema_version`
+- `catalog_version` or another cache-busting marker.
+- `badge` object for `new`, `beta`, `popular`, `sale`, or similar labels.
+- `status` or `availability` only when it has a clear UI meaning separate from EDD/WordPress `post_status`.
+- stable product key/slug, item ID, product type, link, thumbnail, description, plugin base, demo link, and active promo flag.
+
+Rules:
+
+- Merge API product fields over local defaults by product key.
+- Keep local fallback for non-badge fields when API data is unavailable or incomplete.
+- Render badge/status only from API data or explicit filters.
+- Do not infer badges from product name, slug, order, install date, or local hardcoded lists.
+- Account for product catalog cache delay when adding time-sensitive badge behavior.
+
+### Cache And Freshness
+
+- Keep product catalog caching separate from account/subscription state.
+- Do not cache user subscription/license state as if it were public catalog data.
+- Prefer shorter or version-busted cache behavior for badge/status metadata than for long-lived product copy when product marketing needs faster updates.
+- Add explicit cache invalidation or refresh behavior for support/debug flows if remote product data appears stale.
+- Keep EDD version-check caching scoped enough to avoid cross-product contamination.
+
+### Credential And Transport Safety
+
+- Do not store account passwords after a request finishes.
+- Do not log passwords, raw licenses, or raw subscription payloads.
+- Prefer remote account authentication over `POST` for future API work; keep compatibility with current behavior until Directorist.com supports the safer contract.
+- Review every `sslverify => false` path. Harden with compatibility filters and actionable error messages rather than silently breaking older customer sites.
+- Use reasonable remote timeouts and map timeout failures to recoverable UI messages.
+
+### Mutation Safety
+
+- Add per-item action locking or request IDs for install, update, activate, uninstall, refresh, and theme switch to reduce duplicate-click and concurrent-request risk.
+- Do not mark UI state final until the server accepts the action and a canonical state recheck confirms the result.
+- For install/update, validate download URL, host, package structure, unzip result, copy result, and final plugin/theme presence before returning success.
+- For theme switch, require explicit UI confirmation before AJAX and re-check `get_option( 'stylesheet' )` after success.
+- For uninstall, require explicit UI confirmation and re-check plugin filesystem/active state after success.
+
 ## Redesign Guidance
 
 For no-reload or page-speed improvements:
diff --git a/docs/agents/directorist-themes-extensions-page/references/licensing-system-prd.md b/docs/agents/directorist-themes-extensions-page/references/licensing-system-prd.md
new file mode 100644
index 0000000000..3ebac79e47
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/licensing-system-prd.md
@@ -0,0 +1,526 @@
+# Licensing System PRD
+
+This PRD defines how the Directorist admin `Themes & Extensions` page should handle account connection, licenses, subscriptions, extension setup, and theme setup during the full UI rewrite.
+
+It is intentionally product/system focused. It must not store runtime account data, current product counts, subscribed product lists, installed plugin lists, usernames, screenshots, or one-time API payloads.
+
+## Objective
+
+Build a safer, faster, account-connected product management system for Directorist themes and extensions while preserving existing customer compatibility.
+
+The page should let a site admin:
+
+- Connect a Directorist.com account.
+- See which extensions and themes are installed, active, available in the account, required, outdated, or marketplace-only.
+- Install entitled premium extensions/themes.
+- Activate installed extensions.
+- Update entitled premium extensions/themes.
+- Switch Directorist themes only after explicit confirmation.
+- Refresh purchase/subscription state.
+- Disconnect the Directorist account without breaking already installed products.
+
+## Non-Goals
+
+- Do not redesign the frontend `[directorist_user_dashboard]`.
+- Do not replace the whole page with Vue/React unless a future explicit architecture decision approves it.
+- Do not create a new payment/subscription platform inside the plugin.
+- Do not expose raw license keys, passwords, or private subscription payloads in browser state.
+- Do not add an old/new UI rollout toggle by default.
+- Do not store runtime product/account values in docs.
+
+## Core Product Rule
+
+The Directorist account/license connection controls product management on this page. It should not control whether already installed premium extensions keep running elsewhere in WordPress.
+
+Disconnected behavior stays as currently approved:
+
+- Show the Directorist account connection form.
+- Show marketplace/promo product discovery.
+- Do not show local premium product management actions while disconnected.
+- Already installed premium products can keep working in WordPress.
+- Show helper copy: `Already installed extensions will keep working. Connect your Directorist account to manage subscriptions, installs, and updates.`
+
+## System Actors
+
+- WordPress admin user: must have `manage_options`.
+- Local WordPress site: source of installed plugin/theme state.
+- Directorist plugin PHP: owns local AJAX, remote calls, entitlement normalization, install/update logic, and canonical state.
+- Browser JavaScript: calls local WordPress AJAX only and updates UI from server-confirmed state.
+- Directorist.com account/licensing API: verifies account credentials and returns subscription/license data.
+- Directorist.com EDD license API: activates/checks licenses for package access and updates.
+- app.directorist.com product API: optional product catalog/copy/badge source.
+
+## Main Data Sources
+
+### Product Catalog
+
+Purpose: define the official extension/theme catalog and marketplace cards.
+
+Sources:
+
+- Local fallback arrays from `ATBDP_Extensions::get_default_extensions()`.
+- Local fallback arrays from `ATBDP_Extensions::get_default_themes()`.
+- Optional remote catalog through `Directorist\Core\API::get_products()`.
+- Filters: `atbdp_extension_list`, `atbdp_theme_list`.
+
+Rules:
+
+- API product fields are preferred when valid.
+- Local product arrays remain fallback for non-badge fields.
+- Merge API over local defaults by product key.
+- Badge/status fields must come from product API data or explicit filters only.
+- Do not infer badge/status from product name, slug, order, local install date, or hardcoded lists.
+
+### Account And Subscription State
+
+Purpose: determine whether the admin account is connected and which products are entitled.
+
+Stored local user meta:
+
+- `_atbdp_subscribed_username`
+- `_atbdp_has_subscriptions_sassion`
+- `_themes_available_in_subscriptions`
+- `_plugins_available_in_subscriptions`
+
+Rules:
+
+- Preserve the `sassion` misspelling because it is a legacy contract.
+- Treat this user meta as a local cache of account state, not public catalog truth.
+- Refresh purchase should revalidate against Directorist.com before changing entitlement state.
+- Do not expose raw license keys or private subscription payloads to browser JavaScript.
+
+### Local WordPress Product State
+
+Purpose: determine what is installed, active, outdated, required, or currently active theme.
+
+Sources:
+
+- `get_plugins()`
+- `is_plugin_active()`
+- `wp_get_theme()`
+- `wp_get_themes()`
+- `get_option( 'stylesheet' )`
+- `get_site_transient( 'update_plugins' )`
+- `get_site_transient( 'update_themes' )`
+- `directorist_required_extensions`
+- `directorist_extensions_aliases`
+
+Rules:
+
+- Local WordPress state is canonical for installed/active/final action result.
+- Browser UI must not invent final install/update/activation state.
+- After high-risk actions, re-check canonical server state or use reload fallback.
+
+## Required Backend Components
+
+### ProductCatalogResolver
+
+Builds the extension/theme catalog.
+
+Responsibilities:
+
+- Load local fallback catalog.
+- Optionally merge remote API catalog.
+- Apply existing filters.
+- Normalize product keys, item IDs, links, thumbnails, descriptions, plugin base, demo links, active flags, and optional badge data.
+- Avoid blank cards when remote fields are missing.
+
+### AccountConnectionService
+
+Handles connected/disconnected account state.
+
+Responsibilities:
+
+- Authenticate Directorist.com credentials through the existing local AJAX action.
+- Store connected account state in existing user meta.
+- Refresh purchase/subscription state.
+- Logout/disconnect by clearing the same legacy meta keys.
+- Never persist account password after the request.
+
+### EntitlementResolver
+
+Converts subscription payloads into product action permissions.
+
+Responsibilities:
+
+- Read `_plugins_available_in_subscriptions` and `_themes_available_in_subscriptions`.
+- Match entitlement records to product catalog keys.
+- Determine whether install/update/download/license actions are available.
+- Hide premium management actions when the account is disconnected.
+- Return safe action availability data, not raw secrets.
+
+### ProductStateResolver
+
+Builds canonical current state for the page.
+
+Responsibilities:
+
+- Determine installed, active, inactive, outdated, required, subscribed-not-installed, promo-only, active theme, inactive theme, and update-available states.
+- Resolve alias/deprecated extension keys.
+- Create state groups for extensions, themes, required items, and statistics.
+- Produce server-rendered partials when needed for no-reload UI updates.
+
+### LicenseService
+
+Owns EDD license activation/version/package eligibility.
+
+Responsibilities:
+
+- Activate a product license before install/download when required.
+- Check EDD version data for update eligibility.
+- Normalize EDD errors into stable local error codes.
+- Treat missing, invalid, expired, or remote-failed licenses as recoverable UI states.
+- Never return raw license data to the browser unless already exposed by legacy behavior and required for compatibility.
+
+### PackageInstallService
+
+Owns plugin/theme download, validation, install, update, and cleanup.
+
+Responsibilities:
+
+- Request package URLs from Directorist.com only from PHP.
+- Validate package host and URL.
+- Validate `download_url()`, `unzip_file()`, extracted package structure, and copy result.
+- Avoid deleting/replacing existing folders before validating the new package.
+- Clean temporary files/directories.
+- Return structured errors and keep reload fallback for unreconciled filesystem state.
+
+### PageStateEndpoint
+
+New recommended read-only AJAX action:
+
+- `atbdp_get_themes_extensions_state`
+
+Responsibilities:
+
+- Return canonical account, extension, theme, required-product, statistics, notice, and optional HTML partial state.
+- Be capability and nonce protected.
+- Return no passwords, raw licenses, usernames, or private account payloads.
+- Support no-reload UI refresh after successful actions.
+
+### ResponseFormatter
+
+Normalizes all page action responses.
+
+Recommended shape:
+
+```json
+{
+  "success": true,
+  "code": "plugin_activated",
+  "message": "Plugin activated.",
+  "action": "activate_plugin",
+  "item_key": "product-key",
+  "type": "plugin",
+  "next_state": "active",
+  "requires_reload": false,
+  "state": {},
+  "html": {}
+}
+```
+
+Rules:
+
+- Preserve legacy response fields where existing JS or third-party code may depend on them.
+- New JS should use `success`, `code`, `message`, `requires_reload`, and canonical `state`.
+- Errors should be inline and recoverable where possible.
+
+## Core User Journeys
+
+### 1. Page Load
+
+1. Admin opens `edit.php?post_type=at_biz_dir&page=atbdp-extension`.
+2. PHP validates capability and prepares aliases, required extensions, product catalog, account state, and local WP state.
+3. If account is disconnected, render connect form plus marketplace.
+4. If account is connected, render statistics, installed/subscribed extension management, theme management, required products, and marketplace.
+5. Browser JS enhances interactions without replacing server-rendered fallback.
+
+### 2. Connect Account
+
+1. Admin submits Directorist.com username/password.
+2. Browser calls local `atbdp_authenticate_the_customer`.
+3. PHP calls Directorist.com account/licensing API.
+4. PHP stores connected account and subscription state in legacy user meta.
+5. UI refreshes via state endpoint or reload fallback.
+6. Password is discarded after the request.
+
+Success state:
+
+- Connected account UI becomes available.
+- Subscribed products can be shown from canonical server state.
+
+Failure state:
+
+- Show inline authentication/remote/API error.
+- Keep connect form usable.
+- Do not store partial/unsafe credential state.
+
+### 3. Refresh Purchase
+
+1. Admin confirms password for refresh.
+2. Browser calls local `atbdp_refresh_purchase_status`.
+3. PHP re-authenticates against Directorist.com and rewrites subscription meta.
+4. UI refreshes canonical state.
+
+Failure state:
+
+- Existing visible state remains stable.
+- Show inline error.
+- If session is invalid, return `requires_reload` or disconnected state.
+
+### 4. Disconnect Account
+
+1. Admin clicks logout/disconnect.
+2. Browser calls local `atbdp_close_subscriptions_sassion`.
+3. PHP clears connected session meta.
+4. UI returns to disconnected state.
+
+Rules:
+
+- Installed premium products keep running elsewhere in WordPress.
+- This page no longer shows premium management actions while disconnected.
+
+### 5. Install Extension From Subscription
+
+1. Product must be in connected account entitlement state.
+2. Browser calls local `atbdp_install_file_from_subscriptions`.
+3. PHP validates capability, nonce, entitlement, license, download URL, package, and filesystem operation.
+4. PHP installs the extension package.
+5. UI re-checks canonical plugin state.
+
+Rules:
+
+- Do not mark installed until server confirms installed state.
+- Keep full reload fallback for filesystem ambiguity.
+- Show recoverable errors for invalid license, missing entitlement, failed download, invalid package, and filesystem failure.
+
+### 6. Activate Extension
+
+1. Product must be installed and inactive.
+2. Browser calls local `atbdp_activate_plugin`.
+3. PHP calls WordPress `activate_plugin()`.
+4. PHP must check `WP_Error`.
+5. UI re-checks canonical active plugin state.
+
+Rules:
+
+- Do not show false success on `WP_Error`.
+- If activation fails, restore button and show inline error.
+
+### 7. Update Extension
+
+1. Product must be installed, entitled, and update-available.
+2. PHP checks EDD version data and download eligibility.
+3. PHP validates package and safely replaces plugin files.
+4. UI re-checks installed version/update state.
+
+Rules:
+
+- Treat update as high-risk filesystem mutation.
+- Prefer progress UI plus reload fallback over optimistic final state.
+
+### 8. Required Extension
+
+1. Required items come from `directorist_required_extensions`.
+2. PHP matches required product to catalog, aliases, subscription state, install state, and active state.
+3. UI shows the next safe action: install, activate, or get-now/external handoff.
+
+Rules:
+
+- Required status is not a remote endpoint by itself.
+- Required-product install/update still follows the same entitlement and license rules.
+
+### 9. Install Theme From Subscription
+
+1. Product must be in connected account entitlement state.
+2. Browser calls existing install action with `type=theme`.
+3. PHP validates entitlement, license, package URL, package structure, and theme install result.
+4. UI re-checks `wp_get_themes()` and theme update state.
+
+Rules:
+
+- Installing a theme is filesystem mutation but does not switch the live theme by itself.
+- Keep reload fallback if theme state cannot be reconciled.
+
+### 10. Activate Theme
+
+1. Theme must be installed and inactive.
+2. UI shows explicit confirmation modal every time.
+3. After confirmation, browser calls local `atbdp_activate_theme`.
+4. PHP calls `switch_theme()`.
+5. UI re-checks `get_option( 'stylesheet' )`.
+
+Confirmation copy must communicate:
+
+- This changes the live site's active theme.
+- Layout, menus, widgets, headers/footers, and theme settings may be affected.
+
+Rules:
+
+- Never trigger theme switch from a single accidental click.
+- Do not automate theme switch on real/client sites without explicit confirmation.
+- Do not show success before canonical active-theme state is confirmed.
+
+### 11. Update Theme
+
+1. Theme must be installed, entitled, and update-available.
+2. PHP checks theme update transient and entitlement.
+3. PHP validates package/download and updates theme files.
+4. UI re-checks canonical theme version/update state.
+
+Rules:
+
+- Handle missing or malformed `update_themes` transient defensively.
+- Keep reload fallback for filesystem or state uncertainty.
+
+### 12. Marketplace / Get Now
+
+1. Promo-only product cards are visible as product discovery.
+2. Links may go to Directorist product, pricing, account, demo, support, or docs pages.
+3. External links are handoff points, not local state changes.
+
+Rules:
+
+- Use API product copy when available and local fallback when not.
+- Product claims should be cross-checked with local readme files and official docs before copy changes.
+
+## License States
+
+The UI and API should support these states as categories:
+
+- `connected`: account session exists locally.
+- `disconnected`: no local account session.
+- `entitled`: current account has subscription/license access for product.
+- `not_entitled`: product is marketplace-only for this account.
+- `license_active`: remote license activation succeeded for the requested product.
+- `license_missing`: entitlement record lacks a usable license.
+- `license_invalid`: EDD activation/check failed.
+- `license_expired`: remote license indicates renewal required.
+- `license_remote_failed`: Directorist.com/EDD could not be reached or returned invalid response.
+- `installed`: product exists locally.
+- `active`: plugin active or theme is current stylesheet.
+- `inactive`: installed but not active.
+- `update_available`: local version is behind canonical update state.
+- `requires_reload`: server cannot safely reconcile state in-place.
+
+Already installed products should not be presented as broken only because the account is disconnected. The page should say connection is required for subscription management, installs, downloads, and updates.
+
+## API Requirements
+
+Existing local AJAX actions must remain compatible:
+
+- `atbdp_authenticate_the_customer`
+- `atbdp_install_file_from_subscriptions`
+- `atbdp_plugins_bulk_action`
+- `atbdp_activate_theme`
+- `atbdp_activate_plugin`
+- `atbdp_update_plugins`
+- `atbdp_update_theme`
+- `atbdp_refresh_purchase_status`
+- `atbdp_close_subscriptions_sassion`
+
+Recommended new local AJAX action:
+
+- `atbdp_get_themes_extensions_state`
+
+Remote API calls stay server-side:
+
+- Account/license auth: `https://directorist.com/wp-json/directorist/v1/licencing`
+- Product data/download link: `https://directorist.com/wp-json/directorist/v1/get-product-data/`
+- EDD license activation/version: `https://directorist.com`
+- Optional product catalog: `https://app.directorist.com/wp-json/directorist/v1/get-remote-products`
+
+## UI Requirements
+
+- Keep disconnected UI simple: connect form plus marketplace.
+- Connected UI should group products by clear state: installed, available in account, required, themes, marketplace.
+- Show action buttons only when the server says the action is available.
+- Use inline notices instead of browser `alert()` as the primary feedback.
+- Use button loading states and disable duplicate clicks while a request is running.
+- Require confirmation for uninstall and theme activation.
+- Keep external product/docs/account links visually distinct from local AJAX actions.
+- Mobile layout must avoid horizontal overflow.
+
+## Performance Requirements
+
+- Keep PHP-rendered templates as canonical fallback.
+- Add no-reload behavior through a small page-specific JS state adapter.
+- Use the state endpoint after safe or successful actions.
+- Avoid full reload for simple UI state changes and recoverable errors.
+- Keep reload fallback for install, update, theme switch, uninstall, remote API failure, and filesystem uncertainty.
+
+## Security And Privacy Requirements
+
+- Require `manage_options` for all local actions.
+- Verify nonce for all local actions.
+- Sanitize request fields and escape rendered output.
+- Never store passwords after request completion.
+- Never log passwords, raw licenses, or private subscription payloads.
+- Do not expose raw subscription/license data to the browser.
+- Review `sslverify => false` paths with compatibility-safe hardening and clear error handling.
+
+## Compatibility Requirements
+
+Preserve:
+
+- Page slug: `atbdp-extension`
+- Parent post type: `at_biz_dir`
+- Capability: `manage_options`
+- Legacy AJAX action names
+- Legacy user meta keys
+- `directorist_extensions_aliases`
+- `directorist_required_extensions`
+- `atbdp_extension_list`
+- `atbdp_theme_list`
+- Existing settings/product/external links
+- Existing template/selector compatibility where practical
+
+## Error Handling Requirements
+
+Use stable local error codes such as:
+
+- `capability_denied`
+- `nonce_invalid`
+- `account_disconnected`
+- `auth_failed`
+- `subscription_missing`
+- `license_missing`
+- `license_activation_failed`
+- `license_expired`
+- `remote_unreachable`
+- `remote_invalid_response`
+- `download_unavailable`
+- `download_host_invalid`
+- `filesystem_unavailable`
+- `package_invalid`
+- `install_failed`
+- `update_failed`
+- `activation_failed`
+- `theme_switch_failed`
+- `requires_reload`
+
+## Acceptance Criteria
+
+- A disconnected admin sees the account-connect form and marketplace only.
+- A connected admin sees product-management sections built from current server state.
+- Installed premium products are not implied to stop working when disconnected.
+- Premium install/update/download requires connected entitlement/license state.
+- Extension activation checks `WP_Error` and never shows false success.
+- Theme activation always requires confirmation and re-checks active theme after success.
+- Uninstall is available only as a protected danger action with confirmation.
+- Product badges render only from API/filter data.
+- Product copy uses API data with local fallback for missing non-badge fields.
+- No high-risk action shows final success before canonical server state confirms it.
+- No page-level horizontal overflow on mobile admin widths.
+- All local action failures leave controls recoverable.
+- Official Directorist docs and local readme files are checked before changing public product claims.
+
+## Documentation References
+
+- Local API map: `api-data-flow-report.md`
+- Runtime data contract: `dynamic-data-contract.md`
+- Account journey map: `account-license-journey-map.md`
+- Rewrite issue register: `rewrite-issue-register.md`
+- Official Directorist docs: `https://directorist.com/documentation/directorist/`
+- Official themes docs: `https://directorist.com/documentation/themes/`
+- Official extensions docs: `https://directorist.com/documentation/extensions/`
diff --git a/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md b/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
index 488d580a64..99bcd75a51 100644
--- a/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
+++ b/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
@@ -172,6 +172,7 @@ Primary areas:
 - Existing remote flows mix Directorist REST endpoints and EDD action endpoints; keep response normalization server-side.
 - Review `sslverify => false` usages carefully. Harden only with a compatibility plan and useful error handling for customer sites.
 - Never log or store account passwords beyond the current request. Keep account connection and refresh purchase flows careful around credentials.
+- Before changing API behavior, read `api-data-flow-report.md#future-api-improvement-feedback` and apply its guidance for normalized responses, state-summary refresh, stable error codes, product catalog versioning, cache freshness, credential handling, and mutation safety.
 
 ## Rewrite Fix Order
 

From cff8b449a4e74c263883747fd5d30acc5dcc6941 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rabbi=20Islam=20Rony=20=E2=9A=A1=EF=B8=8F?=
 <35329385+RabbiIslamRony@users.noreply.github.com>
Date: Tue, 21 Jul 2026 17:14:38 +0600
Subject: [PATCH 3/5] improve: redesign themes extensions admin page

---
 assets/css/directorist-themes-extensions.css  | 1505 +++++++++++++++++
 assets/js/directorist-themes-extensions.js    |  774 +++++++++
 .../SKILL.md                                  |    1 +
 .../references/qa-checklist.md                |   14 +
 .../references/rewrite-issue-register.md      |   68 +-
 includes/asset-loader/init.php                |    2 +
 .../theme-extensions/theme-extension.php      |  837 ++++++++-
 7 files changed, 3181 insertions(+), 20 deletions(-)
 create mode 100644 assets/css/directorist-themes-extensions.css
 create mode 100644 assets/js/directorist-themes-extensions.js

diff --git a/assets/css/directorist-themes-extensions.css b/assets/css/directorist-themes-extensions.css
new file mode 100644
index 0000000000..3c4835c371
--- /dev/null
+++ b/assets/css/directorist-themes-extensions.css
@@ -0,0 +1,1505 @@
+.directorist-te-page {
+    --accent: #3e62f5;
+    --accent-hover: #2f50e8;
+    --accent-tint: #eef2ff;
+    --text: #111827;
+    --muted: #64748b;
+    --faint: #94a3b8;
+    --border: #e5e7eb;
+    --border-card: #e9ebef;
+    --border-soft: #eef0f3;
+    --line: #f1f5f9;
+    --surface: #ffffff;
+    --bg: #f3f4f6;
+    --bg-soft: #f8fafc;
+    --success: #16a34a;
+    --warning: #d97706;
+    --warning-tint: #fff7ed;
+    --danger: #dc2626;
+    --danger-tint: #fef2f2;
+    --r-xs: 6px;
+    --r-sm: 8px;
+    --r-md: 10px;
+    --shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
+    --shadow-pop: 0 10px 26px rgba(15, 23, 42, 0.1);
+    color: var(--text);
+    background: var(--bg);
+    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
+    font-size: 14px;
+    line-height: 1.5;
+    letter-spacing: 0;
+    -webkit-font-smoothing: antialiased;
+}
+
+#directorist.directorist-te-page.wrap {
+    margin: 0;
+}
+
+.directorist-te-page *,
+.directorist-te-page *::before,
+.directorist-te-page *::after {
+    box-sizing: border-box;
+}
+
+.directorist-te-page [hidden],
+.directorist-te-row.is-hidden {
+    display: none !important;
+}
+
+.directorist-te-shell {
+    max-width: 100%;
+    margin: 30px 0 56px;
+    padding: 0 24px 0 4px;
+    overflow: visible;
+    background: transparent;
+}
+
+.directorist-te-header {
+    position: sticky;
+    top: 32px;
+    z-index: 40;
+    display: flex;
+    align-items: center;
+    gap: 24px;
+    height: 62px;
+    margin: 0;
+    padding: 0 24px;
+    background: var(--surface);
+    border-radius: var(--r-md);
+    border-bottom: 1px solid var(--border);
+}
+
+.directorist-te-brand,
+.directorist-te-nav,
+.directorist-te-resource-links,
+.directorist-te-top-right,
+.directorist-te-top-search,
+.directorist-te-header-icon,
+.directorist-te-avatar,
+.directorist-te-hero,
+.directorist-te-search,
+.directorist-te-update-banner,
+.directorist-te-toolbar-row,
+.directorist-te-segmented,
+.directorist-te-bulkbar,
+.directorist-te-row__title,
+.directorist-te-row__meta,
+.directorist-te-row__actions,
+.directorist-te-upsell,
+.directorist-te-footer {
+    display: flex;
+    align-items: center;
+}
+
+.directorist-te-brand {
+    gap: 10px;
+    min-width: 0;
+    flex-shrink: 0;
+}
+
+.directorist-te-brand__mark {
+    width: 30px;
+    height: 30px;
+    display: grid;
+    place-items: center;
+    flex-shrink: 0;
+}
+
+.directorist-te-brand__mark img {
+    display: block;
+    width: 30px;
+    height: 30px;
+}
+
+.directorist-te-brand__name {
+    color: var(--text);
+    font-size: 15px;
+    font-weight: 700;
+    white-space: nowrap;
+}
+
+.directorist-te-nav {
+    gap: 4px;
+    min-width: 0;
+    flex: 1;
+}
+
+.directorist-te-nav a {
+    padding: 8px 10px;
+    border: 0;
+    border-radius: var(--r-xs);
+    background: transparent;
+    color: var(--muted);
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 1;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.directorist-te-nav a:hover,
+.directorist-te-nav a:focus,
+.directorist-te-nav a.active {
+    color: var(--accent);
+    background: var(--accent-tint);
+    box-shadow: none;
+    outline: none;
+}
+
+.directorist-te-resource-links {
+    gap: 18px;
+    margin-left: auto;
+    flex-shrink: 0;
+}
+
+.directorist-te-resource-links a {
+    color: var(--muted);
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 1;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.directorist-te-resource-links a:hover,
+.directorist-te-resource-links a:focus {
+    color: var(--accent);
+    outline: none;
+}
+
+.directorist-te-top-right {
+    gap: 10px;
+    flex-shrink: 0;
+}
+
+.directorist-te-top-search {
+    width: 220px;
+    height: 34px;
+    gap: 7px;
+    padding: 0 10px;
+    border: 1px solid var(--border);
+    border-radius: var(--r-sm);
+    background: var(--bg-soft);
+}
+
+.directorist-te-top-search i,
+.directorist-te-search i {
+    color: var(--faint);
+    font-size: 16px;
+}
+
+.directorist-te-top-search input,
+.directorist-te-search input {
+    width: 100%;
+    min-height: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    background: transparent;
+    color: var(--text);
+    box-shadow: none;
+    font-size: 13px;
+}
+
+.directorist-te-top-search input:focus,
+.directorist-te-search input:focus {
+    border: 0;
+    box-shadow: none;
+}
+
+.directorist-te-header-icon {
+    position: relative;
+    width: 34px;
+    height: 34px;
+    justify-content: center;
+    border: 1px solid var(--border);
+    border-radius: var(--r-sm);
+    background: var(--surface);
+    color: var(--muted);
+}
+
+.directorist-te-header-icon span {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 7px;
+    height: 7px;
+    border: 2px solid var(--surface);
+    border-radius: 50%;
+    background: var(--danger);
+}
+
+.directorist-te-avatar {
+    height: 34px;
+    gap: 6px;
+    padding: 0 7px 0 3px;
+    border: 1px solid var(--border);
+    border-radius: 999px;
+    background: var(--surface);
+    color: var(--muted);
+}
+
+.directorist-te-avatar img {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+}
+
+.directorist-te-hero {
+    justify-content: space-between;
+    align-items: flex-end;
+    gap: 14px;
+    margin: 26px 0 18px;
+    padding-top: 0;
+}
+
+.directorist-te-hero h1 {
+    margin: 0;
+    padding: 0;
+    color: var(--text);
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 30px;
+    letter-spacing: 0;
+}
+
+.directorist-te-hero p {
+    max-width: 680px;
+    margin: 3px 0 0;
+    color: var(--muted);
+    font-size: 13.5px;
+    line-height: 20.25px;
+}
+
+.directorist-te-search {
+    width: 260px;
+    height: 32px;
+    gap: 7px;
+    padding: 7px 12px;
+    border: 1px solid var(--border);
+    border-radius: var(--r-sm);
+    background: var(--bg-soft);
+}
+
+.directorist-te-connect,
+.directorist-te-account {
+    margin: 0 0 16px;
+    padding: 16px 18px;
+    border: 1px solid var(--border-card);
+    border-radius: var(--r-md);
+    background: var(--surface);
+    box-shadow: var(--shadow);
+}
+
+.directorist-te-connect {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(340px, 480px);
+    gap: 22px;
+    align-items: center;
+}
+
+.directorist-te-connect.account-connect,
+#directorist.atbd_wrapper.directorist-te-page .directorist-te-connect.account-connect {
+    width: auto;
+    max-width: none;
+    margin: 0 0 16px;
+    padding: 16px 18px;
+    border-radius: var(--r-md);
+    text-align: left;
+}
+
+.directorist-te-connect h2,
+.directorist-te-upsell h2,
+.directorist-te-empty h2 {
+    margin: 0;
+    color: var(--text);
+    font-size: 15px;
+    font-weight: 700;
+    line-height: 1.35;
+}
+
+.directorist-te-connect p,
+#directorist.atbd_wrapper.directorist-te-page .directorist-te-connect p,
+.directorist-te-upsell p,
+.directorist-te-empty p {
+    margin: 4px 0 0;
+    color: var(--muted);
+    font-size: 12.5px;
+    line-height: 1.45;
+    text-align: left;
+}
+
+.directorist-te-eyebrow {
+    display: inline-block;
+    margin-bottom: 5px;
+    color: var(--accent);
+    font-size: 10.5px;
+    font-weight: 700;
+    line-height: 1;
+    text-transform: uppercase;
+}
+
+.directorist-te-field-row {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+}
+
+.directorist-te-field-row label > span:not(.directorist-te-password-control) {
+    display: block;
+    margin-bottom: 5px;
+    color: var(--muted);
+    font-size: 12px;
+    font-weight: 600;
+}
+
+.directorist-te-field-row input,
+.directorist-te-refresh-form input {
+    width: 100%;
+    min-height: 34px;
+    margin: 0;
+    border: 1px solid var(--border);
+    border-radius: var(--r-xs);
+    background: var(--surface);
+    box-shadow: none;
+}
+
+.directorist-te-field-row input[aria-invalid="true"] {
+    border-color: var(--danger);
+    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.08);
+}
+
+.directorist-te-connect-form.is-submitting input {
+    background: var(--bg-soft);
+}
+
+.directorist-te-connect-form.is-submitting input,
+.directorist-te-connect-form.is-submitting button {
+    cursor: wait;
+}
+
+.directorist-te-password-control {
+    position: relative;
+    display: block;
+}
+
+.directorist-te-field-row .directorist-te-password-control input {
+    padding-right: 42px;
+}
+
+.directorist-te-password-toggle {
+    position: absolute;
+    top: 50%;
+    right: 8px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    border-radius: var(--r-xs);
+    background: transparent;
+    color: var(--muted);
+    cursor: pointer;
+    transform: translateY(-50%);
+}
+
+.directorist-te-password-toggle:hover,
+.directorist-te-password-toggle:focus {
+    color: var(--accent);
+}
+
+.directorist-te-password-toggle:focus {
+    outline: 2px solid rgba(62, 98, 245, 0.24);
+    outline-offset: 1px;
+}
+
+.directorist-te-password-toggle i {
+    font-size: 16px;
+}
+
+.directorist-te-feedback {
+    margin-top: 8px;
+}
+
+.directorist-te-feedback .atbdp-form-alert {
+    margin: 0;
+    padding: 8px 10px;
+    border-radius: var(--r-xs);
+    font-size: 12.5px;
+    line-height: 1.4;
+}
+
+.directorist-te-feedback .atbdp-form-alert + .atbdp-form-alert {
+    margin-top: 6px;
+}
+
+.directorist-te-feedback .atbdp-form-alert-danger,
+.directorist-te-feedback .atbdp-form-alert-error {
+    border: 1px solid rgba(220, 38, 38, 0.16);
+    background: var(--danger-tint);
+    color: var(--danger);
+}
+
+.directorist-te-feedback .atbdp-form-alert-success {
+    border: 1px solid rgba(22, 163, 74, 0.16);
+    background: #f0fdf4;
+    color: var(--success);
+}
+
+.directorist-te-btn,
+.directorist-te-icon-btn,
+.directorist-te-bulk-action,
+.directorist-te-bulk-clear,
+.directorist-te-tab,
+.directorist-te-segmented button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 7px;
+    margin: 0;
+    border: 1px solid transparent;
+    border-radius: var(--r-sm);
+    cursor: pointer;
+    font-weight: 500;
+    line-height: 1;
+    text-decoration: none;
+    white-space: nowrap;
+    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
+}
+
+.directorist-te-btn {
+    min-height: 34px;
+    padding: 8px 14px;
+    font-size: 13px;
+}
+
+.directorist-te-btn--primary,
+.directorist-te-update-all {
+    border-color: var(--accent);
+    background: var(--accent);
+    color: #fff;
+}
+
+.directorist-te-btn--primary:hover,
+.directorist-te-btn--primary:focus,
+.directorist-te-update-all:hover,
+.directorist-te-update-all:focus {
+    border-color: var(--accent-hover);
+    background: var(--accent-hover);
+    color: #fff;
+    outline: none;
+}
+
+.directorist-te-btn--secondary,
+.directorist-te-btn--ghost,
+.directorist-te-bulk-action {
+    border-color: var(--border);
+    background: var(--surface);
+    color: var(--text);
+}
+
+.directorist-te-btn--secondary:hover,
+.directorist-te-btn--secondary:focus,
+.directorist-te-btn--ghost:hover,
+.directorist-te-btn--ghost:focus,
+.directorist-te-bulk-action:hover,
+.directorist-te-bulk-action:focus {
+    border-color: var(--accent);
+    background: var(--accent-tint);
+    color: var(--accent);
+    outline: none;
+}
+
+.ext-update-btn,
+.theme-update-btn,
+.directorist-te-update-all {
+    border-color: var(--warning);
+    background: var(--warning);
+    color: #fff;
+}
+
+.ext-update-btn:hover,
+.ext-update-btn:focus,
+.theme-update-btn:hover,
+.theme-update-btn:focus,
+.directorist-te-update-all:hover,
+.directorist-te-update-all:focus {
+    border-color: #b45309;
+    background: #b45309;
+    color: #fff;
+}
+
+.directorist-te-icon-btn {
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    border-color: transparent;
+    border-radius: var(--r-xs);
+    background: transparent;
+    color: var(--faint);
+    font-size: 17px;
+}
+
+.directorist-te-icon-btn:hover,
+.directorist-te-icon-btn:focus,
+.directorist-te-menu .ext-action-drop.active {
+    background: var(--line);
+    color: var(--text);
+    outline: none;
+}
+
+.directorist-te-icon-btn--danger:hover,
+.directorist-te-icon-btn--danger:focus,
+.directorist-te-menu-link--danger,
+.directorist-te-bulk-action--danger {
+    color: var(--danger);
+}
+
+.directorist-te-account {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 160px)) minmax(320px, 1fr);
+    gap: 18px;
+    align-items: center;
+}
+
+.directorist-te-stat span {
+    display: block;
+    color: var(--text);
+    font-size: 22px;
+    font-weight: 700;
+    line-height: 1;
+}
+
+.directorist-te-stat p {
+    margin: 5px 0 0;
+    color: var(--muted);
+    font-size: 12px;
+}
+
+.directorist-te-account__actions {
+    justify-content: flex-end;
+    gap: 10px;
+    min-width: 0;
+}
+
+.directorist-te-refresh-panel {
+    width: 0;
+    overflow: hidden;
+}
+
+.directorist-te-refresh-form {
+    width: 330px;
+    gap: 8px;
+}
+
+.directorist-te-update-banner {
+    gap: 13px;
+    margin: 0 0 16px;
+    padding: 13px 16px;
+    border: 1px solid #f5d9a8;
+    border-radius: var(--r-md);
+    background: linear-gradient(90deg, var(--warning-tint), #fff8ee);
+}
+
+.directorist-te-update-icon {
+    width: 36px;
+    height: 36px;
+    display: grid;
+    place-items: center;
+    flex: 0 0 auto;
+    border-radius: 9px;
+    background: linear-gradient(135deg, #f59e0b, #f97316);
+    color: #fff;
+    font-size: 20px;
+}
+
+.directorist-te-update-banner > div:nth-child(2) {
+    min-width: 0;
+    flex: 1;
+}
+
+.directorist-te-update-banner h2 {
+    margin: 0;
+    color: var(--text);
+    font-size: 13.5px;
+    font-weight: 600;
+    line-height: 1.35;
+}
+
+.directorist-te-update-banner p {
+    margin: 2px 0 0;
+    color: var(--muted);
+    font-size: 12.5px;
+    line-height: 1.4;
+}
+
+.directorist-te-toolbar {
+    margin: 0;
+    padding: 0;
+}
+
+.directorist-te-toolbar-main {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: 18px;
+    margin-bottom: 16px;
+    border-bottom: 1px solid var(--border);
+}
+
+.directorist-te-tabs {
+    flex: 1 1 auto;
+    gap: 0;
+    margin-bottom: 0;
+    overflow-x: auto;
+    border-bottom: 0;
+}
+
+.directorist-te-tab {
+    position: relative;
+    min-height: 42px;
+    margin-right: 26px;
+    padding: 11px 2px;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    color: var(--muted);
+    font-size: 15px;
+    font-weight: 600;
+}
+
+.directorist-te-tab::after {
+    position: absolute;
+    right: 0;
+    bottom: -1px;
+    left: 0;
+    height: 3px;
+    border-radius: 3px 3px 0 0;
+    background: transparent;
+    content: "";
+}
+
+.directorist-te-tab.is-active {
+    color: var(--accent);
+}
+
+.directorist-te-tab.is-active::after {
+    background: var(--accent);
+}
+
+.directorist-te-tab span,
+.directorist-te-segmented span {
+    color: var(--faint);
+    font-size: 12px;
+    font-weight: 700;
+}
+
+.directorist-te-tab.is-active span,
+.directorist-te-segmented button.is-active span {
+    color: var(--accent);
+}
+
+.directorist-te-toolbar-row {
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+    margin-bottom: 20px;
+}
+
+.directorist-te-toolbar-row--filters {
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.directorist-te-toolbar-catalog {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 12px;
+    margin-left: auto;
+    padding-bottom: 8px;
+}
+
+.directorist-te-toolbar-search {
+    width: 260px;
+    flex: 0 0 260px;
+}
+
+.directorist-te-segmented {
+    gap: 2px;
+    padding: 3px;
+    border: 1px solid var(--border);
+    border-radius: 999px;
+    background: var(--bg-soft);
+}
+
+.directorist-te-segmented button {
+    min-height: 29px;
+    padding: 6px 13px;
+    border: 0;
+    border-radius: 999px;
+    background: transparent;
+    color: var(--muted);
+    font-size: 12.5px;
+    font-weight: 500;
+}
+
+.directorist-te-segmented button.is-active {
+    background: var(--surface);
+    color: var(--accent);
+    box-shadow: var(--shadow);
+}
+
+.directorist-te-count {
+    color: var(--muted);
+    font-size: 12.5px;
+}
+
+.directorist-te-products {
+    padding: 0;
+}
+
+.directorist-te-legacy-bulk {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+}
+
+.directorist-te-bulkbar {
+    position: sticky;
+    top: 94px;
+    z-index: 35;
+    gap: 14px;
+    margin-bottom: 16px;
+    padding: 11px 14px;
+    border: 1px solid var(--border-card);
+    border-radius: var(--r-md);
+    background: var(--surface);
+    box-shadow: var(--shadow-pop);
+}
+
+.directorist-te-bulkbar[hidden] {
+    display: none !important;
+}
+
+.directorist-te-selected-count {
+    color: var(--text);
+    font-size: 13px;
+    font-weight: 600;
+    white-space: nowrap;
+}
+
+.directorist-te-bulkbar__sep {
+    width: 1px;
+    height: 22px;
+    flex-shrink: 0;
+    background: var(--border);
+}
+
+.directorist-te-bulk-action {
+    min-height: 31px;
+    padding: 6px 10px;
+    font-size: 12.5px;
+}
+
+.directorist-te-bulk-action--danger:hover,
+.directorist-te-bulk-action--danger:focus {
+    border-color: var(--danger);
+    background: var(--danger-tint);
+    color: var(--danger);
+}
+
+.directorist-te-bulk-clear {
+    min-height: 31px;
+    margin-left: auto;
+    padding: 6px 10px;
+    border: 0;
+    background: transparent;
+    color: var(--muted);
+    font-size: 13px;
+    font-weight: 500;
+}
+
+.directorist-te-bulk-clear:hover,
+.directorist-te-bulk-clear:focus {
+    background: var(--bg-soft);
+    color: var(--text);
+    outline: none;
+}
+
+.directorist-te-list {
+    display: block;
+    overflow: hidden;
+    border: 1px solid var(--border-card);
+    border-radius: var(--r-md);
+    background: var(--surface);
+    box-shadow: var(--shadow);
+}
+
+.directorist-te-list-head,
+.directorist-te-row {
+    display: grid;
+    grid-template-columns: 22px 40px minmax(0, 1fr) 150px 300px;
+    align-items: center;
+    gap: 14px;
+}
+
+.directorist-te-list-head {
+    min-height: 41px;
+    padding: 10px 18px;
+    border-bottom: 1px solid var(--border-soft);
+    background: var(--bg-soft);
+    color: var(--faint);
+    font-size: 10px;
+    font-weight: 700;
+    line-height: 1;
+    text-transform: uppercase;
+}
+
+.directorist-te-list-head__addon {
+    grid-column: 3;
+}
+
+.directorist-te-list-head__status {
+    grid-column: 4;
+}
+
+.directorist-te-page--disconnected .directorist-te-list-head,
+.directorist-te-page--disconnected .directorist-te-row {
+    grid-template-columns: 40px minmax(0, 1fr) 150px 180px;
+}
+
+.directorist-te-page--disconnected .directorist-te-list-head__addon {
+    grid-column: 1 / 3;
+}
+
+.directorist-te-page--disconnected .directorist-te-list-head__status {
+    grid-column: 3;
+}
+
+.directorist-te-row {
+    min-height: 66px;
+    padding: 12px 18px;
+    background: var(--surface);
+    transition: background 0.12s ease, box-shadow 0.12s ease;
+}
+
+.directorist-te-row + .directorist-te-row,
+.directorist-te-row + .directorist-te-empty--filter {
+    border-top: 1px solid var(--border-soft);
+}
+
+.directorist-te-row:hover {
+    background: var(--bg-soft);
+}
+
+.directorist-te-row.selected {
+    box-shadow: inset 3px 0 0 var(--accent);
+}
+
+.directorist-te-row__select {
+    width: 22px;
+    min-width: 22px;
+}
+
+.directorist-te-checkbox {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    display: inline-grid;
+    place-items: center;
+    margin: 0;
+    border: 2px solid #cbd5e1;
+    border-radius: 5px;
+    background: var(--surface);
+    cursor: pointer;
+}
+
+.directorist-te-checkbox input {
+    position: absolute;
+    inset: -2px;
+    width: 20px;
+    height: 20px;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+}
+
+.directorist-te-checkbox i {
+    color: #fff;
+    font-size: 13px;
+    line-height: 1;
+    opacity: 0;
+}
+
+.directorist-te-checkbox:has(input:checked),
+.directorist-te-checkbox.is-checked {
+    border-color: var(--accent);
+    background: var(--accent);
+}
+
+.directorist-te-checkbox:has(input:checked) i,
+.directorist-te-checkbox.is-checked i {
+    opacity: 1;
+}
+
+.directorist-te-row__media {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    border-radius: var(--r-md);
+    background: var(--line);
+}
+
+.directorist-te-row__media img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.directorist-te-row__content {
+    min-width: 0;
+}
+
+.directorist-te-row__title {
+    gap: 8px;
+    min-width: 0;
+}
+
+.directorist-te-row__title h2 {
+    min-width: 0;
+    margin: 0;
+    overflow: hidden;
+    color: var(--text);
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 1.3;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.directorist-te-version {
+    color: var(--faint);
+    font-size: 12px;
+    white-space: nowrap;
+}
+
+.directorist-te-row__content p {
+    margin: 3px 0 0;
+    overflow: hidden;
+    color: var(--muted);
+    font-size: 12.5px;
+    line-height: 1.4;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.directorist-te-row__meta {
+    gap: 6px;
+    flex-wrap: wrap;
+    margin-top: 5px;
+}
+
+.directorist-te-type,
+.directorist-te-badge {
+    display: inline-flex;
+    align-items: center;
+    min-height: 18px;
+    padding: 2px 7px;
+    border-radius: 5px;
+    background: var(--line);
+    color: var(--muted);
+    font-size: 10px;
+    font-weight: 700;
+    line-height: 1;
+    text-transform: uppercase;
+    white-space: nowrap;
+}
+
+.directorist-te-type--theme {
+    color: #166534;
+    background: #dcfce7;
+}
+
+.directorist-te-badge {
+    color: #7c2d12;
+    background: #ffedd5;
+}
+
+.directorist-te-row__status {
+    min-width: 0;
+}
+
+.directorist-te-status {
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    max-width: 100%;
+    color: var(--muted);
+    font-size: 12.5px;
+    font-weight: 500;
+    line-height: 1.3;
+}
+
+.directorist-te-status::before {
+    width: 8px;
+    height: 8px;
+    flex: 0 0 auto;
+    border-radius: 50%;
+    background: var(--faint);
+    content: "";
+}
+
+.directorist-te-status--active::before {
+    background: var(--success);
+}
+
+.directorist-te-status--installed::before {
+    background: #0ea5b7;
+}
+
+.directorist-te-status--update {
+    color: var(--warning);
+}
+
+.directorist-te-status--update::before,
+.directorist-te-status--required::before {
+    background: var(--warning);
+}
+
+.directorist-te-status--not-installed::before,
+.directorist-te-status--marketplace::before {
+    background: #cbd5e1;
+}
+
+.directorist-te-row__actions {
+    justify-content: flex-end;
+    gap: 8px;
+    min-width: 0;
+}
+
+.directorist-te-row__actions > .directorist-te-btn {
+    min-width: 104px;
+    min-height: 31px;
+    padding: 6px 12px;
+    font-size: 12.5px;
+}
+
+.directorist-te-row__actions > .directorist-te-btn--details {
+    min-width: 96px;
+}
+
+.directorist-te-row__actions > .directorist-te-btn--demo {
+    min-width: 64px;
+}
+
+.directorist-te-menu {
+    position: relative;
+    flex: 0 0 auto;
+}
+
+.directorist-te-menu__items {
+    position: absolute;
+    top: calc(100% + 7px);
+    right: 0;
+    z-index: 50;
+    min-width: 184px;
+    display: none;
+    padding: 6px;
+    border: 1px solid var(--border);
+    border-radius: var(--r-sm);
+    background: var(--surface);
+    box-shadow: var(--shadow-pop);
+}
+
+.directorist-te-menu .ext-action-drop.active + .directorist-te-menu__items,
+.directorist-te-menu__items.is-open {
+    display: grid;
+    gap: 2px;
+}
+
+.directorist-te-menu-link {
+    min-height: 34px;
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+    border-radius: var(--r-xs);
+    color: var(--text);
+    font-size: 13px;
+    font-weight: 500;
+    text-decoration: none;
+}
+
+.directorist-te-menu-link:hover,
+.directorist-te-menu-link:focus {
+    background: var(--bg-soft);
+    color: var(--accent);
+    outline: none;
+}
+
+.directorist-te-menu-link--danger:hover,
+.directorist-te-menu-link--danger:focus {
+    background: var(--danger-tint);
+    color: var(--danger);
+}
+
+.directorist-te-empty {
+    padding: 42px 18px;
+    text-align: center;
+    background: var(--surface);
+}
+
+.directorist-te-empty--filter {
+    display: none;
+}
+
+.directorist-te-empty--filter.is-visible {
+    display: block;
+}
+
+.directorist-te-empty > i {
+    display: block;
+    margin-bottom: 8px;
+    color: var(--faint);
+    font-size: 28px;
+}
+
+.directorist-te-empty h2 {
+    text-align: center;
+}
+
+.directorist-te-empty p {
+    text-align: center;
+}
+
+.directorist-te-empty-reset {
+    margin: 14px auto 0;
+}
+
+.directorist-te-upsell {
+    justify-content: space-between;
+    gap: 20px;
+    margin: 16px 0 0;
+    padding: 22px 26px;
+    border-radius: var(--r-md);
+    background: linear-gradient(135deg, #111827, #1e293b);
+    color: #fff;
+}
+
+.directorist-te-upsell h2,
+.directorist-te-upsell p {
+    color: #fff;
+}
+
+.directorist-te-upsell p {
+    opacity: 0.78;
+}
+
+.directorist-te-upsell .directorist-te-btn {
+    border-color: #fff;
+    background: #fff;
+    color: #111827;
+}
+
+.directorist-te-footer {
+    justify-content: center;
+    gap: 7px;
+    max-width: 1200px;
+    margin: 22px 0 0;
+    padding-top: 22px;
+    border-top: 1px solid var(--border);
+    color: var(--muted);
+    font-size: 12.5px;
+    text-align: center;
+}
+
+.directorist-te-footer a {
+    color: var(--accent);
+    text-decoration: none;
+}
+
+@media (max-width: 1120px) {
+    .directorist-te-top-right {
+        display: none;
+    }
+
+    .directorist-te-list-head,
+    .directorist-te-row {
+        grid-template-columns: 22px 40px minmax(0, 1fr) 132px 270px;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-list-head,
+    .directorist-te-page--disconnected .directorist-te-row {
+        grid-template-columns: 40px minmax(0, 1fr) 132px 180px;
+    }
+}
+
+@media (max-width: 960px) {
+    .directorist-te-account {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+
+    .directorist-te-account__actions {
+        grid-column: 1 / -1;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+    }
+
+    .directorist-te-connect {
+        grid-template-columns: 1fr;
+    }
+}
+
+@media (max-width: 782px) {
+    .directorist-te-header {
+        top: 46px;
+    }
+}
+
+@media (max-width: 720px) {
+    .directorist-te-shell {
+        margin: 20px 0 36px;
+    }
+
+    .directorist-te-header {
+        height: auto;
+        min-height: 62px;
+        flex-wrap: wrap;
+        gap: 12px;
+        margin: 0;
+        padding: 12px 16px;
+    }
+
+    .directorist-te-nav {
+        order: 3;
+        width: 100%;
+        overflow-x: auto;
+        flex-wrap: nowrap;
+    }
+
+    .directorist-te-resource-links {
+        gap: 14px;
+        margin-left: auto;
+        overflow-x: auto;
+    }
+
+    .directorist-te-hero {
+        align-items: stretch;
+        flex-direction: column;
+        margin-top: 20px;
+    }
+
+    .directorist-te-search {
+        width: 100%;
+    }
+
+    .directorist-te-toolbar-search {
+        flex: 1 1 220px;
+        min-width: 0;
+    }
+
+    .directorist-te-connect,
+    .directorist-te-connect.account-connect,
+    #directorist.atbd_wrapper.directorist-te-page .directorist-te-connect.account-connect,
+    .directorist-te-account,
+    .directorist-te-update-banner,
+    .directorist-te-toolbar,
+    .directorist-te-upsell {
+        margin-right: 0;
+        margin-left: 0;
+    }
+
+    .directorist-te-toolbar-main {
+        align-items: stretch;
+        flex-direction: column;
+        gap: 12px;
+        margin-bottom: 14px;
+    }
+
+    .directorist-te-toolbar-catalog {
+        width: 100%;
+        margin-left: 0;
+        padding-bottom: 12px;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+
+    .directorist-te-products {
+        padding-right: 0;
+        padding-left: 0;
+    }
+
+    .directorist-te-update-banner,
+    .directorist-te-upsell {
+        align-items: stretch;
+        flex-direction: column;
+    }
+
+    .directorist-te-field-row,
+    .directorist-te-account {
+        grid-template-columns: 1fr;
+    }
+
+    .directorist-te-account__actions {
+        grid-column: auto;
+    }
+
+    .directorist-te-refresh-form {
+        width: min(330px, calc(100vw - 64px));
+    }
+
+    .directorist-te-bulkbar {
+        top: 108px;
+        flex-wrap: wrap;
+    }
+
+    .directorist-te-bulk-clear {
+        margin-left: 0;
+    }
+
+    .directorist-te-list-head,
+    .directorist-te-row {
+        grid-template-columns: 22px 36px minmax(0, 1fr) auto;
+        gap: 12px;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-list-head,
+    .directorist-te-page--disconnected .directorist-te-row {
+        grid-template-columns: 36px minmax(0, 1fr) auto;
+    }
+
+    .directorist-te-list-head__status,
+    .directorist-te-row__status {
+        display: none;
+    }
+
+    .directorist-te-row__media {
+        width: 36px;
+        height: 36px;
+    }
+
+    .directorist-te-row__actions {
+        justify-content: flex-end;
+    }
+
+    .directorist-te-row__actions > .directorist-te-btn {
+        min-width: 0;
+    }
+}
+
+@media (max-width: 520px) {
+    .directorist-te-list-head,
+    .directorist-te-row {
+        grid-template-columns: 22px minmax(0, 1fr);
+    }
+
+    .directorist-te-page--disconnected .directorist-te-list-head,
+    .directorist-te-page--disconnected .directorist-te-row {
+        grid-template-columns: minmax(0, 1fr);
+    }
+
+    .directorist-te-list-head {
+        padding-right: 14px;
+        padding-left: 14px;
+    }
+
+    .directorist-te-list-head__addon {
+        grid-column: 2;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-list-head__addon {
+        grid-column: 1;
+    }
+
+    .directorist-te-row {
+        padding-right: 14px;
+        padding-left: 14px;
+    }
+
+    .directorist-te-row__media {
+        display: none;
+    }
+
+    .directorist-te-row__content,
+    .directorist-te-row__actions {
+        grid-column: 2;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row__content,
+    .directorist-te-page--disconnected .directorist-te-row__actions {
+        grid-column: 1;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row {
+        grid-template-columns: 40px minmax(0, 1fr);
+        align-items: start;
+        row-gap: 10px;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row__media {
+        grid-column: 1;
+        display: flex;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row__content {
+        grid-column: 2;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row__title {
+        align-items: flex-start;
+        flex-wrap: wrap;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row__title h2 {
+        white-space: normal;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row__actions {
+        grid-column: 1 / -1;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row__actions > .directorist-te-btn {
+        width: 100%;
+    }
+
+    .directorist-te-row__actions {
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        margin-top: 2px;
+    }
+
+    .directorist-te-row__content p {
+        white-space: normal;
+    }
+
+    .directorist-te-segmented {
+        width: 100%;
+        overflow-x: auto;
+    }
+
+    .directorist-te-upsell,
+    .directorist-te-footer {
+        align-items: stretch;
+    }
+}
+
+@media (max-width: 360px) {
+    .directorist-te-page--disconnected .directorist-te-header {
+        align-items: flex-start;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-resource-links {
+        width: 100%;
+        margin-left: 0;
+        padding-top: 2px;
+    }
+}
diff --git a/assets/js/directorist-themes-extensions.js b/assets/js/directorist-themes-extensions.js
new file mode 100644
index 0000000000..3846e82859
--- /dev/null
+++ b/assets/js/directorist-themes-extensions.js
@@ -0,0 +1,774 @@
+(function ($) {
+    'use strict';
+
+    const page = $('.directorist-te-page');
+
+    if (!page.length) {
+        return;
+    }
+
+    const state = {
+        type: 'all',
+        status: 'all',
+        query: '',
+    };
+
+    const rows = () => $('.directorist-te-row');
+    const visibleRows = () => rows().filter(':not(.is-hidden)');
+    const selectableChecks = () =>
+        $('#atbdp-my-extensions-form .extension-name-checkbox');
+    const checkedSelectableChecks = () => selectableChecks().filter(':checked');
+    const visibleSelectableChecks = () =>
+        selectableChecks().filter(function () {
+            return !$(this).closest('.directorist-te-row').hasClass('is-hidden');
+        });
+    const updateBanner = () => $('.directorist-te-update-banner');
+    const updatePill = () =>
+        $('.directorist-te-segmented button[data-filter-status="update"] span');
+
+    const ajaxConfig = () => window.directorist_admin || {};
+    const ajaxUrl = () => ajaxConfig().ajaxurl || window.ajaxurl;
+    const nonce = () => ajaxConfig().nonce || '';
+    const directoristNonce = () => ajaxConfig().directorist_nonce || nonce();
+
+    function statusTokens(row) {
+        return String($(row).data('product-status') || '')
+            .split(/\s+/)
+            .filter(Boolean);
+    }
+
+    function rowHasStatus(row, status) {
+        const tokens = statusTokens(row);
+
+        if (status === 'all') {
+            return true;
+        }
+
+        if (status === 'installed') {
+            return (
+                tokens.includes('installed') ||
+                tokens.includes('active') ||
+                tokens.includes('update')
+            );
+        }
+
+        if (status === 'not-installed') {
+            return (
+                tokens.includes('not-installed') ||
+                tokens.includes('marketplace')
+            );
+        }
+
+        return tokens.includes(status);
+    }
+
+    function setButtonLoading(button, label) {
+        const $button = $(button);
+
+        if (!$button.data('default-html')) {
+            $button.data('default-html', $button.html());
+        }
+
+        $button.prop('disabled', true).html(
+            `<i class="fas fa-circle-notch fa-spin" aria-hidden="true"></i> ${label}`
+        );
+    }
+
+    function resetButton(button) {
+        const $button = $(button);
+        const defaultHtml = $button.data('default-html');
+
+        $button.prop('disabled', false);
+
+        if (defaultHtml) {
+            $button.html(defaultHtml);
+        }
+    }
+
+    function setCheckbox(checkbox, checked) {
+        const $checkbox = $(checkbox);
+        const $row = $checkbox.closest('.directorist-te-row');
+        const $label = $checkbox.closest('.directorist-te-checkbox');
+
+        $checkbox.prop('checked', checked);
+        $row.toggleClass('selected', checked);
+        $label.toggleClass('is-checked', checked);
+    }
+
+    function syncMasterCheckbox() {
+        const master = $('#select-all-installed');
+
+        if (!master.length) {
+            return;
+        }
+
+        const visible = visibleSelectableChecks();
+        const checked = visible.filter(':checked');
+        const isAll = visible.length > 0 && checked.length === visible.length;
+        const isSome = checked.length > 0 && checked.length < visible.length;
+
+        master.prop('checked', isAll);
+        master.prop('indeterminate', isSome);
+        master
+            .closest('.directorist-te-checkbox')
+            .toggleClass('is-checked', isAll || isSome);
+    }
+
+    function updateCountsAndEmptyState() {
+        const shown = visibleRows().length;
+        const label = shown === 1 ? '1 add-on' : `${shown} add-ons`;
+
+        $('.directorist-te-count').text(label);
+        $('.directorist-te-empty--filter').toggleClass('is-visible', shown === 0);
+        $('.directorist-te-upsell').toggle(
+            state.type === 'all' && state.status === 'all' && !state.query.trim()
+        );
+    }
+
+    function scopedUpdateCount() {
+        return rows()
+            .filter(function () {
+                const typeMatches =
+                    state.type === 'all' ||
+                    $(this).data('product-type') === state.type;
+
+                return typeMatches && statusTokens(this).includes('update');
+            })
+            .length;
+    }
+
+    function updateUpdateBanner() {
+        const banner = updateBanner();
+
+        if (!banner.length) {
+            return;
+        }
+
+        const updates = scopedUpdateCount();
+        const hasSelection = checkedSelectableChecks().length > 0;
+        const shouldShow =
+            updates > 0 &&
+            !hasSelection &&
+            ['all', 'installed', 'update'].includes(state.status);
+
+        banner.prop('hidden', !shouldShow);
+        updatePill().text(updates).toggle(updates > 0);
+    }
+
+    function updateBulkBar() {
+        const checked = checkedSelectableChecks();
+        const count = checked.length;
+        const bulkbar = $('.directorist-te-bulkbar');
+
+        bulkbar.prop('hidden', count === 0).toggleClass('show', count > 0);
+        $('.directorist-te-selected-count').text(`${count} selected`);
+
+        syncMasterCheckbox();
+        updateUpdateBanner();
+    }
+
+    function updateFilters() {
+        const query = state.query.trim().toLowerCase();
+
+        rows().each(function () {
+            const row = $(this);
+            const typeMatches =
+                state.type === 'all' || row.data('product-type') === state.type;
+            const statusMatches = rowHasStatus(this, state.status);
+            const textMatches =
+                !query ||
+                String(row.data('search-text') || '').includes(query);
+
+            row.toggleClass(
+                'is-hidden',
+                !(typeMatches && statusMatches && textMatches)
+            );
+        });
+
+        updateCountsAndEmptyState();
+        updateBulkBar();
+    }
+
+    function escapeHtml(value) {
+        return String(value)
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#039;');
+    }
+
+    function formMessage(form, key, fallback) {
+        return form.attr(`data-${key}`) || fallback;
+    }
+
+    function connectFeedback(form) {
+        return form.find('.directorist-te-feedback').first();
+    }
+
+    function renderConnectFeedback(form, type, message) {
+        connectFeedback(form)
+            .attr('role', 'alert')
+            .html(
+                `<div class="atbdp-form-alert atbdp-form-alert-${type}">${escapeHtml(
+                    message
+                )}</div>`
+            );
+    }
+
+    function clearConnectFeedback(form) {
+        connectFeedback(form).attr('role', 'status').empty();
+        form.find('input[name="username"], input[name="password"]').removeAttr(
+            'aria-invalid'
+        );
+    }
+
+    function setConnectBusy(form, busy) {
+        const submitButton = form.find('button[type="submit"]').first();
+        const fields = form.find('input[name="username"], input[name="password"]');
+
+        if (!submitButton.data('default-html')) {
+            submitButton.data('default-html', submitButton.html());
+        }
+
+        form.toggleClass('is-submitting', busy).attr('aria-busy', busy);
+        fields.prop('disabled', busy);
+        submitButton.prop('disabled', busy);
+
+        if (busy) {
+            submitButton.html(
+                formMessage(form, 'connecting-label', 'Connecting...')
+            );
+            return;
+        }
+
+        submitButton.html(submitButton.data('default-html'));
+    }
+
+    function isAuthRequest(settings) {
+        const data = settings?.data || '';
+
+        if (typeof data === 'string') {
+            try {
+                return (
+                    new URLSearchParams(data).get('action') ===
+                    'atbdp_authenticate_the_customer'
+                );
+            } catch (error) {
+                return data.includes('action=atbdp_authenticate_the_customer');
+            }
+        }
+
+        return data?.action === 'atbdp_authenticate_the_customer';
+    }
+
+    function resetCatalogFilters() {
+        state.type = 'all';
+        state.status = 'all';
+        state.query = '';
+
+        $('.directorist-te-tab').removeClass('is-active');
+        $('.directorist-te-tab[data-filter-type="all"]').addClass('is-active');
+        $('.directorist-te-segmented button').removeClass('is-active');
+        $('.directorist-te-segmented button[data-filter-status="all"]').addClass(
+            'is-active'
+        );
+        $('.directorist-te-search-input').val('');
+        updateFilters();
+        $('.directorist-te-search-input').first().trigger('focus');
+    }
+
+    function runPluginBulkTask(task, pluginItems, button) {
+        if (!pluginItems.length) {
+            return;
+        }
+
+        setButtonLoading(button, 'Working');
+
+        $.ajax({
+            type: 'post',
+            url: ajaxUrl(),
+            data: {
+                action: 'atbdp_plugins_bulk_action',
+                task,
+                plugin_items: pluginItems,
+                directorist_nonce: directoristNonce(),
+            },
+            success(response) {
+                if (response?.status && response.status.success === false) {
+                    alert(response.status.message || 'Action failed.');
+                    resetButton(button);
+                    return;
+                }
+
+                window.location.reload();
+            },
+            error() {
+                alert('Action failed. Please reload the page and try again.');
+                resetButton(button);
+            },
+        });
+    }
+
+    function runSelectedPluginUpdates(pluginItems, button) {
+        const queue = pluginItems.slice();
+
+        if (!queue.length) {
+            return;
+        }
+
+        setButtonLoading(button, 'Updating');
+
+        const next = () => {
+            const pluginKey = queue.shift();
+
+            if (!pluginKey) {
+                window.location.reload();
+                return;
+            }
+
+            $.ajax({
+                type: 'post',
+                url: ajaxUrl(),
+                data: {
+                    action: 'atbdp_update_plugins',
+                    plugin_key: pluginKey,
+                    nonce: nonce(),
+                },
+                success(response) {
+                    if (
+                        response?.status &&
+                        response.status.success === false
+                    ) {
+                        alert(response.status.message || 'Update failed.');
+                        resetButton(button);
+                        return;
+                    }
+
+                    next();
+                },
+                error() {
+                    alert('Update failed. Please reload the page and try again.');
+                    resetButton(button);
+                },
+            });
+        };
+
+        next();
+    }
+
+    $('.directorist-te-tab').on('click', function () {
+        $('.directorist-te-tab').removeClass('is-active');
+        $(this).addClass('is-active');
+        state.type = $(this).data('filter-type') || 'all';
+        updateFilters();
+    });
+
+    $('.directorist-te-segmented button').on('click', function () {
+        $('.directorist-te-segmented button').removeClass('is-active');
+        $(this).addClass('is-active');
+        state.status = $(this).data('filter-status') || 'all';
+        updateFilters();
+    });
+
+    $('.directorist-te-search-input').on('input', function () {
+        state.query = $(this).val();
+        updateFilters();
+    });
+
+    $('.directorist-te-empty-reset').on('click', function () {
+        resetCatalogFilters();
+    });
+
+    $('#atbdp-directorist-license-login-form.directorist-te-connect-form').on(
+        'submit',
+        function (event) {
+            const form = $(this);
+            const username = form.find('input[name="username"]').first();
+            const password = form.find('input[name="password"]').first();
+
+            clearConnectFeedback(form);
+
+            if (!username.val().trim()) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                username.attr('aria-invalid', 'true').trigger('focus');
+                renderConnectFeedback(
+                    form,
+                    'danger',
+                    formMessage(
+                        form,
+                        'username-required',
+                        'Enter your Directorist account username or email.'
+                    )
+                );
+                return;
+            }
+
+            if (!password.val()) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                password.attr('aria-invalid', 'true').trigger('focus');
+                renderConnectFeedback(
+                    form,
+                    'danger',
+                    formMessage(
+                        form,
+                        'password-required',
+                        'Enter your Directorist account password.'
+                    )
+                );
+                return;
+            }
+
+            setConnectBusy(form, true);
+        }
+    );
+
+    $(
+        '#atbdp-directorist-license-login-form.directorist-te-connect-form input[name="username"], #atbdp-directorist-license-login-form.directorist-te-connect-form input[name="password"]'
+    ).on('input', function () {
+        const form = $(this).closest('.directorist-te-connect-form');
+
+        $(this).removeAttr('aria-invalid');
+
+        if (!form.find('[aria-invalid="true"]').length) {
+            connectFeedback(form).attr('role', 'status').empty();
+        }
+    });
+
+    $(document).on('ajaxSuccess', function (_event, _xhr, settings, response) {
+        if (!isAuthRequest(settings)) {
+            return;
+        }
+
+        const form = $(
+            '#atbdp-directorist-license-login-form.directorist-te-connect-form'
+        );
+
+        if (!form.length || response?.has_previous_subscriptions) {
+            return;
+        }
+
+        if (response?.status?.success) {
+            return;
+        }
+
+        if (!connectFeedback(form).text().trim()) {
+            renderConnectFeedback(
+                form,
+                'danger',
+                formMessage(
+                    form,
+                    'unexpected-error',
+                    'Could not connect. Please check your details and try again.'
+                )
+            );
+        }
+
+        setConnectBusy(form, false);
+    });
+
+    $(document).on('ajaxError', function (_event, _xhr, settings) {
+        if (!isAuthRequest(settings)) {
+            return;
+        }
+
+        const form = $(
+            '#atbdp-directorist-license-login-form.directorist-te-connect-form'
+        );
+
+        if (!form.length) {
+            return;
+        }
+
+        renderConnectFeedback(
+            form,
+            'danger',
+            formMessage(
+                form,
+                'network-error',
+                'Could not reach Directorist.com. Please try again.'
+            )
+        );
+        setConnectBusy(form, false);
+    });
+
+    $('.directorist-te-password-toggle').on('click', function (event) {
+        event.preventDefault();
+
+        const button = $(this);
+        const input = button
+            .closest('.directorist-te-password-control')
+            .find('input[name="password"]')
+            .first();
+
+        if (!input.length) {
+            return;
+        }
+
+        const isHidden = input.attr('type') === 'password';
+        const nextLabel = isHidden
+            ? button.data('hide-label')
+            : button.data('show-label');
+
+        input.attr('type', isHidden ? 'text' : 'password').trigger('focus');
+        button.attr({
+            'aria-label': nextLabel,
+            'aria-pressed': isHidden ? 'true' : 'false',
+        });
+        button.find('i').toggleClass('la-eye', !isHidden);
+        button.find('i').toggleClass('la-eye-slash', isHidden);
+    });
+
+    $('#atbdp-my-extensions-form').on(
+        'change',
+        '.extension-name-checkbox',
+        function () {
+            setCheckbox(this, this.checked);
+            updateBulkBar();
+        }
+    );
+
+    $('#select-all-installed').on('change', function () {
+        const checked = this.checked;
+
+        visibleSelectableChecks().each(function () {
+            setCheckbox(this, checked);
+        });
+
+        updateBulkBar();
+    });
+
+    $('.directorist-te-bulk-clear').on('click', function () {
+        selectableChecks().each(function () {
+            setCheckbox(this, false);
+        });
+
+        updateBulkBar();
+    });
+
+    $(document).on('keydown', function (event) {
+        if (event.key !== 'Escape' || !checkedSelectableChecks().length) {
+            return;
+        }
+
+        selectableChecks().each(function () {
+            setCheckbox(this, false);
+        });
+
+        $('.ext-action-drop').removeClass('active');
+        updateBulkBar();
+    });
+
+    $('.directorist-te-bulk-action').on('click', function (event) {
+        event.preventDefault();
+
+        const task = $(this).data('task');
+        const pluginItems = checkedSelectableChecks()
+            .map(function () {
+                return this.id;
+            })
+            .get();
+
+        if (!task || !pluginItems.length) {
+            return;
+        }
+
+        if (
+            task === 'uninstall' &&
+            !window.confirm(
+                'Delete removes the selected plugin files from this site. Continue?'
+            )
+        ) {
+            return;
+        }
+
+        if (task === 'update') {
+            runSelectedPluginUpdates(pluginItems, this);
+            return;
+        }
+
+        runPluginBulkTask(task, pluginItems, this);
+    });
+
+    $('.directorist-te-single-plugin-task').on('click', function (event) {
+        event.preventDefault();
+
+        const task = $(this).data('task');
+        const target = $(this).data('target');
+
+        if (!task || !target) {
+            return;
+        }
+
+        runPluginBulkTask(task, [target], this);
+    });
+
+    $('.directorist-te-update-all').on('click', function (event) {
+        event.preventDefault();
+
+        const button = this;
+        const updateExtensions = $(button).data('update-extensions') === 1;
+        const updateThemes = $(button).data('update-themes') === 1;
+        const queue = [];
+
+        if (updateExtensions) {
+            queue.push('atbdp_update_plugins');
+        }
+
+        if (updateThemes) {
+            queue.push('atbdp_update_theme');
+        }
+
+        if (!queue.length) {
+            return;
+        }
+
+        setButtonLoading(button, 'Updating');
+
+        const next = () => {
+            const action = queue.shift();
+
+            if (!action) {
+                window.location.reload();
+                return;
+            }
+
+            $.ajax({
+                type: 'post',
+                url: ajaxUrl(),
+                data: {
+                    action,
+                    nonce: nonce(),
+                },
+                success(response) {
+                    if (
+                        response?.status &&
+                        response.status.success === false
+                    ) {
+                        alert(response.status.message || 'Update failed.');
+                        resetButton(button);
+                        return;
+                    }
+
+                    next();
+                },
+                error() {
+                    alert('Update failed. Please reload the page and try again.');
+                    resetButton(button);
+                },
+            });
+        };
+
+        next();
+    });
+
+    $('.directorist-te-menu-toggle').on('click', function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const wasOpen = $(this).hasClass('active');
+
+        $('.ext-action-drop').removeClass('active');
+
+        if (!wasOpen) {
+            $(this).addClass('active');
+        }
+    });
+
+    $('.directorist-te-menu__items').on('click', function (event) {
+        event.stopPropagation();
+    });
+
+    $('.directorist-te-menu-link').on('click', function () {
+        $('.ext-action-drop').removeClass('active');
+    });
+
+    $(document).on('click', function (event) {
+        if ($(event.target).closest('.directorist-te-menu').length) {
+            return;
+        }
+
+        $('.ext-action-drop').removeClass('active');
+    });
+
+    document.addEventListener(
+        'click',
+        function (event) {
+            const menuToggle = event.target.closest(
+                '.directorist-te-menu-toggle'
+            );
+
+            if (menuToggle) {
+                event.preventDefault();
+                event.stopPropagation();
+
+                const wasOpen = menuToggle.classList.contains('active');
+
+                document
+                    .querySelectorAll('.ext-action-drop.active')
+                    .forEach((toggle) => toggle.classList.remove('active'));
+
+                if (!wasOpen) {
+                    menuToggle.classList.add('active');
+                }
+
+                return;
+            }
+
+            const themeButton = event.target.closest('.theme-activate-btn');
+
+            if (themeButton && !themeButton.dataset.directoristConfirmed) {
+                if (
+                    !window.confirm(
+                        'Activating this theme changes the live site theme. Continue?'
+                    )
+                ) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    event.stopImmediatePropagation();
+                    return;
+                }
+
+                themeButton.dataset.directoristConfirmed = '1';
+                window.setTimeout(() => {
+                    delete themeButton.dataset.directoristConfirmed;
+                }, 1000);
+            }
+
+            const uninstallLink = event.target.closest('.ext-action-uninstall');
+
+            if (!uninstallLink) {
+                return;
+            }
+
+            event.preventDefault();
+            event.stopPropagation();
+            event.stopImmediatePropagation();
+
+            const target = uninstallLink.dataset.target;
+
+            if (!target) {
+                return;
+            }
+
+            if (
+                !window.confirm(
+                    'Delete removes this plugin from the server. Continue?'
+                )
+            ) {
+                return;
+            }
+
+            runPluginBulkTask('uninstall', [target], uninstallLink);
+        },
+        true
+    );
+
+    selectableChecks().each(function () {
+        setCheckbox(this, this.checked);
+    });
+
+    updateFilters();
+})(jQuery);
diff --git a/docs/agents/directorist-themes-extensions-page/SKILL.md b/docs/agents/directorist-themes-extensions-page/SKILL.md
index b5243c6069..462a10bdf5 100644
--- a/docs/agents/directorist-themes-extensions-page/SKILL.md
+++ b/docs/agents/directorist-themes-extensions-page/SKILL.md
@@ -76,6 +76,7 @@ agent-browser --session directorist-themes-extensions close
 - Preserve the page slug `atbdp-extension`, parent post type `at_biz_dir`, capability `manage_options`, existing AJAX action names, nonce expectations, response compatibility, settings links, filters, aliases, and legacy user meta keys.
 - Preserve legacy misspellings that are part of stored data or public contracts, including `_atbdp_has_subscriptions_sassion` and `atbdp_close_subscriptions_sassion`.
 - Do not remove or repurpose old selectors, classes, template paths, filters, or action hooks without a compatibility shim and explicit migration plan.
+- After a new UI replaces an old page section, audit old design-specific CSS and remove unused rules after verifying they are not used by the rewritten page, legacy compatibility shims, template overrides, or other Directorist admin screens.
 - Treat install, update, download, uninstall, and theme activation as high-risk operations. Use read-only inspection by default.
 - Keep this page separate from installed extension settings. Settings-panel work belongs to `docs/agents/directorist-settings-panel/SKILL.md`.
 - Treat Figma/design input as design intent. Do not rewrite backend product/install logic only to match a visual design.
diff --git a/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md b/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
index 65e378928c..6da30c8a5d 100644
--- a/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
+++ b/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
@@ -14,6 +14,9 @@ Use this checklist for Themes & Extensions page work. Current runtime data must
 - Confirm product names, descriptions, thumbnails, and links use API values when present and local defaults when API fields are missing or invalid.
 - Confirm product badges/status render only from product API/filter-provided fields and do not rely on hardcoded product slugs or product order.
 - Confirm no old/new UI feature flag or rollout toggle was added unless explicitly requested.
+- Confirm disconnected-state username is first in tab order but is not autofocused on normal page load.
+- Confirm disconnected-state resource links are plain Docs, Tutorials, and Support links with external-link safety attributes.
+- Confirm disconnected-state account copy changes based on local official Directorist product detection: normal subscription copy when none are installed, installed-product copy when local Directorist extensions/themes are present.
 
 ## Agent Browser Checks
 
@@ -81,6 +84,17 @@ Use categories only in docs. Do not preserve observed counts or product lists.
 - Compare desktop and mobile interaction latency.
 - Check console and page errors after each tested journey.
 
+## Disconnected Accessibility Checks
+
+- Confirm the disconnected page remains browse-first: account connect form plus marketplace catalog are both reachable without forced focus.
+- Confirm username and password fields have visible labels.
+- Confirm pressing Enter inside username/password submits the account-connect form.
+- Confirm password visibility toggle changes the input type, icon, `aria-label`, and `aria-pressed`.
+- Confirm connect loading state disables controls only during the active request and restores them after failure.
+- Confirm empty username, empty password, wrong credentials, API unavailable, nonce failure, and unexpected errors render inline form feedback.
+- Confirm disconnected search no-result state shows an inline empty state and a clear/reset affordance.
+- Confirm mobile disconnected view uses a one-column connect form, does not open the keyboard on load, and has no horizontal page overflow.
+
 ## Destructive-Action Safeguards
 
 Do not execute these on a real/client site without explicit confirmation:
diff --git a/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md b/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
index 99bcd75a51..3cebc77d1a 100644
--- a/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
+++ b/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
@@ -22,21 +22,59 @@ The approved direction is a full UI rewrite of this page, not a staged old/new U
 - React should only be considered after an explicit larger admin UI migration decision, because it requires a new state/API layer and broader QA.
 - This architecture is the lowest-risk default for the 20k customer base: fewer moving parts, easier rollback, existing server-rendered fallback, and stable public contracts.
 
+## Locked Reference Design Behavior
+
+When implementing from the approved HTML demo design, match the behavior as well as the static visuals. Do not store demo product rows or local runtime values as truth.
+
+- Use a compact admin-app layout: resource topbar, page head, optional account/connect panel, update banner, type tabs, status segmented control, list rows, upsell, and footer.
+- Keep the core sizing rhythm from the reference: 1200px max content container, 24px desktop gutters, 62px topbar, 42px type tabs, 41px list header, and 66px dense desktop rows. Adapt only for WordPress admin chrome and responsive constraints.
+- Top resource navigation should include Dashboard, Themes & Extensions, Docs, Tutorials, and Support. Docs, Tutorials, and Support are external handoff links; the active Themes & Extensions item should not duplicate the WordPress sidebar as the primary navigation source.
+- On narrow screens, resource navigation can become a horizontal scroll area. Do not create page-level horizontal overflow.
+- Filtering is cumulative: product type tab, product status segment, and search query combine together. A search query should continue to apply when switching tabs or status.
+- Visible add-on count updates after filtering. If no rows match, show an inline empty state instead of leaving a blank list.
+- The upsell/library banner shows only in the unfiltered default catalog view. Hide it during search, type filtering, or status filtering.
+- Update banner visibility depends on update availability in the current type scope. Hide the banner while rows are selected.
+- Row selection should visually set a selected row state and reveal a sticky bulk-action bar with `N selected`, plus Clear and Escape reset behavior.
+- Preserve real safety constraints: only rows backed by safe existing bulk contracts should be selectable for bulk management. In the disconnected marketplace-only state, do not invent bulk management actions only to match the static demo.
+- Master select applies to visible selectable rows only, and should show all/some/none visual states.
+- Kebab menus open one at a time, outside click closes them, and destructive actions remain inside the overflow/danger path rather than primary row buttons.
+- Safe read-only actions such as `View Details` and `Demo` should be visible row actions instead of being hidden only inside the overflow menu. Keep the overflow menu for secondary alternatives and protected/destructive actions.
+- Do not render duplicate visible links to the same destination with different labels such as `Get It Now` and `View Details`. If disconnected marketplace rows only have a product details URL, show `View Details` as the single product link. Use `Get It Now` only when it points to a distinct purchase/checkout flow or when it is the single intended purchase CTA.
+- Do not trigger Install, Update, Activate, Deactivate, Uninstall, Logout, Refresh Purchase, or theme switch during design QA without explicit confirmation.
+
 ## Disconnected Account Policy
 
 - Preserve current disconnected-account behavior by default.
+- Treat `logout` in this page context as Directorist account disconnect, not WordPress admin logout.
 - When `_atbdp_has_subscriptions_sassion` is empty, the page should render the account-connect form and the marketplace/promo discovery section.
 - Do not expose installed premium product management in the disconnected state by default.
 - Do not show Settings, Active status, Activate, Deactivate, Update, or local management actions for installed premium plugins/themes while disconnected unless a future task explicitly changes this policy.
+- Do not show disconnected users management-only UI affordances such as header account utilities, Installed/Updates status filters, master select checkboxes, row selection, or bulk-action controls. Keep browsing affordances such as add-on search, type tabs, counts, product detail links, and Get It Now links.
+- In the disconnected marketplace catalog, place add-on search with the catalog toolbar/count area instead of the hero. On desktop, keep type tabs, search, and visible count in one horizontal toolbar when space allows. Search controls the product list, so it should stay visually near the list it filters.
+- In the disconnected marketplace catalog, do not show a top page menu for Dashboard or Themes & Extensions. The WordPress admin sidebar owns page navigation. Keep only right-aligned resource links for Docs, Tutorials, and Support.
 - Existing installed/active premium extensions can continue working elsewhere in WordPress, but the Themes & Extensions page should not manage them while disconnected.
 - License-backed actions must remain gated behind connected account/subscription data: new premium install, premium package download, premium update, refresh purchase, and any server-side license validation flow.
-- Improve disconnected-state messaging without changing behavior. Recommended helper copy: `Already installed extensions will keep working. Connect your Directorist account to manage subscriptions, installs, and updates.`
+- Improve disconnected-state messaging without changing behavior. If no official Directorist products are installed locally, use normal subscription-management copy. If official Directorist extensions/themes are installed locally while the account is disconnected, use installed-product copy such as `We found Directorist products installed on this site. They will keep working. Connect your Directorist account to verify subscriptions, install new products, receive updates, and manage license-backed product actions.`
 - The intent is to keep a clear account-first product-management surface, avoid license/update confusion, and reduce support risk for existing customer sites.
 - Connected-state page model can still group products as:
   - `Installed`: local WordPress plugin/theme state rendered after account connection.
   - `Available in your account`: subscription/license data rendered after account connection.
   - `Marketplace`: external product discovery, visible regardless of connection state.
 
+## Disconnected UX And Accessibility Recommendations
+
+- Keep the disconnected state browse-first and connect-when-needed. Do not force login as the only first action.
+- Do not autofocus the username field on normal page load. Autofocus can steal keyboard/screen-reader context and opens the mobile keyboard immediately. Username should remain first in the natural tab order.
+- Focus the username field only after explicit user intent, such as a future `Connect account` CTA or a `#connect-account` deep link.
+- Keep the account-connect form as a real form so pressing Enter inside username/password submits the connect request.
+- Keep the password visibility toggle on the account password field. It must update the input type, icon, `aria-label`, and `aria-pressed` state.
+- Show inline form feedback for empty username, empty password, wrong credentials, unavailable API, nonce/capability failure, and unexpected errors. Avoid browser-only alert feedback for normal validation failures.
+- On connect submit, disable the username/password inputs and submit button only while the request is active. Show an immediate loading state such as `Connecting...`, and restore controls on failure.
+- Keep Docs, Tutorials, and Support as simple right-aligned resource links in disconnected state. External links should use `target="_blank"` with `rel="noopener noreferrer"` and clear accessible text where needed.
+- Keep disconnected marketplace actions read-only unless they are distinct external purchase/detail actions. Prefer `View Details` and `Demo`; use `Get It Now` only when it points to a real distinct purchase/checkout destination.
+- If search/filter returns no results, show an inline empty state with a clear/reset affordance instead of a blank product list.
+- On mobile, keep the connect form one-column, avoid autofocus, keep search near the product list, and verify there is no page-level horizontal overflow.
+
 ## Remote Product Badge Policy
 
 - New, beta, popular, sale, or similar product badges/status should be driven by the product API data contract, not hardcoded in plugin templates.
@@ -92,6 +130,18 @@ Primary areas:
 - Add progressive no-reload behavior behind existing AJAX actions. Use a small page-state adapter, loading states, normalized error handling, and canonical state refresh before claiming completion.
 - Keep full reload fallback for high-risk actions and unreconciled states.
 
+### Legacy Design CSS Cleanup
+
+- A full UI rewrite should not leave old page-specific design styles in place when they are no longer used.
+- After replacing an old section or selector set, audit legacy styles in `assets/src/scss/layout/admin/admin-style.scss`, generated/admin CSS, and any new page-specific stylesheet.
+- Remove unused old design-specific rules only after confirming they are not used by:
+  - the rewritten Themes & Extensions page;
+  - compatibility selector shims kept for existing users;
+  - theme/template overrides;
+  - other Directorist admin screens that share the same classes.
+- Prefer scoped new page styles over broad global overrides. If a legacy rule must stay for compatibility, document why it stays and isolate new styles with page-specific selectors.
+- Verify the cleanup with source search, desktop/mobile Agent Browser checks, and console/page-error checks. Do not remove old classes that existing JavaScript still reads unless the JS is migrated or a shim remains.
+
 ### Dead Login Continuation Flow
 
 - The account-connect success path reloads immediately, leaving older checklist/download continuation code unreachable.
@@ -185,13 +235,14 @@ Primary areas:
 7. Build a response formatter for all page AJAX handlers: success, error, message, action, item key, canonical state needed, reload fallback.
 8. Add a small page-specific JavaScript state adapter around existing AJAX calls.
 9. Replace fragile table layout with responsive rows/cards while preserving old selectors or compatibility wrappers.
-10. Fix low-risk no-reload flows first: account-connect feedback, refresh purchase errors, tabs, filtering/search, inline errors, and button states.
-11. Harden single plugin activation and bulk result handling.
-12. Harden install/update/download services before changing their UI behavior.
-13. Keep uninstall for compatibility, but move it behind a protected danger action with confirmation and canonical plugin-state revalidation.
-14. Require confirmation modal for every theme switch, then revalidate canonical active-theme state or use reload fallback.
-15. Treat plugin/theme update and filesystem replacement as conservative flows with server revalidation and reload fallback.
-16. Remove or rebuild stale/dead code only after verifying no custom integration depends on old selectors or action names.
+10. Audit and remove unused old design-specific CSS after confirming compatibility selectors and other admin screens do not depend on it.
+11. Fix low-risk no-reload flows first: account-connect feedback, refresh purchase errors, tabs, filtering/search, inline errors, and button states.
+12. Harden single plugin activation and bulk result handling.
+13. Harden install/update/download services before changing their UI behavior.
+14. Keep uninstall for compatibility, but move it behind a protected danger action with confirmation and canonical plugin-state revalidation.
+15. Require confirmation modal for every theme switch, then revalidate canonical active-theme state or use reload fallback.
+16. Treat plugin/theme update and filesystem replacement as conservative flows with server revalidation and reload fallback.
+17. Remove or rebuild stale/dead code only after verifying no custom integration depends on old selectors or action names.
 
 ## Regression Checklist For Full Rewrite
 
@@ -203,6 +254,7 @@ Primary areas:
 - Product badges render only from API/filter-provided badge data and disappear safely when absent or expired.
 - Existing installed active, installed inactive, subscribed-not-installed, outdated, required, promo-only, active theme, inactive theme, and update-available states are all represented.
 - No page-level horizontal overflow on mobile admin widths.
+- Old design-specific CSS that is no longer used by this page, compatibility shims, overrides, or shared admin screens has been removed or explicitly documented as intentionally retained.
 - No action leaves buttons permanently disabled after failure.
 - No local action uses `alert()` as the only feedback.
 - Uninstall is not exposed as a one-click primary action; it requires explicit confirmation and recovers cleanly on failure.
diff --git a/includes/asset-loader/init.php b/includes/asset-loader/init.php
index 0d4490b977..8f0c3b2947 100644
--- a/includes/asset-loader/init.php
+++ b/includes/asset-loader/init.php
@@ -281,7 +281,9 @@ public static function admin_scripts( string $hook_suffix ) {
             wp_enqueue_media();
         } elseif ( Helper::is_admin_page( 'extensions' ) ) {
             wp_enqueue_style( 'directorist-admin-style' );
+            wp_enqueue_style( 'directorist-themes-extensions', DIRECTORIST_ASSETS . 'css/directorist-themes-extensions.css', [ 'directorist-admin-style' ], ATBDP_VERSION );
             wp_enqueue_script( 'directorist-admin-script' );
+            wp_enqueue_script( 'directorist-themes-extensions', DIRECTORIST_ASSETS . 'js/directorist-themes-extensions.js', [ 'jquery', 'directorist-admin-script' ], ATBDP_VERSION, true );
             wp_enqueue_script( 'directorist-tooltip' );
 
             // Inline styles
diff --git a/views/admin-templates/theme-extensions/theme-extension.php b/views/admin-templates/theme-extensions/theme-extension.php
index d44131f1f6..6a64e61bb1 100644
--- a/views/admin-templates/theme-extensions/theme-extension.php
+++ b/views/admin-templates/theme-extensions/theme-extension.php
@@ -1,16 +1,829 @@
-<div id="directorist" class="wrap atbd_wrapper">
-    <!-- my-themes-extensions -->
-    <div id="my-themes-extensions" class="atbdp-tab-content active">
+<?php
+/**
+ * Themes & Extensions admin page.
+ *
+ * @package Directorist
+ */
+
+$extensions            = ! empty( $args['extension_list'] ) && is_array( $args['extension_list'] ) ? $args['extension_list'] : [];
+$themes                = ! empty( $args['theme_list'] ) && is_array( $args['theme_list'] ) ? $args['theme_list'] : [];
+$outdated_plugins      = ! empty( $args['outdated_plugin_list'] ) && is_array( $args['outdated_plugin_list'] ) ? $args['outdated_plugin_list'] : [];
+$outdated_keys         = array_keys( $outdated_plugins );
+$is_logged_in          = ! empty( $args['is_logged_in'] );
+$is_beta               = ! empty( $args['is_beta'] );
+$installed_extensions  = ! empty( $args['installed_extension_list'] ) && is_array( $args['installed_extension_list'] ) ? $args['installed_extension_list'] : [];
+$installed_themes      = ! empty( $args['installed_theme_list'] ) && is_array( $args['installed_theme_list'] ) ? $args['installed_theme_list'] : [];
+$has_local_products    = ! empty( $installed_extensions ) || ! empty( $installed_themes );
+$connect_title         = $has_local_products
+    ? __( 'Connect to manage installed Directorist products', 'directorist' )
+    : __( 'Connect to manage subscribed products', 'directorist' );
+$connect_description   = $has_local_products
+    ? __( 'We found Directorist products installed on this site. They will keep working. Connect your Directorist account to verify subscriptions, install new products, receive updates, and manage license-backed product actions.', 'directorist' )
+    : __( 'You can browse available products now. Connect your account when you need subscription installs, updates, and license-backed product management.', 'directorist' );
+$rows                  = [];
+$seen_rows             = [];
+
+$get_extension_product = static function( $extension_key ) use ( $extensions, $args ) {
+    $extension_key = is_string( $extension_key ) ? $extension_key : '';
+    $alias_key     = $args['ATBDP_Extensions']->get_extension_alias_key( $extension_key );
+
+    if ( isset( $extensions[ $extension_key ] ) ) {
+        return $extensions[ $extension_key ];
+    }
+
+    if ( ! empty( $alias_key ) && isset( $extensions[ $alias_key ] ) ) {
+        return $extensions[ $alias_key ];
+    }
+
+    return [];
+};
+
+$get_product_badges = static function( $product ) {
+    if ( ! is_array( $product ) ) {
+        return [];
+    }
+
+    $badges = [];
+    foreach ( [ 'badge', 'badges', 'product_badge', 'product_badges', 'product_status', 'release_status' ] as $badge_key ) {
+        if ( empty( $product[ $badge_key ] ) ) {
+            continue;
+        }
 
-        <?php
-        if ( ! $args[ 'is_logged_in' ] ) {
-            ATBDP()->load_template( 'admin-templates/theme-extensions/auth/license-auth-section', $args );
-        } else {
-            ATBDP()->load_template( 'admin-templates/theme-extensions/statistics/statistics', $args );
-            ATBDP()->load_template( 'admin-templates/theme-extensions/my-themes-extensions/my-themes-extensions', $args );
+        $badge_values = is_array( $product[ $badge_key ] ) ? $product[ $badge_key ] : [ $product[ $badge_key ] ];
+        foreach ( $badge_values as $badge_value ) {
+            if ( is_array( $badge_value ) ) {
+                $badge_value = $badge_value['label'] ?? $badge_value['name'] ?? '';
+            }
+
+            if ( is_scalar( $badge_value ) && '' !== trim( (string) $badge_value ) ) {
+                $badges[] = trim( (string) $badge_value );
+            }
         }
+    }
+
+    return array_values( array_unique( $badges ) );
+};
+
+$get_link = static function( $product ) {
+    if ( empty( $product['link'] ) ) {
+        return '#';
+    }
+
+    return ATBDP_Upgrade::promo_link( $product['link'] );
+};
+
+$get_image = static function( $product ) {
+    return ! empty( $product['thumbnail'] ) ? $product['thumbnail'] : DIRECTORIST_ASSETS . 'images/no-image.png';
+};
+
+$get_details_action = static function( $product ) use ( $get_link ) {
+    return [
+        'label'    => __( 'View Details', 'directorist' ),
+        'href'     => $get_link( $product ),
+        'class'    => 'directorist-te-btn directorist-te-btn--ghost directorist-te-btn--details',
+        'external' => true,
+    ];
+};
+
+$get_demo_action = static function( $product ) {
+    if ( empty( $product['demo_link'] ) ) {
+        return null;
+    }
+
+    return [
+        'label'    => __( 'Demo', 'directorist' ),
+        'href'     => $product['demo_link'],
+        'class'    => 'directorist-te-btn directorist-te-btn--ghost directorist-te-btn--demo',
+        'external' => true,
+    ];
+};
+
+$add_row = static function( $row ) use ( &$rows, &$seen_rows ) {
+    if ( empty( $row['key'] ) || isset( $seen_rows[ $row['key'] ] ) ) {
+        return;
+    }
+
+    $seen_rows[ $row['key'] ] = true;
+    $rows[]                  = $row;
+};
+
+$render_attrs = static function( $attrs ) {
+    if ( empty( $attrs ) || ! is_array( $attrs ) ) {
+        return;
+    }
+
+    foreach ( $attrs as $name => $value ) {
+        printf( ' %s="%s"', esc_attr( $name ), esc_attr( $value ) );
+    }
+};
+
+$render_action = static function( $action ) use ( $render_attrs ) {
+    if ( empty( $action['label'] ) ) {
+        return;
+    }
+
+    $href   = ! empty( $action['href'] ) ? $action['href'] : '#';
+    $class  = ! empty( $action['class'] ) ? $action['class'] : 'directorist-te-btn';
+    $target = ! empty( $action['external'] ) ? ' target="_blank" rel="noopener noreferrer"' : '';
+    ?>
+    <a href="<?php echo esc_url( $href ); ?>" class="<?php echo esc_attr( $class ); ?>"<?php echo $target; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?><?php $render_attrs( $action['attrs'] ?? [] ); ?>>
+        <?php if ( ! empty( $action['icon'] ) ) : ?>
+            <i class="<?php echo esc_attr( $action['icon'] ); ?>" aria-hidden="true"></i>
+        <?php endif; ?>
+        <?php echo esc_html( $action['label'] ); ?>
+    </a>
+    <?php
+};
+
+$render_status = static function( $label, $status ) {
+    if ( empty( $label ) ) {
+        return;
+    }
+    ?>
+    <span class="directorist-te-status directorist-te-status--<?php echo esc_attr( $status ); ?>"><?php echo esc_html( $label ); ?></span>
+    <?php
+};
+
+$required_lookup = [];
+if ( ! empty( $args['required_extensions_list'] ) && is_array( $args['required_extensions_list'] ) ) {
+    foreach ( $args['required_extensions_list'] as $extension_key => $required_extension ) {
+        $extension_alias = $args['ATBDP_Extensions']->get_extension_alias_key( $extension_key );
+        $required_base   = ! empty( $required_extension['base'] ) ? $required_extension['base'] : "{$extension_key}/{$extension_key}.php";
+
+        foreach ( array_filter( [ $extension_key, $extension_alias, $required_base, preg_replace( '/\/.+/', '', $required_base ) ] ) as $required_lookup_key ) {
+            $required_lookup[ $required_lookup_key ] = $required_extension;
+        }
+    }
+}
+
+if ( $is_logged_in && ! empty( $args['installed_extension_list'] ) && is_array( $args['installed_extension_list'] ) ) {
+    foreach ( $args['installed_extension_list'] as $extension_base => $extension ) {
+        $extension_key = preg_replace( '/\/.+/', '', $extension_base );
+        $product       = $get_extension_product( $extension_key );
+        $name          = ! empty( $extension['Name'] ) ? $extension['Name'] : ( $product['name'] ?? $extension_key );
+        $version       = ! empty( $extension['Version'] ) ? $extension['Version'] : '';
+        $description   = $product['description'] ?? ( $extension['Description'] ?? '' );
+        $has_update    = in_array( $extension_base, $outdated_keys, true );
+        $is_active     = is_plugin_active( $extension_base );
+        $is_required   = isset( $required_lookup[ $extension_base ] ) || isset( $required_lookup[ $extension_key ] );
+        $status        = $has_update ? 'update installed active' : ( $is_active ? 'active installed' : 'installed' );
+        $status_label  = $has_update ? __( 'Update available', 'directorist' ) : ( $is_active ? __( 'Active', 'directorist' ) : __( 'Installed', 'directorist' ) );
+        $primary       = $has_update
+            ? [
+                'label' => $is_beta ? __( 'Update Beta', 'directorist' ) : __( 'Update', 'directorist' ),
+                'class' => 'directorist-te-btn directorist-te-btn--primary ext-update-btn',
+                'attrs' => [ 'data-key' => $extension_base ],
+                'icon'  => 'la la-refresh',
+            ]
+            : (
+                $is_active
+                    ? [
+                        'label' => __( 'Settings', 'directorist' ),
+                        'href'  => $args['settings_url'],
+                        'class' => 'directorist-te-btn directorist-te-btn--secondary',
+                        'icon'  => 'la la-settings',
+                    ]
+                    : [
+                        'label' => __( 'Activate', 'directorist' ),
+                        'class' => 'directorist-te-btn directorist-te-btn--primary plugin-active-btn',
+                        'attrs' => [
+                            'data-type' => 'plugin',
+                            'data-key'  => $extension_base,
+                        ],
+                        'icon'  => 'la la-check',
+                    ]
+            );
+
+        $menu = [
+            [
+                'label' => __( 'Settings', 'directorist' ),
+                'href'  => $args['settings_url'],
+                'class' => 'directorist-te-menu-link',
+            ],
+        ];
+
+        if ( $is_active ) {
+            $menu[] = [
+                'label' => __( 'Deactivate', 'directorist' ),
+                'class' => 'directorist-te-menu-link directorist-te-single-plugin-task',
+                'attrs' => [
+                    'data-task'   => 'deactivate',
+                    'data-target' => $extension_base,
+                ],
+            ];
+        }
+
+        $menu[] = [
+            'label' => __( 'Uninstall', 'directorist' ),
+            'class' => 'directorist-te-menu-link directorist-te-menu-link--danger ext-action-uninstall',
+            'attrs' => [ 'data-target' => $extension_base ],
+        ];
+
+        $badges = $get_product_badges( $product );
+        if ( $is_required ) {
+            $badges[] = __( 'Required', 'directorist' );
+        }
+
+        $add_row(
+            [
+                'key'         => 'extension-installed-' . $extension_base,
+                'type'        => 'extension',
+                'status'      => $status,
+                'name'        => $name,
+                'version'     => $version,
+                'description' => $description,
+                'image'       => $get_image( $product ),
+                'badges'      => $badges,
+                'statusLabel' => $status_label,
+                'primary'     => $primary,
+                'menu'        => $menu,
+                'bulk'        => [
+                    'id'    => $extension_base,
+                    'name'  => $extension_base,
+                    'class' => 'extension-name-checkbox directorist-te-check',
+                ],
+            ]
+        );
+    }
+}
+
+if ( $is_logged_in && ! empty( $args['current_active_theme_info'] ) && is_array( $args['current_active_theme_info'] ) ) {
+    $active_theme = $args['current_active_theme_info'];
+    $theme_key    = ! empty( $active_theme['stylesheet'] ) ? $active_theme['stylesheet'] : sanitize_title( $active_theme['name'] ?? '' );
+    $product      = $themes[ $theme_key ] ?? [];
+    $has_update   = ! empty( $active_theme['has_update'] );
+
+    $add_row(
+        [
+            'key'         => 'theme-active-' . $theme_key,
+            'type'        => 'theme',
+            'status'      => $has_update ? 'update active installed' : 'active installed',
+            'name'        => $active_theme['name'] ?? __( 'Active Theme', 'directorist' ),
+            'version'     => $active_theme['version'] ?? '',
+            'description' => $product['description'] ?? __( 'Currently active WordPress theme for this site.', 'directorist' ),
+            'image'       => ! empty( $active_theme['thumbnail'] ) ? $active_theme['thumbnail'] : $get_image( $product ),
+            'badges'      => array_merge( $get_product_badges( $product ), [ __( 'Active theme', 'directorist' ) ] ),
+            'statusLabel' => $has_update ? __( 'Update available', 'directorist' ) : __( 'Active', 'directorist' ),
+            'primary'     => $has_update
+                ? [
+                    'label' => $is_beta ? __( 'Update Beta', 'directorist' ) : __( 'Update', 'directorist' ),
+                    'class' => 'directorist-te-btn directorist-te-btn--primary theme-update-btn',
+                    'attrs' => [ 'data-target' => $active_theme['stylesheet'] ?? '' ],
+                    'icon'  => 'la la-refresh',
+                ]
+                : [
+                    'label'    => __( 'Customize', 'directorist' ),
+                    'href'     => $active_theme['customizer_link'] ?? '#',
+                    'class'    => 'directorist-te-btn directorist-te-btn--secondary',
+                    'external' => true,
+                    'icon'     => 'la la-sliders',
+                ],
+            'menu'        => [
+                [
+                    'label'    => __( 'Customize', 'directorist' ),
+                    'href'     => $active_theme['customizer_link'] ?? '#',
+                    'class'    => 'directorist-te-menu-link',
+                    'external' => true,
+                ],
+            ],
+        ]
+    );
+}
+
+if ( $is_logged_in && ! empty( $args['extensions_available_in_subscriptions'] ) && is_array( $args['extensions_available_in_subscriptions'] ) ) {
+    foreach ( $args['extensions_available_in_subscriptions'] as $extension_key => $extension ) {
+        $product     = array_merge( $get_extension_product( $extension_key ), is_array( $extension ) ? $extension : [] );
+        $name        = $product['title'] ?? $product['name'] ?? $extension_key;
+        $description = $product['description'] ?? '';
+
+        $add_row(
+            [
+                'key'         => 'extension-subscription-' . $extension_key,
+                'type'        => 'extension',
+                'status'      => 'not-installed',
+                'name'        => $name,
+                'description' => $description,
+                'image'       => $get_image( $product ),
+                'badges'      => $get_product_badges( $product ),
+                'statusLabel' => __( 'Not installed', 'directorist' ),
+                'primary'     => [
+                    'label' => $is_beta ? __( 'Install Beta', 'directorist' ) : __( 'Install', 'directorist' ),
+                    'class' => 'directorist-te-btn directorist-te-btn--primary file-install-btn',
+                    'attrs' => [
+                        'data-type' => 'plugin',
+                        'data-key'  => $extension_key,
+                    ],
+                    'icon'  => 'la la-download',
+                ],
+                'details'     => $is_purchased ? $get_details_action( $product ) : null,
+                'menu'        => [],
+            ]
+        );
+    }
+}
+
+if ( $is_logged_in && ! empty( $args['required_extensions_list'] ) && is_array( $args['required_extensions_list'] ) ) {
+    foreach ( $args['required_extensions_list'] as $extension_key => $required_extension ) {
+        $required_base = ! empty( $required_extension['base'] ) ? $required_extension['base'] : "{$extension_key}/{$extension_key}.php";
+
+        if ( isset( $seen_rows[ 'extension-installed-' . $required_base ] ) || ! empty( $required_extension['installed'] ) ) {
+            continue;
+        }
+
+        $product     = $get_extension_product( $extension_key );
+        $name        = $product['name'] ?? $extension_key;
+        $description = $product['description'] ?? '';
+        $is_purchased = ! empty( $required_extension['purchased'] );
+
+        $add_row(
+            [
+                'key'         => 'extension-required-' . $extension_key,
+                'type'        => 'extension',
+                'status'      => $is_purchased ? 'required not-installed' : 'marketplace required not-installed',
+                'name'        => $name,
+                'description' => $description,
+                'image'       => $get_image( $product ),
+                'badges'      => array_merge( $get_product_badges( $product ), [ __( 'Required', 'directorist' ) ] ),
+                'statusLabel' => $is_purchased ? __( 'Required', 'directorist' ) : __( 'Required purchase', 'directorist' ),
+                'primary'     => $is_purchased
+                    ? [
+                        'label' => $is_beta ? __( 'Install Beta', 'directorist' ) : __( 'Install', 'directorist' ),
+                        'class' => 'directorist-te-btn directorist-te-btn--primary file-install-btn',
+                        'attrs' => [
+                            'data-type' => 'plugin',
+                            'data-key'  => $extension_key,
+                        ],
+                        'icon'  => 'la la-download',
+                    ]
+                    : [
+                        'label'    => __( 'Get It Now', 'directorist' ),
+                        'href'     => $get_link( $product ),
+                        'class'    => 'directorist-te-btn directorist-te-btn--secondary',
+                        'external' => true,
+                    ],
+                'details'     => $is_purchased ? $get_details_action( $product ) : null,
+                'menu'        => [],
+            ]
+        );
+    }
+}
+
+if ( $is_logged_in && ! empty( $args['themes_available_in_subscriptions'] ) && is_array( $args['themes_available_in_subscriptions'] ) ) {
+    foreach ( $args['themes_available_in_subscriptions'] as $theme_key => $theme ) {
+        $product      = array_merge( $themes[ $theme_key ] ?? [], is_array( $theme ) ? $theme : [] );
+        $is_installed = ! empty( $product['is_installed'] );
+
+        $add_row(
+            [
+                'key'         => 'theme-subscription-' . $theme_key,
+                'type'        => 'theme',
+                'status'      => $is_installed ? 'installed' : 'not-installed',
+                'name'        => $product['name'] ?? $theme_key,
+                'version'     => $product['version'] ?? '',
+                'description' => $product['description'] ?? '',
+                'image'       => $get_image( $product ),
+                'badges'      => $get_product_badges( $product ),
+                'statusLabel' => $is_installed ? __( 'Installed', 'directorist' ) : __( 'Not installed', 'directorist' ),
+                'primary'     => $is_installed
+                    ? [
+                        'label' => __( 'Activate', 'directorist' ),
+                        'class' => 'directorist-te-btn directorist-te-btn--primary theme-activate-btn',
+                        'attrs' => [ 'data-target' => $product['stylesheet'] ?? $theme_key ],
+                        'icon'  => 'la la-check',
+                    ]
+                    : [
+                        'label' => $is_beta ? __( 'Install Beta', 'directorist' ) : __( 'Install', 'directorist' ),
+                        'class' => 'directorist-te-btn directorist-te-btn--primary file-install-btn',
+                        'attrs' => [
+                            'data-type' => 'theme',
+                            'data-key'  => $theme_key,
+                        ],
+                        'icon'  => 'la la-download',
+                    ],
+                'demo'        => $get_demo_action( $product ),
+                'details'     => $get_details_action( $product ),
+                'menu'        => array_filter(
+                    [
+                        ! empty( $product['customizer_link'] )
+                            ? [
+                                'label'    => __( 'Live Preview', 'directorist' ),
+                                'href'     => $product['customizer_link'],
+                                'class'    => 'directorist-te-menu-link',
+                                'external' => true,
+                            ]
+                            : null,
+                    ]
+                ),
+            ]
+        );
+    }
+}
+
+$promo_extensions = ! empty( $args['extensions_promo_list'] ) && is_array( $args['extensions_promo_list'] ) ? $args['extensions_promo_list'] : [];
+if ( ! $is_logged_in && empty( $promo_extensions ) && ! empty( $extensions ) ) {
+    $promo_extensions = $extensions;
+}
+
+foreach ( $promo_extensions as $extension_key => $extension ) {
+    $product = is_array( $extension ) ? $extension : [];
+    $add_row(
+        [
+            'key'         => 'extension-promo-' . $extension_key,
+            'type'        => 'extension',
+            'status'      => 'marketplace not-installed',
+            'name'        => $product['name'] ?? $extension_key,
+            'description' => $product['description'] ?? '',
+            'image'       => $get_image( $product ),
+            'badges'      => $get_product_badges( $product ),
+            'statusLabel' => __( 'Marketplace', 'directorist' ),
+            'primary'     => $get_details_action( $product ),
+            'details'     => null,
+            'menu'        => [],
+        ]
+    );
+}
+
+$promo_themes = ! empty( $args['themes_promo_list'] ) && is_array( $args['themes_promo_list'] ) ? $args['themes_promo_list'] : [];
+if ( ! $is_logged_in && empty( $promo_themes ) && ! empty( $themes ) ) {
+    $promo_themes = $themes;
+}
+
+foreach ( $promo_themes as $theme_key => $theme ) {
+    $product = is_array( $theme ) ? $theme : [];
+    $add_row(
+        [
+            'key'         => 'theme-promo-' . $theme_key,
+            'type'        => 'theme',
+            'status'      => 'marketplace not-installed',
+            'name'        => $product['name'] ?? $theme_key,
+            'description' => $product['description'] ?? '',
+            'image'       => $get_image( $product ),
+            'badges'      => $get_product_badges( $product ),
+            'statusLabel' => __( 'Marketplace', 'directorist' ),
+            'primary'     => $get_details_action( $product ),
+            'demo'        => $get_demo_action( $product ),
+            'details'     => null,
+            'menu'        => [],
+        ]
+    );
+}
+
+$total_updates = (int) ( $args['total_outdated_extensions'] ?? 0 ) + (int) ( $args['total_outdated_themes'] ?? 0 );
+$total_rows    = count( $rows );
+$extension_rows = count(
+    array_filter(
+        $rows,
+        static function( $row ) {
+            return ! empty( $row['type'] ) && 'extension' === $row['type'];
+        }
+    )
+);
+$theme_rows = count(
+    array_filter(
+        $rows,
+        static function( $row ) {
+            return ! empty( $row['type'] ) && 'theme' === $row['type'];
+        }
+    )
+);
+$update_rows = count(
+    array_filter(
+        $rows,
+        static function( $row ) {
+            return ! empty( $row['status'] ) && false !== strpos( $row['status'], 'update' );
+        }
+    )
+);
+?>
+
+<div id="directorist" class="wrap atbd_wrapper directorist-te-page <?php echo esc_attr( $is_logged_in ? 'directorist-te-page--connected' : 'directorist-te-page--disconnected' ); ?>">
+    <div id="my-themes-extensions" class="atbdp-tab-content active">
+        <div class="directorist-te-shell">
+            <header class="directorist-te-header">
+                <div class="directorist-te-brand">
+                    <span class="directorist-te-brand__mark" aria-hidden="true">
+                        <img src="<?php echo esc_url( DIRECTORIST_ASSETS . 'images/directorist-logo-solid.svg' ); ?>" alt="">
+                    </span>
+                    <span class="directorist-te-brand__name"><?php esc_html_e( 'Directorist', 'directorist' ); ?></span>
+                </div>
+                <?php if ( $is_logged_in ) : ?>
+                    <nav class="directorist-te-nav" aria-label="<?php esc_attr_e( 'Themes and extensions resources', 'directorist' ); ?>">
+                        <a href="<?php echo esc_url( admin_url( 'edit.php?post_type=at_biz_dir' ) ); ?>"><?php esc_html_e( 'Dashboard', 'directorist' ); ?></a>
+                        <a href="#" class="active" aria-current="page"><?php esc_html_e( 'Themes & Extensions', 'directorist' ); ?></a>
+                        <a href="https://directorist.com/documentation/directorist/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Docs', 'directorist' ); ?></a>
+                        <a href="https://www.youtube.com/@wpdirectorist" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Tutorials', 'directorist' ); ?></a>
+                        <a href="https://directorist.com/contact/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Support', 'directorist' ); ?></a>
+                    </nav>
+                    <div class="directorist-te-top-right">
+                        <label class="directorist-te-top-search">
+                            <span class="screen-reader-text"><?php esc_html_e( 'Search Directorist', 'directorist' ); ?></span>
+                            <i class="la la-search" aria-hidden="true"></i>
+                            <input type="search" placeholder="<?php esc_attr_e( 'Search...', 'directorist' ); ?>">
+                        </label>
+                        <span class="directorist-te-header-icon" aria-hidden="true"><i class="la la-bell"></i><span></span></span>
+                        <span class="directorist-te-avatar" aria-hidden="true">
+                            <?php echo get_avatar( get_current_user_id(), 32 ); ?>
+                            <i class="la la-angle-down"></i>
+                        </span>
+                    </div>
+                <?php else : ?>
+                    <nav class="directorist-te-resource-links" aria-label="<?php esc_attr_e( 'Directorist resources', 'directorist' ); ?>">
+                        <a href="https://directorist.com/documentation/directorist/" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Docs, opens in a new tab', 'directorist' ); ?>"><?php esc_html_e( 'Docs', 'directorist' ); ?></a>
+                        <a href="https://www.youtube.com/@wpdirectorist" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Tutorials, opens in a new tab', 'directorist' ); ?>"><?php esc_html_e( 'Tutorials', 'directorist' ); ?></a>
+                        <a href="https://directorist.com/contact/" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Support, opens in a new tab', 'directorist' ); ?>"><?php esc_html_e( 'Support', 'directorist' ); ?></a>
+                    </nav>
+                <?php endif; ?>
+            </header>
+
+            <section class="directorist-te-hero">
+                <div>
+                    <h1><?php esc_html_e( 'Themes & Extensions', 'directorist' ); ?></h1>
+                    <p><?php esc_html_e( 'Add features and looks to your directory. Each one solves a real job, so pick what fits.', 'directorist' ); ?></p>
+                </div>
+            </section>
+
+            <?php if ( ! $is_logged_in ) : ?>
+                <section class="directorist-te-connect account-connect">
+                    <div>
+                        <span class="directorist-te-eyebrow"><?php esc_html_e( 'Directorist account', 'directorist' ); ?></span>
+                        <h2><?php echo esc_html( $connect_title ); ?></h2>
+                        <p><?php echo esc_html( $connect_description ); ?></p>
+                    </div>
+
+                    <form
+                        method="post"
+                        id="atbdp-directorist-license-login-form"
+                        class="atbdp-directorist-license-login-form directorist-te-connect-form"
+                        data-connecting-label="<?php esc_attr_e( 'Connecting...', 'directorist' ); ?>"
+                        data-username-required="<?php esc_attr_e( 'Enter your Directorist account username or email.', 'directorist' ); ?>"
+                        data-password-required="<?php esc_attr_e( 'Enter your Directorist account password.', 'directorist' ); ?>"
+                        data-unexpected-error="<?php esc_attr_e( 'Could not connect. Please check your details and try again.', 'directorist' ); ?>"
+                        data-network-error="<?php esc_attr_e( 'Could not reach Directorist.com. Please try again.', 'directorist' ); ?>"
+                    >
+                        <div class="atbdp-form-page">
+                            <div class="directorist-te-field-row">
+                                <label>
+                                    <span><?php esc_html_e( 'Username', 'directorist' ); ?></span>
+                                    <input type="text" name="username" id="username" autocomplete="username" aria-describedby="directorist-te-connect-feedback">
+                                </label>
+                                <label>
+                                    <span><?php esc_html_e( 'Password', 'directorist' ); ?></span>
+                                    <span class="directorist-te-password-control">
+                                        <input type="password" name="password" id="password" autocomplete="current-password" aria-describedby="directorist-te-connect-feedback">
+                                        <button
+                                            type="button"
+                                            class="directorist-te-password-toggle"
+                                            aria-label="<?php esc_attr_e( 'Show password', 'directorist' ); ?>"
+                                            aria-pressed="false"
+                                            data-show-label="<?php esc_attr_e( 'Show password', 'directorist' ); ?>"
+                                            data-hide-label="<?php esc_attr_e( 'Hide password', 'directorist' ); ?>"
+                                        >
+                                            <i class="la la-eye" aria-hidden="true"></i>
+                                        </button>
+                                    </span>
+                                </label>
+                            </div>
+                            <div id="directorist-te-connect-feedback" class="atbdp-form-feedback directorist-te-feedback" role="status" aria-live="polite"></div>
+                            <button type="submit" class="account-connect__btn directorist-te-btn directorist-te-btn--primary">
+                                <?php esc_html_e( 'Connect', 'directorist' ); ?>
+                                <i class="la la-arrow-right" aria-hidden="true"></i>
+                            </button>
+                        </div>
+                        <div class="atbdp-form-response-page"></div>
+                    </form>
+                </section>
+            <?php else : ?>
+                <section class="directorist-te-account">
+                    <div class="directorist-te-stat">
+                        <span><?php echo esc_html( $args['total_active_extensions'] ?? 0 ); ?></span>
+                        <p><?php esc_html_e( 'Active extensions', 'directorist' ); ?></p>
+                    </div>
+                    <div class="directorist-te-stat">
+                        <span><?php echo esc_html( $args['total_available_extensions'] ?? 0 ); ?></span>
+                        <p><?php esc_html_e( 'Available extensions', 'directorist' ); ?></p>
+                    </div>
+                    <div class="directorist-te-stat">
+                        <span><?php echo esc_html( $args['total_available_themes'] ?? 0 ); ?></span>
+                        <p><?php esc_html_e( 'Available themes', 'directorist' ); ?></p>
+                    </div>
+                    <div class="directorist-te-account__actions">
+                        <div class="et-auth-section directorist-te-refresh-panel">
+                            <form id="purchase-refresh-form" action="#" method="post">
+                                <div class="directorist-te-refresh-form">
+                                    <input type="password" class="atbdp-form-control" placeholder="<?php esc_attr_e( 'Confirm password', 'directorist' ); ?>" id="password" name="password">
+                                    <button type="submit" class="directorist-te-icon-btn" aria-label="<?php esc_attr_e( 'Refresh purchase', 'directorist' ); ?>">
+                                        <i class="fas fa-arrow-right" aria-hidden="true"></i>
+                                    </button>
+                                    <button class="directorist-te-icon-btn directorist-te-icon-btn--danger et-close-auth-btn" aria-label="<?php esc_attr_e( 'Close refresh form', 'directorist' ); ?>">
+                                        <i class="fas fa-times" aria-hidden="true"></i>
+                                    </button>
+                                </div>
+                                <div class="atbdp-form-feedback directorist-te-feedback"></div>
+                            </form>
+                        </div>
+                        <div class="purchase-refresh-btn-wrapper">
+                            <a href="#" class="directorist-te-btn directorist-te-btn--secondary purchase-refresh-btn">
+                                <i class="la la-refresh" aria-hidden="true"></i>
+                                <?php esc_html_e( 'Refresh Purchase', 'directorist' ); ?>
+                            </a>
+                        </div>
+                        <a href="#" class="directorist-te-btn directorist-te-btn--ghost subscriptions-logout-btn" data-hard-logout="<?php echo esc_attr( $args['hard_logout'] ?? 0 ); ?>">
+                            <i class="fas fa-sign-out-alt" aria-hidden="true"></i>
+                            <?php esc_html_e( 'Logout', 'directorist' ); ?>
+                        </a>
+                    </div>
+                </section>
+            <?php endif; ?>
+
+            <?php if ( $is_logged_in && $total_updates > 0 ) : ?>
+                <section class="directorist-te-update-banner">
+                    <div class="directorist-te-update-icon" aria-hidden="true"><i class="la la-arrow-circle-up"></i></div>
+                    <div>
+                        <h2>
+                            <?php
+                            printf(
+                                esc_html( _n( '%d update available', '%d updates available', $total_updates, 'directorist' ) ),
+                                absint( $total_updates )
+                            );
+                            ?>
+                        </h2>
+                        <p><?php esc_html_e( 'Keep your extensions current, so bugs get fixed and your site stays secure.', 'directorist' ); ?></p>
+                    </div>
+                    <button type="button" class="directorist-te-btn directorist-te-btn--primary directorist-te-update-all" data-update-extensions="<?php echo esc_attr( ! empty( $args['total_outdated_extensions'] ) ? '1' : '0' ); ?>" data-update-themes="<?php echo esc_attr( ! empty( $args['total_outdated_themes'] ) ? '1' : '0' ); ?>">
+                        <i class="la la-sync" aria-hidden="true"></i>
+                        <?php esc_html_e( 'Update all', 'directorist' ); ?>
+                    </button>
+                </section>
+            <?php endif; ?>
+
+            <section class="directorist-te-toolbar" id="atbdp-themes-extensions-contents">
+                <div class="directorist-te-toolbar-main">
+                    <div class="directorist-te-tabs" role="tablist" aria-label="<?php esc_attr_e( 'Product type', 'directorist' ); ?>">
+                        <button type="button" class="directorist-te-tab is-active" data-filter-type="all"><?php esc_html_e( 'All', 'directorist' ); ?> <span><?php echo esc_html( $total_rows ); ?></span></button>
+                        <button type="button" class="directorist-te-tab" data-filter-type="extension"><?php esc_html_e( 'Extensions', 'directorist' ); ?> <span><?php echo esc_html( $extension_rows ); ?></span></button>
+                        <button type="button" class="directorist-te-tab" data-filter-type="theme"><?php esc_html_e( 'Themes', 'directorist' ); ?> <span><?php echo esc_html( $theme_rows ); ?></span></button>
+                    </div>
+                    <div class="directorist-te-toolbar-catalog">
+                        <label class="directorist-te-search directorist-te-toolbar-search">
+                            <span class="screen-reader-text"><?php esc_html_e( 'Search themes and extensions', 'directorist' ); ?></span>
+                            <i class="la la-search" aria-hidden="true"></i>
+                            <input type="search" class="directorist-te-search-input" placeholder="<?php esc_attr_e( 'Search add-ons...', 'directorist' ); ?>">
+                        </label>
+                        <span class="directorist-te-count"><?php printf( esc_html( _n( '%d add-on', '%d add-ons', $total_rows, 'directorist' ) ), absint( $total_rows ) ); ?></span>
+                    </div>
+                </div>
+                <?php if ( $is_logged_in ) : ?>
+                    <div class="directorist-te-toolbar-row directorist-te-toolbar-row--filters">
+                        <div class="directorist-te-segmented" aria-label="<?php esc_attr_e( 'Product status', 'directorist' ); ?>">
+                            <button type="button" class="is-active" data-filter-status="all"><?php esc_html_e( 'All', 'directorist' ); ?></button>
+                            <button type="button" data-filter-status="installed"><?php esc_html_e( 'Installed', 'directorist' ); ?></button>
+                            <button type="button" data-filter-status="not-installed"><?php esc_html_e( 'Not installed', 'directorist' ); ?></button>
+                            <button type="button" data-filter-status="update"><?php esc_html_e( 'Updates', 'directorist' ); ?><?php if ( $update_rows ) : ?> <span><?php echo esc_html( $update_rows ); ?></span><?php endif; ?></button>
+                        </div>
+                    </div>
+                <?php endif; ?>
+            </section>
+
+            <form id="atbdp-my-extensions-form" class="atbdp-my-extensions-form directorist-te-products-form" method="post">
+                <div id="atbdp-extensions-tab" class="directorist-te-products atbdp-tab__content active">
+                    <?php if ( $is_logged_in ) : ?>
+                        <div class="directorist-te-bulkbar" hidden>
+                            <span class="directorist-te-selected-count"></span>
+                            <span class="directorist-te-bulkbar__sep"></span>
+                            <button type="button" class="directorist-te-bulk-action" data-task="update"><i class="la la-sync" aria-hidden="true"></i><?php esc_html_e( 'Update', 'directorist' ); ?></button>
+                            <button type="button" class="directorist-te-bulk-action" data-task="activate"><?php esc_html_e( 'Activate', 'directorist' ); ?></button>
+                            <button type="button" class="directorist-te-bulk-action" data-task="deactivate"><?php esc_html_e( 'Deactivate', 'directorist' ); ?></button>
+                            <button type="button" class="directorist-te-bulk-action directorist-te-bulk-action--danger" data-task="uninstall"><i class="la la-trash" aria-hidden="true"></i><?php esc_html_e( 'Delete', 'directorist' ); ?></button>
+                            <button type="button" class="directorist-te-bulk-clear"><i class="la la-times" aria-hidden="true"></i><?php esc_html_e( 'Clear', 'directorist' ); ?></button>
+                        </div>
+
+                        <div class="ei-action-wrapper directorist-te-legacy-bulk" aria-hidden="true">
+                            <div class="ei-action-dropdown">
+                                <select id="bulk-actions" name="bulk-actions" tabindex="-1">
+                                    <option value=""></option>
+                                    <option value="activate"><?php esc_html_e( 'Activate', 'directorist' ); ?></option>
+                                    <option value="deactivate"><?php esc_html_e( 'Deactivate', 'directorist' ); ?></option>
+                                    <option value="uninstall"><?php esc_html_e( 'Uninstall', 'directorist' ); ?></option>
+                                </select>
+                            </div>
+                            <button type="submit" class="ei-action-btn" tabindex="-1"><?php esc_html_e( 'Apply', 'directorist' ); ?></button>
+                        </div>
+                    <?php endif; ?>
+
+                    <?php if ( ! empty( $rows ) ) : ?>
+                        <div class="directorist-te-list">
+                            <div class="directorist-te-list-head">
+                                <?php if ( $is_logged_in ) : ?>
+                                    <label class="directorist-te-checkbox directorist-te-checkbox--head">
+                                        <input type="checkbox" name="select-all-installed" id="select-all-installed">
+                                        <span class="screen-reader-text"><?php esc_html_e( 'Select all installed extensions', 'directorist' ); ?></span>
+                                    </label>
+                                <?php endif; ?>
+                                <span class="directorist-te-list-head__addon"><?php esc_html_e( 'Add-on', 'directorist' ); ?></span>
+                                <span class="directorist-te-list-head__status"><?php esc_html_e( 'Status', 'directorist' ); ?></span>
+                            </div>
+                            <?php foreach ( $rows as $row ) : ?>
+                                <article class="directorist-te-row" data-product-type="<?php echo esc_attr( $row['type'] ); ?>" data-product-status="<?php echo esc_attr( $row['status'] ); ?>" data-search-text="<?php echo esc_attr( strtolower( wp_strip_all_tags( $row['name'] . ' ' . $row['description'] ) ) ); ?>">
+                                    <?php if ( $is_logged_in ) : ?>
+                                        <div class="directorist-te-row__select">
+                                            <?php if ( ! empty( $row['bulk'] ) ) : ?>
+                                                <label class="directorist-te-checkbox">
+                                                    <input type="checkbox" id="<?php echo esc_attr( $row['bulk']['id'] ); ?>" name="<?php echo esc_attr( $row['bulk']['name'] ); ?>" class="<?php echo esc_attr( $row['bulk']['class'] ); ?>">
+                                                    <i class="la la-check" aria-hidden="true"></i>
+                                                    <span class="screen-reader-text"><?php echo esc_html( $row['name'] ); ?></span>
+                                                </label>
+                                            <?php endif; ?>
+                                        </div>
+                                    <?php endif; ?>
+
+                                    <div class="directorist-te-row__media">
+                                        <img src="<?php echo esc_url( $row['image'] ); ?>" alt="">
+                                    </div>
+
+                                    <div class="directorist-te-row__content">
+                                        <div class="directorist-te-row__title">
+                                            <h2><?php echo esc_html( $row['name'] ); ?></h2>
+                                            <span class="directorist-te-type directorist-te-type--<?php echo esc_attr( $row['type'] ); ?>">
+                                                <?php echo esc_html( 'theme' === $row['type'] ? __( 'Theme', 'directorist' ) : __( 'Extension', 'directorist' ) ); ?>
+                                            </span>
+                                            <?php if ( ! empty( $row['version'] ) ) : ?>
+                                                <span class="directorist-te-version"><?php echo esc_html( 'v' . $row['version'] ); ?></span>
+                                            <?php endif; ?>
+                                        </div>
+                                        <?php if ( ! empty( $row['badges'] ) ) : ?>
+                                        <div class="directorist-te-row__meta">
+                                            <?php foreach ( $row['badges'] as $badge ) : ?>
+                                                <span class="directorist-te-badge"><?php echo esc_html( $badge ); ?></span>
+                                            <?php endforeach; ?>
+                                        </div>
+                                        <?php endif; ?>
+                                        <?php if ( ! empty( $row['description'] ) ) : ?>
+                                            <p><?php echo esc_html( $row['description'] ); ?></p>
+                                        <?php endif; ?>
+                                    </div>
+
+                                    <div class="directorist-te-row__status">
+                                        <?php $render_status( $row['statusLabel'], strtok( $row['status'], ' ' ) ); ?>
+                                    </div>
+
+                                    <div class="directorist-te-row__actions ext-action ext-action-<?php echo esc_attr( sanitize_html_class( $row['key'] ) ); ?>">
+                                        <?php $render_action( $row['primary'] ); ?>
+                                        <?php if ( ! empty( $row['demo'] ) ) : ?>
+                                            <?php $render_action( $row['demo'] ); ?>
+                                        <?php endif; ?>
+                                        <?php if ( ! empty( $row['details'] ) ) : ?>
+                                            <?php $render_action( $row['details'] ); ?>
+                                        <?php endif; ?>
+                                        <?php if ( ! empty( $row['menu'] ) ) : ?>
+                                            <div class="directorist-te-menu">
+                                                <button type="button" class="directorist-te-icon-btn ext-action-drop directorist-te-menu-toggle" aria-label="<?php esc_attr_e( 'More actions', 'directorist' ); ?>">
+                                                    <i class="la la-ellipsis-v" aria-hidden="true"></i>
+                                                </button>
+                                                <div class="directorist-te-menu__items ext-action-drop__item">
+                                                    <?php foreach ( $row['menu'] as $menu_action ) : ?>
+                                                        <?php $render_action( $menu_action ); ?>
+                                                    <?php endforeach; ?>
+                                                </div>
+                                            </div>
+                                        <?php endif; ?>
+                                    </div>
+                                </article>
+                            <?php endforeach; ?>
+                            <div class="directorist-te-empty directorist-te-empty--filter">
+                                <i class="la la-search" aria-hidden="true"></i>
+                                <h2><?php esc_html_e( 'Nothing here yet', 'directorist' ); ?></h2>
+                                <p><?php esc_html_e( 'No add-ons match this filter. Try a different tab or search.', 'directorist' ); ?></p>
+                                <button type="button" class="directorist-te-empty-reset directorist-te-btn directorist-te-btn--ghost">
+                                    <?php esc_html_e( 'Clear filters', 'directorist' ); ?>
+                                </button>
+                            </div>
+                        </div>
+                    <?php else : ?>
+                        <div class="directorist-te-empty">
+                            <h2><?php esc_html_e( 'No themes or extensions found', 'directorist' ); ?></h2>
+                            <p><?php esc_html_e( 'Reconnect your account or refresh products to collect the latest available items.', 'directorist' ); ?></p>
+                        </div>
+                    <?php endif; ?>
+                </div>
+            </form>
+
+            <section class="directorist-te-upsell">
+                <div>
+                    <h2><?php esc_html_e( 'Unlock every theme and extension', 'directorist' ); ?></h2>
+                    <p><?php esc_html_e( 'Browse the full library and add anything your directory needs.', 'directorist' ); ?></p>
+                </div>
+                <a href="https://directorist.com/extensions/" target="_blank" rel="noopener noreferrer" class="directorist-te-btn directorist-te-btn--primary">
+                    <i class="la la-th" aria-hidden="true"></i>
+                    <?php esc_html_e( 'Browse all add-ons', 'directorist' ); ?>
+                </a>
+            </section>
 
-            ATBDP()->load_template( 'admin-templates/theme-extensions/all-themes-extensions', $args );
-        ?>
+            <footer class="directorist-te-footer">
+                <?php esc_html_e( 'Showing add-ons for your site', 'directorist' ); ?>
+                <span aria-hidden="true">·</span>
+                <?php esc_html_e( 'Need something specific?', 'directorist' ); ?>
+                <a href="https://directorist.com/contact/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Request an extension', 'directorist' ); ?></a>
+            </footer>
+        </div>
     </div>
-</div>
\ No newline at end of file
+</div>

From 5dcbddaeabbf59389f5352ac57cde7d1e92b86d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rabbi=20Islam=20Rony=20=E2=9A=A1=EF=B8=8F?=
 <35329385+RabbiIslamRony@users.noreply.github.com>
Date: Wed, 22 Jul 2026 17:09:40 +0600
Subject: [PATCH 4/5] improve: redesign themes extensions admin page

Redesign the Themes & Extensions admin surface with the new connected and disconnected page shell while preserving the existing page slug, AJAX action names, product filters, and subscription/user-meta contracts.

Add page-scoped CSS/JS for dashboard/add-ons view switching, account dropdown behavior, searchable/highlighted product rows, compact badges, responsive bulk actions, and safer connected/disconnected product actions.

Add local fallback entries and images for Directorist Notifications Pro and Directorist Divi Integration, plus badge normalization support for scalar and structured API badge data.

Document the architecture, API, licensing, badge, safety, and current implementation decisions in the repo-local Themes & Extensions skill references.

Generated assets/build files are intentionally excluded from this commit.
---
 assets/css/directorist-themes-extensions.css  | 1209 +++++++++++++++--
 .../directorist-divi-integration.jpg          |  Bin 0 -> 7688 bytes
 .../directorist-notifications-pro.jpg         |  Bin 0 -> 8925 bytes
 assets/js/directorist-themes-extensions.js    |  706 +++++++++-
 .../SKILL.md                                  |    3 +
 .../references/account-license-journey-map.md |    2 +
 .../references/api-data-flow-report.md        |   51 +-
 .../current-implementation-change-notes.md    |  127 ++
 .../references/dynamic-data-contract.md       |   10 +-
 .../references/qa-checklist.md                |    2 +
 .../references/rewrite-issue-register.md      |   72 +-
 includes/classes/class-extension.php          |  111 +-
 .../auth/license-auth-section.php             |    4 +-
 .../theme-extensions/theme-extension.php      |  572 ++++++--
 14 files changed, 2617 insertions(+), 252 deletions(-)
 create mode 100644 assets/images/extensions/directorist-divi-integration.jpg
 create mode 100644 assets/images/extensions/directorist-notifications-pro.jpg
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/current-implementation-change-notes.md

diff --git a/assets/css/directorist-themes-extensions.css b/assets/css/directorist-themes-extensions.css
index 3c4835c371..9b69fc261c 100644
--- a/assets/css/directorist-themes-extensions.css
+++ b/assets/css/directorist-themes-extensions.css
@@ -13,14 +13,19 @@
     --bg: #f3f4f6;
     --bg-soft: #f8fafc;
     --success: #16a34a;
+    --success-tint: #eafaf0;
     --warning: #d97706;
     --warning-tint: #fff7ed;
     --danger: #dc2626;
     --danger-tint: #fef2f2;
+    --info: #2c99ff;
+    --info-tint: #e9f4ff;
     --r-xs: 6px;
     --r-sm: 8px;
     --r-md: 10px;
-    --shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
+    --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.04);
+    --shadow-hover: 0 12px 32px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
+    --shadow: var(--shadow-card);
     --shadow-pop: 0 10px 26px rgba(15, 23, 42, 0.1);
     color: var(--text);
     background: var(--bg);
@@ -69,6 +74,12 @@
     border-bottom: 1px solid var(--border);
 }
 
+.directorist-te-page--connected .directorist-te-header {
+    position: static;
+    top: auto;
+    z-index: auto;
+}
+
 .directorist-te-brand,
 .directorist-te-nav,
 .directorist-te-resource-links,
@@ -76,14 +87,15 @@
 .directorist-te-top-search,
 .directorist-te-header-icon,
 .directorist-te-avatar,
+.directorist-te-account-menu__item,
 .directorist-te-hero,
 .directorist-te-search,
 .directorist-te-update-banner,
 .directorist-te-toolbar-row,
 .directorist-te-segmented,
 .directorist-te-bulkbar,
+.directorist-te-refresh-form,
 .directorist-te-row__title,
-.directorist-te-row__meta,
 .directorist-te-row__actions,
 .directorist-te-upsell,
 .directorist-te-footer {
@@ -124,7 +136,8 @@
     flex: 1;
 }
 
-.directorist-te-nav a {
+.directorist-te-nav a,
+.directorist-te-nav button {
     padding: 8px 10px;
     border: 0;
     border-radius: var(--r-xs);
@@ -132,14 +145,19 @@
     color: var(--muted);
     font-size: 13px;
     font-weight: 500;
+    font-family: inherit;
     line-height: 1;
     text-decoration: none;
     white-space: nowrap;
+    cursor: pointer;
 }
 
 .directorist-te-nav a:hover,
 .directorist-te-nav a:focus,
-.directorist-te-nav a.active {
+.directorist-te-nav a.active,
+.directorist-te-nav button:hover,
+.directorist-te-nav button:focus,
+.directorist-te-nav button.active {
     color: var(--accent);
     background: var(--accent-tint);
     box-shadow: none;
@@ -167,6 +185,11 @@
     outline: none;
 }
 
+.directorist-te-page--connected .directorist-te-top-right .directorist-te-resource-links {
+    gap: 18px;
+    margin-left: 0;
+}
+
 .directorist-te-top-right {
     gap: 10px;
     flex-shrink: 0;
@@ -233,11 +256,13 @@
 .directorist-te-avatar {
     height: 34px;
     gap: 6px;
+    margin: 0;
     padding: 0 7px 0 3px;
     border: 1px solid var(--border);
     border-radius: 999px;
     background: var(--surface);
     color: var(--muted);
+    cursor: pointer;
 }
 
 .directorist-te-avatar img {
@@ -246,6 +271,107 @@
     border-radius: 50%;
 }
 
+.directorist-te-avatar:hover,
+.directorist-te-avatar:focus {
+    border-color: var(--accent);
+    color: var(--accent);
+    outline: none;
+}
+
+.directorist-te-avatar[aria-expanded="true"] {
+    border-color: var(--accent);
+    box-shadow: 0 0 0 2px rgba(62, 98, 245, 0.1);
+}
+
+.directorist-te-account-menu {
+    position: relative;
+    flex-shrink: 0;
+}
+
+.directorist-te-account-dropdown {
+    position: absolute;
+    top: calc(100% + 8px);
+    right: 0;
+    z-index: 80;
+    width: 326px;
+    padding: 10px;
+    border: 1px solid var(--border);
+    border-radius: var(--r-md);
+    background: var(--surface);
+    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
+}
+
+.directorist-te-account-summary {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 8px;
+    padding: 2px 2px 10px;
+    border-bottom: 1px solid var(--border);
+}
+
+.directorist-te-account-summary strong,
+.directorist-te-account-summary span {
+    display: block;
+}
+
+.directorist-te-account-summary strong {
+    color: var(--text);
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 1;
+}
+
+.directorist-te-account-summary span {
+    margin-top: 4px;
+    color: var(--muted);
+    font-size: 10.5px;
+    font-weight: 500;
+    line-height: 1.25;
+}
+
+.directorist-te-account-dropdown__actions {
+    display: grid;
+    gap: 6px;
+    padding-top: 8px;
+}
+
+.directorist-te-account-dropdown__item {
+    width: 100%;
+    min-height: 34px;
+    justify-content: flex-start;
+    gap: 8px;
+    margin: 0;
+    padding: 8px 10px;
+    border: 0;
+    border-radius: var(--r-sm);
+    background: transparent;
+    color: var(--text);
+    box-shadow: none;
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 1;
+    text-align: left;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.directorist-te-account-dropdown__item:hover,
+.directorist-te-account-dropdown__item:focus {
+    background: var(--accent-tint);
+    color: var(--accent);
+    outline: none;
+}
+
+.directorist-te-account-dropdown__item--danger {
+    color: var(--danger);
+}
+
+.directorist-te-account-dropdown__item--danger:hover,
+.directorist-te-account-dropdown__item--danger:focus {
+    background: var(--danger-tint);
+    color: var(--danger);
+}
+
 .directorist-te-hero {
     justify-content: space-between;
     align-items: flex-end;
@@ -282,8 +408,7 @@
     background: var(--bg-soft);
 }
 
-.directorist-te-connect,
-.directorist-te-account {
+.directorist-te-connect {
     margin: 0 0 16px;
     padding: 16px 18px;
     border: 1px solid var(--border-card);
@@ -502,98 +627,753 @@
     color: var(--text);
 }
 
-.directorist-te-btn--secondary:hover,
-.directorist-te-btn--secondary:focus,
-.directorist-te-btn--ghost:hover,
-.directorist-te-btn--ghost:focus,
-.directorist-te-bulk-action:hover,
-.directorist-te-bulk-action:focus {
-    border-color: var(--accent);
-    background: var(--accent-tint);
+.directorist-te-btn--soft {
+    border-color: transparent;
+    background: var(--accent-tint);
+    color: var(--accent);
+}
+
+.directorist-te-btn--secondary:hover,
+.directorist-te-btn--secondary:focus,
+.directorist-te-btn--ghost:hover,
+.directorist-te-btn--ghost:focus,
+.directorist-te-btn--soft:hover,
+.directorist-te-btn--soft:focus,
+.directorist-te-bulk-action:hover,
+.directorist-te-bulk-action:focus {
+    border-color: var(--accent);
+    background: var(--accent-tint);
+    color: var(--accent);
+    outline: none;
+}
+
+.ext-update-btn,
+.theme-update-btn,
+.directorist-te-update-all {
+    border-color: var(--warning);
+    background: var(--warning);
+    color: #fff;
+}
+
+.ext-update-btn:hover,
+.ext-update-btn:focus,
+.theme-update-btn:hover,
+.theme-update-btn:focus,
+.directorist-te-update-all:hover,
+.directorist-te-update-all:focus {
+    border-color: #b45309;
+    background: #b45309;
+    color: #fff;
+}
+
+.directorist-te-icon-btn {
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    border-color: transparent;
+    border-radius: var(--r-xs);
+    background: transparent;
+    color: var(--faint);
+    font-size: 17px;
+}
+
+.directorist-te-icon-btn:hover,
+.directorist-te-icon-btn:focus,
+.directorist-te-menu .ext-action-drop.active {
+    background: var(--line);
+    color: var(--text);
+    outline: none;
+}
+
+.directorist-te-icon-btn--danger:hover,
+.directorist-te-icon-btn--danger:focus,
+.directorist-te-menu-link--danger,
+.directorist-te-bulk-action--danger {
+    color: var(--danger);
+}
+
+.directorist-te-refresh-panel {
+    overflow: hidden;
+}
+
+.directorist-te-refresh-panel[hidden] {
+    width: 0 !important;
+}
+
+.directorist-te-refresh-form {
+    width: 100%;
+    gap: 8px;
+}
+
+.directorist-te-view:not([hidden]) {
+    animation: directoristTeFade 0.2s ease;
+}
+
+@keyframes directoristTeFade {
+    from {
+        opacity: 0;
+        transform: translateY(5px);
+    }
+
+    to {
+        opacity: 1;
+        transform: none;
+    }
+}
+
+.directorist-te-dashboard {
+    margin-top: 26px;
+}
+
+.directorist-te-dashboard-welcome,
+.directorist-te-dashboard-nudge,
+.directorist-te-dashboard-card,
+.directorist-te-dashboard-recommendations {
+    border: 1px solid var(--border-card);
+    border-radius: var(--r-md);
+    background: var(--surface);
+    box-shadow: var(--shadow);
+}
+
+.directorist-te-dashboard-welcome {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: 18px;
+    overflow: hidden;
+    padding: 22px 24px;
+}
+
+.directorist-te-dashboard-welcome::before {
+    position: absolute;
+    inset: 0;
+    background: radial-gradient(820px 200px at 90% -40%, rgba(62, 98, 245, 0.08), transparent 70%);
+    content: "";
+    pointer-events: none;
+}
+
+.directorist-te-dashboard-welcome > * {
+    position: relative;
+    z-index: 1;
+}
+
+.directorist-te-dashboard-welcome h1 {
+    margin: 0 0 3px;
+    color: var(--text);
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 1.25;
+}
+
+.directorist-te-dashboard-welcome p,
+.directorist-te-dashboard-nudge p,
+.directorist-te-dashboard-recommendations > p {
+    margin: 0;
+    color: var(--muted);
+    font-size: 13.5px;
+    line-height: 1.5;
+}
+
+.directorist-te-dashboard-welcome__actions {
+    display: flex;
+    gap: 10px;
+    margin-left: auto;
+}
+
+.directorist-te-dashboard-nudge {
+    margin-top: 18px;
+    padding: 16px 18px;
+    background: linear-gradient(180deg, var(--surface), var(--bg-soft));
+}
+
+.directorist-te-dashboard-nudge__top {
+    display: flex;
+    align-items: center;
+    gap: 13px;
+    margin-bottom: 13px;
+}
+
+.directorist-te-dashboard-ring {
+    position: relative;
+    width: 46px;
+    height: 46px;
+    flex: 0 0 46px;
+    color: var(--accent);
+}
+
+.directorist-te-dashboard-ring svg {
+    display: block;
+    transform: rotate(-90deg);
+}
+
+.directorist-te-dashboard-ring span {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    place-items: center;
+    color: var(--text);
+    font-size: 12px;
+    font-weight: 700;
+}
+
+.directorist-te-dashboard-nudge h2,
+.directorist-te-dashboard-card__head h2,
+.directorist-te-dashboard-recommendations__head h2 {
+    margin: 0;
+    color: var(--text);
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 1.35;
+}
+
+.directorist-te-dashboard-nudge__dismiss {
+    width: 28px;
+    height: 28px;
+    display: grid;
+    place-items: center;
+    margin: 0 0 0 auto;
+    padding: 0;
+    border: 0;
+    border-radius: var(--r-xs);
+    background: transparent;
+    color: var(--faint);
+    cursor: pointer;
+}
+
+.directorist-te-dashboard-nudge__dismiss:hover,
+.directorist-te-dashboard-nudge__dismiss:focus {
+    background: var(--surface);
+    color: var(--muted);
+    outline: none;
+}
+
+.directorist-te-dashboard-steps {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+    gap: 9px;
+}
+
+.directorist-te-dashboard-step {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    min-height: 42px;
+    margin: 0;
+    padding: 10px 12px;
+    border: 1px solid var(--border);
+    border-radius: var(--r-xs);
+    background: var(--surface);
+    color: var(--text);
+    font-size: 12.5px;
+    font-weight: 500;
+    line-height: 1.35;
+    text-align: left;
+    cursor: pointer;
+}
+
+.directorist-te-dashboard-step:hover,
+.directorist-te-dashboard-step:focus {
+    border-color: var(--accent);
+    box-shadow: var(--shadow);
+    outline: none;
+}
+
+.directorist-te-dashboard-step > span {
+    width: 20px;
+    height: 20px;
+    display: grid;
+    place-items: center;
+    flex: 0 0 20px;
+    border: 2px solid var(--border);
+    border-radius: 50%;
+    color: transparent;
+    font-size: 12px;
+}
+
+.directorist-te-dashboard-step.is-done {
+    color: var(--faint);
+    opacity: 0.75;
+    text-decoration: line-through;
+}
+
+.directorist-te-dashboard-step.is-done > span {
+    border-color: var(--success);
+    background: var(--success);
+    color: #fff;
+}
+
+.directorist-te-dashboard-step > .la-angle-right {
+    margin-left: auto;
+    color: var(--faint);
+}
+
+.directorist-te-dashboard-metrics {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 14px;
+    margin-top: 18px;
+}
+
+.directorist-te-dashboard-metric {
+    position: relative;
+    overflow: hidden;
+    padding: 17px;
+    border: 1px solid var(--border-card);
+    border-radius: var(--r-md);
+    background: var(--surface);
+    box-shadow: var(--shadow);
+    transition: box-shadow 0.18s ease, transform 0.18s ease;
+}
+
+.directorist-te-dashboard-metric:hover {
+    box-shadow: var(--shadow-hover);
+    transform: translateY(-2px);
+}
+
+.directorist-te-dashboard-metric--attention {
+    border-color: #f5d9a8;
+    background: linear-gradient(180deg, #fff, #fffaf2);
+}
+
+.directorist-te-dashboard-metric__top {
+    display: flex;
+    align-items: center;
+    gap: 11px;
+    margin-bottom: 13px;
+}
+
+.directorist-te-dashboard-icon {
+    width: 38px;
+    height: 38px;
+    display: grid;
+    place-items: center;
+    flex: 0 0 38px;
+    border-radius: 9px;
+    color: #fff;
+    font-size: 19px;
+}
+
+.directorist-te-dashboard-icon--blue {
+    background: linear-gradient(135deg, #4f6ef7, #7d93ff);
+}
+
+.directorist-te-dashboard-icon--teal {
+    background: linear-gradient(135deg, #0ea5b7, #34c7d6);
+}
+
+.directorist-te-dashboard-icon--amber {
+    background: linear-gradient(135deg, #f08a24, #ffb15c);
+}
+
+.directorist-te-dashboard-icon--violet {
+    background: linear-gradient(135deg, #7c5cff, #a98bff);
+}
+
+.directorist-te-dashboard-metric strong {
+    display: block;
+    color: var(--text);
+    font-size: 24px;
+    font-weight: 700;
+    letter-spacing: 0;
+    line-height: 1.1;
+}
+
+.directorist-te-dashboard-metric__top div > span {
+    color: var(--muted);
+    font-size: 12.5px;
+    font-weight: 500;
+}
+
+.directorist-te-dashboard-metric__foot {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-top: 11px;
+    padding-top: 11px;
+    border-top: 1px solid var(--border-soft);
+    color: var(--faint);
+    font-size: 11.5px;
+}
+
+.directorist-te-dashboard-metric__foot > span {
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    padding: 2px 7px;
+    border-radius: 999px;
+    background: #eafaf0;
+    color: var(--success);
+    font-size: 11.5px;
+    font-weight: 600;
+}
+
+.directorist-te-dashboard-metric__foot a {
+    margin-left: auto;
+    color: var(--warning);
+    font-size: 12px;
+    font-weight: 600;
+    text-decoration: none;
+}
+
+.directorist-te-dashboard-metric-spark {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 96px;
+    height: 42px;
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.directorist-te-dashboard-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
+    gap: 18px;
+    margin-top: 18px;
+}
+
+.directorist-te-dashboard-card {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+}
+
+.directorist-te-dashboard-card__head {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    padding: 15px 18px;
+    border-bottom: 1px solid var(--border-soft);
+}
+
+.directorist-te-dashboard-card__head > i,
+.directorist-te-dashboard-recommendations__head > i {
+    color: var(--accent);
+    font-size: 18px;
+}
+
+.directorist-te-dashboard-card__head a {
+    margin-left: auto;
+    color: var(--accent);
+    font-size: 12.5px;
+    font-weight: 600;
+    text-decoration: none;
+}
+
+.directorist-te-dashboard-actions {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-evenly;
+    gap: 2px;
+    padding: 7px;
+}
+
+.directorist-te-dashboard-action {
+    display: grid;
+    grid-template-columns: 36px minmax(0, 1fr) 16px;
+    grid-template-areas:
+        "icon title arrow"
+        "icon meta arrow";
+    align-items: center;
+    gap: 0 12px;
+    padding: 10px 11px;
+    border-radius: var(--r-xs);
+    text-decoration: none;
+}
+
+.directorist-te-dashboard-action:hover,
+.directorist-te-dashboard-action:focus {
+    background: var(--bg-soft);
+    outline: none;
+}
+
+.directorist-te-dashboard-action > span {
+    grid-area: icon;
+    width: 36px;
+    height: 36px;
+    display: grid;
+    place-items: center;
+    border-radius: var(--r-sm);
+    background: var(--accent-tint);
+    color: var(--accent);
+    font-size: 17px;
+}
+
+.directorist-te-dashboard-action:nth-child(2) > span {
+    background: #eafaf0;
+    color: var(--success);
+}
+
+.directorist-te-dashboard-action:nth-child(3) > span {
+    background: #fef3e6;
+    color: var(--warning);
+}
+
+.directorist-te-dashboard-action:nth-child(4) > span {
+    background: #f3eeff;
+    color: #7c5cff;
+}
+
+.directorist-te-dashboard-action:nth-child(5) > span {
+    background: #e9f4ff;
+    color: #2c99ff;
+}
+
+.directorist-te-dashboard-action strong {
+    grid-area: title;
+    color: var(--text);
+    font-size: 13px;
+    font-weight: 600;
+    line-height: 1.3;
+}
+
+.directorist-te-dashboard-action em {
+    grid-area: meta;
+    overflow: hidden;
+    color: var(--muted);
+    font-size: 12px;
+    font-style: normal;
+    line-height: 1.35;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.directorist-te-dashboard-action > .la-angle-right {
+    grid-area: arrow;
+    color: var(--faint);
+    font-size: 16px;
+}
+
+.directorist-te-dashboard-action:hover > .la-angle-right,
+.directorist-te-dashboard-action:focus > .la-angle-right {
+    color: var(--accent);
+    transform: translateX(2px);
+}
+
+.directorist-te-dashboard-activity {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-evenly;
+    gap: 0;
+    padding: 7px;
+}
+
+.directorist-te-dashboard-activity > div {
+    display: grid;
+    grid-template-columns: 33px minmax(0, 1fr) auto;
+    gap: 12px;
+    align-items: flex-start;
+    padding: 11px;
+    border-radius: var(--r-xs);
+}
+
+.directorist-te-dashboard-activity > div + div {
+    border-top: 1px solid var(--border-soft);
+}
+
+.directorist-te-dashboard-activity > div:hover {
+    background: var(--bg-soft);
+}
+
+.directorist-te-dashboard-activity p {
+    min-width: 0;
+    margin: 0;
+    color: var(--muted);
+    font-size: 12.5px;
+    line-height: 1.35;
+}
+
+.directorist-te-dashboard-activity strong,
+.directorist-te-dashboard-activity small {
+    display: block;
+}
+
+.directorist-te-dashboard-activity strong {
+    margin-bottom: 1px;
+    color: var(--text);
+    font-size: 13px;
+    font-weight: 600;
+}
+
+.directorist-te-dashboard-activity b {
+    color: var(--text);
+    font-weight: 600;
+}
+
+.directorist-te-dashboard-activity strong span {
+    display: inline-flex;
+    margin-left: 6px;
+    padding: 1px 6px;
+    border-radius: 5px;
+    background: var(--info-tint);
+    color: var(--info);
+    font-size: 10px;
+    font-weight: 600;
+    vertical-align: middle;
+}
+
+.directorist-te-dashboard-activity small {
+    margin-top: 2px;
+    color: var(--faint);
+    font-size: 11.5px;
+}
+
+.directorist-te-dashboard-activity-icon {
+    width: 33px;
+    height: 33px;
+    display: grid;
+    place-items: center;
+    flex: 0 0 33px;
+    border-radius: 8px;
+    font-size: 16px;
+}
+
+.directorist-te-dashboard-activity-icon--blue {
+    background: var(--accent-tint);
+    color: var(--accent);
+}
+
+.directorist-te-dashboard-activity-icon--green {
+    background: var(--success-tint);
+    color: var(--success);
+}
+
+.directorist-te-dashboard-activity-icon--amber {
+    background: var(--warning-tint);
+    color: var(--warning);
+}
+
+.directorist-te-dashboard-activity-icon--violet {
+    background: #f3eeff;
+    color: #7c5cff;
+}
+
+.directorist-te-dashboard-activity-icon--info {
+    background: var(--info-tint);
+    color: var(--info);
+}
+
+.directorist-te-dashboard-activity .directorist-te-btn {
+    align-self: center;
+    min-height: 32px;
+    padding: 6px 12px;
+    font-size: 12.5px;
+}
+
+.directorist-te-dashboard-recommendations {
+    margin-top: 18px;
+    padding: 18px 20px 8px;
+}
+
+.directorist-te-dashboard-recommendations__head {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    margin-bottom: 2px;
+}
+
+.directorist-te-dashboard-recommendations__head span {
+    margin-left: auto;
     color: var(--accent);
-    outline: none;
+    font-size: 12px;
+    font-weight: 500;
 }
 
-.ext-update-btn,
-.theme-update-btn,
-.directorist-te-update-all {
-    border-color: var(--warning);
-    background: var(--warning);
-    color: #fff;
+.directorist-te-dashboard-recommendations > p {
+    max-width: 640px;
+    margin-bottom: 6px;
 }
 
-.ext-update-btn:hover,
-.ext-update-btn:focus,
-.theme-update-btn:hover,
-.theme-update-btn:focus,
-.directorist-te-update-all:hover,
-.directorist-te-update-all:focus {
-    border-color: #b45309;
-    background: #b45309;
-    color: #fff;
+.directorist-te-dashboard-recommendations__grid {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
-.directorist-te-icon-btn {
-    width: 28px;
-    height: 28px;
-    padding: 0;
-    border-color: transparent;
-    border-radius: var(--r-xs);
-    background: transparent;
-    color: var(--faint);
-    font-size: 17px;
+.directorist-te-dashboard-recommendations__grid > div {
+    display: flex;
+    flex-direction: column;
+    padding: 16px 18px;
+    border-left: 1px solid var(--border-soft);
 }
 
-.directorist-te-icon-btn:hover,
-.directorist-te-icon-btn:focus,
-.directorist-te-menu .ext-action-drop.active {
-    background: var(--line);
-    color: var(--text);
-    outline: none;
+.directorist-te-dashboard-recommendations__grid > div:first-child {
+    border-left: 0;
+    padding-left: 2px;
 }
 
-.directorist-te-icon-btn--danger:hover,
-.directorist-te-icon-btn--danger:focus,
-.directorist-te-menu-link--danger,
-.directorist-te-bulk-action--danger {
-    color: var(--danger);
+.directorist-te-dashboard-recommendation-top {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 7px;
 }
 
-.directorist-te-account {
+.directorist-te-dashboard-recommendation-icon {
+    width: 30px;
+    height: 30px;
     display: grid;
-    grid-template-columns: repeat(3, minmax(0, 160px)) minmax(320px, 1fr);
-    gap: 18px;
-    align-items: center;
+    place-items: center;
+    flex: 0 0 30px;
+    border-radius: var(--r-sm);
+    color: #fff;
+    font-size: 15px;
 }
 
-.directorist-te-stat span {
-    display: block;
+.directorist-te-dashboard-recommendation-icon--green {
+    background: var(--success);
+}
+
+.directorist-te-dashboard-recommendation-icon--orange {
+    background: #f08a24;
+}
+
+.directorist-te-dashboard-recommendation-icon--violet {
+    background: #7c5cff;
+}
+
+.directorist-te-dashboard-recommendations__grid h3 {
+    margin: 0;
     color: var(--text);
-    font-size: 22px;
-    font-weight: 700;
-    line-height: 1;
+    font-size: 13px;
+    font-weight: 600;
+    line-height: 1.35;
 }
 
-.directorist-te-stat p {
-    margin: 5px 0 0;
+.directorist-te-dashboard-recommendations__grid p {
+    flex: 1;
+    margin: 0 0 12px;
     color: var(--muted);
     font-size: 12px;
+    line-height: 1.45;
 }
 
-.directorist-te-account__actions {
-    justify-content: flex-end;
-    gap: 10px;
-    min-width: 0;
+.directorist-te-dashboard-recommendations__grid .directorist-te-btn {
+    align-self: flex-start;
+    min-height: 32px;
+    padding: 8px 16px;
+    border-color: transparent;
+    background: var(--accent-tint);
+    color: var(--accent);
 }
 
-.directorist-te-refresh-panel {
-    width: 0;
-    overflow: hidden;
+.directorist-te-dashboard-footer {
+    display: flex;
+    justify-content: center;
+    gap: 7px;
+    margin: 22px 0 0;
+    padding-top: 22px;
+    border-top: 1px solid var(--border);
+    color: var(--faint);
+    font-size: 12px;
+    text-align: center;
 }
 
-.directorist-te-refresh-form {
-    width: 330px;
-    gap: 8px;
+.directorist-te-dashboard-footer a {
+    color: var(--accent);
+    font-weight: 600;
+    text-decoration: none;
 }
 
 .directorist-te-update-banner {
@@ -703,6 +1483,20 @@
     color: var(--accent);
 }
 
+.directorist-te-segmented .directorist-te-update-count,
+.directorist-te-segmented button.is-active .directorist-te-update-count {
+    min-width: 16px;
+    height: 16px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1px 6px;
+    border-radius: 99px;
+    background: var(--warning);
+    color: #fff;
+    font-size: 10px;
+}
+
 .directorist-te-toolbar-row {
     justify-content: space-between;
     gap: 12px;
@@ -802,12 +1596,47 @@
     background: var(--border);
 }
 
+.directorist-te-bulkbar__empty {
+    color: var(--muted);
+    font-size: 12.5px;
+}
+
+.directorist-te-bulkbar__notice {
+    color: var(--muted);
+    font-size: 12px;
+}
+
+.directorist-te-bulkbar__empty[hidden],
+.directorist-te-bulkbar__notice[hidden] {
+    display: none !important;
+}
+
 .directorist-te-bulk-action {
     min-height: 31px;
     padding: 6px 10px;
     font-size: 12.5px;
 }
 
+.directorist-te-bulk-action__count {
+    min-width: 16px;
+    height: 16px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 5px;
+    border-radius: 999px;
+    background: var(--accent-tint);
+    color: var(--accent);
+    font-size: 10px;
+    font-weight: 700;
+    line-height: 16px;
+}
+
+.directorist-te-bulk-action--danger .directorist-te-bulk-action__count {
+    background: var(--danger-tint);
+    color: var(--danger);
+}
+
 .directorist-te-bulk-action--danger:hover,
 .directorist-te-bulk-action--danger:focus {
     border-color: var(--danger);
@@ -875,6 +1704,10 @@
     grid-template-columns: 40px minmax(0, 1fr) 150px 180px;
 }
 
+.directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] {
+    grid-template-columns: 64px minmax(0, 1fr) 150px 180px;
+}
+
 .directorist-te-page--disconnected .directorist-te-list-head__addon {
     grid-column: 1 / 3;
 }
@@ -938,6 +1771,17 @@
     opacity: 0;
 }
 
+.directorist-te-checkbox--disabled {
+    border-color: var(--border);
+    background: var(--bg-soft);
+    cursor: not-allowed;
+    opacity: 0.58;
+}
+
+.directorist-te-checkbox--disabled input {
+    cursor: not-allowed;
+}
+
 .directorist-te-checkbox:has(input:checked),
 .directorist-te-checkbox.is-checked {
     border-color: var(--accent);
@@ -966,6 +1810,11 @@
     object-fit: cover;
 }
 
+.directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] .directorist-te-row__media {
+    width: 64px;
+    height: 42px;
+}
+
 .directorist-te-row__content {
     min-width: 0;
 }
@@ -1003,16 +1852,19 @@
     white-space: nowrap;
 }
 
-.directorist-te-row__meta {
-    gap: 6px;
-    flex-wrap: wrap;
-    margin-top: 5px;
+.directorist-te-page .directorist-te-search-highlight {
+    padding: 0 1px;
+    border-radius: 3px;
+    color: inherit;
+    background: #fef3c7;
+    font: inherit;
 }
 
 .directorist-te-type,
 .directorist-te-badge {
     display: inline-flex;
     align-items: center;
+    flex: 0 0 auto;
     min-height: 18px;
     padding: 2px 7px;
     border-radius: 5px;
@@ -1025,14 +1877,40 @@
     white-space: nowrap;
 }
 
-.directorist-te-type--theme {
+.directorist-te-type--theme,
+.directorist-te-type--directorist-theme {
     color: #166534;
     background: #dcfce7;
 }
 
+.directorist-te-type--wordpress-theme {
+    color: #475569;
+    background: #f1f5f9;
+}
+
 .directorist-te-badge {
-    color: #7c2d12;
-    background: #ffedd5;
+    min-height: 15px;
+    padding: 1px 5px;
+    border-radius: 4px;
+    color: #64748b;
+    background: #f8fafc;
+    font-size: 8.5px;
+    font-weight: 700;
+}
+
+.directorist-te-badge--new {
+    color: #2563eb;
+    background: #eff6ff;
+}
+
+.directorist-te-badge--trending {
+    color: #7c3aed;
+    background: #f5f3ff;
+}
+
+.directorist-te-badge--popular {
+    color: #059669;
+    background: #ecfdf5;
 }
 
 .directorist-te-row__status {
@@ -1069,6 +1947,7 @@
 
 .directorist-te-status--update {
     color: var(--warning);
+    font-weight: 600;
 }
 
 .directorist-te-status--update::before,
@@ -1228,7 +2107,8 @@
 }
 
 @media (max-width: 1120px) {
-    .directorist-te-top-right {
+    .directorist-te-top-search,
+    .directorist-te-header-icon {
         display: none;
     }
 
@@ -1241,19 +2121,34 @@
     .directorist-te-page--disconnected .directorist-te-row {
         grid-template-columns: 40px minmax(0, 1fr) 132px 180px;
     }
+
+    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] {
+        grid-template-columns: 64px minmax(0, 1fr) 132px 180px;
+    }
 }
 
-@media (max-width: 960px) {
-    .directorist-te-account {
-        grid-template-columns: repeat(3, minmax(0, 1fr));
+@media (max-width: 980px) {
+    .directorist-te-dashboard-metrics {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
-    .directorist-te-account__actions {
-        grid-column: 1 / -1;
-        justify-content: flex-start;
-        flex-wrap: wrap;
+    .directorist-te-dashboard-grid,
+    .directorist-te-dashboard-recommendations__grid {
+        grid-template-columns: minmax(0, 1fr);
+    }
+
+    .directorist-te-dashboard-recommendations__grid > div {
+        border-top: 1px solid var(--border-soft);
+        border-left: 0;
+        padding-left: 2px;
+    }
+
+    .directorist-te-dashboard-recommendations__grid > div:first-child {
+        border-top: 0;
     }
+}
 
+@media (max-width: 960px) {
     .directorist-te-connect {
         grid-template-columns: 1fr;
     }
@@ -1270,6 +2165,11 @@
         margin: 20px 0 36px;
     }
 
+    .directorist-te-page--disconnected .directorist-te-header {
+        position: static;
+        top: auto;
+    }
+
     .directorist-te-header {
         height: auto;
         min-height: 62px;
@@ -1279,6 +2179,14 @@
         padding: 12px 16px;
     }
 
+    .directorist-te-page--connected .directorist-te-header {
+        align-items: flex-start;
+    }
+
+    .directorist-te-account-dropdown {
+        width: min(326px, calc(100vw - 36px));
+    }
+
     .directorist-te-nav {
         order: 3;
         width: 100%;
@@ -1286,6 +2194,36 @@
         flex-wrap: nowrap;
     }
 
+    .directorist-te-page--connected .directorist-te-nav {
+        flex: 0 0 100%;
+        padding-top: 2px;
+    }
+
+    .directorist-te-dashboard {
+        margin-top: 20px;
+    }
+
+    .directorist-te-dashboard-welcome {
+        align-items: flex-start;
+        flex-direction: column;
+    }
+
+    .directorist-te-dashboard-welcome__actions {
+        width: 100%;
+        margin-left: 0;
+        flex-wrap: wrap;
+    }
+
+    .directorist-te-dashboard-recommendations__head {
+        align-items: flex-start;
+        flex-wrap: wrap;
+    }
+
+    .directorist-te-dashboard-recommendations__head span {
+        flex: 0 0 100%;
+        margin-left: 0;
+    }
+
     .directorist-te-resource-links {
         gap: 14px;
         margin-left: auto;
@@ -1310,7 +2248,6 @@
     .directorist-te-connect,
     .directorist-te-connect.account-connect,
     #directorist.atbd_wrapper.directorist-te-page .directorist-te-connect.account-connect,
-    .directorist-te-account,
     .directorist-te-update-banner,
     .directorist-te-toolbar,
     .directorist-te-upsell {
@@ -1326,11 +2263,18 @@
     }
 
     .directorist-te-toolbar-catalog {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) auto;
         width: 100%;
         margin-left: 0;
         padding-bottom: 12px;
-        flex-wrap: wrap;
-        justify-content: space-between;
+        justify-content: stretch;
+    }
+
+    .directorist-te-count {
+        align-self: center;
+        justify-self: end;
+        white-space: nowrap;
     }
 
     .directorist-te-products {
@@ -1344,17 +2288,12 @@
         flex-direction: column;
     }
 
-    .directorist-te-field-row,
-    .directorist-te-account {
+    .directorist-te-field-row {
         grid-template-columns: 1fr;
     }
 
-    .directorist-te-account__actions {
-        grid-column: auto;
-    }
-
     .directorist-te-refresh-form {
-        width: min(330px, calc(100vw - 64px));
+        width: 100%;
     }
 
     .directorist-te-bulkbar {
@@ -1377,6 +2316,10 @@
         grid-template-columns: 36px minmax(0, 1fr) auto;
     }
 
+    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] {
+        grid-template-columns: 64px minmax(0, 1fr) auto;
+    }
+
     .directorist-te-list-head__status,
     .directorist-te-row__status {
         display: none;
@@ -1397,6 +2340,49 @@
 }
 
 @media (max-width: 520px) {
+    .directorist-te-nav {
+        gap: 2px;
+    }
+
+    .directorist-te-nav a,
+    .directorist-te-nav button {
+        padding: 7px 6px;
+        font-size: 12px;
+    }
+
+    .directorist-te-dashboard-metrics {
+        grid-template-columns: minmax(0, 1fr);
+    }
+
+    .directorist-te-dashboard-welcome,
+    .directorist-te-dashboard-nudge,
+    .directorist-te-dashboard-recommendations {
+        padding-right: 14px;
+        padding-left: 14px;
+    }
+
+    .directorist-te-dashboard-welcome__actions .directorist-te-btn {
+        width: 100%;
+    }
+
+    .directorist-te-dashboard-nudge__top {
+        align-items: flex-start;
+    }
+
+    .directorist-te-dashboard-activity > div {
+        grid-template-columns: 33px minmax(0, 1fr);
+    }
+
+    .directorist-te-dashboard-activity .directorist-te-btn {
+        grid-column: 2;
+        justify-self: flex-start;
+        align-self: flex-start;
+    }
+
+    .directorist-te-dashboard-action em {
+        white-space: normal;
+    }
+
     .directorist-te-list-head,
     .directorist-te-row {
         grid-template-columns: 22px minmax(0, 1fr);
@@ -1434,6 +2420,18 @@
         grid-column: 2;
     }
 
+    .directorist-te-page--connected .directorist-te-row__title {
+        align-items: flex-start;
+        flex-wrap: wrap;
+    }
+
+    .directorist-te-page--connected .directorist-te-row__title h2 {
+        flex: 0 0 100%;
+        overflow: visible;
+        text-overflow: clip;
+        white-space: normal;
+    }
+
     .directorist-te-page--disconnected .directorist-te-row__content,
     .directorist-te-page--disconnected .directorist-te-row__actions {
         grid-column: 1;
@@ -1445,11 +2443,20 @@
         row-gap: 10px;
     }
 
+    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] {
+        grid-template-columns: 64px minmax(0, 1fr);
+    }
+
     .directorist-te-page--disconnected .directorist-te-row__media {
         grid-column: 1;
         display: flex;
     }
 
+    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] .directorist-te-row__media {
+        width: 64px;
+        height: 42px;
+    }
+
     .directorist-te-page--disconnected .directorist-te-row__content {
         grid-column: 2;
     }
@@ -1471,6 +2478,16 @@
         width: 100%;
     }
 
+    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] .directorist-te-row__actions {
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        width: 100%;
+    }
+
+    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] .directorist-te-row__actions > .directorist-te-btn {
+        width: 100%;
+    }
+
     .directorist-te-row__actions {
         justify-content: flex-start;
         flex-wrap: wrap;
diff --git a/assets/images/extensions/directorist-divi-integration.jpg b/assets/images/extensions/directorist-divi-integration.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..201be7de95eb3ce33150a4cfe8778218518a031a
GIT binary patch
literal 7688
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
YJRc_@jrQMPevy7&(HhT}r+72}Uv)}a$^ZZW

literal 0
HcmV?d00001

diff --git a/assets/images/extensions/directorist-notifications-pro.jpg b/assets/images/extensions/directorist-notifications-pro.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..36e5b20c3e1c1af5185ddddb31284edc2013465c
GIT binary patch
literal 8925
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
Vzjs#@l60Tn2h%WOo;P<>{{>1qrojLJ

literal 0
HcmV?d00001

diff --git a/assets/js/directorist-themes-extensions.js b/assets/js/directorist-themes-extensions.js
index 3846e82859..7dbdf119a8 100644
--- a/assets/js/directorist-themes-extensions.js
+++ b/assets/js/directorist-themes-extensions.js
@@ -16,7 +16,7 @@
     const rows = () => $('.directorist-te-row');
     const visibleRows = () => rows().filter(':not(.is-hidden)');
     const selectableChecks = () =>
-        $('#atbdp-my-extensions-form .extension-name-checkbox');
+        $('#atbdp-my-extensions-form .directorist-te-select-checkbox');
     const checkedSelectableChecks = () => selectableChecks().filter(':checked');
     const visibleSelectableChecks = () =>
         selectableChecks().filter(function () {
@@ -24,13 +24,144 @@
         });
     const updateBanner = () => $('.directorist-te-update-banner');
     const updatePill = () =>
-        $('.directorist-te-segmented button[data-filter-status="update"] span');
+        $(
+            '.directorist-te-segmented button[data-filter-status="update"] .directorist-te-update-count'
+        );
 
     const ajaxConfig = () => window.directorist_admin || {};
     const ajaxUrl = () => ajaxConfig().ajaxurl || window.ajaxurl;
     const nonce = () => ajaxConfig().nonce || '';
     const directoristNonce = () => ajaxConfig().directorist_nonce || nonce();
 
+    function normalizeSearchText(value) {
+        return String(value || '')
+            .toLowerCase()
+            .replace(/[-_]+/g, ' ')
+            .replace(/\s+/g, ' ')
+            .trim();
+    }
+
+    function rowDataText(row, key) {
+        return normalizeSearchText($(row).attr(`data-${key}`) || '');
+    }
+
+    function escapeRegExp(value) {
+        return String(value).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    }
+
+    function searchHighlightTargets(row) {
+        return $(row).find(
+            '.directorist-te-row__title h2, .directorist-te-row__content > p'
+        );
+    }
+
+    function originalHighlightText(element) {
+        const $element = $(element);
+        const originalText = $element.data('directorist-te-original-text');
+
+        if (typeof originalText !== 'undefined') {
+            return originalText;
+        }
+
+        const text = $element.text();
+        $element.data('directorist-te-original-text', text);
+
+        return text;
+    }
+
+    function renderHighlightedText(text, query, exactTokenOnly) {
+        const rawQuery = String(query || '').trim();
+
+        if (!rawQuery) {
+            return escapeHtml(text);
+        }
+
+        const pattern = exactTokenOnly
+            ? new RegExp(
+                  `(^|[^A-Za-z0-9])(${escapeRegExp(
+                      rawQuery
+                  )})(?=[^A-Za-z0-9]|$)`,
+                  'gi'
+              )
+            : new RegExp(escapeRegExp(rawQuery), 'gi');
+        let html = '';
+        let lastIndex = 0;
+        let match;
+
+        while ((match = pattern.exec(text)) !== null) {
+            const matchText = exactTokenOnly ? match[2] : match[0];
+            const matchIndex = exactTokenOnly
+                ? match.index + match[1].length
+                : match.index;
+
+            html += escapeHtml(text.slice(lastIndex, matchIndex));
+            html += `<mark class="directorist-te-search-highlight">${escapeHtml(
+                matchText
+            )}</mark>`;
+            lastIndex = matchIndex + matchText.length;
+
+            if (pattern.lastIndex === match.index) {
+                pattern.lastIndex += 1;
+            }
+        }
+
+        html += escapeHtml(text.slice(lastIndex));
+
+        return html;
+    }
+
+    function updateSearchHighlights(query, exactTokenOnly) {
+        const normalizedQuery = normalizeSearchText(query);
+
+        rows().each(function () {
+            const rowIsVisible = !$(this).hasClass('is-hidden');
+
+            searchHighlightTargets(this).each(function () {
+                const text = originalHighlightText(this);
+                const normalizedText = normalizeSearchText(text);
+                const hasMatch = exactTokenOnly
+                    ? normalizedText.split(/\s+/).includes(normalizedQuery)
+                    : normalizedText.includes(normalizedQuery);
+
+                if (!normalizedQuery || !rowIsVisible || !hasMatch) {
+                    $(this).text(text);
+                    return;
+                }
+
+                $(this).html(renderHighlightedText(text, query, exactTokenOnly));
+            });
+        });
+    }
+
+    function collectBadgeSearchTerms() {
+        const terms = new Set();
+
+        rows().each(function () {
+            const rawTerms = $(this).attr('data-badge-search-terms') || '[]';
+
+            try {
+                const parsedTerms = JSON.parse(rawTerms);
+
+                if (Array.isArray(parsedTerms)) {
+                    parsedTerms.forEach((term) => {
+                        const normalizedTerm = normalizeSearchText(term);
+
+                        if (normalizedTerm) {
+                            terms.add(normalizedTerm);
+                        }
+                    });
+                }
+            } catch (error) {
+                rowDataText(this, 'badge-search-text')
+                    .split(/\s+/)
+                    .filter(Boolean)
+                    .forEach((term) => terms.add(term));
+            }
+        });
+
+        return terms;
+    }
+
     function statusTokens(row) {
         return String($(row).data('product-status') || '')
             .split(/\s+/)
@@ -90,11 +221,72 @@
         const $row = $checkbox.closest('.directorist-te-row');
         const $label = $checkbox.closest('.directorist-te-checkbox');
 
+        if ($checkbox.prop('disabled')) {
+            return;
+        }
+
         $checkbox.prop('checked', checked);
         $row.toggleClass('selected', checked);
         $label.toggleClass('is-checked', checked);
     }
 
+    function checkboxActions(checkbox) {
+        return String($(checkbox).attr('data-bulk-actions') || '')
+            .split(/\s+/)
+            .filter(Boolean);
+    }
+
+    function selectedBulkItems(task) {
+        return checkedSelectableChecks()
+            .map(function () {
+                const actions = checkboxActions(this);
+
+                if (task && !actions.includes(task)) {
+                    return null;
+                }
+
+                return {
+                    item: $(this).attr('data-bulk-item') || this.value || this.id,
+                    type: $(this).attr('data-bulk-type') || 'plugin',
+                    actions,
+                };
+            })
+            .get()
+            .filter(Boolean);
+    }
+
+    function selectedActionCounts() {
+        const actionCounts = {};
+
+        checkedSelectableChecks().each(function () {
+            checkboxActions(this).forEach((action) => {
+                actionCounts[action] = (actionCounts[action] || 0) + 1;
+            });
+        });
+
+        return actionCounts;
+    }
+
+    function itemCountText(count) {
+        return count === 1 ? '1 selected item' : `${count} selected items`;
+    }
+
+    function bulkActionLabel(button) {
+        const $button = $(button);
+        let label = $button.data('directoristTeBulkLabel');
+
+        if (label) {
+            return label;
+        }
+
+        label =
+            $button.find('.directorist-te-bulk-action__label').text().trim() ||
+            $button.text().trim();
+        $button.data('directoristTeBulkLabel', label);
+
+        return label;
+    }
+
     function syncMasterCheckbox() {
         const master = $('#select-all-installed');
 
@@ -107,7 +299,7 @@
         const isAll = visible.length > 0 && checked.length === visible.length;
         const isSome = checked.length > 0 && checked.length < visible.length;
 
-        master.prop('checked', isAll);
+        master.prop('checked', isAll).prop('disabled', visible.length === 0);
         master.prop('indeterminate', isSome);
         master
             .closest('.directorist-te-checkbox')
@@ -159,25 +351,73 @@
         const checked = checkedSelectableChecks();
         const count = checked.length;
         const bulkbar = $('.directorist-te-bulkbar');
+        const actionCounts = selectedActionCounts();
+        let visibleActions = 0;
 
         bulkbar.prop('hidden', count === 0).toggleClass('show', count > 0);
-        $('.directorist-te-selected-count').text(`${count} selected`);
+        $('.directorist-te-selected-count').text(
+            count === 1 ? '1 selected' : `${count} selected`
+        );
+
+        $('.directorist-te-bulk-action').each(function () {
+            const task = String($(this).data('task') || '');
+            const actionCount = actionCounts[task] || 0;
+            const skippedCount = Math.max(count - actionCount, 0);
+            const isVisible = count > 0 && actionCount > 0;
+            const label = bulkActionLabel(this);
+            const hint =
+                `${label} will run on ${itemCountText(actionCount)}.` +
+                (skippedCount
+                    ? ` ${itemCountText(skippedCount)} will be skipped.`
+                    : '');
+
+            $(this)
+                .prop('hidden', !isVisible)
+                .prop('disabled', !isVisible)
+                .attr('data-eligible-count', actionCount)
+                .attr('title', isVisible ? hint : '')
+                .attr('aria-label', isVisible ? hint : label);
+
+            $(this)
+                .find('.directorist-te-bulk-action__count')
+                .text(actionCount)
+                .prop('hidden', !isVisible);
+
+            if (isVisible) {
+                visibleActions++;
+            }
+        });
+
+        $('.directorist-te-bulkbar__empty').prop(
+            'hidden',
+            count === 0 || visibleActions > 0
+        );
+        $('.directorist-te-bulkbar__notice').prop(
+            'hidden',
+            count === 0 || visibleActions === 0
+        );
 
         syncMasterCheckbox();
         updateUpdateBanner();
     }
 
     function updateFilters() {
-        const query = state.query.trim().toLowerCase();
+        const query = normalizeSearchText(state.query);
+        const isExactBadgeQuery = query && collectBadgeSearchTerms().has(query);
 
         rows().each(function () {
             const row = $(this);
             const typeMatches =
                 state.type === 'all' || row.data('product-type') === state.type;
             const statusMatches = rowHasStatus(this, state.status);
+            const searchText = rowDataText(this, 'search-text');
+            const badgeSearchText = rowDataText(this, 'badge-search-text');
             const textMatches =
                 !query ||
-                String(row.data('search-text') || '').includes(query);
+                (isExactBadgeQuery
+                    ? badgeSearchText.includes(query)
+                    : searchText.includes(query) ||
+                      badgeSearchText.includes(query));
 
             row.toggleClass(
                 'is-hidden',
@@ -185,6 +425,7 @@
             );
         });
 
+        updateSearchHighlights(state.query, isExactBadgeQuery);
         updateCountsAndEmptyState();
         updateBulkBar();
     }
@@ -202,6 +443,28 @@
         return form.attr(`data-${key}`) || fallback;
     }
 
+    function isRemoteConnectionMessage(message) {
+        return /curl|operation timed out|timed out|could not resolve|ssl|connection|network/i.test(
+            String(message || '')
+        );
+    }
+
+    function authLogMessages(response) {
+        const log = response?.status?.log;
+
+        if (!log || typeof log !== 'object') {
+            return [];
+        }
+
+        return Object.keys(log)
+            .map((key) => log[key]?.message || '')
+            .filter(Boolean);
+    }
+
+    function authHasRemoteConnectionError(response) {
+        return authLogMessages(response).some(isRemoteConnectionMessage);
+    }
+
     function connectFeedback(form) {
         return form.find('.directorist-te-feedback').first();
     }
@@ -278,6 +541,305 @@
         $('.directorist-te-search-input').first().trigger('focus');
     }
 
+    function refreshPanelFocusable(panel) {
+        return panel.find('a, button, input, select, textarea');
+    }
+
+    function setRefreshPanelHidden(panel, hidden) {
+        panel.prop('hidden', hidden).attr('aria-hidden', hidden ? 'true' : 'false');
+
+        if (hidden) {
+            refreshPanelFocusable(panel).attr('tabindex', '-1');
+            return;
+        }
+
+        refreshPanelFocusable(panel).removeAttr('tabindex');
+    }
+
+    function setRefreshTriggerHidden(wrapper, hidden) {
+        wrapper
+            .prop('hidden', hidden)
+            .attr('aria-hidden', hidden ? 'true' : 'false');
+
+        if (hidden) {
+            wrapper.find('a, button').attr('tabindex', '-1');
+            return;
+        }
+
+        wrapper.find('a, button').removeAttr('tabindex');
+    }
+
+    function setupAccountMenu() {
+        const menu = $('.directorist-te-account-menu');
+        const toggle = menu.find('.directorist-te-avatar').first();
+        const dropdown = menu.find('.directorist-te-account-dropdown').first();
+        let closeTimer = null;
+
+        if (!menu.length || !toggle.length || !dropdown.length) {
+            return;
+        }
+
+        function refreshPanelIsOpen() {
+            const panel = dropdown.find('.directorist-te-refresh-panel').first();
+
+            return panel.length && !panel.prop('hidden');
+        }
+
+        function setAccountMenuOpen(open) {
+            window.clearTimeout(closeTimer);
+            dropdown.prop('hidden', !open).attr('aria-hidden', open ? 'false' : 'true');
+            toggle.attr('aria-expanded', open ? 'true' : 'false');
+
+            if (!open) {
+                const panel = dropdown.find('.directorist-te-refresh-panel').first();
+                const wrapper = dropdown.find('.purchase-refresh-btn-wrapper').first();
+
+                if (panel.length && wrapper.length) {
+                    panel.find('input[name="password"]').val('');
+                    setRefreshPanelHidden(panel, true);
+                    setRefreshTriggerHidden(wrapper, false);
+                }
+            }
+        }
+
+        function scheduleClose() {
+            window.clearTimeout(closeTimer);
+
+            if (refreshPanelIsOpen()) {
+                return;
+            }
+
+            closeTimer = window.setTimeout(function () {
+                if (menu.find(':focus').length) {
+                    return;
+                }
+
+                setAccountMenuOpen(false);
+            }, 120);
+        }
+
+        setAccountMenuOpen(false);
+
+        menu.on('focusout.directoristTeAccount', scheduleClose);
+
+        toggle.on('click.directoristTeAccount', function (event) {
+            event.preventDefault();
+            setAccountMenuOpen(dropdown.prop('hidden'));
+        });
+
+        $(document).on('click.directoristTeAccount', function (event) {
+            if ($(event.target).closest(menu).length) {
+                return;
+            }
+
+            setAccountMenuOpen(false);
+        });
+
+        $(document).on('keydown.directoristTeAccount', function (event) {
+            if ('Escape' !== event.key || dropdown.prop('hidden')) {
+                return;
+            }
+
+            setAccountMenuOpen(false);
+            toggle.trigger('focus');
+        });
+    }
+
+    function setupRefreshPurchasePanel() {
+        const panel = $('.directorist-te-refresh-panel');
+        const triggerWrapper = $('.purchase-refresh-btn-wrapper');
+
+        if (!panel.length || !triggerWrapper.length) {
+            return;
+        }
+
+        setRefreshPanelHidden(panel, true);
+        setRefreshTriggerHidden(triggerWrapper, false);
+
+        $('.purchase-refresh-btn')
+            .off('click')
+            .on('click.directoristTeRefresh', function (event) {
+                event.preventDefault();
+
+                const wrapper = $(this).parent();
+
+                setRefreshPanelHidden(panel, false);
+                setRefreshTriggerHidden(wrapper, true);
+
+                if (panel.closest('.directorist-te-account-dropdown').length) {
+                    panel.find('input[name="password"]').trigger('focus');
+                    return;
+                }
+
+                const targetWidth = Math.min(
+                    panel.find('.directorist-te-refresh-form').outerWidth() || 330,
+                    panel.parent().width() || 330
+                );
+
+                wrapper.stop(true, true).animate({ width: 0 }, 250);
+                panel
+                    .stop(true, true)
+                    .css({ width: 0 })
+                    .animate({ width: targetWidth }, 250, function () {
+                        panel.css('width', '');
+                        panel.find('input[name="password"]').trigger('focus');
+                    });
+            });
+
+        $('.et-close-auth-btn')
+            .off('click')
+            .on('click.directoristTeRefresh', function (event) {
+                event.preventDefault();
+
+                const wrapper = $('.purchase-refresh-btn-wrapper');
+                const trigger = wrapper.find('.purchase-refresh-btn').first();
+                const targetWidth = trigger.outerWidth() || 160;
+
+                if (panel.closest('.directorist-te-account-dropdown').length) {
+                    panel.find('input[name="password"]').val('');
+                    setRefreshPanelHidden(panel, true);
+                    setRefreshTriggerHidden(wrapper, false);
+                    trigger.trigger('focus');
+                    return;
+                }
+
+                panel
+                    .stop(true, true)
+                    .animate({ width: 0 }, 250, function () {
+                        panel.find('input[name="password"]').val('');
+                        panel.css('width', '');
+                        setRefreshPanelHidden(panel, true);
+                    });
+
+                setRefreshTriggerHidden(wrapper, false);
+                wrapper
+                    .stop(true, true)
+                    .css({ width: 0 })
+                    .animate({ width: targetWidth }, 250, function () {
+                        wrapper.css('width', '');
+                        trigger.trigger('focus');
+                    });
+            });
+    }
+
+    function clearProductSelection() {
+        selectableChecks().each(function () {
+            setCheckbox(this, false);
+        });
+
+        updateBulkBar();
+    }
+
+    function closeProductMenus() {
+        $('.ext-action-drop').removeClass('active');
+    }
+
+    function setupViewSwitcher() {
+        const switchers = $('[data-directorist-te-view-target]');
+        const views = $('[data-directorist-te-view]');
+
+        if (!switchers.length || !views.length) {
+            return;
+        }
+
+        function setActiveView(target) {
+            const targetView = views.filter(function () {
+                return $(this).attr('data-directorist-te-view') === target;
+            });
+
+            if (!targetView.length) {
+                return;
+            }
+
+            views.each(function () {
+                const isActive =
+                    $(this).attr('data-directorist-te-view') === target;
+
+                $(this)
+                    .prop('hidden', !isActive)
+                    .attr('aria-hidden', isActive ? 'false' : 'true')
+                    .toggleClass('is-active', isActive);
+            });
+
+            switchers.each(function () {
+                const isActive =
+                    $(this).attr('data-directorist-te-view-target') === target;
+
+                $(this).toggleClass('active', isActive);
+
+                if (isActive) {
+                    $(this).attr('aria-current', 'page');
+                    return;
+                }
+
+                $(this).removeAttr('aria-current');
+            });
+
+            closeProductMenus();
+
+            if (target === 'dashboard') {
+                clearProductSelection();
+            }
+
+            if (target === 'addons') {
+                updateFilters();
+            }
+        }
+
+        switchers.on('click.directoristTeView', function (event) {
+            event.preventDefault();
+            setActiveView($(this).attr('data-directorist-te-view-target'));
+        });
+    }
+
+    function setupDashboardPreview() {
+        const dashboard = $('.directorist-te-dashboard');
+        const nudge = dashboard.find('.directorist-te-dashboard-nudge');
+        const steps = dashboard.find('.directorist-te-dashboard-step');
+        const ring = dashboard.find('.directorist-te-dashboard-ring circle').last();
+        const ringLabel = dashboard.find('.directorist-te-dashboard-ring span');
+        const radius = 19;
+        const circumference = 2 * Math.PI * radius;
+
+        if (!dashboard.length) {
+            return;
+        }
+
+        function paintProgress() {
+            if (!steps.length || !ring.length || !ringLabel.length) {
+                return;
+            }
+
+            const done = steps.filter('.is-done').length;
+            const percent = Math.round((done / steps.length) * 100);
+
+            ring
+                .attr('stroke-dasharray', circumference.toFixed(1))
+                .attr(
+                    'stroke-dashoffset',
+                    (circumference * (1 - percent / 100)).toFixed(1)
+                );
+            ringLabel.text(`${percent}%`);
+        }
+
+        paintProgress();
+
+        dashboard
+            .find('.directorist-te-dashboard-nudge__dismiss')
+            .on('click.directoristTeDashboard', function () {
+                nudge.prop('hidden', true).attr('aria-hidden', 'true');
+            });
+
+        steps.on('click.directoristTeDashboard', function () {
+            if ($(this).hasClass('is-done')) {
+                return;
+            }
+
+            $(this).addClass('is-done');
+            paintProgress();
+        });
+    }
+
     function runPluginBulkTask(task, pluginItems, button) {
         if (!pluginItems.length) {
             return;
@@ -310,19 +872,19 @@
         });
     }
 
-    function runSelectedPluginUpdates(pluginItems, button) {
-        const queue = pluginItems.slice();
+    function runSelectedInstalls(items, button) {
+        const queue = items.slice();
 
         if (!queue.length) {
             return;
         }
 
-        setButtonLoading(button, 'Updating');
+        setButtonLoading(button, 'Installing');
 
         const next = () => {
-            const pluginKey = queue.shift();
+            const item = queue.shift();
 
-            if (!pluginKey) {
+            if (!item) {
                 window.location.reload();
                 return;
             }
@@ -331,10 +893,67 @@
                 type: 'post',
                 url: ajaxUrl(),
                 data: {
-                    action: 'atbdp_update_plugins',
-                    plugin_key: pluginKey,
+                    action: 'atbdp_install_file_from_subscriptions',
+                    item_key: item.item,
+                    type: item.type,
                     nonce: nonce(),
                 },
+                success(response) {
+                    if (
+                        response?.status &&
+                        response.status.success === false
+                    ) {
+                        alert(response.status.message || 'Install failed.');
+                        resetButton(button);
+                        return;
+                    }
+
+                    next();
+                },
+                error() {
+                    alert('Install failed. Please reload the page and try again.');
+                    resetButton(button);
+                },
+            });
+        };
+
+        next();
+    }
+
+    function runSelectedUpdates(items, button) {
+        const queue = items.slice();
+
+        if (!queue.length) {
+            return;
+        }
+
+        setButtonLoading(button, 'Updating');
+
+        const next = () => {
+            const item = queue.shift();
+
+            if (!item) {
+                window.location.reload();
+                return;
+            }
+
+            const data =
+                item.type === 'theme'
+                    ? {
+                          action: 'atbdp_update_theme',
+                          theme_stylesheet: item.item,
+                          nonce: nonce(),
+                      }
+                    : {
+                          action: 'atbdp_update_plugins',
+                          plugin_key: item.item,
+                          nonce: nonce(),
+                      };
+
+            $.ajax({
+                type: 'post',
+                url: ajaxUrl(),
+                data,
                 success(response) {
                     if (
                         response?.status &&
@@ -399,7 +1018,7 @@
                     formMessage(
                         form,
                         'username-required',
-                        'Enter your Directorist account username or email.'
+                        'Enter your Directorist account username or email address.'
                     )
                 );
                 return;
@@ -454,14 +1073,27 @@
             return;
         }
 
-        if (!connectFeedback(form).text().trim()) {
+        if (
+            authHasRemoteConnectionError(response) ||
+            isRemoteConnectionMessage(connectFeedback(form).text())
+        ) {
+            renderConnectFeedback(
+                form,
+                'danger',
+                formMessage(
+                    form,
+                    'network-error',
+                    'Could not reach Directorist.com. Please try again.'
+                )
+            );
+        } else {
             renderConnectFeedback(
                 form,
                 'danger',
                 formMessage(
                     form,
-                    'unexpected-error',
-                    'Could not connect. Please check your details and try again.'
+                    'invalid-credentials',
+                    'The username, email address, or password is incorrect. Please check your details and try again.'
                 )
             );
         }
@@ -523,7 +1155,7 @@
 
     $('#atbdp-my-extensions-form').on(
         'change',
-        '.extension-name-checkbox',
+        '.directorist-te-select-checkbox',
         function () {
             setCheckbox(this, this.checked);
             updateBulkBar();
@@ -565,27 +1197,45 @@
         event.preventDefault();
 
         const task = $(this).data('task');
-        const pluginItems = checkedSelectableChecks()
-            .map(function () {
-                return this.id;
-            })
-            .get();
+        const selectedItems = selectedBulkItems(task);
+        const selectedCount = checkedSelectableChecks().length;
+        const skippedCount = Math.max(selectedCount - selectedItems.length, 0);
 
-        if (!task || !pluginItems.length) {
+        if (!task || !selectedItems.length) {
             return;
         }
 
         if (
             task === 'uninstall' &&
             !window.confirm(
-                'Delete removes the selected plugin files from this site. Continue?'
+                `Delete removes ${itemCountText(
+                    selectedItems.length
+                )} from this site.` +
+                    (skippedCount
+                        ? ` ${itemCountText(skippedCount)} will be skipped.`
+                        : '') +
+                    ' Continue?'
             )
         ) {
             return;
         }
 
+        if (task === 'install') {
+            runSelectedInstalls(selectedItems, this);
+            return;
+        }
+
         if (task === 'update') {
-            runSelectedPluginUpdates(pluginItems, this);
+            runSelectedUpdates(selectedItems, this);
+            return;
+        }
+
+        const pluginItems = selectedItems
+            .filter((item) => item.type === 'plugin')
+            .map((item) => item.item);
+
+        if (pluginItems.length !== selectedItems.length) {
+            alert('This bulk action is only available for plugins.');
             return;
         }
 
@@ -770,5 +1420,9 @@
         setCheckbox(this, this.checked);
     });
 
+    setupAccountMenu();
+    setupRefreshPurchasePanel();
+    setupViewSwitcher();
+    setupDashboardPreview();
     updateFilters();
 })(jQuery);
diff --git a/docs/agents/directorist-themes-extensions-page/SKILL.md b/docs/agents/directorist-themes-extensions-page/SKILL.md
index 462a10bdf5..baac39e187 100644
--- a/docs/agents/directorist-themes-extensions-page/SKILL.md
+++ b/docs/agents/directorist-themes-extensions-page/SKILL.md
@@ -50,6 +50,7 @@ Load reference files as needed:
 - Account/license journeys: `references/account-license-journey-map.md`
 - Performance and no-reload guidance: `references/performance-improvement-guide.md`
 - Full rewrite issue register and fix priorities: `references/rewrite-issue-register.md`
+- Current implementation changes and locked UI decisions: `references/current-implementation-change-notes.md`
 - Verification checklist: `references/qa-checklist.md`
 
 ## Live Inspection Requirement
@@ -73,10 +74,12 @@ agent-browser --session directorist-themes-extensions close
 ## Safety Rules
 
 - Never click or automate Install, Update, Activate, Deactivate, Uninstall, Logout, Refresh Purchase, or theme switch actions on a real/client site without explicit confirmation for that exact action.
+- Treat the disconnected view as locked as of 2026-07-22. Unless the user explicitly asks for disconnected-view changes in the current task, do not change disconnected-view PHP markup, copy, header/resource links, connect-card UX, marketplace/search/tab layout, product-row actions, CSS/responsive behavior, or JS behavior that only affects disconnected users.
 - Preserve the page slug `atbdp-extension`, parent post type `at_biz_dir`, capability `manage_options`, existing AJAX action names, nonce expectations, response compatibility, settings links, filters, aliases, and legacy user meta keys.
 - Preserve legacy misspellings that are part of stored data or public contracts, including `_atbdp_has_subscriptions_sassion` and `atbdp_close_subscriptions_sassion`.
 - Do not remove or repurpose old selectors, classes, template paths, filters, or action hooks without a compatibility shim and explicit migration plan.
 - After a new UI replaces an old page section, audit old design-specific CSS and remove unused rules after verifying they are not used by the rewritten page, legacy compatibility shims, template overrides, or other Directorist admin screens.
+- Keep new Themes & Extensions styles page-scoped. Do not add broad global admin selectors or shared Directorist selectors for this page unless a reusable design-system change is explicitly requested and verified across affected screens.
 - Treat install, update, download, uninstall, and theme activation as high-risk operations. Use read-only inspection by default.
 - Keep this page separate from installed extension settings. Settings-panel work belongs to `docs/agents/directorist-settings-panel/SKILL.md`.
 - Treat Figma/design input as design intent. Do not rewrite backend product/install logic only to match a visual design.
diff --git a/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md b/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
index 6ffde7e84c..85b6e6caaf 100644
--- a/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
+++ b/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
@@ -27,6 +27,8 @@ Performance opportunity: replace unconditional reload with a state refresh/rende
 
 When the account is not connected, preserve the current page behavior: render the Directorist account-connect form and the promo marketplace/discovery section only.
 
+- Locked as of 2026-07-22: the disconnected view is complete and should be treated as out of scope for future Themes & Extensions work unless the user explicitly asks for disconnected-view changes in that task.
+- Do not alter disconnected-view layout, account-connect copy, resource links, search/tabs/count placement, product row/card actions, CSS/responsive behavior, or page-specific JS behavior by accident while working on connected-state, badge, API, licensing, install/update, or theme-management features.
 - Do not expose installed premium product management in the disconnected page state by default.
 - Do not show Settings, Active status, Activate, Deactivate, Update, or local management actions for installed premium products while disconnected unless a future task explicitly changes this policy.
 - Already installed premium products can continue working in WordPress, but this page should not manage them while the Directorist account session is disconnected.
diff --git a/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md b/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
index b37600e6b1..45eef543b1 100644
--- a/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
+++ b/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
@@ -57,18 +57,61 @@ Product copy/source policy for rewrite:
 
 Future badge/status support should be added to this catalog contract as optional API data. EDD product meta or a dedicated product badge setting on Directorist.com can feed the API, but the core plugin UI should consume the product API field. Do not use normal EDD/WordPress `post_status` as the badge source because it represents product availability, not display labels such as `New`.
 
-Recommended optional badge object:
+Recommended optional badge payload:
 
 ```json
 {
-  "type": "new",
-  "label": "New",
-  "expires_at": "2026-09-01"
+  "badges": [
+    {
+      "type": "new",
+      "label": "New",
+      "expires_at": "2026-09-01"
+    }
+  ]
 }
 ```
 
 Render no badge when this field is absent, expired, malformed, or disabled by filters.
 
+Directorist.com API implementation sketch:
+
+```php
+function directorist_get_product_api_badges( $product_id ) {
+    $raw_badges = get_post_meta( $product_id, '_directorist_product_badges', true );
+    $raw_badges = is_array( $raw_badges ) ? $raw_badges : [];
+    $badges     = [];
+    $now        = time();
+
+    foreach ( $raw_badges as $raw_badge ) {
+        $type       = isset( $raw_badge['type'] ) ? sanitize_key( $raw_badge['type'] ) : '';
+        $label      = isset( $raw_badge['label'] ) ? sanitize_text_field( $raw_badge['label'] ) : '';
+        $expires_at = isset( $raw_badge['expires_at'] ) ? sanitize_text_field( $raw_badge['expires_at'] ) : '';
+
+        if ( '' === $type || '' === $label ) {
+            continue;
+        }
+
+        if ( '' !== $expires_at ) {
+            $expires_timestamp = strtotime( $expires_at );
+
+            if ( false !== $expires_timestamp && $expires_timestamp < $now ) {
+                continue;
+            }
+        }
+
+        $badges[] = [
+            'type'       => $type,
+            'label'      => $label,
+            'expires_at' => '' !== $expires_at ? $expires_at : null,
+        ];
+    }
+
+    return $badges;
+}
+```
+
+When building each product item for `v1/get-remote-products`, only include `badges` when `directorist_get_product_api_badges( $product_id )` returns a non-empty array.
+
 ## Account Connection API
 
 Browser action:
diff --git a/docs/agents/directorist-themes-extensions-page/references/current-implementation-change-notes.md b/docs/agents/directorist-themes-extensions-page/references/current-implementation-change-notes.md
new file mode 100644
index 0000000000..6fd20de6cc
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/current-implementation-change-notes.md
@@ -0,0 +1,127 @@
+# Current Implementation Change Notes
+
+These notes capture durable Themes & Extensions page changes made during the current redesign pass. They are implementation context for future rewrite work, not runtime truth.
+
+Do not store runtime product counts, installed product lists, update counts, account names, subscription contents, or local screenshots here. Re-check live state at task time.
+
+## Scope
+
+- Page: `edit.php?post_type=at_biz_dir&page=atbdp-extension`.
+- Template: `views/admin-templates/theme-extensions/theme-extension.php`.
+- Page JS: `assets/js/directorist-themes-extensions.js`.
+- Page CSS: `assets/css/directorist-themes-extensions.css`.
+- Product data source class: `includes/classes/class-extension.php`.
+- Disconnected view remains locked unless a future task explicitly asks to change it.
+
+## Disconnected View
+
+- Disconnected view is treated as complete and locked.
+- Header only keeps Directorist branding and resource links for Docs, Tutorials, and Support.
+- Connected-state navigation, account menu, settings, active/update controls, and local product management are not shown while disconnected.
+- Account form uses `Username or email address` with an email-style placeholder.
+- Password field has a show/hide toggle.
+- The page focuses the username field for disconnected users.
+- Messaging clarifies that already installed Directorist products keep working, but account connection is required for subscription installs, updates, and license-backed management.
+- Disconnected product rows use marketplace/details-oriented actions instead of install/update/activate/deactivate/delete controls.
+
+## Connected Header And Account Menu
+
+- The large connected account stats/action card was removed from the body.
+- Connected header navigation now uses `Dashboard` and `Add-ons` as internal page views.
+- The existing Themes & Extensions catalog is labeled `Add-ons` in the header nav, but keeps the original page slug, selectors, forms, rows, and AJAX contracts.
+- `Docs`, `Tutorials`, and `Support` remain external resource links, not dashboard tabs, and are grouped on the right side of the connected header like the disconnected view.
+- The `Dashboard` view is currently a static design-preview surface based on the supplied reference HTML. It must be replaced with dynamic Directorist data before production release decisions are made.
+- The static Dashboard preview inner cards were aligned to the supplied reference HTML pattern: metric sparkline decoration, soft recent-activity icons, the five-item activity list, icon/title recommendation cards, and soft recommendation install buttons.
+- Account summary moved into the avatar dropdown so the product list starts closer to the page title/update banner.
+- Avatar dropdown is click-only for opening. Hover and focus alone do not open it.
+- Dropdown closes on outside click, Escape, and focus leaving the menu.
+- Dropdown contains dynamic account summary values, `Refresh purchases`, and `Disconnect`.
+- `Refresh purchases` keeps the existing `#purchase-refresh-form` and `atbdp_refresh_purchase_status` AJAX action.
+- `Disconnect` keeps `.subscriptions-logout-btn` and `atbdp_close_subscriptions_sassion` compatibility.
+- Refresh purchase password inputs are hidden from tab order until the user opens that panel.
+- Connected header search is intentionally still static for now.
+
+## Product Catalog And Toolbar
+
+- Search was moved into the toolbar near the catalog count.
+- Primary tabs keep dynamic All, Extensions, and Themes counts.
+- Status segmented filter keeps All, Installed, Not installed, and Updates.
+- Updates count renders as a small warning pill.
+- Update status labels render the target version when available, for example `vX.Y.Z available`; fallback remains `Update available`.
+- Theme update metadata now carries `new_version` from the WordPress theme update transient into active theme row state.
+
+## Badges
+
+- Badge rendering supports scalar badges such as `New` and structured badges such as `{ type, label, expires_at }`.
+- Empty, malformed, duplicate, or expired badges are ignored.
+- Badge class names are generated from badge type, for example `directorist-te-badge--new`, `--popular`, and `--trending`.
+- Local badge fallback was added only for existing local product entries. API/filter-provided badge data remains the desired source of truth.
+- Badge terms are searchable.
+- Search highlights matching text in product titles and descriptions.
+- Badge styling was reduced to keep row height compact.
+
+## Local Product Fallback Additions
+
+- Added local fallback entries for Directorist Notifications Pro and Directorist Divi Integration because the product API can return these products while the local fallback list did not previously include them.
+- Added local images for those fallback products.
+- These entries should remain display/catalog fallbacks only; live product metadata should still come from API/filter data when available.
+
+## Active Theme Handling
+
+- The active site theme row remains visible because it explains what theme controls the live WordPress site and provides access to Customize.
+- If the active theme is a Directorist theme, type label is `Directorist theme`.
+- If the active theme is not in the Directorist theme catalog, type label is `WordPress theme`.
+- Active theme badge is `Active site theme`.
+- Default WordPress themes are not presented as Directorist products.
+- Active theme row keeps a single visible `Customize` action. Duplicate overflow `Customize` was removed.
+- Theme activation remains high risk and should require explicit confirmation before calling `atbdp_activate_theme`.
+
+## Row Actions
+
+- Product detail actions are exposed directly instead of hiding essential discovery behind overflow.
+- Demo actions are exposed directly where applicable.
+- Active plugin rows use `Settings` as the primary action when no update is available.
+- Active installed plugin overflow contains `Deactivate` only when applicable.
+- Inactive installed plugin overflow uses `Delete plugin` as the destructive file-removal action.
+- `Delete` remains protected by confirmation and should never be exposed as an easy primary action.
+- Duplicate Settings/Customize-style actions should be avoided.
+
+## Selection And Bulk Actions
+
+- Rows with no safe bulk action render a disabled checkbox instead of silently omitting the selection cell.
+- Master checkbox selects visible selectable rows only.
+- Bulk bar no longer requires every selected item to share the same action.
+- Bulk action visibility is now based on the union of eligible selected actions.
+- Each visible bulk action shows a dynamic eligible-item count.
+- Clicking a bulk action runs only the selected items that support that action; unsupported selected items are skipped.
+- Button title/ARIA text explains how many selected items will run and how many will be skipped.
+- Delete bulk action remains destructive and requires confirmation.
+- Delete is limited to items marked eligible for uninstall/delete, not active plugins.
+- Existing AJAX contracts are preserved:
+  - `atbdp_install_file_from_subscriptions`
+  - `atbdp_update_plugins`
+  - `atbdp_update_theme`
+  - `atbdp_plugins_bulk_action`
+
+## Connected View Responsive Fixes
+
+- Connected header is not sticky, preventing overlap with product rows.
+- Connected nav can wrap/scroll on smaller screens without clipping the active label.
+- Product titles and badges are allowed to wrap on narrow screens.
+- Toolbar/search/count and bulk bar were checked for no horizontal overflow.
+
+## Compatibility Rules Preserved
+
+- Page slug remains `atbdp-extension`.
+- Parent post type remains `at_biz_dir`.
+- Existing AJAX action names and nonce patterns are preserved.
+- Existing selectors/classes needed by legacy JS are preserved where actions still depend on them.
+- Legacy user meta key `_atbdp_has_subscriptions_sassion` and AJAX action `atbdp_close_subscriptions_sassion` are preserved, including misspellings.
+- Product filters and local fallback data remain part of the product merge path.
+
+## Known Follow-Up Notes
+
+- Many expensive actions still use full reload after server success. Future no-reload work should progressively enhance around existing AJAX responses and re-fetch canonical state.
+- Connected header search remains static by decision and should be handled in a separate task.
+- API badge source should move to Directorist.com/EDD product metadata so local fallback badges can eventually be removed.
+- Build assets were not regenerated during these source edits unless explicitly stated in the task.
diff --git a/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md b/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
index ec80c0074e..458a666c64 100644
--- a/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
+++ b/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
@@ -50,11 +50,13 @@ Theme catalog items commonly include:
 - Badge/status fields do not use hardcoded local fallback. Render badge/status only when provided by product API data or explicit filters.
 - Do not store the current merged catalog output in this skill.
 
-Optional product badge/status shape for future rewrite:
+Optional product badge/status shape:
 
-- `badge.type`: machine-readable badge type such as `new`, `beta`, `popular`, `sale`, or `featured`
-- `badge.label`: display label such as `New`
-- `badge.expires_at`: optional expiration date/time; expired badges must not render
+- Preferred API field: `badges`, an array of badge objects.
+- Legacy/filter-compatible field: `badge`, a single badge object or scalar label.
+- `type`: machine-readable badge type such as `new`, `beta`, `popular`, `sale`, `trending`, or `featured`
+- `label`: display label such as `New`
+- `expires_at`: optional expiration date/time; expired badges must not render
 
 Badge/status data should come from Directorist.com product API data. EDD product meta, a dedicated product badge setting, or taxonomy can be the upstream source on Directorist.com, but the core plugin should consume the API field. Local product-list filters may add or override badge data for compatibility/testing. Do not infer badges from product order, names, slugs, or local runtime state.
 
diff --git a/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md b/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
index 6da30c8a5d..d385bf4461 100644
--- a/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
+++ b/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
@@ -10,10 +10,12 @@ Use this checklist for Themes & Extensions page work. Current runtime data must
 - Confirm new code preserves existing nonce usage or provides compatibility.
 - Confirm new copy is escaped and translatable in PHP.
 - Confirm changed selectors/classes do not remove legacy hooks without shims.
+- Confirm page styles are scoped to the Themes & Extensions page root/classes and do not introduce broad global admin or shared Directorist selector changes.
 - Confirm docs/copy claims against `README.md`, `readme.txt`, and official Directorist docs.
 - Confirm product names, descriptions, thumbnails, and links use API values when present and local defaults when API fields are missing or invalid.
 - Confirm product badges/status render only from product API/filter-provided fields and do not rely on hardcoded product slugs or product order.
 - Confirm no old/new UI feature flag or rollout toggle was added unless explicitly requested.
+- Confirm disconnected-view files/selectors/styles were not changed unless the current task explicitly requested disconnected-view changes.
 - Confirm disconnected-state username is first in tab order but is not autofocused on normal page load.
 - Confirm disconnected-state resource links are plain Docs, Tutorials, and Support links with external-link safety attributes.
 - Confirm disconnected-state account copy changes based on local official Directorist product detection: normal subscription copy when none are installed, installed-product copy when local Directorist extensions/themes are present.
diff --git a/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md b/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
index 3cebc77d1a..0a38d2c5f0 100644
--- a/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
+++ b/docs/agents/directorist-themes-extensions-page/references/rewrite-issue-register.md
@@ -22,6 +22,16 @@ The approved direction is a full UI rewrite of this page, not a staged old/new U
 - React should only be considered after an explicit larger admin UI migration decision, because it requires a new state/API layer and broader QA.
 - This architecture is the lowest-risk default for the 20k customer base: fewer moving parts, easier rollback, existing server-rendered fallback, and stable public contracts.
 
+## Current Styling Source Note
+
+- The current rewritten Themes & Extensions page styles are in the direct page stylesheet `assets/css/directorist-themes-extensions.css`.
+- They are not currently authored in `assets/src/scss/`.
+- The stylesheet is enqueued directly for the `atbdp-extension` admin page from the asset loader.
+- Styles for this page must remain scoped to the Themes & Extensions root/classes, such as `#directorist.directorist-te-page` and `.directorist-te-*`. Avoid broad selectors like `.wrap`, `.button`, `.notice`, `table`, or shared Directorist admin classes unless the change is intentionally global and verified across affected admin screens.
+- Keep page-only design tokens and custom properties under the Themes & Extensions page root so they do not override other Directorist admin screens.
+- Future rewrite or hardening work should decide explicitly whether to keep this page-specific direct CSS file or migrate the styles into the SCSS/build pipeline.
+- Do not commit generated `assets/build/*` changes as part of this decision unless a build output update is intentionally requested.
+
 ## Locked Reference Design Behavior
 
 When implementing from the approved HTML demo design, match the behavior as well as the static visuals. Do not store demo product rows or local runtime values as truth.
@@ -44,9 +54,11 @@ When implementing from the approved HTML demo design, match the behavior as well
 
 ## Disconnected Account Policy
 
+- Locked decision, 2026-07-22: disconnected view is done. Do not change it in future rewrite work unless the user explicitly requests disconnected-view changes in the current task.
 - Preserve current disconnected-account behavior by default.
 - Treat `logout` in this page context as Directorist account disconnect, not WordPress admin logout.
 - When `_atbdp_has_subscriptions_sassion` is empty, the page should render the account-connect form and the marketplace/promo discovery section.
+- Keep disconnected-view PHP markup, copy, resource links, search/tabs/count placement, product-row actions, page-scoped CSS/responsive behavior, and JS behavior stable by default.
 - Do not expose installed premium product management in the disconnected state by default.
 - Do not show Settings, Active status, Activate, Deactivate, Update, or local management actions for installed premium plugins/themes while disconnected unless a future task explicitly changes this policy.
 - Do not show disconnected users management-only UI affordances such as header account utilities, Installed/Updates status filters, master select checkboxes, row selection, or bulk-action controls. Keep browsing affordances such as add-on search, type tabs, counts, product detail links, and Get It Now links.
@@ -82,14 +94,17 @@ When implementing from the approved HTML demo design, match the behavior as well
 - Preferred remote API shape is a structured optional field:
 
 ```json
-"badge": {
-  "type": "new",
-  "label": "New",
-  "expires_at": "2026-09-01"
-}
+"badges": [
+  {
+    "type": "new",
+    "label": "New",
+    "expires_at": "2026-09-01"
+  }
+]
 ```
 
-- `type` should be a machine-readable enum such as `new`, `beta`, `popular`, `sale`, or `featured`.
+- `badge` as a single object or scalar label may remain supported for filters and backward compatibility.
+- `type` should be a machine-readable enum such as `new`, `beta`, `popular`, `trending`, `sale`, or `featured`.
 - `label` should be the display text from the API and escaped/translated safely where applicable.
 - `expires_at` should be optional and handled server-side or client-side so expired badges do not render.
 - The core plugin UI should read badge/status values from the product API. EDD product meta, custom taxonomy, or a dedicated badge setting can be the upstream source on Directorist.com, but the Themes & Extensions page should depend on the API field, not direct EDD assumptions.
@@ -99,6 +114,51 @@ When implementing from the approved HTML demo design, match the behavior as well
 - Do not infer `New` from product order, product name, local install date, or a hardcoded slug list.
 - Because the product catalog is cached, badge changes from the API must account for cache invalidation or acceptable cache delay.
 
+### Public Marketing Page Badge Scrape
+
+Last refreshed scrape: 2026-07-22.
+
+Scraped from:
+
+- `https://directorist.com/extensions/`
+- `https://directorist.com/themes/`
+
+This scrape is a temporary implementation reference only. Do not treat these product-to-badge mappings as canonical product data in the plugin. Re-scrape the marketing pages and, more importantly, re-check the product API before implementing or shipping badge behavior.
+
+Observed markup pattern:
+
+- Product cards expose badge machine values through `data-badges`, for example `data-badges="new trending"`.
+- Visible badges render as spans such as `.badge-new`, `.badge-trending`, and `.badge-popular`.
+- Observed badge labels: `New`, `Trending`, `Popular`.
+
+Observed extension badges:
+
+- Directorist Notifications Pro: `New`
+- Directorist Divi Integration: `New`
+- Directorist AI Search: `New`
+- Directorist Listing Importer: `New`, `Trending`
+- Directorist Search Alert: `New`
+- Directorist Announcement: `New`
+- AddonsKit for Bricks: `New`
+- HelpGent Integration: `New`
+- Digital Marketplace: `Trending`
+- Job Manager: `Trending`
+- Booking (Reservation & Appointment): `Popular`
+- Listings with Map: `Popular`
+- Business Hours: `Popular`
+- WooCommerce Pricing Plans: `Popular`
+- PayPal Payment Gateway: `Popular`
+- Pricing Plans: `Popular`, `Trending`
+
+Observed theme badges:
+
+- dJobs: `New`
+- dHotels: `Popular`
+- dClassified: `Trending`
+- OneListing Pro: `Popular`, `Trending`
+- dCar: `Popular`
+- dDoctors: `Popular`
+
 ## Product Copy Source Policy
 
 - Product API data is preferred for product names, descriptions, thumbnails, product links, demo links, active promo flags, item IDs, and plugin bases when valid fields exist.
diff --git a/includes/classes/class-extension.php b/includes/classes/class-extension.php
index dfb442759b..432dc73b75 100644
--- a/includes/classes/class-extension.php
+++ b/includes/classes/class-extension.php
@@ -236,8 +236,39 @@ public function setup_products_list() {
             }
         }
 
+        private static function get_product_badge( $type, $label, $expires_at = null ) {
+            $badge = [
+                'type'  => $type,
+                'label' => $label,
+            ];
+
+            if ( null !== $expires_at ) {
+                $badge['expires_at'] = $expires_at;
+            }
+
+            return $badge;
+        }
+
         public static function get_default_extensions() {
             return [
+                'directorist-notifications-pro' => [
+                    'name'        => 'Directorist Notifications Pro',
+                    'description' => __( 'Send instant browser push notifications for listings, payments, reviews, renewals, and other important directory events.', 'directorist' ),
+                    'link'        => 'https://directorist.com/product/directorist-notifications-pro/',
+                    'thumbnail'   => ATBDP_URL . 'assets/images/extensions/directorist-notifications-pro.jpg',
+                    'active'      => true,
+                    'item_id'     => 371698,
+                    'badges'      => [ self::get_product_badge( 'new', __( 'New', 'directorist' ) ) ],
+                ],
+                'directorist-divi-integration' => [
+                    'name'        => 'Directorist Divi Integration',
+                    'description' => __( 'Build and customize your directory visually with native Divi 5 modules.', 'directorist' ),
+                    'link'        => 'https://directorist.com/product/directorist-divi-integration/',
+                    'thumbnail'   => ATBDP_URL . 'assets/images/extensions/directorist-divi-integration.jpg',
+                    'active'      => true,
+                    'item_id'     => 371246,
+                    'badges'      => [ self::get_product_badge( 'new', __( 'New', 'directorist' ) ) ],
+                ],
                 'directorist-ai-search' => [
                     'name'        => 'Directorist AI Search',
                     'description' => __( 'AI-powered directory search that understands intent and improves listing discovery.', 'directorist' ),
@@ -245,6 +276,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/AI-Search-Preview.jpg',
                     'active'      => true,
                     'item_id'     => 370908,
+                    'badges'      => [ self::get_product_badge( 'new', __( 'New', 'directorist' ) ) ],
                 ],
                 'directorist-listing-importer' => [
                     'name'        => 'Directorist Listing Importer',
@@ -253,6 +285,10 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/directorist-listing-importer.png',
                     'active'      => true,
                     'item_id'     => 370853,
+                    'badges'      => [
+                        self::get_product_badge( 'new', __( 'New', 'directorist' ) ),
+                        self::get_product_badge( 'trending', __( 'Trending', 'directorist' ) ),
+                    ],
                 ],
 
                 'directorist-analytics' => [
@@ -289,6 +325,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/directorist-search-alert.png',
                     'active'      => true,
                     'item_id'     => 323908,
+                    'badges'      => [ self::get_product_badge( 'new', __( 'New', 'directorist' ) ) ],
                 ],
 
                 'directorist-announcement' => [
@@ -298,6 +335,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/directorist-announcement.svg',
                     'active'      => true,
                     'item_id'     => 308031,
+                    'badges'      => [ self::get_product_badge( 'new', __( 'New', 'directorist' ) ) ],
                 ],
 
                 'addonskit-for-bricks' => [
@@ -307,6 +345,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/addonskit-bricks.svg',
                     'active'      => true,
                     'item_id'     => 307581,
+                    'badges'      => [ self::get_product_badge( 'new', __( 'New', 'directorist' ) ) ],
                 ],
 
                 'directorist-coupon' => [
@@ -333,6 +372,7 @@ public static function get_default_extensions() {
                     'base'        => 'directorist-listings-with-map/directorist-listings-map.php',
                     'active'      => true,
                     'item_id'     => 13794,
+                    'badges'      => [ self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ) ],
                 ],
                 'directorist-pricing-plans' => [
                     'name'        => 'Pricing Plans',
@@ -341,6 +381,10 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/pricing-plans.png',
                     'active'      => true,
                     'item_id'     => 13776,
+                    'badges'      => [
+                        self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ),
+                        self::get_product_badge( 'trending', __( 'Trending', 'directorist' ) ),
+                    ],
                 ],
                 'directorist-woocommerce-pricing-plans' => [
                     'name'        => 'WooCommerce Pricing Plans',
@@ -349,6 +393,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/woo-pricing-plans.png',
                     'active'      => true,
                     'item_id'     => 13784,
+                    'badges'      => [ self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ) ],
                 ],
                 'directorist-paypal' => [
                     'name'        => 'PayPal Payment Gateway',
@@ -357,6 +402,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/paypal-gateway.png',
                     'active'      => true,
                     'item_id'     => 13702,
+                    'badges'      => [ self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ) ],
                 ],
                 'directorist-stripe' => [
                     'name'        => 'Stripe Payment Gateway',
@@ -414,6 +460,7 @@ public static function get_default_extensions() {
                     'base'        => 'directorist-business-hours/bd-business-hour.php',
                     'active'      => true,
                     'item_id'     => 13714,
+                    'badges'      => [ self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ) ],
                 ],
                 'directorist-slider-carousel' => [
                     'name'        => 'Listings Slider & Carousel',
@@ -439,6 +486,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/booking.png',
                     'active'      => true,
                     'item_id'     => 21718,
+                    'badges'      => [ self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ) ],
                 ],
                 'directorist-gallery' => [
                     'name'        => 'Image Gallery',
@@ -504,6 +552,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/jobs-manager.svg',
                     'active'      => true,
                     'item_id'     => 134332,
+                    'badges'      => [ self::get_product_badge( 'trending', __( 'Trending', 'directorist' ) ) ],
                 ],
                 'directorist-mailchimp-integration' => [
                     'name'        => 'Mailchimp Integration',
@@ -520,6 +569,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/helpgent.svg',
                     'active'      => true,
                     'item_id'     => 188735,
+                    'badges'      => [ self::get_product_badge( 'new', __( 'New', 'directorist' ) ) ],
                 ],
                 'directorist-wpml-integration' => [
                     'name'        => 'WPML Integration',
@@ -536,6 +586,7 @@ public static function get_default_extensions() {
                     'thumbnail'   => ATBDP_URL . 'assets/images/extensions/marketplace.svg',
                     'active'      => true,
                     'item_id'     => 148417,
+                    'badges'      => [ self::get_product_badge( 'trending', __( 'Trending', 'directorist' ) ) ],
                 ],
                 'directorist-gamipress-integration' => [
                     'name'        => 'Gamipress Integration',
@@ -558,6 +609,7 @@ public static function get_default_themes() {
                     'demo_link'   => 'https://demo.directorist.com/theme/djobs/',
                     'thumbnail'   => ATBDP_URL . 'assets/images/themes/djobs.png',
                     'active'      => true,
+                    'badges'      => [ self::get_product_badge( 'new', __( 'New', 'directorist' ) ) ],
                 ],
                 'dhotels' => [
                     'name'        => 'dHotels',
@@ -566,6 +618,7 @@ public static function get_default_themes() {
                     'demo_link'   => 'https://demo.directorist.com/theme/dhotels/',
                     'thumbnail'   => ATBDP_URL . 'assets/images/themes/dhotels.png',
                     'active'      => true,
+                    'badges'      => [ self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ) ],
                 ],
                 'dclassified' => [
                     'name'        => 'dClassified',
@@ -574,6 +627,7 @@ public static function get_default_themes() {
                     'demo_link'   => 'https://demo.directorist.com/theme/dclassified/',
                     'thumbnail'   => ATBDP_URL . 'assets/images/themes/dclassified.png',
                     'active'      => true,
+                    'badges'      => [ self::get_product_badge( 'trending', __( 'Trending', 'directorist' ) ) ],
                 ],
                 'onelisting' => [
                     'name'        => 'OneListing',
@@ -590,6 +644,10 @@ public static function get_default_themes() {
                     'demo_link'   => 'https://demo.directorist.com/theme/onelisting-pro/',
                     'thumbnail'   => ATBDP_URL . 'assets/images/themes/onelisting.png',
                     'active'      => true,
+                    'badges'      => [
+                        self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ),
+                        self::get_product_badge( 'trending', __( 'Trending', 'directorist' ) ),
+                    ],
                 ],
                 'dplace' => [
                     'name'        => 'dPlace',
@@ -622,6 +680,7 @@ public static function get_default_themes() {
                     'demo_link'   => 'https://demo.directorist.com/theme/dcar/',
                     'thumbnail'   => ATBDP_URL . 'assets/images/themes/dcar.png',
                     'active'      => true,
+                    'badges'      => [ self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ) ],
                 ],
                 'dlist' => [
                     'name'        => 'dList',
@@ -646,6 +705,7 @@ public static function get_default_themes() {
                     'demo_link'   => 'https://demo.directorist.com/theme/ddoctors/',
                     'thumbnail'   => ATBDP_URL . 'assets/images/themes/ddoctors.png',
                     'active'      => true,
+                    'badges'      => [ self::get_product_badge( 'popular', __( 'Popular', 'directorist' ) ) ],
                 ],
                 'dlawyers' => [
                     'name'        => 'dLawyers',
@@ -2646,7 +2706,7 @@ public function get_themes_overview() {
 
             $sovware_themes       = ( is_array( $this->themes ) ) ? array_keys( $this->themes ) : [];
             $theme_updates        = get_site_transient( 'update_themes' );
-            $outdated_themes      = $theme_updates->response;
+            $outdated_themes      = ( is_object( $theme_updates ) && isset( $theme_updates->response ) && is_array( $theme_updates->response ) ) ? $theme_updates->response : array();
             $outdated_themes_keys = ( is_array( $outdated_themes ) ) ? array_keys( $outdated_themes ) : [];
 
             $all_themes            = wp_get_themes();
@@ -2660,13 +2720,29 @@ public function get_themes_overview() {
                 if ( in_array( $theme_base, $sovware_themes ) ) {
                     $customizer_link = "customize.php?theme={$theme_data->stylesheet}&return=%2Fwp-admin%2Fthemes.php";
                     $customizer_link = admin_url( $customizer_link );
+                    $has_theme_update  = isset( $outdated_themes[ $theme_data->stylesheet ] );
+                    $theme_update_info = $has_theme_update ? $outdated_themes[ $theme_data->stylesheet ] : array();
+                    $theme_new_version = '';
+
+                    if ( is_object( $theme_update_info ) ) {
+                        $theme_update_info = get_object_vars( $theme_update_info );
+                    }
+
+                    if ( is_array( $theme_update_info ) ) {
+                        if ( ! empty( $theme_update_info['new_version'] ) && is_scalar( $theme_update_info['new_version'] ) ) {
+                            $theme_new_version = sanitize_text_field( $theme_update_info['new_version'] );
+                        } elseif ( ! empty( $theme_update_info['version'] ) && is_scalar( $theme_update_info['version'] ) ) {
+                            $theme_new_version = sanitize_text_field( $theme_update_info['version'] );
+                        }
+                    }
 
                     $installed_theme_list[ $theme_base ] = [
                         'name'            => $theme_data->name,
                         'version'         => $theme_data->version,
                         'thumbnail'       => $theme_data->get_screenshot(),
                         'customizer_link' => $customizer_link,
-                        'has_update'      => ( in_array( $theme_data->stylesheet, $outdated_themes_keys ) ) ? true : false,
+                        'has_update'      => $has_theme_update,
+                        'new_version'     => $theme_new_version,
                         'stylesheet'      => $theme_data->stylesheet,
                     ];
 
@@ -2674,7 +2750,7 @@ public function get_themes_overview() {
                         $total_active_themes++;
                     }
 
-                    if ( in_array( $theme_base, $outdated_themes_keys ) ) {
+                    if ( $has_theme_update ) {
                         $total_outdated_themes++;
                     }
                 }
@@ -2755,7 +2831,9 @@ public function get_current_active_theme_info( array $args = [] ) {
             $customizer_link      = admin_url( $customizer_link );
 
             // Check form theme update
-            $has_update = isset( $args['installed_theme_list'][ $current_active_theme->stylesheet ] ) ? $args['installed_theme_list'][ $current_active_theme->stylesheet ]['has_update'] : '';
+            $active_theme_state = isset( $args['installed_theme_list'][ $current_active_theme->stylesheet ] ) ? $args['installed_theme_list'][ $current_active_theme->stylesheet ] : array();
+            $has_update         = isset( $active_theme_state['has_update'] ) ? $active_theme_state['has_update'] : '';
+            $new_version        = isset( $active_theme_state['new_version'] ) ? $active_theme_state['new_version'] : '';
 
             $active_theme_info = [
                 'name'            => $current_active_theme->name,
@@ -2763,6 +2841,7 @@ public function get_current_active_theme_info( array $args = [] ) {
                 'thumbnail'       => $current_active_theme->get_screenshot(),
                 'customizer_link' => $customizer_link,
                 'has_update'      => $has_update,
+                'new_version'     => $new_version,
                 'stylesheet'      => $current_active_theme->stylesheet,
             ];
 
@@ -2877,6 +2956,14 @@ public static function remote_activate_license( $license_item = [] ) {
             return $status;
         }
 
+        private static function get_remote_auth_connection_error_message() {
+            return __( 'Could not reach Directorist.com. Please try again.', 'directorist' );
+        }
+
+        private static function get_remote_auth_invalid_credentials_message() {
+            return __( 'The username, email address, or password is incorrect. Please check your details and try again.', 'directorist' );
+        }
+
         // remote_authenticate_user
         public static function remote_authenticate_user( $user_credentials = [] ) {
             $status = [ 'success' => true ];
@@ -2903,14 +2990,20 @@ public static function remote_authenticate_user( $user_credentials = [] ) {
                 $response = wp_remote_get( $url, $config );
 
                 if ( is_wp_error( $response ) ) {
-                    $status['success'] = false;
-                    $status['message'] = Directorist\Helper::get_first_wp_error_message( $response );
+                    $status['success']    = false;
+                    $status['error_code'] = $response->get_error_code();
+                    $status['message']    = self::get_remote_auth_connection_error_message();
                 } else {
+                    $response_code = wp_remote_retrieve_response_code( $response );
                     $response_body = is_string( $response['body'] ) ? json_decode( $response['body'], true ) : $response['body'];
+
+                    if ( empty( $response_body ) && in_array( $response_code, [ 401, 403 ], true ) ) {
+                        $status['message'] = self::get_remote_auth_invalid_credentials_message();
+                    }
                 }
             } catch ( Exception $e ) {
                 $status['success'] = false;
-                $status['message'] = $e->getMessage();
+                $status['message'] = self::get_remote_auth_connection_error_message();
             }
 
             if ( is_array( $response_body ) ) {
@@ -2919,6 +3012,10 @@ public static function remote_authenticate_user( $user_credentials = [] ) {
 
             if ( empty( $response_body['success'] ) ) {
                 $status['success'] = false;
+
+                if ( empty( $status['message'] ) && empty( $status['log'] ) ) {
+                    $status['message'] = self::get_remote_auth_invalid_credentials_message();
+                }
             }
 
             $status['response'] = $response_body;
diff --git a/views/admin-templates/theme-extensions/auth/license-auth-section.php b/views/admin-templates/theme-extensions/auth/license-auth-section.php
index 9d5cd4845d..61f7075057 100644
--- a/views/admin-templates/theme-extensions/auth/license-auth-section.php
+++ b/views/admin-templates/theme-extensions/auth/license-auth-section.php
@@ -8,7 +8,7 @@
                 <div class="row">
                     <div class="col-lg-6">
                         <div class="account-connect__form-group">
-                            <input type="text" placeholder="Username" name="username" id="username">
+                            <input type="text" placeholder="Username or email address, e.g. name@example.com" name="username" id="username" autocomplete="username">
                             <span class="la la-user"></span>
                         </div>
                     </div>
@@ -29,4 +29,4 @@
             <div class="atbdp-form-response-page"></div>
         </form>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/views/admin-templates/theme-extensions/theme-extension.php b/views/admin-templates/theme-extensions/theme-extension.php
index 6a64e61bb1..a90fc92632 100644
--- a/views/admin-templates/theme-extensions/theme-extension.php
+++ b/views/admin-templates/theme-extensions/theme-extension.php
@@ -43,25 +43,128 @@
         return [];
     }
 
-    $badges = [];
+    $normalize_badge = static function( $badge_value ) {
+        $label      = '';
+        $type       = '';
+        $expires_at = '';
+
+        if ( is_array( $badge_value ) ) {
+            $label      = $badge_value['label'] ?? $badge_value['name'] ?? '';
+            $type       = $badge_value['type'] ?? '';
+            $expires_at = $badge_value['expires_at'] ?? '';
+
+            if ( is_scalar( $type ) && '' === trim( (string) $label ) && '' !== trim( (string) $type ) ) {
+                $label = ucwords( str_replace( [ '-', '_' ], ' ', (string) $type ) );
+            }
+        } elseif ( is_scalar( $badge_value ) ) {
+            $label = $badge_value;
+        }
+
+        if ( ! is_scalar( $label ) || '' === trim( (string) $label ) ) {
+            return null;
+        }
+
+        $label = trim( (string) $label );
+        $type  = is_scalar( $type ) && '' !== trim( (string) $type ) ? sanitize_title( (string) $type ) : sanitize_title( $label );
+
+        if ( is_scalar( $expires_at ) && '' !== trim( (string) $expires_at ) ) {
+            $expires_timestamp = strtotime( (string) $expires_at );
+
+            if ( false !== $expires_timestamp && $expires_timestamp < time() ) {
+                return null;
+            }
+        }
+
+        return [
+            'type'  => $type ?: 'default',
+            'label' => $label,
+        ];
+    };
+
+    $badges      = [];
+    $seen_badges = [];
     foreach ( [ 'badge', 'badges', 'product_badge', 'product_badges', 'product_status', 'release_status' ] as $badge_key ) {
         if ( empty( $product[ $badge_key ] ) ) {
             continue;
         }
 
-        $badge_values = is_array( $product[ $badge_key ] ) ? $product[ $badge_key ] : [ $product[ $badge_key ] ];
+        $raw_badges = $product[ $badge_key ];
+        $is_single  = is_array( $raw_badges ) && array_intersect( [ 'label', 'name', 'type', 'expires_at' ], array_keys( $raw_badges ) );
+
+        $badge_values = is_array( $raw_badges ) && ! $is_single ? $raw_badges : [ $raw_badges ];
         foreach ( $badge_values as $badge_value ) {
-            if ( is_array( $badge_value ) ) {
-                $badge_value = $badge_value['label'] ?? $badge_value['name'] ?? '';
+            $badge = $normalize_badge( $badge_value );
+
+            if ( empty( $badge ) ) {
+                continue;
             }
 
-            if ( is_scalar( $badge_value ) && '' !== trim( (string) $badge_value ) ) {
-                $badges[] = trim( (string) $badge_value );
+            $badge_id = strtolower( $badge['type'] . '|' . $badge['label'] );
+
+            if ( isset( $seen_badges[ $badge_id ] ) ) {
+                continue;
             }
+
+            $seen_badges[ $badge_id ] = true;
+            $badges[]                 = $badge;
         }
     }
 
-    return array_values( array_unique( $badges ) );
+    return $badges;
+};
+
+$normalize_search_text = static function( $value ) {
+    if ( ! is_scalar( $value ) ) {
+        return '';
+    }
+
+    $value = strtolower( remove_accents( wp_strip_all_tags( (string) $value ) ) );
+    $value = preg_replace( '/[-_]+/', ' ', $value );
+    $value = preg_replace( '/\s+/', ' ', $value );
+
+    return trim( (string) $value );
+};
+
+$get_badge_search_terms = static function( $badges ) use ( $normalize_search_text ) {
+    if ( empty( $badges ) || ! is_array( $badges ) ) {
+        return [];
+    }
+
+    $terms = [];
+    foreach ( $badges as $badge ) {
+        $badge_label = is_array( $badge ) ? ( $badge['label'] ?? '' ) : $badge;
+        $badge_type  = is_array( $badge ) ? ( $badge['type'] ?? '' ) : '';
+
+        if ( is_scalar( $badge_label ) && '' !== trim( (string) $badge_label ) ) {
+            $terms[] = $normalize_search_text( $badge_label );
+        }
+
+        if ( is_scalar( $badge_type ) && '' !== trim( (string) $badge_type ) ) {
+            $terms[] = $normalize_search_text( $badge_type );
+        }
+    }
+
+    return array_values( array_unique( array_filter( $terms ) ) );
+};
+
+$get_row_search_index = static function( $row ) use ( $normalize_search_text, $get_badge_search_terms ) {
+    $search_text = $normalize_search_text(
+        implode(
+            ' ',
+            [
+                $row['name'] ?? '',
+                $row['description'] ?? '',
+                $row['typeLabel'] ?? '',
+            ]
+        )
+    );
+    $badge_terms = $get_badge_search_terms( $row['badges'] ?? [] );
+
+    return [
+        'text'        => $search_text,
+        'badge_text'  => implode( ' ', $badge_terms ),
+        'badge_terms' => wp_json_encode( $badge_terms ) ?: '[]',
+    ];
 };
 
 $get_link = static function( $product ) {
@@ -117,6 +220,55 @@
     }
 };
 
+$get_bulk_control = static function( $id, $item, $type, $actions, $class = '' ) {
+    $item    = is_scalar( $item ) ? (string) $item : '';
+    $type    = is_scalar( $type ) ? (string) $type : '';
+    $actions = array_values( array_unique( array_filter( array_map( 'sanitize_key', (array) $actions ) ) ) );
+
+    if ( '' === $item || empty( $actions ) || ! in_array( $type, [ 'plugin', 'theme' ], true ) ) {
+        return null;
+    }
+
+    return [
+        'id'    => $id,
+        'name'  => 'directorist_te_bulk[]',
+        'class' => trim( 'directorist-te-select-checkbox directorist-te-check ' . $class ),
+        'attrs' => [
+            'value'             => $item,
+            'data-bulk-item'    => $item,
+            'data-bulk-type'    => $type,
+            'data-bulk-actions' => implode( ' ', $actions ),
+        ],
+    ];
+};
+
+$get_update_version = static function( $update ) {
+    if ( is_object( $update ) ) {
+        $update = get_object_vars( $update );
+    }
+
+    if ( ! is_array( $update ) ) {
+        return '';
+    }
+
+    foreach ( [ 'new_version', 'version' ] as $version_key ) {
+        if ( ! empty( $update[ $version_key ] ) && is_scalar( $update[ $version_key ] ) ) {
+            return ltrim( trim( (string) $update[ $version_key ] ), 'vV' );
+        }
+    }
+
+    return '';
+};
+
+$get_update_status_label = static function( $version ) {
+    if ( is_scalar( $version ) && '' !== trim( (string) $version ) ) {
+        /* translators: %s: available product version. */
+        return sprintf( __( 'v%s available', 'directorist' ), ltrim( trim( (string) $version ), 'vV' ) );
+    }
+
+    return __( 'Update available', 'directorist' );
+};
+
 $render_action = static function( $action ) use ( $render_attrs ) {
     if ( empty( $action['label'] ) ) {
         return;
@@ -139,8 +291,11 @@
     if ( empty( $label ) ) {
         return;
     }
+
+    /* translators: %s: product status label. */
+    $status_title = sprintf( __( 'Status: %s', 'directorist' ), $label );
     ?>
-    <span class="directorist-te-status directorist-te-status--<?php echo esc_attr( $status ); ?>"><?php echo esc_html( $label ); ?></span>
+    <span class="directorist-te-status directorist-te-status--<?php echo esc_attr( $status ); ?>" title="<?php echo esc_attr( $status_title ); ?>"><?php echo esc_html( $label ); ?></span>
     <?php
 };
 
@@ -164,10 +319,11 @@
         $version       = ! empty( $extension['Version'] ) ? $extension['Version'] : '';
         $description   = $product['description'] ?? ( $extension['Description'] ?? '' );
         $has_update    = in_array( $extension_base, $outdated_keys, true );
+        $update_version = $get_update_version( $outdated_plugins[ $extension_base ] ?? null );
         $is_active     = is_plugin_active( $extension_base );
         $is_required   = isset( $required_lookup[ $extension_base ] ) || isset( $required_lookup[ $extension_key ] );
         $status        = $has_update ? 'update installed active' : ( $is_active ? 'active installed' : 'installed' );
-        $status_label  = $has_update ? __( 'Update available', 'directorist' ) : ( $is_active ? __( 'Active', 'directorist' ) : __( 'Installed', 'directorist' ) );
+        $status_label  = $has_update ? $get_update_status_label( $update_version ) : ( $is_active ? __( 'Active', 'directorist' ) : __( 'Installed', 'directorist' ) );
         $primary       = $has_update
             ? [
                 'label' => $is_beta ? __( 'Update Beta', 'directorist' ) : __( 'Update', 'directorist' ),
@@ -194,13 +350,15 @@
                     ]
             );
 
-        $menu = [
-            [
+        $menu = [];
+
+        if ( $has_update && $is_active ) {
+            $menu[] = [
                 'label' => __( 'Settings', 'directorist' ),
                 'href'  => $args['settings_url'],
                 'class' => 'directorist-te-menu-link',
-            ],
-        ];
+            ];
+        }
 
         if ( $is_active ) {
             $menu[] = [
@@ -211,19 +369,28 @@
                     'data-target' => $extension_base,
                 ],
             ];
+        } else {
+            $menu[] = [
+                'label' => __( 'Delete plugin', 'directorist' ),
+                'class' => 'directorist-te-menu-link directorist-te-menu-link--danger ext-action-uninstall',
+                'attrs' => [ 'data-target' => $extension_base ],
+            ];
         }
 
-        $menu[] = [
-            'label' => __( 'Uninstall', 'directorist' ),
-            'class' => 'directorist-te-menu-link directorist-te-menu-link--danger ext-action-uninstall',
-            'attrs' => [ 'data-target' => $extension_base ],
-        ];
-
         $badges = $get_product_badges( $product );
         if ( $is_required ) {
             $badges[] = __( 'Required', 'directorist' );
         }
 
+        $bulk_actions = [];
+        if ( $has_update ) {
+            $bulk_actions[] = 'update';
+        }
+        $bulk_actions[] = $is_active ? 'deactivate' : 'activate';
+        if ( ! $is_active ) {
+            $bulk_actions[] = 'uninstall';
+        }
+
         $add_row(
             [
                 'key'         => 'extension-installed-' . $extension_base,
@@ -237,11 +404,7 @@
                 'statusLabel' => $status_label,
                 'primary'     => $primary,
                 'menu'        => $menu,
-                'bulk'        => [
-                    'id'    => $extension_base,
-                    'name'  => $extension_base,
-                    'class' => 'extension-name-checkbox directorist-te-check',
-                ],
+                'bulk'        => $get_bulk_control( $extension_base, $extension_base, 'plugin', $bulk_actions, 'extension-name-checkbox' ),
             ]
         );
     }
@@ -252,18 +415,22 @@
     $theme_key    = ! empty( $active_theme['stylesheet'] ) ? $active_theme['stylesheet'] : sanitize_title( $active_theme['name'] ?? '' );
     $product      = $themes[ $theme_key ] ?? [];
     $has_update   = ! empty( $active_theme['has_update'] );
+    $update_version = $get_update_version( $active_theme );
+    $is_directorist_active_theme = ! empty( $product );
 
     $add_row(
         [
             'key'         => 'theme-active-' . $theme_key,
             'type'        => 'theme',
+            'typeLabel'   => $is_directorist_active_theme ? __( 'Directorist theme', 'directorist' ) : __( 'WordPress theme', 'directorist' ),
+            'typeClass'   => $is_directorist_active_theme ? 'directorist-theme' : 'wordpress-theme',
             'status'      => $has_update ? 'update active installed' : 'active installed',
             'name'        => $active_theme['name'] ?? __( 'Active Theme', 'directorist' ),
             'version'     => $active_theme['version'] ?? '',
             'description' => $product['description'] ?? __( 'Currently active WordPress theme for this site.', 'directorist' ),
             'image'       => ! empty( $active_theme['thumbnail'] ) ? $active_theme['thumbnail'] : $get_image( $product ),
-            'badges'      => array_merge( $get_product_badges( $product ), [ __( 'Active theme', 'directorist' ) ] ),
-            'statusLabel' => $has_update ? __( 'Update available', 'directorist' ) : __( 'Active', 'directorist' ),
+            'badges'      => array_merge( $get_product_badges( $product ), [ __( 'Active site theme', 'directorist' ) ] ),
+            'statusLabel' => $has_update ? $get_update_status_label( $update_version ) : __( 'Active', 'directorist' ),
             'primary'     => $has_update
                 ? [
                     'label' => $is_beta ? __( 'Update Beta', 'directorist' ) : __( 'Update', 'directorist' ),
@@ -278,23 +445,19 @@
                     'external' => true,
                     'icon'     => 'la la-sliders',
                 ],
-            'menu'        => [
-                [
-                    'label'    => __( 'Customize', 'directorist' ),
-                    'href'     => $active_theme['customizer_link'] ?? '#',
-                    'class'    => 'directorist-te-menu-link',
-                    'external' => true,
-                ],
-            ],
+            'menu'        => [],
+            'bulk'        => $has_update ? $get_bulk_control( 'directorist-te-theme-update-' . sanitize_html_class( $theme_key ), $active_theme['stylesheet'] ?? $theme_key, 'theme', [ 'update' ] ) : null,
         ]
     );
 }
 
 if ( $is_logged_in && ! empty( $args['extensions_available_in_subscriptions'] ) && is_array( $args['extensions_available_in_subscriptions'] ) ) {
     foreach ( $args['extensions_available_in_subscriptions'] as $extension_key => $extension ) {
-        $product     = array_merge( $get_extension_product( $extension_key ), is_array( $extension ) ? $extension : [] );
+        $extension   = is_array( $extension ) ? $extension : [];
+        $product     = array_merge( $get_extension_product( $extension_key ), $extension );
         $name        = $product['title'] ?? $product['name'] ?? $extension_key;
         $description = $product['description'] ?? '';
+        $is_purchased = ! empty( $extension['purchased'] );
 
         $add_row(
             [
@@ -317,6 +480,7 @@
                 ],
                 'details'     => $is_purchased ? $get_details_action( $product ) : null,
                 'menu'        => [],
+                'bulk'        => $get_bulk_control( 'directorist-te-install-' . sanitize_html_class( $extension_key ), $extension_key, 'plugin', [ 'install' ] ),
             ]
         );
     }
@@ -363,6 +527,7 @@
                     ],
                 'details'     => $is_purchased ? $get_details_action( $product ) : null,
                 'menu'        => [],
+                'bulk'        => $is_purchased ? $get_bulk_control( 'directorist-te-required-install-' . sanitize_html_class( $extension_key ), $extension_key, 'plugin', [ 'install' ] ) : null,
             ]
         );
     }
@@ -377,6 +542,8 @@
             [
                 'key'         => 'theme-subscription-' . $theme_key,
                 'type'        => 'theme',
+                'typeLabel'   => __( 'Directorist theme', 'directorist' ),
+                'typeClass'   => 'directorist-theme',
                 'status'      => $is_installed ? 'installed' : 'not-installed',
                 'name'        => $product['name'] ?? $theme_key,
                 'version'     => $product['version'] ?? '',
@@ -414,6 +581,7 @@
                             : null,
                     ]
                 ),
+                'bulk'        => ! $is_installed ? $get_bulk_control( 'directorist-te-theme-install-' . sanitize_html_class( $theme_key ), $theme_key, 'theme', [ 'install' ] ) : null,
             ]
         );
     }
@@ -454,6 +622,8 @@
         [
             'key'         => 'theme-promo-' . $theme_key,
             'type'        => 'theme',
+            'typeLabel'   => __( 'Directorist theme', 'directorist' ),
+            'typeClass'   => 'directorist-theme',
             'status'      => 'marketplace not-installed',
             'name'        => $product['name'] ?? $theme_key,
             'description' => $product['description'] ?? '',
@@ -507,24 +677,77 @@ static function( $row ) {
                     <span class="directorist-te-brand__name"><?php esc_html_e( 'Directorist', 'directorist' ); ?></span>
                 </div>
                 <?php if ( $is_logged_in ) : ?>
-                    <nav class="directorist-te-nav" aria-label="<?php esc_attr_e( 'Themes and extensions resources', 'directorist' ); ?>">
-                        <a href="<?php echo esc_url( admin_url( 'edit.php?post_type=at_biz_dir' ) ); ?>"><?php esc_html_e( 'Dashboard', 'directorist' ); ?></a>
-                        <a href="#" class="active" aria-current="page"><?php esc_html_e( 'Themes & Extensions', 'directorist' ); ?></a>
-                        <a href="https://directorist.com/documentation/directorist/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Docs', 'directorist' ); ?></a>
-                        <a href="https://www.youtube.com/@wpdirectorist" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Tutorials', 'directorist' ); ?></a>
-                        <a href="https://directorist.com/contact/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Support', 'directorist' ); ?></a>
+                    <nav class="directorist-te-nav" aria-label="<?php esc_attr_e( 'Directorist sections', 'directorist' ); ?>">
+                        <button type="button" data-directorist-te-view-target="dashboard" aria-controls="directorist-te-dashboard-view"><?php esc_html_e( 'Dashboard', 'directorist' ); ?></button>
+                        <button type="button" class="active" data-directorist-te-view-target="addons" aria-controls="directorist-te-addons-view" aria-current="page"><?php esc_html_e( 'Add-ons', 'directorist' ); ?></button>
                     </nav>
                     <div class="directorist-te-top-right">
+                        <nav class="directorist-te-resource-links" aria-label="<?php esc_attr_e( 'Directorist resources', 'directorist' ); ?>">
+                            <a href="https://directorist.com/documentation/directorist/" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Docs, opens in a new tab', 'directorist' ); ?>"><?php esc_html_e( 'Docs', 'directorist' ); ?></a>
+                            <a href="https://www.youtube.com/@wpdirectorist" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Tutorials, opens in a new tab', 'directorist' ); ?>"><?php esc_html_e( 'Tutorials', 'directorist' ); ?></a>
+                            <a href="https://directorist.com/contact/" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Support, opens in a new tab', 'directorist' ); ?>"><?php esc_html_e( 'Support', 'directorist' ); ?></a>
+                        </nav>
                         <label class="directorist-te-top-search">
                             <span class="screen-reader-text"><?php esc_html_e( 'Search Directorist', 'directorist' ); ?></span>
                             <i class="la la-search" aria-hidden="true"></i>
                             <input type="search" placeholder="<?php esc_attr_e( 'Search...', 'directorist' ); ?>">
                         </label>
                         <span class="directorist-te-header-icon" aria-hidden="true"><i class="la la-bell"></i><span></span></span>
-                        <span class="directorist-te-avatar" aria-hidden="true">
-                            <?php echo get_avatar( get_current_user_id(), 32 ); ?>
-                            <i class="la la-angle-down"></i>
-                        </span>
+                        <div class="directorist-te-account-menu">
+                            <button
+                                type="button"
+                                class="directorist-te-avatar"
+                                aria-haspopup="true"
+                                aria-expanded="false"
+                                aria-controls="directorist-te-account-dropdown"
+                            >
+                                <?php echo get_avatar( get_current_user_id(), 32 ); ?>
+                                <span class="screen-reader-text"><?php esc_html_e( 'Open Directorist account menu', 'directorist' ); ?></span>
+                                <i class="la la-angle-down" aria-hidden="true"></i>
+                            </button>
+                            <div class="directorist-te-account-dropdown" id="directorist-te-account-dropdown" hidden aria-hidden="true">
+                                <div class="directorist-te-account-summary" aria-label="<?php esc_attr_e( 'Directorist account product summary', 'directorist' ); ?>">
+                                    <div>
+                                        <strong><?php echo esc_html( $args['total_active_extensions'] ?? 0 ); ?></strong>
+                                        <span><?php esc_html_e( 'Active extensions', 'directorist' ); ?></span>
+                                    </div>
+                                    <div>
+                                        <strong><?php echo esc_html( $args['total_available_extensions'] ?? 0 ); ?></strong>
+                                        <span><?php esc_html_e( 'Account extensions', 'directorist' ); ?></span>
+                                    </div>
+                                    <div>
+                                        <strong><?php echo esc_html( $args['total_available_themes'] ?? 0 ); ?></strong>
+                                        <span><?php esc_html_e( 'Account themes', 'directorist' ); ?></span>
+                                    </div>
+                                </div>
+                                <div class="directorist-te-account-dropdown__actions">
+                                    <div class="et-auth-section directorist-te-refresh-panel" hidden aria-hidden="true">
+                                        <form id="purchase-refresh-form" action="#" method="post">
+                                            <div class="directorist-te-refresh-form">
+                                                <input type="password" class="atbdp-form-control" placeholder="<?php esc_attr_e( 'Confirm password', 'directorist' ); ?>" id="password" name="password">
+                                                <button type="submit" class="directorist-te-icon-btn" aria-label="<?php esc_attr_e( 'Refresh purchase', 'directorist' ); ?>">
+                                                    <i class="fas fa-arrow-right" aria-hidden="true"></i>
+                                                </button>
+                                                <button class="directorist-te-icon-btn directorist-te-icon-btn--danger et-close-auth-btn" aria-label="<?php esc_attr_e( 'Close refresh form', 'directorist' ); ?>">
+                                                    <i class="fas fa-times" aria-hidden="true"></i>
+                                                </button>
+                                            </div>
+                                            <div class="atbdp-form-feedback directorist-te-feedback"></div>
+                                        </form>
+                                    </div>
+                                    <div class="purchase-refresh-btn-wrapper">
+                                        <button type="button" class="directorist-te-account-dropdown__item purchase-refresh-btn">
+                                            <i class="la la-refresh" aria-hidden="true"></i>
+                                            <?php esc_html_e( 'Refresh purchases', 'directorist' ); ?>
+                                        </button>
+                                    </div>
+                                    <a href="#" class="directorist-te-account-dropdown__item directorist-te-account-dropdown__item--danger subscriptions-logout-btn" data-hard-logout="<?php echo esc_attr( $args['hard_logout'] ?? 0 ); ?>">
+                                        <i class="fas fa-sign-out-alt" aria-hidden="true"></i>
+                                        <?php esc_html_e( 'Disconnect', 'directorist' ); ?>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 <?php else : ?>
                     <nav class="directorist-te-resource-links" aria-label="<?php esc_attr_e( 'Directorist resources', 'directorist' ); ?>">
@@ -535,6 +758,154 @@ static function( $row ) {
                 <?php endif; ?>
             </header>
 
+            <?php if ( $is_logged_in ) : ?>
+                <h1 class="screen-reader-text directorist-te-notice-heading"><?php esc_html_e( 'Directorist dashboard', 'directorist' ); ?></h1>
+
+                <section class="directorist-te-view directorist-te-dashboard" id="directorist-te-dashboard-view" data-directorist-te-view="dashboard" hidden aria-hidden="true">
+                    <section class="directorist-te-dashboard-welcome">
+                        <div>
+                            <h1><?php esc_html_e( 'Good morning, Olivia', 'directorist' ); ?></h1>
+                            <p><?php esc_html_e( 'Your plan is active until Jan 22, 2027, so every theme and extension is unlocked.', 'directorist' ); ?></p>
+                        </div>
+                        <div class="directorist-te-dashboard-welcome__actions">
+                            <a class="directorist-te-btn directorist-te-btn--secondary" href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank" rel="noopener noreferrer">
+                                <i class="la la-external-link-alt" aria-hidden="true"></i>
+                                <?php esc_html_e( 'View directory', 'directorist' ); ?>
+                            </a>
+                            <a class="directorist-te-btn directorist-te-btn--primary" href="<?php echo esc_url( admin_url( 'post-new.php?post_type=at_biz_dir' ) ); ?>">
+                                <i class="la la-plus" aria-hidden="true"></i>
+                                <?php esc_html_e( 'Add listing', 'directorist' ); ?>
+                            </a>
+                        </div>
+                    </section>
+
+                    <section class="directorist-te-dashboard-nudge" id="directorist-te-dashboard-nudge">
+                        <div class="directorist-te-dashboard-nudge__top">
+                            <div class="directorist-te-dashboard-ring" aria-label="<?php esc_attr_e( 'Setup progress 66 percent', 'directorist' ); ?>">
+                                <svg width="46" height="46" viewBox="0 0 46 46" aria-hidden="true" focusable="false">
+                                    <circle cx="23" cy="23" r="19" fill="none" stroke="#e5e7eb" stroke-width="4.5"></circle>
+                                    <circle cx="23" cy="23" r="19" fill="none" stroke="currentColor" stroke-width="4.5" stroke-linecap="round" stroke-dasharray="119.4" stroke-dashoffset="40.6"></circle>
+                                </svg>
+                                <span><?php esc_html_e( '66%', 'directorist' ); ?></span>
+                            </div>
+                            <div>
+                                <h2><?php esc_html_e( 'A few steps to your first paid listing', 'directorist' ); ?></h2>
+                                <p><?php esc_html_e( 'Setup is done. These turn your directory into a working business.', 'directorist' ); ?></p>
+                            </div>
+                            <button type="button" class="directorist-te-dashboard-nudge__dismiss" aria-label="<?php esc_attr_e( 'Dismiss setup steps', 'directorist' ); ?>">
+                                <i class="la la-times" aria-hidden="true"></i>
+                            </button>
+                        </div>
+                        <div class="directorist-te-dashboard-steps">
+                            <button type="button" class="directorist-te-dashboard-step is-done">
+                                <span><i class="la la-check" aria-hidden="true"></i></span>
+                                <?php esc_html_e( 'Import demo content', 'directorist' ); ?>
+                            </button>
+                            <button type="button" class="directorist-te-dashboard-step is-done">
+                                <span><i class="la la-check" aria-hidden="true"></i></span>
+                                <?php esc_html_e( 'Add your real categories', 'directorist' ); ?>
+                            </button>
+                            <button type="button" class="directorist-te-dashboard-step">
+                                <span><i class="la la-check" aria-hidden="true"></i></span>
+                                <?php esc_html_e( 'Connect Stripe to take payments', 'directorist' ); ?>
+                                <i class="la la-angle-right" aria-hidden="true"></i>
+                            </button>
+                            <button type="button" class="directorist-te-dashboard-step">
+                                <span><i class="la la-check" aria-hidden="true"></i></span>
+                                <?php esc_html_e( 'Publish your first real listing', 'directorist' ); ?>
+                                <i class="la la-angle-right" aria-hidden="true"></i>
+                            </button>
+                        </div>
+                    </section>
+
+                    <section class="directorist-te-dashboard-metrics" aria-label="<?php esc_attr_e( 'Directory metrics', 'directorist' ); ?>">
+                        <div class="directorist-te-dashboard-metric">
+                            <div class="directorist-te-dashboard-metric__top">
+                                <span class="directorist-te-dashboard-icon directorist-te-dashboard-icon--blue"><i class="la la-th-large" aria-hidden="true"></i></span>
+                                <div><strong><?php esc_html_e( '12,900', 'directorist' ); ?></strong><span><?php esc_html_e( 'Published listings', 'directorist' ); ?></span></div>
+                            </div>
+                            <div class="directorist-te-dashboard-metric__foot"><span><i class="la la-arrow-up" aria-hidden="true"></i><?php esc_html_e( '8.2%', 'directorist' ); ?></span><?php esc_html_e( 'vs last 30 days', 'directorist' ); ?></div>
+                            <svg class="directorist-te-dashboard-metric-spark" viewBox="0 0 96 42" preserveAspectRatio="none" aria-hidden="true" focusable="false"><path d="M0,34 L13,29 L26,31 L40,22 L53,24 L66,15 L80,17 L96,7" fill="none" stroke="#4f6ef7" stroke-width="2.2"></path></svg>
+                        </div>
+                        <div class="directorist-te-dashboard-metric">
+                            <div class="directorist-te-dashboard-metric__top">
+                                <span class="directorist-te-dashboard-icon directorist-te-dashboard-icon--teal"><i class="la la-eye" aria-hidden="true"></i></span>
+                                <div><strong><?php esc_html_e( '86,420', 'directorist' ); ?></strong><span><?php esc_html_e( 'Listing views', 'directorist' ); ?></span></div>
+                            </div>
+                            <div class="directorist-te-dashboard-metric__foot"><span><i class="la la-arrow-up" aria-hidden="true"></i><?php esc_html_e( '14%', 'directorist' ); ?></span><?php esc_html_e( 'vs last 30 days', 'directorist' ); ?></div>
+                            <svg class="directorist-te-dashboard-metric-spark" viewBox="0 0 96 42" preserveAspectRatio="none" aria-hidden="true" focusable="false"><path d="M0,32 L13,28 L26,30 L40,20 L53,22 L66,18 L80,11 L96,9" fill="none" stroke="#0ea5b7" stroke-width="2.2"></path></svg>
+                        </div>
+                        <div class="directorist-te-dashboard-metric directorist-te-dashboard-metric--attention">
+                            <div class="directorist-te-dashboard-metric__top">
+                                <span class="directorist-te-dashboard-icon directorist-te-dashboard-icon--amber"><i class="la la-clock" aria-hidden="true"></i></span>
+                                <div><strong><?php esc_html_e( '7', 'directorist' ); ?></strong><span><?php esc_html_e( 'Pending review', 'directorist' ); ?></span></div>
+                            </div>
+                            <div class="directorist-te-dashboard-metric__foot"><?php esc_html_e( '3 listings expire this week', 'directorist' ); ?><a href="<?php echo esc_url( admin_url( 'edit.php?post_type=at_biz_dir' ) ); ?>"><?php esc_html_e( 'Review now', 'directorist' ); ?></a></div>
+                        </div>
+                        <div class="directorist-te-dashboard-metric">
+                            <div class="directorist-te-dashboard-metric__top">
+                                <span class="directorist-te-dashboard-icon directorist-te-dashboard-icon--violet"><i class="la la-dollar" aria-hidden="true"></i></span>
+                                <div><strong><?php esc_html_e( '$2,400', 'directorist' ); ?></strong><span><?php esc_html_e( 'Revenue', 'directorist' ); ?></span></div>
+                            </div>
+                            <div class="directorist-te-dashboard-metric__foot"><span><i class="la la-arrow-up" aria-hidden="true"></i><?php esc_html_e( '18%', 'directorist' ); ?></span><?php esc_html_e( 'last 30 days', 'directorist' ); ?></div>
+                            <svg class="directorist-te-dashboard-metric-spark" viewBox="0 0 96 42" preserveAspectRatio="none" aria-hidden="true" focusable="false"><path d="M0,38 L13,34 L26,28 L40,30 L53,20 L66,16 L80,12 L96,5" fill="none" stroke="#7c5cff" stroke-width="2.2"></path></svg>
+                        </div>
+                    </section>
+
+                    <section class="directorist-te-dashboard-grid">
+                        <div class="directorist-te-dashboard-card">
+                            <div class="directorist-te-dashboard-card__head"><i class="la la-bolt" aria-hidden="true"></i><h2><?php esc_html_e( 'Quick actions', 'directorist' ); ?></h2></div>
+                            <div class="directorist-te-dashboard-actions">
+                                <a href="<?php echo esc_url( admin_url( 'post-new.php?post_type=at_biz_dir' ) ); ?>" class="directorist-te-dashboard-action"><span><i class="la la-plus" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Add a listing', 'directorist' ); ?></strong><em><?php esc_html_e( 'Create a new directory entry', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
+                                <a href="<?php echo esc_url( admin_url( 'edit-tags.php?taxonomy=at_biz_dir-category&post_type=at_biz_dir' ) ); ?>" class="directorist-te-dashboard-action"><span><i class="la la-tags" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Manage categories', 'directorist' ); ?></strong><em><?php esc_html_e( 'Organize how listings are grouped', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
+                                <a href="#" class="directorist-te-dashboard-action"><span><i class="la la-paint-roller" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Customize listing layout', 'directorist' ); ?></strong><em><?php esc_html_e( 'Design the single listing page', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
+                                <a href="#" class="directorist-te-dashboard-action"><span><i class="la la-file-alt" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Submission form settings', 'directorist' ); ?></strong><em><?php esc_html_e( 'Control what users can submit', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
+                                <a href="#" class="directorist-te-dashboard-action"><span><i class="la la-envelope" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Email notifications', 'directorist' ); ?></strong><em><?php esc_html_e( 'Set who gets notified, and when', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
+                            </div>
+                        </div>
+
+                        <div class="directorist-te-dashboard-card">
+                            <div class="directorist-te-dashboard-card__head">
+                                <i class="la la-history" aria-hidden="true"></i>
+                                <h2><?php esc_html_e( 'Recent activity', 'directorist' ); ?></h2>
+                                <a href="<?php echo esc_url( admin_url( 'edit.php?post_type=at_biz_dir' ) ); ?>"><?php esc_html_e( 'View all', 'directorist' ); ?></a>
+                            </div>
+                            <div class="directorist-te-dashboard-activity">
+                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--blue"><i class="la la-plus" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'New listing submitted', 'directorist' ); ?></strong><b><?php esc_html_e( 'The Cozy Corner', 'directorist' ); ?></b><?php esc_html_e( ' added by Sunny Cafe', 'directorist' ); ?><small><?php esc_html_e( '4 minutes ago', 'directorist' ); ?></small></p><button type="button" class="directorist-te-btn directorist-te-btn--soft"><?php esc_html_e( 'Review', 'directorist' ); ?></button></div>
+                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--green"><i class="la la-star" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'New review received', 'directorist' ); ?></strong><?php esc_html_e( '5-star review on ', 'directorist' ); ?><b><?php esc_html_e( 'Spice Route Restaurant', 'directorist' ); ?></b><small><?php esc_html_e( 'Today, 2:30 PM', 'directorist' ); ?></small></p></div>
+                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--violet"><i class="la la-dollar" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'Payment received', 'directorist' ); ?></strong><b><?php esc_html_e( '$15.00', 'directorist' ); ?></b><?php esc_html_e( ' from Kenji Tanaka for a featured listing', 'directorist' ); ?><small><?php esc_html_e( 'Yesterday, 10:00 PM', 'directorist' ); ?></small></p><button type="button" class="directorist-te-btn directorist-te-btn--secondary"><?php esc_html_e( 'Receipt', 'directorist' ); ?></button></div>
+                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--info"><i class="la la-user-plus" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'New user registered', 'directorist' ); ?></strong><b><?php esc_html_e( 'Namrid Mova', 'directorist' ); ?></b><?php esc_html_e( ' signed up as a listing owner', 'directorist' ); ?><small><?php esc_html_e( 'Today, 11:00 AM', 'directorist' ); ?></small></p></div>
+                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--amber"><i class="la la-hourglass-half" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'Listing expiring soon', 'directorist' ); ?> <span><?php esc_html_e( 'Sample', 'directorist' ); ?></span></strong><b><?php esc_html_e( 'Sunny Cafe', 'directorist' ); ?></b><?php esc_html_e( ' expires in 3 days', 'directorist' ); ?><small><?php esc_html_e( '12 May, 9:00 PM', 'directorist' ); ?></small></p><button type="button" class="directorist-te-btn directorist-te-btn--secondary"><?php esc_html_e( 'Renew', 'directorist' ); ?></button></div>
+                            </div>
+                        </div>
+                    </section>
+
+                    <section class="directorist-te-dashboard-recommendations">
+                        <div class="directorist-te-dashboard-recommendations__head">
+                            <i class="la la-magic" aria-hidden="true"></i>
+                            <h2><?php esc_html_e( 'Recommended for your restaurant directory', 'directorist' ); ?></h2>
+                            <span><?php esc_html_e( "Based on what you're building", 'directorist' ); ?></span>
+                        </div>
+                        <p><?php esc_html_e( "You're running paid, food-focused listings. These three add-ons match what your directory needs next, so owners can do more and you can earn more.", 'directorist' ); ?></p>
+                        <div class="directorist-te-dashboard-recommendations__grid">
+                            <div><div class="directorist-te-dashboard-recommendation-top"><span class="directorist-te-dashboard-recommendation-icon directorist-te-dashboard-recommendation-icon--green"><i class="la la-clock" aria-hidden="true"></i></span><h3><?php esc_html_e( 'Business Hours', 'directorist' ); ?></h3></div><p><?php esc_html_e( 'Show open and closed times on every listing, so visitors know when to go.', 'directorist' ); ?></p><button type="button" class="directorist-te-btn directorist-te-btn--soft"><i class="la la-download" aria-hidden="true"></i><?php esc_html_e( 'Install', 'directorist' ); ?></button></div>
+                            <div><div class="directorist-te-dashboard-recommendation-top"><span class="directorist-te-dashboard-recommendation-icon directorist-te-dashboard-recommendation-icon--orange"><i class="la la-images" aria-hidden="true"></i></span><h3><?php esc_html_e( 'Image Gallery', 'directorist' ); ?></h3></div><p><?php esc_html_e( 'Add several photos per listing, so restaurants look far more appealing.', 'directorist' ); ?></p><button type="button" class="directorist-te-btn directorist-te-btn--soft"><i class="la la-download" aria-hidden="true"></i><?php esc_html_e( 'Install', 'directorist' ); ?></button></div>
+                            <div><div class="directorist-te-dashboard-recommendation-top"><span class="directorist-te-dashboard-recommendation-icon directorist-te-dashboard-recommendation-icon--violet"><i class="la la-comments" aria-hidden="true"></i></span><h3><?php esc_html_e( 'Live Chat', 'directorist' ); ?></h3></div><p><?php esc_html_e( 'Let visitors ask questions on a listing, so more of them book a table.', 'directorist' ); ?></p><button type="button" class="directorist-te-btn directorist-te-btn--soft"><i class="la la-download" aria-hidden="true"></i><?php esc_html_e( 'Install', 'directorist' ); ?></button></div>
+                        </div>
+                    </section>
+
+                    <footer class="directorist-te-dashboard-footer">
+                        <?php esc_html_e( 'Directorist 8.0', 'directorist' ); ?>
+                        <span aria-hidden="true">·</span>
+                        <?php esc_html_e( 'Agency plan', 'directorist' ); ?>
+                        <span aria-hidden="true">·</span>
+                        <a href="https://directorist.com/changelog/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'What\'s new', 'directorist' ); ?></a>
+                    </footer>
+                </section>
+
+                <section class="directorist-te-view directorist-te-view--addons is-active" id="directorist-te-addons-view" data-directorist-te-view="addons" aria-hidden="false">
+            <?php endif; ?>
+
             <section class="directorist-te-hero">
                 <div>
                     <h1><?php esc_html_e( 'Themes & Extensions', 'directorist' ); ?></h1>
@@ -555,16 +926,17 @@ static function( $row ) {
                         id="atbdp-directorist-license-login-form"
                         class="atbdp-directorist-license-login-form directorist-te-connect-form"
                         data-connecting-label="<?php esc_attr_e( 'Connecting...', 'directorist' ); ?>"
-                        data-username-required="<?php esc_attr_e( 'Enter your Directorist account username or email.', 'directorist' ); ?>"
+                        data-username-required="<?php esc_attr_e( 'Enter your Directorist account username or email address.', 'directorist' ); ?>"
                         data-password-required="<?php esc_attr_e( 'Enter your Directorist account password.', 'directorist' ); ?>"
+                        data-invalid-credentials="<?php esc_attr_e( 'The username, email address, or password is incorrect. Please check your details and try again.', 'directorist' ); ?>"
                         data-unexpected-error="<?php esc_attr_e( 'Could not connect. Please check your details and try again.', 'directorist' ); ?>"
                         data-network-error="<?php esc_attr_e( 'Could not reach Directorist.com. Please try again.', 'directorist' ); ?>"
                     >
                         <div class="atbdp-form-page">
                             <div class="directorist-te-field-row">
                                 <label>
-                                    <span><?php esc_html_e( 'Username', 'directorist' ); ?></span>
-                                    <input type="text" name="username" id="username" autocomplete="username" aria-describedby="directorist-te-connect-feedback">
+                                    <span><?php esc_html_e( 'Username or email address', 'directorist' ); ?></span>
+                                    <input type="text" name="username" id="username" autocomplete="username" placeholder="<?php esc_attr_e( 'name@example.com', 'directorist' ); ?>" aria-describedby="directorist-te-connect-feedback">
                                 </label>
                                 <label>
                                     <span><?php esc_html_e( 'Password', 'directorist' ); ?></span>
@@ -592,47 +964,6 @@ class="directorist-te-password-toggle"
                         <div class="atbdp-form-response-page"></div>
                     </form>
                 </section>
-            <?php else : ?>
-                <section class="directorist-te-account">
-                    <div class="directorist-te-stat">
-                        <span><?php echo esc_html( $args['total_active_extensions'] ?? 0 ); ?></span>
-                        <p><?php esc_html_e( 'Active extensions', 'directorist' ); ?></p>
-                    </div>
-                    <div class="directorist-te-stat">
-                        <span><?php echo esc_html( $args['total_available_extensions'] ?? 0 ); ?></span>
-                        <p><?php esc_html_e( 'Available extensions', 'directorist' ); ?></p>
-                    </div>
-                    <div class="directorist-te-stat">
-                        <span><?php echo esc_html( $args['total_available_themes'] ?? 0 ); ?></span>
-                        <p><?php esc_html_e( 'Available themes', 'directorist' ); ?></p>
-                    </div>
-                    <div class="directorist-te-account__actions">
-                        <div class="et-auth-section directorist-te-refresh-panel">
-                            <form id="purchase-refresh-form" action="#" method="post">
-                                <div class="directorist-te-refresh-form">
-                                    <input type="password" class="atbdp-form-control" placeholder="<?php esc_attr_e( 'Confirm password', 'directorist' ); ?>" id="password" name="password">
-                                    <button type="submit" class="directorist-te-icon-btn" aria-label="<?php esc_attr_e( 'Refresh purchase', 'directorist' ); ?>">
-                                        <i class="fas fa-arrow-right" aria-hidden="true"></i>
-                                    </button>
-                                    <button class="directorist-te-icon-btn directorist-te-icon-btn--danger et-close-auth-btn" aria-label="<?php esc_attr_e( 'Close refresh form', 'directorist' ); ?>">
-                                        <i class="fas fa-times" aria-hidden="true"></i>
-                                    </button>
-                                </div>
-                                <div class="atbdp-form-feedback directorist-te-feedback"></div>
-                            </form>
-                        </div>
-                        <div class="purchase-refresh-btn-wrapper">
-                            <a href="#" class="directorist-te-btn directorist-te-btn--secondary purchase-refresh-btn">
-                                <i class="la la-refresh" aria-hidden="true"></i>
-                                <?php esc_html_e( 'Refresh Purchase', 'directorist' ); ?>
-                            </a>
-                        </div>
-                        <a href="#" class="directorist-te-btn directorist-te-btn--ghost subscriptions-logout-btn" data-hard-logout="<?php echo esc_attr( $args['hard_logout'] ?? 0 ); ?>">
-                            <i class="fas fa-sign-out-alt" aria-hidden="true"></i>
-                            <?php esc_html_e( 'Logout', 'directorist' ); ?>
-                        </a>
-                    </div>
-                </section>
             <?php endif; ?>
 
             <?php if ( $is_logged_in && $total_updates > 0 ) : ?>
@@ -678,7 +1009,7 @@ class="directorist-te-password-toggle"
                             <button type="button" class="is-active" data-filter-status="all"><?php esc_html_e( 'All', 'directorist' ); ?></button>
                             <button type="button" data-filter-status="installed"><?php esc_html_e( 'Installed', 'directorist' ); ?></button>
                             <button type="button" data-filter-status="not-installed"><?php esc_html_e( 'Not installed', 'directorist' ); ?></button>
-                            <button type="button" data-filter-status="update"><?php esc_html_e( 'Updates', 'directorist' ); ?><?php if ( $update_rows ) : ?> <span><?php echo esc_html( $update_rows ); ?></span><?php endif; ?></button>
+                            <button type="button" data-filter-status="update"><?php esc_html_e( 'Updates', 'directorist' ); ?><?php if ( $update_rows ) : ?> <span class="directorist-te-update-count"><?php echo esc_html( $update_rows ); ?></span><?php endif; ?></button>
                         </div>
                     </div>
                 <?php endif; ?>
@@ -690,10 +1021,13 @@ class="directorist-te-password-toggle"
                         <div class="directorist-te-bulkbar" hidden>
                             <span class="directorist-te-selected-count"></span>
                             <span class="directorist-te-bulkbar__sep"></span>
-                            <button type="button" class="directorist-te-bulk-action" data-task="update"><i class="la la-sync" aria-hidden="true"></i><?php esc_html_e( 'Update', 'directorist' ); ?></button>
-                            <button type="button" class="directorist-te-bulk-action" data-task="activate"><?php esc_html_e( 'Activate', 'directorist' ); ?></button>
-                            <button type="button" class="directorist-te-bulk-action" data-task="deactivate"><?php esc_html_e( 'Deactivate', 'directorist' ); ?></button>
-                            <button type="button" class="directorist-te-bulk-action directorist-te-bulk-action--danger" data-task="uninstall"><i class="la la-trash" aria-hidden="true"></i><?php esc_html_e( 'Delete', 'directorist' ); ?></button>
+                            <span class="directorist-te-bulkbar__empty" hidden><?php esc_html_e( 'No safe bulk action is available for this selection.', 'directorist' ); ?></span>
+                            <span class="directorist-te-bulkbar__notice" hidden><?php esc_html_e( 'Action counts show eligible selected items. Unsupported selected items are skipped.', 'directorist' ); ?></span>
+                            <button type="button" class="directorist-te-bulk-action" data-task="install"><i class="la la-download" aria-hidden="true"></i><span class="directorist-te-bulk-action__label"><?php esc_html_e( 'Install', 'directorist' ); ?></span><span class="directorist-te-bulk-action__count" hidden></span></button>
+                            <button type="button" class="directorist-te-bulk-action" data-task="update"><i class="la la-sync" aria-hidden="true"></i><span class="directorist-te-bulk-action__label"><?php esc_html_e( 'Update', 'directorist' ); ?></span><span class="directorist-te-bulk-action__count" hidden></span></button>
+                            <button type="button" class="directorist-te-bulk-action" data-task="activate"><span class="directorist-te-bulk-action__label"><?php esc_html_e( 'Activate', 'directorist' ); ?></span><span class="directorist-te-bulk-action__count" hidden></span></button>
+                            <button type="button" class="directorist-te-bulk-action" data-task="deactivate"><span class="directorist-te-bulk-action__label"><?php esc_html_e( 'Deactivate', 'directorist' ); ?></span><span class="directorist-te-bulk-action__count" hidden></span></button>
+                            <button type="button" class="directorist-te-bulk-action directorist-te-bulk-action--danger" data-task="uninstall"><i class="la la-trash" aria-hidden="true"></i><span class="directorist-te-bulk-action__label"><?php esc_html_e( 'Delete', 'directorist' ); ?></span><span class="directorist-te-bulk-action__count" hidden></span></button>
                             <button type="button" class="directorist-te-bulk-clear"><i class="la la-times" aria-hidden="true"></i><?php esc_html_e( 'Clear', 'directorist' ); ?></button>
                         </div>
 
@@ -716,21 +1050,34 @@ class="directorist-te-password-toggle"
                                 <?php if ( $is_logged_in ) : ?>
                                     <label class="directorist-te-checkbox directorist-te-checkbox--head">
                                         <input type="checkbox" name="select-all-installed" id="select-all-installed">
-                                        <span class="screen-reader-text"><?php esc_html_e( 'Select all installed extensions', 'directorist' ); ?></span>
+                                        <span class="screen-reader-text"><?php esc_html_e( 'Select all selectable products', 'directorist' ); ?></span>
                                     </label>
                                 <?php endif; ?>
                                 <span class="directorist-te-list-head__addon"><?php esc_html_e( 'Add-on', 'directorist' ); ?></span>
                                 <span class="directorist-te-list-head__status"><?php esc_html_e( 'Status', 'directorist' ); ?></span>
                             </div>
                             <?php foreach ( $rows as $row ) : ?>
-                                <article class="directorist-te-row" data-product-type="<?php echo esc_attr( $row['type'] ); ?>" data-product-status="<?php echo esc_attr( $row['status'] ); ?>" data-search-text="<?php echo esc_attr( strtolower( wp_strip_all_tags( $row['name'] . ' ' . $row['description'] ) ) ); ?>">
+                                <?php
+                                $search_index   = $get_row_search_index( $row );
+                                $row_type_label = ! empty( $row['typeLabel'] ) && is_scalar( $row['typeLabel'] )
+                                    ? (string) $row['typeLabel']
+                                    : ( 'theme' === $row['type'] ? __( 'Theme', 'directorist' ) : __( 'Extension', 'directorist' ) );
+                                $row_type_class = ! empty( $row['typeClass'] ) && is_scalar( $row['typeClass'] ) ? sanitize_html_class( (string) $row['typeClass'] ) : $row['type'];
+                                ?>
+                                <article class="directorist-te-row" data-product-type="<?php echo esc_attr( $row['type'] ); ?>" data-product-status="<?php echo esc_attr( $row['status'] ); ?>" data-search-text="<?php echo esc_attr( $search_index['text'] ); ?>" data-badge-search-text="<?php echo esc_attr( $search_index['badge_text'] ); ?>" data-badge-search-terms="<?php echo esc_attr( $search_index['badge_terms'] ); ?>">
                                     <?php if ( $is_logged_in ) : ?>
                                         <div class="directorist-te-row__select">
                                             <?php if ( ! empty( $row['bulk'] ) ) : ?>
                                                 <label class="directorist-te-checkbox">
-                                                    <input type="checkbox" id="<?php echo esc_attr( $row['bulk']['id'] ); ?>" name="<?php echo esc_attr( $row['bulk']['name'] ); ?>" class="<?php echo esc_attr( $row['bulk']['class'] ); ?>">
+                                                    <input type="checkbox" id="<?php echo esc_attr( $row['bulk']['id'] ); ?>" name="<?php echo esc_attr( $row['bulk']['name'] ); ?>" class="<?php echo esc_attr( $row['bulk']['class'] ); ?>"<?php $render_attrs( $row['bulk']['attrs'] ?? [] ); ?>>
                                                     <i class="la la-check" aria-hidden="true"></i>
-                                                    <span class="screen-reader-text"><?php echo esc_html( $row['name'] ); ?></span>
+                                                    <span class="screen-reader-text"><?php echo esc_html( sprintf( __( 'Select %s', 'directorist' ), $row['name'] ) ); ?></span>
+                                                </label>
+                                            <?php else : ?>
+                                                <label class="directorist-te-checkbox directorist-te-checkbox--disabled">
+                                                    <input type="checkbox" disabled>
+                                                    <i class="la la-check" aria-hidden="true"></i>
+                                                    <span class="screen-reader-text"><?php echo esc_html( sprintf( __( 'Bulk actions unavailable for %s', 'directorist' ), $row['name'] ) ); ?></span>
                                                 </label>
                                             <?php endif; ?>
                                         </div>
@@ -743,20 +1090,28 @@ class="directorist-te-password-toggle"
                                     <div class="directorist-te-row__content">
                                         <div class="directorist-te-row__title">
                                             <h2><?php echo esc_html( $row['name'] ); ?></h2>
-                                            <span class="directorist-te-type directorist-te-type--<?php echo esc_attr( $row['type'] ); ?>">
-                                                <?php echo esc_html( 'theme' === $row['type'] ? __( 'Theme', 'directorist' ) : __( 'Extension', 'directorist' ) ); ?>
+                                            <span class="directorist-te-type directorist-te-type--<?php echo esc_attr( $row_type_class ); ?>">
+                                                <?php echo esc_html( $row_type_label ); ?>
                                             </span>
+                                            <?php if ( ! empty( $row['badges'] ) ) : ?>
+                                                <?php foreach ( $row['badges'] as $badge ) : ?>
+                                                    <?php
+                                                    $badge_label = is_array( $badge ) ? ( $badge['label'] ?? '' ) : $badge;
+                                                    $badge_type  = is_array( $badge ) ? ( $badge['type'] ?? '' ) : sanitize_title( (string) $badge_label );
+
+                                                    if ( ! is_scalar( $badge_label ) || '' === trim( (string) $badge_label ) ) {
+                                                        continue;
+                                                    }
+
+                                                    $badge_type = is_scalar( $badge_type ) && '' !== trim( (string) $badge_type ) ? sanitize_html_class( (string) $badge_type ) : 'default';
+                                                    ?>
+                                                    <span class="directorist-te-badge directorist-te-badge--<?php echo esc_attr( $badge_type ); ?>"><?php echo esc_html( (string) $badge_label ); ?></span>
+                                                <?php endforeach; ?>
+                                            <?php endif; ?>
                                             <?php if ( ! empty( $row['version'] ) ) : ?>
                                                 <span class="directorist-te-version"><?php echo esc_html( 'v' . $row['version'] ); ?></span>
                                             <?php endif; ?>
                                         </div>
-                                        <?php if ( ! empty( $row['badges'] ) ) : ?>
-                                        <div class="directorist-te-row__meta">
-                                            <?php foreach ( $row['badges'] as $badge ) : ?>
-                                                <span class="directorist-te-badge"><?php echo esc_html( $badge ); ?></span>
-                                            <?php endforeach; ?>
-                                        </div>
-                                        <?php endif; ?>
                                         <?php if ( ! empty( $row['description'] ) ) : ?>
                                             <p><?php echo esc_html( $row['description'] ); ?></p>
                                         <?php endif; ?>
@@ -824,6 +1179,9 @@ class="directorist-te-password-toggle"
                 <?php esc_html_e( 'Need something specific?', 'directorist' ); ?>
                 <a href="https://directorist.com/contact/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Request an extension', 'directorist' ); ?></a>
             </footer>
+            <?php if ( $is_logged_in ) : ?>
+                </section>
+            <?php endif; ?>
         </div>
     </div>
 </div>

From 4209d2185fcc97fa87d1b0e16066a72065517ce1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rabbi=20Islam=20Rony=20=E2=9A=A1=EF=B8=8F?=
 <35329385+RabbiIslamRony@users.noreply.github.com>
Date: Thu, 23 Jul 2026 17:54:39 +0600
Subject: [PATCH 5/5] improve: complete themes extensions admin experience

Redesign the account-connected dashboard and add-ons catalog with responsive product rows, filters, bulk actions, required-extension routing, account controls, access-key authentication, and dynamic licensing-owner plan data.

Add real activity feeds, directory-aware quick actions and recommendations, WordPress theme labeling, update notifications, and compatible builder deep links while preserving existing AJAX actions, nonces, legacy user meta, install/update flows, and disconnected behavior.

Document the cross-repository licensing boundaries, API normalization, local cache, security requirements, QA matrix, and implementation decisions without storing customer credentials or runtime account data.
---
 assets/css/directorist-themes-extensions.css  | 4259 +++++++++++------
 assets/images/extensions/post-your-need.png   |  Bin 37354 -> 0 bytes
 assets/js/directorist-themes-extensions.js    | 3375 ++++++++-----
 .../components/subscriptionManagement.js      |    3 +
 .../vue/apps/cpt-manager/CPT_Manager.vue      |   20 +
 .../js/admin/vue/modules/Submenu_Module.vue   |   14 +
 .../SKILL.md                                  |    1 +
 .../references/account-license-journey-map.md |   17 +-
 .../references/api-data-flow-report.md        |   44 +-
 .../current-implementation-change-notes.md    |  119 +-
 .../references/dynamic-data-contract.md       |  171 +
 .../references/licensing-integration-map.md   |  199 +
 .../references/page-architecture-map.md       |   34 +-
 .../references/qa-checklist.md                |   45 +-
 includes/classes/class-extension-activity.php |  963 ++++
 .../class-extension-recommendations.php       |  700 +++
 includes/classes/class-extension.php          |  935 +++-
 includes/classes/class-metabox.php            |    6 +
 .../theme-extensions/theme-extension.php      |  937 +++-
 19 files changed, 8881 insertions(+), 2961 deletions(-)
 delete mode 100644 assets/images/extensions/post-your-need.png
 create mode 100644 docs/agents/directorist-themes-extensions-page/references/licensing-integration-map.md
 create mode 100644 includes/classes/class-extension-activity.php
 create mode 100644 includes/classes/class-extension-recommendations.php

diff --git a/assets/css/directorist-themes-extensions.css b/assets/css/directorist-themes-extensions.css
index 9b69fc261c..eec759699b 100644
--- a/assets/css/directorist-themes-extensions.css
+++ b/assets/css/directorist-themes-extensions.css
@@ -1,90 +1,97 @@
 .directorist-te-page {
-    --accent: #3e62f5;
-    --accent-hover: #2f50e8;
-    --accent-tint: #eef2ff;
-    --text: #111827;
-    --muted: #64748b;
-    --faint: #94a3b8;
-    --border: #e5e7eb;
-    --border-card: #e9ebef;
-    --border-soft: #eef0f3;
-    --line: #f1f5f9;
-    --surface: #ffffff;
-    --bg: #f3f4f6;
-    --bg-soft: #f8fafc;
-    --success: #16a34a;
-    --success-tint: #eafaf0;
-    --warning: #d97706;
-    --warning-tint: #fff7ed;
-    --danger: #dc2626;
-    --danger-tint: #fef2f2;
-    --info: #2c99ff;
-    --info-tint: #e9f4ff;
-    --r-xs: 6px;
-    --r-sm: 8px;
-    --r-md: 10px;
-    --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.04);
-    --shadow-hover: 0 12px 32px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
-    --shadow: var(--shadow-card);
-    --shadow-pop: 0 10px 26px rgba(15, 23, 42, 0.1);
-    color: var(--text);
-    background: var(--bg);
-    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
-    font-size: 14px;
-    line-height: 1.5;
-    letter-spacing: 0;
-    -webkit-font-smoothing: antialiased;
+  --accent: #3e62f5;
+  --accent-hover: #2f50e8;
+  --accent-tint: #eef2ff;
+  --text: #111827;
+  --muted: #64748b;
+  --faint: #94a3b8;
+  --border: #e5e7eb;
+  --border-card: #e9ebef;
+  --border-soft: #eef0f3;
+  --line: #f1f5f9;
+  --surface: #ffffff;
+  --bg: #f3f4f6;
+  --bg-soft: #f8fafc;
+  --success: #16a34a;
+  --success-tint: #eafaf0;
+  --warning: #d97706;
+  --warning-tint: #fff7ed;
+  --danger: #dc2626;
+  --danger-tint: #fef2f2;
+  --info: #2c99ff;
+  --info-tint: #e9f4ff;
+  --r-xs: 6px;
+  --r-sm: 8px;
+  --r-md: 10px;
+  --shadow-card:
+    0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.04);
+  --shadow-hover:
+    0 12px 32px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
+  --shadow: var(--shadow-card);
+  --shadow-pop: 0 10px 26px rgba(15, 23, 42, 0.1);
+  color: var(--text);
+  background: var(--bg);
+  font-family:
+    "Inter",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    system-ui,
+    sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  letter-spacing: 0;
+  -webkit-font-smoothing: antialiased;
 }
 
 #directorist.directorist-te-page.wrap {
-    margin: 0;
+  margin: 0;
 }
 
 .directorist-te-page *,
 .directorist-te-page *::before,
 .directorist-te-page *::after {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .directorist-te-page [hidden],
 .directorist-te-row.is-hidden {
-    display: none !important;
+  display: none !important;
 }
 
 .directorist-te-shell {
-    max-width: 100%;
-    margin: 30px 0 56px;
-    padding: 0 24px 0 4px;
-    overflow: visible;
-    background: transparent;
+  max-width: 100%;
+  margin: 30px 0 56px;
+  padding: 0 24px 0 4px;
+  overflow: visible;
+  background: transparent;
 }
 
 .directorist-te-header {
-    position: sticky;
-    top: 32px;
-    z-index: 40;
-    display: flex;
-    align-items: center;
-    gap: 24px;
-    height: 62px;
-    margin: 0;
-    padding: 0 24px;
-    background: var(--surface);
-    border-radius: var(--r-md);
-    border-bottom: 1px solid var(--border);
+  position: sticky;
+  top: 32px;
+  z-index: 40;
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  height: 62px;
+  margin: 0;
+  padding: 0 24px;
+  background: var(--surface);
+  border-radius: var(--r-md);
+  border-bottom: 1px solid var(--border);
 }
 
 .directorist-te-page--connected .directorist-te-header {
-    position: static;
-    top: auto;
-    z-index: auto;
+  position: static;
+  top: auto;
+  z-index: auto;
 }
 
 .directorist-te-brand,
 .directorist-te-nav,
 .directorist-te-resource-links,
 .directorist-te-top-right,
-.directorist-te-top-search,
 .directorist-te-header-icon,
 .directorist-te-avatar,
 .directorist-te-account-menu__item,
@@ -99,57 +106,57 @@
 .directorist-te-row__actions,
 .directorist-te-upsell,
 .directorist-te-footer {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .directorist-te-brand {
-    gap: 10px;
-    min-width: 0;
-    flex-shrink: 0;
+  gap: 10px;
+  min-width: 0;
+  flex-shrink: 0;
 }
 
 .directorist-te-brand__mark {
-    width: 30px;
-    height: 30px;
-    display: grid;
-    place-items: center;
-    flex-shrink: 0;
+  width: 30px;
+  height: 30px;
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
 }
 
 .directorist-te-brand__mark img {
-    display: block;
-    width: 30px;
-    height: 30px;
+  display: block;
+  width: 30px;
+  height: 30px;
 }
 
 .directorist-te-brand__name {
-    color: var(--text);
-    font-size: 15px;
-    font-weight: 700;
-    white-space: nowrap;
+  color: var(--text);
+  font-size: 15px;
+  font-weight: 700;
+  white-space: nowrap;
 }
 
 .directorist-te-nav {
-    gap: 4px;
-    min-width: 0;
-    flex: 1;
+  gap: 4px;
+  min-width: 0;
+  flex: 1;
 }
 
 .directorist-te-nav a,
 .directorist-te-nav button {
-    padding: 8px 10px;
-    border: 0;
-    border-radius: var(--r-xs);
-    background: transparent;
-    color: var(--muted);
-    font-size: 13px;
-    font-weight: 500;
-    font-family: inherit;
-    line-height: 1;
-    text-decoration: none;
-    white-space: nowrap;
-    cursor: pointer;
+  padding: 8px 10px;
+  border: 0;
+  border-radius: var(--r-xs);
+  background: transparent;
+  color: var(--muted);
+  font-size: 13px;
+  font-weight: 500;
+  font-family: inherit;
+  line-height: 1;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
 }
 
 .directorist-te-nav a:hover,
@@ -158,421 +165,909 @@
 .directorist-te-nav button:hover,
 .directorist-te-nav button:focus,
 .directorist-te-nav button.active {
-    color: var(--accent);
-    background: var(--accent-tint);
-    box-shadow: none;
-    outline: none;
+  color: var(--accent);
+  background: var(--accent-tint);
+  box-shadow: none;
+  outline: none;
 }
 
 .directorist-te-resource-links {
-    gap: 18px;
-    margin-left: auto;
-    flex-shrink: 0;
+  gap: 18px;
+  margin-left: auto;
+  flex-shrink: 0;
 }
 
 .directorist-te-resource-links a {
-    color: var(--muted);
-    font-size: 13px;
-    font-weight: 500;
-    line-height: 1;
-    text-decoration: none;
-    white-space: nowrap;
+  color: var(--muted);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1;
+  text-decoration: none;
+  white-space: nowrap;
 }
 
 .directorist-te-resource-links a:hover,
 .directorist-te-resource-links a:focus {
-    color: var(--accent);
-    outline: none;
+  color: var(--accent);
+  outline: none;
 }
 
-.directorist-te-page--connected .directorist-te-top-right .directorist-te-resource-links {
-    gap: 18px;
-    margin-left: 0;
+.directorist-te-page--connected
+  .directorist-te-top-right
+  .directorist-te-resource-links {
+  gap: 18px;
+  margin-left: 0;
 }
 
 .directorist-te-top-right {
-    gap: 10px;
-    flex-shrink: 0;
+  gap: 10px;
+  flex-shrink: 0;
 }
 
-.directorist-te-top-search {
-    width: 220px;
-    height: 34px;
-    gap: 7px;
-    padding: 0 10px;
-    border: 1px solid var(--border);
-    border-radius: var(--r-sm);
-    background: var(--bg-soft);
-}
-
-.directorist-te-top-search i,
 .directorist-te-search i {
-    color: var(--faint);
-    font-size: 16px;
+  color: var(--faint);
+  font-size: 16px;
 }
 
-.directorist-te-top-search input,
 .directorist-te-search input {
-    width: 100%;
-    min-height: 0;
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    background: transparent;
-    color: var(--text);
-    box-shadow: none;
-    font-size: 13px;
+  width: 100%;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--text);
+  box-shadow: none;
+  font-size: 13px;
 }
 
-.directorist-te-top-search input:focus,
 .directorist-te-search input:focus {
-    border: 0;
-    box-shadow: none;
+  border: 0;
+  box-shadow: none;
 }
 
 .directorist-te-header-icon {
-    position: relative;
-    width: 34px;
-    height: 34px;
-    justify-content: center;
-    border: 1px solid var(--border);
-    border-radius: var(--r-sm);
-    background: var(--surface);
-    color: var(--muted);
-}
-
-.directorist-te-header-icon span {
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    width: 7px;
-    height: 7px;
-    border: 2px solid var(--surface);
-    border-radius: 50%;
-    background: var(--danger);
+  position: relative;
+  width: 34px;
+  height: 34px;
+  justify-content: center;
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  background: var(--surface);
+  color: var(--muted);
+  cursor: pointer;
+}
+
+.directorist-te-header-icon:hover,
+.directorist-te-header-icon:focus,
+.directorist-te-header-icon[aria-expanded="true"] {
+  border-color: var(--accent);
+  color: var(--accent);
+  outline: none;
+}
+
+.directorist-te-header-icon[aria-expanded="true"] {
+  box-shadow: 0 0 0 2px rgba(62, 98, 245, 0.1);
+}
+
+.directorist-te-notification-menu {
+  position: relative;
+  flex-shrink: 0;
+}
+
+.directorist-te-notification-badge {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  min-width: 17px;
+  height: 17px;
+  padding: 0 4px;
+  border: 2px solid var(--surface);
+  border-radius: 999px;
+  background: var(--danger);
+  color: #fff;
+  font-size: 9px;
+  font-weight: 700;
+  line-height: 13px;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+
+.directorist-te-notification-dropdown {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  z-index: 80;
+  width: 340px;
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-md);
+  background: var(--surface);
+  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
+}
+
+.directorist-te-notification-dropdown::before {
+  position: absolute;
+  top: -5px;
+  right: 12px;
+  width: 10px;
+  height: 10px;
+  border-top: 1px solid var(--border);
+  border-left: 1px solid var(--border);
+  background: var(--surface);
+  content: "";
+  transform: rotate(45deg);
+}
+
+.directorist-te-notification-dropdown__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 2px 2px 10px;
+  border-bottom: 1px solid var(--border);
+}
+
+.directorist-te-notification-dropdown__header strong {
+  color: var(--text);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.directorist-te-notification-dropdown__header span {
+  color: var(--muted);
+  font-size: 11px;
+  font-weight: 500;
+}
+
+.directorist-te-notification-list {
+  display: grid;
+  gap: 4px;
+  padding-top: 8px;
+}
+
+.directorist-te-notification-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 58px;
+  gap: 10px;
+  margin: 0;
+  padding: 8px;
+  border: 0;
+  border-radius: var(--r-sm);
+  background: transparent;
+  color: var(--text);
+  box-shadow: none;
+  font-family: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.directorist-te-notification-item:hover,
+.directorist-te-notification-item:focus {
+  background: var(--accent-tint);
+  color: var(--accent);
+  outline: 2px solid rgba(62, 98, 245, 0.18);
+  outline-offset: -2px;
+}
+
+.directorist-te-notification-item__icon {
+  display: grid;
+  width: 34px;
+  height: 34px;
+  place-items: center;
+  flex: 0 0 34px;
+  border-radius: var(--r-xs);
+  font-size: 17px;
+}
+
+.directorist-te-notification-item__icon--update {
+  background: var(--warning-tint);
+  color: var(--warning);
+}
+
+.directorist-te-notification-item__icon--required {
+  background: var(--accent-tint);
+  color: var(--accent);
+}
+
+.directorist-te-notification-item__content {
+  display: flex;
+  min-width: 0;
+  flex: 1;
+  flex-direction: column;
+  gap: 3px;
+}
+
+.directorist-te-notification-item__content strong {
+  color: var(--text);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.35;
+}
+
+.directorist-te-notification-item__content span {
+  color: var(--muted);
+  font-size: 11px;
+  font-weight: 400;
+  line-height: 1.4;
+}
+
+.directorist-te-notification-item__arrow {
+  margin-left: auto;
+  color: var(--faint);
+  font-size: 15px;
+}
+
+.directorist-te-notification-empty {
+  display: flex;
+  align-items: center;
+  padding: 18px 10px 14px;
+  flex-direction: column;
+  text-align: center;
+}
+
+.directorist-te-notification-empty > span {
+  display: grid;
+  width: 36px;
+  height: 36px;
+  margin-bottom: 8px;
+  place-items: center;
+  border-radius: 50%;
+  background: var(--success-tint);
+  color: var(--success);
+  font-size: 20px;
+}
+
+.directorist-te-notification-empty strong {
+  color: var(--text);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.directorist-te-notification-empty p {
+  margin: 4px 0 0;
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.45;
 }
 
 .directorist-te-avatar {
-    height: 34px;
-    gap: 6px;
-    margin: 0;
-    padding: 0 7px 0 3px;
-    border: 1px solid var(--border);
-    border-radius: 999px;
-    background: var(--surface);
-    color: var(--muted);
-    cursor: pointer;
+  height: 34px;
+  gap: 6px;
+  margin: 0;
+  padding: 0 7px 0 3px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: var(--surface);
+  color: var(--muted);
+  cursor: pointer;
 }
 
 .directorist-te-avatar img {
-    width: 28px;
-    height: 28px;
-    border-radius: 50%;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.directorist-te-avatar__initials {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: var(--accent-tint);
+  color: var(--accent);
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1;
 }
 
 .directorist-te-avatar:hover,
 .directorist-te-avatar:focus {
-    border-color: var(--accent);
-    color: var(--accent);
-    outline: none;
+  border-color: var(--accent);
+  color: var(--accent);
+  outline: none;
 }
 
 .directorist-te-avatar[aria-expanded="true"] {
-    border-color: var(--accent);
-    box-shadow: 0 0 0 2px rgba(62, 98, 245, 0.1);
+  border-color: var(--accent);
+  box-shadow: 0 0 0 2px rgba(62, 98, 245, 0.1);
 }
 
 .directorist-te-account-menu {
-    position: relative;
-    flex-shrink: 0;
+  position: relative;
+  flex-shrink: 0;
+}
+
+.directorist-te-page--connected .directorist-te-account-dropdown {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  z-index: 80;
+  width: 360px;
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-md);
+  background: var(--surface);
+  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
+}
+
+.directorist-te-page--connected .directorist-te-account-dropdown::before {
+  position: absolute;
+  top: -5px;
+  right: 18px;
+  width: 10px;
+  height: 10px;
+  border-top: 1px solid var(--border);
+  border-left: 1px solid var(--border);
+  background: var(--surface);
+  content: "";
+  transform: rotate(45deg);
+}
+
+.directorist-te-page--connected .directorist-te-account-dropdown__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 2px 2px 10px;
+}
+
+.directorist-te-page--connected
+  .directorist-te-account-dropdown__header
+  strong {
+  color: var(--text);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.directorist-te-page--connected .directorist-te-account-dropdown__identity {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+}
+
+.directorist-te-page--connected
+  .directorist-te-account-dropdown__identity
+  strong,
+.directorist-te-page--connected
+  .directorist-te-account-dropdown__identity
+  span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.directorist-te-page--connected
+  .directorist-te-account-dropdown__identity
+  span {
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.directorist-te-page--connected .directorist-te-account-dropdown__status {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--success);
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
+}
+
+.directorist-te-page--connected .directorist-te-account-dropdown__status i {
+  font-size: 14px;
+}
+
+.directorist-te-page--connected .directorist-te-account-summary {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 6px;
+  padding-bottom: 12px;
+}
+
+.directorist-te-page--connected .directorist-te-account-summary > div {
+  min-width: 0;
+  min-height: 66px;
+  padding: 10px;
+  border: 1px solid var(--border-soft);
+  border-radius: var(--r-sm);
+  background: var(--bg-soft);
+}
+
+.directorist-te-page--connected .directorist-te-account-summary strong,
+.directorist-te-page--connected .directorist-te-account-summary span {
+  display: block;
+}
+
+.directorist-te-page--connected .directorist-te-account-summary strong {
+  color: var(--text);
+  font-size: 17px;
+  font-weight: 700;
+  line-height: 1.1;
+  font-variant-numeric: tabular-nums;
 }
 
-.directorist-te-account-dropdown {
-    position: absolute;
-    top: calc(100% + 8px);
-    right: 0;
-    z-index: 80;
-    width: 326px;
-    padding: 10px;
-    border: 1px solid var(--border);
-    border-radius: var(--r-md);
-    background: var(--surface);
-    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
+.directorist-te-page--connected .directorist-te-account-summary span {
+  margin-top: 5px;
+  color: var(--muted);
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 1.3;
 }
 
-.directorist-te-account-summary {
-    display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-    gap: 8px;
-    padding: 2px 2px 10px;
-    border-bottom: 1px solid var(--border);
+.directorist-te-page--connected .directorist-te-account-dropdown__actions {
+  display: grid;
+  gap: 6px;
+  padding-top: 10px;
+  border-top: 1px solid var(--border);
 }
 
-.directorist-te-account-summary strong,
-.directorist-te-account-summary span {
-    display: block;
+.directorist-te-page--connected .directorist-te-account-dropdown__item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 44px;
+  justify-content: flex-start;
+  gap: 8px;
+  margin: 0;
+  padding: 6px 8px;
+  border: 0;
+  border-radius: var(--r-sm);
+  background: transparent;
+  color: var(--text);
+  box-shadow: none;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1;
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
 }
 
-.directorist-te-account-summary strong {
-    color: var(--text);
-    font-size: 16px;
-    font-weight: 700;
-    line-height: 1;
+.directorist-te-page--connected .directorist-te-account-dropdown__item-icon {
+  display: grid;
+  width: 30px;
+  height: 30px;
+  place-items: center;
+  flex: 0 0 30px;
+  border-radius: var(--r-xs);
+  background: var(--accent-tint);
+  color: var(--accent);
 }
 
-.directorist-te-account-summary span {
-    margin-top: 4px;
-    color: var(--muted);
-    font-size: 10.5px;
-    font-weight: 500;
-    line-height: 1.25;
+.directorist-te-page--connected .directorist-te-account-dropdown__item-icon i {
+  font-size: 16px;
 }
 
-.directorist-te-account-dropdown__actions {
-    display: grid;
-    gap: 6px;
-    padding-top: 8px;
+.directorist-te-page--connected .directorist-te-account-dropdown__item-arrow {
+  margin-left: auto;
+  color: var(--faint);
+  font-size: 15px;
 }
 
-.directorist-te-account-dropdown__item {
-    width: 100%;
-    min-height: 34px;
-    justify-content: flex-start;
-    gap: 8px;
-    margin: 0;
-    padding: 8px 10px;
-    border: 0;
-    border-radius: var(--r-sm);
-    background: transparent;
-    color: var(--text);
-    box-shadow: none;
-    font-size: 13px;
-    font-weight: 500;
-    line-height: 1;
-    text-align: left;
-    text-decoration: none;
-    cursor: pointer;
+.directorist-te-page--connected .directorist-te-account-dropdown__item:hover,
+.directorist-te-page--connected .directorist-te-account-dropdown__item:focus {
+  background: var(--accent-tint);
+  color: var(--accent);
+  outline: 2px solid rgba(62, 98, 245, 0.18);
+  outline-offset: -2px;
+}
+
+.directorist-te-page--connected .directorist-te-account-dropdown__danger {
+  margin-top: 2px;
+  padding-top: 8px;
+  border-top: 1px solid var(--border);
 }
 
-.directorist-te-account-dropdown__item:hover,
-.directorist-te-account-dropdown__item:focus {
-    background: var(--accent-tint);
-    color: var(--accent);
-    outline: none;
+.directorist-te-page--connected .directorist-te-account-dropdown__item--danger {
+  color: var(--danger);
+}
+
+.directorist-te-page--connected
+  .directorist-te-account-dropdown__item--danger
+  .directorist-te-account-dropdown__item-icon {
+  background: var(--danger-tint);
+  color: var(--danger);
+}
+
+.directorist-te-page--connected
+  .directorist-te-account-dropdown__item--danger:hover,
+.directorist-te-page--connected
+  .directorist-te-account-dropdown__item--danger:focus {
+  background: var(--danger-tint);
+  color: var(--danger);
+  outline-color: rgba(220, 38, 38, 0.18);
+}
+
+.directorist-te-page--connected .directorist-te-refresh-panel {
+  padding: 2px;
+}
+
+.directorist-te-page--connected .directorist-te-refresh-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.directorist-te-page--connected .directorist-te-refresh-panel__header strong,
+.directorist-te-page--connected .directorist-te-refresh-panel__label {
+  color: var(--text);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.directorist-te-page--connected .directorist-te-refresh-close {
+  display: inline-grid;
+  width: 44px;
+  height: 44px;
+  margin: 0;
+  padding: 0;
+  place-items: center;
+  border: 0;
+  border-radius: var(--r-xs);
+  background: transparent;
+  color: var(--muted);
+  cursor: pointer;
+}
+
+.directorist-te-page--connected .directorist-te-refresh-close:hover,
+.directorist-te-page--connected .directorist-te-refresh-close:focus {
+  background: var(--bg-soft);
+  color: var(--text);
+  outline: 2px solid rgba(62, 98, 245, 0.18);
+  outline-offset: -2px;
+}
+
+.directorist-te-page--connected .directorist-te-refresh-panel__label {
+  display: block;
+  margin-bottom: 6px;
+  color: var(--muted);
+}
+
+.directorist-te-page--connected .directorist-te-refresh-form {
+  align-items: stretch;
+  gap: 8px;
+}
+
+.directorist-te-page--connected
+  .directorist-te-refresh-form
+  .directorist-te-password-control {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.directorist-te-page--connected .directorist-te-refresh-form input {
+  width: 100%;
+  min-height: 44px;
+  padding: 7px 46px 7px 10px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  box-shadow: none;
+  color: var(--text);
+}
+
+.directorist-te-page--connected .directorist-te-refresh-form input:focus {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 2px rgba(62, 98, 245, 0.12);
+  outline: 0;
+}
+
+.directorist-te-page--connected .directorist-te-refresh-submit {
+  display: inline-flex;
+  min-width: 92px;
+  min-height: 44px;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  margin: 0;
+  padding: 8px 12px;
+  border: 1px solid var(--accent);
+  border-radius: var(--r-sm);
+  background: var(--accent);
+  color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
 }
 
-.directorist-te-account-dropdown__item--danger {
-    color: var(--danger);
+.directorist-te-page--connected .directorist-te-refresh-submit:hover,
+.directorist-te-page--connected .directorist-te-refresh-submit:focus {
+  border-color: var(--accent-hover);
+  background: var(--accent-hover);
+  color: #fff;
+  outline: 2px solid rgba(62, 98, 245, 0.22);
+  outline-offset: 2px;
 }
 
-.directorist-te-account-dropdown__item--danger:hover,
-.directorist-te-account-dropdown__item--danger:focus {
-    background: var(--danger-tint);
-    color: var(--danger);
+.directorist-te-page--connected .directorist-te-refresh-submit:disabled {
+  cursor: wait;
+  opacity: 0.68;
+}
+
+.directorist-te-page--connected
+  .directorist-te-refresh-form
+  .directorist-te-password-toggle {
+  right: 0;
+  width: 44px;
+  height: 44px;
 }
 
 .directorist-te-hero {
-    justify-content: space-between;
-    align-items: flex-end;
-    gap: 14px;
-    margin: 26px 0 18px;
-    padding-top: 0;
+  justify-content: space-between;
+  align-items: flex-end;
+  gap: 14px;
+  margin: 26px 0 18px;
+  padding-top: 0;
 }
 
 .directorist-te-hero h1 {
-    margin: 0;
-    padding: 0;
-    color: var(--text);
-    font-size: 20px;
-    font-weight: 700;
-    line-height: 30px;
-    letter-spacing: 0;
+  margin: 0;
+  padding: 0;
+  color: var(--text);
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 30px;
+  letter-spacing: 0;
 }
 
 .directorist-te-hero p {
-    max-width: 680px;
-    margin: 3px 0 0;
-    color: var(--muted);
-    font-size: 13.5px;
-    line-height: 20.25px;
+  max-width: 680px;
+  margin: 3px 0 0;
+  color: var(--muted);
+  font-size: 13.5px;
+  line-height: 20.25px;
 }
 
 .directorist-te-search {
-    width: 260px;
-    height: 32px;
-    gap: 7px;
-    padding: 7px 12px;
-    border: 1px solid var(--border);
-    border-radius: var(--r-sm);
-    background: var(--bg-soft);
+  width: 260px;
+  height: 32px;
+  gap: 7px;
+  padding: 7px 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  background: var(--bg-soft);
 }
 
 .directorist-te-connect {
-    margin: 0 0 16px;
-    padding: 16px 18px;
-    border: 1px solid var(--border-card);
-    border-radius: var(--r-md);
-    background: var(--surface);
-    box-shadow: var(--shadow);
+  margin: 0 0 16px;
+  padding: 16px 18px;
+  border: 1px solid var(--border-card);
+  border-radius: var(--r-md);
+  background: var(--surface);
+  box-shadow: var(--shadow);
 }
 
 .directorist-te-connect {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(340px, 480px);
-    gap: 22px;
-    align-items: center;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(340px, 480px);
+  gap: 22px;
+  align-items: center;
 }
 
 .directorist-te-connect.account-connect,
-#directorist.atbd_wrapper.directorist-te-page .directorist-te-connect.account-connect {
-    width: auto;
-    max-width: none;
-    margin: 0 0 16px;
-    padding: 16px 18px;
-    border-radius: var(--r-md);
-    text-align: left;
+#directorist.atbd_wrapper.directorist-te-page
+  .directorist-te-connect.account-connect {
+  width: auto;
+  max-width: none;
+  margin: 0 0 16px;
+  padding: 16px 18px;
+  border-radius: var(--r-md);
+  text-align: left;
 }
 
 .directorist-te-connect h2,
 .directorist-te-upsell h2,
 .directorist-te-empty h2 {
-    margin: 0;
-    color: var(--text);
-    font-size: 15px;
-    font-weight: 700;
-    line-height: 1.35;
+  margin: 0;
+  color: var(--text);
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 1.35;
 }
 
 .directorist-te-connect p,
 #directorist.atbd_wrapper.directorist-te-page .directorist-te-connect p,
 .directorist-te-upsell p,
 .directorist-te-empty p {
-    margin: 4px 0 0;
-    color: var(--muted);
-    font-size: 12.5px;
-    line-height: 1.45;
-    text-align: left;
+  margin: 4px 0 0;
+  color: var(--muted);
+  font-size: 12.5px;
+  line-height: 1.45;
+  text-align: left;
 }
 
 .directorist-te-eyebrow {
-    display: inline-block;
-    margin-bottom: 5px;
-    color: var(--accent);
-    font-size: 10.5px;
-    font-weight: 700;
-    line-height: 1;
-    text-transform: uppercase;
+  display: inline-block;
+  margin-bottom: 5px;
+  color: var(--accent);
+  font-size: 10.5px;
+  font-weight: 700;
+  line-height: 1;
+  text-transform: uppercase;
+}
+
+.directorist-te-auth-methods {
+  display: inline-grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 2px;
+  margin-bottom: 10px;
+  padding: 2px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  background: var(--bg-soft);
+}
+
+.directorist-te-auth-methods button {
+  min-height: 28px;
+  margin: 0;
+  padding: 4px 10px;
+  border: 0;
+  border-radius: var(--r-xs);
+  background: transparent;
+  color: var(--muted);
+  font-size: 11.5px;
+  font-weight: 600;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.directorist-te-auth-methods button.is-active {
+  background: var(--surface);
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
+  color: var(--accent);
+}
+
+.directorist-te-auth-methods button:focus-visible {
+  outline: 2px solid rgba(62, 98, 245, 0.24);
+  outline-offset: 1px;
+}
+
+.directorist-te-auth-panel[hidden] {
+  display: none;
+}
+
+.directorist-te-auth-panel small a {
+  color: var(--accent);
+  font-weight: 600;
+}
+
+.directorist-te-auth-panel small a:hover,
+.directorist-te-auth-panel small a:focus-visible {
+  color: var(--accent);
+  text-decoration: underline;
 }
 
 .directorist-te-field-row {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: 10px;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.directorist-te-field-row--single {
+  grid-template-columns: minmax(0, 1fr);
 }
 
 .directorist-te-field-row label > span:not(.directorist-te-password-control) {
-    display: block;
-    margin-bottom: 5px;
-    color: var(--muted);
-    font-size: 12px;
-    font-weight: 600;
+  display: block;
+  margin-bottom: 5px;
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.directorist-te-field-row label > small {
+  display: block;
+  margin-top: 5px;
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.35;
 }
 
 .directorist-te-field-row input,
 .directorist-te-refresh-form input {
-    width: 100%;
-    min-height: 34px;
-    margin: 0;
-    border: 1px solid var(--border);
-    border-radius: var(--r-xs);
-    background: var(--surface);
-    box-shadow: none;
+  width: 100%;
+  min-height: 34px;
+  margin: 0;
+  border: 1px solid var(--border);
+  border-radius: var(--r-xs);
+  background: var(--surface);
+  box-shadow: none;
 }
 
 .directorist-te-field-row input[aria-invalid="true"] {
-    border-color: var(--danger);
-    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.08);
+  border-color: var(--danger);
+  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.08);
 }
 
 .directorist-te-connect-form.is-submitting input {
-    background: var(--bg-soft);
+  background: var(--bg-soft);
 }
 
 .directorist-te-connect-form.is-submitting input,
 .directorist-te-connect-form.is-submitting button {
-    cursor: wait;
+  cursor: wait;
 }
 
 .directorist-te-password-control {
-    position: relative;
-    display: block;
+  position: relative;
+  display: block;
 }
 
 .directorist-te-field-row .directorist-te-password-control input {
-    padding-right: 42px;
+  padding-right: 42px;
 }
 
 .directorist-te-password-toggle {
-    position: absolute;
-    top: 50%;
-    right: 8px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 26px;
-    height: 26px;
-    margin: 0;
-    padding: 0;
-    border: 0;
-    border-radius: var(--r-xs);
-    background: transparent;
-    color: var(--muted);
-    cursor: pointer;
-    transform: translateY(-50%);
+  position: absolute;
+  top: 50%;
+  right: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-radius: var(--r-xs);
+  background: transparent;
+  color: var(--muted);
+  cursor: pointer;
+  transform: translateY(-50%);
 }
 
 .directorist-te-password-toggle:hover,
 .directorist-te-password-toggle:focus {
-    color: var(--accent);
+  color: var(--accent);
 }
 
 .directorist-te-password-toggle:focus {
-    outline: 2px solid rgba(62, 98, 245, 0.24);
-    outline-offset: 1px;
+  outline: 2px solid rgba(62, 98, 245, 0.24);
+  outline-offset: 1px;
 }
 
 .directorist-te-password-toggle i {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 .directorist-te-feedback {
-    margin-top: 8px;
+  margin-top: 8px;
 }
 
 .directorist-te-feedback .atbdp-form-alert {
-    margin: 0;
-    padding: 8px 10px;
-    border-radius: var(--r-xs);
-    font-size: 12.5px;
-    line-height: 1.4;
+  margin: 0;
+  padding: 8px 10px;
+  border-radius: var(--r-xs);
+  font-size: 12.5px;
+  line-height: 1.4;
 }
 
 .directorist-te-feedback .atbdp-form-alert + .atbdp-form-alert {
-    margin-top: 6px;
+  margin-top: 6px;
 }
 
 .directorist-te-feedback .atbdp-form-alert-danger,
 .directorist-te-feedback .atbdp-form-alert-error {
-    border: 1px solid rgba(220, 38, 38, 0.16);
-    background: var(--danger-tint);
-    color: var(--danger);
+  border: 1px solid rgba(220, 38, 38, 0.16);
+  background: var(--danger-tint);
+  color: var(--danger);
 }
 
 .directorist-te-feedback .atbdp-form-alert-success {
-    border: 1px solid rgba(22, 163, 74, 0.16);
-    background: #f0fdf4;
-    color: var(--success);
+  border: 1px solid rgba(22, 163, 74, 0.16);
+  background: #f0fdf4;
+  color: var(--success);
 }
 
 .directorist-te-btn,
@@ -581,56 +1076,60 @@
 .directorist-te-bulk-clear,
 .directorist-te-tab,
 .directorist-te-segmented button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 7px;
-    margin: 0;
-    border: 1px solid transparent;
-    border-radius: var(--r-sm);
-    cursor: pointer;
-    font-weight: 500;
-    line-height: 1;
-    text-decoration: none;
-    white-space: nowrap;
-    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  margin: 0;
+  border: 1px solid transparent;
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  font-weight: 500;
+  line-height: 1;
+  text-decoration: none;
+  white-space: nowrap;
+  transition:
+    background 0.12s ease,
+    border-color 0.12s ease,
+    color 0.12s ease,
+    box-shadow 0.12s ease;
 }
 
 .directorist-te-btn {
-    min-height: 34px;
-    padding: 8px 14px;
-    font-size: 13px;
+  min-height: 34px;
+  padding: 8px 14px;
+  font-size: 13px;
 }
 
 .directorist-te-btn--primary,
 .directorist-te-update-all {
-    border-color: var(--accent);
-    background: var(--accent);
-    color: #fff;
+  border-color: var(--accent);
+  background: var(--accent);
+  color: #fff;
 }
 
 .directorist-te-btn--primary:hover,
 .directorist-te-btn--primary:focus,
 .directorist-te-update-all:hover,
 .directorist-te-update-all:focus {
-    border-color: var(--accent-hover);
-    background: var(--accent-hover);
-    color: #fff;
-    outline: none;
+  border-color: var(--accent-hover);
+  background: var(--accent-hover);
+  color: #fff;
+  outline: none;
 }
 
 .directorist-te-btn--secondary,
 .directorist-te-btn--ghost,
 .directorist-te-bulk-action {
-    border-color: var(--border);
-    background: var(--surface);
-    color: var(--text);
+  border-color: var(--border);
+  background: var(--surface);
+  color: var(--text);
 }
 
 .directorist-te-btn--soft {
-    border-color: transparent;
-    background: var(--accent-tint);
-    color: var(--accent);
+  border-color: transparent;
+  background: var(--accent-tint);
+  color: var(--accent);
 }
 
 .directorist-te-btn--secondary:hover,
@@ -641,18 +1140,18 @@
 .directorist-te-btn--soft:focus,
 .directorist-te-bulk-action:hover,
 .directorist-te-bulk-action:focus {
-    border-color: var(--accent);
-    background: var(--accent-tint);
-    color: var(--accent);
-    outline: none;
+  border-color: var(--accent);
+  background: var(--accent-tint);
+  color: var(--accent);
+  outline: none;
 }
 
 .ext-update-btn,
 .theme-update-btn,
 .directorist-te-update-all {
-    border-color: var(--warning);
-    background: var(--warning);
-    color: #fff;
+  border-color: var(--warning);
+  background: var(--warning);
+  color: #fff;
 }
 
 .ext-update-btn:hover,
@@ -661,1862 +1160,2434 @@
 .theme-update-btn:focus,
 .directorist-te-update-all:hover,
 .directorist-te-update-all:focus {
-    border-color: #b45309;
-    background: #b45309;
-    color: #fff;
+  border-color: #b45309;
+  background: #b45309;
+  color: #fff;
 }
 
 .directorist-te-icon-btn {
-    width: 28px;
-    height: 28px;
-    padding: 0;
-    border-color: transparent;
-    border-radius: var(--r-xs);
-    background: transparent;
-    color: var(--faint);
-    font-size: 17px;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border-color: transparent;
+  border-radius: var(--r-xs);
+  background: transparent;
+  color: var(--faint);
+  font-size: 17px;
 }
 
 .directorist-te-icon-btn:hover,
 .directorist-te-icon-btn:focus,
 .directorist-te-menu .ext-action-drop.active {
-    background: var(--line);
-    color: var(--text);
-    outline: none;
+  background: var(--line);
+  color: var(--text);
+  outline: none;
 }
 
 .directorist-te-icon-btn--danger:hover,
 .directorist-te-icon-btn--danger:focus,
 .directorist-te-menu-link--danger,
 .directorist-te-bulk-action--danger {
-    color: var(--danger);
+  color: var(--danger);
 }
 
 .directorist-te-refresh-panel {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 .directorist-te-refresh-panel[hidden] {
-    width: 0 !important;
+  width: 0 !important;
 }
 
 .directorist-te-refresh-form {
-    width: 100%;
-    gap: 8px;
+  width: 100%;
+  gap: 8px;
 }
 
 .directorist-te-view:not([hidden]) {
-    animation: directoristTeFade 0.2s ease;
+  animation: directoristTeFade 0.2s ease;
 }
 
 @keyframes directoristTeFade {
-    from {
-        opacity: 0;
-        transform: translateY(5px);
-    }
+  from {
+    opacity: 0;
+    transform: translateY(5px);
+  }
 
-    to {
-        opacity: 1;
-        transform: none;
-    }
+  to {
+    opacity: 1;
+    transform: none;
+  }
 }
 
 .directorist-te-dashboard {
-    margin-top: 26px;
+  margin-top: 26px;
 }
 
 .directorist-te-dashboard-welcome,
 .directorist-te-dashboard-nudge,
 .directorist-te-dashboard-card,
 .directorist-te-dashboard-recommendations {
-    border: 1px solid var(--border-card);
-    border-radius: var(--r-md);
-    background: var(--surface);
-    box-shadow: var(--shadow);
+  border: 1px solid var(--border-card);
+  border-radius: var(--r-md);
+  background: var(--surface);
+  box-shadow: var(--shadow);
 }
 
 .directorist-te-dashboard-welcome {
-    position: relative;
-    display: flex;
-    align-items: center;
-    gap: 18px;
-    overflow: hidden;
-    padding: 22px 24px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  overflow: hidden;
+  padding: 22px 24px;
 }
 
 .directorist-te-dashboard-welcome::before {
-    position: absolute;
-    inset: 0;
-    background: radial-gradient(820px 200px at 90% -40%, rgba(62, 98, 245, 0.08), transparent 70%);
-    content: "";
-    pointer-events: none;
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(
+    820px 200px at 90% -40%,
+    rgba(62, 98, 245, 0.08),
+    transparent 70%
+  );
+  content: "";
+  pointer-events: none;
 }
 
 .directorist-te-dashboard-welcome > * {
-    position: relative;
-    z-index: 1;
+  position: relative;
+  z-index: 1;
 }
 
 .directorist-te-dashboard-welcome h1 {
-    margin: 0 0 3px;
-    color: var(--text);
-    font-size: 20px;
-    font-weight: 700;
-    line-height: 1.25;
+  margin: 0 0 3px;
+  color: var(--text);
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.25;
 }
 
 .directorist-te-dashboard-welcome p,
-.directorist-te-dashboard-nudge p,
-.directorist-te-dashboard-recommendations > p {
-    margin: 0;
-    color: var(--muted);
-    font-size: 13.5px;
-    line-height: 1.5;
+.directorist-te-dashboard-nudge p {
+  margin: 0;
+  color: var(--muted);
+  font-size: 13.5px;
+  line-height: 1.5;
 }
 
 .directorist-te-dashboard-welcome__actions {
-    display: flex;
-    gap: 10px;
-    margin-left: auto;
+  display: flex;
+  gap: 10px;
+  margin-left: auto;
 }
 
 .directorist-te-dashboard-nudge {
-    margin-top: 18px;
-    padding: 16px 18px;
-    background: linear-gradient(180deg, var(--surface), var(--bg-soft));
+  margin-top: 18px;
+  padding: 16px 18px;
+  background: linear-gradient(180deg, var(--surface), var(--bg-soft));
 }
 
 .directorist-te-dashboard-nudge__top {
-    display: flex;
-    align-items: center;
-    gap: 13px;
-    margin-bottom: 13px;
+  display: flex;
+  align-items: center;
+  gap: 13px;
+  margin-bottom: 13px;
 }
 
 .directorist-te-dashboard-ring {
-    position: relative;
-    width: 46px;
-    height: 46px;
-    flex: 0 0 46px;
-    color: var(--accent);
+  position: relative;
+  width: 46px;
+  height: 46px;
+  flex: 0 0 46px;
+  color: var(--accent);
 }
 
 .directorist-te-dashboard-ring svg {
-    display: block;
-    transform: rotate(-90deg);
+  display: block;
+  transform: rotate(-90deg);
 }
 
 .directorist-te-dashboard-ring span {
-    position: absolute;
-    inset: 0;
-    display: grid;
-    place-items: center;
-    color: var(--text);
-    font-size: 12px;
-    font-weight: 700;
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  color: var(--text);
+  font-size: 12px;
+  font-weight: 700;
 }
 
 .directorist-te-dashboard-nudge h2,
 .directorist-te-dashboard-card__head h2,
 .directorist-te-dashboard-recommendations__head h2 {
-    margin: 0;
-    color: var(--text);
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 1.35;
+  margin: 0;
+  color: var(--text);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.35;
 }
 
 .directorist-te-dashboard-nudge__dismiss {
-    width: 28px;
-    height: 28px;
-    display: grid;
-    place-items: center;
-    margin: 0 0 0 auto;
-    padding: 0;
-    border: 0;
-    border-radius: var(--r-xs);
-    background: transparent;
-    color: var(--faint);
-    cursor: pointer;
+  width: 28px;
+  height: 28px;
+  display: grid;
+  place-items: center;
+  margin: 0 0 0 auto;
+  padding: 0;
+  border: 0;
+  border-radius: var(--r-xs);
+  background: transparent;
+  color: var(--faint);
+  cursor: pointer;
 }
 
 .directorist-te-dashboard-nudge__dismiss:hover,
 .directorist-te-dashboard-nudge__dismiss:focus {
-    background: var(--surface);
-    color: var(--muted);
-    outline: none;
+  background: var(--surface);
+  color: var(--muted);
+  outline: none;
 }
 
 .directorist-te-dashboard-steps {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
-    gap: 9px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+  gap: 9px;
 }
 
 .directorist-te-dashboard-step {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    min-height: 42px;
-    margin: 0;
-    padding: 10px 12px;
-    border: 1px solid var(--border);
-    border-radius: var(--r-xs);
-    background: var(--surface);
-    color: var(--text);
-    font-size: 12.5px;
-    font-weight: 500;
-    line-height: 1.35;
-    text-align: left;
-    cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 42px;
+  margin: 0;
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-xs);
+  background: var(--surface);
+  color: var(--text);
+  font-size: 12.5px;
+  font-weight: 500;
+  line-height: 1.35;
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
 }
 
 .directorist-te-dashboard-step:hover,
 .directorist-te-dashboard-step:focus {
-    border-color: var(--accent);
-    box-shadow: var(--shadow);
-    outline: none;
+  border-color: var(--accent);
+  box-shadow: var(--shadow);
+  outline: none;
 }
 
 .directorist-te-dashboard-step > span {
-    width: 20px;
-    height: 20px;
-    display: grid;
-    place-items: center;
-    flex: 0 0 20px;
-    border: 2px solid var(--border);
-    border-radius: 50%;
-    color: transparent;
-    font-size: 12px;
+  width: 20px;
+  height: 20px;
+  display: grid;
+  place-items: center;
+  flex: 0 0 20px;
+  border: 2px solid var(--border);
+  border-radius: 50%;
+  color: transparent;
+  font-size: 12px;
 }
 
 .directorist-te-dashboard-step.is-done {
-    color: var(--faint);
-    opacity: 0.75;
-    text-decoration: line-through;
+  border-color: #d8eee0;
+  background: #fbfefc;
+  color: var(--text);
+  opacity: 1;
+  text-decoration: none;
+}
+
+.directorist-te-dashboard-step.is-done:hover,
+.directorist-te-dashboard-step.is-done:focus {
+  border-color: var(--success);
 }
 
 .directorist-te-dashboard-step.is-done > span {
-    border-color: var(--success);
-    background: var(--success);
-    color: #fff;
+  border-color: var(--success);
+  background: var(--success);
+  color: #fff;
 }
 
 .directorist-te-dashboard-step > .la-angle-right {
-    margin-left: auto;
-    color: var(--faint);
+  margin-left: auto;
+  color: var(--faint);
 }
 
 .directorist-te-dashboard-metrics {
-    display: grid;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-    gap: 14px;
-    margin-top: 18px;
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 14px;
+  margin-top: 18px;
 }
 
 .directorist-te-dashboard-metric {
-    position: relative;
-    overflow: hidden;
-    padding: 17px;
-    border: 1px solid var(--border-card);
-    border-radius: var(--r-md);
-    background: var(--surface);
-    box-shadow: var(--shadow);
-    transition: box-shadow 0.18s ease, transform 0.18s ease;
+  position: relative;
+  overflow: hidden;
+  padding: 17px;
+  border: 1px solid var(--border-card);
+  border-radius: var(--r-md);
+  background: var(--surface);
+  box-shadow: var(--shadow);
+  transition:
+    box-shadow 0.18s ease,
+    transform 0.18s ease;
 }
 
 .directorist-te-dashboard-metric:hover {
-    box-shadow: var(--shadow-hover);
-    transform: translateY(-2px);
+  box-shadow: var(--shadow-hover);
+  transform: translateY(-2px);
 }
 
 .directorist-te-dashboard-metric--attention {
-    border-color: #f5d9a8;
-    background: linear-gradient(180deg, #fff, #fffaf2);
+  border-color: #f5d9a8;
+  background: linear-gradient(180deg, #fff, #fffaf2);
 }
 
 .directorist-te-dashboard-metric__top {
-    display: flex;
-    align-items: center;
-    gap: 11px;
-    margin-bottom: 13px;
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  margin-bottom: 13px;
 }
 
 .directorist-te-dashboard-icon {
-    width: 38px;
-    height: 38px;
-    display: grid;
-    place-items: center;
-    flex: 0 0 38px;
-    border-radius: 9px;
-    color: #fff;
-    font-size: 19px;
+  width: 38px;
+  height: 38px;
+  display: grid;
+  place-items: center;
+  flex: 0 0 38px;
+  border-radius: 9px;
+  color: #fff;
+  font-size: 19px;
 }
 
 .directorist-te-dashboard-icon--blue {
-    background: linear-gradient(135deg, #4f6ef7, #7d93ff);
+  background: linear-gradient(135deg, #4f6ef7, #7d93ff);
 }
 
 .directorist-te-dashboard-icon--teal {
-    background: linear-gradient(135deg, #0ea5b7, #34c7d6);
+  background: linear-gradient(135deg, #0ea5b7, #34c7d6);
 }
 
 .directorist-te-dashboard-icon--amber {
-    background: linear-gradient(135deg, #f08a24, #ffb15c);
+  background: linear-gradient(135deg, #f08a24, #ffb15c);
 }
 
 .directorist-te-dashboard-icon--violet {
-    background: linear-gradient(135deg, #7c5cff, #a98bff);
+  background: linear-gradient(135deg, #7c5cff, #a98bff);
 }
 
 .directorist-te-dashboard-metric strong {
-    display: block;
-    color: var(--text);
-    font-size: 24px;
-    font-weight: 700;
-    letter-spacing: 0;
-    line-height: 1.1;
+  display: block;
+  color: var(--text);
+  font-size: 24px;
+  font-weight: 700;
+  letter-spacing: 0;
+  line-height: 1.1;
 }
 
 .directorist-te-dashboard-metric__top div > span {
-    color: var(--muted);
-    font-size: 12.5px;
-    font-weight: 500;
+  color: var(--muted);
+  font-size: 12.5px;
+  font-weight: 500;
 }
 
 .directorist-te-dashboard-metric__foot {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-top: 11px;
-    padding-top: 11px;
-    border-top: 1px solid var(--border-soft);
-    color: var(--faint);
-    font-size: 11.5px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 11px;
+  padding-top: 11px;
+  border-top: 1px solid var(--border-soft);
+  color: var(--faint);
+  font-size: 11.5px;
 }
 
 .directorist-te-dashboard-metric__foot > span {
-    display: inline-flex;
-    align-items: center;
-    gap: 3px;
-    padding: 2px 7px;
-    border-radius: 999px;
-    background: #eafaf0;
-    color: var(--success);
-    font-size: 11.5px;
-    font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  padding: 2px 7px;
+  border-radius: 999px;
+  background: #eafaf0;
+  color: var(--success);
+  font-size: 11.5px;
+  font-weight: 600;
 }
 
 .directorist-te-dashboard-metric__foot a {
-    margin-left: auto;
-    color: var(--warning);
-    font-size: 12px;
-    font-weight: 600;
-    text-decoration: none;
+  margin-left: auto;
+  color: var(--warning);
+  font-size: 12px;
+  font-weight: 600;
+  text-decoration: none;
 }
 
 .directorist-te-dashboard-metric-spark {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    width: 96px;
-    height: 42px;
-    opacity: 0.5;
-    pointer-events: none;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 96px;
+  height: 42px;
+  opacity: 0.5;
+  pointer-events: none;
 }
 
 .directorist-te-dashboard-grid {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
-    gap: 18px;
-    margin-top: 18px;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
+  gap: 18px;
+  margin-top: 18px;
 }
 
 .directorist-te-dashboard-card {
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 .directorist-te-dashboard-card__head {
-    display: flex;
-    align-items: center;
-    gap: 9px;
-    padding: 15px 18px;
-    border-bottom: 1px solid var(--border-soft);
-}
-
-.directorist-te-dashboard-card__head > i,
-.directorist-te-dashboard-recommendations__head > i {
-    color: var(--accent);
-    font-size: 18px;
-}
-
-.directorist-te-dashboard-card__head a {
-    margin-left: auto;
-    color: var(--accent);
-    font-size: 12.5px;
-    font-weight: 600;
-    text-decoration: none;
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 15px 18px;
+  border-bottom: 1px solid var(--border-soft);
+}
+
+.directorist-te-dashboard-card__head > i {
+  color: var(--accent);
+  font-size: 18px;
+}
+
+.directorist-te-dashboard-card__head a,
+.directorist-te-dashboard-activity-view-all {
+  margin-left: auto;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--accent);
+  font-size: 12.5px;
+  font-weight: 600;
+  font-family: inherit;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.directorist-te-dashboard-activity-view-all:hover,
+.directorist-te-dashboard-activity-view-all:focus {
+  color: var(--accent-hover);
+  text-decoration: underline;
+  outline: none;
+}
+
+.directorist-te-dashboard-card__head--quick-actions {
+  min-height: 63px;
+}
+
+.directorist-te-dashboard-directory-control {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: 8px;
+  margin-left: auto;
+}
+
+.directorist-te-dashboard-directory-control label,
+.directorist-te-recommendation-directory-controls > label {
+  color: var(--muted);
+  font-size: 11.5px;
+  font-weight: 600;
+}
+
+.directorist-te-dashboard-directory-control select,
+.directorist-te-recommendation-directory-controls
+  .directorist-te-recommendation-directory-select {
+  max-width: 190px;
+  min-height: 32px;
+  margin: 0;
+  padding: 4px 28px 4px 10px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  background-color: var(--surface);
+  color: var(--text);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.25;
+}
+
+.directorist-te-dashboard-directory-control select:hover,
+.directorist-te-dashboard-directory-control select:focus,
+.directorist-te-recommendation-directory-controls
+  .directorist-te-recommendation-directory-select:hover,
+.directorist-te-recommendation-directory-controls
+  .directorist-te-recommendation-directory-select:focus {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 2px rgba(62, 98, 245, 0.12);
+  outline: 0;
 }
 
 .directorist-te-dashboard-actions {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: space-evenly;
-    gap: 2px;
-    padding: 7px;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-evenly;
+  gap: 2px;
+  padding: 7px;
 }
 
 .directorist-te-dashboard-action {
-    display: grid;
-    grid-template-columns: 36px minmax(0, 1fr) 16px;
-    grid-template-areas:
-        "icon title arrow"
-        "icon meta arrow";
-    align-items: center;
-    gap: 0 12px;
-    padding: 10px 11px;
-    border-radius: var(--r-xs);
-    text-decoration: none;
+  display: grid;
+  grid-template-columns: 36px minmax(0, 1fr) 16px;
+  grid-template-areas:
+    "icon title arrow"
+    "icon meta arrow";
+  align-items: center;
+  gap: 0 12px;
+  padding: 10px 11px;
+  border-radius: var(--r-xs);
+  text-decoration: none;
 }
 
 .directorist-te-dashboard-action:hover,
 .directorist-te-dashboard-action:focus {
-    background: var(--bg-soft);
-    outline: none;
+  background: var(--bg-soft);
+  outline: none;
 }
 
 .directorist-te-dashboard-action > span {
-    grid-area: icon;
-    width: 36px;
-    height: 36px;
-    display: grid;
-    place-items: center;
-    border-radius: var(--r-sm);
-    background: var(--accent-tint);
-    color: var(--accent);
-    font-size: 17px;
+  grid-area: icon;
+  width: 36px;
+  height: 36px;
+  display: grid;
+  place-items: center;
+  border-radius: var(--r-sm);
+  background: var(--accent-tint);
+  color: var(--accent);
+  font-size: 17px;
 }
 
-.directorist-te-dashboard-action:nth-child(2) > span {
-    background: #eafaf0;
-    color: var(--success);
+.directorist-te-dashboard-action--manage-categories > span {
+  background: #eafaf0;
+  color: var(--success);
 }
 
-.directorist-te-dashboard-action:nth-child(3) > span {
-    background: #fef3e6;
-    color: var(--warning);
+.directorist-te-dashboard-action--listing-layout > span {
+  background: #fef3e6;
+  color: var(--warning);
 }
 
-.directorist-te-dashboard-action:nth-child(4) > span {
-    background: #f3eeff;
-    color: #7c5cff;
+.directorist-te-dashboard-action--submission-form > span {
+  background: #f3eeff;
+  color: #7c5cff;
 }
 
-.directorist-te-dashboard-action:nth-child(5) > span {
-    background: #e9f4ff;
-    color: #2c99ff;
+.directorist-te-dashboard-action--email-notifications > span {
+  background: #e9f4ff;
+  color: #2c99ff;
 }
 
 .directorist-te-dashboard-action strong {
-    grid-area: title;
-    color: var(--text);
-    font-size: 13px;
-    font-weight: 600;
-    line-height: 1.3;
+  grid-area: title;
+  color: var(--text);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.3;
 }
 
 .directorist-te-dashboard-action em {
-    grid-area: meta;
-    overflow: hidden;
-    color: var(--muted);
-    font-size: 12px;
-    font-style: normal;
-    line-height: 1.35;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  grid-area: meta;
+  overflow: hidden;
+  color: var(--muted);
+  font-size: 12px;
+  font-style: normal;
+  line-height: 1.35;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .directorist-te-dashboard-action > .la-angle-right {
-    grid-area: arrow;
-    color: var(--faint);
-    font-size: 16px;
+  grid-area: arrow;
+  color: var(--faint);
+  font-size: 16px;
 }
 
 .directorist-te-dashboard-action:hover > .la-angle-right,
 .directorist-te-dashboard-action:focus > .la-angle-right {
-    color: var(--accent);
-    transform: translateX(2px);
+  color: var(--accent);
+  transform: translateX(2px);
 }
 
 .directorist-te-dashboard-activity {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: space-evenly;
-    gap: 0;
-    padding: 7px;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-evenly;
+  gap: 0;
+  padding: 7px;
 }
 
-.directorist-te-dashboard-activity > div {
-    display: grid;
-    grid-template-columns: 33px minmax(0, 1fr) auto;
-    gap: 12px;
-    align-items: flex-start;
-    padding: 11px;
-    border-radius: var(--r-xs);
+.directorist-te-dashboard-activity > article {
+  display: grid;
+  grid-template-columns: 33px minmax(0, 1fr) auto;
+  gap: 12px;
+  align-items: center;
+  padding: 11px;
+  border-radius: var(--r-xs);
+  transition:
+    background-color 0.18s ease,
+    box-shadow 0.18s ease;
 }
 
-.directorist-te-dashboard-activity > div + div {
-    border-top: 1px solid var(--border-soft);
+.directorist-te-dashboard-activity > article + article {
+  border-top: 1px solid var(--border-soft);
 }
 
-.directorist-te-dashboard-activity > div:hover {
-    background: var(--bg-soft);
+.directorist-te-dashboard-activity > article:hover {
+  background: var(--bg-soft);
+  box-shadow: inset 3px 0 0 var(--accent);
 }
 
-.directorist-te-dashboard-activity p {
-    min-width: 0;
-    margin: 0;
-    color: var(--muted);
-    font-size: 12.5px;
-    line-height: 1.35;
+.directorist-te-dashboard-activity-copy {
+  min-width: 0;
 }
 
-.directorist-te-dashboard-activity strong,
-.directorist-te-dashboard-activity small {
-    display: block;
+.directorist-te-dashboard-activity-summary {
+  display: block;
+  overflow: hidden;
+  color: var(--muted);
+  font-size: 12.5px;
+  line-height: 1.35;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.directorist-te-dashboard-activity strong {
-    margin-bottom: 1px;
-    color: var(--text);
-    font-size: 13px;
-    font-weight: 600;
+.directorist-te-dashboard-activity-copy strong,
+.directorist-te-dashboard-activity-copy small {
+  display: block;
 }
 
-.directorist-te-dashboard-activity b {
-    color: var(--text);
-    font-weight: 600;
+.directorist-te-dashboard-activity-copy strong {
+  margin-bottom: 1px;
+  color: var(--text);
+  font-size: 13px;
+  font-weight: 600;
 }
 
-.directorist-te-dashboard-activity strong span {
-    display: inline-flex;
-    margin-left: 6px;
-    padding: 1px 6px;
-    border-radius: 5px;
-    background: var(--info-tint);
-    color: var(--info);
-    font-size: 10px;
-    font-weight: 600;
-    vertical-align: middle;
+.directorist-te-dashboard-activity-summary b {
+  color: var(--text);
+  font-weight: 600;
 }
 
-.directorist-te-dashboard-activity small {
-    margin-top: 2px;
-    color: var(--faint);
-    font-size: 11.5px;
+.directorist-te-dashboard-activity-summary b + span::before {
+  content: " · ";
+}
+
+.directorist-te-dashboard-activity-copy small {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-top: 2px;
+  color: var(--faint);
+  font-size: 11.5px;
+}
+
+.directorist-te-dashboard-activity-copy small i {
+  font-size: 12px;
 }
 
 .directorist-te-dashboard-activity-icon {
-    width: 33px;
-    height: 33px;
-    display: grid;
-    place-items: center;
-    flex: 0 0 33px;
-    border-radius: 8px;
-    font-size: 16px;
+  width: 33px;
+  height: 33px;
+  display: grid;
+  place-items: center;
+  flex: 0 0 33px;
+  border-radius: 8px;
+  font-size: 16px;
 }
 
 .directorist-te-dashboard-activity-icon--blue {
-    background: var(--accent-tint);
-    color: var(--accent);
+  background: var(--accent-tint);
+  color: var(--accent);
 }
 
 .directorist-te-dashboard-activity-icon--green {
-    background: var(--success-tint);
-    color: var(--success);
+  background: var(--success-tint);
+  color: var(--success);
 }
 
 .directorist-te-dashboard-activity-icon--amber {
-    background: var(--warning-tint);
-    color: var(--warning);
+  background: var(--warning-tint);
+  color: var(--warning);
 }
 
 .directorist-te-dashboard-activity-icon--violet {
-    background: #f3eeff;
-    color: #7c5cff;
+  background: #f3eeff;
+  color: #7c5cff;
 }
 
 .directorist-te-dashboard-activity-icon--info {
-    background: var(--info-tint);
-    color: var(--info);
+  background: var(--info-tint);
+  color: var(--info);
 }
 
 .directorist-te-dashboard-activity .directorist-te-btn {
-    align-self: center;
-    min-height: 32px;
-    padding: 6px 12px;
-    font-size: 12.5px;
+  align-self: center;
+  min-height: 32px;
+  padding: 6px 12px;
+  font-size: 12.5px;
+}
+
+.directorist-te-dashboard-activity-empty {
+  min-height: 190px;
+  display: grid;
+  place-content: center;
+  gap: 8px;
+  padding: 24px;
+  color: var(--muted);
+  text-align: center;
+}
+
+.directorist-te-dashboard-activity-empty > i {
+  color: var(--success);
+  font-size: 24px;
+}
+
+.directorist-te-dashboard-activity-empty p {
+  margin: 0;
+}
+
+body.at_biz_dir_page_atbdp-extension.directorist-te-activity-drawer-open {
+  overflow: hidden;
+}
+
+.directorist-te-activity-drawer {
+  position: fixed;
+  inset: 0;
+  z-index: 100000;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) min(480px, 100%);
+}
+
+.directorist-te-activity-drawer__backdrop {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: 0;
+  background: rgba(15, 23, 42, 0.38);
+  cursor: default;
+}
+
+.directorist-te-activity-drawer__panel {
+  min-width: 0;
+  min-height: 0;
+  display: grid;
+  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
+  background: var(--surface);
+  box-shadow: -12px 0 36px rgba(15, 23, 42, 0.16);
+}
+
+.directorist-te-activity-drawer__header {
+  min-height: 78px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  padding: 17px 20px;
+  border-bottom: 1px solid var(--border);
+}
+
+.directorist-te-activity-drawer__header h2 {
+  margin: 2px 0 0;
+  color: var(--text);
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.25;
+}
+
+.directorist-te-activity-drawer__close {
+  width: 36px;
+  height: 36px;
+  display: grid;
+  place-items: center;
+  flex: 0 0 36px;
+  padding: 0;
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  background: var(--surface);
+  color: var(--muted);
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.directorist-te-activity-drawer__close:hover,
+.directorist-te-activity-drawer__close:focus {
+  border-color: var(--accent);
+  color: var(--accent);
+  outline: none;
+}
+
+.directorist-te-activity-drawer__filters {
+  display: flex;
+  gap: 4px;
+  overflow-x: auto;
+  padding: 12px 20px;
+  border-bottom: 1px solid var(--border-soft);
+}
+
+.directorist-te-activity-drawer__filters button {
+  min-height: 30px;
+  padding: 5px 10px;
+  border: 0;
+  border-radius: var(--r-xs);
+  background: transparent;
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 600;
+  font-family: inherit;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.directorist-te-activity-drawer__filters button:hover,
+.directorist-te-activity-drawer__filters button:focus,
+.directorist-te-activity-drawer__filters button.is-active {
+  background: var(--accent-tint);
+  color: var(--accent);
+  outline: none;
+}
+
+.directorist-te-activity-drawer__body {
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.directorist-te-activity-drawer__group h3 {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  margin: 0;
+  padding: 9px 20px;
+  border-bottom: 1px solid var(--border-soft);
+  background: var(--bg-soft);
+  color: var(--muted);
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1.35;
+  text-transform: uppercase;
+}
+
+.directorist-te-activity-drawer__item {
+  display: grid;
+  grid-template-columns: 33px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 12px;
+  padding: 15px 20px;
+  border-bottom: 1px solid var(--border-soft);
+}
+
+.directorist-te-activity-drawer__item:hover {
+  background: var(--bg-soft);
+}
+
+.directorist-te-activity-drawer__item
+  .directorist-te-dashboard-activity-summary {
+  white-space: normal;
+}
+
+.directorist-te-activity-drawer__item .directorist-te-btn {
+  align-self: center;
+  min-height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+}
+
+.directorist-te-activity-drawer__state {
+  min-height: 0;
+  padding: 0 20px;
+  color: var(--muted);
+  font-size: 12px;
+  text-align: center;
+}
+
+.directorist-te-activity-drawer[aria-busy="true"]
+  .directorist-te-activity-drawer__state {
+  min-height: 42px;
+  display: grid;
+  place-items: center;
+  padding: 10px 20px;
+}
+
+.directorist-te-activity-drawer__footer {
+  display: flex;
+  justify-content: center;
+  padding: 12px 20px;
+  border-top: 1px solid var(--border-soft);
+}
+
+.directorist-te-activity-drawer__empty {
+  min-height: 280px;
+  display: grid;
+  place-content: center;
+  gap: 7px;
+  padding: 32px;
+  color: var(--muted);
+  text-align: center;
+}
+
+.directorist-te-activity-drawer__empty > i {
+  color: var(--success);
+  font-size: 28px;
+}
+
+.directorist-te-activity-drawer__empty--error > i {
+  color: var(--danger);
+}
+
+.directorist-te-activity-drawer__empty strong {
+  color: var(--text);
+  font-size: 14px;
+}
+
+.directorist-te-activity-drawer__empty p {
+  margin: 0;
+  font-size: 12.5px;
 }
 
 .directorist-te-dashboard-recommendations {
-    margin-top: 18px;
-    padding: 18px 20px 8px;
+  margin-top: 18px;
+  padding: 18px 20px 0;
 }
 
 .directorist-te-dashboard-recommendations__head {
-    display: flex;
-    align-items: center;
-    gap: 9px;
-    margin-bottom: 2px;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20px;
+  margin-bottom: 10px;
 }
 
-.directorist-te-dashboard-recommendations__head span {
-    margin-left: auto;
-    color: var(--accent);
-    font-size: 12px;
-    font-weight: 500;
+.directorist-te-dashboard-recommendations__heading {
+  display: flex;
+  align-items: flex-start;
+  min-width: 0;
+  gap: 9px;
+}
+
+.directorist-te-dashboard-recommendations__heading > i {
+  margin-top: 1px;
+  color: var(--accent);
+  font-size: 18px;
 }
 
-.directorist-te-dashboard-recommendations > p {
-    max-width: 640px;
-    margin-bottom: 6px;
+.directorist-te-dashboard-recommendations__heading p {
+  max-width: 680px;
+  margin: 3px 0 0;
+  color: var(--muted);
+  font-size: 12.5px;
+  line-height: 1.45;
+}
+
+.directorist-te-dashboard-recommendations__tools {
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  gap: 12px;
+}
+
+.directorist-te-dashboard-recommendations__tools > span {
+  color: var(--accent);
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.directorist-te-recommendation-directory-controls {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: 8px;
+}
+
+.directorist-te-recommendation-directory-navigation {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+
+.directorist-te-recommendation-control {
+  min-height: 32px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  background: var(--surface);
+  color: var(--muted);
+  cursor: pointer;
+}
+
+.directorist-te-recommendation-control {
+  width: 32px;
+  display: grid;
+  place-items: center;
+  padding: 0;
+  font-size: 15px;
+}
+
+.directorist-te-recommendation-control:hover,
+.directorist-te-recommendation-control:focus-visible {
+  border-color: var(--accent);
+  color: var(--accent);
+  box-shadow: 0 0 0 2px rgba(62, 98, 245, 0.12);
+  outline: 0;
 }
 
 .directorist-te-dashboard-recommendations__grid {
-    display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
-.directorist-te-dashboard-recommendations__grid > div {
-    display: flex;
-    flex-direction: column;
-    padding: 16px 18px;
-    border-left: 1px solid var(--border-soft);
+.directorist-te-dashboard-recommendation-group {
+  display: contents;
 }
 
-.directorist-te-dashboard-recommendations__grid > div:first-child {
-    border-left: 0;
-    padding-left: 2px;
+.directorist-te-dashboard-recommendation {
+  display: flex;
+  flex-direction: column;
+  padding: 16px 18px;
+  border-left: 1px solid var(--border-soft);
+  animation: directoristTeRecommendationIn 0.2s ease;
+}
+
+.directorist-te-dashboard-recommendation:nth-child(3n + 1) {
+  border-left: 0;
+  padding-left: 2px;
 }
 
 .directorist-te-dashboard-recommendation-top {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    margin-bottom: 7px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 7px;
 }
 
 .directorist-te-dashboard-recommendation-icon {
-    width: 30px;
-    height: 30px;
-    display: grid;
-    place-items: center;
-    flex: 0 0 30px;
-    border-radius: var(--r-sm);
-    color: #fff;
-    font-size: 15px;
+  width: 32px;
+  height: 32px;
+  display: grid;
+  place-items: center;
+  overflow: hidden;
+  flex: 0 0 32px;
+  border-radius: var(--r-sm);
+  background: var(--bg-soft);
+  color: var(--accent);
+  font-size: 15px;
 }
 
-.directorist-te-dashboard-recommendation-icon--green {
-    background: var(--success);
+.directorist-te-dashboard-recommendation-icon img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
 }
 
-.directorist-te-dashboard-recommendation-icon--orange {
-    background: #f08a24;
+.directorist-te-dashboard-recommendations__grid h3 {
+  margin: 0;
+  color: var(--text);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.35;
 }
 
-.directorist-te-dashboard-recommendation-icon--violet {
-    background: #7c5cff;
+.directorist-te-dashboard-recommendations__grid p {
+  flex: 1;
+  margin: 0 0 12px;
+  color: var(--muted);
+  font-size: 12px;
+  line-height: 1.45;
 }
 
-.directorist-te-dashboard-recommendations__grid h3 {
-    margin: 0;
-    color: var(--text);
-    font-size: 13px;
-    font-weight: 600;
-    line-height: 1.35;
+.directorist-te-dashboard-recommendation__footer {
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  gap: 10px;
 }
 
-.directorist-te-dashboard-recommendations__grid p {
-    flex: 1;
-    margin: 0 0 12px;
-    color: var(--muted);
-    font-size: 12px;
-    line-height: 1.45;
+.directorist-te-dashboard-recommendation__status {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--muted);
+  font-size: 11.5px;
+  font-weight: 500;
 }
 
-.directorist-te-dashboard-recommendations__grid .directorist-te-btn {
-    align-self: flex-start;
-    min-height: 32px;
-    padding: 8px 16px;
-    border-color: transparent;
-    background: var(--accent-tint);
-    color: var(--accent);
+.directorist-te-dashboard-recommendation__status i {
+  width: 7px;
+  height: 7px;
+  flex: 0 0 7px;
+  border-radius: 50%;
+  background: var(--faint);
+}
+
+.directorist-te-dashboard-recommendation__status--active i {
+  background: var(--success);
+}
+
+.directorist-te-dashboard-recommendation__status--installed i {
+  background: var(--info);
+}
+
+.directorist-te-dashboard-recommendation__status--not-installed i {
+  background: var(--warning);
+}
+
+.directorist-te-dashboard-recommendation__footer .directorist-te-btn {
+  align-self: center;
+  margin-left: auto;
+  min-height: 32px;
+  padding: 8px 16px;
+  border-color: transparent;
+  background: var(--accent-tint);
+  color: var(--accent);
+}
+
+@keyframes directoristTeRecommendationIn {
+  from {
+    opacity: 0;
+    transform: translateX(6px);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .directorist-te-dashboard-recommendation {
+    animation: none;
+  }
 }
 
 .directorist-te-dashboard-footer {
-    display: flex;
-    justify-content: center;
-    gap: 7px;
-    margin: 22px 0 0;
-    padding-top: 22px;
-    border-top: 1px solid var(--border);
-    color: var(--faint);
-    font-size: 12px;
-    text-align: center;
+  display: flex;
+  justify-content: center;
+  gap: 7px;
+  margin: 22px 0 0;
+  padding-top: 22px;
+  border-top: 1px solid var(--border);
+  color: var(--faint);
+  font-size: 12px;
+  text-align: center;
 }
 
 .directorist-te-dashboard-footer a {
-    color: var(--accent);
-    font-weight: 600;
-    text-decoration: none;
+  color: var(--accent);
+  font-weight: 600;
+  text-decoration: none;
 }
 
 .directorist-te-update-banner {
-    gap: 13px;
-    margin: 0 0 16px;
-    padding: 13px 16px;
-    border: 1px solid #f5d9a8;
-    border-radius: var(--r-md);
-    background: linear-gradient(90deg, var(--warning-tint), #fff8ee);
+  gap: 13px;
+  margin: 0 0 16px;
+  padding: 13px 16px;
+  border: 1px solid #f5d9a8;
+  border-radius: var(--r-md);
+  background: linear-gradient(90deg, var(--warning-tint), #fff8ee);
 }
 
 .directorist-te-update-icon {
-    width: 36px;
-    height: 36px;
-    display: grid;
-    place-items: center;
-    flex: 0 0 auto;
-    border-radius: 9px;
-    background: linear-gradient(135deg, #f59e0b, #f97316);
-    color: #fff;
-    font-size: 20px;
+  width: 36px;
+  height: 36px;
+  display: grid;
+  place-items: center;
+  flex: 0 0 auto;
+  border-radius: 9px;
+  background: linear-gradient(135deg, #f59e0b, #f97316);
+  color: #fff;
+  font-size: 20px;
 }
 
 .directorist-te-update-banner > div:nth-child(2) {
-    min-width: 0;
-    flex: 1;
+  min-width: 0;
+  flex: 1;
 }
 
 .directorist-te-update-banner h2 {
-    margin: 0;
-    color: var(--text);
-    font-size: 13.5px;
-    font-weight: 600;
-    line-height: 1.35;
+  margin: 0;
+  color: var(--text);
+  font-size: 13.5px;
+  font-weight: 600;
+  line-height: 1.35;
 }
 
 .directorist-te-update-banner p {
-    margin: 2px 0 0;
-    color: var(--muted);
-    font-size: 12.5px;
-    line-height: 1.4;
+  margin: 2px 0 0;
+  color: var(--muted);
+  font-size: 12.5px;
+  line-height: 1.4;
 }
 
 .directorist-te-toolbar {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 .directorist-te-toolbar-main {
-    display: flex;
-    align-items: flex-end;
-    justify-content: space-between;
-    gap: 18px;
-    margin-bottom: 16px;
-    border-bottom: 1px solid var(--border);
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 18px;
+  margin-bottom: 16px;
+  border-bottom: 1px solid var(--border);
 }
 
 .directorist-te-tabs {
-    flex: 1 1 auto;
-    gap: 0;
-    margin-bottom: 0;
-    overflow-x: auto;
-    border-bottom: 0;
+  flex: 1 1 auto;
+  gap: 0;
+  margin-bottom: 0;
+  overflow-x: auto;
+  border-bottom: 0;
 }
 
 .directorist-te-tab {
-    position: relative;
-    min-height: 42px;
-    margin-right: 26px;
-    padding: 11px 2px;
-    border: 0;
-    border-radius: 0;
-    background: transparent;
-    color: var(--muted);
-    font-size: 15px;
-    font-weight: 600;
+  position: relative;
+  min-height: 42px;
+  margin-right: 26px;
+  padding: 11px 2px;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--muted);
+  font-size: 15px;
+  font-weight: 600;
 }
 
 .directorist-te-tab::after {
-    position: absolute;
-    right: 0;
-    bottom: -1px;
-    left: 0;
-    height: 3px;
-    border-radius: 3px 3px 0 0;
-    background: transparent;
-    content: "";
+  position: absolute;
+  right: 0;
+  bottom: -1px;
+  left: 0;
+  height: 3px;
+  border-radius: 3px 3px 0 0;
+  background: transparent;
+  content: "";
 }
 
 .directorist-te-tab.is-active {
-    color: var(--accent);
+  color: var(--accent);
 }
 
 .directorist-te-tab.is-active::after {
-    background: var(--accent);
+  background: var(--accent);
 }
 
 .directorist-te-tab span,
 .directorist-te-segmented span {
-    color: var(--faint);
-    font-size: 12px;
-    font-weight: 700;
+  color: var(--faint);
+  font-size: 12px;
+  font-weight: 700;
 }
 
 .directorist-te-tab.is-active span,
 .directorist-te-segmented button.is-active span {
-    color: var(--accent);
+  color: var(--accent);
+}
+
+.directorist-te-segmented .directorist-te-status-count,
+.directorist-te-segmented .directorist-te-update-count {
+  min-width: 16px;
+  height: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1px 6px;
+  border-radius: 99px;
+  font-size: 10px;
+  line-height: 1;
+}
+
+.directorist-te-segmented .directorist-te-status-count {
+  background: #e8edf7;
+  color: var(--muted);
+}
+
+.directorist-te-segmented button.is-active .directorist-te-status-count {
+  background: #e8edff;
+  color: var(--accent);
+}
+
+.directorist-te-segmented .directorist-te-status-count--required,
+.directorist-te-segmented
+  button.is-active
+  .directorist-te-status-count--required {
+  background: #ffedd5;
+  color: #c2410c;
 }
 
 .directorist-te-segmented .directorist-te-update-count,
 .directorist-te-segmented button.is-active .directorist-te-update-count {
-    min-width: 16px;
-    height: 16px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1px 6px;
-    border-radius: 99px;
-    background: var(--warning);
-    color: #fff;
-    font-size: 10px;
+  background: var(--warning);
+  color: #fff;
 }
 
 .directorist-te-toolbar-row {
-    justify-content: space-between;
-    gap: 12px;
-    flex-wrap: wrap;
-    margin-bottom: 20px;
+  justify-content: space-between;
+  gap: 12px;
+  flex-wrap: wrap;
+  margin-bottom: 20px;
 }
 
 .directorist-te-toolbar-row--filters {
-    align-items: center;
-    justify-content: flex-start;
+  align-items: center;
+  justify-content: flex-start;
 }
 
 .directorist-te-toolbar-catalog {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 12px;
-    margin-left: auto;
-    padding-bottom: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-left: auto;
+  padding-bottom: 8px;
 }
 
 .directorist-te-toolbar-search {
-    width: 260px;
-    flex: 0 0 260px;
+  width: 260px;
+  flex: 0 0 260px;
 }
 
 .directorist-te-segmented {
-    gap: 2px;
-    padding: 3px;
-    border: 1px solid var(--border);
-    border-radius: 999px;
-    background: var(--bg-soft);
+  gap: 2px;
+  padding: 3px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: var(--bg-soft);
 }
 
 .directorist-te-segmented button {
-    min-height: 29px;
-    padding: 6px 13px;
-    border: 0;
-    border-radius: 999px;
-    background: transparent;
-    color: var(--muted);
-    font-size: 12.5px;
-    font-weight: 500;
+  min-height: 29px;
+  padding: 6px 13px;
+  border: 0;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--muted);
+  font-size: 12.5px;
+  font-weight: 500;
 }
 
 .directorist-te-segmented button.is-active {
-    background: var(--surface);
-    color: var(--accent);
-    box-shadow: var(--shadow);
+  background: var(--surface);
+  color: var(--accent);
+  box-shadow: var(--shadow);
 }
 
 .directorist-te-count {
-    color: var(--muted);
-    font-size: 12.5px;
+  color: var(--muted);
+  font-size: 12.5px;
 }
 
 .directorist-te-products {
-    padding: 0;
+  padding: 0;
 }
 
 .directorist-te-legacy-bulk {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
 }
 
 .directorist-te-bulkbar {
-    position: sticky;
-    top: 94px;
-    z-index: 35;
-    gap: 14px;
-    margin-bottom: 16px;
-    padding: 11px 14px;
-    border: 1px solid var(--border-card);
-    border-radius: var(--r-md);
-    background: var(--surface);
-    box-shadow: var(--shadow-pop);
+  position: sticky;
+  top: 94px;
+  z-index: 35;
+  gap: 14px;
+  margin-bottom: 16px;
+  padding: 11px 14px;
+  border: 1px solid var(--border-card);
+  border-radius: var(--r-md);
+  background: var(--surface);
+  box-shadow: var(--shadow-pop);
 }
 
 .directorist-te-bulkbar[hidden] {
-    display: none !important;
+  display: none !important;
 }
 
 .directorist-te-selected-count {
-    color: var(--text);
-    font-size: 13px;
-    font-weight: 600;
-    white-space: nowrap;
+  color: var(--text);
+  font-size: 13px;
+  font-weight: 600;
+  white-space: nowrap;
 }
 
 .directorist-te-bulkbar__sep {
-    width: 1px;
-    height: 22px;
-    flex-shrink: 0;
-    background: var(--border);
+  width: 1px;
+  height: 22px;
+  flex-shrink: 0;
+  background: var(--border);
 }
 
 .directorist-te-bulkbar__empty {
-    color: var(--muted);
-    font-size: 12.5px;
+  color: var(--muted);
+  font-size: 12.5px;
 }
 
 .directorist-te-bulkbar__notice {
-    color: var(--muted);
-    font-size: 12px;
+  color: var(--muted);
+  font-size: 12px;
 }
 
 .directorist-te-bulkbar__empty[hidden],
 .directorist-te-bulkbar__notice[hidden] {
-    display: none !important;
+  display: none !important;
 }
 
 .directorist-te-bulk-action {
-    min-height: 31px;
-    padding: 6px 10px;
-    font-size: 12.5px;
+  min-height: 31px;
+  padding: 6px 10px;
+  font-size: 12.5px;
 }
 
 .directorist-te-bulk-action__count {
-    min-width: 16px;
-    height: 16px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 5px;
-    border-radius: 999px;
-    background: var(--accent-tint);
-    color: var(--accent);
-    font-size: 10px;
-    font-weight: 700;
-    line-height: 16px;
+  min-width: 16px;
+  height: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 5px;
+  border-radius: 999px;
+  background: var(--accent-tint);
+  color: var(--accent);
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 16px;
 }
 
 .directorist-te-bulk-action--danger .directorist-te-bulk-action__count {
-    background: var(--danger-tint);
-    color: var(--danger);
+  background: var(--danger-tint);
+  color: var(--danger);
 }
 
 .directorist-te-bulk-action--danger:hover,
 .directorist-te-bulk-action--danger:focus {
-    border-color: var(--danger);
-    background: var(--danger-tint);
-    color: var(--danger);
+  border-color: var(--danger);
+  background: var(--danger-tint);
+  color: var(--danger);
 }
 
 .directorist-te-bulk-clear {
-    min-height: 31px;
-    margin-left: auto;
-    padding: 6px 10px;
-    border: 0;
-    background: transparent;
-    color: var(--muted);
-    font-size: 13px;
-    font-weight: 500;
+  min-height: 31px;
+  margin-left: auto;
+  padding: 6px 10px;
+  border: 0;
+  background: transparent;
+  color: var(--muted);
+  font-size: 13px;
+  font-weight: 500;
 }
 
 .directorist-te-bulk-clear:hover,
 .directorist-te-bulk-clear:focus {
-    background: var(--bg-soft);
-    color: var(--text);
-    outline: none;
+  background: var(--bg-soft);
+  color: var(--text);
+  outline: none;
 }
 
 .directorist-te-list {
-    display: block;
-    overflow: hidden;
-    border: 1px solid var(--border-card);
-    border-radius: var(--r-md);
-    background: var(--surface);
-    box-shadow: var(--shadow);
+  display: block;
+  overflow: hidden;
+  border: 1px solid var(--border-card);
+  border-radius: var(--r-md);
+  background: var(--surface);
+  box-shadow: var(--shadow);
 }
 
 .directorist-te-list-head,
 .directorist-te-row {
-    display: grid;
-    grid-template-columns: 22px 40px minmax(0, 1fr) 150px 300px;
-    align-items: center;
-    gap: 14px;
+  display: grid;
+  grid-template-columns: 22px 40px minmax(0, 1fr) 150px 300px;
+  align-items: center;
+  gap: 14px;
 }
 
 .directorist-te-list-head {
-    min-height: 41px;
-    padding: 10px 18px;
-    border-bottom: 1px solid var(--border-soft);
-    background: var(--bg-soft);
-    color: var(--faint);
-    font-size: 10px;
-    font-weight: 700;
-    line-height: 1;
-    text-transform: uppercase;
+  min-height: 41px;
+  padding: 10px 18px;
+  border-bottom: 1px solid var(--border-soft);
+  background: var(--bg-soft);
+  color: var(--faint);
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 1;
+  text-transform: uppercase;
 }
 
 .directorist-te-list-head__addon {
-    grid-column: 3;
+  grid-column: 3;
 }
 
 .directorist-te-list-head__status {
-    grid-column: 4;
+  grid-column: 4;
 }
 
 .directorist-te-page--disconnected .directorist-te-list-head,
 .directorist-te-page--disconnected .directorist-te-row {
-    grid-template-columns: 40px minmax(0, 1fr) 150px 180px;
+  grid-template-columns: 40px minmax(0, 1fr) 150px 180px;
 }
 
-.directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] {
-    grid-template-columns: 64px minmax(0, 1fr) 150px 180px;
+.directorist-te-page--disconnected
+  .directorist-te-row[data-product-type="theme"] {
+  grid-template-columns: 64px minmax(0, 1fr) 150px 180px;
 }
 
 .directorist-te-page--disconnected .directorist-te-list-head__addon {
-    grid-column: 1 / 3;
+  grid-column: 1 / 3;
 }
 
 .directorist-te-page--disconnected .directorist-te-list-head__status {
-    grid-column: 3;
+  grid-column: 3;
 }
 
 .directorist-te-row {
-    min-height: 66px;
-    padding: 12px 18px;
-    background: var(--surface);
-    transition: background 0.12s ease, box-shadow 0.12s ease;
+  min-height: 66px;
+  padding: 12px 18px;
+  background: var(--surface);
+  transition:
+    background 0.12s ease,
+    box-shadow 0.12s ease;
 }
 
 .directorist-te-row + .directorist-te-row,
 .directorist-te-row + .directorist-te-empty--filter {
-    border-top: 1px solid var(--border-soft);
+  border-top: 1px solid var(--border-soft);
 }
 
 .directorist-te-row:hover {
-    background: var(--bg-soft);
+  background: var(--bg-soft);
 }
 
 .directorist-te-row.selected {
-    box-shadow: inset 3px 0 0 var(--accent);
+  box-shadow: inset 3px 0 0 var(--accent);
 }
 
 .directorist-te-row__select {
-    width: 22px;
-    min-width: 22px;
+  width: 22px;
+  min-width: 22px;
 }
 
 .directorist-te-checkbox {
-    position: relative;
-    width: 20px;
-    height: 20px;
-    display: inline-grid;
-    place-items: center;
-    margin: 0;
-    border: 2px solid #cbd5e1;
-    border-radius: 5px;
-    background: var(--surface);
-    cursor: pointer;
+  position: relative;
+  width: 20px;
+  height: 20px;
+  display: inline-grid;
+  place-items: center;
+  margin: 0;
+  border: 2px solid #cbd5e1;
+  border-radius: 5px;
+  background: var(--surface);
+  cursor: pointer;
 }
 
 .directorist-te-checkbox input {
-    position: absolute;
-    inset: -2px;
-    width: 20px;
-    height: 20px;
-    margin: 0;
-    opacity: 0;
-    cursor: pointer;
+  position: absolute;
+  inset: -2px;
+  width: 20px;
+  height: 20px;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
 }
 
 .directorist-te-checkbox i {
-    color: #fff;
-    font-size: 13px;
-    line-height: 1;
-    opacity: 0;
+  color: #fff;
+  font-size: 13px;
+  line-height: 1;
+  opacity: 0;
 }
 
 .directorist-te-checkbox--disabled {
-    border-color: var(--border);
-    background: var(--bg-soft);
-    cursor: not-allowed;
-    opacity: 0.58;
+  border-color: var(--border);
+  background: var(--bg-soft);
+  cursor: not-allowed;
+  opacity: 0.58;
 }
 
 .directorist-te-checkbox--disabled input {
-    cursor: not-allowed;
+  cursor: not-allowed;
 }
 
 .directorist-te-checkbox:has(input:checked),
 .directorist-te-checkbox.is-checked {
-    border-color: var(--accent);
-    background: var(--accent);
+  border-color: var(--accent);
+  background: var(--accent);
 }
 
 .directorist-te-checkbox:has(input:checked) i,
 .directorist-te-checkbox.is-checked i {
-    opacity: 1;
+  opacity: 1;
 }
 
 .directorist-te-row__media {
-    width: 40px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    border-radius: var(--r-md);
-    background: var(--line);
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: var(--r-md);
+  background: var(--line);
 }
 
 .directorist-te-row__media img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
-.directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] .directorist-te-row__media {
-    width: 64px;
-    height: 42px;
+.directorist-te-page--disconnected
+  .directorist-te-row[data-product-type="theme"]
+  .directorist-te-row__media {
+  width: 64px;
+  height: 42px;
 }
 
 .directorist-te-row__content {
-    min-width: 0;
+  min-width: 0;
 }
 
 .directorist-te-row__title {
-    gap: 8px;
-    min-width: 0;
+  gap: 8px;
+  min-width: 0;
 }
 
 .directorist-te-row__title h2 {
-    min-width: 0;
-    margin: 0;
-    overflow: hidden;
-    color: var(--text);
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 1.3;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  min-width: 0;
+  margin: 0;
+  overflow: hidden;
+  color: var(--text);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.3;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .directorist-te-version {
-    color: var(--faint);
-    font-size: 12px;
-    white-space: nowrap;
+  color: var(--faint);
+  font-size: 12px;
+  white-space: nowrap;
 }
 
 .directorist-te-row__content p {
-    margin: 3px 0 0;
-    overflow: hidden;
-    color: var(--muted);
-    font-size: 12.5px;
-    line-height: 1.4;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  margin: 3px 0 0;
+  overflow: hidden;
+  color: var(--muted);
+  font-size: 12.5px;
+  line-height: 1.4;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .directorist-te-page .directorist-te-search-highlight {
-    padding: 0 1px;
-    border-radius: 3px;
-    color: inherit;
-    background: #fef3c7;
-    font: inherit;
+  padding: 0 1px;
+  border-radius: 3px;
+  color: inherit;
+  background: #fef3c7;
+  font: inherit;
 }
 
 .directorist-te-type,
 .directorist-te-badge {
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
-    min-height: 18px;
-    padding: 2px 7px;
-    border-radius: 5px;
-    background: var(--line);
-    color: var(--muted);
-    font-size: 10px;
-    font-weight: 700;
-    line-height: 1;
-    text-transform: uppercase;
-    white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+  min-height: 18px;
+  padding: 2px 7px;
+  border-radius: 5px;
+  background: var(--line);
+  color: var(--muted);
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 1;
+  text-transform: uppercase;
+  white-space: nowrap;
 }
 
 .directorist-te-type--theme,
 .directorist-te-type--directorist-theme {
-    color: #166534;
-    background: #dcfce7;
+  color: #166534;
+  background: #dcfce7;
 }
 
 .directorist-te-type--wordpress-theme {
-    color: #475569;
-    background: #f1f5f9;
+  color: #475569;
+  background: #f1f5f9;
 }
 
 .directorist-te-badge {
-    min-height: 15px;
-    padding: 1px 5px;
-    border-radius: 4px;
-    color: #64748b;
-    background: #f8fafc;
-    font-size: 8.5px;
-    font-weight: 700;
+  min-height: 15px;
+  padding: 1px 5px;
+  border-radius: 4px;
+  color: #64748b;
+  background: #f8fafc;
+  font-size: 8.5px;
+  font-weight: 700;
 }
 
 .directorist-te-badge--new {
-    color: #2563eb;
-    background: #eff6ff;
+  color: #2563eb;
+  background: #eff6ff;
 }
 
 .directorist-te-badge--trending {
-    color: #7c3aed;
-    background: #f5f3ff;
+  color: #7c3aed;
+  background: #f5f3ff;
 }
 
 .directorist-te-badge--popular {
-    color: #059669;
-    background: #ecfdf5;
+  color: #059669;
+  background: #ecfdf5;
 }
 
 .directorist-te-row__status {
-    min-width: 0;
+  min-width: 0;
 }
 
 .directorist-te-status {
-    display: inline-flex;
-    align-items: center;
-    gap: 7px;
-    max-width: 100%;
-    color: var(--muted);
-    font-size: 12.5px;
-    font-weight: 500;
-    line-height: 1.3;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  max-width: 100%;
+  color: var(--muted);
+  font-size: 12.5px;
+  font-weight: 500;
+  line-height: 1.3;
 }
 
 .directorist-te-status::before {
-    width: 8px;
-    height: 8px;
-    flex: 0 0 auto;
-    border-radius: 50%;
-    background: var(--faint);
-    content: "";
+  width: 8px;
+  height: 8px;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  background: var(--faint);
+  content: "";
 }
 
 .directorist-te-status--active::before {
-    background: var(--success);
+  background: var(--success);
 }
 
 .directorist-te-status--installed::before {
-    background: #0ea5b7;
+  background: #0ea5b7;
 }
 
 .directorist-te-status--update {
-    color: var(--warning);
-    font-weight: 600;
+  color: var(--warning);
+  font-weight: 600;
 }
 
 .directorist-te-status--update::before,
 .directorist-te-status--required::before {
-    background: var(--warning);
+  background: var(--warning);
 }
 
 .directorist-te-status--not-installed::before,
 .directorist-te-status--marketplace::before {
-    background: #cbd5e1;
+  background: #cbd5e1;
 }
 
 .directorist-te-row__actions {
-    justify-content: flex-end;
-    gap: 8px;
-    min-width: 0;
+  justify-content: flex-end;
+  gap: 8px;
+  min-width: 0;
 }
 
 .directorist-te-row__actions > .directorist-te-btn {
-    min-width: 104px;
-    min-height: 31px;
-    padding: 6px 12px;
-    font-size: 12.5px;
+  min-width: 104px;
+  min-height: 31px;
+  padding: 6px 12px;
+  font-size: 12.5px;
 }
 
 .directorist-te-row__actions > .directorist-te-btn--details {
-    min-width: 96px;
+  min-width: 96px;
 }
 
 .directorist-te-row__actions > .directorist-te-btn--demo {
-    min-width: 64px;
+  min-width: 64px;
 }
 
 .directorist-te-menu {
-    position: relative;
-    flex: 0 0 auto;
+  position: relative;
+  flex: 0 0 auto;
 }
 
 .directorist-te-menu__items {
-    position: absolute;
-    top: calc(100% + 7px);
-    right: 0;
-    z-index: 50;
-    min-width: 184px;
-    display: none;
-    padding: 6px;
-    border: 1px solid var(--border);
-    border-radius: var(--r-sm);
-    background: var(--surface);
-    box-shadow: var(--shadow-pop);
+  position: absolute;
+  top: calc(100% + 7px);
+  right: 0;
+  z-index: 50;
+  min-width: 184px;
+  display: none;
+  padding: 6px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-sm);
+  background: var(--surface);
+  box-shadow: var(--shadow-pop);
 }
 
 .directorist-te-menu .ext-action-drop.active + .directorist-te-menu__items,
 .directorist-te-menu__items.is-open {
-    display: grid;
-    gap: 2px;
+  display: grid;
+  gap: 2px;
 }
 
 .directorist-te-menu-link {
-    min-height: 34px;
-    display: flex;
-    align-items: center;
-    padding: 0 10px;
-    border-radius: var(--r-xs);
-    color: var(--text);
-    font-size: 13px;
-    font-weight: 500;
-    text-decoration: none;
+  min-height: 34px;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  border-radius: var(--r-xs);
+  color: var(--text);
+  font-size: 13px;
+  font-weight: 500;
+  text-decoration: none;
 }
 
 .directorist-te-menu-link:hover,
 .directorist-te-menu-link:focus {
-    background: var(--bg-soft);
-    color: var(--accent);
-    outline: none;
+  background: var(--bg-soft);
+  color: var(--accent);
+  outline: none;
 }
 
 .directorist-te-menu-link--danger:hover,
 .directorist-te-menu-link--danger:focus {
-    background: var(--danger-tint);
-    color: var(--danger);
+  background: var(--danger-tint);
+  color: var(--danger);
 }
 
 .directorist-te-empty {
-    padding: 42px 18px;
-    text-align: center;
-    background: var(--surface);
+  padding: 42px 18px;
+  text-align: center;
+  background: var(--surface);
 }
 
 .directorist-te-empty--filter {
-    display: none;
+  display: none;
 }
 
 .directorist-te-empty--filter.is-visible {
-    display: block;
+  display: block;
 }
 
 .directorist-te-empty > i {
-    display: block;
-    margin-bottom: 8px;
-    color: var(--faint);
-    font-size: 28px;
+  display: block;
+  margin-bottom: 8px;
+  color: var(--faint);
+  font-size: 28px;
 }
 
 .directorist-te-empty h2 {
-    text-align: center;
+  text-align: center;
 }
 
 .directorist-te-empty p {
-    text-align: center;
+  text-align: center;
 }
 
 .directorist-te-empty-reset {
-    margin: 14px auto 0;
+  margin: 14px auto 0;
 }
 
 .directorist-te-upsell {
-    justify-content: space-between;
-    gap: 20px;
-    margin: 16px 0 0;
-    padding: 22px 26px;
-    border-radius: var(--r-md);
-    background: linear-gradient(135deg, #111827, #1e293b);
-    color: #fff;
+  justify-content: space-between;
+  gap: 20px;
+  margin: 16px 0 0;
+  padding: 22px 26px;
+  border-radius: var(--r-md);
+  background: linear-gradient(135deg, #111827, #1e293b);
+  color: #fff;
 }
 
 .directorist-te-upsell h2,
 .directorist-te-upsell p {
-    color: #fff;
+  color: #fff;
 }
 
 .directorist-te-upsell p {
-    opacity: 0.78;
+  opacity: 0.78;
 }
 
 .directorist-te-upsell .directorist-te-btn {
-    border-color: #fff;
-    background: #fff;
-    color: #111827;
+  border-color: #fff;
+  background: #fff;
+  color: #111827;
 }
 
 .directorist-te-footer {
-    justify-content: center;
-    gap: 7px;
-    max-width: 1200px;
-    margin: 22px 0 0;
-    padding-top: 22px;
-    border-top: 1px solid var(--border);
-    color: var(--muted);
-    font-size: 12.5px;
-    text-align: center;
+  justify-content: center;
+  gap: 7px;
+  max-width: 1200px;
+  margin: 22px auto 0;
+  padding-top: 22px;
+  border-top: 1px solid var(--border);
+  color: var(--muted);
+  font-size: 12.5px;
+  text-align: center;
 }
 
 .directorist-te-footer a {
-    color: var(--accent);
-    text-decoration: none;
+  color: var(--accent);
+  text-decoration: none;
 }
 
 @media (max-width: 1120px) {
-    .directorist-te-top-search,
-    .directorist-te-header-icon {
-        display: none;
-    }
+  .directorist-te-list-head,
+  .directorist-te-row {
+    grid-template-columns: 22px 40px minmax(0, 1fr) 132px 270px;
+  }
 
-    .directorist-te-list-head,
-    .directorist-te-row {
-        grid-template-columns: 22px 40px minmax(0, 1fr) 132px 270px;
-    }
+  .directorist-te-page--disconnected .directorist-te-list-head,
+  .directorist-te-page--disconnected .directorist-te-row {
+    grid-template-columns: 40px minmax(0, 1fr) 132px 180px;
+  }
 
-    .directorist-te-page--disconnected .directorist-te-list-head,
-    .directorist-te-page--disconnected .directorist-te-row {
-        grid-template-columns: 40px minmax(0, 1fr) 132px 180px;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] {
-        grid-template-columns: 64px minmax(0, 1fr) 132px 180px;
-    }
+  .directorist-te-page--disconnected
+    .directorist-te-row[data-product-type="theme"] {
+    grid-template-columns: 64px minmax(0, 1fr) 132px 180px;
+  }
 }
 
 @media (max-width: 980px) {
-    .directorist-te-dashboard-metrics {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
+  .directorist-te-dashboard-metrics {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 
-    .directorist-te-dashboard-grid,
-    .directorist-te-dashboard-recommendations__grid {
-        grid-template-columns: minmax(0, 1fr);
-    }
+  .directorist-te-dashboard-grid,
+  .directorist-te-dashboard-recommendations__grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
 
-    .directorist-te-dashboard-recommendations__grid > div {
-        border-top: 1px solid var(--border-soft);
-        border-left: 0;
-        padding-left: 2px;
-    }
+  .directorist-te-dashboard-recommendation {
+    border-top: 1px solid var(--border-soft);
+    border-left: 0;
+    padding-left: 2px;
+  }
 
-    .directorist-te-dashboard-recommendations__grid > div:first-child {
-        border-top: 0;
-    }
+  .directorist-te-dashboard-recommendation:first-child {
+    border-top: 0;
+  }
+}
+
+@media (max-width: 600px) {
+  .directorist-te-activity-drawer {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .directorist-te-activity-drawer__backdrop {
+    display: none;
+  }
+
+  .directorist-te-activity-drawer__item {
+    grid-template-columns: 33px minmax(0, 1fr);
+  }
+
+  .directorist-te-activity-drawer__item .directorist-te-btn {
+    grid-column: 2;
+    justify-self: start;
+  }
 }
 
 @media (max-width: 960px) {
-    .directorist-te-connect {
-        grid-template-columns: 1fr;
-    }
+  .directorist-te-connect {
+    grid-template-columns: 1fr;
+  }
 }
 
 @media (max-width: 782px) {
-    .directorist-te-header {
-        top: 46px;
-    }
+  .directorist-te-header {
+    top: 46px;
+  }
 }
 
 @media (max-width: 720px) {
-    .directorist-te-shell {
-        margin: 20px 0 36px;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-header {
-        position: static;
-        top: auto;
-    }
-
-    .directorist-te-header {
-        height: auto;
-        min-height: 62px;
-        flex-wrap: wrap;
-        gap: 12px;
-        margin: 0;
-        padding: 12px 16px;
-    }
-
-    .directorist-te-page--connected .directorist-te-header {
-        align-items: flex-start;
-    }
-
-    .directorist-te-account-dropdown {
-        width: min(326px, calc(100vw - 36px));
-    }
-
-    .directorist-te-nav {
-        order: 3;
-        width: 100%;
-        overflow-x: auto;
-        flex-wrap: nowrap;
-    }
-
-    .directorist-te-page--connected .directorist-te-nav {
-        flex: 0 0 100%;
-        padding-top: 2px;
-    }
-
-    .directorist-te-dashboard {
-        margin-top: 20px;
-    }
-
-    .directorist-te-dashboard-welcome {
-        align-items: flex-start;
-        flex-direction: column;
-    }
-
-    .directorist-te-dashboard-welcome__actions {
-        width: 100%;
-        margin-left: 0;
-        flex-wrap: wrap;
-    }
-
-    .directorist-te-dashboard-recommendations__head {
-        align-items: flex-start;
-        flex-wrap: wrap;
-    }
-
-    .directorist-te-dashboard-recommendations__head span {
-        flex: 0 0 100%;
-        margin-left: 0;
-    }
-
-    .directorist-te-resource-links {
-        gap: 14px;
-        margin-left: auto;
-        overflow-x: auto;
-    }
-
-    .directorist-te-hero {
-        align-items: stretch;
-        flex-direction: column;
-        margin-top: 20px;
-    }
-
-    .directorist-te-search {
-        width: 100%;
-    }
-
-    .directorist-te-toolbar-search {
-        flex: 1 1 220px;
-        min-width: 0;
-    }
-
-    .directorist-te-connect,
+  .directorist-te-shell {
+    margin: 20px 0 36px;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-header {
+    position: static;
+    top: auto;
+  }
+
+  .directorist-te-header {
+    height: auto;
+    min-height: 62px;
+    flex-wrap: wrap;
+    gap: 12px;
+    margin: 0;
+    padding: 12px 16px;
+  }
+
+  .directorist-te-page--connected .directorist-te-header {
+    position: relative;
+    align-items: flex-start;
+  }
+
+  .directorist-te-page--connected .directorist-te-account-menu {
+    position: static;
+  }
+
+  .directorist-te-page--connected .directorist-te-top-right {
+    order: 2;
+    width: 100%;
+    justify-content: flex-end;
+  }
+
+  .directorist-te-page--connected .directorist-te-notification-menu {
+    position: static;
+  }
+
+  .directorist-te-page--connected .directorist-te-notification-dropdown {
+    left: auto;
+    right: 0;
+    width: min(340px, calc(100vw - 36px));
+  }
+
+  .directorist-te-page--connected
+    .directorist-te-notification-dropdown::before {
+    display: none;
+  }
+
+  .directorist-te-page--connected .directorist-te-account-dropdown {
+    left: auto;
+    right: 0;
+    width: min(360px, calc(100vw - 36px));
+  }
+
+  .directorist-te-page--connected .directorist-te-account-dropdown::before {
+    display: none;
+  }
+
+  .directorist-te-nav {
+    order: 3;
+    width: 100%;
+    overflow-x: auto;
+    flex-wrap: nowrap;
+  }
+
+  .directorist-te-page--connected .directorist-te-nav {
+    flex: 0 0 100%;
+    padding-top: 2px;
+  }
+
+  .directorist-te-dashboard {
+    margin-top: 20px;
+  }
+
+  .directorist-te-dashboard-welcome {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .directorist-te-dashboard-welcome__actions {
+    width: 100%;
+    margin-left: 0;
+    flex-wrap: wrap;
+  }
+
+  .directorist-te-dashboard-card__head--quick-actions {
+    align-items: flex-start;
+    flex-wrap: wrap;
+  }
+
+  .directorist-te-dashboard-directory-control {
+    flex: 0 0 100%;
+    margin-left: 27px;
+  }
+
+  .directorist-te-dashboard-recommendations__head {
+    align-items: flex-start;
+    flex-direction: column;
+    flex-wrap: wrap;
+  }
+
+  .directorist-te-dashboard-recommendations__tools {
+    width: 100%;
+    justify-content: space-between;
+  }
+
+  .directorist-te-resource-links {
+    gap: 14px;
+    margin-left: auto;
+    overflow-x: auto;
+  }
+
+  .directorist-te-hero {
+    align-items: stretch;
+    flex-direction: column;
+    margin-top: 20px;
+  }
+
+  .directorist-te-search {
+    width: 100%;
+  }
+
+  .directorist-te-toolbar-search {
+    flex: 1 1 220px;
+    min-width: 0;
+  }
+
+  .directorist-te-connect,
+  .directorist-te-connect.account-connect,
+  #directorist.atbd_wrapper.directorist-te-page
     .directorist-te-connect.account-connect,
-    #directorist.atbd_wrapper.directorist-te-page .directorist-te-connect.account-connect,
-    .directorist-te-update-banner,
-    .directorist-te-toolbar,
-    .directorist-te-upsell {
-        margin-right: 0;
-        margin-left: 0;
-    }
-
-    .directorist-te-toolbar-main {
-        align-items: stretch;
-        flex-direction: column;
-        gap: 12px;
-        margin-bottom: 14px;
-    }
-
-    .directorist-te-toolbar-catalog {
-        display: grid;
-        grid-template-columns: minmax(0, 1fr) auto;
-        width: 100%;
-        margin-left: 0;
-        padding-bottom: 12px;
-        justify-content: stretch;
-    }
-
-    .directorist-te-count {
-        align-self: center;
-        justify-self: end;
-        white-space: nowrap;
-    }
-
-    .directorist-te-products {
-        padding-right: 0;
-        padding-left: 0;
-    }
-
-    .directorist-te-update-banner,
-    .directorist-te-upsell {
-        align-items: stretch;
-        flex-direction: column;
-    }
-
-    .directorist-te-field-row {
-        grid-template-columns: 1fr;
-    }
-
-    .directorist-te-refresh-form {
-        width: 100%;
-    }
-
-    .directorist-te-bulkbar {
-        top: 108px;
-        flex-wrap: wrap;
-    }
-
-    .directorist-te-bulk-clear {
-        margin-left: 0;
-    }
-
-    .directorist-te-list-head,
-    .directorist-te-row {
-        grid-template-columns: 22px 36px minmax(0, 1fr) auto;
-        gap: 12px;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-list-head,
-    .directorist-te-page--disconnected .directorist-te-row {
-        grid-template-columns: 36px minmax(0, 1fr) auto;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] {
-        grid-template-columns: 64px minmax(0, 1fr) auto;
-    }
-
-    .directorist-te-list-head__status,
-    .directorist-te-row__status {
-        display: none;
-    }
+  .directorist-te-update-banner,
+  .directorist-te-toolbar,
+  .directorist-te-upsell {
+    margin-right: 0;
+    margin-left: 0;
+  }
 
-    .directorist-te-row__media {
-        width: 36px;
-        height: 36px;
-    }
+  .directorist-te-toolbar-main {
+    align-items: stretch;
+    flex-direction: column;
+    gap: 12px;
+    margin-bottom: 14px;
+  }
 
-    .directorist-te-row__actions {
-        justify-content: flex-end;
-    }
+  .directorist-te-toolbar-catalog {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    width: 100%;
+    margin-left: 0;
+    padding-bottom: 12px;
+    justify-content: stretch;
+  }
+
+  .directorist-te-count {
+    align-self: center;
+    justify-self: end;
+    white-space: nowrap;
+  }
+
+  .directorist-te-products {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  .directorist-te-update-banner,
+  .directorist-te-upsell {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .directorist-te-field-row {
+    grid-template-columns: 1fr;
+  }
+
+  .directorist-te-refresh-form {
+    width: 100%;
+  }
 
-    .directorist-te-row__actions > .directorist-te-btn {
-        min-width: 0;
-    }
+  .directorist-te-bulkbar {
+    top: 108px;
+    flex-wrap: wrap;
+  }
+
+  .directorist-te-bulk-clear {
+    margin-left: 0;
+  }
+
+  .directorist-te-list-head,
+  .directorist-te-row {
+    grid-template-columns: 22px 36px minmax(0, 1fr) auto;
+    gap: 12px;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-list-head,
+  .directorist-te-page--disconnected .directorist-te-row {
+    grid-template-columns: 36px minmax(0, 1fr) auto;
+  }
+
+  .directorist-te-page--disconnected
+    .directorist-te-row[data-product-type="theme"] {
+    grid-template-columns: 64px minmax(0, 1fr) auto;
+  }
+
+  .directorist-te-list-head__status,
+  .directorist-te-row__status {
+    display: none;
+  }
+
+  .directorist-te-row__media {
+    width: 36px;
+    height: 36px;
+  }
+
+  .directorist-te-row__actions {
+    justify-content: flex-end;
+  }
+
+  .directorist-te-row__actions > .directorist-te-btn {
+    min-width: 0;
+  }
 }
 
 @media (max-width: 520px) {
-    .directorist-te-nav {
-        gap: 2px;
-    }
-
-    .directorist-te-nav a,
-    .directorist-te-nav button {
-        padding: 7px 6px;
-        font-size: 12px;
-    }
-
-    .directorist-te-dashboard-metrics {
-        grid-template-columns: minmax(0, 1fr);
-    }
-
-    .directorist-te-dashboard-welcome,
-    .directorist-te-dashboard-nudge,
-    .directorist-te-dashboard-recommendations {
-        padding-right: 14px;
-        padding-left: 14px;
-    }
-
-    .directorist-te-dashboard-welcome__actions .directorist-te-btn {
-        width: 100%;
-    }
-
-    .directorist-te-dashboard-nudge__top {
-        align-items: flex-start;
-    }
-
-    .directorist-te-dashboard-activity > div {
-        grid-template-columns: 33px minmax(0, 1fr);
-    }
-
-    .directorist-te-dashboard-activity .directorist-te-btn {
-        grid-column: 2;
-        justify-self: flex-start;
-        align-self: flex-start;
-    }
-
-    .directorist-te-dashboard-action em {
-        white-space: normal;
-    }
-
-    .directorist-te-list-head,
-    .directorist-te-row {
-        grid-template-columns: 22px minmax(0, 1fr);
-    }
-
-    .directorist-te-page--disconnected .directorist-te-list-head,
-    .directorist-te-page--disconnected .directorist-te-row {
-        grid-template-columns: minmax(0, 1fr);
-    }
-
-    .directorist-te-list-head {
-        padding-right: 14px;
-        padding-left: 14px;
-    }
-
-    .directorist-te-list-head__addon {
-        grid-column: 2;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-list-head__addon {
-        grid-column: 1;
-    }
-
-    .directorist-te-row {
-        padding-right: 14px;
-        padding-left: 14px;
-    }
+  .directorist-te-nav {
+    gap: 2px;
+  }
+
+  .directorist-te-nav a,
+  .directorist-te-nav button {
+    padding: 7px 6px;
+    font-size: 12px;
+  }
+
+  .directorist-te-dashboard-metrics {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .directorist-te-dashboard-welcome,
+  .directorist-te-dashboard-nudge,
+  .directorist-te-dashboard-recommendations {
+    padding-right: 14px;
+    padding-left: 14px;
+  }
+
+  .directorist-te-dashboard-recommendations__tools {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .directorist-te-recommendation-directory-controls {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .directorist-te-recommendation-directory-controls
+    .directorist-te-recommendation-directory-select {
+    min-width: 0;
+    flex: 1 1 auto;
+    max-width: none;
+  }
 
+  .directorist-te-dashboard-welcome__actions .directorist-te-btn {
+    width: 100%;
+  }
+
+  .directorist-te-dashboard-directory-control {
+    align-items: stretch;
+    flex-direction: column;
+    gap: 5px;
+    margin-left: 0;
+  }
+
+  .directorist-te-dashboard-directory-control select {
+    width: 100%;
+    max-width: none;
+  }
+
+  .directorist-te-dashboard-nudge__top {
+    align-items: flex-start;
+  }
+
+  .directorist-te-dashboard-activity > article {
+    grid-template-columns: 33px minmax(0, 1fr);
+  }
+
+  .directorist-te-dashboard-activity-summary {
+    white-space: normal;
+  }
+
+  .directorist-te-dashboard-activity .directorist-te-btn {
+    grid-column: 2;
+    justify-self: flex-start;
+    align-self: flex-start;
+  }
+
+  .directorist-te-dashboard-action em {
+    white-space: normal;
+  }
+
+  .directorist-te-list-head,
+  .directorist-te-row {
+    grid-template-columns: 22px minmax(0, 1fr);
+  }
+
+  .directorist-te-page--disconnected .directorist-te-list-head,
+  .directorist-te-page--disconnected .directorist-te-row {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .directorist-te-list-head {
+    padding-right: 14px;
+    padding-left: 14px;
+  }
+
+  .directorist-te-list-head__addon {
+    grid-column: 2;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-list-head__addon {
+    grid-column: 1;
+  }
+
+  .directorist-te-row {
+    padding-right: 14px;
+    padding-left: 14px;
+  }
+
+  .directorist-te-row__media {
+    display: none;
+  }
+
+  .directorist-te-row__content,
+  .directorist-te-row__actions {
+    grid-column: 2;
+  }
+
+  .directorist-te-page--connected .directorist-te-row__title {
+    align-items: flex-start;
+    flex-wrap: wrap;
+  }
+
+  .directorist-te-page--connected .directorist-te-row__title h2 {
+    flex: 0 0 100%;
+    overflow: visible;
+    text-overflow: clip;
+    white-space: normal;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-row__content,
+  .directorist-te-page--disconnected .directorist-te-row__actions {
+    grid-column: 1;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-row {
+    grid-template-columns: 40px minmax(0, 1fr);
+    align-items: start;
+    row-gap: 10px;
+  }
+
+  .directorist-te-page--disconnected
+    .directorist-te-row[data-product-type="theme"] {
+    grid-template-columns: 64px minmax(0, 1fr);
+  }
+
+  .directorist-te-page--disconnected .directorist-te-row__media {
+    grid-column: 1;
+    display: flex;
+  }
+
+  .directorist-te-page--disconnected
+    .directorist-te-row[data-product-type="theme"]
     .directorist-te-row__media {
-        display: none;
-    }
+    width: 64px;
+    height: 42px;
+  }
 
-    .directorist-te-row__content,
-    .directorist-te-row__actions {
-        grid-column: 2;
-    }
-
-    .directorist-te-page--connected .directorist-te-row__title {
-        align-items: flex-start;
-        flex-wrap: wrap;
-    }
-
-    .directorist-te-page--connected .directorist-te-row__title h2 {
-        flex: 0 0 100%;
-        overflow: visible;
-        text-overflow: clip;
-        white-space: normal;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row__content,
-    .directorist-te-page--disconnected .directorist-te-row__actions {
-        grid-column: 1;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row {
-        grid-template-columns: 40px minmax(0, 1fr);
-        align-items: start;
-        row-gap: 10px;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] {
-        grid-template-columns: 64px minmax(0, 1fr);
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row__media {
-        grid-column: 1;
-        display: flex;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] .directorist-te-row__media {
-        width: 64px;
-        height: 42px;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row__content {
-        grid-column: 2;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row__title {
-        align-items: flex-start;
-        flex-wrap: wrap;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row__title h2 {
-        white-space: normal;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row__actions {
-        grid-column: 1 / -1;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row__actions > .directorist-te-btn {
-        width: 100%;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] .directorist-te-row__actions {
-        display: grid;
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-        width: 100%;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-row[data-product-type="theme"] .directorist-te-row__actions > .directorist-te-btn {
-        width: 100%;
-    }
+  .directorist-te-page--disconnected .directorist-te-row__content {
+    grid-column: 2;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-row__title {
+    align-items: flex-start;
+    flex-wrap: wrap;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-row__title h2 {
+    white-space: normal;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-row__actions {
+    grid-column: 1 / -1;
+  }
+
+  .directorist-te-page--disconnected
+    .directorist-te-row__actions
+    > .directorist-te-btn {
+    width: 100%;
+  }
 
+  .directorist-te-page--disconnected
+    .directorist-te-row[data-product-type="theme"]
     .directorist-te-row__actions {
-        justify-content: flex-start;
-        flex-wrap: wrap;
-        margin-top: 2px;
-    }
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    width: 100%;
+  }
 
-    .directorist-te-row__content p {
-        white-space: normal;
-    }
+  .directorist-te-page--disconnected
+    .directorist-te-row[data-product-type="theme"]
+    .directorist-te-row__actions
+    > .directorist-te-btn {
+    width: 100%;
+  }
 
-    .directorist-te-segmented {
-        width: 100%;
-        overflow-x: auto;
-    }
+  .directorist-te-row__actions {
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    margin-top: 2px;
+  }
 
-    .directorist-te-upsell,
-    .directorist-te-footer {
-        align-items: stretch;
-    }
+  .directorist-te-row__content p {
+    white-space: normal;
+  }
+
+  .directorist-te-segmented {
+    width: 100%;
+    overflow-x: auto;
+  }
+
+  .directorist-te-upsell,
+  .directorist-te-footer {
+    align-items: stretch;
+  }
+}
+
+.directorist-te-tab.directorist-te-filter-focus,
+.directorist-te-segmented button.directorist-te-filter-focus {
+  animation: directorist-te-filter-focus 1.4s ease-out;
+}
+
+@keyframes directorist-te-filter-focus {
+  0%,
+  30% {
+    box-shadow: 0 0 0 4px rgba(62, 98, 245, 0.2);
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 rgba(62, 98, 245, 0);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .directorist-te-tab.directorist-te-filter-focus,
+  .directorist-te-segmented button.directorist-te-filter-focus {
+    animation: none;
+    outline: 2px solid rgba(62, 98, 245, 0.35);
+    outline-offset: 2px;
+  }
 }
 
 @media (max-width: 360px) {
-    .directorist-te-page--disconnected .directorist-te-header {
-        align-items: flex-start;
-    }
-
-    .directorist-te-page--disconnected .directorist-te-resource-links {
-        width: 100%;
-        margin-left: 0;
-        padding-top: 2px;
-    }
+  .directorist-te-page--disconnected .directorist-te-header {
+    align-items: flex-start;
+  }
+
+  .directorist-te-page--disconnected .directorist-te-resource-links {
+    width: 100%;
+    margin-left: 0;
+    padding-top: 2px;
+  }
 }
diff --git a/assets/images/extensions/post-your-need.png b/assets/images/extensions/post-your-need.png
deleted file mode 100644
index d90b9b5e66861df4d808dc1b3317b45accbb460d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 37354
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
UdcZ(km;nepUHx3vIVCg!0J&tq%m4rY

diff --git a/assets/js/directorist-themes-extensions.js b/assets/js/directorist-themes-extensions.js
index 7dbdf119a8..241734b9fb 100644
--- a/assets/js/directorist-themes-extensions.js
+++ b/assets/js/directorist-themes-extensions.js
@@ -1,1428 +1,2539 @@
 (function ($) {
-    'use strict';
+  "use strict";
+
+  const page = $(".directorist-te-page");
+
+  if (!page.length) {
+    return;
+  }
+
+  const validViews = ["dashboard", "addons"];
+  const validTypes = ["all", "extension", "theme"];
+  const state = {
+    view: validViews.includes(page.attr("data-initial-view"))
+      ? page.attr("data-initial-view")
+      : "dashboard",
+    type: validTypes.includes(page.attr("data-initial-type"))
+      ? page.attr("data-initial-type")
+      : "all",
+    status: "all",
+    query: "",
+  };
+
+  const rows = () => $(".directorist-te-row");
+  const visibleRows = () => rows().filter(":not(.is-hidden)");
+  const selectableChecks = () =>
+    $("#atbdp-my-extensions-form .directorist-te-select-checkbox");
+  const checkedSelectableChecks = () => selectableChecks().filter(":checked");
+  const visibleSelectableChecks = () =>
+    selectableChecks().filter(function () {
+      return !$(this).closest(".directorist-te-row").hasClass("is-hidden");
+    });
+  const updateBanner = () => $(".directorist-te-update-banner");
+  const updatePill = () =>
+    $(
+      '.directorist-te-segmented button[data-filter-status="update"] .directorist-te-update-count',
+    );
 
-    const page = $('.directorist-te-page');
+  const ajaxConfig = () => window.directorist_admin || {};
+  const ajaxUrl = () => ajaxConfig().ajaxurl || window.ajaxurl;
+  const nonce = () => ajaxConfig().nonce || "";
+  const directoristNonce = () => ajaxConfig().directorist_nonce || nonce();
 
-    if (!page.length) {
-        return;
+  function syncWordPressSubmenuState() {
+    if (!page.hasClass("directorist-te-page--connected")) {
+      return;
     }
 
-    const state = {
-        type: 'all',
-        status: 'all',
-        query: '',
-    };
+    $("#adminmenu .wp-submenu a").each(function () {
+      let linkUrl;
 
-    const rows = () => $('.directorist-te-row');
-    const visibleRows = () => rows().filter(':not(.is-hidden)');
-    const selectableChecks = () =>
-        $('#atbdp-my-extensions-form .directorist-te-select-checkbox');
-    const checkedSelectableChecks = () => selectableChecks().filter(':checked');
-    const visibleSelectableChecks = () =>
-        selectableChecks().filter(function () {
-            return !$(this).closest('.directorist-te-row').hasClass('is-hidden');
-        });
-    const updateBanner = () => $('.directorist-te-update-banner');
-    const updatePill = () =>
-        $(
-            '.directorist-te-segmented button[data-filter-status="update"] .directorist-te-update-count'
-        );
+      try {
+        linkUrl = new URL(this.href, window.location.href);
+      } catch (error) {
+        return;
+      }
 
-    const ajaxConfig = () => window.directorist_admin || {};
-    const ajaxUrl = () => ajaxConfig().ajaxurl || window.ajaxurl;
-    const nonce = () => ajaxConfig().nonce || '';
-    const directoristNonce = () => ajaxConfig().directorist_nonce || nonce();
+      if (linkUrl.searchParams.get("page") !== "atbdp-extension") {
+        return;
+      }
 
-    function normalizeSearchText(value) {
-        return String(value || '')
-            .toLowerCase()
-            .replace(/[-_]+/g, ' ')
-            .replace(/\s+/g, ' ')
-            .trim();
-    }
+      const linkTargetsAddons =
+        linkUrl.searchParams.get("te_view") === "addons";
+      const isActive =
+        (state.view === "addons" && linkTargetsAddons) ||
+        (state.view === "dashboard" && !linkTargetsAddons);
+      const link = $(this);
 
-    function rowDataText(row, key) {
-        return normalizeSearchText($(row).attr(`data-${key}`) || '');
-    }
+      link.toggleClass("current", isActive);
+      link.closest("li").toggleClass("current", isActive);
+
+      if (isActive) {
+        link.attr("aria-current", "page");
+        return;
+      }
 
-    function escapeRegExp(value) {
-        return String(value).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+      link.removeAttr("aria-current");
+    });
+  }
+
+  function syncPageStateUrl() {
+    if (
+      !page.hasClass("directorist-te-page--connected") ||
+      !window.history?.replaceState
+    ) {
+      return;
     }
 
-    function searchHighlightTargets(row) {
-        return $(row).find(
-            '.directorist-te-row__title h2, .directorist-te-row__content > p'
-        );
+    const url = new URL(window.location.href);
+
+    if (state.view === "addons") {
+      url.searchParams.set("te_view", "addons");
+    } else {
+      url.searchParams.delete("te_view");
     }
 
-    function originalHighlightText(element) {
-        const $element = $(element);
-        const originalText = $element.data('directorist-te-original-text');
+    if (state.type === "all") {
+      url.searchParams.delete("te_type");
+    } else {
+      url.searchParams.set("te_type", state.type);
+    }
 
-        if (typeof originalText !== 'undefined') {
-            return originalText;
-        }
+    window.history.replaceState(
+      {
+        ...(window.history.state || {}),
+        directoristThemesExtensions: {
+          view: state.view,
+          type: state.type,
+        },
+      },
+      "",
+      url.toString(),
+    );
 
-        const text = $element.text();
-        $element.data('directorist-te-original-text', text);
+    syncWordPressSubmenuState();
+  }
 
-        return text;
-    }
+  function normalizeSearchText(value) {
+    return String(value || "")
+      .toLowerCase()
+      .replace(/[-_]+/g, " ")
+      .replace(/\s+/g, " ")
+      .trim();
+  }
 
-    function renderHighlightedText(text, query, exactTokenOnly) {
-        const rawQuery = String(query || '').trim();
+  function rowDataText(row, key) {
+    return normalizeSearchText($(row).attr(`data-${key}`) || "");
+  }
 
-        if (!rawQuery) {
-            return escapeHtml(text);
-        }
+  function escapeRegExp(value) {
+    return String(value).replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  }
 
-        const pattern = exactTokenOnly
-            ? new RegExp(
-                  `(^|[^A-Za-z0-9])(${escapeRegExp(
-                      rawQuery
-                  )})(?=[^A-Za-z0-9]|$)`,
-                  'gi'
-              )
-            : new RegExp(escapeRegExp(rawQuery), 'gi');
-        let html = '';
-        let lastIndex = 0;
-        let match;
-
-        while ((match = pattern.exec(text)) !== null) {
-            const matchText = exactTokenOnly ? match[2] : match[0];
-            const matchIndex = exactTokenOnly
-                ? match.index + match[1].length
-                : match.index;
-
-            html += escapeHtml(text.slice(lastIndex, matchIndex));
-            html += `<mark class="directorist-te-search-highlight">${escapeHtml(
-                matchText
-            )}</mark>`;
-            lastIndex = matchIndex + matchText.length;
-
-            if (pattern.lastIndex === match.index) {
-                pattern.lastIndex += 1;
-            }
-        }
+  function searchHighlightTargets(row) {
+    return $(row).find(
+      ".directorist-te-row__title h2, .directorist-te-row__content > p",
+    );
+  }
 
-        html += escapeHtml(text.slice(lastIndex));
+  function originalHighlightText(element) {
+    const $element = $(element);
+    const originalText = $element.data("directorist-te-original-text");
 
-        return html;
+    if (typeof originalText !== "undefined") {
+      return originalText;
     }
 
-    function updateSearchHighlights(query, exactTokenOnly) {
-        const normalizedQuery = normalizeSearchText(query);
+    const text = $element.text();
+    $element.data("directorist-te-original-text", text);
 
-        rows().each(function () {
-            const rowIsVisible = !$(this).hasClass('is-hidden');
+    return text;
+  }
 
-            searchHighlightTargets(this).each(function () {
-                const text = originalHighlightText(this);
-                const normalizedText = normalizeSearchText(text);
-                const hasMatch = exactTokenOnly
-                    ? normalizedText.split(/\s+/).includes(normalizedQuery)
-                    : normalizedText.includes(normalizedQuery);
+  function renderHighlightedText(text, query, exactTokenOnly) {
+    const rawQuery = String(query || "").trim();
 
-                if (!normalizedQuery || !rowIsVisible || !hasMatch) {
-                    $(this).text(text);
-                    return;
-                }
+    if (!rawQuery) {
+      return escapeHtml(text);
+    }
 
-                $(this).html(renderHighlightedText(text, query, exactTokenOnly));
-            });
-        });
+    const pattern = exactTokenOnly
+      ? new RegExp(
+          `(^|[^A-Za-z0-9])(${escapeRegExp(rawQuery)})(?=[^A-Za-z0-9]|$)`,
+          "gi",
+        )
+      : new RegExp(escapeRegExp(rawQuery), "gi");
+    let html = "";
+    let lastIndex = 0;
+    let match;
+
+    while ((match = pattern.exec(text)) !== null) {
+      const matchText = exactTokenOnly ? match[2] : match[0];
+      const matchIndex = exactTokenOnly
+        ? match.index + match[1].length
+        : match.index;
+
+      html += escapeHtml(text.slice(lastIndex, matchIndex));
+      html += `<mark class="directorist-te-search-highlight">${escapeHtml(
+        matchText,
+      )}</mark>`;
+      lastIndex = matchIndex + matchText.length;
+
+      if (pattern.lastIndex === match.index) {
+        pattern.lastIndex += 1;
+      }
     }
 
-    function collectBadgeSearchTerms() {
-        const terms = new Set();
+    html += escapeHtml(text.slice(lastIndex));
 
-        rows().each(function () {
-            const rawTerms = $(this).attr('data-badge-search-terms') || '[]';
+    return html;
+  }
 
-            try {
-                const parsedTerms = JSON.parse(rawTerms);
+  function updateSearchHighlights(query, exactTokenOnly) {
+    const normalizedQuery = normalizeSearchText(query);
 
-                if (Array.isArray(parsedTerms)) {
-                    parsedTerms.forEach((term) => {
-                        const normalizedTerm = normalizeSearchText(term);
+    rows().each(function () {
+      const rowIsVisible = !$(this).hasClass("is-hidden");
 
-                        if (normalizedTerm) {
-                            terms.add(normalizedTerm);
-                        }
-                    });
-                }
-            } catch (error) {
-                rowDataText(this, 'badge-search-text')
-                    .split(/\s+/)
-                    .filter(Boolean)
-                    .forEach((term) => terms.add(term));
-            }
-        });
+      searchHighlightTargets(this).each(function () {
+        const text = originalHighlightText(this);
+        const normalizedText = normalizeSearchText(text);
+        const hasMatch = exactTokenOnly
+          ? normalizedText.split(/\s+/).includes(normalizedQuery)
+          : normalizedText.includes(normalizedQuery);
 
-        return terms;
-    }
+        if (!normalizedQuery || !rowIsVisible || !hasMatch) {
+          $(this).text(text);
+          return;
+        }
 
-    function statusTokens(row) {
-        return String($(row).data('product-status') || '')
-            .split(/\s+/)
-            .filter(Boolean);
-    }
+        $(this).html(renderHighlightedText(text, query, exactTokenOnly));
+      });
+    });
+  }
 
-    function rowHasStatus(row, status) {
-        const tokens = statusTokens(row);
+  function collectBadgeSearchTerms() {
+    const terms = new Set();
 
-        if (status === 'all') {
-            return true;
-        }
+    rows().each(function () {
+      const rawTerms = $(this).attr("data-badge-search-terms") || "[]";
 
-        if (status === 'installed') {
-            return (
-                tokens.includes('installed') ||
-                tokens.includes('active') ||
-                tokens.includes('update')
-            );
-        }
+      try {
+        const parsedTerms = JSON.parse(rawTerms);
 
-        if (status === 'not-installed') {
-            return (
-                tokens.includes('not-installed') ||
-                tokens.includes('marketplace')
-            );
+        if (Array.isArray(parsedTerms)) {
+          parsedTerms.forEach((term) => {
+            const normalizedTerm = normalizeSearchText(term);
+
+            if (normalizedTerm) {
+              terms.add(normalizedTerm);
+            }
+          });
         }
+      } catch (error) {
+        rowDataText(this, "badge-search-text")
+          .split(/\s+/)
+          .filter(Boolean)
+          .forEach((term) => terms.add(term));
+      }
+    });
 
-        return tokens.includes(status);
-    }
+    return terms;
+  }
 
-    function setButtonLoading(button, label) {
-        const $button = $(button);
+  function statusTokens(row) {
+    return String($(row).data("product-status") || "")
+      .split(/\s+/)
+      .filter(Boolean);
+  }
 
-        if (!$button.data('default-html')) {
-            $button.data('default-html', $button.html());
-        }
+  function rowHasStatus(row, status) {
+    const tokens = statusTokens(row);
 
-        $button.prop('disabled', true).html(
-            `<i class="fas fa-circle-notch fa-spin" aria-hidden="true"></i> ${label}`
-        );
+    if (status === "all") {
+      return true;
     }
 
-    function resetButton(button) {
-        const $button = $(button);
-        const defaultHtml = $button.data('default-html');
-
-        $button.prop('disabled', false);
+    if (status === "installed") {
+      return (
+        tokens.includes("installed") ||
+        tokens.includes("active") ||
+        tokens.includes("update")
+      );
+    }
 
-        if (defaultHtml) {
-            $button.html(defaultHtml);
-        }
+    if (status === "not-installed") {
+      return tokens.includes("not-installed") || tokens.includes("marketplace");
     }
 
-    function setCheckbox(checkbox, checked) {
-        const $checkbox = $(checkbox);
-        const $row = $checkbox.closest('.directorist-te-row');
-        const $label = $checkbox.closest('.directorist-te-checkbox');
+    return tokens.includes(status);
+  }
 
-        if ($checkbox.prop('disabled')) {
-            return;
-        }
+  function setButtonLoading(button, label) {
+    const $button = $(button);
 
-        $checkbox.prop('checked', checked);
-        $row.toggleClass('selected', checked);
-        $label.toggleClass('is-checked', checked);
+    if (!$button.data("default-html")) {
+      $button.data("default-html", $button.html());
     }
 
-    function checkboxActions(checkbox) {
-        return String($(checkbox).attr('data-bulk-actions') || '')
-            .split(/\s+/)
-            .filter(Boolean);
-    }
+    $button
+      .prop("disabled", true)
+      .html(
+        `<i class="fas fa-circle-notch fa-spin" aria-hidden="true"></i> ${label}`,
+      );
+  }
 
-    function selectedBulkItems(task) {
-        return checkedSelectableChecks()
-            .map(function () {
-                const actions = checkboxActions(this);
+  function resetButton(button) {
+    const $button = $(button);
+    const defaultHtml = $button.data("default-html");
 
-                if (task && !actions.includes(task)) {
-                    return null;
-                }
+    $button.prop("disabled", false);
 
-                return {
-                    item: $(this).attr('data-bulk-item') || this.value || this.id,
-                    type: $(this).attr('data-bulk-type') || 'plugin',
-                    actions,
-                };
-            })
-            .get()
-            .filter(Boolean);
+    if (defaultHtml) {
+      $button.html(defaultHtml);
     }
+  }
 
-    function selectedActionCounts() {
-        const actionCounts = {};
-
-        checkedSelectableChecks().each(function () {
-            checkboxActions(this).forEach((action) => {
-                actionCounts[action] = (actionCounts[action] || 0) + 1;
-            });
-        });
+  function setCheckbox(checkbox, checked) {
+    const $checkbox = $(checkbox);
+    const $row = $checkbox.closest(".directorist-te-row");
+    const $label = $checkbox.closest(".directorist-te-checkbox");
 
-        return actionCounts;
+    if ($checkbox.prop("disabled")) {
+      return;
     }
 
-    function itemCountText(count) {
-        return count === 1 ? '1 selected item' : `${count} selected items`;
-    }
+    $checkbox.prop("checked", checked);
+    $row.toggleClass("selected", checked);
+    $label.toggleClass("is-checked", checked);
+  }
 
-    function bulkActionLabel(button) {
-        const $button = $(button);
-        let label = $button.data('directoristTeBulkLabel');
+  function checkboxActions(checkbox) {
+    return String($(checkbox).attr("data-bulk-actions") || "")
+      .split(/\s+/)
+      .filter(Boolean);
+  }
 
-        if (label) {
-            return label;
-        }
+  function selectedBulkItems(task) {
+    return checkedSelectableChecks()
+      .map(function () {
+        const actions = checkboxActions(this);
 
-        label =
-            $button.find('.directorist-te-bulk-action__label').text().trim() ||
-            $button.text().trim();
-        $button.data('directoristTeBulkLabel', label);
+        if (task && !actions.includes(task)) {
+          return null;
+        }
 
-        return label;
-    }
+        return {
+          item: $(this).attr("data-bulk-item") || this.value || this.id,
+          type: $(this).attr("data-bulk-type") || "plugin",
+          actions,
+        };
+      })
+      .get()
+      .filter(Boolean);
+  }
+
+  function selectedActionCounts() {
+    const actionCounts = {};
+
+    checkedSelectableChecks().each(function () {
+      checkboxActions(this).forEach((action) => {
+        actionCounts[action] = (actionCounts[action] || 0) + 1;
+      });
+    });
 
-    function syncMasterCheckbox() {
-        const master = $('#select-all-installed');
+    return actionCounts;
+  }
 
-        if (!master.length) {
-            return;
-        }
+  function itemCountText(count) {
+    return count === 1 ? "1 selected item" : `${count} selected items`;
+  }
 
-        const visible = visibleSelectableChecks();
-        const checked = visible.filter(':checked');
-        const isAll = visible.length > 0 && checked.length === visible.length;
-        const isSome = checked.length > 0 && checked.length < visible.length;
+  function bulkActionLabel(button) {
+    const $button = $(button);
+    let label = $button.data("directoristTeBulkLabel");
 
-        master.prop('checked', isAll).prop('disabled', visible.length === 0);
-        master.prop('indeterminate', isSome);
-        master
-            .closest('.directorist-te-checkbox')
-            .toggleClass('is-checked', isAll || isSome);
+    if (label) {
+      return label;
     }
 
-    function updateCountsAndEmptyState() {
-        const shown = visibleRows().length;
-        const label = shown === 1 ? '1 add-on' : `${shown} add-ons`;
+    label =
+      $button.find(".directorist-te-bulk-action__label").text().trim() ||
+      $button.text().trim();
+    $button.data("directoristTeBulkLabel", label);
 
-        $('.directorist-te-count').text(label);
-        $('.directorist-te-empty--filter').toggleClass('is-visible', shown === 0);
-        $('.directorist-te-upsell').toggle(
-            state.type === 'all' && state.status === 'all' && !state.query.trim()
-        );
-    }
+    return label;
+  }
 
-    function scopedUpdateCount() {
-        return rows()
-            .filter(function () {
-                const typeMatches =
-                    state.type === 'all' ||
-                    $(this).data('product-type') === state.type;
+  function syncMasterCheckbox() {
+    const master = $("#select-all-installed");
 
-                return typeMatches && statusTokens(this).includes('update');
-            })
-            .length;
+    if (!master.length) {
+      return;
     }
 
-    function updateUpdateBanner() {
-        const banner = updateBanner();
+    const visible = visibleSelectableChecks();
+    const checked = visible.filter(":checked");
+    const isAll = visible.length > 0 && checked.length === visible.length;
+    const isSome = checked.length > 0 && checked.length < visible.length;
+
+    master.prop("checked", isAll).prop("disabled", visible.length === 0);
+    master.prop("indeterminate", isSome);
+    master
+      .closest(".directorist-te-checkbox")
+      .toggleClass("is-checked", isAll || isSome);
+  }
+
+  function updateCountsAndEmptyState() {
+    const shown = visibleRows().length;
+    const label = shown === 1 ? "1 add-on" : `${shown} add-ons`;
+
+    $(".directorist-te-count").text(label);
+    $(".directorist-te-empty--filter").toggleClass("is-visible", shown === 0);
+    $(".directorist-te-upsell").toggle(
+      state.type === "all" && state.status === "all" && !state.query.trim(),
+    );
+  }
 
-        if (!banner.length) {
-            return;
-        }
+  function scopedStatusCount(status) {
+    return rows().filter(function () {
+      const typeMatches =
+        state.type === "all" || $(this).data("product-type") === state.type;
 
-        const updates = scopedUpdateCount();
-        const hasSelection = checkedSelectableChecks().length > 0;
-        const shouldShow =
-            updates > 0 &&
-            !hasSelection &&
-            ['all', 'installed', 'update'].includes(state.status);
+      return typeMatches && rowHasStatus(this, status);
+    }).length;
+  }
 
-        banner.prop('hidden', !shouldShow);
-        updatePill().text(updates).toggle(updates > 0);
+  function updateStatusCounts() {
+    $(".directorist-te-status-count").each(function () {
+      const status = $(this).data("status-count");
+
+      $(this).text(scopedStatusCount(status));
+    });
+  }
+
+  function updateUpdateBanner() {
+    const banner = updateBanner();
+
+    if (!banner.length) {
+      return;
     }
 
-    function updateBulkBar() {
-        const checked = checkedSelectableChecks();
-        const count = checked.length;
-        const bulkbar = $('.directorist-te-bulkbar');
-        const actionCounts = selectedActionCounts();
-        let visibleActions = 0;
+    const updates = scopedStatusCount("update");
+    const hasSelection = checkedSelectableChecks().length > 0;
+    const shouldShow =
+      updates > 0 &&
+      !hasSelection &&
+      ["all", "installed", "update"].includes(state.status);
+
+    banner.prop("hidden", !shouldShow);
+    updatePill()
+      .text(updates)
+      .toggle(updates > 0);
+  }
+
+  function updateBulkBar() {
+    const checked = checkedSelectableChecks();
+    const count = checked.length;
+    const bulkbar = $(".directorist-te-bulkbar");
+    const actionCounts = selectedActionCounts();
+    let visibleActions = 0;
+
+    bulkbar.prop("hidden", count === 0).toggleClass("show", count > 0);
+    $(".directorist-te-selected-count").text(
+      count === 1 ? "1 selected" : `${count} selected`,
+    );
 
-        bulkbar.prop('hidden', count === 0).toggleClass('show', count > 0);
-        $('.directorist-te-selected-count').text(
-            count === 1 ? '1 selected' : `${count} selected`
-        );
+    $(".directorist-te-bulk-action").each(function () {
+      const task = String($(this).data("task") || "");
+      const actionCount = actionCounts[task] || 0;
+      const skippedCount = Math.max(count - actionCount, 0);
+      const isVisible = count > 0 && actionCount > 0;
+      const label = bulkActionLabel(this);
+      const hint =
+        `${label} will run on ${itemCountText(actionCount)}.` +
+        (skippedCount
+          ? ` ${itemCountText(skippedCount)} will be skipped.`
+          : "");
+
+      $(this)
+        .prop("hidden", !isVisible)
+        .prop("disabled", !isVisible)
+        .attr("data-eligible-count", actionCount)
+        .attr("title", isVisible ? hint : "")
+        .attr("aria-label", isVisible ? hint : label);
+
+      $(this)
+        .find(".directorist-te-bulk-action__count")
+        .text(actionCount)
+        .prop("hidden", !isVisible);
+
+      if (isVisible) {
+        visibleActions++;
+      }
+    });
 
-        $('.directorist-te-bulk-action').each(function () {
-            const task = String($(this).data('task') || '');
-            const actionCount = actionCounts[task] || 0;
-            const skippedCount = Math.max(count - actionCount, 0);
-            const isVisible = count > 0 && actionCount > 0;
-            const label = bulkActionLabel(this);
-            const hint =
-                `${label} will run on ${itemCountText(actionCount)}.` +
-                (skippedCount
-                    ? ` ${itemCountText(skippedCount)} will be skipped.`
-                    : '');
-
-            $(this)
-                .prop('hidden', !isVisible)
-                .prop('disabled', !isVisible)
-                .attr('data-eligible-count', actionCount)
-                .attr('title', isVisible ? hint : '')
-                .attr('aria-label', isVisible ? hint : label);
-
-            $(this)
-                .find('.directorist-te-bulk-action__count')
-                .text(actionCount)
-                .prop('hidden', !isVisible);
-
-            if (isVisible) {
-                visibleActions++;
-            }
-        });
+    $(".directorist-te-bulkbar__empty").prop(
+      "hidden",
+      count === 0 || visibleActions > 0,
+    );
+    $(".directorist-te-bulkbar__notice").prop(
+      "hidden",
+      count === 0 || visibleActions === 0,
+    );
 
-        $('.directorist-te-bulkbar__empty').prop(
-            'hidden',
-            count === 0 || visibleActions > 0
-        );
-        $('.directorist-te-bulkbar__notice').prop(
-            'hidden',
-            count === 0 || visibleActions === 0
-        );
+    syncMasterCheckbox();
+    updateUpdateBanner();
+  }
+
+  function updateFilters() {
+    const query = normalizeSearchText(state.query);
+    const isExactBadgeQuery = query && collectBadgeSearchTerms().has(query);
+
+    rows().each(function () {
+      const row = $(this);
+      const typeMatches =
+        state.type === "all" || row.data("product-type") === state.type;
+      const statusMatches = rowHasStatus(this, state.status);
+      const searchText = rowDataText(this, "search-text");
+      const badgeSearchText = rowDataText(this, "badge-search-text");
+      const textMatches =
+        !query ||
+        (isExactBadgeQuery
+          ? badgeSearchText.includes(query)
+          : searchText.includes(query) || badgeSearchText.includes(query));
+
+      row.toggleClass(
+        "is-hidden",
+        !(typeMatches && statusMatches && textMatches),
+      );
+    });
 
-        syncMasterCheckbox();
-        updateUpdateBanner();
-    }
-
-    function updateFilters() {
-        const query = normalizeSearchText(state.query);
-        const isExactBadgeQuery = query && collectBadgeSearchTerms().has(query);
-
-        rows().each(function () {
-            const row = $(this);
-            const typeMatches =
-                state.type === 'all' || row.data('product-type') === state.type;
-            const statusMatches = rowHasStatus(this, state.status);
-            const searchText = rowDataText(this, 'search-text');
-            const badgeSearchText = rowDataText(this, 'badge-search-text');
-            const textMatches =
-                !query ||
-                (isExactBadgeQuery
-                    ? badgeSearchText.includes(query)
-                    : searchText.includes(query) ||
-                      badgeSearchText.includes(query));
-
-            row.toggleClass(
-                'is-hidden',
-                !(typeMatches && statusMatches && textMatches)
-            );
-        });
+    updateSearchHighlights(state.query, isExactBadgeQuery);
+    updateCountsAndEmptyState();
+    updateStatusCounts();
+    updateBulkBar();
+  }
+
+  function escapeHtml(value) {
+    return String(value)
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#039;");
+  }
+
+  function formMessage(form, key, fallback) {
+    return form.attr(`data-${key}`) || fallback;
+  }
+
+  function isRemoteConnectionMessage(message) {
+    return /curl|operation timed out|timed out|could not resolve|ssl|connection|network/i.test(
+      String(message || ""),
+    );
+  }
 
-        updateSearchHighlights(state.query, isExactBadgeQuery);
-        updateCountsAndEmptyState();
-        updateBulkBar();
-    }
+  function authLogMessages(response) {
+    const log = response?.status?.log;
 
-    function escapeHtml(value) {
-        return String(value)
-            .replace(/&/g, '&amp;')
-            .replace(/</g, '&lt;')
-            .replace(/>/g, '&gt;')
-            .replace(/"/g, '&quot;')
-            .replace(/'/g, '&#039;');
+    if (!log || typeof log !== "object") {
+      return [];
     }
 
-    function formMessage(form, key, fallback) {
-        return form.attr(`data-${key}`) || fallback;
-    }
+    return Object.keys(log)
+      .map((key) => log[key]?.message || "")
+      .filter(Boolean);
+  }
 
-    function isRemoteConnectionMessage(message) {
-        return /curl|operation timed out|timed out|could not resolve|ssl|connection|network/i.test(
-            String(message || '')
-        );
-    }
+  function authHasRemoteConnectionError(response) {
+    return authLogMessages(response).some(isRemoteConnectionMessage);
+  }
 
-    function authLogMessages(response) {
-        const log = response?.status?.log;
+  function connectFeedback(form) {
+    return form.find(".directorist-te-feedback").first();
+  }
 
-        if (!log || typeof log !== 'object') {
-            return [];
-        }
+  function connectFields(form) {
+    return form.find(
+      'input[name="username"], input[name="password"], input[name="access_key"]',
+    );
+  }
 
-        return Object.keys(log)
-            .map((key) => log[key]?.message || '')
-            .filter(Boolean);
-    }
+  function connectAuthMethod(form) {
+    return form.find('input[name="auth_method"]').val() === "access_key"
+      ? "access_key"
+      : "account";
+  }
 
-    function authHasRemoteConnectionError(response) {
-        return authLogMessages(response).some(isRemoteConnectionMessage);
-    }
+  function syncConnectAuthMethod(form, shouldFocus) {
+    const method = connectAuthMethod(form);
+    const busy = form.attr("aria-busy") === "true";
 
-    function connectFeedback(form) {
-        return form.find('.directorist-te-feedback').first();
-    }
+    form.find("[data-auth-method]").each(function () {
+      const button = $(this);
+      const isActive = button.attr("data-auth-method") === method;
 
-    function renderConnectFeedback(form, type, message) {
-        connectFeedback(form)
-            .attr('role', 'alert')
-            .html(
-                `<div class="atbdp-form-alert atbdp-form-alert-${type}">${escapeHtml(
-                    message
-                )}</div>`
-            );
-    }
+      button
+        .toggleClass("is-active", isActive)
+        .attr("aria-selected", isActive ? "true" : "false");
+    });
 
-    function clearConnectFeedback(form) {
-        connectFeedback(form).attr('role', 'status').empty();
-        form.find('input[name="username"], input[name="password"]').removeAttr(
-            'aria-invalid'
-        );
+    form.find("[data-auth-panel]").each(function () {
+      const panel = $(this);
+      const isActive = panel.attr("data-auth-panel") === method;
+
+      panel.prop("hidden", !isActive).attr("aria-hidden", !isActive);
+      panel.find("input, button").prop("disabled", !isActive || busy);
+    });
+
+    if (shouldFocus) {
+      form
+        .find(`[data-auth-panel="${method}"] input`)
+        .first()
+        .trigger("focus");
+    }
+  }
+
+  function renderConnectFeedback(form, type, message) {
+    connectFeedback(form)
+      .attr("role", "alert")
+      .html(
+        `<div class="atbdp-form-alert atbdp-form-alert-${type}">${escapeHtml(
+          message,
+        )}</div>`,
+      );
+  }
+
+  function clearConnectFeedback(form) {
+    connectFeedback(form).attr("role", "status").empty();
+    connectFields(form).removeAttr("aria-invalid");
+  }
+
+  function setConnectBusy(form, busy) {
+    const submitButton = form.find('button[type="submit"]').first();
+    const fields = connectFields(form);
+    const methodButtons = form.find("[data-auth-method]");
+
+    if (!submitButton.data("default-html")) {
+      submitButton.data("default-html", submitButton.html());
     }
 
-    function setConnectBusy(form, busy) {
-        const submitButton = form.find('button[type="submit"]').first();
-        const fields = form.find('input[name="username"], input[name="password"]');
+    form.toggleClass("is-submitting", busy).attr("aria-busy", busy);
+    fields.prop("disabled", busy);
+    methodButtons.prop("disabled", busy);
+    submitButton.prop("disabled", busy);
 
-        if (!submitButton.data('default-html')) {
-            submitButton.data('default-html', submitButton.html());
-        }
+    if (busy) {
+      submitButton.html(formMessage(form, "connecting-label", "Connecting..."));
+      return;
+    }
 
-        form.toggleClass('is-submitting', busy).attr('aria-busy', busy);
-        fields.prop('disabled', busy);
-        submitButton.prop('disabled', busy);
+    submitButton.html(submitButton.data("default-html"));
+    syncConnectAuthMethod(form, false);
+  }
 
-        if (busy) {
-            submitButton.html(
-                formMessage(form, 'connecting-label', 'Connecting...')
-            );
-            return;
-        }
+  function isAuthRequest(settings) {
+    const data = settings?.data || "";
 
-        submitButton.html(submitButton.data('default-html'));
+    if (typeof data === "string") {
+      try {
+        return (
+          new URLSearchParams(data).get("action") ===
+          "atbdp_authenticate_the_customer"
+        );
+      } catch (error) {
+        return data.includes("action=atbdp_authenticate_the_customer");
+      }
     }
 
-    function isAuthRequest(settings) {
-        const data = settings?.data || '';
+    return data?.action === "atbdp_authenticate_the_customer";
+  }
 
-        if (typeof data === 'string') {
-            try {
-                return (
-                    new URLSearchParams(data).get('action') ===
-                    'atbdp_authenticate_the_customer'
-                );
-            } catch (error) {
-                return data.includes('action=atbdp_authenticate_the_customer');
-            }
-        }
+  function resetCatalogFilters() {
+    state.type = "all";
+    state.status = "all";
+    state.query = "";
 
-        return data?.action === 'atbdp_authenticate_the_customer';
-    }
+    $(".directorist-te-tab").removeClass("is-active");
+    $('.directorist-te-tab[data-filter-type="all"]').addClass("is-active");
+    $(".directorist-te-segmented button").removeClass("is-active");
+    $('.directorist-te-segmented button[data-filter-status="all"]').addClass(
+      "is-active",
+    );
+    $(".directorist-te-search-input").val("");
+    updateFilters();
+    $(".directorist-te-search-input").first().trigger("focus");
+  }
 
-    function resetCatalogFilters() {
-        state.type = 'all';
-        state.status = 'all';
-        state.query = '';
+  function refreshPanelFocusable(panel) {
+    return panel.find("a, button, input, select, textarea");
+  }
 
-        $('.directorist-te-tab').removeClass('is-active');
-        $('.directorist-te-tab[data-filter-type="all"]').addClass('is-active');
-        $('.directorist-te-segmented button').removeClass('is-active');
-        $('.directorist-te-segmented button[data-filter-status="all"]').addClass(
-            'is-active'
-        );
-        $('.directorist-te-search-input').val('');
-        updateFilters();
-        $('.directorist-te-search-input').first().trigger('focus');
-    }
+  function setRefreshPanelHidden(panel, hidden) {
+    panel.prop("hidden", hidden).attr("aria-hidden", hidden ? "true" : "false");
 
-    function refreshPanelFocusable(panel) {
-        return panel.find('a, button, input, select, textarea');
+    if (hidden) {
+      refreshPanelFocusable(panel).attr("tabindex", "-1");
+      return;
     }
 
-    function setRefreshPanelHidden(panel, hidden) {
-        panel.prop('hidden', hidden).attr('aria-hidden', hidden ? 'true' : 'false');
+    refreshPanelFocusable(panel).removeAttr("tabindex");
+  }
 
-        if (hidden) {
-            refreshPanelFocusable(panel).attr('tabindex', '-1');
-            return;
-        }
+  function setRefreshTriggerHidden(wrapper, hidden) {
+    wrapper
+      .prop("hidden", hidden)
+      .attr("aria-hidden", hidden ? "true" : "false");
 
-        refreshPanelFocusable(panel).removeAttr('tabindex');
+    if (hidden) {
+      wrapper.find("a, button").attr("tabindex", "-1");
+      return;
     }
 
-    function setRefreshTriggerHidden(wrapper, hidden) {
-        wrapper
-            .prop('hidden', hidden)
-            .attr('aria-hidden', hidden ? 'true' : 'false');
+    wrapper.find("a, button").removeAttr("tabindex");
+  }
 
-        if (hidden) {
-            wrapper.find('a, button').attr('tabindex', '-1');
-            return;
-        }
+  function setupAccountMenu() {
+    const menu = $(".directorist-te-account-menu");
+    const toggle = menu.find(".directorist-te-avatar").first();
+    const dropdown = menu.find(".directorist-te-account-dropdown").first();
+    let closeTimer = null;
 
-        wrapper.find('a, button').removeAttr('tabindex');
+    if (!menu.length || !toggle.length || !dropdown.length) {
+      return;
     }
 
-    function setupAccountMenu() {
-        const menu = $('.directorist-te-account-menu');
-        const toggle = menu.find('.directorist-te-avatar').first();
-        const dropdown = menu.find('.directorist-te-account-dropdown').first();
-        let closeTimer = null;
+    function refreshPanelIsOpen() {
+      const panel = dropdown.find(".directorist-te-refresh-panel").first();
 
-        if (!menu.length || !toggle.length || !dropdown.length) {
-            return;
-        }
+      return panel.length && !panel.prop("hidden");
+    }
 
-        function refreshPanelIsOpen() {
-            const panel = dropdown.find('.directorist-te-refresh-panel').first();
+    function setAccountMenuOpen(open) {
+      window.clearTimeout(closeTimer);
 
-            return panel.length && !panel.prop('hidden');
-        }
+      if (open) {
+        $('.directorist-te-notification-toggle[aria-expanded="true"]')
+          .first()
+          .trigger("click");
+      }
 
-        function setAccountMenuOpen(open) {
-            window.clearTimeout(closeTimer);
-            dropdown.prop('hidden', !open).attr('aria-hidden', open ? 'false' : 'true');
-            toggle.attr('aria-expanded', open ? 'true' : 'false');
+      dropdown
+        .prop("hidden", !open)
+        .attr("aria-hidden", open ? "false" : "true");
+      toggle.attr("aria-expanded", open ? "true" : "false");
 
-            if (!open) {
-                const panel = dropdown.find('.directorist-te-refresh-panel').first();
-                const wrapper = dropdown.find('.purchase-refresh-btn-wrapper').first();
+      if (!open) {
+        const panel = dropdown.find(".directorist-te-refresh-panel").first();
+        const wrapper = dropdown.find(".purchase-refresh-btn-wrapper").first();
 
-                if (panel.length && wrapper.length) {
-                    panel.find('input[name="password"]').val('');
-                    setRefreshPanelHidden(panel, true);
-                    setRefreshTriggerHidden(wrapper, false);
-                }
-            }
+        if (panel.length && wrapper.length) {
+          panel.find('input[name="password"]').val("");
+          setRefreshPanelHidden(panel, true);
+          setRefreshTriggerHidden(wrapper, false);
         }
+      }
+    }
 
-        function scheduleClose() {
-            window.clearTimeout(closeTimer);
-
-            if (refreshPanelIsOpen()) {
-                return;
-            }
+    function scheduleClose() {
+      window.clearTimeout(closeTimer);
 
-            closeTimer = window.setTimeout(function () {
-                if (menu.find(':focus').length) {
-                    return;
-                }
+      if (refreshPanelIsOpen() || menu.data("directoristTeRefreshResetting")) {
+        return;
+      }
 
-                setAccountMenuOpen(false);
-            }, 120);
+      closeTimer = window.setTimeout(function () {
+        if (menu.find(":focus").length) {
+          return;
         }
 
         setAccountMenuOpen(false);
+      }, 120);
+    }
 
-        menu.on('focusout.directoristTeAccount', scheduleClose);
+    setAccountMenuOpen(false);
 
-        toggle.on('click.directoristTeAccount', function (event) {
-            event.preventDefault();
-            setAccountMenuOpen(dropdown.prop('hidden'));
-        });
+    menu.on("directoristTeRefreshReset", function () {
+      window.clearTimeout(closeTimer);
+      menu.data("directoristTeRefreshResetting", true);
+      setAccountMenuOpen(true);
 
-        $(document).on('click.directoristTeAccount', function (event) {
-            if ($(event.target).closest(menu).length) {
-                return;
-            }
+      window.setTimeout(function () {
+        menu.removeData("directoristTeRefreshResetting");
+      }, 200);
+    });
 
-            setAccountMenuOpen(false);
-        });
+    menu.on("focusout.directoristTeAccount", scheduleClose);
 
-        $(document).on('keydown.directoristTeAccount', function (event) {
-            if ('Escape' !== event.key || dropdown.prop('hidden')) {
-                return;
-            }
+    toggle.on("click.directoristTeAccount", function (event) {
+      event.preventDefault();
+      setAccountMenuOpen(dropdown.prop("hidden"));
+    });
 
-            setAccountMenuOpen(false);
-            toggle.trigger('focus');
-        });
-    }
+    $(document).on("click.directoristTeAccount", function (event) {
+      if ($(event.target).closest(menu).length) {
+        return;
+      }
 
-    function setupRefreshPurchasePanel() {
-        const panel = $('.directorist-te-refresh-panel');
-        const triggerWrapper = $('.purchase-refresh-btn-wrapper');
+      setAccountMenuOpen(false);
+    });
 
-        if (!panel.length || !triggerWrapper.length) {
-            return;
-        }
+    $(document).on("keydown.directoristTeAccount", function (event) {
+      if ("Escape" !== event.key || dropdown.prop("hidden")) {
+        return;
+      }
 
-        setRefreshPanelHidden(panel, true);
-        setRefreshTriggerHidden(triggerWrapper, false);
-
-        $('.purchase-refresh-btn')
-            .off('click')
-            .on('click.directoristTeRefresh', function (event) {
-                event.preventDefault();
-
-                const wrapper = $(this).parent();
-
-                setRefreshPanelHidden(panel, false);
-                setRefreshTriggerHidden(wrapper, true);
-
-                if (panel.closest('.directorist-te-account-dropdown').length) {
-                    panel.find('input[name="password"]').trigger('focus');
-                    return;
-                }
-
-                const targetWidth = Math.min(
-                    panel.find('.directorist-te-refresh-form').outerWidth() || 330,
-                    panel.parent().width() || 330
-                );
-
-                wrapper.stop(true, true).animate({ width: 0 }, 250);
-                panel
-                    .stop(true, true)
-                    .css({ width: 0 })
-                    .animate({ width: targetWidth }, 250, function () {
-                        panel.css('width', '');
-                        panel.find('input[name="password"]').trigger('focus');
-                    });
-            });
-
-        $('.et-close-auth-btn')
-            .off('click')
-            .on('click.directoristTeRefresh', function (event) {
-                event.preventDefault();
-
-                const wrapper = $('.purchase-refresh-btn-wrapper');
-                const trigger = wrapper.find('.purchase-refresh-btn').first();
-                const targetWidth = trigger.outerWidth() || 160;
-
-                if (panel.closest('.directorist-te-account-dropdown').length) {
-                    panel.find('input[name="password"]').val('');
-                    setRefreshPanelHidden(panel, true);
-                    setRefreshTriggerHidden(wrapper, false);
-                    trigger.trigger('focus');
-                    return;
-                }
-
-                panel
-                    .stop(true, true)
-                    .animate({ width: 0 }, 250, function () {
-                        panel.find('input[name="password"]').val('');
-                        panel.css('width', '');
-                        setRefreshPanelHidden(panel, true);
-                    });
-
-                setRefreshTriggerHidden(wrapper, false);
-                wrapper
-                    .stop(true, true)
-                    .css({ width: 0 })
-                    .animate({ width: targetWidth }, 250, function () {
-                        wrapper.css('width', '');
-                        trigger.trigger('focus');
-                    });
-            });
-    }
-
-    function clearProductSelection() {
-        selectableChecks().each(function () {
-            setCheckbox(this, false);
-        });
+      setAccountMenuOpen(false);
+      toggle.trigger("focus");
+    });
+  }
 
-        updateBulkBar();
+  function setupNotificationMenu() {
+    const menu = $(".directorist-te-notification-menu").first();
+    const toggle = menu.find(".directorist-te-notification-toggle").first();
+    const dropdown = menu.find(".directorist-te-notification-dropdown").first();
+
+    if (!menu.length || !toggle.length || !dropdown.length) {
+      return;
     }
 
-    function closeProductMenus() {
-        $('.ext-action-drop').removeClass('active');
+    function setNotificationMenuOpen(open) {
+      if (open) {
+        $('.directorist-te-avatar[aria-expanded="true"]')
+          .first()
+          .trigger("click");
+      }
+
+      dropdown
+        .prop("hidden", !open)
+        .attr("aria-hidden", open ? "false" : "true");
+      toggle.attr("aria-expanded", open ? "true" : "false");
     }
 
-    function setupViewSwitcher() {
-        const switchers = $('[data-directorist-te-view-target]');
-        const views = $('[data-directorist-te-view]');
+    setNotificationMenuOpen(false);
 
-        if (!switchers.length || !views.length) {
-            return;
+    toggle.on("click.directoristTeNotifications", function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+      setNotificationMenuOpen(dropdown.prop("hidden"));
+    });
+
+    menu.on(
+      "click.directoristTeNotifications",
+      ".directorist-te-notification-item",
+      function (event) {
+        event.preventDefault();
+
+        const type = $(this).attr("data-notification-type") || "all";
+        const status = $(this).attr("data-notification-status") || "all";
+        const typeTab = $(
+          `.directorist-te-tab[data-filter-type="${type}"]`,
+        ).first();
+        const statusFilter = $(
+          `.directorist-te-segmented button[data-filter-status="${status}"]`,
+        ).first();
+        const toolbar = $("#atbdp-themes-extensions-contents").first();
+
+        setNotificationMenuOpen(false);
+        $('[data-directorist-te-view-target="addons"]')
+          .first()
+          .trigger("click");
+        $(".directorist-te-search-input").val("");
+        state.query = "";
+
+        if (typeTab.length) {
+          typeTab.trigger("click");
         }
 
-        function setActiveView(target) {
-            const targetView = views.filter(function () {
-                return $(this).attr('data-directorist-te-view') === target;
-            });
+        if (statusFilter.length) {
+          statusFilter.trigger("click");
+        }
 
-            if (!targetView.length) {
-                return;
-            }
+        const highlightedControls = typeTab.add(statusFilter);
 
-            views.each(function () {
-                const isActive =
-                    $(this).attr('data-directorist-te-view') === target;
+        highlightedControls
+          .removeClass("directorist-te-filter-focus")
+          .addClass("directorist-te-filter-focus");
 
-                $(this)
-                    .prop('hidden', !isActive)
-                    .attr('aria-hidden', isActive ? 'false' : 'true')
-                    .toggleClass('is-active', isActive);
-            });
+        window.setTimeout(function () {
+          highlightedControls.removeClass("directorist-te-filter-focus");
+        }, 1400);
 
-            switchers.each(function () {
-                const isActive =
-                    $(this).attr('data-directorist-te-view-target') === target;
+        if (toolbar.length) {
+          toolbar[0].scrollIntoView({
+            block: "start",
+            behavior: window.matchMedia("(prefers-reduced-motion: reduce)")
+              .matches
+              ? "auto"
+              : "smooth",
+          });
+        }
 
-                $(this).toggleClass('active', isActive);
+        (statusFilter.length ? statusFilter : typeTab).trigger("focus");
+      },
+    );
 
-                if (isActive) {
-                    $(this).attr('aria-current', 'page');
-                    return;
-                }
+    $(document).on("click.directoristTeNotifications", function (event) {
+      if ($(event.target).closest(menu).length) {
+        return;
+      }
 
-                $(this).removeAttr('aria-current');
-            });
+      setNotificationMenuOpen(false);
+    });
 
-            closeProductMenus();
+    $(document).on("keydown.directoristTeNotifications", function (event) {
+      if ("Escape" !== event.key || dropdown.prop("hidden")) {
+        return;
+      }
 
-            if (target === 'dashboard') {
-                clearProductSelection();
-            }
+      setNotificationMenuOpen(false);
+      toggle.trigger("focus");
+    });
+  }
 
-            if (target === 'addons') {
-                updateFilters();
-            }
-        }
+  function setupRefreshPurchasePanel() {
+    const panel = $(".directorist-te-refresh-panel");
+    const triggerWrapper = $(".purchase-refresh-btn-wrapper");
+    const isAccountDropdown = Boolean(
+      panel.closest(".directorist-te-account-dropdown").length,
+    );
 
-        switchers.on('click.directoristTeView', function (event) {
-            event.preventDefault();
-            setActiveView($(this).attr('data-directorist-te-view-target'));
-        });
+    if (!panel.length || !triggerWrapper.length) {
+      return;
     }
 
-    function setupDashboardPreview() {
-        const dashboard = $('.directorist-te-dashboard');
-        const nudge = dashboard.find('.directorist-te-dashboard-nudge');
-        const steps = dashboard.find('.directorist-te-dashboard-step');
-        const ring = dashboard.find('.directorist-te-dashboard-ring circle').last();
-        const ringLabel = dashboard.find('.directorist-te-dashboard-ring span');
-        const radius = 19;
-        const circumference = 2 * Math.PI * radius;
+    if (isAccountDropdown) {
+      panel.stop(true, true).removeAttr("style");
+      triggerWrapper.stop(true, true).removeAttr("style");
+    }
 
-        if (!dashboard.length) {
-            return;
-        }
+    setRefreshPanelHidden(panel, true);
+    setRefreshTriggerHidden(triggerWrapper, false);
 
-        function paintProgress() {
-            if (!steps.length || !ring.length || !ringLabel.length) {
-                return;
-            }
+    $(".purchase-refresh-btn")
+      .off("click")
+      .on("click.directoristTeRefresh", function (event) {
+        event.preventDefault();
 
-            const done = steps.filter('.is-done').length;
-            const percent = Math.round((done / steps.length) * 100);
+        const wrapper = $(this).parent();
 
-            ring
-                .attr('stroke-dasharray', circumference.toFixed(1))
-                .attr(
-                    'stroke-dashoffset',
-                    (circumference * (1 - percent / 100)).toFixed(1)
-                );
-            ringLabel.text(`${percent}%`);
+        if (isAccountDropdown) {
+          event.stopImmediatePropagation();
+          panel.stop(true, true).removeAttr("style");
+          wrapper.stop(true, true).removeAttr("style");
         }
 
-        paintProgress();
+        setRefreshPanelHidden(panel, false);
+        setRefreshTriggerHidden(wrapper, true);
 
-        dashboard
-            .find('.directorist-te-dashboard-nudge__dismiss')
-            .on('click.directoristTeDashboard', function () {
-                nudge.prop('hidden', true).attr('aria-hidden', 'true');
-            });
+        if (panel.closest(".directorist-te-account-dropdown").length) {
+          panel.find('input[name="password"]').trigger("focus");
+          return;
+        }
 
-        steps.on('click.directoristTeDashboard', function () {
-            if ($(this).hasClass('is-done')) {
-                return;
-            }
+        const targetWidth = Math.min(
+          panel.find(".directorist-te-refresh-form").outerWidth() || 330,
+          panel.parent().width() || 330,
+        );
 
-            $(this).addClass('is-done');
-            paintProgress();
-        });
-    }
+        wrapper.stop(true, true).animate({ width: 0 }, 250);
+        panel
+          .stop(true, true)
+          .css({ width: 0 })
+          .animate({ width: targetWidth }, 250, function () {
+            panel.css("width", "");
+            panel.find('input[name="password"]').trigger("focus");
+          });
+      });
+
+    $(".et-close-auth-btn")
+      .off("click")
+      .on("click.directoristTeRefresh", function (event) {
+        event.preventDefault();
 
-    function runPluginBulkTask(task, pluginItems, button) {
-        if (!pluginItems.length) {
-            return;
+        const wrapper = $(".purchase-refresh-btn-wrapper");
+        const trigger = wrapper.find(".purchase-refresh-btn").first();
+        const targetWidth = trigger.outerWidth() || 160;
+        const accountMenu = panel.closest(".directorist-te-account-menu");
+
+        if (accountMenu.length) {
+          event.stopImmediatePropagation();
+          panel.stop(true, true).removeAttr("style");
+          wrapper.stop(true, true).removeAttr("style");
+          accountMenu.trigger("directoristTeRefreshReset");
+          panel.find('input[name="password"]').val("");
+          panel.find(".directorist-te-feedback").empty();
+          setRefreshTriggerHidden(wrapper, false);
+
+          if (trigger.length) {
+            trigger[0].focus({ preventScroll: true });
+          }
+
+          setRefreshPanelHidden(panel, true);
+          return;
         }
 
-        setButtonLoading(button, 'Working');
-
-        $.ajax({
-            type: 'post',
-            url: ajaxUrl(),
-            data: {
-                action: 'atbdp_plugins_bulk_action',
-                task,
-                plugin_items: pluginItems,
-                directorist_nonce: directoristNonce(),
-            },
-            success(response) {
-                if (response?.status && response.status.success === false) {
-                    alert(response.status.message || 'Action failed.');
-                    resetButton(button);
-                    return;
-                }
-
-                window.location.reload();
-            },
-            error() {
-                alert('Action failed. Please reload the page and try again.');
-                resetButton(button);
-            },
+        panel.stop(true, true).animate({ width: 0 }, 250, function () {
+          panel.find('input[name="password"]').val("");
+          panel.css("width", "");
+          setRefreshPanelHidden(panel, true);
         });
-    }
 
-    function runSelectedInstalls(items, button) {
-        const queue = items.slice();
+        setRefreshTriggerHidden(wrapper, false);
+        wrapper
+          .stop(true, true)
+          .css({ width: 0 })
+          .animate({ width: targetWidth }, 250, function () {
+            wrapper.css("width", "");
+            trigger.trigger("focus");
+          });
+      });
+  }
+
+  function clearProductSelection() {
+    selectableChecks().each(function () {
+      setCheckbox(this, false);
+    });
 
-        if (!queue.length) {
-            return;
-        }
+    updateBulkBar();
+  }
 
-        setButtonLoading(button, 'Installing');
+  function closeProductMenus() {
+    $(".ext-action-drop").removeClass("active");
+  }
 
-        const next = () => {
-            const item = queue.shift();
+  function setupViewSwitcher() {
+    const switchers = $("[data-directorist-te-view-target]");
+    const views = $("[data-directorist-te-view]");
 
-            if (!item) {
-                window.location.reload();
-                return;
-            }
+    if (!switchers.length || !views.length) {
+      return;
+    }
 
-            $.ajax({
-                type: 'post',
-                url: ajaxUrl(),
-                data: {
-                    action: 'atbdp_install_file_from_subscriptions',
-                    item_key: item.item,
-                    type: item.type,
-                    nonce: nonce(),
-                },
-                success(response) {
-                    if (
-                        response?.status &&
-                        response.status.success === false
-                    ) {
-                        alert(response.status.message || 'Install failed.');
-                        resetButton(button);
-                        return;
-                    }
-
-                    next();
-                },
-                error() {
-                    alert('Install failed. Please reload the page and try again.');
-                    resetButton(button);
-                },
-            });
-        };
+    function setActiveView(target, syncUrl) {
+      const targetView = views.filter(function () {
+        return $(this).attr("data-directorist-te-view") === target;
+      });
 
-        next();
-    }
+      if (!targetView.length) {
+        return;
+      }
 
-    function runSelectedUpdates(items, button) {
-        const queue = items.slice();
+      state.view = target;
 
-        if (!queue.length) {
-            return;
-        }
+      views.each(function () {
+        const isActive = $(this).attr("data-directorist-te-view") === target;
 
-        setButtonLoading(button, 'Updating');
+        $(this)
+          .prop("hidden", !isActive)
+          .attr("aria-hidden", isActive ? "false" : "true")
+          .toggleClass("is-active", isActive);
+      });
 
-        const next = () => {
-            const item = queue.shift();
+      switchers.each(function () {
+        const isActive =
+          $(this).attr("data-directorist-te-view-target") === target;
 
-            if (!item) {
-                window.location.reload();
-                return;
-            }
+        $(this).toggleClass("active", isActive);
 
-            const data =
-                item.type === 'theme'
-                    ? {
-                          action: 'atbdp_update_theme',
-                          theme_stylesheet: item.item,
-                          nonce: nonce(),
-                      }
-                    : {
-                          action: 'atbdp_update_plugins',
-                          plugin_key: item.item,
-                          nonce: nonce(),
-                      };
-
-            $.ajax({
-                type: 'post',
-                url: ajaxUrl(),
-                data,
-                success(response) {
-                    if (
-                        response?.status &&
-                        response.status.success === false
-                    ) {
-                        alert(response.status.message || 'Update failed.');
-                        resetButton(button);
-                        return;
-                    }
-
-                    next();
-                },
-                error() {
-                    alert('Update failed. Please reload the page and try again.');
-                    resetButton(button);
-                },
-            });
-        };
+        if (isActive) {
+          $(this).attr("aria-current", "page");
+          return;
+        }
 
-        next();
-    }
+        $(this).removeAttr("aria-current");
+      });
 
-    $('.directorist-te-tab').on('click', function () {
-        $('.directorist-te-tab').removeClass('is-active');
-        $(this).addClass('is-active');
-        state.type = $(this).data('filter-type') || 'all';
-        updateFilters();
-    });
+      closeProductMenus();
 
-    $('.directorist-te-segmented button').on('click', function () {
-        $('.directorist-te-segmented button').removeClass('is-active');
-        $(this).addClass('is-active');
-        state.status = $(this).data('filter-status') || 'all';
-        updateFilters();
-    });
+      if (target === "dashboard") {
+        clearProductSelection();
+      }
 
-    $('.directorist-te-search-input').on('input', function () {
-        state.query = $(this).val();
+      if (target === "addons") {
         updateFilters();
-    });
+      }
+
+      if (syncUrl !== false) {
+        syncPageStateUrl();
+      }
 
-    $('.directorist-te-empty-reset').on('click', function () {
-        resetCatalogFilters();
+      syncWordPressSubmenuState();
+      page.trigger("directoristTeViewChange", [target]);
+    }
+
+    switchers.on("click.directoristTeView", function (event) {
+      event.preventDefault();
+      setActiveView($(this).attr("data-directorist-te-view-target"));
     });
 
-    $('#atbdp-directorist-license-login-form.directorist-te-connect-form').on(
-        'submit',
-        function (event) {
-            const form = $(this);
-            const username = form.find('input[name="username"]').first();
-            const password = form.find('input[name="password"]').first();
-
-            clearConnectFeedback(form);
-
-            if (!username.val().trim()) {
-                event.preventDefault();
-                event.stopImmediatePropagation();
-                username.attr('aria-invalid', 'true').trigger('focus');
-                renderConnectFeedback(
-                    form,
-                    'danger',
-                    formMessage(
-                        form,
-                        'username-required',
-                        'Enter your Directorist account username or email address.'
-                    )
-                );
-                return;
-            }
+    setActiveView(state.view, false);
+    syncPageStateUrl();
+  }
+
+  function setupDashboardActivity() {
+    const drawer = $("[data-directorist-te-activity-drawer]").first();
+    const panel = drawer.find(".directorist-te-activity-drawer__panel");
+    const openButton = $("[data-activity-drawer-open]").first();
+    const closeButtons = drawer.find("[data-activity-drawer-close]");
+    const list = drawer.find("[data-activity-drawer-list]");
+    const stateRegion = drawer.find("[data-activity-drawer-state]");
+    const filters = drawer.find("[data-activity-filter]");
+    const loadMoreButton = drawer.find("[data-activity-load-more]");
+    let activityType = "all";
+    let nextPage = 1;
+    let hasMore = false;
+    let isLoading = false;
+    let loadedItems = [];
+    let restoreFocus = null;
+    const labels = {
+      loading: drawer.attr("data-loading-label") || "Loading activity...",
+      loadingMore:
+        drawer.attr("data-loading-more-label") || "Loading more activity...",
+      emptyTitle: drawer.attr("data-empty-title") || "No activity found",
+      emptyMessage:
+        drawer.attr("data-empty-message") ||
+        "There is no Directorist activity in this category yet.",
+      errorTitle: drawer.attr("data-error-title") || "Unable to load activity",
+      errorMessage:
+        drawer.attr("data-error-message") ||
+        "Activity could not be loaded. Close the panel and try again.",
+    };
 
-            if (!password.val()) {
-                event.preventDefault();
-                event.stopImmediatePropagation();
-                password.attr('aria-invalid', 'true').trigger('focus');
-                renderConnectFeedback(
-                    form,
-                    'danger',
-                    formMessage(
-                        form,
-                        'password-required',
-                        'Enter your Directorist account password.'
-                    )
-                );
-                return;
-            }
+    if (!drawer.length || !panel.length || !openButton.length) {
+      return;
+    }
 
-            setConnectBusy(form, true);
-        }
-    );
+    function activityFocusable() {
+      return panel
+        .find("a, button, input, select, textarea, [tabindex]")
+        .filter(":visible")
+        .filter(function () {
+          return !this.disabled && $(this).attr("tabindex") !== "-1";
+        });
+    }
 
-    $(
-        '#atbdp-directorist-license-login-form.directorist-te-connect-form input[name="username"], #atbdp-directorist-license-login-form.directorist-te-connect-form input[name="password"]'
-    ).on('input', function () {
-        const form = $(this).closest('.directorist-te-connect-form');
+    function setDrawerOpen(open) {
+      drawer.prop("hidden", !open).attr("aria-hidden", open ? "false" : "true");
+      $("body").toggleClass("directorist-te-activity-drawer-open", open);
 
-        $(this).removeAttr('aria-invalid');
+      if (open) {
+        restoreFocus = document.activeElement;
+        panel.find("[data-activity-drawer-close]").first().trigger("focus");
 
-        if (!form.find('[aria-invalid="true"]').length) {
-            connectFeedback(form).attr('role', 'status').empty();
+        if (!loadedItems.length && !isLoading) {
+          loadActivity(true);
         }
-    });
 
-    $(document).on('ajaxSuccess', function (_event, _xhr, settings, response) {
-        if (!isAuthRequest(settings)) {
-            return;
-        }
+        return;
+      }
 
-        const form = $(
-            '#atbdp-directorist-license-login-form.directorist-te-connect-form'
-        );
+      if (restoreFocus && document.contains(restoreFocus)) {
+        $(restoreFocus).trigger("focus");
+      }
+    }
 
-        if (!form.length || response?.has_previous_subscriptions) {
-            return;
-        }
+    function activityItemHtml(item) {
+      const subject = item.subject ? `<b>${escapeHtml(item.subject)}</b>` : "";
+      const context = item.context
+        ? `<span>${escapeHtml(item.context)}</span>`
+        : "";
+      const action =
+        item.action_url && item.action_label
+          ? `<a class="directorist-te-btn directorist-te-btn--soft" href="${escapeHtml(
+              item.action_url,
+            )}">${escapeHtml(item.action_label)}</a>`
+          : "";
+
+      return `
+                <article class="directorist-te-activity-drawer__item">
+                    <span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--${escapeHtml(
+                      item.tone || "blue",
+                    )}">
+                        <i class="${escapeHtml(
+                          item.icon || "la la-history",
+                        )}" aria-hidden="true"></i>
+                    </span>
+                    <div class="directorist-te-dashboard-activity-copy">
+                        <strong>${escapeHtml(item.title || "")}</strong>
+                        <span class="directorist-te-dashboard-activity-summary">${subject}${context}</span>
+                        <small><i class="la la-clock" aria-hidden="true"></i>${escapeHtml(
+                          item.time_label || "",
+                        )}</small>
+                    </div>
+                    ${action}
+                </article>
+            `;
+    }
 
-        if (response?.status?.success) {
-            return;
-        }
+    function renderActivity() {
+      if (!loadedItems.length) {
+        list.html(
+          `<div class="directorist-te-activity-drawer__empty">
+                        <i class="la la-check-circle" aria-hidden="true"></i>
+                        <strong>${escapeHtml(labels.emptyTitle)}</strong>
+                        <p>${escapeHtml(labels.emptyMessage)}</p>
+                    </div>`,
+        );
+        return;
+      }
 
-        if (
-            authHasRemoteConnectionError(response) ||
-            isRemoteConnectionMessage(connectFeedback(form).text())
-        ) {
-            renderConnectFeedback(
-                form,
-                'danger',
-                formMessage(
-                    form,
-                    'network-error',
-                    'Could not reach Directorist.com. Please try again.'
-                )
-            );
-        } else {
-            renderConnectFeedback(
-                form,
-                'danger',
-                formMessage(
-                    form,
-                    'invalid-credentials',
-                    'The username, email address, or password is incorrect. Please check your details and try again.'
-                )
-            );
-        }
+      const groupedItems = [];
+      const groupsByKey = {};
 
-        setConnectBusy(form, false);
-    });
+      loadedItems.forEach((item) => {
+        const key = item.group || "earlier";
 
-    $(document).on('ajaxError', function (_event, _xhr, settings) {
-        if (!isAuthRequest(settings)) {
-            return;
+        if (!groupsByKey[key]) {
+          groupsByKey[key] = {
+            key,
+            label: item.group_label || "Earlier",
+            items: [],
+          };
+          groupedItems.push(groupsByKey[key]);
         }
 
-        const form = $(
-            '#atbdp-directorist-license-login-form.directorist-te-connect-form'
-        );
+        groupsByKey[key].items.push(item);
+      });
+
+      list.html(
+        groupedItems
+          .map(
+            (group) => `
+                            <section class="directorist-te-activity-drawer__group" data-activity-group="${escapeHtml(
+                              group.key,
+                            )}">
+                                <h3>${escapeHtml(group.label)}</h3>
+                                <div>${group.items
+                                  .map(activityItemHtml)
+                                  .join("")}</div>
+                            </section>
+                        `,
+          )
+          .join(""),
+      );
+    }
 
-        if (!form.length) {
-            return;
+    function mergeItems(items) {
+      const itemsById = new Map(
+        loadedItems.map((item) => [String(item.id), item]),
+      );
+
+      items.forEach((item) => {
+        if (item?.id) {
+          itemsById.set(String(item.id), item);
         }
+      });
 
-        renderConnectFeedback(
-            form,
-            'danger',
-            formMessage(
-                form,
-                'network-error',
-                'Could not reach Directorist.com. Please try again.'
-            )
-        );
-        setConnectBusy(form, false);
-    });
+      loadedItems = Array.from(itemsById.values());
+    }
 
-    $('.directorist-te-password-toggle').on('click', function (event) {
-        event.preventDefault();
+    function setLoading(loading) {
+      isLoading = loading;
+      drawer.attr("aria-busy", loading ? "true" : "false");
+      filters.prop("disabled", loading);
+      loadMoreButton.prop("disabled", loading);
+
+      if (loading) {
+        stateRegion.text(nextPage > 1 ? labels.loadingMore : labels.loading);
+        return;
+      }
 
-        const button = $(this);
-        const input = button
-            .closest('.directorist-te-password-control')
-            .find('input[name="password"]')
-            .first();
+      stateRegion.empty();
+    }
 
-        if (!input.length) {
+    function loadActivity(reset) {
+      if (isLoading) {
+        return;
+      }
+
+      if (reset) {
+        nextPage = 1;
+        hasMore = false;
+        loadedItems = [];
+        list.empty();
+        loadMoreButton.prop("hidden", true);
+      }
+
+      setLoading(true);
+
+      $.ajax({
+        type: "post",
+        url: ajaxUrl(),
+        dataType: "json",
+        data: {
+          action: "directorist_te_get_activity",
+          nonce: nonce(),
+          activity_page: nextPage,
+          activity_type: activityType,
+        },
+      })
+        .done(function (response) {
+          if (!response?.success || !response.data) {
+            stateRegion.text(response?.data?.message || labels.errorMessage);
             return;
-        }
+          }
+
+          mergeItems(
+            Array.isArray(response.data.items) ? response.data.items : [],
+          );
+          hasMore = Boolean(response.data.has_more);
+          nextPage = Number(response.data.next_page) || nextPage + 1;
+          renderActivity();
+          loadMoreButton.prop("hidden", !hasMore);
+        })
+        .fail(function () {
+          stateRegion.text(labels.errorMessage);
+
+          if (!loadedItems.length) {
+            list.html(
+              `<div class="directorist-te-activity-drawer__empty directorist-te-activity-drawer__empty--error">
+                                <i class="la la-exclamation-circle" aria-hidden="true"></i>
+                                <strong>${escapeHtml(labels.errorTitle)}</strong>
+                                <p>${escapeHtml(labels.errorMessage)}</p>
+                            </div>`,
+            );
+          }
+        })
+        .always(function () {
+          setLoading(false);
+        });
+    }
 
-        const isHidden = input.attr('type') === 'password';
-        const nextLabel = isHidden
-            ? button.data('hide-label')
-            : button.data('show-label');
+    openButton.on("click.directoristTeActivity", function () {
+      setDrawerOpen(true);
+    });
 
-        input.attr('type', isHidden ? 'text' : 'password').trigger('focus');
-        button.attr({
-            'aria-label': nextLabel,
-            'aria-pressed': isHidden ? 'true' : 'false',
-        });
-        button.find('i').toggleClass('la-eye', !isHidden);
-        button.find('i').toggleClass('la-eye-slash', isHidden);
+    closeButtons.on("click.directoristTeActivity", function () {
+      setDrawerOpen(false);
     });
 
-    $('#atbdp-my-extensions-form').on(
-        'change',
-        '.directorist-te-select-checkbox',
-        function () {
-            setCheckbox(this, this.checked);
-            updateBulkBar();
-        }
-    );
-
-    $('#select-all-installed').on('change', function () {
-        const checked = this.checked;
+    filters.on("click.directoristTeActivity", function () {
+      activityType = $(this).attr("data-activity-filter") || "all";
+      filters.removeClass("is-active").attr("aria-pressed", "false");
+      $(this).addClass("is-active").attr("aria-pressed", "true");
+      loadActivity(true);
+    });
 
-        visibleSelectableChecks().each(function () {
-            setCheckbox(this, checked);
-        });
+    loadMoreButton.on("click.directoristTeActivity", function () {
+      if (hasMore) {
+        loadActivity(false);
+      }
+    });
 
-        updateBulkBar();
+    page.on("directoristTeViewChange", function (event, target) {
+      if (target !== "dashboard" && !drawer.prop("hidden")) {
+        setDrawerOpen(false);
+      }
     });
 
-    $('.directorist-te-bulk-clear').on('click', function () {
-        selectableChecks().each(function () {
-            setCheckbox(this, false);
-        });
+    $(document).on("keydown.directoristTeActivity", function (event) {
+      if (drawer.prop("hidden")) {
+        return;
+      }
+
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setDrawerOpen(false);
+        return;
+      }
+
+      if (event.key !== "Tab") {
+        return;
+      }
+
+      const focusable = activityFocusable();
+
+      if (!focusable.length) {
+        event.preventDefault();
+        return;
+      }
 
-        updateBulkBar();
+      const first = focusable.first()[0];
+      const last = focusable.last()[0];
+
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        $(last).trigger("focus");
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        $(first).trigger("focus");
+      }
     });
 
-    $(document).on('keydown', function (event) {
-        if (event.key !== 'Escape' || !checkedSelectableChecks().length) {
-            return;
+    setDrawerOpen(false);
+  }
+
+  function setupRequiredExtensionsCompatibility() {
+    const legacyHash = "#atbdp-required-extensions-form";
+
+    function showRequiredExtensions() {
+      if (window.location.hash !== legacyHash) {
+        return;
+      }
+
+      const requiredFilter = $(
+        '.directorist-te-segmented button[data-filter-status="required"]',
+      ).first();
+      const legacyTarget = $("#atbdp-required-extensions-form").first();
+      const extensionTab = $(
+        '.directorist-te-tab[data-filter-type="extension"]',
+      ).first();
+      const isConnected = page.hasClass("directorist-te-page--connected");
+
+      if (isConnected) {
+        $('[data-directorist-te-view-target="addons"]')
+          .first()
+          .trigger("click");
+        $(".directorist-te-search-input").val("");
+        state.query = "";
+        extensionTab.trigger("click");
+      }
+
+      if (!requiredFilter.length) {
+        const fallbackTarget = legacyTarget.length
+          ? legacyTarget
+          : $(".directorist-te-connect").first();
+
+        if (!fallbackTarget.length) {
+          return;
         }
 
-        selectableChecks().each(function () {
-            setCheckbox(this, false);
+        window.setTimeout(function () {
+          fallbackTarget[0].scrollIntoView({
+            block: "start",
+            behavior: "auto",
+          });
+
+          fallbackTarget
+            .find('input[name="username"]')
+            .first()
+            .trigger("focus");
+
+          if (isConnected) {
+            extensionTab.trigger("focus");
+          }
+        }, 0);
+
+        return;
+      }
+
+      requiredFilter.trigger("click");
+
+      window.setTimeout(function () {
+        const scrollTarget = legacyTarget.length
+          ? legacyTarget[0]
+          : requiredFilter[0];
+
+        scrollTarget.scrollIntoView({
+          block: "start",
+          behavior: "auto",
         });
+        requiredFilter.trigger("focus");
+      }, 100);
+    }
 
-        $('.ext-action-drop').removeClass('active');
-        updateBulkBar();
-    });
+    $(window).on(
+      "hashchange.directoristTeRequiredExtensions",
+      showRequiredExtensions,
+    );
+    showRequiredExtensions();
+  }
 
-    $('.directorist-te-bulk-action').on('click', function (event) {
-        event.preventDefault();
+  function setupDashboardRecommendations() {
+    const section = $("[data-directorist-te-recommendations]").first();
 
-        const task = $(this).data('task');
-        const selectedItems = selectedBulkItems(task);
-        const selectedCount = checkedSelectableChecks().length;
-        const skippedCount = Math.max(selectedCount - selectedItems.length, 0);
+    if (!section.length) {
+      return;
+    }
 
-        if (!task || !selectedItems.length) {
-            return;
-        }
+    const groups = section.find("[data-recommendation-group]");
+    const previousButton = section.find("[data-recommendation-previous]");
+    const nextButton = section.find("[data-recommendation-next]");
+    const directorySelect = section.find(
+      "[data-recommendation-directory-select]",
+    );
+    const autoplayButton = section.find("[data-recommendation-autoplay]");
+    const heading = section.find("[data-recommendation-heading]");
+    const description = section.find("[data-recommendation-description]");
+    const liveRegion = section.find("[data-recommendation-live]");
+    const headingTemplate =
+      section.attr("data-heading-template") || "Recommended for %s";
+    const directoryIds = groups
+      .map(function () {
+        return String($(this).attr("data-recommendation-group") || "");
+      })
+      .get()
+      .filter(Boolean);
+    const cardOffsets = {};
+    const paintedDirectories = {};
+    const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const rotationInterval = Math.max(
+      4000,
+      Number(section.attr("data-rotation-interval")) || 6000,
+    );
+    let selectedId =
+      String(section.attr("data-default-directory") || "") || directoryIds[0];
+    let autoplayTimer = 0;
+    let autoplayPaused = reducedMotion.matches;
+
+    function getGroup(directoryId) {
+      return groups.filter(function () {
+        return (
+          String($(this).attr("data-recommendation-group")) ===
+          String(directoryId)
+        );
+      });
+    }
 
-        if (
-            task === 'uninstall' &&
-            !window.confirm(
-                `Delete removes ${itemCountText(
-                    selectedItems.length
-                )} from this site.` +
-                    (skippedCount
-                        ? ` ${itemCountText(skippedCount)} will be skipped.`
-                        : '') +
-                    ' Continue?'
-            )
-        ) {
-            return;
-        }
+    function paintCards(group, directoryId, advance) {
+      const cards = group.find("[data-recommendation-card]");
+      const cardCount = cards.length;
+      let offset = cardOffsets[directoryId] || 0;
 
-        if (task === 'install') {
-            runSelectedInstalls(selectedItems, this);
-            return;
-        }
+      cards.prop("hidden", true);
 
-        if (task === 'update') {
-            runSelectedUpdates(selectedItems, this);
-            return;
-        }
+      if (!cardCount) {
+        return;
+      }
 
-        const pluginItems = selectedItems
-            .filter((item) => item.type === 'plugin')
-            .map((item) => item.item);
+      if (advance && paintedDirectories[directoryId] && cardCount > 3) {
+        offset = (offset + 3) % cardCount;
+        cardOffsets[directoryId] = offset;
+      }
 
-        if (pluginItems.length !== selectedItems.length) {
-            alert('This bulk action is only available for plugins.');
-            return;
-        }
+      paintedDirectories[directoryId] = true;
 
-        runPluginBulkTask(task, pluginItems, this);
-    });
+      for (let index = 0; index < Math.min(3, cardCount); index += 1) {
+        cards.eq((offset + index) % cardCount).prop("hidden", false);
+      }
+    }
 
-    $('.directorist-te-single-plugin-task').on('click', function (event) {
-        event.preventDefault();
+    function selectDirectory(directoryId, announce, advanceCards) {
+      const group = getGroup(directoryId);
 
-        const task = $(this).data('task');
-        const target = $(this).data('target');
+      if (!group.length) {
+        return;
+      }
 
-        if (!task || !target) {
-            return;
-        }
+      selectedId = String(directoryId);
+
+      groups.prop("hidden", true);
+      group.prop("hidden", false);
+      paintCards(group, selectedId, advanceCards);
+
+      const name =
+        String(group.attr("data-directory-name") || "").trim() ||
+        "your directory";
+      const summary = String(group.attr("data-directory-description") || "");
+
+      heading.text(headingTemplate.replace("%s", name));
+      description.text(summary);
+      directorySelect.val(selectedId);
+
+      if (announce) {
+        liveRegion.text(`${name} recommendations shown.`);
+      }
+    }
+
+    function moveDirectory(step, announce) {
+      if (directoryIds.length > 1) {
+        const currentIndex = directoryIds.indexOf(selectedId);
+        const nextIndex =
+          (currentIndex + step + directoryIds.length) % directoryIds.length;
+
+        selectDirectory(directoryIds[nextIndex], announce, true);
+        return;
+      }
+
+      selectDirectory(selectedId, announce, true);
+    }
+
+    function stopAutoplay() {
+      window.clearInterval(autoplayTimer);
+      autoplayTimer = 0;
+    }
+
+    function canAutoplay() {
+      return (
+        directoryIds.length > 1 ||
+        groups.filter(function () {
+          return $(this).find("[data-recommendation-card]").length > 3;
+        }).length > 0
+      );
+    }
+
+    function isInteracting() {
+      return (
+        section.is(":hover") ||
+        section.find(":focus").length > 0 ||
+        document.hidden
+      );
+    }
+
+    function startAutoplay() {
+      stopAutoplay();
+
+      if (!canAutoplay() || autoplayPaused || isInteracting()) {
+        return;
+      }
+
+      autoplayTimer = window.setInterval(function () {
+        moveDirectory(1, false);
+      }, rotationInterval);
+    }
+
+    function updateAutoplayButton() {
+      const label = autoplayPaused
+        ? "Resume automatic recommendations"
+        : "Pause automatic recommendations";
+
+      autoplayButton
+        .attr("aria-pressed", autoplayPaused ? "true" : "false")
+        .attr("aria-label", label)
+        .attr("title", label)
+        .find("i")
+        .attr("class", autoplayPaused ? "la la-play" : "la la-pause");
+    }
+
+    if (!directoryIds.includes(selectedId)) {
+      selectedId = directoryIds[0];
+    }
 
-        runPluginBulkTask(task, [target], this);
+    const hasMultipleDirectories = directoryIds.length > 1;
+
+    previousButton.prop("hidden", !hasMultipleDirectories);
+    nextButton.prop("hidden", !hasMultipleDirectories);
+    directorySelect.prop("hidden", !hasMultipleDirectories);
+    autoplayButton.prop("hidden", !canAutoplay());
+    selectDirectory(selectedId, false, false);
+    updateAutoplayButton();
+    startAutoplay();
+
+    previousButton.on("click.directoristTeRecommendations", function () {
+      moveDirectory(-1, true);
+      startAutoplay();
     });
 
-    $('.directorist-te-update-all').on('click', function (event) {
-        event.preventDefault();
+    nextButton.on("click.directoristTeRecommendations", function () {
+      moveDirectory(1, true);
+      startAutoplay();
+    });
+
+    directorySelect.on("change.directoristTeRecommendations", function () {
+      selectDirectory(String($(this).val() || ""), true, true);
+      startAutoplay();
+    });
+
+    autoplayButton.on("click.directoristTeRecommendations", function () {
+      autoplayPaused = !autoplayPaused;
+      updateAutoplayButton();
+      startAutoplay();
+    });
+
+    section.on(
+      "mouseenter.directoristTeRecommendations focusin.directoristTeRecommendations",
+      stopAutoplay,
+    );
+    section.on(
+      "mouseleave.directoristTeRecommendations focusout.directoristTeRecommendations",
+      function () {
+        window.setTimeout(startAutoplay, 0);
+      },
+    );
 
-        const button = this;
-        const updateExtensions = $(button).data('update-extensions') === 1;
-        const updateThemes = $(button).data('update-themes') === 1;
-        const queue = [];
+    $(document).on(
+      "visibilitychange.directoristTeRecommendations",
+      startAutoplay,
+    );
 
-        if (updateExtensions) {
-            queue.push('atbdp_update_plugins');
+    const handleMotionPreference = function (event) {
+      autoplayPaused = event.matches;
+      updateAutoplayButton();
+      startAutoplay();
+    };
+
+    if (reducedMotion.addEventListener) {
+      reducedMotion.addEventListener("change", handleMotionPreference);
+    } else {
+      reducedMotion.addListener(handleMotionPreference);
+    }
+  }
+
+  function setupDashboardQuickActions() {
+    const card = $("[data-directorist-te-quick-actions]").first();
+    const directorySelect = card.find("[data-quick-actions-directory-select]");
+
+    if (!card.length || !directorySelect.length) {
+      return;
+    }
+
+    const storageKey = "directorist_te_quick_actions_directory";
+    const liveRegion = card.find("[data-quick-actions-live]");
+    const actionAttributes = {
+      "add-listing": {
+        url: "data-add-listing-url",
+        ariaLabel: "data-add-listing-aria-label",
+        description: "data-add-listing-description",
+      },
+      "manage-categories": {
+        url: "data-manage-categories-url",
+        ariaLabel: "data-manage-categories-aria-label",
+      },
+      "listing-layout": {
+        url: "data-listing-layout-url",
+        ariaLabel: "data-listing-layout-aria-label",
+      },
+      "submission-form": {
+        url: "data-submission-form-url",
+        ariaLabel: "data-submission-form-aria-label",
+      },
+    };
+
+    function selectedOption() {
+      return directorySelect.find("option:selected").first();
+    }
+
+    function updateActions(announce) {
+      const option = selectedOption();
+
+      if (!option.length) {
+        return;
+      }
+
+      Object.entries(actionAttributes).forEach(([key, attributes]) => {
+        const action = card.find(`[data-quick-action="${key}"]`);
+        const url = option.attr(attributes.url);
+        const ariaLabel = option.attr(attributes.ariaLabel);
+
+        if (!action.length || !url) {
+          return;
         }
 
-        if (updateThemes) {
-            queue.push('atbdp_update_theme');
+        action.attr("href", url);
+
+        if (ariaLabel) {
+          action.attr("aria-label", ariaLabel);
         }
 
-        if (!queue.length) {
-            return;
+        if (attributes.description) {
+          const description = option.attr(attributes.description);
+
+          if (description) {
+            action.find("em").text(description);
+          }
         }
+      });
 
-        setButtonLoading(button, 'Updating');
+      if (!announce || !liveRegion.length) {
+        return;
+      }
+
+      const directoryName = String(
+        option.attr("data-directory-name") || option.text(),
+      )
+        .replace(/\s+/g, " ")
+        .trim();
+      const messageTemplate =
+        card.attr("data-directory-change-message") ||
+        "Quick actions now use %s.";
+
+      liveRegion.text(messageTemplate.replace("%s", directoryName));
+    }
 
-        const next = () => {
-            const action = queue.shift();
+    try {
+      const storedDirectory = window.sessionStorage.getItem(storageKey);
+      const storedOption = directorySelect.find("option").filter(function () {
+        return String(this.value) === storedDirectory;
+      });
 
-            if (!action) {
-                window.location.reload();
-                return;
-            }
+      if (storedOption.length) {
+        directorySelect.val(storedDirectory);
+      }
+    } catch (error) {}
 
-            $.ajax({
-                type: 'post',
-                url: ajaxUrl(),
-                data: {
-                    action,
-                    nonce: nonce(),
-                },
-                success(response) {
-                    if (
-                        response?.status &&
-                        response.status.success === false
-                    ) {
-                        alert(response.status.message || 'Update failed.');
-                        resetButton(button);
-                        return;
-                    }
-
-                    next();
-                },
-                error() {
-                    alert('Update failed. Please reload the page and try again.');
-                    resetButton(button);
-                },
-            });
-        };
+    updateActions(false);
 
-        next();
+    directorySelect.on("change.directoristTeQuickActions", function () {
+      try {
+        window.sessionStorage.setItem(storageKey, this.value);
+      } catch (error) {}
+
+      updateActions(true);
     });
+  }
+
+  function setupDashboardPreview() {
+    const dashboard = $(".directorist-te-dashboard");
+    const nudge = dashboard.find(".directorist-te-dashboard-nudge");
+    const steps = dashboard.find(".directorist-te-dashboard-step");
+    const ring = dashboard.find(".directorist-te-dashboard-ring circle").last();
+    const ringLabel = dashboard.find(".directorist-te-dashboard-ring span");
+    const radius = 19;
+    const circumference = 2 * Math.PI * radius;
+
+    if (!dashboard.length) {
+      return;
+    }
 
-    $('.directorist-te-menu-toggle').on('click', function (event) {
-        event.preventDefault();
-        event.stopPropagation();
+    function paintProgress() {
+      if (!steps.length || !ring.length || !ringLabel.length) {
+        return;
+      }
 
-        const wasOpen = $(this).hasClass('active');
+      const done = steps.filter(".is-done").length;
+      const percent = Math.round((done / steps.length) * 100);
 
-        $('.ext-action-drop').removeClass('active');
+      ring
+        .attr("stroke-dasharray", circumference.toFixed(1))
+        .attr(
+          "stroke-dashoffset",
+          (circumference * (1 - percent / 100)).toFixed(1),
+        );
+      ringLabel.text(`${percent}%`);
+    }
 
-        if (!wasOpen) {
-            $(this).addClass('active');
-        }
-    });
+    paintProgress();
 
-    $('.directorist-te-menu__items').on('click', function (event) {
-        event.stopPropagation();
-    });
+    dashboard
+      .find(".directorist-te-dashboard-nudge__dismiss")
+      .on("click.directoristTeDashboard", function () {
+        nudge.prop("hidden", true).attr("aria-hidden", "true");
+      });
 
-    $('.directorist-te-menu-link').on('click', function () {
-        $('.ext-action-drop').removeClass('active');
+    steps.on("click.directoristTeDashboard", function () {
+      if ($(this).hasClass("is-done")) {
+        return;
+      }
+
+      $(this).addClass("is-done");
+      paintProgress();
     });
+  }
 
-    $(document).on('click', function (event) {
-        if ($(event.target).closest('.directorist-te-menu').length) {
-            return;
+  function runPluginBulkTask(task, pluginItems, button) {
+    if (!pluginItems.length) {
+      return;
+    }
+
+    setButtonLoading(button, "Working");
+
+    $.ajax({
+      type: "post",
+      url: ajaxUrl(),
+      data: {
+        action: "atbdp_plugins_bulk_action",
+        task,
+        plugin_items: pluginItems,
+        directorist_nonce: directoristNonce(),
+      },
+      success(response) {
+        if (response?.status && response.status.success === false) {
+          alert(response.status.message || "Action failed.");
+          resetButton(button);
+          return;
         }
 
-        $('.ext-action-drop').removeClass('active');
+        window.location.reload();
+      },
+      error() {
+        alert("Action failed. Please reload the page and try again.");
+        resetButton(button);
+      },
     });
+  }
 
-    document.addEventListener(
-        'click',
-        function (event) {
-            const menuToggle = event.target.closest(
-                '.directorist-te-menu-toggle'
-            );
+  function runSelectedInstalls(items, button) {
+    const queue = items.slice();
 
-            if (menuToggle) {
-                event.preventDefault();
-                event.stopPropagation();
+    if (!queue.length) {
+      return;
+    }
 
-                const wasOpen = menuToggle.classList.contains('active');
+    setButtonLoading(button, "Installing");
 
-                document
-                    .querySelectorAll('.ext-action-drop.active')
-                    .forEach((toggle) => toggle.classList.remove('active'));
+    const next = () => {
+      const item = queue.shift();
 
-                if (!wasOpen) {
-                    menuToggle.classList.add('active');
-                }
+      if (!item) {
+        window.location.reload();
+        return;
+      }
+
+      $.ajax({
+        type: "post",
+        url: ajaxUrl(),
+        data: {
+          action: "atbdp_install_file_from_subscriptions",
+          item_key: item.item,
+          type: item.type,
+          nonce: nonce(),
+        },
+        success(response) {
+          if (response?.status && response.status.success === false) {
+            alert(response.status.message || "Install failed.");
+            resetButton(button);
+            return;
+          }
 
-                return;
-            }
+          next();
+        },
+        error() {
+          alert("Install failed. Please reload the page and try again.");
+          resetButton(button);
+        },
+      });
+    };
 
-            const themeButton = event.target.closest('.theme-activate-btn');
-
-            if (themeButton && !themeButton.dataset.directoristConfirmed) {
-                if (
-                    !window.confirm(
-                        'Activating this theme changes the live site theme. Continue?'
-                    )
-                ) {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    event.stopImmediatePropagation();
-                    return;
-                }
-
-                themeButton.dataset.directoristConfirmed = '1';
-                window.setTimeout(() => {
-                    delete themeButton.dataset.directoristConfirmed;
-                }, 1000);
-            }
+    next();
+  }
 
-            const uninstallLink = event.target.closest('.ext-action-uninstall');
+  function runSelectedUpdates(items, button) {
+    const queue = items.slice();
 
-            if (!uninstallLink) {
-                return;
-            }
+    if (!queue.length) {
+      return;
+    }
 
-            event.preventDefault();
-            event.stopPropagation();
-            event.stopImmediatePropagation();
+    setButtonLoading(button, "Updating");
 
-            const target = uninstallLink.dataset.target;
+    const next = () => {
+      const item = queue.shift();
 
-            if (!target) {
-                return;
+      if (!item) {
+        window.location.reload();
+        return;
+      }
+
+      const data =
+        item.type === "theme"
+          ? {
+              action: "atbdp_update_theme",
+              theme_stylesheet: item.item,
+              nonce: nonce(),
             }
+          : {
+              action: "atbdp_update_plugins",
+              plugin_key: item.item,
+              nonce: nonce(),
+            };
+
+      $.ajax({
+        type: "post",
+        url: ajaxUrl(),
+        data,
+        success(response) {
+          if (response?.status && response.status.success === false) {
+            alert(response.status.message || "Update failed.");
+            resetButton(button);
+            return;
+          }
 
-            if (
-                !window.confirm(
-                    'Delete removes this plugin from the server. Continue?'
-                )
-            ) {
-                return;
-            }
+          next();
+        },
+        error() {
+          alert("Update failed. Please reload the page and try again.");
+          resetButton(button);
+        },
+      });
+    };
+
+    next();
+  }
+
+  $(".directorist-te-tab").on("click", function () {
+    $(".directorist-te-tab").removeClass("is-active");
+    $(this).addClass("is-active");
+    state.type = $(this).data("filter-type") || "all";
+    updateFilters();
+    syncPageStateUrl();
+  });
 
-            runPluginBulkTask('uninstall', [target], uninstallLink);
+  $(".directorist-te-segmented button").on("click", function () {
+    $(".directorist-te-segmented button").removeClass("is-active");
+    $(this).addClass("is-active");
+    state.status = $(this).data("filter-status") || "all";
+    updateFilters();
+  });
+
+  $(".directorist-te-search-input").on("input", function () {
+    state.query = $(this).val();
+    updateFilters();
+  });
+
+  $(".directorist-te-empty-reset").on("click", function () {
+    resetCatalogFilters();
+  });
+
+  $("#atbdp-directorist-license-login-form.directorist-te-connect-form").on(
+    "submit",
+    function (event) {
+      const form = $(this);
+      const authMethod = connectAuthMethod(form);
+      const username = form.find('input[name="username"]').first();
+      const password = form.find('input[name="password"]').first();
+      const accessKey = form.find('input[name="access_key"]').first();
+
+      event.preventDefault();
+      event.stopImmediatePropagation();
+
+      if (form.attr("aria-busy") === "true") {
+        return;
+      }
+
+      clearConnectFeedback(form);
+
+      if (authMethod === "access_key" && !accessKey.val().trim()) {
+        accessKey.attr("aria-invalid", "true").trigger("focus");
+        renderConnectFeedback(
+          form,
+          "danger",
+          formMessage(
+            form,
+            "access-key-required",
+            "Enter your Directorist account access key.",
+          ),
+        );
+        return;
+      }
+
+      if (authMethod === "account" && !username.val().trim()) {
+        username.attr("aria-invalid", "true").trigger("focus");
+        renderConnectFeedback(
+          form,
+          "danger",
+          formMessage(
+            form,
+            "username-required",
+            "Enter your Directorist account username or email address.",
+          ),
+        );
+        return;
+      }
+
+      if (authMethod === "account" && !password.val()) {
+        password.attr("aria-invalid", "true").trigger("focus");
+        renderConnectFeedback(
+          form,
+          "danger",
+          formMessage(
+            form,
+            "password-required",
+            "Enter your Directorist account password.",
+          ),
+        );
+        return;
+      }
+
+      setConnectBusy(form, true);
+
+      $.ajax({
+        type: "post",
+        url: ajaxUrl(),
+        directoristTeOwned: true,
+        data: {
+          action: "atbdp_authenticate_the_customer",
+          auth_method: authMethod,
+          access_key: authMethod === "access_key" ? accessKey.val().trim() : "",
+          username: authMethod === "account" ? username.val().trim() : "",
+          password: authMethod === "account" ? password.val() : "",
+          nonce: nonce(),
         },
-        true
+        success(response) {
+          if (
+            response?.has_previous_subscriptions ||
+            response?.status?.success
+          ) {
+            window.location.reload();
+            return;
+          }
+
+          if (authHasRemoteConnectionError(response)) {
+            renderConnectFeedback(
+              form,
+              "danger",
+              formMessage(
+                form,
+                "network-error",
+                "Could not reach Directorist.com. Please try again.",
+              ),
+            );
+          } else {
+            renderConnectFeedback(
+              form,
+              "danger",
+              formMessage(
+                form,
+                authMethod === "access_key"
+                  ? "invalid-access-key"
+                  : "invalid-credentials",
+                authMethod === "access_key"
+                  ? "The access key is invalid. Check the key in your Directorist account and try again."
+                  : "The username, email address, or password is incorrect. Please check your details and try again.",
+              ),
+            );
+          }
+
+          setConnectBusy(form, false);
+        },
+        error() {
+          renderConnectFeedback(
+            form,
+            "danger",
+            formMessage(
+              form,
+              "network-error",
+              "Could not reach Directorist.com. Please try again.",
+            ),
+          );
+          setConnectBusy(form, false);
+        },
+      });
+    },
+  );
+
+  $(
+    '#atbdp-directorist-license-login-form.directorist-te-connect-form input[name="username"], #atbdp-directorist-license-login-form.directorist-te-connect-form input[name="password"], #atbdp-directorist-license-login-form.directorist-te-connect-form input[name="access_key"]',
+  ).on("input", function () {
+    const form = $(this).closest(".directorist-te-connect-form");
+
+    $(this).removeAttr("aria-invalid");
+
+    if (!form.find('[aria-invalid="true"]').length) {
+      connectFeedback(form).attr("role", "status").empty();
+    }
+  });
+
+  $(".directorist-te-auth-methods [data-auth-method]").on(
+    "click",
+    function () {
+      const button = $(this);
+      const form = button.closest(".directorist-te-connect-form");
+
+      if (!form.length || form.attr("aria-busy") === "true") {
+        return;
+      }
+
+      form
+        .find('input[name="auth_method"]')
+        .val(
+          button.attr("data-auth-method") === "access_key"
+            ? "access_key"
+            : "account",
+        );
+      clearConnectFeedback(form);
+      syncConnectAuthMethod(form, true);
+    },
+  );
+
+  $(".directorist-te-auth-methods [data-auth-method]").on(
+    "keydown",
+    function (event) {
+      if (
+        !["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)
+      ) {
+        return;
+      }
+
+      event.preventDefault();
+
+      const buttons = $(this)
+        .closest(".directorist-te-auth-methods")
+        .find("[data-auth-method]:not(:disabled)");
+      const currentIndex = buttons.index(this);
+      let nextIndex = currentIndex;
+
+      if (event.key === "Home") {
+        nextIndex = 0;
+      } else if (event.key === "End") {
+        nextIndex = buttons.length - 1;
+      } else if (event.key === "ArrowRight") {
+        nextIndex = (currentIndex + 1) % buttons.length;
+      } else {
+        nextIndex = (currentIndex - 1 + buttons.length) % buttons.length;
+      }
+
+      buttons.eq(nextIndex).trigger("click").trigger("focus");
+    },
+  );
+
+  $(
+    "#atbdp-directorist-license-login-form.directorist-te-connect-form",
+  ).each(function () {
+    syncConnectAuthMethod($(this), false);
+  });
+
+  $(document).on("ajaxSuccess", function (_event, _xhr, settings, response) {
+    if (settings?.directoristTeOwned || !isAuthRequest(settings)) {
+      return;
+    }
+
+    const form = $(
+      "#atbdp-directorist-license-login-form.directorist-te-connect-form",
+    );
+    const authMethod = connectAuthMethod(form);
+
+    if (!form.length || response?.has_previous_subscriptions) {
+      return;
+    }
+
+    if (response?.status?.success) {
+      return;
+    }
+
+    if (
+      authHasRemoteConnectionError(response) ||
+      isRemoteConnectionMessage(connectFeedback(form).text())
+    ) {
+      renderConnectFeedback(
+        form,
+        "danger",
+        formMessage(
+          form,
+          "network-error",
+          "Could not reach Directorist.com. Please try again.",
+        ),
+      );
+    } else {
+      renderConnectFeedback(
+        form,
+        "danger",
+        formMessage(
+          form,
+          authMethod === "access_key"
+            ? "invalid-access-key"
+            : "invalid-credentials",
+          authMethod === "access_key"
+            ? "The access key is invalid. Check the key in your Directorist account and try again."
+            : "The username, email address, or password is incorrect. Please check your details and try again.",
+        ),
+      );
+    }
+
+    setConnectBusy(form, false);
+  });
+
+  $(document).on("ajaxError", function (_event, _xhr, settings) {
+    if (settings?.directoristTeOwned || !isAuthRequest(settings)) {
+      return;
+    }
+
+    const form = $(
+      "#atbdp-directorist-license-login-form.directorist-te-connect-form",
+    );
+
+    if (!form.length) {
+      return;
+    }
+
+    renderConnectFeedback(
+      form,
+      "danger",
+      formMessage(
+        form,
+        "network-error",
+        "Could not reach Directorist.com. Please try again.",
+      ),
     );
+    setConnectBusy(form, false);
+  });
+
+  $(".directorist-te-password-toggle").on("click", function (event) {
+    event.preventDefault();
+
+    const button = $(this);
+    const input = button
+      .closest(".directorist-te-password-control")
+      .find("input")
+      .first();
+
+    if (!input.length) {
+      return;
+    }
+
+    const isHidden = input.attr("type") === "password";
+    const nextLabel = isHidden
+      ? button.data("hide-label")
+      : button.data("show-label");
 
+    input.attr("type", isHidden ? "text" : "password").trigger("focus");
+    button.attr({
+      "aria-label": nextLabel,
+      "aria-pressed": isHidden ? "true" : "false",
+    });
+    button.find("i").toggleClass("la-eye", !isHidden);
+    button.find("i").toggleClass("la-eye-slash", isHidden);
+  });
+
+  $("#atbdp-my-extensions-form").on(
+    "change",
+    ".directorist-te-select-checkbox",
+    function () {
+      setCheckbox(this, this.checked);
+      updateBulkBar();
+    },
+  );
+
+  $("#select-all-installed").on("change", function () {
+    const checked = this.checked;
+
+    visibleSelectableChecks().each(function () {
+      setCheckbox(this, checked);
+    });
+
+    updateBulkBar();
+  });
+
+  $(".directorist-te-bulk-clear").on("click", function () {
     selectableChecks().each(function () {
-        setCheckbox(this, this.checked);
+      setCheckbox(this, false);
     });
 
-    setupAccountMenu();
-    setupRefreshPurchasePanel();
-    setupViewSwitcher();
-    setupDashboardPreview();
-    updateFilters();
+    updateBulkBar();
+  });
+
+  $(document).on("keydown", function (event) {
+    if (event.key !== "Escape" || !checkedSelectableChecks().length) {
+      return;
+    }
+
+    selectableChecks().each(function () {
+      setCheckbox(this, false);
+    });
+
+    $(".ext-action-drop").removeClass("active");
+    updateBulkBar();
+  });
+
+  $(".directorist-te-bulk-action").on("click", function (event) {
+    event.preventDefault();
+
+    const task = $(this).data("task");
+    const selectedItems = selectedBulkItems(task);
+    const selectedCount = checkedSelectableChecks().length;
+    const skippedCount = Math.max(selectedCount - selectedItems.length, 0);
+
+    if (!task || !selectedItems.length) {
+      return;
+    }
+
+    if (
+      task === "uninstall" &&
+      !window.confirm(
+        `Delete removes ${itemCountText(
+          selectedItems.length,
+        )} from this site.` +
+          (skippedCount
+            ? ` ${itemCountText(skippedCount)} will be skipped.`
+            : "") +
+          " Continue?",
+      )
+    ) {
+      return;
+    }
+
+    if (task === "install") {
+      runSelectedInstalls(selectedItems, this);
+      return;
+    }
+
+    if (task === "update") {
+      runSelectedUpdates(selectedItems, this);
+      return;
+    }
+
+    const pluginItems = selectedItems
+      .filter((item) => item.type === "plugin")
+      .map((item) => item.item);
+
+    if (pluginItems.length !== selectedItems.length) {
+      alert("This bulk action is only available for plugins.");
+      return;
+    }
+
+    runPluginBulkTask(task, pluginItems, this);
+  });
+
+  $(".directorist-te-single-plugin-task").on("click", function (event) {
+    event.preventDefault();
+
+    const task = $(this).data("task");
+    const target = $(this).data("target");
+
+    if (!task || !target) {
+      return;
+    }
+
+    runPluginBulkTask(task, [target], this);
+  });
+
+  $(".directorist-te-update-all").on("click", function (event) {
+    event.preventDefault();
+
+    const button = this;
+    const updateExtensions = $(button).data("update-extensions") === 1;
+    const updateThemes = $(button).data("update-themes") === 1;
+    const queue = [];
+
+    if (updateExtensions) {
+      queue.push("atbdp_update_plugins");
+    }
+
+    if (updateThemes) {
+      queue.push("atbdp_update_theme");
+    }
+
+    if (!queue.length) {
+      return;
+    }
+
+    setButtonLoading(button, "Updating");
+
+    const next = () => {
+      const action = queue.shift();
+
+      if (!action) {
+        window.location.reload();
+        return;
+      }
+
+      $.ajax({
+        type: "post",
+        url: ajaxUrl(),
+        data: {
+          action,
+          nonce: nonce(),
+        },
+        success(response) {
+          if (response?.status && response.status.success === false) {
+            alert(response.status.message || "Update failed.");
+            resetButton(button);
+            return;
+          }
+
+          next();
+        },
+        error() {
+          alert("Update failed. Please reload the page and try again.");
+          resetButton(button);
+        },
+      });
+    };
+
+    next();
+  });
+
+  $(".directorist-te-menu-toggle").on("click", function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+
+    const wasOpen = $(this).hasClass("active");
+
+    $(".ext-action-drop").removeClass("active");
+
+    if (!wasOpen) {
+      $(this).addClass("active");
+    }
+  });
+
+  $(".directorist-te-menu__items").on("click", function (event) {
+    event.stopPropagation();
+  });
+
+  $(".directorist-te-menu-link").on("click", function () {
+    $(".ext-action-drop").removeClass("active");
+  });
+
+  $(document).on("click", function (event) {
+    if ($(event.target).closest(".directorist-te-menu").length) {
+      return;
+    }
+
+    $(".ext-action-drop").removeClass("active");
+  });
+
+  document.addEventListener(
+    "click",
+    function (event) {
+      const menuToggle = event.target.closest(".directorist-te-menu-toggle");
+
+      if (menuToggle) {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const wasOpen = menuToggle.classList.contains("active");
+
+        document
+          .querySelectorAll(".ext-action-drop.active")
+          .forEach((toggle) => toggle.classList.remove("active"));
+
+        if (!wasOpen) {
+          menuToggle.classList.add("active");
+        }
+
+        return;
+      }
+
+      const themeButton = event.target.closest(".theme-activate-btn");
+
+      if (themeButton && !themeButton.dataset.directoristConfirmed) {
+        if (
+          !window.confirm(
+            "Activating this theme changes the live site theme. Continue?",
+          )
+        ) {
+          event.preventDefault();
+          event.stopPropagation();
+          event.stopImmediatePropagation();
+          return;
+        }
+
+        themeButton.dataset.directoristConfirmed = "1";
+        window.setTimeout(() => {
+          delete themeButton.dataset.directoristConfirmed;
+        }, 1000);
+      }
+
+      const uninstallLink = event.target.closest(".ext-action-uninstall");
+
+      if (!uninstallLink) {
+        return;
+      }
+
+      event.preventDefault();
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+
+      const target = uninstallLink.dataset.target;
+
+      if (!target) {
+        return;
+      }
+
+      if (
+        !window.confirm("Delete removes this plugin from the server. Continue?")
+      ) {
+        return;
+      }
+
+      runPluginBulkTask("uninstall", [target], uninstallLink);
+    },
+    true,
+  );
+
+  selectableChecks().each(function () {
+    setCheckbox(this, this.checked);
+  });
+
+  setupAccountMenu();
+  setupNotificationMenu();
+  setupRefreshPurchasePanel();
+  setupViewSwitcher();
+  setupDashboardActivity();
+  setupRequiredExtensionsCompatibility();
+  setupDashboardQuickActions();
+  setupDashboardRecommendations();
+  setupDashboardPreview();
+  updateFilters();
 })(jQuery);
diff --git a/assets/src/js/admin/components/subscriptionManagement.js b/assets/src/js/admin/components/subscriptionManagement.js
index c755db5c9e..26cd8ffe3a 100644
--- a/assets/src/js/admin/components/subscriptionManagement.js
+++ b/assets/src/js/admin/components/subscriptionManagement.js
@@ -16,6 +16,9 @@ window.addEventListener('load', () => {
 
 		const form_data = {
 			action: 'atbdp_authenticate_the_customer',
+			auth_method:
+				form.find('input[name="auth_method"]').val() || 'account',
+			access_key: form.find('input[name="access_key"]').val() || '',
 			username: form.find('input[name="username"]').val(),
 			password: form.find('input[name="password"]').val(),
 			nonce: directorist_admin.nonce,
diff --git a/assets/src/js/admin/vue/apps/cpt-manager/CPT_Manager.vue b/assets/src/js/admin/vue/apps/cpt-manager/CPT_Manager.vue
index 1661cc6cf3..db9b82c313 100644
--- a/assets/src/js/admin/vue/apps/cpt-manager/CPT_Manager.vue
+++ b/assets/src/js/admin/vue/apps/cpt-manager/CPT_Manager.vue
@@ -187,6 +187,13 @@ export default {
         return;
       }
 
+      const requestedNavIndex = this.getRequestedNavigationIndex(layoutKeys);
+
+      if (requestedNavIndex >= 0) {
+        this.$store.commit("swichNav", requestedNavIndex);
+        return;
+      }
+
       let activeNavIndex = 0;
 
       try {
@@ -208,6 +215,19 @@ export default {
       this.$store.commit("swichNav", activeNavIndex);
     },
 
+    getRequestedNavigationIndex(layoutKeys) {
+      try {
+        const hash = decodeURIComponent(
+          String(window.location.hash || "").replace(/^#/, ""),
+        );
+        const menuKey = hash.split("__")[0];
+
+        return menuKey ? layoutKeys.indexOf(menuKey) : -1;
+      } catch (error) {
+        return -1;
+      }
+    },
+
     focusDirectoryNameForNewDirectory() {
       const directoryName = this.options?.name?.value;
 
diff --git a/assets/src/js/admin/vue/modules/Submenu_Module.vue b/assets/src/js/admin/vue/modules/Submenu_Module.vue
index 78dc9b987e..338d3d4473 100644
--- a/assets/src/js/admin/vue/modules/Submenu_Module.vue
+++ b/assets/src/js/admin/vue/modules/Submenu_Module.vue
@@ -112,6 +112,20 @@ export default {
         return 0;
       }
 
+      try {
+        const hash = decodeURIComponent(
+          String(window.location.hash || "").replace(/^#/, ""),
+        );
+        const [menuKey, submenuKey] = hash.split("__");
+        const submenuKeys = Object.keys(this.submenu || {});
+        const requestedIndex =
+          menuKey === this.menuKey ? submenuKeys.indexOf(submenuKey) : -1;
+
+        if (requestedIndex >= 0) {
+          return requestedIndex;
+        }
+      } catch (error) {}
+
       let fallbackIndex = this.subNavigation.findIndex(
         (submenu) => submenu.active === true,
       );
diff --git a/docs/agents/directorist-themes-extensions-page/SKILL.md b/docs/agents/directorist-themes-extensions-page/SKILL.md
index baac39e187..3b42f708b6 100644
--- a/docs/agents/directorist-themes-extensions-page/SKILL.md
+++ b/docs/agents/directorist-themes-extensions-page/SKILL.md
@@ -45,6 +45,7 @@ Load reference files as needed:
 
 - Architecture and file map: `references/page-architecture-map.md`
 - API/source flow report: `references/api-data-flow-report.md`
+- Cross-repository licensing integration map: `references/licensing-integration-map.md`
 - Licensing system PRD: `references/licensing-system-prd.md`
 - Runtime state and data shapes: `references/dynamic-data-contract.md`
 - Account/license journeys: `references/account-license-journey-map.md`
diff --git a/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md b/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
index 85b6e6caaf..8dcaf8bc53 100644
--- a/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
+++ b/docs/agents/directorist-themes-extensions-page/references/account-license-journey-map.md
@@ -14,13 +14,15 @@ All values are dynamic and must be re-collected on each task.
 
 ## Logged-Out Account Journey
 
-1. Template `auth/license-auth-section.php` renders `#atbdp-directorist-license-login-form`.
-2. `subscriptionManagement.js` intercepts submit.
-3. AJAX action `atbdp_authenticate_the_customer` sends username, password, and nonce.
-4. `authenticate_the_customer()` calls the Directorist remote account/licensing endpoint.
+1. The page renders `#atbdp-directorist-license-login-form` with Account login selected by default and Access key as an explicit alternative.
+2. The page-specific script intercepts submit before the legacy handler and keeps the existing local AJAX action.
+3. Account login sends `auth_method=account`, username/email, password, and nonce. Access-key login sends `auth_method=access_key`, access key, and nonce.
+4. `authenticate_the_customer()` calls `user-login` for account credentials or `user-connect` for an access key.
 5. On success, user meta is updated with connected state and available subscription data.
 6. Current JS reloads the page after success.
 
+Both methods normalize into the existing `license_data.themes` and `license_data.plugins` contract. Account/password remains the default for existing customers. Access keys are not persisted locally; only the non-secret connection method and returned account identity/entitlements are stored.
+
 Performance opportunity: replace unconditional reload with a state refresh/render step, but keep reload fallback when canonical state cannot be reconstructed safely.
 
 ## Disconnected Account Recommendation
@@ -42,7 +44,7 @@ When the account is not connected, preserve the current page behavior: render th
 1. Statistics section renders current extension/theme availability and update status from server-side overview data.
 2. `my-themes-extensions.php` renders tabs for extension and theme management.
 3. Installed products, subscribed products, required products, active theme, and available subscription themes are all generated from live data.
-4. Refresh Purchase opens a password confirmation flow and calls `atbdp_refresh_purchase_status`.
+4. Refresh Purchase requests the same credential type used for connection: password for Account login, access key for Access key. It calls the existing `atbdp_refresh_purchase_status` action.
 5. Logout calls `atbdp_close_subscriptions_sassion` and clears connected account state.
 
 Do not store the resulting product or account values in docs.
@@ -88,7 +90,10 @@ Do not store the resulting product or account values in docs.
 
 ### Required Extensions
 
-- Form: `#atbdp-required-extensions-form`
+- Legacy compatibility destination: `#atbdp-required-extensions-form`
+- The redesigned page uses this ID on the connected filter destination, not as a separate legacy form.
+- Opening the legacy hash selects Add-ons, Extensions, and Required, then focuses the Required filter.
+- Required products use the main `#atbdp-my-extensions-form` row and bulk-action contracts.
 - UI can show install, activate, or external get-now paths depending on ownership and install state.
 - Required extension data comes from `directorist_required_extensions` and current product/install state.
 
diff --git a/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md b/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
index 45eef543b1..516000afbf 100644
--- a/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
+++ b/docs/agents/directorist-themes-extensions-page/references/api-data-flow-report.md
@@ -117,26 +117,42 @@ When building each product item for `v1/get-remote-products`, only include `badg
 Browser action:
 
 - Form: `#atbdp-directorist-license-login-form`
-- JavaScript file: `assets/src/js/admin/components/subscriptionManagement.js`
+- Current submit owner: `assets/js/directorist-themes-extensions.js`
+- Legacy compatibility handler: `assets/src/js/admin/components/subscriptionManagement.js`
 - Local AJAX URL: `directorist_admin.ajaxurl`
 - AJAX action: `atbdp_authenticate_the_customer`
-- Request fields: `username`, `password`, `nonce`
+- Account request fields: `auth_method=account`, `username`, `password`, `nonce`
+- Access-key request fields: `auth_method=access_key`, `access_key`, `nonce`
 
 Server handler:
 
 - `ATBDP_Extensions::authenticate_the_customer()`
 - Remote method: `ATBDP_Extensions::remote_authenticate_user()`
-- Remote endpoint: `https://directorist.com/wp-json/directorist/v1/licencing`
-- Method in code: `wp_remote_get()`
-- Request body: `user`, `password`
+- Preferred remote endpoint: `POST https://directorist.com/wp-json/directorist-license-manager/user-login`
+- Preferred request fields: `email` (accepts username or email), `pass`, `domain`
+- Access-key method: `ATBDP_Extensions::remote_authenticate_user_by_access_key()`
+- Access-key endpoint: `POST https://directorist.com/wp-json/directorist-license-manager/user-connect`
+- Access-key request fields: `access_key`, `domain`
+- Compatibility fallback endpoint: `GET https://directorist.com/wp-json/directorist/v1/licencing`
+- Legacy request body: `user`, `password`
 - Headers include a Directorist user-agent and `Accept: application/json`.
+- The POST password remains raw only for the request lifetime. The legacy fallback retains its existing encoded password contract.
+- A `422` response for an email login is treated as an invalid-credentials result. A username rejected with `422` falls back to the legacy endpoint so core remains compatible while the older email-only License Manager is still deployed.
+- Transport errors, missing routes, other non-2xx responses, or malformed successful payloads also fall back to the legacy endpoint.
+- The preferred response is accepted only when both `plan_data.downloads.templates` and `plan_data.downloads.extensions` are arrays. A partial success response falls back instead of clearing or replacing existing entitlement state.
+- Credential-bearing POST requests do not follow HTTP redirects.
+- Access-key authentication has no legacy fallback. A `422` response is an invalid-key result; transport/non-2xx failures use the safe connection error.
+- The access key is a bearer credential. Core uses it for the current HTTPS request only, whitelists non-secret identity fields from `account_data`, discards any echoed `account_data.access_key`, never stores the key in WordPress options/user meta, never returns it in local AJAX responses, and asks for it again during Refresh Purchases.
+- The Directorist.com License Manager must protect `user-connect` with transport security, rate limiting/failed-attempt controls, key rotation/revocation, request logging that redacts the key, and a cryptographically secure key generator. Its response should omit `account_data.access_key`. Do not copy PR #2440's permissive local REST route or plaintext option storage into core.
 
-Successful response is normalized into `license_data`, then stored under current user meta:
+The preferred API returns `account_data` and `plan_data`. Core maps `plan_data.downloads.templates` and `plan_data.downloads.extensions` to the existing `license_data.themes` and `license_data.plugins` contract before storing current user meta:
 
 - `_atbdp_subscribed_username`
 - `_atbdp_has_subscriptions_sassion`
 - `_themes_available_in_subscriptions`
 - `_plugins_available_in_subscriptions`
+- `_atbdp_account_summary` when optional authoritative summary data exists
+- `_atbdp_subscription_connection_method` with `account` or `access_key`
 
 Keep the `sassion` spelling because it is part of the existing data/action contract.
 
@@ -174,7 +190,7 @@ Server flow:
 
 1. `handle_refresh_purchase_status_request()` validates capability and nonce.
 2. `refresh_purchase_status()` reads `_atbdp_subscribed_username`.
-3. It calls `remote_authenticate_user()` again against `https://directorist.com/wp-json/directorist/v1/licencing`.
+3. It calls `remote_authenticate_user()` again, preferring the License Manager POST endpoint and falling back to the legacy licensing GET endpoint when the new route is unavailable or malformed.
 4. It rewrites `_themes_available_in_subscriptions` and `_plugins_available_in_subscriptions`.
 5. If the username/session is missing, it deletes `_atbdp_has_subscriptions_sassion` and returns a reload-required status.
 
@@ -552,10 +568,22 @@ Rules:
 
 - Do not store account passwords after a request finishes.
 - Do not log passwords, raw licenses, or raw subscription payloads.
-- Prefer remote account authentication over `POST` for future API work; keep compatibility with current behavior until Directorist.com supports the safer contract.
+- Use the License Manager POST endpoint for account authentication and keep the legacy GET endpoint as a compatibility fallback.
+- Never include credentials in a URL or log a request payload that contains `pass` or `password`.
+- The License Manager `valid_request()` middleware currently allows every request and does not provide application-level throttling. This predates the account-summary API work. Harden the preferred and legacy authentication endpoints together so attackers cannot bypass protection through the fallback endpoint.
 - Review every `sslverify => false` path. Harden with compatibility filters and actionable error messages rather than silently breaking older customer sites.
 - Use reasonable remote timeouts and map timeout failures to recoverable UI messages.
 
+### License Manager Release Gate
+
+- Build an installable archive with one top-level `directorist-license-manager/` directory and the runtime Composer dependencies required by the plugin.
+- Do not deploy a raw repository archive. Exclude `.git`, `.env`, `node_modules`, development dependencies, test fixtures, logs, database dumps, private keys, and source maps.
+- Bump the plugin version for every live replacement so WordPress and support diagnostics can identify the deployed code.
+- Before upload, lint changed PHP files, test the archive, verify required files exist, and compare the changed source hashes with the files inside the archive.
+- After upload, confirm both `/directorist-license-manager/user-login` and `/directorist/v1/licencing` remain registered.
+- Send an invalid credential request and confirm it returns a generic failure without account, entitlement, password, or license data.
+- Run one authorized account check after upload without logging the request or full response. Confirm the response keeps the established plan/download fields and adds only the optional `account_summary`.
+
 ### Mutation Safety
 
 - Add per-item action locking or request IDs for install, update, activate, uninstall, refresh, and theme switch to reduce duplicate-click and concurrent-request risk.
diff --git a/docs/agents/directorist-themes-extensions-page/references/current-implementation-change-notes.md b/docs/agents/directorist-themes-extensions-page/references/current-implementation-change-notes.md
index 6fd20de6cc..622b059522 100644
--- a/docs/agents/directorist-themes-extensions-page/references/current-implementation-change-notes.md
+++ b/docs/agents/directorist-themes-extensions-page/references/current-implementation-change-notes.md
@@ -20,7 +20,10 @@ Do not store runtime product counts, installed product lists, update counts, acc
 - Connected-state navigation, account menu, settings, active/update controls, and local product management are not shown while disconnected.
 - Account form uses `Username or email address` with an email-style placeholder.
 - Password field has a show/hide toggle.
-- The page focuses the username field for disconnected users.
+- Account login remains the default connection method for backward compatibility. A compact, keyboard-accessible Access key tab uses the License Manager `user-connect` endpoint through the existing `atbdp_authenticate_the_customer` AJAX action.
+- Access-key and account-login responses normalize into the same legacy session and entitlement user meta. The access key is request-only and is not persisted; `_atbdp_subscription_connection_method` stores only the non-secret method name.
+- Access-key help links to the Directorist.com account dashboard where the current theme exposes the key. Official Directorist installation/license docs still describe account email/password only, so those docs must be updated before publicly announcing Access Key login.
+- The disconnected page does not force focus on load, so the account form and marketplace remain browse-first; switching authentication methods focuses the first field in the selected panel.
 - Messaging clarifies that already installed Directorist products keep working, but account connection is required for subscription installs, updates, and license-backed management.
 - Disconnected product rows use marketplace/details-oriented actions instead of install/update/activate/deactivate/delete controls.
 
@@ -30,26 +33,82 @@ Do not store runtime product counts, installed product lists, update counts, acc
 - Connected header navigation now uses `Dashboard` and `Add-ons` as internal page views.
 - The existing Themes & Extensions catalog is labeled `Add-ons` in the header nav, but keeps the original page slug, selectors, forms, rows, and AJAX contracts.
 - `Docs`, `Tutorials`, and `Support` remain external resource links, not dashboard tabs, and are grouped on the right side of the connected header like the disconnected view.
-- The `Dashboard` view is currently a static design-preview surface based on the supplied reference HTML. It must be replaced with dynamic Directorist data before production release decisions are made.
-- The static Dashboard preview inner cards were aligned to the supplied reference HTML pattern: metric sparkline decoration, soft recent-activity icons, the five-item activity list, icon/title recommendation cards, and soft recommendation install buttons.
+- The Dashboard welcome section uses the connected Directorist licensing account owner's display name. It falls back to a non-email licensing username and then generic `Welcome back`; it does not expose the licensing email or use the local WordPress administrator identity.
+- The connected header account control uses the optional authoritative licensing-account `avatar_url`, with a Gravatar-derived URL or licensing-owner initials as safe client fallbacks. The account dropdown identifies the licensing owner instead of the local WordPress user.
+- The Dashboard consumes the optional `_atbdp_account_summary` user meta when a compatible licensing API provides authoritative plan status, expiry, All Access, and lifetime fields.
+- Active All Access plans can show the dynamic expiration/unlocked message; lifetime, expired, cancelled, limited, missing, and malformed states use dedicated safe copy or the generic connected fallback.
+- Legacy licensing responses remain compatible because absent account-summary data does not alter existing plugin/theme subscription state.
+- Account authentication now prefers the Directorist License Manager POST endpoint, maps its product response into the existing `license_data` shape, and falls back to the legacy licensing GET endpoint when the new route is unavailable or malformed.
+- The Directorist.com License Manager accepts either username or email, returns optional `plan_data.account_summary`, and leaves existing response fields intact.
+- Until the username-capable License Manager reaches Directorist.com, a username rejected by the older email-only POST route falls back to the legacy licensing endpoint instead of breaking existing connections.
+- Optional account-summary generation is fail-open on Directorist.com; an EDD summary exception returns the established licensing payload with `account_summary: null`.
+- Core accepts the new authentication response only when both theme and extension entitlement arrays have the expected shape, and credential-bearing POST requests do not follow redirects.
+- `View listings` uses the configured Directorist All Listings page and is hidden when no directory type exists.
+- `Add listing` uses the configured frontend Directorist Add Listing page, allowing the existing form to handle one or multiple directory types. With no directory type, it becomes `Create directory` and links to Directory Builder.
+- The Dashboard footer uses the runtime `ATBDP_VERSION`, the API-backed account-summary plan name/status with legacy-safe fallbacks, and a filterable official changelog URL. It must not contain a hardcoded plugin version or plan name.
+- Dashboard summary metrics now use current local Directorist data for published listings, listing views, pending listings, upcoming expirations, paid-order revenue, and paid-order count.
+- Fake metric percentages and decorative trend lines were removed because there is no historical analytics contract for those comparisons.
 - Account summary moved into the avatar dropdown so the product list starts closer to the page title/update banner.
 - Avatar dropdown is click-only for opening. Hover and focus alone do not open it.
 - Dropdown closes on outside click, Escape, and focus leaving the menu.
-- Dropdown contains dynamic account summary values, `Refresh purchases`, and `Disconnect`.
-- `Refresh purchases` keeps the existing `#purchase-refresh-form` and `atbdp_refresh_purchase_status` AJAX action.
+- Dropdown contains a labeled connected state, compact dynamic account summary tiles, touch-sized `Refresh purchases`, and a visually separated `Disconnect account` action.
+- `Refresh purchases` keeps the existing `#purchase-refresh-form` and `atbdp_refresh_purchase_status` AJAX action. It requests a Directorist password for account-login connections and an access key for access-key connections.
 - `Disconnect` keeps `.subscriptions-logout-btn` and `atbdp_close_subscriptions_sassion` compatibility.
-- Refresh purchase password inputs are hidden from tab order until the user opens that panel.
-- Connected header search is intentionally still static for now.
+- Returning-customer reconnect reuses the first validated authentication response to replace saved theme/extension entitlements and account summary. It no longer calls `refresh_purchase_status()` automatically and therefore does not issue a duplicate remote authentication request.
+- The reconnect response still preserves `has_previous_subscriptions`, and the existing page reload remains in place. Manual Refresh Purchases behavior is unchanged.
+- Refresh purchase password inputs are hidden from tab order until the user opens that panel. The revealed form uses a visible label, password visibility toggle, text submit action, live feedback region, and an explicit non-submit close button.
+- Closing the inner refresh-purchase form keeps the account dropdown open, clears the password and feedback, restores the default Refresh Purchases row, and returns focus to that row.
+- Closing the account dropdown itself still resets any open refresh form, so reopening the dropdown always starts from the default account-summary state.
+- The page-specific refresh controls suppress the legacy width/display animation handlers only inside the connected account dropdown and clear stale animation styles. Legacy refresh layouts outside this dropdown keep their established behavior.
+- Connected header search was removed. Catalog search remains in the Add-ons toolbar as the single supported search control.
+
+## Directory-Aware Dashboard Quick Actions
+
+- Quick Actions re-collect current `atbdp_listing_types` terms on each connected Dashboard request; runtime directory names, IDs, and counts are not stored as documentation truth.
+- With multiple directories, one compact Directory selector controls Add Listing, Categories, Listing Layout, and Submission Form links without reloading the Dashboard.
+- The selector starts from the valid default directory, restores a still-valid session selection, and falls back safely when a stored directory no longer exists.
+- Quick Actions `Add a listing` opens the WordPress admin editor with `post_type=at_biz_dir&directory_type={term_id}`. The admin metabox accepts that sanitized, valid directory only when the new listing has no saved directory; saved listing metadata remains authoritative. The existing admin listing loader then uses that directory's `submission_form_fields`; Builder data is not copied into the Dashboard.
+- `Manage categories` opens the Directorist category admin scoped with the selected `directory_type`.
+- `Customize listing layout` opens the selected Directory Builder at `#single_page_layout__contents`.
+- `Submission form settings` opens the selected Directory Builder at `#submission_form`.
+- `Email notifications` remains global and opens Directorist Settings at the email notification channel.
+- With one directory the selector is hidden and links are pre-bound. With no directories, the card shows Create directory and Email notifications only.
+- Directory Builder navigation resolves valid layout/submenu hashes before its saved localStorage tab state. Missing or invalid hashes keep the established saved/default fallback behavior.
+- The connected welcome CTA remains the configured frontend Add Listing journey; only the Quick Actions row uses the directory-scoped WordPress admin editor.
+
+## Connected View And Product-Type State
+
+- A connected clean page URL renders Dashboard by default. The WordPress Themes & Extensions sidebar link remains the clean entry point.
+- Header and product-type state use optional, whitelisted URL parameters: `te_view=addons` and `te_type=extension|theme`. Missing or invalid values fall back to Dashboard and All.
+- Dashboard is the implicit URL default, Add-ons uses `te_view=addons`, and All is the implicit product-type default. Default parameters are removed from the URL.
+- Selecting Extensions or Themes remains remembered while switching Dashboard and Add-ons, and the current state survives reloads and full-page action fallbacks.
+- State changes use `history.replaceState()` and do not reload the page or add tab-by-tab browser history entries.
+- The legacy `#atbdp-required-extensions-form` route remains authoritative and forces Add-ons, Extensions, and Required.
+- Disconnected rendering ignores these connected-view parameters and keeps the locked account-connect/marketplace experience.
 
 ## Product Catalog And Toolbar
 
+- Disconnected users always receive the complete current extension and theme catalogs. Installed/subscription promo exclusions apply only to connected users and can no longer reduce the disconnected marketplace to a partial list.
 - Search was moved into the toolbar near the catalog count.
 - Primary tabs keep dynamic All, Extensions, and Themes counts.
-- Status segmented filter keeps All, Installed, Not installed, and Updates.
+- Status segmented filter keeps All, Installed, Not installed, Required, and Updates. Required is rendered only when the current theme has outstanding Directorist requirements.
+- Installed and Not installed render compact row-derived count badges. Counts update for the selected All, Extensions, or Themes scope without a remote request.
+- Existing theme links to `#atbdp-required-extensions-form` remain compatible. The hash opens Add-ons, selects Extensions and Required, clears catalog search, and focuses the Required filter.
+- Required subscription, installed-inactive, and marketplace metadata is merged into one canonical product row. Purchased products keep Install/Activate actions, unowned products keep Get It Now, and duplicate subscription/required/promo rows are suppressed.
+- The disconnected fallback preserves the locked design and directs the legacy hash to the existing account-connect area without exposing product-management actions.
 - Updates count renders as a small warning pill.
 - Update status labels render the target version when available, for example `vX.Y.Z available`; fallback remains `Update available`.
 - Theme update metadata now carries `new_version` from the WordPress theme update transient into active theme row state.
 
+## Connected Header Notifications
+
+- The connected header bell uses existing server-rendered page state only. It does not add a polling endpoint, persistence layer, or separate update engine.
+- Current notification sources are extension updates, theme updates, and outstanding extensions declared through the existing required-extension contract.
+- With no actionable state, the dropdown renders an all-caught-up message and no count badge.
+- Clicking a notification never installs or updates a product. It opens Add-ons, selects Extensions or Themes, selects Updates or Required, scrolls to the catalog toolbar, focuses the status filter, and briefly highlights the selected controls.
+- The notification and account dropdowns are mutually exclusive, close on outside click or Escape, and restore focus to their trigger.
+- Do not add license expiry, renewal, remote API failure, or deprecated-product notifications until those states have a reliable normalized data contract and a safe destination.
+
 ## Badges
 
 - Badge rendering supports scalar badges such as `New` and structured badges such as `{ type, label, expires_at }`.
@@ -110,6 +169,49 @@ Do not store runtime product counts, installed product lists, update counts, acc
 - Product titles and badges are allowed to wrap on narrow screens.
 - Toolbar/search/count and bulk bar were checked for no horizontal overflow.
 
+## Connected Sidebar Routing And Activity
+
+- Connected users get a `Dashboard` Directorist submenu at the top. Its registered page slug remains `atbdp-extension` and the clean URL renders Dashboard.
+- The existing `Themes & Extensions` submenu remains available and adds `te_view=addons`, so it opens Add-ons directly.
+- Header Dashboard/Add-ons switching updates the clean/add-ons URL and the matching WordPress submenu current state without reloading.
+- Disconnected users keep one `Themes & Extensions` submenu and the locked Add-ons/connect view; Dashboard is not exposed while disconnected.
+- Recent Activity no longer contains reference-design names, amounts, dates, or listings. `ATBDP_Extension_Activity` builds normalized items from current listings, Directorist reviews, paid modern table-based orders, completed legacy order posts, Directorist user registrations, and upcoming listing expirations.
+- Modern orders from `directorist_orders` are preferred. Legacy `atbdp_orders` posts remain supported, and migrated legacy IDs are excluded to prevent duplicate payment activity or revenue.
+- The Dashboard card renders at most five current items. `View all` opens an accessible side drawer and lazily calls `directorist_te_get_activity`.
+- Activity drawer filters are All, Listings, Reviews, Payments, and Users. Results load ten at a time with an explicit Load more action; no infinite scroll or background polling is used.
+- The activity endpoint requires `manage_options` and the established `atbdp_nonce_action_js` nonce. It returns display-only action URLs and never installs, updates, activates, disconnects, or modifies product state.
+- Final activity data is filterable through `directorist_themes_extensions_activity_data`. Runtime activity items and counts must not be stored in docs.
+- Dashboard summary cards now use current published/pending listing counts, listing-view meta, upcoming expirations, and paid-order totals instead of reference-design numbers.
+- The setup checklist now evaluates current directory types, categories, active gateways, and published listings. Its progress, copy, completion state, and links are generated on each request.
+- The directory setup link follows the registered mode: `atbdp-layout-builder` for single-directory sites and the `atbdp-directory-types` overview for multi-directory sites.
+- Multi-directory mode intentionally does not deep-link to a default directory or the add-new screen. The overview lets administrators see all directory types before deciding which one to edit or create.
+- The payment gateway shortcut uses the settings route `#monetization_settings__gateway`.
+- Completed setup items remain readable, clickable maintenance shortcuts; do not style them as disabled or crossed-out text.
+- Setup completion is informational only. Rendering the connected Dashboard must never create demo content, enable a gateway, publish a listing, or change settings automatically.
+
+## Directory-Aware Dashboard Recommendations
+
+- The connected Dashboard recommendation section is dynamic; the disconnected view remains locked and unchanged.
+- `ATBDP_Extension_Recommendations` owns the centralized profile registry, directory classification, API override merge, product-state resolution, and final card data.
+- The active recommendation group comes from real `atbdp_listing_types` terms and starts from the current default directory.
+- Recommendations rotate every six seconds through real directory terms. When a directory returns, its next deterministic three-card window is shown; the implementation does not use unpredictable random ordering.
+- Hover, keyboard focus, browser-tab inactivity, the explicit Pause control, and `prefers-reduced-motion` stop automatic rotation. Previous, next, and the compact native directory selector remain available without reload.
+- The recommendation directory chooser mirrors the Quick Actions control: a visible `Directory` label and the same select height, typography, border, radius, focus treatment, and responsive sizing. Previous, next, and pause remain grouped as secondary carousel controls.
+- Known directory profiles render their ordered recommendation candidates three at a time. Unknown/custom directory types use the generic candidate pool three at a time and never expose the complete extension catalog as a recommendation group.
+- Directory mappings are recommendations, not hard dependencies. The `Required` product state remains reserved for extensions declared through the existing theme-required-extension contract.
+- Recommendation cards keep installed products visible:
+  - Active extensions show `Active` with no management CTA.
+  - Installed inactive extensions show `Installed` with the existing Activate action.
+  - Entitled uninstalled extensions show `Not installed` with the existing Install action.
+  - Unowned catalog products show `Available` with an external View details action.
+- Product actions reuse `.plugin-active-btn`, `.file-install-btn`, existing data keys, AJAX actions, and nonce handling.
+- Profile data is filterable through `directorist_extension_recommendation_profiles`; final prepared data is filterable through `directorist_extension_recommendation_data`.
+- Optional per-product API `recommendations` metadata can override local profile placement. Missing metadata preserves fallback placement, an empty array removes that product from all profiles, and malformed non-empty metadata is ignored.
+- Product copy, thumbnail, link, installation state, activity state, and entitlement still come from the existing dynamic catalog and WordPress state. The template does not hardcode product cards.
+- Post Your Need is no longer a local catalog product or recommendation candidate because it was removed from the remote product API.
+- The predefined Post Your Need directory profile remains supported and recommends other available products. Legacy detection for already-installed Post Your Need extension copies remains untouched for customer compatibility.
+- Automatic rotation, manual switching, card-window changes, and pause/resume are page-local interactions and make no remote request.
+
 ## Compatibility Rules Preserved
 
 - Page slug remains `atbdp-extension`.
@@ -122,6 +224,5 @@ Do not store runtime product counts, installed product lists, update counts, acc
 ## Known Follow-Up Notes
 
 - Many expensive actions still use full reload after server success. Future no-reload work should progressively enhance around existing AJAX responses and re-fetch canonical state.
-- Connected header search remains static by decision and should be handled in a separate task.
 - API badge source should move to Directorist.com/EDD product metadata so local fallback badges can eventually be removed.
 - Build assets were not regenerated during these source edits unless explicitly stated in the task.
diff --git a/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md b/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
index 458a666c64..000f000c30 100644
--- a/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
+++ b/docs/agents/directorist-themes-extensions-page/references/dynamic-data-contract.md
@@ -62,6 +62,58 @@ Badge/status data should come from Directorist.com product API data. EDD product
 
 Purchased/subscribed items returned from the account journey may include title, slug/key, item id, license, URL, download/package data, or product type. Re-check the current handler before relying on a field.
 
+## Account Summary Availability
+
+The connected dashboard can safely resolve these values without a new remote API contract:
+
+- Current WordPress user's first name or display name
+- Directorist account connected state
+- Whether subscribed extension or theme entitlements are present
+- Installed, active, and outdated plugin/theme state
+- Local directory type count, names, and slugs
+- Configured All Listings and Add Listing page URLs
+
+The legacy licensing flow does not expose these account-level fields through a normalized, reliable contract:
+
+- Global Directorist plan name
+- Account-level subscription status such as active, expired, or cancelled
+- Global plan expiration or renewal date
+- Authoritative all-access/every-product-unlocked boolean
+- Remote account display name intended for UI greetings
+
+The newer Directorist License Manager API provides an optional normalized `plan_data.account_summary` from EDD All Access pass data. Core stores the sanitized summary in `_atbdp_account_summary` during account connection/refresh and removes it on disconnect. When EDD All Access data is unavailable, no matching pass exists, the field is malformed, or the legacy API is used, fields remain null/unknown and core renders generic connected-account copy.
+
+The current connection method is stored separately in `_atbdp_subscription_connection_method` as `account` or `access_key`. This is non-secret UI/refresh state. Never store the submitted access key as runtime truth or persistent credential; request it again when an access-key-connected customer refreshes purchases.
+
+Do not infer missing account fields from product counts, individual product licenses, installed products, or the connected username/email.
+
+The backward-compatible account summary uses nullable fields where the server cannot determine a value:
+
+```json
+{
+  "plan_data": {
+    "account_summary": {
+      "display_name": null,
+      "avatar_url": null,
+      "plan_name": null,
+      "subscription_status": "unknown",
+      "expires_at": null,
+      "all_access": false,
+      "is_lifetime": false
+    }
+  }
+}
+```
+
+`subscription_status` accepts `active`, `expired`, `cancelled`, or `unknown`. The API date is ISO 8601; core formats it using the customer site's WordPress date settings. `avatar_url` is optional, sanitized, and generated by Directorist.com for the authenticated licensing owner. Core uses licensing-owner initials when it is missing.
+
+Still unavailable when the customer has no usable EDD All Access pass:
+
+- Authoritative non-All-Access membership plan name
+- Renewal date distinct from access expiration
+- Cancellation-at-period-end state
+- Billing interval, renewal price, and payment method
+
 ## Runtime State Categories
 
 The UI must handle these dynamic states:
@@ -92,6 +144,61 @@ The UI must handle these dynamic states:
 
 These are categories, not counts. Always collect current values during the task.
 
+## Directory Recommendation Contract
+
+Connected Dashboard recommendations are derived at request time from:
+
+- Current `atbdp_listing_types` terms: term ID, name, slug, and default-directory state
+- The current extension catalog after API/local fallback/filter merging
+- Current installed plugin bases and `is_plugin_active()` state
+- Current uninstalled subscription entitlements
+- Optional product API recommendation metadata
+
+Do not store observed directory names, term counts, selected terms, recommendation cards, or installation results in this reference as truth.
+
+The local profile registry accepts ordered product slugs and remains the compatibility fallback. It is filterable through `directorist_extension_recommendation_profiles`.
+
+Optional product API metadata uses this shape:
+
+```json
+{
+  "recommendations": [
+    {
+      "profile": "restaurant",
+      "priority": 100,
+      "reason": "Accept reservations from listing pages."
+    }
+  ]
+}
+```
+
+Compatibility semantics:
+
+- Field absent: retain the local placement for that product
+- Empty array: remove the product from every recommendation profile
+- Valid array: replace local placement with validated API placements
+- Malformed non-empty data: ignore the override and retain local placement
+- Unknown profile keys: ignore that placement
+- Priority: integer clamped to `0..100`
+- Reason: optional sanitized plain text; product description remains fallback
+
+Recommendation state labels/actions are resolved locally and are never trusted from profile metadata:
+
+- Active: show `Active`, no recommendation CTA
+- Installed inactive: show `Installed`, reuse Activate
+- Entitled and uninstalled: show `Not installed`, reuse Install
+- Not entitled: show `Available`, link to product details
+- Missing catalog product: omit and continue to the next configured candidate
+
+Presentation rules:
+
+- Show no more than three recommendation cards at once.
+- Multiple real directory types rotate in stable term order; do not randomize directory order.
+- A directory with more than three candidates advances through deterministic three-card windows when it returns.
+- Unknown/custom directory types use the generic candidate pool, not the complete catalog.
+- Automatic rotation pauses on hover, focus, tab inactivity, explicit user pause, and reduced-motion preference.
+- Directory-profile mappings are `Recommended`; only the established theme requirement contract may label a product `Required`.
+
 ## Current State Collection
 
 Use read-only browser checks:
@@ -131,3 +238,67 @@ Keep these stable unless a migration plan is explicitly approved:
 - Existing selector/class hooks used by custom CSS or scripts
 
 New no-reload behavior must preserve the same server-side action contracts or provide a compatibility wrapper.
+
+## Connected Dashboard Activity Contract
+
+The Recent Activity card and drawer derive display data from existing local sources:
+
+- Listing activity: `at_biz_dir` posts with published, pending, or draft status
+- Review activity: WordPress comments with `comment_type=review`
+- Payment activity: modern `directorist_orders` rows with `status=paid` and a positive amount, plus unmigrated `atbdp_orders` posts with `_payment_status=completed` and a positive `_amount`
+- User activity: WordPress users with Directorist `_user_type` metadata
+- Upcoming expirations: published listings with a finite `_expiry_date`
+
+The UI must not infer remote licensing events, subscription renewals, failed payments, or product update events from these local sources.
+
+The AJAX response is normalized:
+
+```json
+{
+  "success": true,
+  "data": {
+    "items": [
+      {
+        "id": "listing-123",
+        "type": "listing",
+        "title": "Listing published",
+        "subject": "Example listing",
+        "context": "by Example owner",
+        "timestamp": 1780000000,
+        "icon": "la la-plus",
+        "tone": "blue",
+        "action_label": "Edit",
+        "action_url": "https://example.test/wp-admin/post.php?post=123&action=edit",
+        "upcoming": false,
+        "group": "today",
+        "group_label": "Today",
+        "time_label": "5 minutes ago"
+      }
+    ],
+    "has_more": false,
+    "next_page": null,
+    "page": 1,
+    "type": "all"
+  }
+}
+```
+
+The example describes shape only. Never store an observed activity item, site URL, count, title, user, amount, or timestamp as documentation truth.
+
+Connected Dashboard metric values are also collected at request time:
+
+- Published and pending counts: `at_biz_dir` post statuses
+- Listing views: `_atbdp_post_views_count` summed for published listings
+- Upcoming expiration count: finite `_expiry_date` values within the configured display window
+- Revenue and paid-order count: paid modern orders plus completed unmigrated legacy order posts
+
+Modern orders with a `legacy_id` suppress the corresponding legacy post from both activity and metric totals. No trend percentage or sparkline should be presented as real data until a time-series analytics contract exists.
+
+Connected Dashboard setup progress is also request-scoped:
+
+- Directory step: at least one current `atbdp_listing_types` term
+- Category step: at least one current `at_biz_dir-category` term
+- Gateway step: at least one value returned by `ATBDP_Gateway::get_active_gateways()`
+- Listing step: at least one published `at_biz_dir` post
+
+The setup section may link to the established admin screens, but it must not mutate any of these states. Never store observed setup progress or completion values in this document.
diff --git a/docs/agents/directorist-themes-extensions-page/references/licensing-integration-map.md b/docs/agents/directorist-themes-extensions-page/references/licensing-integration-map.md
new file mode 100644
index 0000000000..44c27292a1
--- /dev/null
+++ b/docs/agents/directorist-themes-extensions-page/references/licensing-integration-map.md
@@ -0,0 +1,199 @@
+# Licensing Integration Map
+
+This reference maps the systems connected to licensing for the Directorist admin `Themes & Extensions` page. It records durable contracts and ownership boundaries only. Never store credentials, access keys, license keys, customer names, entitlement lists, product counts, or one-time API responses in this file.
+
+## System Boundaries
+
+| System | Responsibility | Canonical data |
+| --- | --- | --- |
+| Directorist core plugin | Renders the local admin UI, sends local AJAX requests, normalizes remote account responses, caches entitlements in user meta, and performs WordPress install/update/activation work | Local WordPress plugin/theme state and the current admin user's cached connection state |
+| Directorist License Manager | Authenticates a Directorist.com account or access key and assembles EDD customer, entitlement, license, plan, and account data | Directorist.com account and EDD-backed licensing data |
+| Sovware User Dashboard | Shows the signed-in Directorist.com customer their access key with reveal and copy controls | Presentation only; key generation and storage belong to License Manager |
+| Directorist.com WordPress users | Own the account identity and License Manager-managed access credential | User ID, login/email, display name, avatar |
+| Easy Digital Downloads | Owns purchases, downloadable products, customers, and license records | Product IDs, files, purchases, licenses, customer records |
+| EDD All Access | Supplies account-level pass name, status, expiration, lifetime, and all-access state when available | All Access pass objects |
+| EDD Software Licensing | Activates licenses and supplies version/update eligibility | License activation and version responses |
+| Legacy Directorist licensing API | Compatibility fallback for older deployments | Existing `license_data` response |
+| Directorist product API | Supplies catalog copy and optional badges/recommendation metadata; it is not the entitlement authority | Remote product catalog |
+
+## Active Account Login Flow
+
+1. The browser submits the page form to local WordPress `admin-ajax.php`.
+2. Existing AJAX action `atbdp_authenticate_the_customer` calls `ATBDP_Extensions::authenticate_the_customer()`.
+3. Core sends a server-side `POST` request to:
+   - `https://directorist.com/wp-json/directorist-license-manager/user-login`
+   - Fields: `email`, `pass`, `domain`
+4. License Manager accepts either username or email through `AccountRepository::authenticate_user_login()`.
+5. License Manager's `EddRepository::get_customer_data()` assembles downloads, license state, purchase history, All Access state, and optional `account_summary`.
+6. Core accepts the preferred response only when `plan_data.downloads.templates` and `plan_data.downloads.extensions` are arrays.
+7. Core maps those arrays into the legacy-compatible `license_data.themes` and `license_data.plugins` shape.
+8. Core stores sanitized connection and entitlement state in the current local WordPress admin user's meta.
+9. The submitted password exists only for the remote request and must never be stored locally or returned to browser state.
+
+If the preferred route is unavailable, non-successful in a fallback-safe way, malformed, or incomplete, account login falls back to:
+
+- `GET https://directorist.com/wp-json/directorist/v1/licencing`
+- Legacy fields: `user`, `password`
+
+The fallback exists for the installed customer base and must not be removed until the old endpoint is formally retired with a compatibility plan.
+
+## Active Access-Key Flow
+
+### Key Ownership And Display
+
+1. License Manager owns access-key generation, lookup, rotation, and storage for the signed-in Directorist.com user.
+2. User Dashboard requests the current customer's key through the License Manager integration.
+3. Sovware User Dashboard calls that helper and renders a masked access-key field with reveal and copy controls.
+4. User Dashboard must not create an independent key, duplicate key storage, or become the authentication authority.
+
+### Connecting A Client Site
+
+1. The customer copies the key from their Directorist.com User Dashboard.
+2. The local Directorist form submits `auth_method=access_key`, `access_key`, and the existing nonce to `atbdp_authenticate_the_customer`.
+3. Core sends a server-side `POST` request to:
+   - `https://directorist.com/wp-json/directorist-license-manager/user-connect`
+   - Fields: `access_key`, `domain`
+4. License Manager resolves the Directorist.com user through `AccountRepository::get_user_id_by_access_key()`.
+5. License Manager returns the same `account_data` and `plan_data` families used by account login.
+6. Core normalizes both authentication methods into the same legacy entitlement contract.
+7. Core stores only `access_key` as the non-secret connection-method label in `_atbdp_subscription_connection_method`.
+8. Core never stores the submitted access key, never includes it in local AJAX responses, and asks for it again when Refresh Purchases needs reauthentication.
+
+Access-key authentication intentionally has no legacy endpoint fallback. Invalid keys must remain distinguishable from transport or server failures.
+
+## Remote Response Contract
+
+Preferred License Manager response:
+
+```json
+{
+  "method": "user_login",
+  "account_data": {
+    "user_id": 0,
+    "user_email": "",
+    "display_name": ""
+  },
+  "plan_data": {
+    "downloads": {
+      "templates": [],
+      "extensions": []
+    },
+    "account_summary": {
+      "display_name": null,
+      "avatar_url": null,
+      "plan_name": null,
+      "subscription_status": "unknown",
+      "expires_at": null,
+      "all_access": false,
+      "is_lifetime": false
+    }
+  }
+}
+```
+
+Rules:
+
+- `account_summary` and every field inside it are optional.
+- Login success is not enough to replace local entitlements unless both required download arrays are valid.
+- Extra remote fields are untrusted. Core whitelists account identity fields and does not copy an echoed access key into local state.
+- Missing account summary must fall back to generic connected-account copy without changing entitlement behavior.
+- Dates must be ISO 8601 from the API and formatted using the client site's WordPress date settings.
+
+## Local Client-Site Cache
+
+Core stores the following on the current WordPress admin user:
+
+| User meta key | Purpose | Secret |
+| --- | --- | --- |
+| `_atbdp_has_subscriptions_sassion` | Connected/disconnected page state | No |
+| `_atbdp_subscribed_username` | Connected account identifier | Treat as private account data |
+| `_plugins_available_in_subscriptions` | Normalized extension entitlements | Treat as private entitlement data |
+| `_themes_available_in_subscriptions` | Normalized theme entitlements | Treat as private entitlement data |
+| `_atbdp_account_summary` | Sanitized optional plan/avatar/expiry summary | Treat as private account data |
+| `_atbdp_subscription_connection_method` | `account` or `access_key` | No |
+
+Keep the `sassion` misspelling because it is a shipped compatibility contract. These values are a local cache, not permanent licensing truth and not documentation truth.
+
+## Refresh Purchases
+
+1. UI reuses `atbdp_refresh_purchase_status`.
+2. Core reads `_atbdp_subscription_connection_method`.
+3. Account connections request the Directorist.com password again.
+4. Access-key connections request the access key again.
+5. Core re-authenticates through the matching License Manager route.
+6. Only a valid complete response replaces local extension/theme entitlement meta and account summary.
+7. The credential is discarded after the request.
+
+Refresh Purchases is remote revalidation. It is not a product-catalog refresh, WordPress plugin update check, or license-key rotation.
+
+## Disconnect
+
+`atbdp_close_subscriptions_sassion` disconnects the local WordPress page session.
+
+- It clears connected state, account summary, and connection-method meta.
+- Hard disconnect may also clear the cached account identifier and entitlement arrays.
+- It does not revoke the Directorist.com access key.
+- It does not cancel a subscription.
+- It does not deactivate EDD licenses remotely.
+- It does not deactivate or uninstall already installed plugins or themes.
+- Already installed products may continue running; account connection is required for page-managed subscription installs, downloads, refreshes, and updates.
+
+## Install, Update, And License Calls
+
+The current core product-management path is not fully routed through License Manager:
+
+| Operation | Current remote contract |
+| --- | --- |
+| Account login | License Manager `user-login` |
+| Access-key login | License Manager `user-connect` |
+| License activation | `https://directorist.com` with EDD `activate_license` |
+| Extension version check | Directorist.com EDD `get_version` request |
+| Package URL | `https://directorist.com/wp-json/directorist/v1/get-product-data/` |
+| Product catalog | `https://app.directorist.com/wp-json/directorist/v1/get-remote-products` |
+
+Local WordPress state remains canonical after every install, update, activation, or theme switch. Remote success alone must not cause the UI to claim a final local state.
+
+## Account Summary And Avatar
+
+License Manager builds optional account summary data from:
+
+- Directorist.com WordPress user display name and avatar.
+- EDD customer identity.
+- EDD All Access pass objects.
+
+Core sanitizes and stores only the supported summary fields. The connected Dashboard greeting and account control use the licensing owner, not the local site name or local WordPress administrator identity. When avatar data is unavailable, the UI uses a safe fallback such as account initials.
+
+## Security Requirements
+
+The public skill records required protections, not private service implementation details or an exploit checklist:
+
+- Credential routes require verified HTTPS, redacted logs, throttling, failed-attempt controls, generic authentication errors, and monitoring.
+- Access keys require cryptographically secure generation, rotation/revocation, and storage appropriate for a bearer credential.
+- License Manager responses should omit submitted credentials and unnecessary secret fields.
+- Core must continue whitelisting accepted identity/summary fields instead of persisting arbitrary remote response data.
+- Legacy account fallback is compatibility-only and should be retired only through a separately reviewed migration.
+- New EDD activation and package-download work must use verified HTTPS and strict package-host validation.
+- Never log, document, or persist submitted passwords, access keys, raw license keys, or complete remote entitlement payloads.
+
+## Cross-Repository Change Checklist
+
+When changing licensing behavior, inspect all affected repositories:
+
+1. **Directorist core**
+   - AJAX names, nonce/capability checks, fallback behavior, user-meta compatibility, response normalization, UI states.
+2. **Directorist License Manager**
+   - Route validation, account lookup, EDD data shape, optional fields, access-key security, error status codes.
+3. **Sovware User Dashboard**
+   - Access-key visibility/copy UX only; no duplicate key generation or storage.
+4. **Directorist.com theme/site code**
+   - Legacy `/directorist/v1/licencing` endpoint and product/catalog endpoints when still active.
+5. **EDD dependencies**
+   - Core EDD, Software Licensing, and All Access behavior on the live site.
+
+For backward-compatible API additions:
+
+- Add optional fields; do not rename or remove established fields.
+- Keep old core versions able to ignore new data.
+- Keep new core versions able to fall back when new routes are absent.
+- Never replace cached entitlements from a partial or malformed success response.
+- Verify account login, access-key login, refresh, disconnect, install, update, and failed-remote states separately.
diff --git a/docs/agents/directorist-themes-extensions-page/references/page-architecture-map.md b/docs/agents/directorist-themes-extensions-page/references/page-architecture-map.md
index 1b8ec43276..5ddcd1bae5 100644
--- a/docs/agents/directorist-themes-extensions-page/references/page-architecture-map.md
+++ b/docs/agents/directorist-themes-extensions-page/references/page-architecture-map.md
@@ -37,6 +37,7 @@ Do not commit fetched product payloads into docs. Store only the source and cont
 
 - Connected-account flag user meta: `_atbdp_has_subscriptions_sassion`
 - Connected username user meta: `_atbdp_subscribed_username`
+- Connection method user meta: `_atbdp_subscription_connection_method` (`account` or `access_key`; never the credential)
 - Subscribed plugins user meta: `_plugins_available_in_subscriptions`
 - Subscribed themes user meta: `_themes_available_in_subscriptions`
 - Refresh and logout behavior are controlled by class methods in `class-extension.php` and jQuery handlers in `subscriptionManagement.js`.
@@ -46,7 +47,8 @@ Preserve the misspelled `sassion` keys/actions because they are compatibility co
 ## Templates
 
 - Root wrapper: `views/admin-templates/theme-extensions/theme-extension.php`
-- Logged-out account form: `theme-extensions/auth/license-auth-section.php`
+- Current logged-out account form: inline in `theme-extension.php`
+- Legacy logged-out account form: `theme-extensions/auth/license-auth-section.php`; confirm whether a task still reaches it before editing
 - Connected statistics: `theme-extensions/statistics/statistics.php`
 - Connected product area: `theme-extensions/my-themes-extensions/my-themes-extensions.php`
 - Extensions tab: `theme-extensions/my-themes-extensions/extensions-tab.php`
@@ -58,7 +60,9 @@ Template output is server-rendered PHP and must remain usable without new JavaSc
 ## JavaScript And Assets
 
 - Admin entry: `assets/src/js/admin/admin.js`
-- Page behavior: `assets/src/js/admin/components/subscriptionManagement.js`
+- Legacy account/product behavior: `assets/src/js/admin/components/subscriptionManagement.js`
+- Current rewritten page behavior, including the account/access-key method switch and connect-form submit owner: `assets/js/directorist-themes-extensions.js`
+- Current rewritten page styles: `assets/css/directorist-themes-extensions.css`
 - Enqueued admin script: `directorist-admin-script`
 - Enqueued admin CSS: `directorist-admin-style`
 - Localized object: `directorist_admin`, localized to `jquery` in `includes/asset-loader/localized_data.php`
@@ -86,7 +90,9 @@ Most actions use `directorist_admin.nonce`; bulk plugin actions use `directorist
 
 ## Remote Dependencies
 
-- Directorist account authentication: `https://directorist.com/wp-json/directorist/v1/licencing`
+- Preferred Directorist account authentication: `POST https://directorist.com/wp-json/directorist-license-manager/user-login`
+- Directorist access-key authentication: `POST https://directorist.com/wp-json/directorist-license-manager/user-connect`
+- Legacy account authentication fallback: `GET https://directorist.com/wp-json/directorist/v1/licencing`
 - Product data/download links: `https://directorist.com/wp-json/directorist/v1/get-product-data/`
 - EDD software licensing version checks: `https://directorist.com` with `edd_action=get_version`
 - Optional remote product catalog: `https://app.directorist.com/wp-json/directorist/v1/get-remote-products`
@@ -111,3 +117,25 @@ The settings panel links admins back to this page, but it is a separate domain:
 - The theme "What's new" modal must not ship hardcoded dummy changelog content in a redesign.
 
 For full rewrite fix priorities, read `references/rewrite-issue-register.md` before planning implementation.
+
+## Connected Dashboard Sidebar And Activity
+
+- Clean connected route: `edit.php?post_type=at_biz_dir&page=atbdp-extension` renders Dashboard.
+- Connected Add-ons route: `edit.php?post_type=at_biz_dir&page=atbdp-extension&te_view=addons` renders the existing catalog.
+- `ATBDP_Extensions::admin_menu()` registers the clean Dashboard route and adds the Themes & Extensions Add-ons submenu without changing the page slug or capability.
+- `ATBDP_Extensions::set_active_submenu()` and page JS keep WordPress sidebar state synchronized with the active internal view.
+- Disconnected requests register only the established Themes & Extensions submenu.
+
+Activity files and contracts:
+
+- Service: `includes/classes/class-extension-activity.php`
+- Template: `views/admin-templates/theme-extensions/theme-extension.php`
+- Page interaction: `assets/js/directorist-themes-extensions.js`
+- Page styling: `assets/css/directorist-themes-extensions.css`
+- AJAX action: `wp_ajax_directorist_te_get_activity`
+- Request fields: `nonce`, `activity_page`, `activity_type`
+- Allowed activity types: `all`, `listing`, `review`, `payment`, `user`
+- Response fields: `items`, `has_more`, `next_page`, `page`, `type`
+- Item fields: `id`, `type`, `title`, `subject`, `context`, `timestamp`, `icon`, `tone`, `action_label`, `action_url`, `upcoming`, `group`, `group_label`, `time_label`
+
+Activity, Dashboard metric, and setup-progress data are collected at request time from local WordPress/Directorist state. The service reads listings, review comments, Directorist users, directory/category terms, active gateways, modern `directorist_orders`, unmigrated legacy `atbdp_orders`, view-count meta, and listing expiration meta. It uses bounded queries and pagination, deduplicates migrated orders through `legacy_id`, and does not create an activity table, persist snapshots, auto-seed setup data, or call a remote product/licensing API.
diff --git a/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md b/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
index d385bf4461..591f920103 100644
--- a/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
+++ b/docs/agents/directorist-themes-extensions-page/references/qa-checklist.md
@@ -16,9 +16,41 @@ Use this checklist for Themes & Extensions page work. Current runtime data must
 - Confirm product badges/status render only from product API/filter-provided fields and do not rely on hardcoded product slugs or product order.
 - Confirm no old/new UI feature flag or rollout toggle was added unless explicitly requested.
 - Confirm disconnected-view files/selectors/styles were not changed unless the current task explicitly requested disconnected-view changes.
+- Confirm connected Dashboard recommendations show at most three cards, rotate through real directory types, and never expose the full catalog under an unknown/general type.
+- Confirm recommendation autoplay pauses on hover, keyboard focus, explicit Pause, hidden browser tabs, and reduced-motion preference.
+- Confirm previous, next, native directory selection, and pause/resume work without triggering product AJAX actions.
+- Confirm Quick Actions re-collect current directory terms and do not rely on stored documentation/runtime snapshots.
+- Confirm zero-directory state shows Create directory and Email notifications without dead directory-specific links.
+- Confirm one-directory state hides the selector and binds Add Listing, Categories, Listing Layout, and Submission Form to that directory.
+- Confirm multiple-directory selection updates all four directory-specific links, descriptions, and accessible labels without changing the global Email Notifications link.
+- Confirm the selected Quick Actions directory is selected in the new-listing admin metabox and loads that directory's `submission_form_fields`.
+- Confirm an existing listing's saved directory overrides any `directory_type` query parameter.
+- Confirm a valid remembered Quick Actions directory is restored for the browser session and a deleted/stale directory falls back to the current default.
+- Confirm `#submission_form` and `#single_page_layout__contents` override saved Builder tab state and open the requested layout/submenu.
+- Confirm a connected clean sidebar URL opens Dashboard with All as the default product type.
+- Confirm Add-ons with Extensions or Themes updates `te_view`/`te_type` without a reload and restores the same state after reload.
+- Confirm switching to Dashboard retains `te_type`, and returning to Add-ons restores the same All/Extensions/Themes selection.
+- Confirm invalid `te_view` and `te_type` values fall back to Dashboard and All and are removed from the canonical URL.
+- Confirm `#atbdp-required-extensions-form` still forces Add-ons, Extensions, and Required regardless of initial URL state.
+- Confirm disconnected rendering ignores connected `te_view`/`te_type` parameters.
 - Confirm disconnected-state username is first in tab order but is not autofocused on normal page load.
 - Confirm disconnected-state resource links are plain Docs, Tutorials, and Support links with external-link safety attributes.
 - Confirm disconnected-state account copy changes based on local official Directorist product detection: normal subscription copy when none are installed, installed-product copy when local Directorist extensions/themes are present.
+- Confirm legacy theme links to `#atbdp-required-extensions-form` select Add-ons, Extensions, and Required without submitting or triggering a product action.
+- Confirm required products render once and keep the correct Install, Activate, or Get It Now action for current ownership/install state.
+- Confirm the connected header has no search control and the Add-ons toolbar remains the only catalog search.
+- Confirm the notification count and items derive from current extension updates, theme updates, and required-extension state.
+- Confirm clicking an extension/theme update notification opens Add-ons, selects the matching product type and Updates, focuses the Updates filter, and sends no update request.
+- Confirm clicking a required-extension notification opens Add-ons, selects Extensions and Required, focuses the Required filter, and sends no install request.
+- Confirm the notification empty state, Escape close, outside-click close, account-menu mutual exclusion, keyboard focus restoration, and 390px dropdown containment.
+- Confirm connected WordPress sidebar Dashboard is the first Directorist submenu and the clean route opens Dashboard.
+- Confirm connected Themes & Extensions sidebar opens `te_view=addons` and selects Add-ons in both the header and WordPress sidebar.
+- Confirm header Dashboard/Add-ons switches update the matching WordPress submenu current state without reload.
+- Confirm disconnected users still receive one Themes & Extensions submenu and no connected Dashboard.
+- Confirm the Recent Activity card renders no more than five current dynamic items and contains no reference-design names, dates, amounts, or listing titles.
+- Confirm opening View all makes one lazy `directorist_te_get_activity` request, returns focus on close, traps Tab while open, closes on Escape/backdrop, and has no mobile overflow.
+- Confirm activity filters reset pagination, Load more appends without duplicates, and empty/error states remain usable.
+- Confirm the activity endpoint rejects missing/invalid nonce and non-admin capability requests.
 
 ## Agent Browser Checks
 
@@ -89,11 +121,16 @@ Use categories only in docs. Do not preserve observed counts or product lists.
 ## Disconnected Accessibility Checks
 
 - Confirm the disconnected page remains browse-first: account connect form plus marketplace catalog are both reachable without forced focus.
-- Confirm username and password fields have visible labels.
-- Confirm pressing Enter inside username/password submits the account-connect form.
-- Confirm password visibility toggle changes the input type, icon, `aria-label`, and `aria-pressed`.
+- Confirm Account login remains the selected default and username/password fields have visible labels.
+- Confirm Access key is an explicit secondary tab, and only the selected method's controls are enabled or reachable by keyboard.
+- Confirm Left/Right/Home/End keys change the selected authentication tab and move focus with it.
+- Confirm pressing Enter inside username/password or access key submits the account-connect form exactly once.
+- Confirm password and access-key visibility toggles change the input type, icon, `aria-label`, and `aria-pressed`.
 - Confirm connect loading state disables controls only during the active request and restores them after failure.
-- Confirm empty username, empty password, wrong credentials, API unavailable, nonce failure, and unexpected errors render inline form feedback.
+- Confirm empty username, empty password, empty/invalid access key, wrong account credentials, API unavailable, nonce failure, capability failure, and unexpected errors render inline form feedback.
+- Confirm a submitted access key never appears in the URL, local/session storage, AJAX response, user meta, options, logs, or documentation.
+- Confirm an existing account-login connection with no `_atbdp_subscription_connection_method` value still refreshes with a password.
+- Confirm an access-key connection stores only `_atbdp_subscription_connection_method=access_key` and asks for the key again during Refresh Purchases.
 - Confirm disconnected search no-result state shows an inline empty state and a clear/reset affordance.
 - Confirm mobile disconnected view uses a one-column connect form, does not open the keyboard on load, and has no horizontal page overflow.
 
diff --git a/includes/classes/class-extension-activity.php b/includes/classes/class-extension-activity.php
new file mode 100644
index 0000000000..38987fd95a
--- /dev/null
+++ b/includes/classes/class-extension-activity.php
@@ -0,0 +1,963 @@
+<?php
+/**
+ * Recent Directorist activity for the connected Themes & Extensions dashboard.
+ *
+ * @package Directorist
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+    exit;
+}
+
+if ( ! class_exists( 'ATBDP_Extension_Activity' ) ) {
+    /**
+     * Build a small, paginated activity stream from existing WordPress data.
+     */
+    class ATBDP_Extension_Activity {
+        /**
+         * Cached modern orders-table availability for the current request.
+         *
+         * @var bool|null
+         */
+        private $modern_orders_table_exists = null;
+
+        /**
+         * Get connected-dashboard metrics from canonical Directorist data.
+         *
+         * @return array
+         */
+        public function get_dashboard_metrics() {
+            global $wpdb;
+
+            $post_counts        = wp_count_posts( ATBDP_POST_TYPE );
+            $published_listings = isset( $post_counts->publish ) ? (int) $post_counts->publish : 0;
+            $pending_listings   = isset( $post_counts->pending ) ? (int) $post_counts->pending : 0;
+            $views_meta_key     = directorist_get_listing_views_count_meta_key();
+            $listing_views      = (int) $wpdb->get_var(
+                $wpdb->prepare(
+                    "SELECT COALESCE( SUM( CAST( postmeta.meta_value AS UNSIGNED ) ), 0 )
+                    FROM {$wpdb->posts} AS posts
+                    INNER JOIN {$wpdb->postmeta} AS postmeta
+                        ON posts.ID = postmeta.post_id
+                    WHERE posts.post_type = %s
+                    AND posts.post_status = 'publish'
+                    AND postmeta.meta_key = %s",
+                    ATBDP_POST_TYPE,
+                    $views_meta_key
+                )
+            );
+            $payment_stats      = $this->get_payment_stats( time() - ( 30 * DAY_IN_SECONDS ) );
+
+            return [
+                'published_listings' => $published_listings,
+                'listing_views'      => $listing_views,
+                'pending_listings'   => $pending_listings,
+                'expiring_this_week' => $this->get_expiring_listing_count( 7 ),
+                'revenue'            => (float) $payment_stats['amount'],
+                'paid_orders'        => (int) $payment_stats['count'],
+                'currency'           => atbdp_get_payment_currency(),
+            ];
+        }
+
+        /**
+         * Get the connected dashboard's canonical setup progress.
+         *
+         * @param array $metrics Pre-collected dashboard metrics.
+         *
+         * @return array
+         */
+        public function get_dashboard_setup( $metrics = [] ) {
+            $directories   = directory_types();
+            $directories   = is_array( $directories ) && ! is_wp_error( $directories ) ? $directories : [];
+            $category_count = wp_count_terms(
+                [
+                    'taxonomy'   => ATBDP_CATEGORY,
+                    'hide_empty' => false,
+                ]
+            );
+            $category_count = is_wp_error( $category_count ) ? 0 : (int) $category_count;
+            $active_gateways = ATBDP_Gateway::get_active_gateways();
+            $active_gateways = is_array( $active_gateways ) ? array_filter( $active_gateways ) : [];
+            $has_directories = ! empty( $directories );
+            $builder_url     = admin_url( 'edit.php?post_type=at_biz_dir&page=atbdp-layout-builder' );
+
+            if ( directorist_is_multi_directory_enabled() ) {
+                $builder_url = admin_url( 'edit.php?post_type=at_biz_dir&page=atbdp-directory-types' );
+            }
+
+            $steps           = [
+                [
+                    'label'    => $has_directories
+                        ? __( 'Manage directory type', 'directorist' )
+                        : __( 'Create a directory type', 'directorist' ),
+                    'complete' => $has_directories,
+                    'url'      => $builder_url,
+                ],
+                [
+                    'label'    => $category_count > 0
+                        ? __( 'Manage listing categories', 'directorist' )
+                        : __( 'Add your real categories', 'directorist' ),
+                    'complete' => $category_count > 0,
+                    'url'      => admin_url( 'edit-tags.php?taxonomy=' . ATBDP_CATEGORY . '&post_type=' . ATBDP_POST_TYPE ),
+                ],
+                [
+                    'label'    => ! empty( $active_gateways )
+                        ? __( 'Review payment gateways', 'directorist' )
+                        : __( 'Configure a payment gateway', 'directorist' ),
+                    'complete' => ! empty( $active_gateways ),
+                    'url'      => admin_url( 'edit.php?post_type=at_biz_dir&page=atbdp-settings#monetization_settings__gateway' ),
+                ],
+                [
+                    'label'    => ! empty( $metrics['published_listings'] )
+                        ? __( 'Manage published listings', 'directorist' )
+                        : __( 'Publish your first real listing', 'directorist' ),
+                    'complete' => ! empty( $metrics['published_listings'] ),
+                    'url'      => admin_url( 'edit.php?post_type=' . ATBDP_POST_TYPE ),
+                ],
+            ];
+            $completed_steps = count(
+                array_filter(
+                    $steps,
+                    static function( $step ) {
+                        return ! empty( $step['complete'] );
+                    }
+                )
+            );
+            $progress = $steps ? (int) round( ( $completed_steps / count( $steps ) ) * 100 ) : 0;
+
+            return [
+                'progress'    => $progress,
+                'title'       => 100 === $progress
+                    ? __( 'Your directory foundation is ready', 'directorist' )
+                    : __( 'A few steps to launch your directory', 'directorist' ),
+                'description' => 100 === $progress
+                    ? __( 'Core setup is complete. Use these links whenever you need to make changes.', 'directorist' )
+                    : __( 'Complete the remaining setup tasks before accepting live submissions.', 'directorist' ),
+                'steps'       => $steps,
+            ];
+        }
+
+        /**
+         * Supported activity filters.
+         *
+         * @var array
+         */
+        private $supported_types = [ 'all', 'listing', 'review', 'payment', 'user' ];
+
+        /**
+         * Get one activity page.
+         *
+         * @param int    $page     Page number.
+         * @param int    $per_page Items per page.
+         * @param string $type     Activity type.
+         *
+         * @return array
+         */
+        public function get_page( $page = 1, $per_page = 10, $type = 'all' ) {
+            $page     = max( 1, min( 10, absint( $page ) ) );
+            $per_page = max( 1, min( 20, absint( $per_page ) ) );
+            $type     = sanitize_key( $type );
+            $type     = in_array( $type, $this->supported_types, true ) ? $type : 'all';
+            $offset   = ( $page - 1 ) * $per_page;
+            $limit    = min( 101, $offset + $per_page + 1 );
+            $items    = [];
+
+            if ( in_array( $type, [ 'all', 'listing' ], true ) ) {
+                $items = array_merge(
+                    $items,
+                    $this->get_listing_activity( $limit ),
+                    $this->get_expiring_listing_activity( min( $limit, 10 ) )
+                );
+            }
+
+            if ( in_array( $type, [ 'all', 'review' ], true ) ) {
+                $items = array_merge( $items, $this->get_review_activity( $limit ) );
+            }
+
+            if ( in_array( $type, [ 'all', 'payment' ], true ) ) {
+                $items = array_merge( $items, $this->get_payment_activity( $limit ) );
+            }
+
+            if ( in_array( $type, [ 'all', 'user' ], true ) ) {
+                $items = array_merge( $items, $this->get_user_activity( $limit ) );
+            }
+
+            $unique_items = [];
+
+            foreach ( array_filter( $items ) as $item ) {
+                $unique_items[ $item['id'] ] = $item;
+            }
+
+            $items = array_values( $unique_items );
+
+            usort(
+                $items,
+                static function( $left, $right ) {
+                    $left_upcoming  = ! empty( $left['upcoming'] );
+                    $right_upcoming = ! empty( $right['upcoming'] );
+
+                    if ( $left_upcoming !== $right_upcoming ) {
+                        return $left_upcoming ? 1 : -1;
+                    }
+
+                    if ( $left_upcoming ) {
+                        return (int) $left['timestamp'] <=> (int) $right['timestamp'];
+                    }
+
+                    return (int) $right['timestamp'] <=> (int) $left['timestamp'];
+                }
+            );
+
+            $has_more = $page < 10 && count( $items ) > ( $offset + $per_page );
+            $items    = array_slice( $items, $offset, $per_page );
+
+            foreach ( $items as &$item ) {
+                $item['group']       = $this->get_group( $item );
+                $item['group_label'] = $this->get_group_label( $item['group'] );
+                $item['time_label']  = $this->get_time_label( $item );
+            }
+            unset( $item );
+
+            $data = [
+                'items'     => $items,
+                'has_more'  => $has_more,
+                'next_page' => $has_more ? $page + 1 : null,
+                'page'      => $page,
+                'type'      => $type,
+            ];
+
+            /**
+             * Filter connected dashboard activity data.
+             *
+             * @param array  $data     Prepared activity page.
+             * @param int    $page     Current page.
+             * @param int    $per_page Items per page.
+             * @param string $type     Current activity filter.
+             */
+            return apply_filters( 'directorist_themes_extensions_activity_data', $data, $page, $per_page, $type );
+        }
+
+        /**
+         * Get recent listing activity.
+         *
+         * @param int $limit Query limit.
+         *
+         * @return array
+         */
+        private function get_listing_activity( $limit ) {
+            $query = new WP_Query(
+                [
+                    'post_type'              => ATBDP_POST_TYPE,
+                    'post_status'            => [ 'publish', 'pending', 'draft' ],
+                    'posts_per_page'         => $limit,
+                    'orderby'                => 'modified',
+                    'order'                  => 'DESC',
+                    'no_found_rows'          => true,
+                    'update_post_meta_cache' => false,
+                    'update_post_term_cache' => false,
+                ]
+            );
+            $items = [];
+
+            foreach ( $query->posts as $listing ) {
+                $author = get_userdata( $listing->post_author );
+                $status = get_post_status( $listing );
+                $title  = 'pending' === $status
+                    ? __( 'Listing awaiting review', 'directorist' )
+                    : ( 'publish' === $status ? __( 'Listing published', 'directorist' ) : __( 'Listing draft saved', 'directorist' ) );
+                $action = 'pending' === $status ? __( 'Review', 'directorist' ) : __( 'Edit', 'directorist' );
+
+                $items[] = $this->prepare_item(
+                    [
+                        'id'           => 'listing-' . $listing->ID,
+                        'type'         => 'listing',
+                        'title'        => $title,
+                        'subject'      => get_the_title( $listing ) ?: __( 'Untitled listing', 'directorist' ),
+                        'context'      => $author ? sprintf(
+                            /* translators: %s: Listing author display name. */
+                            __( 'by %s', 'directorist' ),
+                            $author->display_name
+                        ) : '',
+                        'timestamp'    => $this->get_post_timestamp( $listing, true ),
+                        'icon'         => 'la la-plus',
+                        'tone'         => 'blue',
+                        'action_label' => $action,
+                        'action_url'   => get_edit_post_link( $listing->ID, 'raw' ),
+                    ]
+                );
+            }
+
+            return array_filter( $items );
+        }
+
+        /**
+         * Get recent review activity.
+         *
+         * @param int $limit Query limit.
+         *
+         * @return array
+         */
+        private function get_review_activity( $limit ) {
+            $comments = get_comments(
+                [
+                    'type'      => 'review',
+                    'post_type' => ATBDP_POST_TYPE,
+                    'status'    => 'all',
+                    'parent'    => 0,
+                    'number'    => min( 202, $limit * 2 ),
+                    'orderby'   => 'comment_date_gmt',
+                    'order'     => 'DESC',
+                ]
+            );
+            $items = [];
+
+            foreach ( $comments as $comment ) {
+                if ( ! in_array( (string) $comment->comment_approved, [ '0', '1' ], true ) ) {
+                    continue;
+                }
+
+                $rating  = class_exists( '\Directorist\Review\Comment' )
+                    ? \Directorist\Review\Comment::get_rating( $comment->comment_ID )
+                    : (float) get_comment_meta( $comment->comment_ID, 'rating', true );
+                $context = $rating
+                    ? sprintf(
+                        /* translators: 1: Review rating, 2: Reviewer name. */
+                        __( '%1$s-star review by %2$s', 'directorist' ),
+                        number_format_i18n( $rating, 1 ),
+                        $comment->comment_author
+                    )
+                    : sprintf(
+                        /* translators: %s: Reviewer name. */
+                        __( 'Review by %s', 'directorist' ),
+                        $comment->comment_author
+                    );
+
+                $items[] = $this->prepare_item(
+                    [
+                        'id'           => 'review-' . $comment->comment_ID,
+                        'type'         => 'review',
+                        'title'        => '0' === (string) $comment->comment_approved
+                            ? __( 'Review awaiting moderation', 'directorist' )
+                            : __( 'New review received', 'directorist' ),
+                        'subject'      => get_the_title( $comment->comment_post_ID ) ?: __( 'Untitled listing', 'directorist' ),
+                        'context'      => $context,
+                        'timestamp'    => strtotime( $comment->comment_date_gmt . ' UTC' ),
+                        'icon'         => 'la la-star',
+                        'tone'         => 'green',
+                        'action_label' => __( 'Review', 'directorist' ),
+                        'action_url'   => add_query_arg(
+                            [
+                                'action' => 'editcomment',
+                                'c'      => $comment->comment_ID,
+                            ],
+                            admin_url( 'comment.php' )
+                        ),
+                    ]
+                );
+
+                if ( count( $items ) >= $limit ) {
+                    break;
+                }
+            }
+
+            return array_filter( $items );
+        }
+
+        /**
+         * Get completed paid-order activity.
+         *
+         * @param int $limit Query limit.
+         *
+         * @return array
+         */
+        private function get_payment_activity( $limit ) {
+            $items             = $this->get_modern_payment_activity( $limit );
+            $modern_legacy_ids = array_values(
+                array_filter(
+                    array_map(
+                        static function( $item ) {
+                            return absint( $item['legacy_id'] ?? 0 );
+                        },
+                        $items
+                    )
+                )
+            );
+
+            foreach ( $items as &$item ) {
+                unset( $item['legacy_id'] );
+            }
+            unset( $item );
+
+            if ( count( $items ) >= $limit ) {
+                return array_slice( $items, 0, $limit );
+            }
+
+            $query = new WP_Query(
+                [
+                    'post_type'              => ATBDP_ORDER_POST_TYPE,
+                    'post_status'            => 'publish',
+                    'posts_per_page'         => min( 202, $limit * 2 ),
+                    'orderby'                => 'date',
+                    'order'                  => 'DESC',
+                    'no_found_rows'          => true,
+                    'update_post_meta_cache' => true,
+                    'update_post_term_cache' => false,
+                    'meta_query'             => [
+                        [
+                            'key'   => '_payment_status',
+                            'value' => 'completed',
+                        ],
+                    ],
+                ]
+            );
+
+            foreach ( $query->posts as $order ) {
+                if ( in_array( (int) $order->ID, $modern_legacy_ids, true ) ) {
+                    continue;
+                }
+
+                $amount = (float) get_post_meta( $order->ID, '_amount', true );
+
+                if ( $amount <= 0 ) {
+                    continue;
+                }
+
+                $listing_id    = absint( get_post_meta( $order->ID, '_listing_id', true ) );
+                $listing_title = $listing_id ? get_the_title( $listing_id ) : '';
+                $customer      = get_userdata( $order->post_author );
+                $context_parts = [];
+
+                if ( $customer ) {
+                    $context_parts[] = sprintf(
+                        /* translators: %s: Customer display name. */
+                        __( 'from %s', 'directorist' ),
+                        $customer->display_name
+                    );
+                }
+
+                if ( $listing_title ) {
+                    $context_parts[] = sprintf(
+                        /* translators: %s: Listing title. */
+                        __( 'for %s', 'directorist' ),
+                        $listing_title
+                    );
+                }
+
+                $items[] = $this->prepare_item(
+                    [
+                        'id'           => 'payment-' . $order->ID,
+                        'type'         => 'payment',
+                        'title'        => __( 'Payment received', 'directorist' ),
+                        'subject'      => html_entity_decode( atbdp_currency_symbol( atbdp_get_payment_currency() ), ENT_QUOTES, get_bloginfo( 'charset' ) ) . number_format_i18n( $amount, 2 ),
+                        'context'      => implode( ' ', $context_parts ),
+                        'timestamp'    => $this->get_post_timestamp( $order ),
+                        'icon'         => 'la la-dollar',
+                        'tone'         => 'violet',
+                        'action_label' => __( 'View order', 'directorist' ),
+                        'action_url'   => get_edit_post_link( $order->ID, 'raw' ),
+                    ]
+                );
+
+                if ( count( $items ) >= $limit ) {
+                    break;
+                }
+            }
+
+            return array_values( array_filter( $items ) );
+        }
+
+        /**
+         * Get completed payments from the current table-based order system.
+         *
+         * @param int $limit Query limit.
+         *
+         * @return array
+         */
+        private function get_modern_payment_activity( $limit ) {
+            global $wpdb;
+
+            $orders_table = $wpdb->prefix . 'directorist_orders';
+
+            if ( ! $this->modern_orders_table_exists() ) {
+                return [];
+            }
+
+            // phpcs:disable WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- The table name uses the trusted WordPress prefix.
+            $orders = $wpdb->get_results(
+                $wpdb->prepare(
+                    "SELECT id, legacy_id, user_id, listing_id, amount, currency, created_at,
+                        UNIX_TIMESTAMP( created_at ) AS created_timestamp
+                    FROM {$orders_table}
+                    WHERE status = %s
+                    AND amount > 0
+                    ORDER BY created_at DESC, id DESC
+                    LIMIT %d",
+                    'paid',
+                    max( 1, $limit )
+                )
+            );
+            // phpcs:enable WordPress.DB.PreparedSQL.InterpolatedNotPrepared.
+
+            $items = [];
+
+            foreach ( $orders as $order ) {
+                $amount        = (float) $order->amount;
+                $listing_title = $order->listing_id ? get_the_title( (int) $order->listing_id ) : '';
+                $customer      = get_userdata( (int) $order->user_id );
+                $context_parts = [];
+                $currency      = $order->currency ?: atbdp_get_payment_currency();
+
+                if ( $customer ) {
+                    $context_parts[] = sprintf(
+                        /* translators: %s: Customer display name. */
+                        __( 'from %s', 'directorist' ),
+                        $customer->display_name
+                    );
+                }
+
+                if ( $listing_title ) {
+                    $context_parts[] = sprintf(
+                        /* translators: %s: Listing title. */
+                        __( 'for %s', 'directorist' ),
+                        $listing_title
+                    );
+                }
+
+                $item = $this->prepare_item(
+                    [
+                        'id'           => 'payment-db-' . $order->id,
+                        'type'         => 'payment',
+                        'title'        => __( 'Payment received', 'directorist' ),
+                        'subject'      => html_entity_decode( atbdp_currency_symbol( $currency ), ENT_QUOTES, get_bloginfo( 'charset' ) ) . number_format_i18n( $amount, 2 ),
+                        'context'      => implode( ' ', $context_parts ),
+                        'timestamp'    => absint( $order->created_timestamp ),
+                        'icon'         => 'la la-dollar',
+                        'tone'         => 'violet',
+                        'action_label' => __( 'View order', 'directorist' ),
+                        'action_url'   => add_query_arg(
+                            [
+                                'post_type' => ATBDP_POST_TYPE,
+                                'page'      => 'directorist-orders',
+                            ],
+                            admin_url( 'edit.php' )
+                        ) . '#/edit/' . absint( $order->id ),
+                    ]
+                );
+
+                if ( $item ) {
+                    $item['legacy_id'] = absint( $order->legacy_id );
+                    $items[]           = $item;
+                }
+            }
+
+            return $items;
+        }
+
+        /**
+         * Get paid-order totals from modern and unmigrated legacy storage.
+         *
+         * @param int $after_timestamp Earliest included order timestamp.
+         *
+         * @return array
+         */
+        private function get_payment_stats( $after_timestamp ) {
+            global $wpdb;
+
+            $orders_table = $wpdb->prefix . 'directorist_orders';
+            $stats        = [
+                'amount' => 0.0,
+                'count'  => 0,
+            ];
+            $table_exists = $this->modern_orders_table_exists();
+
+            if ( $table_exists ) {
+                // phpcs:disable WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- The table name uses the trusted WordPress prefix.
+                $modern_stats = $wpdb->get_row(
+                    $wpdb->prepare(
+                        "SELECT COALESCE( SUM( amount ), 0 ) AS amount, COUNT( id ) AS order_count
+                        FROM {$orders_table}
+                        WHERE status = %s
+                        AND amount > 0
+                        AND created_at >= FROM_UNIXTIME( %d )",
+                        'paid',
+                        $after_timestamp
+                    )
+                );
+                // phpcs:enable WordPress.DB.PreparedSQL.InterpolatedNotPrepared.
+
+                if ( $modern_stats ) {
+                    $stats['amount'] += (float) $modern_stats->amount;
+                    $stats['count']  += (int) $modern_stats->order_count;
+                }
+            }
+
+            $legacy_join = $table_exists
+                ? "LEFT JOIN {$orders_table} AS modern_orders ON modern_orders.legacy_id = posts.ID"
+                : '';
+            $legacy_where = $table_exists ? 'AND modern_orders.id IS NULL' : '';
+
+            // phpcs:disable WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- WordPress core table names and the checked Directorist table are trusted.
+            $legacy_stats = $wpdb->get_row(
+                $wpdb->prepare(
+                    "SELECT COALESCE( SUM( CAST( amount_meta.meta_value AS DECIMAL(10,2) ) ), 0 ) AS amount,
+                        COUNT( DISTINCT posts.ID ) AS order_count
+                    FROM {$wpdb->posts} AS posts
+                    INNER JOIN {$wpdb->postmeta} AS status_meta
+                        ON posts.ID = status_meta.post_id
+                        AND status_meta.meta_key = '_payment_status'
+                        AND status_meta.meta_value = 'completed'
+                    INNER JOIN {$wpdb->postmeta} AS amount_meta
+                        ON posts.ID = amount_meta.post_id
+                        AND amount_meta.meta_key = '_amount'
+                    {$legacy_join}
+                    WHERE posts.post_type = %s
+                    AND posts.post_status = 'publish'
+                    AND CAST( amount_meta.meta_value AS DECIMAL(10,2) ) > 0
+                    AND posts.post_date_gmt >= %s
+                    {$legacy_where}",
+                    ATBDP_ORDER_POST_TYPE,
+                    gmdate( 'Y-m-d H:i:s', $after_timestamp )
+                )
+            );
+            // phpcs:enable WordPress.DB.PreparedSQL.InterpolatedNotPrepared.
+
+            if ( $legacy_stats ) {
+                $stats['amount'] += (float) $legacy_stats->amount;
+                $stats['count']  += (int) $legacy_stats->order_count;
+            }
+
+            return $stats;
+        }
+
+        /**
+         * Check the modern orders table once per service instance.
+         *
+         * @return bool
+         */
+        private function modern_orders_table_exists() {
+            global $wpdb;
+
+            if ( null !== $this->modern_orders_table_exists ) {
+                return $this->modern_orders_table_exists;
+            }
+
+            $orders_table                     = $wpdb->prefix . 'directorist_orders';
+            $this->modern_orders_table_exists = $orders_table === $wpdb->get_var(
+                $wpdb->prepare(
+                    'SHOW TABLES LIKE %s',
+                    $orders_table
+                )
+            );
+
+            return $this->modern_orders_table_exists;
+        }
+
+        /**
+         * Count published listings expiring within the requested number of days.
+         *
+         * @param int $days Number of days.
+         *
+         * @return int
+         */
+        private function get_expiring_listing_count( $days ) {
+            $query = new WP_Query(
+                [
+                    'post_type'              => ATBDP_POST_TYPE,
+                    'post_status'            => 'publish',
+                    'posts_per_page'         => 1,
+                    'fields'                 => 'ids',
+                    'no_found_rows'          => false,
+                    'update_post_meta_cache' => false,
+                    'update_post_term_cache' => false,
+                    'meta_query'             => [
+                        'relation' => 'AND',
+                        [
+                            'key'     => '_never_expire',
+                            'compare' => 'NOT EXISTS',
+                        ],
+                        [
+                            'key'     => '_expiry_date',
+                            'value'   => [
+                                current_time( 'mysql' ),
+                                current_datetime()->modify( '+' . max( 1, absint( $days ) ) . ' days' )->format( 'Y-m-d H:i:s' ),
+                            ],
+                            'compare' => 'BETWEEN',
+                            'type'    => 'DATETIME',
+                        ],
+                    ],
+                ]
+            );
+
+            return (int) $query->found_posts;
+        }
+
+        /**
+         * Get recent Directorist user registrations.
+         *
+         * @param int $limit Query limit.
+         *
+         * @return array
+         */
+        private function get_user_activity( $limit ) {
+            $query = new WP_User_Query(
+                [
+                    'number'     => min( 202, $limit * 2 ),
+                    'orderby'    => 'registered',
+                    'order'      => 'DESC',
+                    'meta_query' => [
+                        [
+                            'key'     => '_user_type',
+                            'compare' => 'EXISTS',
+                        ],
+                    ],
+                ]
+            );
+            $items = [];
+
+            foreach ( $query->get_results() as $user ) {
+                $user_type = (string) get_user_meta( $user->ID, '_user_type', true );
+
+                if ( '' === $user_type ) {
+                    continue;
+                }
+
+                $items[] = $this->prepare_item(
+                    [
+                        'id'           => 'user-' . $user->ID,
+                        'type'         => 'user',
+                        'title'        => __( 'New user registered', 'directorist' ),
+                        'subject'      => $user->display_name ?: $user->user_login,
+                        'context'      => 'author' === $user_type
+                            ? __( 'Registered as a listing owner', 'directorist' )
+                            : __( 'Registered for the directory', 'directorist' ),
+                        'timestamp'    => strtotime( $user->user_registered . ' UTC' ),
+                        'icon'         => 'la la-user-plus',
+                        'tone'         => 'info',
+                        'action_label' => __( 'View user', 'directorist' ),
+                        'action_url'   => get_edit_user_link( $user->ID ),
+                    ]
+                );
+
+                if ( count( $items ) >= $limit ) {
+                    break;
+                }
+            }
+
+            return array_filter( $items );
+        }
+
+        /**
+         * Get listings that will expire soon.
+         *
+         * @param int $limit Query limit.
+         *
+         * @return array
+         */
+        private function get_expiring_listing_activity( $limit ) {
+            $now       = current_time( 'mysql' );
+            $threshold = gmdate( 'Y-m-d H:i:s', strtotime( '+30 days', current_time( 'timestamp' ) ) );
+            $query     = new WP_Query(
+                [
+                    'post_type'              => ATBDP_POST_TYPE,
+                    'post_status'            => 'publish',
+                    'posts_per_page'         => $limit,
+                    'orderby'                => 'meta_value',
+                    'meta_key'               => '_expiry_date',
+                    'order'                  => 'ASC',
+                    'no_found_rows'          => true,
+                    'update_post_meta_cache' => true,
+                    'update_post_term_cache' => false,
+                    'meta_query'             => [
+                        'relation'     => 'AND',
+                        [
+                            'key'     => '_never_expire',
+                            'compare' => 'NOT EXISTS',
+                        ],
+                        [
+                            'key'     => '_expiry_date',
+                            'value'   => [
+                                $now,
+                                $threshold,
+                            ],
+                            'compare' => 'BETWEEN',
+                            'type'    => 'DATETIME',
+                        ],
+                    ],
+                ]
+            );
+            $items = [];
+
+            foreach ( $query->posts as $listing ) {
+                $expiry_value = (string) get_post_meta( $listing->ID, '_expiry_date', true );
+                $expiry_gmt   = $expiry_value ? get_gmt_from_date( $expiry_value ) : '';
+                $timestamp    = $expiry_gmt ? strtotime( $expiry_gmt . ' UTC' ) : false;
+
+                if ( ! $timestamp ) {
+                    continue;
+                }
+
+                $days = max( 1, (int) ceil( ( $timestamp - time() ) / DAY_IN_SECONDS ) );
+
+                $items[] = $this->prepare_item(
+                    [
+                        'id'           => 'expiry-' . $listing->ID,
+                        'type'         => 'listing',
+                        'title'        => __( 'Listing expiring soon', 'directorist' ),
+                        'subject'      => get_the_title( $listing ) ?: __( 'Untitled listing', 'directorist' ),
+                        'context'      => sprintf(
+                            /* translators: %d: Number of days before listing expiration. */
+                            _n( 'Expires in %d day', 'Expires in %d days', $days, 'directorist' ),
+                            $days
+                        ),
+                        'timestamp'    => $timestamp,
+                        'icon'         => 'la la-hourglass-half',
+                        'tone'         => 'amber',
+                        'action_label' => __( 'Review', 'directorist' ),
+                        'action_url'   => get_edit_post_link( $listing->ID, 'raw' ),
+                        'upcoming'     => true,
+                    ]
+                );
+            }
+
+            return array_filter( $items );
+        }
+
+        /**
+         * Normalize one activity item.
+         *
+         * @param array $item Activity item.
+         *
+         * @return array|null
+         */
+        private function prepare_item( $item ) {
+            $timestamp = ! empty( $item['timestamp'] ) ? absint( $item['timestamp'] ) : 0;
+            $url       = ! empty( $item['action_url'] ) ? esc_url_raw( $item['action_url'] ) : '';
+
+            if ( ! $timestamp || empty( $item['id'] ) || empty( $item['type'] ) || empty( $item['title'] ) ) {
+                return null;
+            }
+
+            return [
+                'id'           => sanitize_key( $item['id'] ),
+                'type'         => sanitize_key( $item['type'] ),
+                'title'        => sanitize_text_field( $item['title'] ),
+                'subject'      => sanitize_text_field( $item['subject'] ?? '' ),
+                'context'      => sanitize_text_field( $item['context'] ?? '' ),
+                'timestamp'    => $timestamp,
+                'icon'         => sanitize_text_field( $item['icon'] ?? 'la la-history' ),
+                'tone'         => sanitize_key( $item['tone'] ?? 'blue' ),
+                'action_label' => $url ? sanitize_text_field( $item['action_label'] ?? __( 'Open', 'directorist' ) ) : '',
+                'action_url'   => $url,
+                'upcoming'     => ! empty( $item['upcoming'] ),
+            ];
+        }
+
+        /**
+         * Get a post timestamp in UTC.
+         *
+         * @param WP_Post $post         Post object.
+         * @param bool    $use_modified Use the modified date.
+         *
+         * @return int
+         */
+        private function get_post_timestamp( $post, $use_modified = false ) {
+            $date = $use_modified ? $post->post_modified_gmt : $post->post_date_gmt;
+
+            if ( ! $date || '0000-00-00 00:00:00' === $date ) {
+                $date = get_gmt_from_date( $use_modified ? $post->post_modified : $post->post_date );
+            }
+
+            return absint( strtotime( $date . ' UTC' ) );
+        }
+
+        /**
+         * Get the item's date group.
+         *
+         * @param array $item Activity item.
+         *
+         * @return string
+         */
+        private function get_group( $item ) {
+            if ( ! empty( $item['upcoming'] ) ) {
+                return 'upcoming';
+            }
+
+            $timestamp = (int) $item['timestamp'];
+            $item_date = $this->format_site_date( 'Y-m-d', $timestamp );
+            $today     = $this->format_site_date( 'Y-m-d', time() );
+            $yesterday = $this->format_site_date( 'Y-m-d', time() - DAY_IN_SECONDS );
+
+            if ( $item_date === $today ) {
+                return 'today';
+            }
+
+            if ( $item_date === $yesterday ) {
+                return 'yesterday';
+            }
+
+            return 'earlier';
+        }
+
+        /**
+         * Get a localized group label.
+         *
+         * @param string $group Group key.
+         *
+         * @return string
+         */
+        private function get_group_label( $group ) {
+            $labels = [
+                'today'     => __( 'Today', 'directorist' ),
+                'yesterday' => __( 'Yesterday', 'directorist' ),
+                'earlier'   => __( 'Earlier', 'directorist' ),
+                'upcoming'  => __( 'Upcoming', 'directorist' ),
+            ];
+
+            return $labels[ $group ] ?? $labels['earlier'];
+        }
+
+        /**
+         * Get a concise localized time label.
+         *
+         * @param array $item Activity item.
+         *
+         * @return string
+         */
+        private function get_time_label( $item ) {
+            $timestamp = (int) $item['timestamp'];
+            $now       = time();
+
+            if ( ! empty( $item['upcoming'] ) ) {
+                return $this->format_site_date( get_option( 'date_format' ) . ', ' . get_option( 'time_format' ), $timestamp );
+            }
+
+            if ( $timestamp <= $now && ( $now - $timestamp ) < DAY_IN_SECONDS ) {
+                return sprintf(
+                    /* translators: %s: Human-readable time difference. */
+                    __( '%s ago', 'directorist' ),
+                    human_time_diff( $timestamp, $now )
+                );
+            }
+
+            return $this->format_site_date( get_option( 'date_format' ) . ', ' . get_option( 'time_format' ), $timestamp );
+        }
+
+        /**
+         * Format a UTC timestamp in the site timezone across supported WordPress versions.
+         *
+         * @param string $format    Date format.
+         * @param int    $timestamp UTC timestamp.
+         *
+         * @return string
+         */
+        private function format_site_date( $format, $timestamp ) {
+            if ( function_exists( 'wp_date' ) ) {
+                return wp_date( $format, $timestamp );
+            }
+
+            $local_date = get_date_from_gmt( gmdate( 'Y-m-d H:i:s', $timestamp ) );
+
+            return mysql2date( $format, $local_date, true );
+        }
+    }
+}
diff --git a/includes/classes/class-extension-recommendations.php b/includes/classes/class-extension-recommendations.php
new file mode 100644
index 0000000000..dea61beb20
--- /dev/null
+++ b/includes/classes/class-extension-recommendations.php
@@ -0,0 +1,700 @@
+<?php
+/**
+ * Directory-aware extension recommendations for the connected admin dashboard.
+ *
+ * @package Directorist
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+    exit;
+}
+
+if ( ! class_exists( 'ATBDP_Extension_Recommendations' ) ) {
+    /**
+     * Prepare extension recommendations without coupling presentation to catalog data.
+     */
+    class ATBDP_Extension_Recommendations {
+        /**
+         * Extension catalog.
+         *
+         * @var array
+         */
+        private $products = [];
+
+        /**
+         * Extension overview.
+         *
+         * @var array
+         */
+        private $overview = [];
+
+        /**
+         * Extension aliases.
+         *
+         * @var array
+         */
+        private $aliases = [];
+
+        /**
+         * Whether the current Directorist build is a beta.
+         *
+         * @var bool
+         */
+        private $is_beta = false;
+
+        /**
+         * Constructor.
+         *
+         * @param array $products Extension catalog.
+         * @param array $overview Extension installation and entitlement overview.
+         * @param array $aliases  Legacy extension aliases.
+         * @param bool  $is_beta  Whether Directorist is a beta build.
+         */
+        public function __construct( array $products, array $overview, array $aliases = [], $is_beta = false ) {
+            $this->products = $products;
+            $this->overview = $overview;
+            $this->aliases  = $aliases;
+            $this->is_beta  = (bool) $is_beta;
+        }
+
+        /**
+         * Build connected-dashboard recommendation data.
+         *
+         * @return array
+         */
+        public function get_dashboard_data() {
+            $profiles       = $this->get_profiles();
+            $directories    = directory_types();
+            $directories    = is_array( $directories ) && ! is_wp_error( $directories ) ? $directories : [];
+            $default_id     = (int) default_directory_type();
+            $resolved_items = [];
+
+            if ( empty( $directories ) ) {
+                $resolved_items[] = $this->prepare_directory(
+                    [
+                        'id'   => 'generic',
+                        'name' => __( 'your directory', 'directorist' ),
+                        'slug' => 'generic',
+                    ],
+                    $profiles,
+                    false
+                );
+                $default_id = 'generic';
+            } else {
+                foreach ( $directories as $directory ) {
+                    if ( ! $directory instanceof WP_Term ) {
+                        continue;
+                    }
+
+                    $resolved_items[] = $this->prepare_directory(
+                        [
+                            'id'   => (string) $directory->term_id,
+                            'name' => $directory->name,
+                            'slug' => $directory->slug,
+                        ],
+                        $profiles
+                    );
+                }
+            }
+
+            $resolved_items = array_values(
+                array_filter(
+                    $resolved_items,
+                    static function( $directory ) {
+                        return ! empty( $directory['items'] );
+                    }
+                )
+            );
+
+            if ( empty( $resolved_items ) ) {
+                return [];
+            }
+
+            $available_ids = wp_list_pluck( $resolved_items, 'id' );
+            $default_id    = (string) $default_id;
+
+            if ( ! in_array( $default_id, $available_ids, true ) ) {
+                $default_id = (string) $resolved_items[0]['id'];
+            }
+
+            $data = [
+                'default_id'  => $default_id,
+                'directories' => $resolved_items,
+            ];
+
+            /**
+             * Filter the final directory-aware recommendation data.
+             *
+             * @param array $data     Prepared dashboard recommendation data.
+             * @param array $products Current extension catalog.
+             * @param array $overview Current extension overview.
+             */
+            return apply_filters(
+                'directorist_extension_recommendation_data',
+                $data,
+                $this->products,
+                $this->overview
+            );
+        }
+
+        /**
+         * Central recommendation registry.
+         *
+         * Product order controls the default recommendation priority. This registry is
+         * a compatibility fallback; valid product API recommendation data may replace it.
+         *
+         * @return array
+         */
+        private function get_profiles() {
+            $profiles = [
+                'business' => [
+                    'label'       => __( 'Business', 'directorist' ),
+                    'aliases'     => [ 'business', 'local business', 'company', 'companies' ],
+                    'description' => __( 'Add the essentials businesses need to publish, manage, and grow their listings.', 'directorist' ),
+                    'products'    => [
+                        'directorist-business-hours',
+                        'directorist-claim-listing',
+                        'directorist-listings-with-map',
+                        'directorist-social-login',
+                        'directorist-pricing-plans',
+                        'directorist-advanced-review',
+                    ],
+                ],
+                'classified' => [
+                    'label'       => __( 'Classified', 'directorist' ),
+                    'aliases'     => [ 'classified', 'classified ads', 'buy and sell', 'marketplace ads' ],
+                    'description' => __( 'Help buyers and sellers communicate, track availability, and discover relevant listings.', 'directorist' ),
+                    'products'    => [
+                        'directorist-mark-as-sold',
+                        'directorist-live-chat',
+                        'directorist-pricing-plans',
+                        'directorist-listings-with-map',
+                        'directorist-social-login',
+                        'directorist-gallery',
+                        'directorist-search-alert',
+                    ],
+                ],
+                'car' => [
+                    'label'       => __( 'Car', 'directorist' ),
+                    'aliases'     => [ 'car', 'cars', 'vehicle', 'vehicles', 'automotive', 'auto dealer', 'car sell', 'car rent' ],
+                    'description' => __( 'Give vehicle listings the availability, location, booking, and comparison tools shoppers expect.', 'directorist' ),
+                    'products'    => [
+                        'directorist-mark-as-sold',
+                        'directorist-listings-with-map',
+                        'directorist-booking',
+                        'directorist-compare-listing',
+                        'directorist-gallery',
+                        'directorist-faqs',
+                        'directorist-business-hours',
+                    ],
+                ],
+                'place' => [
+                    'label'       => __( 'Place', 'directorist' ),
+                    'aliases'     => [ 'place', 'places', 'travel', 'tourism', 'destination', 'destinations', 'attraction', 'attractions' ],
+                    'description' => __( 'Make destinations easier to find, compare, explore, and book.', 'directorist' ),
+                    'products'    => [
+                        'directorist-listings-with-map',
+                        'directorist-business-hours',
+                        'directorist-booking',
+                        'directorist-gallery',
+                        'directorist-compare-listing',
+                        'directorist-claim-listing',
+                    ],
+                ],
+                'job' => [
+                    'label'       => __( 'Job', 'directorist' ),
+                    'aliases'     => [ 'job', 'jobs', 'career', 'careers', 'employment', 'recruitment' ],
+                    'description' => __( 'Support job publishing, candidate access, and alerts for new opportunities.', 'directorist' ),
+                    'products'    => [
+                        'directorist-job-manager',
+                        'directorist-social-login',
+                        'directorist-search-alert',
+                        'directorist-pricing-plans',
+                        'directorist-ai-search',
+                        'directorist-notifications-pro',
+                    ],
+                ],
+                'hotel' => [
+                    'label'       => __( 'Hotel', 'directorist' ),
+                    'aliases'     => [ 'hotel', 'hotels', 'accommodation', 'lodging', 'motel', 'resort', 'resorts' ],
+                    'description' => __( 'Add booking, comparison, opening-hour, and visual tools for accommodation listings.', 'directorist' ),
+                    'products'    => [
+                        'directorist-booking',
+                        'directorist-compare-listing',
+                        'directorist-business-hours',
+                        'directorist-listings-with-map',
+                        'directorist-gallery',
+                        'directorist-faqs',
+                    ],
+                ],
+                'restaurant' => [
+                    'label'       => __( 'Restaurant', 'directorist' ),
+                    'aliases'     => [ 'restaurant', 'restaurants', 'food', 'dining', 'cafe', 'cafes', 'coffee shop' ],
+                    'description' => __( 'Add the opening hours, reservations, and rich photos restaurant visitors need.', 'directorist' ),
+                    'products'    => [
+                        'directorist-business-hours',
+                        'directorist-booking',
+                        'directorist-gallery',
+                        'directorist-listings-with-map',
+                        'directorist-claim-listing',
+                        'directorist-faqs',
+                        'directorist-live-chat',
+                    ],
+                ],
+                'lawyer' => [
+                    'label'       => __( 'Lawyer', 'directorist' ),
+                    'aliases'     => [ 'lawyer', 'lawyers', 'legal', 'attorney', 'attorneys', 'law firm' ],
+                    'description' => __( 'Help legal professionals build trust, publish availability, and receive appointments.', 'directorist' ),
+                    'products'    => [
+                        'directorist-booking',
+                        'directorist-business-hours',
+                        'directorist-advanced-review',
+                        'directorist-claim-listing',
+                        'directorist-listings-with-map',
+                        'directorist-faqs',
+                        'directorist-pricing-plans',
+                    ],
+                ],
+                'doctor' => [
+                    'label'       => __( 'Doctor', 'directorist' ),
+                    'aliases'     => [ 'doctor', 'doctors', 'medical', 'healthcare', 'clinic', 'clinics', 'physician', 'dentist' ],
+                    'description' => __( 'Support appointments, opening hours, trusted reviews, and verified provider profiles.', 'directorist' ),
+                    'products'    => [
+                        'directorist-booking',
+                        'directorist-business-hours',
+                        'directorist-advanced-review',
+                        'directorist-claim-listing',
+                        'directorist-listings-with-map',
+                        'directorist-faqs',
+                    ],
+                ],
+                'real-estate' => [
+                    'label'       => __( 'Real Estate', 'directorist' ),
+                    'aliases'     => [ 'real estate', 'realestate', 'property', 'properties', 'realtor', 'housing', 'rental' ],
+                    'description' => __( 'Help property seekers search, compare, follow, and inspect listings.', 'directorist' ),
+                    'products'    => [
+                        'directorist-listings-with-map',
+                        'directorist-compare-listing',
+                        'directorist-search-alert',
+                        'directorist-gallery',
+                        'directorist-live-chat',
+                        'directorist-business-hours',
+                        'directorist-booking',
+                        'directorist-faqs',
+                    ],
+                ],
+                'post-your-need' => [
+                    'label'       => __( 'Post Your Need', 'directorist' ),
+                    'aliases'     => [ 'post your need', 'request a service', 'service request', 'find a provider' ],
+                    'description' => __( 'Connect customer requests with suitable providers and keep conversations moving.', 'directorist' ),
+                    'products'    => [
+                        'directorist-live-chat',
+                        'directorist-pricing-plans',
+                        'directorist-social-login',
+                        'directorist-notifications-pro',
+                        'directorist-announcement',
+                    ],
+                ],
+                'service' => [
+                    'label'       => __( 'Service', 'directorist' ),
+                    'aliases'     => [ 'service', 'services', 'service provider', 'professional service', 'contractor' ],
+                    'description' => __( 'Help customers find, contact, and book the right service provider.', 'directorist' ),
+                    'products'    => [
+                        'directorist-booking',
+                        'directorist-live-chat',
+                        'directorist-business-hours',
+                        'directorist-claim-listing',
+                        'directorist-pricing-plans',
+                    ],
+                ],
+                'generic' => [
+                    'label'       => __( 'Directory', 'directorist' ),
+                    'aliases'     => [],
+                    'description' => __( 'Explore versatile add-ons that improve discovery, trust, and directory management.', 'directorist' ),
+                    'products'    => [
+                        'directorist-ai-search',
+                        'directorist-analytics',
+                        'directorist-pricing-plans',
+                        'directorist-listings-with-map',
+                        'directorist-advanced-review',
+                        'directorist-business-hours',
+                        'directorist-gallery',
+                        'directorist-live-chat',
+                    ],
+                ],
+            ];
+
+            /**
+             * Filter the centralized directory recommendation registry.
+             *
+             * @param array $profiles Directory profiles keyed by stable profile name.
+             */
+            $profiles = apply_filters( 'directorist_extension_recommendation_profiles', $profiles );
+            $profiles = is_array( $profiles ) ? $profiles : [];
+
+            return $this->apply_product_api_recommendations( $profiles );
+        }
+
+        /**
+         * Apply optional per-product API recommendation data over local fallbacks.
+         *
+         * A missing field preserves the local mapping. An empty array intentionally
+         * removes the product from all recommendation profiles.
+         *
+         * @param array $profiles Recommendation registry.
+         *
+         * @return array
+         */
+        private function apply_product_api_recommendations( array $profiles ) {
+            foreach ( $this->products as $product_slug => $product ) {
+                if ( ! is_array( $product ) || ! array_key_exists( 'recommendations', $product ) ) {
+                    continue;
+                }
+
+                $recommendations = $product['recommendations'];
+
+                if ( ! is_array( $recommendations ) ) {
+                    continue;
+                }
+
+                $valid_recommendations = [];
+                foreach ( $recommendations as $recommendation ) {
+                    if ( ! is_array( $recommendation ) ) {
+                        continue;
+                    }
+
+                    $profile_key = isset( $recommendation['profile'] ) ? sanitize_key( $recommendation['profile'] ) : '';
+                    if ( ! $profile_key || ! isset( $profiles[ $profile_key ] ) ) {
+                        continue;
+                    }
+
+                    $valid_recommendations[] = [
+                        'profile'  => $profile_key,
+                        'priority' => isset( $recommendation['priority'] ) ? max( 0, min( 100, (int) $recommendation['priority'] ) ) : 100,
+                        'reason'   => isset( $recommendation['reason'] ) ? sanitize_text_field( (string) $recommendation['reason'] ) : '',
+                    ];
+                }
+
+                if ( ! empty( $recommendations ) && empty( $valid_recommendations ) ) {
+                    continue;
+                }
+
+                foreach ( $profiles as $profile_key => $profile ) {
+                    $products = isset( $profile['products'] ) && is_array( $profile['products'] ) ? $profile['products'] : [];
+
+                    $profiles[ $profile_key ]['products'] = array_values(
+                        array_filter(
+                            $products,
+                            static function( $candidate ) use ( $product_slug ) {
+                                $candidate_slug = is_array( $candidate ) ? ( $candidate['slug'] ?? '' ) : $candidate;
+
+                                return (string) $candidate_slug !== (string) $product_slug;
+                            }
+                        )
+                    );
+                }
+
+                foreach ( $valid_recommendations as $recommendation ) {
+                    $profiles[ $recommendation['profile'] ]['products'][] = [
+                        'slug'     => (string) $product_slug,
+                        'priority' => $recommendation['priority'],
+                        'reason'   => $recommendation['reason'],
+                    ];
+                }
+            }
+
+            foreach ( $profiles as $profile_key => $profile ) {
+                if ( empty( $profile['products'] ) || ! is_array( $profile['products'] ) ) {
+                    continue;
+                }
+
+                foreach ( $profiles[ $profile_key ]['products'] as $index => $candidate ) {
+                    $candidate = is_array( $candidate ) ? $candidate : [ 'slug' => $candidate ];
+
+                    if ( ! isset( $candidate['priority'] ) ) {
+                        $candidate['priority'] = max( 1, 100 - ( (int) $index * 10 ) );
+                    }
+
+                    $candidate['_index'] = (int) $index;
+                    $profiles[ $profile_key ]['products'][ $index ] = $candidate;
+                }
+
+                usort(
+                    $profiles[ $profile_key ]['products'],
+                    static function( $left, $right ) {
+                        $left_priority  = isset( $left['priority'] ) ? (int) $left['priority'] : 0;
+                        $right_priority = isset( $right['priority'] ) ? (int) $right['priority'] : 0;
+
+                        if ( $left_priority === $right_priority ) {
+                            return (int) ( $left['_index'] ?? 0 ) <=> (int) ( $right['_index'] ?? 0 );
+                        }
+
+                        return $right_priority <=> $left_priority;
+                    }
+                );
+            }
+
+            return $profiles;
+        }
+
+        /**
+         * Prepare one real or generic directory recommendation group.
+         *
+         * @param array $directory Directory identity.
+         * @param array $profiles  Recommendation registry.
+         * @param bool  $classify  Whether to classify the directory name and slug.
+         *
+         * @return array
+         */
+        private function prepare_directory( array $directory, array $profiles, $classify = true ) {
+            $profile_key = $classify ? $this->classify_directory( $directory, $profiles ) : 'generic';
+            $profile     = isset( $profiles[ $profile_key ] ) ? $profiles[ $profile_key ] : ( $profiles['generic'] ?? [] );
+            $items       = [];
+            $seen        = [];
+
+            foreach ( $profile['products'] ?? [] as $position => $candidate ) {
+                $candidate_data = is_array( $candidate ) ? $candidate : [ 'slug' => $candidate ];
+                $product_slug   = isset( $candidate_data['slug'] ) ? sanitize_key( (string) $candidate_data['slug'] ) : '';
+
+                if ( ! $product_slug || isset( $seen[ $product_slug ] ) ) {
+                    continue;
+                }
+
+                $item = $this->prepare_product( $product_slug, $candidate_data, $position );
+                if ( empty( $item ) ) {
+                    continue;
+                }
+
+                $seen[ $product_slug ] = true;
+                $items[]               = $item;
+            }
+
+            return [
+                'id'          => (string) ( $directory['id'] ?? 'generic' ),
+                'name'        => sanitize_text_field( (string) ( $directory['name'] ?? __( 'your directory', 'directorist' ) ) ),
+                'profile'     => $profile_key,
+                'known'       => 'generic' !== $profile_key,
+                'description' => sanitize_text_field( (string) ( $profile['description'] ?? '' ) ),
+                'items'       => $items,
+            ];
+        }
+
+        /**
+         * Match a directory term to a canonical profile.
+         *
+         * @param array $directory Directory identity.
+         * @param array $profiles  Recommendation registry.
+         *
+         * @return string
+         */
+        private function classify_directory( array $directory, array $profiles ) {
+            $haystack = $this->normalize_phrase(
+                (string) ( $directory['name'] ?? '' ) . ' ' . (string) ( $directory['slug'] ?? '' )
+            );
+
+            foreach ( $profiles as $profile_key => $profile ) {
+                if ( 'generic' === $profile_key || empty( $profile['aliases'] ) || ! is_array( $profile['aliases'] ) ) {
+                    continue;
+                }
+
+                foreach ( $profile['aliases'] as $alias ) {
+                    $normalized_alias = $this->normalize_phrase( $alias );
+
+                    if ( $normalized_alias && false !== strpos( ' ' . $haystack . ' ', ' ' . $normalized_alias . ' ' ) ) {
+                        return (string) $profile_key;
+                    }
+                }
+            }
+
+            return 'generic';
+        }
+
+        /**
+         * Normalize a phrase for conservative whole-phrase matching.
+         *
+         * @param mixed $value Phrase.
+         *
+         * @return string
+         */
+        private function normalize_phrase( $value ) {
+            $value = strtolower( remove_accents( wp_strip_all_tags( (string) $value ) ) );
+            $value = preg_replace( '/[^a-z0-9]+/', ' ', $value );
+
+            return trim( preg_replace( '/\s+/', ' ', (string) $value ) );
+        }
+
+        /**
+         * Prepare one catalog product with its canonical local state.
+         *
+         * @param string $product_slug  Product slug.
+         * @param array  $candidate     Recommendation metadata.
+         * @param int    $position      Default position.
+         *
+         * @return array
+         */
+        private function prepare_product( $product_slug, array $candidate, $position ) {
+            $resolved_slug = $this->resolve_product_slug( $product_slug );
+            $product       = isset( $this->products[ $resolved_slug ] ) && is_array( $this->products[ $resolved_slug ] )
+                ? $this->products[ $resolved_slug ]
+                : [];
+
+            if ( empty( $product ) ) {
+                return [];
+            }
+
+            $installed  = $this->find_installed_product( $resolved_slug );
+            $entitlement = $this->find_entitlement( $resolved_slug );
+            $status     = 'marketplace';
+            $label      = __( 'Available', 'directorist' );
+            $action     = [];
+
+            if ( ! empty( $installed ) ) {
+                if ( ! empty( $installed['active'] ) ) {
+                    $status = 'active';
+                    $label  = __( 'Active', 'directorist' );
+                } else {
+                    $status = 'installed';
+                    $label  = __( 'Installed', 'directorist' );
+                    $action = [
+                        'label' => __( 'Activate', 'directorist' ),
+                        'class' => 'directorist-te-btn directorist-te-btn--soft plugin-active-btn',
+                        'attrs' => [
+                            'data-type' => 'plugin',
+                            'data-key'  => $installed['base'],
+                        ],
+                        'icon'  => 'la la-check',
+                    ];
+                }
+            } elseif ( $entitlement ) {
+                $status = 'not-installed';
+                $label  = __( 'Not installed', 'directorist' );
+                $action = [
+                    'label' => $this->is_beta ? __( 'Install Beta', 'directorist' ) : __( 'Install', 'directorist' ),
+                    'class' => 'directorist-te-btn directorist-te-btn--soft file-install-btn',
+                    'attrs' => [
+                        'data-type' => 'plugin',
+                        'data-key'  => $entitlement,
+                    ],
+                    'icon'  => 'la la-download',
+                ];
+            } elseif ( ! empty( $product['link'] ) ) {
+                $action = [
+                    'label'    => __( 'View details', 'directorist' ),
+                    'href'     => $product['link'],
+                    'class'    => 'directorist-te-btn directorist-te-btn--soft',
+                    'external' => true,
+                    'icon'     => 'la la-external-link',
+                ];
+            }
+
+            $reason = ! empty( $candidate['reason'] )
+                ? sanitize_text_field( (string) $candidate['reason'] )
+                : wp_trim_words( wp_strip_all_tags( (string) ( $product['description'] ?? '' ) ), 20, '...' );
+
+            return [
+                'slug'     => $resolved_slug,
+                'name'     => sanitize_text_field( (string) ( $product['name'] ?? $resolved_slug ) ),
+                'reason'   => $reason,
+                'image'    => ! empty( $product['thumbnail'] ) ? esc_url_raw( (string) $product['thumbnail'] ) : '',
+                'status'   => $status,
+                'label'    => $label,
+                'action'   => $action,
+                'position' => isset( $candidate['priority'] ) ? (int) $candidate['priority'] : ( 1000 - (int) $position ),
+            ];
+        }
+
+        /**
+         * Resolve a current product slug through the legacy alias map.
+         *
+         * @param string $product_slug Product slug.
+         *
+         * @return string
+         */
+        private function resolve_product_slug( $product_slug ) {
+            if ( isset( $this->products[ $product_slug ] ) ) {
+                return $product_slug;
+            }
+
+            if ( ! empty( $this->aliases[ $product_slug ] ) && isset( $this->products[ $this->aliases[ $product_slug ] ] ) ) {
+                return (string) $this->aliases[ $product_slug ];
+            }
+
+            $alias_key = array_search( $product_slug, $this->aliases, true );
+
+            return $alias_key && isset( $this->products[ $alias_key ] ) ? (string) $alias_key : $product_slug;
+        }
+
+        /**
+         * Find an installed product by folder slug or alias.
+         *
+         * @param string $product_slug Product slug.
+         *
+         * @return array
+         */
+        private function find_installed_product( $product_slug ) {
+            $installed_extensions = isset( $this->overview['installed_extension_list'] ) && is_array( $this->overview['installed_extension_list'] )
+                ? $this->overview['installed_extension_list']
+                : [];
+            $candidate_slugs      = $this->get_candidate_slugs( $product_slug );
+
+            foreach ( $installed_extensions as $plugin_base => $plugin_data ) {
+                $folder_slug = preg_replace( '/\/.+/', '', (string) $plugin_base );
+
+                if ( in_array( $folder_slug, $candidate_slugs, true ) ) {
+                    return [
+                        'base'   => (string) $plugin_base,
+                        'active' => is_plugin_active( $plugin_base ),
+                    ];
+                }
+            }
+
+            return [];
+        }
+
+        /**
+         * Find the canonical entitlement key for an uninstalled product.
+         *
+         * @param string $product_slug Product slug.
+         *
+         * @return string
+         */
+        private function find_entitlement( $product_slug ) {
+            $entitlements    = isset( $this->overview['extensions_available_in_subscriptions'] ) && is_array( $this->overview['extensions_available_in_subscriptions'] )
+                ? $this->overview['extensions_available_in_subscriptions']
+                : [];
+            $candidate_slugs = $this->get_candidate_slugs( $product_slug );
+
+            foreach ( $entitlements as $entitlement_key => $entitlement ) {
+                $folder_slug = preg_replace( '/\/.+/', '', (string) $entitlement_key );
+
+                if ( in_array( $folder_slug, $candidate_slugs, true ) ) {
+                    return (string) $entitlement_key;
+                }
+            }
+
+            return '';
+        }
+
+        /**
+         * Get the current and legacy slugs that may represent one product.
+         *
+         * @param string $product_slug Product slug.
+         *
+         * @return array
+         */
+        private function get_candidate_slugs( $product_slug ) {
+            $candidate_slugs = [ $product_slug ];
+
+            if ( ! empty( $this->aliases[ $product_slug ] ) ) {
+                $candidate_slugs[] = (string) $this->aliases[ $product_slug ];
+            }
+
+            $legacy_slug = array_search( $product_slug, $this->aliases, true );
+            if ( $legacy_slug ) {
+                $candidate_slugs[] = (string) $legacy_slug;
+            }
+
+            return array_values( array_unique( array_filter( $candidate_slugs ) ) );
+        }
+    }
+}
diff --git a/includes/classes/class-extension.php b/includes/classes/class-extension.php
index 432dc73b75..e6701ebd3f 100644
--- a/includes/classes/class-extension.php
+++ b/includes/classes/class-extension.php
@@ -42,6 +42,7 @@ public function __construct() {
             add_action( 'admin_menu', [ $this, 'admin_menu' ], 100 );
             add_action( 'admin_init', [ $this, 'setup_ajax_actions' ] );
             add_action( 'admin_head', [ $this, 'add_menu_separator_classes' ] );
+            add_filter( 'submenu_file', [ $this, 'set_active_submenu' ], 10, 2 );
 
             if ( ! empty( $_GET['page'] ) && ( 'atbdp-extension' === $_GET['page'] ) ) {
                 add_action( 'admin_init', [ $this, 'initial_setup' ] );
@@ -64,6 +65,7 @@ public function setup_ajax_actions() {
             add_action( 'wp_ajax_atbdp_update_theme', [ $this, 'handle_theme_update_request' ] );
             add_action( 'wp_ajax_atbdp_refresh_purchase_status', [ $this, 'handle_refresh_purchase_status_request' ] );
             add_action( 'wp_ajax_atbdp_close_subscriptions_sassion', [ $this, 'handle_close_subscriptions_sassion_request' ] );
+            add_action( 'wp_ajax_directorist_te_get_activity', [ $this, 'get_dashboard_activity' ] );
 
             // add_action( 'wp_ajax_atbdp_download_purchased_items', array($this, 'download_purchased_items') );
         }
@@ -1438,9 +1440,19 @@ public function authenticate_the_customer() {
 
             $status = [
                 'success' => true,
-                'log' => [],
+                'log'     => [],
             ];
 
+            if ( ! current_user_can( 'manage_options' ) ) {
+                $status['success']                  = false;
+                $status['log']['permission_denied'] = [
+                    'type'    => 'error',
+                    'message' => __( 'You do not have permission to perform this action.', 'directorist' ),
+                ];
+
+                wp_send_json( [ 'status' => $status ] );
+            }
+
             if ( ! directorist_verify_nonce( 'nonce', 'atbdp_nonce_action_js' ) ) {
                 $status['success']                 = false;
                 $status['log']['invalid_request'] = [
@@ -1450,34 +1462,50 @@ public function authenticate_the_customer() {
             }
 
             // Get form data
-			$username = ( isset( $_POST['username'] ) ) ? sanitize_user( $_POST['username'] ) : ''; // @codingStandardsIgnoreLine.
-			$password = ( isset( $_POST['password'] ) ) ? urlencode( $_POST['password'] ) : ''; // @codingStandardsIgnoreLine.
-
-            // Validate username
-            if ( empty( $username ) && ! empty( $password ) ) {
-                $status['success']                 = false;
-                $status['log']['username_missing'] = [
+            $auth_method = isset( $_POST['auth_method'] ) && 'access_key' === sanitize_key( wp_unslash( $_POST['auth_method'] ) )
+                ? 'access_key'
+                : 'account';
+            $access_key  = ( isset( $_POST['access_key'] ) ) ? sanitize_text_field( wp_unslash( $_POST['access_key'] ) ) : '';
+			$submitted_login = ( isset( $_POST['username'] ) ) ? wp_unslash( $_POST['username'] ) : ''; // @codingStandardsIgnoreLine.
+			$username        = is_email( $submitted_login ) ? sanitize_email( $submitted_login ) : sanitize_user( $submitted_login );
+			$password_raw    = ( isset( $_POST['password'] ) ) ? wp_unslash( $_POST['password'] ) : ''; // @codingStandardsIgnoreLine.
+			$password        = urlencode( $password_raw );
+
+            if ( 'access_key' === $auth_method && empty( $access_key ) ) {
+                $status['success']                    = false;
+                $status['log']['access_key_missing'] = [
                     'type'    => 'error',
-                    'message' => 'Username is required',
+                    'message' => __( 'Access key is required', 'directorist' ),
                 ];
             }
 
-            // Validate password
-            if ( empty( $password ) && ! empty( $username ) ) {
-                $status['success']                 = false;
-                $status['log']['password_missing'] = [
-                    'type'    => 'error',
-                    'message' => 'Password is required',
-                ];
-            }
+            if ( 'account' === $auth_method ) {
+                // Validate username
+                if ( empty( $username ) && ! empty( $password ) ) {
+                    $status['success']                 = false;
+                    $status['log']['username_missing'] = [
+                        'type'    => 'error',
+                        'message' => __( 'Username or email address is required', 'directorist' ),
+                    ];
+                }
 
-            // Validate username && password
-            if ( empty( $password ) && empty( $username ) ) {
-                $status['success']                 = false;
-                $status['log']['password_missing'] = [
-                    'type'    => 'error',
-                    'message' => 'Username and Password is required',
-                ];
+                // Validate password
+                if ( empty( $password ) && ! empty( $username ) ) {
+                    $status['success']                 = false;
+                    $status['log']['password_missing'] = [
+                        'type'    => 'error',
+                        'message' => __( 'Password is required', 'directorist' ),
+                    ];
+                }
+
+                // Validate username && password
+                if ( empty( $password ) && empty( $username ) ) {
+                    $status['success']                 = false;
+                    $status['log']['password_missing'] = [
+                        'type'    => 'error',
+                        'message' => __( 'Username or email address and password are required', 'directorist' ),
+                    ];
+                }
             }
 
             if ( ! $status['success'] ) {
@@ -1485,12 +1513,15 @@ public function authenticate_the_customer() {
             }
 
             // Get licencing data
-            $response = self::remote_authenticate_user(
-                [
-                    'user' => $username,
-                    'password' => $password,
-                ]
-            );
+            $response = 'access_key' === $auth_method
+                ? self::remote_authenticate_user_by_access_key( $access_key )
+                : self::remote_authenticate_user(
+                    [
+                        'user'         => $username,
+                        'password'     => $password,
+                        'password_raw' => $password_raw,
+                    ]
+                );
 
             // Validate response
             if ( ! $response['success'] ) {
@@ -1519,28 +1550,36 @@ public function authenticate_the_customer() {
                 );
             }
 
-            $previous_username = get_user_meta( get_current_user_id(), '_atbdp_subscribed_username', true );
+            $this->store_account_summary_from_response( $response );
+
+            $account_data       = isset( $response['account_data'] ) && is_array( $response['account_data'] ) ? $response['account_data'] : [];
+            $account_identifier = $username;
+
+            if ( 'access_key' === $auth_method ) {
+                $account_identifier = isset( $account_data['user_email'] ) && is_scalar( $account_data['user_email'] )
+                    ? sanitize_email( (string) $account_data['user_email'] )
+                    : '';
+
+                if ( ! $account_identifier && isset( $account_data['display_name'] ) && is_scalar( $account_data['display_name'] ) ) {
+                    $account_identifier = sanitize_text_field( (string) $account_data['display_name'] );
+                }
+            }
+
+            $previous_username    = get_user_meta( get_current_user_id(), '_atbdp_subscribed_username', true );
+            $previous_auth_method = get_user_meta( get_current_user_id(), '_atbdp_subscription_connection_method', true );
+            $previous_auth_method = 'access_key' === $previous_auth_method ? 'access_key' : 'account';
 
             // Enable Sassion
-            update_user_meta( get_current_user_id(), '_atbdp_subscribed_username', $username );
+            update_user_meta( get_current_user_id(), '_atbdp_subscribed_username', $account_identifier );
             update_user_meta( get_current_user_id(), '_atbdp_has_subscriptions_sassion', true );
+            update_user_meta( get_current_user_id(), '_atbdp_subscription_connection_method', $auth_method );
 
             $plugins_available_in_subscriptions = self::get_purchased_extension_list();
             $themes_available_in_subscriptions  = self::get_purchased_theme_list();
             $has_previous_subscriptions         = ( ! empty( $plugins_available_in_subscriptions ) || ! empty( $themes_available_in_subscriptions ) ) ? true : false;
-
-            if ( $previous_username === $username && $has_previous_subscriptions ) {
-                // Enable Sassion
-                update_user_meta( get_current_user_id(), '_atbdp_has_subscriptions_sassion', true );
-                $this->refresh_purchase_status( $args = [ 'password' => $password ] );
-
-                wp_send_json(
-                    [
-                        'status' => $status,
-                        'has_previous_subscriptions' => true,
-                    ]
-                );
-            }
+            $is_returning_customer              = $previous_username === $account_identifier
+                && $previous_auth_method === $auth_method
+                && $has_previous_subscriptions;
 
             delete_user_meta( get_current_user_id(), '_plugins_available_in_subscriptions' );
             delete_user_meta( get_current_user_id(), '_themes_available_in_subscriptions' );
@@ -1558,6 +1597,15 @@ public function authenticate_the_customer() {
                 update_user_meta( get_current_user_id(), '_plugins_available_in_subscriptions', $plugins_available_in_subscriptions );
             }
 
+            if ( $is_returning_customer ) {
+                wp_send_json(
+                    [
+                        'status'                     => $status,
+                        'has_previous_subscriptions' => true,
+                    ]
+                );
+            }
+
             $status['success']                 = true;
             $status['log']['login_successful'] = [
                 'type'    => 'success',
@@ -1587,9 +1635,20 @@ public function handle_refresh_purchase_status_request() {
                 wp_send_json( [ 'status' => $status ] );
             }
 
-			$password = ( isset( $_POST['password'] ) ) ? $_POST['password'] : ''; // @codingStandardsIgnoreLine.
+			$credential        = isset( $_POST['credential'] )
+                ? wp_unslash( $_POST['credential'] ) // @codingStandardsIgnoreLine.
+                : ( ( isset( $_POST['password'] ) ) ? wp_unslash( $_POST['password'] ) : '' ); // @codingStandardsIgnoreLine.
+            $connection_method = get_user_meta( get_current_user_id(), '_atbdp_subscription_connection_method', true );
+            $connection_method = 'access_key' === $connection_method ? 'access_key' : 'account';
 
-            $status = $this->refresh_purchase_status( [ 'password' => $password ] );
+            $status = $this->refresh_purchase_status(
+                [
+                    'credential'        => $credential,
+                    'password'          => $credential,
+                    'password_raw'      => $credential,
+                    'connection_method' => $connection_method,
+                ]
+            );
 
             wp_send_json( $status );
         }
@@ -1597,20 +1656,28 @@ public function handle_refresh_purchase_status_request() {
         // refresh_purchase_status
         public function refresh_purchase_status( array $args = [] ) {
             $status  = [ 'success' => true ];
-            $default = [ 'password' => '' ];
-            $args    = array_merge( $default, $args );
+            $default = [
+                'credential'        => '',
+                'password'          => '',
+                'password_raw'      => null,
+                'connection_method' => 'account',
+            ];
+            $args              = array_merge( $default, $args );
+            $connection_method = 'access_key' === $args['connection_method'] ? 'access_key' : 'account';
+            $credential        = '' !== $args['credential'] ? $args['credential'] : $args['password'];
 
-            if ( empty( $args['password'] ) ) {
+            if ( empty( $credential ) ) {
                 $status['success'] = false;
-                $status['message'] = __( 'Password is required', 'directorist' );
+                $status['message'] = 'access_key' === $connection_method
+                    ? __( 'Access key is required', 'directorist' )
+                    : __( 'Password is required', 'directorist' );
 
                 return [ 'status' => $status ];
             }
 
             $username = get_user_meta( get_current_user_id(), '_atbdp_subscribed_username', true );
-            $password = $args['password'];
 
-            if ( empty( $username ) ) {
+            if ( 'account' === $connection_method && empty( $username ) ) {
                 $status['success'] = false;
                 $status['reload']  = true;
                 $status['message'] = __( 'Sassion is destroyed, please sign-in again', 'directorist' );
@@ -1621,12 +1688,15 @@ public function refresh_purchase_status( array $args = [] ) {
             }
 
             // Get licencing data
-            $authentication = self::remote_authenticate_user(
-                [
-                    'user' => $username,
-                    'password' => $password,
-                ]
-            );
+            $authentication = 'access_key' === $connection_method
+                ? self::remote_authenticate_user_by_access_key( sanitize_text_field( $credential ) )
+                : self::remote_authenticate_user(
+                    [
+                        'user'         => $username,
+                        'password'     => $credential,
+                        'password_raw' => $args['password_raw'],
+                    ]
+                );
 
             // Validate response
             if ( ! $authentication['success'] ) {
@@ -1639,6 +1709,18 @@ public function refresh_purchase_status( array $args = [] ) {
                 ];
             }
 
+            $this->store_account_summary_from_response( $authentication );
+
+            if ( 'access_key' === $connection_method ) {
+                $account_data = isset( $authentication['account_data'] ) && is_array( $authentication['account_data'] )
+                    ? $authentication['account_data']
+                    : [];
+
+                if ( isset( $account_data['user_email'] ) && is_scalar( $account_data['user_email'] ) ) {
+                    update_user_meta( get_current_user_id(), '_atbdp_subscribed_username', sanitize_email( (string) $account_data['user_email'] ) );
+                }
+            }
+
             $license_data = $authentication['license_data'];
 
             // Update user meta
@@ -1685,6 +1767,8 @@ public function close_subscriptions_sassion( array $args = [] ) {
 
             $status = [ 'success' => true ];
             delete_user_meta( get_current_user_id(), '_atbdp_has_subscriptions_sassion' );
+            delete_user_meta( get_current_user_id(), '_atbdp_account_summary' );
+            delete_user_meta( get_current_user_id(), '_atbdp_subscription_connection_method' );
 
             if ( $args['hard_logout'] ) {
                 delete_user_meta( get_current_user_id(), '_atbdp_subscribed_username' );
@@ -2436,14 +2520,86 @@ public function download_purchased_items() {
          * It Adds menu item
          */
         public function admin_menu() {
+            $parent_slug  = 'edit.php?post_type=at_biz_dir';
+            $is_connected = (bool) get_user_meta( get_current_user_id(), '_atbdp_has_subscriptions_sassion', true );
+            $is_addons     = isset( $_GET['te_view'] ) && is_scalar( $_GET['te_view'] ) && 'addons' === sanitize_key( wp_unslash( $_GET['te_view'] ) );
+
             add_submenu_page(
-                'edit.php?post_type=at_biz_dir',
-                __( 'Get Extensions', 'directorist' ),
-                __( 'Themes & Extensions', 'directorist' ),
+                $parent_slug,
+                $is_connected && ! $is_addons ? __( 'Directorist Dashboard', 'directorist' ) : __( 'Themes & Extensions', 'directorist' ),
+                $is_connected ? __( 'Dashboard', 'directorist' ) : __( 'Themes & Extensions', 'directorist' ),
                 'manage_options',
                 'atbdp-extension',
                 [ $this, 'show_extension_view' ]
             );
+
+            if ( ! $is_connected ) {
+                return;
+            }
+
+            global $submenu;
+
+            if ( ! empty( $submenu[ $parent_slug ] ) ) {
+                foreach ( $submenu[ $parent_slug ] as $index => $item ) {
+                    if ( isset( $item[2] ) && 'atbdp-extension' === $item[2] ) {
+                        unset( $submenu[ $parent_slug ][ $index ] );
+                        array_unshift( $submenu[ $parent_slug ], $item );
+                        break;
+                    }
+                }
+            }
+
+            $addons_url = add_query_arg(
+                [
+                    'post_type' => ATBDP_POST_TYPE,
+                    'page'      => 'atbdp-extension',
+                    'te_view'   => 'addons',
+                ],
+                admin_url( 'edit.php' )
+            );
+
+            $submenu[ $parent_slug ][] = [
+                __( 'Themes & Extensions', 'directorist' ),
+                'manage_options',
+                esc_url_raw( $addons_url ),
+                __( 'Themes & Extensions', 'directorist' ),
+            ];
+        }
+
+        /**
+         * Keep the WordPress submenu selection aligned with the current page view.
+         *
+         * @param string $submenu_file Current submenu file.
+         * @param string $parent_file  Current parent file.
+         *
+         * @return string
+         */
+        public function set_active_submenu( $submenu_file, $parent_file ) {
+            $requested_page = isset( $_GET['page'] ) && is_scalar( $_GET['page'] )
+                ? sanitize_key( wp_unslash( $_GET['page'] ) )
+                : '';
+
+            if ( 'edit.php?post_type=at_biz_dir' !== $parent_file || 'atbdp-extension' !== $requested_page ) {
+                return $submenu_file;
+            }
+
+            $is_connected = (bool) get_user_meta( get_current_user_id(), '_atbdp_has_subscriptions_sassion', true );
+            $requested    = isset( $_GET['te_view'] ) && is_scalar( $_GET['te_view'] )
+                ? sanitize_key( wp_unslash( $_GET['te_view'] ) )
+                : '';
+
+            if ( ! $is_connected || 'addons' !== $requested ) {
+                return 'atbdp-extension';
+            }
+
+            return add_query_arg(
+                [
+                    'post_type' => ATBDP_POST_TYPE,
+                    'page'      => 'atbdp-extension',
+                    'te_view'   => 'addons',
+                ],
+                admin_url( 'edit.php' )
+            );
         }
 
         /**
@@ -2964,8 +3120,214 @@ private static function get_remote_auth_invalid_credentials_message() {
             return __( 'The username, email address, or password is incorrect. Please check your details and try again.', 'directorist' );
         }
 
+        private static function get_remote_auth_invalid_access_key_message() {
+            return __( 'The access key is invalid. Check the key in your Directorist account and try again.', 'directorist' );
+        }
+
+        /**
+         * Normalize the shared Directorist License Manager response contract.
+         *
+         * @param array $response_body Remote response body.
+         *
+         * @return array|null
+         */
+        private static function normalize_license_manager_response( $response_body ) {
+            if ( ! is_array( $response_body ) ) {
+                return null;
+            }
+
+            if ( isset( $response_body['data'] ) && is_array( $response_body['data'] ) && isset( $response_body['data']['plan_data'] ) ) {
+                $response_body = $response_body['data'];
+            }
+
+            if ( empty( $response_body['plan_data'] ) || ! is_array( $response_body['plan_data'] ) ) {
+                return null;
+            }
+
+            $plan_data        = $response_body['plan_data'];
+            $raw_account_data = isset( $response_body['account_data'] ) && is_array( $response_body['account_data'] )
+                ? $response_body['account_data']
+                : [];
+            $account_data     = [
+                'user_id'      => isset( $raw_account_data['user_id'] ) ? absint( $raw_account_data['user_id'] ) : 0,
+                'user_email'   => isset( $raw_account_data['user_email'] ) && is_scalar( $raw_account_data['user_email'] )
+                    ? sanitize_email( (string) $raw_account_data['user_email'] )
+                    : '',
+                'display_name' => isset( $raw_account_data['display_name'] ) && is_scalar( $raw_account_data['display_name'] )
+                    ? sanitize_text_field( (string) $raw_account_data['display_name'] )
+                    : '',
+            ];
+
+            if (
+                empty( $plan_data['downloads'] )
+                || ! is_array( $plan_data['downloads'] )
+                || ! isset( $plan_data['downloads']['templates'], $plan_data['downloads']['extensions'] )
+                || ! is_array( $plan_data['downloads']['templates'] )
+                || ! is_array( $plan_data['downloads']['extensions'] )
+            ) {
+                return null;
+            }
+
+            $downloads       = $plan_data['downloads'];
+            $account_summary = isset( $plan_data['account_summary'] ) && is_array( $plan_data['account_summary'] )
+                ? $plan_data['account_summary']
+                : [];
+
+            return [
+                'success'           => true,
+                'connection_method' => isset( $response_body['method'] ) && is_scalar( $response_body['method'] )
+                    ? sanitize_key( (string) $response_body['method'] )
+                    : '',
+                'account_data'      => $account_data,
+                'plan_data'         => $plan_data,
+                'account_summary'   => $account_summary,
+                'license_data'      => [
+                    'themes'         => $downloads['templates'],
+                    'plugins'        => $downloads['extensions'],
+                    'account_summary' => $account_summary,
+                ],
+            ];
+        }
+
+        /**
+         * Authenticate with a Directorist account access key.
+         *
+         * The key is used for this request only and is never persisted locally.
+         *
+         * @param string $access_key Directorist account access key.
+         *
+         * @return array
+         */
+        private static function remote_authenticate_user_by_access_key( $access_key ) {
+            $url = apply_filters(
+                'directorist_license_manager_access_key_api_url',
+                'https://directorist.com/wp-json/directorist-license-manager/user-connect'
+            );
+
+            $response = wp_remote_post(
+                $url,
+                [
+                    'timeout'     => 30,
+                    'redirection' => 0,
+                    'headers'     => [
+                        'user-agent' => 'Directorist/' . md5( esc_url( home_url() ) ) . ';',
+                        'Accept'     => 'application/json',
+                    ],
+                    'body'        => [
+                        'access_key' => $access_key,
+                        'domain'     => home_url(),
+                    ],
+                ]
+            );
+
+            if ( is_wp_error( $response ) ) {
+                return [
+                    'success' => false,
+                    'message' => self::get_remote_auth_connection_error_message(),
+                ];
+            }
+
+            $response_code = wp_remote_retrieve_response_code( $response );
+            $response_body = json_decode( wp_remote_retrieve_body( $response ), true );
+
+            if ( 422 === $response_code ) {
+                return [
+                    'success' => false,
+                    'message' => self::get_remote_auth_invalid_access_key_message(),
+                ];
+            }
+
+            if ( $response_code < 200 || $response_code >= 300 ) {
+                return [
+                    'success' => false,
+                    'message' => self::get_remote_auth_connection_error_message(),
+                ];
+            }
+
+            $normalized_response = self::normalize_license_manager_response( $response_body );
+
+            if ( null === $normalized_response || empty( $normalized_response['account_data']['user_id'] ) ) {
+                return [
+                    'success' => false,
+                    'message' => __( 'Directorist.com could not verify this access key. Please try again.', 'directorist' ),
+                ];
+            }
+
+            $normalized_response['connection_method'] = 'access_key';
+
+            return $normalized_response;
+        }
+
+        /**
+         * Authenticate through the current Directorist License Manager API.
+         *
+         * Returning null allows the legacy endpoint to remain the compatibility
+         * fallback when the newer route is unavailable.
+         *
+         * @param array $user_credentials User and password values.
+         *
+         * @return array|null
+         */
+        private static function remote_authenticate_user_v2( $user_credentials ) {
+            $url = apply_filters(
+                'directorist_license_manager_api_url',
+                'https://directorist.com/wp-json/directorist-license-manager/user-login'
+            );
+            $password = array_key_exists( 'password_raw', $user_credentials ) && is_string( $user_credentials['password_raw'] )
+                ? $user_credentials['password_raw']
+                : ( $user_credentials['password'] ?? '' );
+
+            $response = wp_remote_post(
+                $url,
+                [
+                    'timeout'     => 30,
+                    'redirection' => 0,
+                    'headers'     => [
+                        'user-agent' => 'Directorist/' . md5( esc_url( home_url() ) ) . ';',
+                        'Accept'     => 'application/json',
+                    ],
+                    'body'        => [
+                        'email'  => $user_credentials['user'] ?? '',
+                        'pass'   => $password,
+                        'domain' => home_url(),
+                    ],
+                ]
+            );
+
+            if ( is_wp_error( $response ) ) {
+                return null;
+            }
+
+            $response_code = wp_remote_retrieve_response_code( $response );
+            $response_body = json_decode( wp_remote_retrieve_body( $response ), true );
+
+            if ( 422 === $response_code ) {
+                if ( ! is_email( $user_credentials['user'] ?? '' ) ) {
+                    return null;
+                }
+
+                return [
+                    'success' => false,
+                    'message' => self::get_remote_auth_invalid_credentials_message(),
+                ];
+            }
+
+            if ( $response_code < 200 || $response_code >= 300 || ! is_array( $response_body ) ) {
+                return null;
+            }
+
+            return self::normalize_license_manager_response( $response_body );
+        }
+
         // remote_authenticate_user
         public static function remote_authenticate_user( $user_credentials = [] ) {
+            $license_manager_response = self::remote_authenticate_user_v2( $user_credentials );
+            unset( $user_credentials['password_raw'] );
+
+            if ( null !== $license_manager_response ) {
+                return $license_manager_response;
+            }
+
             $status = [ 'success' => true ];
 
             $url     = 'https://directorist.com/wp-json/directorist/v1/licencing';
@@ -3114,6 +3476,440 @@ public static function filter_product_type( $product_type = '' ) {
             return $product_type;
         }
 
+        /**
+         * Store a normalized optional account summary from a remote response.
+         *
+         * @param array $response Remote API response.
+         *
+         * @return void
+         */
+        private function store_account_summary_from_response( $response ) {
+            $candidates = [
+                $response['account_summary'] ?? null,
+                $response['account']['summary'] ?? null,
+                $response['plan_data']['account_summary'] ?? null,
+                $response['license_data']['account_summary'] ?? null,
+            ];
+            $summary    = null;
+
+            foreach ( $candidates as $candidate ) {
+                if ( is_array( $candidate ) ) {
+                    $summary = $candidate;
+                    break;
+                }
+            }
+
+            if ( null === $summary ) {
+                delete_user_meta( get_current_user_id(), '_atbdp_account_summary' );
+                return;
+            }
+
+            $allowed_statuses = [ 'active', 'expired', 'cancelled', 'unknown' ];
+            $status           = isset( $summary['subscription_status'] ) && is_scalar( $summary['subscription_status'] )
+                ? sanitize_key( (string) $summary['subscription_status'] )
+                : 'unknown';
+            $expires_at       = isset( $summary['expires_at'] ) && is_scalar( $summary['expires_at'] )
+                ? trim( (string) $summary['expires_at'] )
+                : '';
+            $expires_timestamp = $expires_at ? strtotime( $expires_at ) : false;
+            $account_data      = isset( $response['account_data'] ) && is_array( $response['account_data'] )
+                ? $response['account_data']
+                : [];
+            $account_email     = isset( $account_data['user_email'] ) && is_scalar( $account_data['user_email'] )
+                ? sanitize_email( (string) $account_data['user_email'] )
+                : '';
+            $avatar_url        = isset( $summary['avatar_url'] ) && is_scalar( $summary['avatar_url'] )
+                ? esc_url_raw( (string) $summary['avatar_url'] )
+                : '';
+
+            if ( ! $avatar_url && is_email( $account_email ) ) {
+                $avatar_url = esc_url_raw( get_avatar_url( $account_email, [ 'size' => 64 ] ) );
+            }
+
+            $normalized = [
+                'display_name'        => isset( $summary['display_name'] ) && is_scalar( $summary['display_name'] )
+                    ? sanitize_text_field( (string) $summary['display_name'] )
+                    : ( isset( $account_data['display_name'] ) && is_scalar( $account_data['display_name'] )
+                        ? sanitize_text_field( (string) $account_data['display_name'] )
+                        : null ),
+                'avatar_url'          => $avatar_url ?: null,
+                'plan_name'           => isset( $summary['plan_name'] ) && is_scalar( $summary['plan_name'] )
+                    ? sanitize_text_field( (string) $summary['plan_name'] )
+                    : null,
+                'subscription_status' => in_array( $status, $allowed_statuses, true ) ? $status : 'unknown',
+                'expires_at'          => false !== $expires_timestamp ? gmdate( DATE_ATOM, $expires_timestamp ) : null,
+                'all_access'          => array_key_exists( 'all_access', $summary )
+                    ? filter_var( $summary['all_access'], FILTER_VALIDATE_BOOLEAN )
+                    : null,
+                'is_lifetime'         => array_key_exists( 'is_lifetime', $summary )
+                    ? filter_var( $summary['is_lifetime'], FILTER_VALIDATE_BOOLEAN )
+                    : null,
+            ];
+
+            update_user_meta( get_current_user_id(), '_atbdp_account_summary', $normalized );
+        }
+
+        /**
+         * Build connected account copy from authoritative summary data.
+         *
+         * @param array $account_summary Account summary data.
+         * @param bool  $has_entitlements Whether subscribed products are available.
+         *
+         * @return string
+         */
+        private function get_dashboard_account_description( $account_summary, $has_entitlements ) {
+            $status            = is_array( $account_summary ) ? ( $account_summary['subscription_status'] ?? 'unknown' ) : 'unknown';
+            $plan_name         = is_array( $account_summary ) ? trim( (string) ( $account_summary['plan_name'] ?? '' ) ) : '';
+            $all_access        = is_array( $account_summary ) && true === ( $account_summary['all_access'] ?? null );
+            $is_lifetime       = is_array( $account_summary ) && true === ( $account_summary['is_lifetime'] ?? null );
+            $expires_at        = is_array( $account_summary ) ? ( $account_summary['expires_at'] ?? null ) : null;
+            $expires_timestamp = is_scalar( $expires_at ) ? strtotime( (string) $expires_at ) : false;
+            $formatted_date    = false !== $expires_timestamp
+                ? ( function_exists( 'wp_date' )
+                    ? wp_date( get_option( 'date_format' ), $expires_timestamp )
+                    : date_i18n( get_option( 'date_format' ), $expires_timestamp ) )
+                : '';
+
+            if ( 'active' === $status ) {
+                if ( $all_access && $is_lifetime ) {
+                    return __( 'Your lifetime plan is active, so every theme and extension is unlocked.', 'directorist' );
+                }
+
+                if ( $all_access && $formatted_date ) {
+                    /* translators: %s: Subscription expiration date. */
+                    return sprintf( __( 'Your plan is active until %s, so every theme and extension is unlocked.', 'directorist' ), $formatted_date );
+                }
+
+                if ( $plan_name && $formatted_date ) {
+                    /* translators: 1: Plan name, 2: Subscription expiration date. */
+                    return sprintf( __( 'Your %1$s plan is active until %2$s.', 'directorist' ), $plan_name, $formatted_date );
+                }
+
+                if ( $formatted_date ) {
+                    /* translators: %s: Subscription expiration date. */
+                    return sprintf( __( 'Your plan is active until %s.', 'directorist' ), $formatted_date );
+                }
+            }
+
+            if ( 'expired' === $status ) {
+                if ( $formatted_date ) {
+                    /* translators: %s: Subscription expiration date. */
+                    return sprintf( __( 'Your plan expired on %s. Renew it to receive subscription updates and installs.', 'directorist' ), $formatted_date );
+                }
+
+                return __( 'Your plan has expired. Renew it to receive subscription updates and installs.', 'directorist' );
+            }
+
+            if ( 'cancelled' === $status ) {
+                return $formatted_date
+                    ? sprintf(
+                        /* translators: %s: Subscription access end date. */
+                        __( 'Your plan is cancelled. Your access remains available until %s.', 'directorist' ),
+                        $formatted_date
+                    )
+                    : __( 'Your plan is cancelled. Check your Directorist account for current access details.', 'directorist' );
+            }
+
+            return $has_entitlements
+                ? __( 'Your Directorist account is connected. Your subscribed themes and extensions are ready to manage.', 'directorist' )
+                : __( 'Your Directorist account is connected, but no subscribed products were found. Refresh purchases to sync your account.', 'directorist' );
+        }
+
+        /**
+         * Build the connected account plan label for the dashboard footer.
+         *
+         * @param array $account_summary Account summary data.
+         *
+         * @return string
+         */
+        private function get_dashboard_plan_label( $account_summary ) {
+            $plan_name = is_array( $account_summary ) && isset( $account_summary['plan_name'] )
+                ? trim( sanitize_text_field( (string) $account_summary['plan_name'] ) )
+                : '';
+
+            if ( $plan_name ) {
+                if ( preg_match( '/\bplan$/i', $plan_name ) ) {
+                    return $plan_name;
+                }
+
+                /* translators: %s: Connected Directorist subscription plan name. */
+                return sprintf( __( '%s plan', 'directorist' ), $plan_name );
+            }
+
+            if ( is_array( $account_summary ) && true === ( $account_summary['is_lifetime'] ?? null ) ) {
+                return __( 'Lifetime plan', 'directorist' );
+            }
+
+            $status = is_array( $account_summary ) ? ( $account_summary['subscription_status'] ?? 'unknown' ) : 'unknown';
+
+            if ( 'active' === $status ) {
+                return __( 'Active plan', 'directorist' );
+            }
+
+            if ( 'expired' === $status ) {
+                return __( 'Expired plan', 'directorist' );
+            }
+
+            if ( 'cancelled' === $status ) {
+                return __( 'Cancelled plan', 'directorist' );
+            }
+
+            return __( 'Connected account', 'directorist' );
+        }
+
+        /**
+         * Prepare the connected dashboard welcome section data.
+         *
+         * @param array $extensions_overview Extensions overview data.
+         * @param array $themes_overview     Themes overview data.
+         *
+         * @return array
+         */
+        private function get_dashboard_welcome_data( $extensions_overview, $themes_overview ) {
+            $has_entitlements = ! empty( $extensions_overview['extensions_available_in_subscriptions'] )
+                || ! empty( $themes_overview['themes_available_in_subscriptions'] );
+            $account_summary  = get_user_meta( get_current_user_id(), '_atbdp_account_summary', true );
+            $account_summary  = is_array( $account_summary ) ? $account_summary : [];
+            $connection_method = get_user_meta( get_current_user_id(), '_atbdp_subscription_connection_method', true );
+            $connection_method = 'access_key' === $connection_method ? 'access_key' : 'account';
+            $account_name     = isset( $account_summary['display_name'] )
+                ? trim( sanitize_text_field( (string) $account_summary['display_name'] ) )
+                : '';
+            $account_login    = trim( (string) get_user_meta( get_current_user_id(), '_atbdp_subscribed_username', true ) );
+
+            if ( ! $account_name && $account_login && ! is_email( $account_login ) ) {
+                $account_name = sanitize_user( $account_login );
+            }
+
+            if ( is_email( $account_name ) ) {
+                $account_name = '';
+            }
+
+            if ( $account_name ) {
+                /* translators: %s: Connected Directorist account owner's display name. */
+                $title = sprintf( __( 'Welcome back, %s', 'directorist' ), $account_name );
+            } else {
+                $title = __( 'Welcome back', 'directorist' );
+            }
+
+            $name_parts = $account_name ? preg_split( '/\s+/', $account_name ) : [];
+            $initials   = '';
+
+            if ( ! empty( $name_parts ) ) {
+                $first_part = reset( $name_parts );
+                $last_part  = end( $name_parts );
+                $initials   = function_exists( 'mb_substr' )
+                    ? mb_substr( (string) $first_part, 0, 1 )
+                    : substr( (string) $first_part, 0, 1 );
+
+                if ( count( $name_parts ) > 1 ) {
+                    $initials .= function_exists( 'mb_substr' )
+                        ? mb_substr( (string) $last_part, 0, 1 )
+                        : substr( (string) $last_part, 0, 1 );
+                }
+            }
+
+            $description      = $this->get_dashboard_account_description( $account_summary, $has_entitlements );
+            $plugin_version   = defined( 'ATBDP_VERSION' ) ? sanitize_text_field( (string) ATBDP_VERSION ) : '';
+            $whats_new_url    = apply_filters(
+                'directorist_themes_extensions_whats_new_url',
+                'https://directorist.com/changelog/',
+                $plugin_version
+            );
+
+            $directories = directory_types();
+            $directories = is_array( $directories ) && ! is_wp_error( $directories ) ? $directories : [];
+
+            return [
+                'title'               => $title,
+                'description'         => $description,
+                'account_name'        => $account_name,
+                'account_avatar_url'  => isset( $account_summary['avatar_url'] ) ? esc_url_raw( (string) $account_summary['avatar_url'] ) : '',
+                'account_initials'    => $initials
+                    ? ( function_exists( 'mb_strtoupper' ) ? mb_strtoupper( $initials ) : strtoupper( $initials ) )
+                    : 'D',
+                'connection_method'   => $connection_method,
+                'plugin_version'      => $plugin_version,
+                'plan_label'          => $this->get_dashboard_plan_label( $account_summary ),
+                'whats_new_url'       => esc_url_raw( (string) $whats_new_url ),
+                'has_directories'     => ! empty( $directories ),
+                'view_listings_url'   => ATBDP_Permalink::get_directorist_listings_page_link(),
+                'primary_action_url'  => ! empty( $directories )
+                    ? ATBDP_Permalink::get_add_listing_page_link()
+                    : admin_url( 'edit.php?post_type=at_biz_dir&page=atbdp-directory-types&action=add_new' ),
+                'primary_action_text' => ! empty( $directories )
+                    ? __( 'Add listing', 'directorist' )
+                    : __( 'Create directory', 'directorist' ),
+            ];
+        }
+
+        /**
+         * Build a Directory Builder URL for the current directory mode.
+         *
+         * @param int    $directory_id Directory term ID.
+         * @param string $target       Optional stable Builder navigation target.
+         *
+         * @return string
+         */
+        private function get_dashboard_builder_url( $directory_id = 0, $target = '' ) {
+            $is_multi_directory = directorist_is_multi_directory_enabled();
+            $query_args         = [
+                'post_type' => ATBDP_POST_TYPE,
+                'page'      => $is_multi_directory ? 'atbdp-directory-types' : 'atbdp-layout-builder',
+            ];
+
+            if ( $is_multi_directory && $directory_id ) {
+                $query_args['listing_type_id'] = absint( $directory_id );
+                $query_args['action']          = 'edit';
+            }
+
+            $url    = add_query_arg( $query_args, admin_url( 'edit.php' ) );
+            $target = sanitize_key( $target );
+
+            return $target ? $url . '#' . $target : $url;
+        }
+
+        /**
+         * Prepare directory-aware connected Dashboard quick actions.
+         *
+         * @return array
+         */
+        private function get_dashboard_quick_actions_data() {
+            $directories = directory_types();
+            $directories = is_array( $directories ) && ! is_wp_error( $directories ) ? $directories : [];
+            $default_id  = (string) absint( default_directory_type() );
+            $items       = [];
+
+            foreach ( $directories as $directory ) {
+                if ( ! $directory instanceof WP_Term ) {
+                    continue;
+                }
+
+                $directory_id   = (string) absint( $directory->term_id );
+                $directory_name = sanitize_text_field( $directory->name );
+                $builder_url    = $this->get_dashboard_builder_url( $directory->term_id );
+
+                $items[] = [
+                    'id'      => $directory_id,
+                    'name'    => $directory_name,
+                    'actions' => [
+                        'add-listing'       => [
+                            'key'         => 'add-listing',
+                            'label'       => __( 'Add a listing', 'directorist' ),
+                            /* translators: %s: Directory type name. */
+                            'description' => sprintf( __( 'Create a new %s listing', 'directorist' ), $directory_name ),
+                            /* translators: %s: Directory type name. */
+                            'aria_label'  => sprintf( __( 'Add a listing for %s', 'directorist' ), $directory_name ),
+                            'icon'        => 'la la-plus',
+                            'url'         => add_query_arg(
+                                [
+                                    'post_type'      => ATBDP_POST_TYPE,
+                                    'directory_type' => $directory->term_id,
+                                ],
+                                admin_url( 'post-new.php' )
+                            ),
+                        ],
+                        'manage-categories' => [
+                            'key'         => 'manage-categories',
+                            'label'       => __( 'Manage categories', 'directorist' ),
+                            'description' => __( 'Organize how listings are grouped', 'directorist' ),
+                            /* translators: %s: Directory type name. */
+                            'aria_label'  => sprintf( __( 'Manage categories for %s', 'directorist' ), $directory_name ),
+                            'icon'        => 'la la-tags',
+                            'url'         => add_query_arg(
+                                [
+                                    'taxonomy'       => 'at_biz_dir-category',
+                                    'post_type'      => ATBDP_POST_TYPE,
+                                    'directory_type' => $directory->term_id,
+                                ],
+                                admin_url( 'edit-tags.php' )
+                            ),
+                        ],
+                        'listing-layout'    => [
+                            'key'         => 'listing-layout',
+                            'label'       => __( 'Customize listing layout', 'directorist' ),
+                            'description' => __( 'Design the single listing page', 'directorist' ),
+                            /* translators: %s: Directory type name. */
+                            'aria_label'  => sprintf( __( 'Customize the listing layout for %s', 'directorist' ), $directory_name ),
+                            'icon'        => 'la la-paint-roller',
+                            'url'         => $builder_url . '#single_page_layout__contents',
+                        ],
+                        'submission-form'   => [
+                            'key'         => 'submission-form',
+                            'label'       => __( 'Submission form settings', 'directorist' ),
+                            'description' => __( 'Control what users can submit', 'directorist' ),
+                            /* translators: %s: Directory type name. */
+                            'aria_label'  => sprintf( __( 'Edit submission form settings for %s', 'directorist' ), $directory_name ),
+                            'icon'        => 'la la-file-alt',
+                            'url'         => $builder_url . '#submission_form',
+                        ],
+                    ],
+                ];
+            }
+
+            $available_ids = wp_list_pluck( $items, 'id' );
+
+            if ( $items && ! in_array( $default_id, $available_ids, true ) ) {
+                $default_id = (string) $items[0]['id'];
+            }
+
+            $builder_page = directorist_is_multi_directory_enabled()
+                ? add_query_arg(
+                    [
+                        'post_type' => ATBDP_POST_TYPE,
+                        'page'      => 'atbdp-directory-types',
+                        'action'    => 'add_new',
+                    ],
+                    admin_url( 'edit.php' )
+                )
+                : $this->get_dashboard_builder_url();
+
+            return [
+                'default_id'       => $default_id,
+                'directories'      => $items,
+                'create_directory' => [
+                    'key'         => 'create-directory',
+                    'label'       => __( 'Create directory', 'directorist' ),
+                    'description' => __( 'Set up your first directory type', 'directorist' ),
+                    'aria_label'  => __( 'Create a directory', 'directorist' ),
+                    'icon'        => 'la la-folder-plus',
+                    'url'         => $builder_page,
+                ],
+                'email'            => [
+                    'key'         => 'email-notifications',
+                    'label'       => __( 'Email notifications', 'directorist' ),
+                    'description' => __( 'Set who gets notified, and when', 'directorist' ),
+                    'aria_label'  => __( 'Manage Directorist email notifications', 'directorist' ),
+                    'icon'        => 'la la-envelope',
+                    'url'         => add_query_arg(
+                        [
+                            'post_type' => ATBDP_POST_TYPE,
+                            'page'      => 'atbdp-settings',
+                        ],
+                        admin_url( 'edit.php' )
+                    ) . '#email_settings__email_general__active_channels__disable_email_notification',
+                ],
+            ];
+        }
+
+        /**
+         * Return a paginated connected-dashboard activity page.
+         */
+        public function get_dashboard_activity() {
+            if ( ! current_user_can( 'manage_options' ) || ! $this->is_verified_nonce() ) {
+                wp_send_json_error( [ 'message' => __( 'You are not allowed to load this activity.', 'directorist' ) ], 403 );
+            }
+
+            $page = isset( $_POST['activity_page'] ) ? absint( $_POST['activity_page'] ) : 1;
+            $type = isset( $_POST['activity_type'] ) && is_scalar( $_POST['activity_type'] )
+                ? sanitize_key( wp_unslash( $_POST['activity_type'] ) )
+                : 'all';
+
+            $activity = new ATBDP_Extension_Activity();
+
+            wp_send_json_success( $activity->get_page( $page, 10, $type ) );
+        }
+
         /**
          * It Loads Extension view
          */
@@ -3129,6 +3925,8 @@ public function show_extension_view() {
 
             $extensions_overview = $this->get_extensions_overview();
             $themes_overview     = $this->get_themes_overview();
+            $dashboard_activity  = $is_logged_in ? new ATBDP_Extension_Activity() : null;
+            $dashboard_metrics   = $dashboard_activity ? $dashboard_activity->get_dashboard_metrics() : [];
 
             $hard_logout = apply_filters( 'atbdp_subscriptions_hard_logout', false );
             $hard_logout = ( $hard_logout ) ? 1 : 0;
@@ -3160,6 +3958,19 @@ public function show_extension_view() {
                 'theme_list'                            => $this->themes,
 
                 'settings_url'                          => $settings_url,
+                'dashboard_welcome'                     => $is_logged_in ? $this->get_dashboard_welcome_data( $extensions_overview, $themes_overview ) : [],
+                'dashboard_quick_actions'               => $is_logged_in ? $this->get_dashboard_quick_actions_data() : [],
+                'dashboard_metrics'                     => $dashboard_metrics,
+                'dashboard_setup'                       => $dashboard_activity ? $dashboard_activity->get_dashboard_setup( $dashboard_metrics ) : [],
+                'dashboard_activity'                    => $dashboard_activity ? $dashboard_activity->get_page( 1, 5, 'all' ) : [],
+                'dashboard_recommendations'             => $is_logged_in
+                    ? ( new ATBDP_Extension_Recommendations(
+                        $this->extensions,
+                        $extensions_overview,
+                        self::$extensions_aliases,
+                        ATBDP()->beta
+                    ) )->get_dashboard_data()
+                    : [],
             ];
 
             ATBDP()->load_template( 'admin-templates/theme-extensions/theme-extension', $data );
diff --git a/includes/classes/class-metabox.php b/includes/classes/class-metabox.php
index 09d84aa87e..bbbd8984b8 100644
--- a/includes/classes/class-metabox.php
+++ b/includes/classes/class-metabox.php
@@ -390,6 +390,12 @@ public function listing_form_info_meta( $post ) {
         $all_types      = directory_types();
         $default        = default_directory_type();
         $current_type   = directorist_get_listing_directory( $post->ID );
+        $requested_type = isset( $_GET['directory_type'] ) ? absint( wp_unslash( $_GET['directory_type'] ) ) : 0;
+
+        if ( ! $current_type && $requested_type && term_exists( $requested_type, ATBDP_TYPE ) ) {
+            $current_type = $requested_type;
+        }
+
         $value          = $current_type ? $current_type : $default;
         wp_nonce_field( 'listing_info_action', 'listing_info_nonce' );
 
diff --git a/views/admin-templates/theme-extensions/theme-extension.php b/views/admin-templates/theme-extensions/theme-extension.php
index a90fc92632..1692b99b57 100644
--- a/views/admin-templates/theme-extensions/theme-extension.php
+++ b/views/admin-templates/theme-extensions/theme-extension.php
@@ -11,8 +11,26 @@
 $outdated_keys         = array_keys( $outdated_plugins );
 $is_logged_in          = ! empty( $args['is_logged_in'] );
 $is_beta               = ! empty( $args['is_beta'] );
+$requested_view        = isset( $_GET['te_view'] ) && is_scalar( $_GET['te_view'] ) ? sanitize_key( wp_unslash( $_GET['te_view'] ) ) : '';
+$requested_type        = isset( $_GET['te_type'] ) && is_scalar( $_GET['te_type'] ) ? sanitize_key( wp_unslash( $_GET['te_type'] ) ) : '';
+$initial_view          = $is_logged_in && in_array( $requested_view, [ 'dashboard', 'addons' ], true ) ? $requested_view : ( $is_logged_in ? 'dashboard' : 'addons' );
+$initial_type          = $is_logged_in && in_array( $requested_type, [ 'all', 'extension', 'theme' ], true ) ? $requested_type : 'all';
 $installed_extensions  = ! empty( $args['installed_extension_list'] ) && is_array( $args['installed_extension_list'] ) ? $args['installed_extension_list'] : [];
 $installed_themes      = ! empty( $args['installed_theme_list'] ) && is_array( $args['installed_theme_list'] ) ? $args['installed_theme_list'] : [];
+$dashboard_welcome     = ! empty( $args['dashboard_welcome'] ) && is_array( $args['dashboard_welcome'] ) ? $args['dashboard_welcome'] : [];
+$dashboard_quick_actions = ! empty( $args['dashboard_quick_actions'] ) && is_array( $args['dashboard_quick_actions'] ) ? $args['dashboard_quick_actions'] : [];
+$dashboard_metrics     = ! empty( $args['dashboard_metrics'] ) && is_array( $args['dashboard_metrics'] ) ? $args['dashboard_metrics'] : [];
+$dashboard_setup       = ! empty( $args['dashboard_setup'] ) && is_array( $args['dashboard_setup'] ) ? $args['dashboard_setup'] : [];
+$dashboard_activity    = ! empty( $args['dashboard_activity'] ) && is_array( $args['dashboard_activity'] ) ? $args['dashboard_activity'] : [];
+$dashboard_activity_items = ! empty( $dashboard_activity['items'] ) && is_array( $dashboard_activity['items'] ) ? $dashboard_activity['items'] : [];
+$dashboard_recommendations = ! empty( $args['dashboard_recommendations'] ) && is_array( $args['dashboard_recommendations'] ) ? $args['dashboard_recommendations'] : [];
+$account_name          = ! empty( $dashboard_welcome['account_name'] ) ? (string) $dashboard_welcome['account_name'] : '';
+$account_avatar_url    = ! empty( $dashboard_welcome['account_avatar_url'] ) ? (string) $dashboard_welcome['account_avatar_url'] : '';
+$account_initials      = ! empty( $dashboard_welcome['account_initials'] ) ? (string) $dashboard_welcome['account_initials'] : 'D';
+$connection_method     = ! empty( $dashboard_welcome['connection_method'] ) && 'access_key' === $dashboard_welcome['connection_method'] ? 'access_key' : 'account';
+$plugin_version        = ! empty( $dashboard_welcome['plugin_version'] ) ? (string) $dashboard_welcome['plugin_version'] : '';
+$account_plan_label    = ! empty( $dashboard_welcome['plan_label'] ) ? (string) $dashboard_welcome['plan_label'] : __( 'Connected account', 'directorist' );
+$whats_new_url         = ! empty( $dashboard_welcome['whats_new_url'] ) ? (string) $dashboard_welcome['whats_new_url'] : 'https://directorist.com/changelog/';
 $has_local_products    = ! empty( $installed_extensions ) || ! empty( $installed_themes );
 $connect_title         = $has_local_products
     ? __( 'Connect to manage installed Directorist products', 'directorist' )
@@ -306,11 +324,33 @@
         $required_base   = ! empty( $required_extension['base'] ) ? $required_extension['base'] : "{$extension_key}/{$extension_key}.php";
 
         foreach ( array_filter( [ $extension_key, $extension_alias, $required_base, preg_replace( '/\/.+/', '', $required_base ) ] ) as $required_lookup_key ) {
-            $required_lookup[ $required_lookup_key ] = $required_extension;
+            $required_lookup[ $required_lookup_key ] = $extension_key;
         }
     }
 }
 
+$get_required_extension_key = static function( $extension_key, $extension_base = '' ) use ( $required_lookup, $args ) {
+    $extension_alias = $args['ATBDP_Extensions']->get_extension_alias_key( $extension_key );
+    $lookup_keys     = array_filter(
+        [
+            $extension_key,
+            $extension_alias,
+            $extension_base,
+            $extension_base ? preg_replace( '/\/.+/', '', $extension_base ) : '',
+        ]
+    );
+
+    foreach ( $lookup_keys as $lookup_key ) {
+        if ( isset( $required_lookup[ $lookup_key ] ) ) {
+            return (string) $required_lookup[ $lookup_key ];
+        }
+    }
+
+    return '';
+};
+
+$represented_required_extensions = [];
+
 if ( $is_logged_in && ! empty( $args['installed_extension_list'] ) && is_array( $args['installed_extension_list'] ) ) {
     foreach ( $args['installed_extension_list'] as $extension_base => $extension ) {
         $extension_key = preg_replace( '/\/.+/', '', $extension_base );
@@ -321,7 +361,8 @@
         $has_update    = in_array( $extension_base, $outdated_keys, true );
         $update_version = $get_update_version( $outdated_plugins[ $extension_base ] ?? null );
         $is_active     = is_plugin_active( $extension_base );
-        $is_required   = isset( $required_lookup[ $extension_base ] ) || isset( $required_lookup[ $extension_key ] );
+        $required_key  = $get_required_extension_key( $extension_key, $extension_base );
+        $is_required   = '' !== $required_key;
         $status        = $has_update ? 'update installed active' : ( $is_active ? 'active installed' : 'installed' );
         $status_label  = $has_update ? $get_update_status_label( $update_version ) : ( $is_active ? __( 'Active', 'directorist' ) : __( 'Installed', 'directorist' ) );
         $primary       = $has_update
@@ -379,7 +420,9 @@
 
         $badges = $get_product_badges( $product );
         if ( $is_required ) {
+            $status .= ' required';
             $badges[] = __( 'Required', 'directorist' );
+            $represented_required_extensions[ $required_key ] = true;
         }
 
         $bulk_actions = [];
@@ -458,17 +501,25 @@
         $name        = $product['title'] ?? $product['name'] ?? $extension_key;
         $description = $product['description'] ?? '';
         $is_purchased = ! empty( $extension['purchased'] );
+        $required_key = $get_required_extension_key( $extension_key );
+        $is_required  = '' !== $required_key;
+        $badges       = $get_product_badges( $product );
+
+        if ( $is_required ) {
+            $badges[] = __( 'Required', 'directorist' );
+            $represented_required_extensions[ $required_key ] = true;
+        }
 
         $add_row(
             [
                 'key'         => 'extension-subscription-' . $extension_key,
                 'type'        => 'extension',
-                'status'      => 'not-installed',
+                'status'      => $is_required ? 'required not-installed' : 'not-installed',
                 'name'        => $name,
                 'description' => $description,
                 'image'       => $get_image( $product ),
-                'badges'      => $get_product_badges( $product ),
-                'statusLabel' => __( 'Not installed', 'directorist' ),
+                'badges'      => $badges,
+                'statusLabel' => $is_required ? __( 'Required', 'directorist' ) : __( 'Not installed', 'directorist' ),
                 'primary'     => [
                     'label' => $is_beta ? __( 'Install Beta', 'directorist' ) : __( 'Install', 'directorist' ),
                     'class' => 'directorist-te-btn directorist-te-btn--primary file-install-btn',
@@ -490,7 +541,7 @@
     foreach ( $args['required_extensions_list'] as $extension_key => $required_extension ) {
         $required_base = ! empty( $required_extension['base'] ) ? $required_extension['base'] : "{$extension_key}/{$extension_key}.php";
 
-        if ( isset( $seen_rows[ 'extension-installed-' . $required_base ] ) || ! empty( $required_extension['installed'] ) ) {
+        if ( isset( $represented_required_extensions[ $extension_key ] ) || isset( $seen_rows[ 'extension-installed-' . $required_base ] ) || ! empty( $required_extension['installed'] ) ) {
             continue;
         }
 
@@ -530,6 +581,8 @@
                 'bulk'        => $is_purchased ? $get_bulk_control( 'directorist-te-required-install-' . sanitize_html_class( $extension_key ), $extension_key, 'plugin', [ 'install' ] ) : null,
             ]
         );
+
+        $represented_required_extensions[ $extension_key ] = true;
     }
 }
 
@@ -587,12 +640,17 @@
     }
 }
 
-$promo_extensions = ! empty( $args['extensions_promo_list'] ) && is_array( $args['extensions_promo_list'] ) ? $args['extensions_promo_list'] : [];
-if ( ! $is_logged_in && empty( $promo_extensions ) && ! empty( $extensions ) ) {
-    $promo_extensions = $extensions;
-}
+$promo_extensions = ! $is_logged_in
+    ? $extensions
+    : ( ! empty( $args['extensions_promo_list'] ) && is_array( $args['extensions_promo_list'] ) ? $args['extensions_promo_list'] : [] );
 
 foreach ( $promo_extensions as $extension_key => $extension ) {
+    $required_key = $get_required_extension_key( $extension_key );
+
+    if ( $required_key && isset( $represented_required_extensions[ $required_key ] ) ) {
+        continue;
+    }
+
     $product = is_array( $extension ) ? $extension : [];
     $add_row(
         [
@@ -611,10 +669,9 @@
     );
 }
 
-$promo_themes = ! empty( $args['themes_promo_list'] ) && is_array( $args['themes_promo_list'] ) ? $args['themes_promo_list'] : [];
-if ( ! $is_logged_in && empty( $promo_themes ) && ! empty( $themes ) ) {
-    $promo_themes = $themes;
-}
+$promo_themes = ! $is_logged_in
+    ? $themes
+    : ( ! empty( $args['themes_promo_list'] ) && is_array( $args['themes_promo_list'] ) ? $args['themes_promo_list'] : [] );
 
 foreach ( $promo_themes as $theme_key => $theme ) {
     $product = is_array( $theme ) ? $theme : [];
@@ -638,8 +695,10 @@
     );
 }
 
-$total_updates = (int) ( $args['total_outdated_extensions'] ?? 0 ) + (int) ( $args['total_outdated_themes'] ?? 0 );
-$total_rows    = count( $rows );
+$extension_update_count = max( 0, (int) ( $args['total_outdated_extensions'] ?? 0 ) );
+$theme_update_count     = max( 0, (int) ( $args['total_outdated_themes'] ?? 0 ) );
+$total_updates          = $extension_update_count + $theme_update_count;
+$total_rows             = count( $rows );
 $extension_rows = count(
     array_filter(
         $rows,
@@ -664,9 +723,45 @@ static function( $row ) {
         }
     )
 );
+$installed_rows = count(
+    array_filter(
+        $rows,
+        static function( $row ) {
+            $status = ! empty( $row['status'] ) ? preg_split( '/\s+/', (string) $row['status'] ) : [];
+
+            return (bool) array_intersect( [ 'installed', 'active', 'update' ], $status );
+        }
+    )
+);
+$not_installed_rows = count(
+    array_filter(
+        $rows,
+        static function( $row ) {
+            $status = ! empty( $row['status'] ) ? preg_split( '/\s+/', (string) $row['status'] ) : [];
+
+            return (bool) array_intersect( [ 'not-installed', 'marketplace' ], $status );
+        }
+    )
+);
+$required_rows = count(
+    array_filter(
+        $rows,
+        static function( $row ) {
+            $status = ! empty( $row['status'] ) ? preg_split( '/\s+/', (string) $row['status'] ) : [];
+
+            return in_array( 'required', $status, true );
+        }
+    )
+);
+$notification_count = $total_updates + $required_rows;
 ?>
 
-<div id="directorist" class="wrap atbd_wrapper directorist-te-page <?php echo esc_attr( $is_logged_in ? 'directorist-te-page--connected' : 'directorist-te-page--disconnected' ); ?>">
+<div
+    id="directorist"
+    class="wrap atbd_wrapper directorist-te-page <?php echo esc_attr( $is_logged_in ? 'directorist-te-page--connected' : 'directorist-te-page--disconnected' ); ?>"
+    data-initial-view="<?php echo esc_attr( $initial_view ); ?>"
+    data-initial-type="<?php echo esc_attr( $initial_type ); ?>"
+>
     <div id="my-themes-extensions" class="atbdp-tab-content active">
         <div class="directorist-te-shell">
             <header class="directorist-te-header">
@@ -678,8 +773,8 @@ static function( $row ) {
                 </div>
                 <?php if ( $is_logged_in ) : ?>
                     <nav class="directorist-te-nav" aria-label="<?php esc_attr_e( 'Directorist sections', 'directorist' ); ?>">
-                        <button type="button" data-directorist-te-view-target="dashboard" aria-controls="directorist-te-dashboard-view"><?php esc_html_e( 'Dashboard', 'directorist' ); ?></button>
-                        <button type="button" class="active" data-directorist-te-view-target="addons" aria-controls="directorist-te-addons-view" aria-current="page"><?php esc_html_e( 'Add-ons', 'directorist' ); ?></button>
+                        <button type="button" class="<?php echo esc_attr( 'dashboard' === $initial_view ? 'active' : '' ); ?>" data-directorist-te-view-target="dashboard" aria-controls="directorist-te-dashboard-view" <?php if ( 'dashboard' === $initial_view ) : ?>aria-current="page"<?php endif; ?>><?php esc_html_e( 'Dashboard', 'directorist' ); ?></button>
+                        <button type="button" class="<?php echo esc_attr( 'addons' === $initial_view ? 'active' : '' ); ?>" data-directorist-te-view-target="addons" aria-controls="directorist-te-addons-view" <?php if ( 'addons' === $initial_view ) : ?>aria-current="page"<?php endif; ?>><?php esc_html_e( 'Add-ons', 'directorist' ); ?></button>
                     </nav>
                     <div class="directorist-te-top-right">
                         <nav class="directorist-te-resource-links" aria-label="<?php esc_attr_e( 'Directorist resources', 'directorist' ); ?>">
@@ -687,12 +782,123 @@ static function( $row ) {
                             <a href="https://www.youtube.com/@wpdirectorist" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Tutorials, opens in a new tab', 'directorist' ); ?>"><?php esc_html_e( 'Tutorials', 'directorist' ); ?></a>
                             <a href="https://directorist.com/contact/" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e( 'Support, opens in a new tab', 'directorist' ); ?>"><?php esc_html_e( 'Support', 'directorist' ); ?></a>
                         </nav>
-                        <label class="directorist-te-top-search">
-                            <span class="screen-reader-text"><?php esc_html_e( 'Search Directorist', 'directorist' ); ?></span>
-                            <i class="la la-search" aria-hidden="true"></i>
-                            <input type="search" placeholder="<?php esc_attr_e( 'Search...', 'directorist' ); ?>">
-                        </label>
-                        <span class="directorist-te-header-icon" aria-hidden="true"><i class="la la-bell"></i><span></span></span>
+                        <div class="directorist-te-notification-menu">
+                            <button
+                                type="button"
+                                class="directorist-te-header-icon directorist-te-notification-toggle"
+                                aria-haspopup="true"
+                                aria-expanded="false"
+                                aria-controls="directorist-te-notification-dropdown"
+                            >
+                                <i class="la la-bell" aria-hidden="true"></i>
+                                <?php if ( $notification_count ) : ?>
+                                    <span class="directorist-te-notification-badge" aria-hidden="true">
+                                        <?php echo esc_html( $notification_count > 99 ? '99+' : $notification_count ); ?>
+                                    </span>
+                                <?php endif; ?>
+                                <span class="screen-reader-text">
+                                    <?php
+                                    if ( $notification_count ) {
+                                        printf(
+                                            /* translators: %d: Number of Themes & Extensions items needing attention. */
+                                            esc_html( _n( 'Open notifications, %d item needs attention', 'Open notifications, %d items need attention', $notification_count, 'directorist' ) ),
+                                            absint( $notification_count )
+                                        );
+                                    } else {
+                                        esc_html_e( 'Open notifications, no items need attention', 'directorist' );
+                                    }
+                                    ?>
+                                </span>
+                            </button>
+                            <div
+                                class="directorist-te-notification-dropdown"
+                                id="directorist-te-notification-dropdown"
+                                hidden
+                                aria-hidden="true"
+                                aria-labelledby="directorist-te-notification-title"
+                            >
+                                <div class="directorist-te-notification-dropdown__header">
+                                    <strong id="directorist-te-notification-title"><?php esc_html_e( 'Notifications', 'directorist' ); ?></strong>
+                                    <?php if ( $notification_count ) : ?>
+                                        <span>
+                                            <?php
+                                            printf(
+                                                /* translators: %d: Number of Themes & Extensions items needing attention. */
+                                                esc_html( _n( '%d item', '%d items', $notification_count, 'directorist' ) ),
+                                                absint( $notification_count )
+                                            );
+                                            ?>
+                                        </span>
+                                    <?php endif; ?>
+                                </div>
+                                <div class="directorist-te-notification-list">
+                                    <?php if ( $extension_update_count ) : ?>
+                                        <button type="button" class="directorist-te-notification-item" data-notification-type="extension" data-notification-status="update">
+                                            <span class="directorist-te-notification-item__icon directorist-te-notification-item__icon--update" aria-hidden="true"><i class="la la-plug"></i></span>
+                                            <span class="directorist-te-notification-item__content">
+                                                <strong>
+                                                    <?php
+                                                    printf(
+                                                        /* translators: %d: Number of extension updates. */
+                                                        esc_html( _n( '%d extension update', '%d extension updates', $extension_update_count, 'directorist' ) ),
+                                                        absint( $extension_update_count )
+                                                    );
+                                                    ?>
+                                                </strong>
+                                                <span><?php esc_html_e( 'Review available extension updates.', 'directorist' ); ?></span>
+                                            </span>
+                                            <i class="la la-angle-right directorist-te-notification-item__arrow" aria-hidden="true"></i>
+                                        </button>
+                                    <?php endif; ?>
+
+                                    <?php if ( $theme_update_count ) : ?>
+                                        <button type="button" class="directorist-te-notification-item" data-notification-type="theme" data-notification-status="update">
+                                            <span class="directorist-te-notification-item__icon directorist-te-notification-item__icon--update" aria-hidden="true"><i class="la la-paint-brush"></i></span>
+                                            <span class="directorist-te-notification-item__content">
+                                                <strong>
+                                                    <?php
+                                                    printf(
+                                                        /* translators: %d: Number of theme updates. */
+                                                        esc_html( _n( '%d theme update', '%d theme updates', $theme_update_count, 'directorist' ) ),
+                                                        absint( $theme_update_count )
+                                                    );
+                                                    ?>
+                                                </strong>
+                                                <span><?php esc_html_e( 'Review available theme updates.', 'directorist' ); ?></span>
+                                            </span>
+                                            <i class="la la-angle-right directorist-te-notification-item__arrow" aria-hidden="true"></i>
+                                        </button>
+                                    <?php endif; ?>
+
+                                    <?php if ( $required_rows ) : ?>
+                                        <button type="button" class="directorist-te-notification-item" data-notification-type="extension" data-notification-status="required">
+                                            <span class="directorist-te-notification-item__icon directorist-te-notification-item__icon--required" aria-hidden="true"><i class="la la-exclamation-circle"></i></span>
+                                            <span class="directorist-te-notification-item__content">
+                                                <strong>
+                                                    <?php
+                                                    printf(
+                                                        /* translators: %d: Number of required extensions. */
+                                                        esc_html( _n( '%d required extension', '%d required extensions', $required_rows, 'directorist' ) ),
+                                                        absint( $required_rows )
+                                                    );
+                                                    ?>
+                                                </strong>
+                                                <span><?php esc_html_e( 'Review products required by your active theme.', 'directorist' ); ?></span>
+                                            </span>
+                                            <i class="la la-angle-right directorist-te-notification-item__arrow" aria-hidden="true"></i>
+                                        </button>
+                                    <?php endif; ?>
+
+                                    <?php if ( ! $notification_count ) : ?>
+                                        <div class="directorist-te-notification-empty">
+                                            <span aria-hidden="true"><i class="la la-check-circle"></i></span>
+                                            <strong><?php esc_html_e( 'You are all caught up', 'directorist' ); ?></strong>
+                                            <p><?php esc_html_e( 'No add-on updates or required extensions need attention.', 'directorist' ); ?></p>
+                                        </div>
+                                    <?php endif; ?>
+                                </div>
+                            </div>
+                        </div>
                         <div class="directorist-te-account-menu">
                             <button
                                 type="button"
@@ -701,11 +907,47 @@ class="directorist-te-avatar"
                                 aria-expanded="false"
                                 aria-controls="directorist-te-account-dropdown"
                             >
-                                <?php echo get_avatar( get_current_user_id(), 32 ); ?>
-                                <span class="screen-reader-text"><?php esc_html_e( 'Open Directorist account menu', 'directorist' ); ?></span>
+                                <?php if ( $account_avatar_url ) : ?>
+                                    <img src="<?php echo esc_url( $account_avatar_url ); ?>" alt="">
+                                <?php else : ?>
+                                    <span class="directorist-te-avatar__initials" aria-hidden="true"><?php echo esc_html( $account_initials ); ?></span>
+                                <?php endif; ?>
+                                <span class="screen-reader-text">
+                                    <?php
+                                    echo esc_html(
+                                        $account_name
+                                            ? sprintf(
+                                                /* translators: %s: Connected Directorist account owner's display name. */
+                                                __( 'Open Directorist account menu for %s', 'directorist' ),
+                                                $account_name
+                                            )
+                                            : __( 'Open Directorist account menu', 'directorist' )
+                                    );
+                                    ?>
+                                </span>
                                 <i class="la la-angle-down" aria-hidden="true"></i>
                             </button>
-                            <div class="directorist-te-account-dropdown" id="directorist-te-account-dropdown" hidden aria-hidden="true">
+                            <div
+                                class="directorist-te-account-dropdown"
+                                id="directorist-te-account-dropdown"
+                                hidden
+                                aria-hidden="true"
+                                aria-labelledby="directorist-te-account-dropdown-title"
+                            >
+                                <div class="directorist-te-account-dropdown__header">
+                                    <div class="directorist-te-account-dropdown__identity">
+                                        <strong id="directorist-te-account-dropdown-title">
+                                            <?php echo esc_html( $account_name ?: __( 'Directorist account', 'directorist' ) ); ?>
+                                        </strong>
+                                        <?php if ( $account_name ) : ?>
+                                            <span><?php esc_html_e( 'Directorist account', 'directorist' ); ?></span>
+                                        <?php endif; ?>
+                                    </div>
+                                    <span class="directorist-te-account-dropdown__status">
+                                        <i class="la la-check-circle" aria-hidden="true"></i>
+                                        <?php esc_html_e( 'Connected', 'directorist' ); ?>
+                                    </span>
+                                </div>
                                 <div class="directorist-te-account-summary" aria-label="<?php esc_attr_e( 'Directorist account product summary', 'directorist' ); ?>">
                                     <div>
                                         <strong><?php echo esc_html( $args['total_active_extensions'] ?? 0 ); ?></strong>
@@ -723,28 +965,68 @@ class="directorist-te-avatar"
                                 <div class="directorist-te-account-dropdown__actions">
                                     <div class="et-auth-section directorist-te-refresh-panel" hidden aria-hidden="true">
                                         <form id="purchase-refresh-form" action="#" method="post">
-                                            <div class="directorist-te-refresh-form">
-                                                <input type="password" class="atbdp-form-control" placeholder="<?php esc_attr_e( 'Confirm password', 'directorist' ); ?>" id="password" name="password">
-                                                <button type="submit" class="directorist-te-icon-btn" aria-label="<?php esc_attr_e( 'Refresh purchase', 'directorist' ); ?>">
-                                                    <i class="fas fa-arrow-right" aria-hidden="true"></i>
+                                            <div class="directorist-te-refresh-panel__header">
+                                                <strong><?php esc_html_e( 'Refresh purchases', 'directorist' ); ?></strong>
+                                                <button type="button" class="directorist-te-refresh-close et-close-auth-btn" aria-label="<?php esc_attr_e( 'Close refresh form', 'directorist' ); ?>">
+                                                    <i class="la la-times" aria-hidden="true"></i>
                                                 </button>
-                                                <button class="directorist-te-icon-btn directorist-te-icon-btn--danger et-close-auth-btn" aria-label="<?php esc_attr_e( 'Close refresh form', 'directorist' ); ?>">
-                                                    <i class="fas fa-times" aria-hidden="true"></i>
+                                            </div>
+                                            <label class="directorist-te-refresh-panel__label" for="directorist-te-refresh-credential">
+                                                <?php
+                                                echo esc_html(
+                                                    'access_key' === $connection_method
+                                                        ? __( 'Directorist access key', 'directorist' )
+                                                        : __( 'Directorist password', 'directorist' )
+                                                );
+                                                ?>
+                                            </label>
+                                            <div class="directorist-te-refresh-form">
+                                                <span class="directorist-te-password-control">
+                                                    <input
+                                                        type="password"
+                                                        class="atbdp-form-control"
+                                                        id="directorist-te-refresh-credential"
+                                                        name="password"
+                                                        autocomplete="<?php echo esc_attr( 'access_key' === $connection_method ? 'off' : 'current-password' ); ?>"
+                                                        required
+                                                        aria-describedby="directorist-te-refresh-feedback"
+                                                    >
+                                                    <button
+                                                        type="button"
+                                                        class="directorist-te-password-toggle"
+                                                        aria-label="<?php esc_attr_e( 'Show password', 'directorist' ); ?>"
+                                                        aria-pressed="false"
+                                                        data-show-label="<?php esc_attr_e( 'Show password', 'directorist' ); ?>"
+                                                        data-hide-label="<?php esc_attr_e( 'Hide password', 'directorist' ); ?>"
+                                                    >
+                                                        <i class="la la-eye" aria-hidden="true"></i>
+                                                    </button>
+                                                </span>
+                                                <button type="submit" class="directorist-te-refresh-submit">
+                                                    <i class="la la-refresh" aria-hidden="true"></i>
+                                                    <?php esc_html_e( 'Refresh', 'directorist' ); ?>
                                                 </button>
                                             </div>
-                                            <div class="atbdp-form-feedback directorist-te-feedback"></div>
+                                            <div id="directorist-te-refresh-feedback" class="atbdp-form-feedback directorist-te-feedback" role="status" aria-live="polite"></div>
                                         </form>
                                     </div>
                                     <div class="purchase-refresh-btn-wrapper">
                                         <button type="button" class="directorist-te-account-dropdown__item purchase-refresh-btn">
-                                            <i class="la la-refresh" aria-hidden="true"></i>
-                                            <?php esc_html_e( 'Refresh purchases', 'directorist' ); ?>
+                                            <span class="directorist-te-account-dropdown__item-icon" aria-hidden="true">
+                                                <i class="la la-refresh"></i>
+                                            </span>
+                                            <span><?php esc_html_e( 'Refresh purchases', 'directorist' ); ?></span>
+                                            <i class="la la-angle-right directorist-te-account-dropdown__item-arrow" aria-hidden="true"></i>
                                         </button>
                                     </div>
-                                    <a href="#" class="directorist-te-account-dropdown__item directorist-te-account-dropdown__item--danger subscriptions-logout-btn" data-hard-logout="<?php echo esc_attr( $args['hard_logout'] ?? 0 ); ?>">
-                                        <i class="fas fa-sign-out-alt" aria-hidden="true"></i>
-                                        <?php esc_html_e( 'Disconnect', 'directorist' ); ?>
-                                    </a>
+                                    <div class="directorist-te-account-dropdown__danger">
+                                        <a href="#" class="directorist-te-account-dropdown__item directorist-te-account-dropdown__item--danger subscriptions-logout-btn" data-hard-logout="<?php echo esc_attr( $args['hard_logout'] ?? 0 ); ?>">
+                                            <span class="directorist-te-account-dropdown__item-icon" aria-hidden="true">
+                                                <i class="la la-sign-out-alt"></i>
+                                            </span>
+                                            <span><?php esc_html_e( 'Disconnect account', 'directorist' ); ?></span>
+                                        </a>
+                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -761,149 +1043,476 @@ class="directorist-te-avatar"
             <?php if ( $is_logged_in ) : ?>
                 <h1 class="screen-reader-text directorist-te-notice-heading"><?php esc_html_e( 'Directorist dashboard', 'directorist' ); ?></h1>
 
-                <section class="directorist-te-view directorist-te-dashboard" id="directorist-te-dashboard-view" data-directorist-te-view="dashboard" hidden aria-hidden="true">
+                <section class="directorist-te-view directorist-te-dashboard <?php echo esc_attr( 'dashboard' === $initial_view ? 'is-active' : '' ); ?>" id="directorist-te-dashboard-view" data-directorist-te-view="dashboard" <?php if ( 'dashboard' !== $initial_view ) : ?>hidden<?php endif; ?> aria-hidden="<?php echo esc_attr( 'dashboard' === $initial_view ? 'false' : 'true' ); ?>">
                     <section class="directorist-te-dashboard-welcome">
                         <div>
-                            <h1><?php esc_html_e( 'Good morning, Olivia', 'directorist' ); ?></h1>
-                            <p><?php esc_html_e( 'Your plan is active until Jan 22, 2027, so every theme and extension is unlocked.', 'directorist' ); ?></p>
+                            <h1><?php echo esc_html( $dashboard_welcome['title'] ?? __( 'Welcome back', 'directorist' ) ); ?></h1>
+                            <p><?php echo esc_html( $dashboard_welcome['description'] ?? __( 'Your Directorist account is connected.', 'directorist' ) ); ?></p>
                         </div>
                         <div class="directorist-te-dashboard-welcome__actions">
-                            <a class="directorist-te-btn directorist-te-btn--secondary" href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank" rel="noopener noreferrer">
-                                <i class="la la-external-link-alt" aria-hidden="true"></i>
-                                <?php esc_html_e( 'View directory', 'directorist' ); ?>
-                            </a>
-                            <a class="directorist-te-btn directorist-te-btn--primary" href="<?php echo esc_url( admin_url( 'post-new.php?post_type=at_biz_dir' ) ); ?>">
-                                <i class="la la-plus" aria-hidden="true"></i>
-                                <?php esc_html_e( 'Add listing', 'directorist' ); ?>
+                            <?php if ( ! empty( $dashboard_welcome['has_directories'] ) ) : ?>
+                                <a class="directorist-te-btn directorist-te-btn--secondary" href="<?php echo esc_url( $dashboard_welcome['view_listings_url'] ?? home_url( '/' ) ); ?>" target="_blank" rel="noopener noreferrer">
+                                    <i class="la la-external-link-alt" aria-hidden="true"></i>
+                                    <?php esc_html_e( 'View listings', 'directorist' ); ?>
+                                </a>
+                            <?php endif; ?>
+                            <a class="directorist-te-btn directorist-te-btn--primary" href="<?php echo esc_url( $dashboard_welcome['primary_action_url'] ?? home_url( '/' ) ); ?>">
+                                <i class="<?php echo esc_attr( ! empty( $dashboard_welcome['has_directories'] ) ? 'la la-plus' : 'la la-folder-plus' ); ?>" aria-hidden="true"></i>
+                                <?php echo esc_html( $dashboard_welcome['primary_action_text'] ?? __( 'Add listing', 'directorist' ) ); ?>
                             </a>
                         </div>
                     </section>
 
+                    <?php
+                    $dashboard_setup_progress    = min( 100, max( 0, (int) ( $dashboard_setup['progress'] ?? 0 ) ) );
+                    $dashboard_setup_ring_length = 119.4;
+                    $dashboard_setup_ring_offset = $dashboard_setup_ring_length * ( 1 - ( $dashboard_setup_progress / 100 ) );
+                    $dashboard_setup_steps       = ! empty( $dashboard_setup['steps'] ) && is_array( $dashboard_setup['steps'] ) ? $dashboard_setup['steps'] : [];
+                    ?>
                     <section class="directorist-te-dashboard-nudge" id="directorist-te-dashboard-nudge">
                         <div class="directorist-te-dashboard-nudge__top">
-                            <div class="directorist-te-dashboard-ring" aria-label="<?php esc_attr_e( 'Setup progress 66 percent', 'directorist' ); ?>">
+                            <div
+                                class="directorist-te-dashboard-ring"
+                                aria-label="<?php echo esc_attr( sprintf( __( 'Setup progress %d percent', 'directorist' ), $dashboard_setup_progress ) ); ?>"
+                            >
                                 <svg width="46" height="46" viewBox="0 0 46 46" aria-hidden="true" focusable="false">
                                     <circle cx="23" cy="23" r="19" fill="none" stroke="#e5e7eb" stroke-width="4.5"></circle>
-                                    <circle cx="23" cy="23" r="19" fill="none" stroke="currentColor" stroke-width="4.5" stroke-linecap="round" stroke-dasharray="119.4" stroke-dashoffset="40.6"></circle>
+                                    <circle cx="23" cy="23" r="19" fill="none" stroke="currentColor" stroke-width="4.5" stroke-linecap="round" stroke-dasharray="<?php echo esc_attr( $dashboard_setup_ring_length ); ?>" stroke-dashoffset="<?php echo esc_attr( $dashboard_setup_ring_offset ); ?>"></circle>
                                 </svg>
-                                <span><?php esc_html_e( '66%', 'directorist' ); ?></span>
+                                <span><?php echo esc_html( $dashboard_setup_progress . '%' ); ?></span>
                             </div>
                             <div>
-                                <h2><?php esc_html_e( 'A few steps to your first paid listing', 'directorist' ); ?></h2>
-                                <p><?php esc_html_e( 'Setup is done. These turn your directory into a working business.', 'directorist' ); ?></p>
+                                <h2><?php echo esc_html( $dashboard_setup['title'] ?? __( 'A few steps to launch your directory', 'directorist' ) ); ?></h2>
+                                <p><?php echo esc_html( $dashboard_setup['description'] ?? __( 'Complete the remaining setup tasks before accepting live submissions.', 'directorist' ) ); ?></p>
                             </div>
                             <button type="button" class="directorist-te-dashboard-nudge__dismiss" aria-label="<?php esc_attr_e( 'Dismiss setup steps', 'directorist' ); ?>">
                                 <i class="la la-times" aria-hidden="true"></i>
                             </button>
                         </div>
                         <div class="directorist-te-dashboard-steps">
-                            <button type="button" class="directorist-te-dashboard-step is-done">
-                                <span><i class="la la-check" aria-hidden="true"></i></span>
-                                <?php esc_html_e( 'Import demo content', 'directorist' ); ?>
-                            </button>
-                            <button type="button" class="directorist-te-dashboard-step is-done">
-                                <span><i class="la la-check" aria-hidden="true"></i></span>
-                                <?php esc_html_e( 'Add your real categories', 'directorist' ); ?>
-                            </button>
-                            <button type="button" class="directorist-te-dashboard-step">
-                                <span><i class="la la-check" aria-hidden="true"></i></span>
-                                <?php esc_html_e( 'Connect Stripe to take payments', 'directorist' ); ?>
-                                <i class="la la-angle-right" aria-hidden="true"></i>
-                            </button>
-                            <button type="button" class="directorist-te-dashboard-step">
-                                <span><i class="la la-check" aria-hidden="true"></i></span>
-                                <?php esc_html_e( 'Publish your first real listing', 'directorist' ); ?>
-                                <i class="la la-angle-right" aria-hidden="true"></i>
-                            </button>
+                            <?php foreach ( $dashboard_setup_steps as $dashboard_setup_step ) : ?>
+                                <a
+                                    class="directorist-te-dashboard-step <?php echo ! empty( $dashboard_setup_step['complete'] ) ? 'is-done' : ''; ?>"
+                                    href="<?php echo esc_url( $dashboard_setup_step['url'] ?? '#' ); ?>"
+                                >
+                                    <span><i class="la la-check" aria-hidden="true"></i></span>
+                                    <?php echo esc_html( $dashboard_setup_step['label'] ?? '' ); ?>
+                                    <i class="la la-angle-right" aria-hidden="true"></i>
+                                </a>
+                            <?php endforeach; ?>
                         </div>
                     </section>
 
+                    <?php
+                    $revenue_symbol = html_entity_decode(
+                        atbdp_currency_symbol( $dashboard_metrics['currency'] ?? atbdp_get_payment_currency() ),
+                        ENT_QUOTES,
+                        get_bloginfo( 'charset' )
+                    );
+                    ?>
                     <section class="directorist-te-dashboard-metrics" aria-label="<?php esc_attr_e( 'Directory metrics', 'directorist' ); ?>">
                         <div class="directorist-te-dashboard-metric">
                             <div class="directorist-te-dashboard-metric__top">
                                 <span class="directorist-te-dashboard-icon directorist-te-dashboard-icon--blue"><i class="la la-th-large" aria-hidden="true"></i></span>
-                                <div><strong><?php esc_html_e( '12,900', 'directorist' ); ?></strong><span><?php esc_html_e( 'Published listings', 'directorist' ); ?></span></div>
+                                <div><strong><?php echo esc_html( number_format_i18n( (int) ( $dashboard_metrics['published_listings'] ?? 0 ) ) ); ?></strong><span><?php esc_html_e( 'Published listings', 'directorist' ); ?></span></div>
                             </div>
-                            <div class="directorist-te-dashboard-metric__foot"><span><i class="la la-arrow-up" aria-hidden="true"></i><?php esc_html_e( '8.2%', 'directorist' ); ?></span><?php esc_html_e( 'vs last 30 days', 'directorist' ); ?></div>
-                            <svg class="directorist-te-dashboard-metric-spark" viewBox="0 0 96 42" preserveAspectRatio="none" aria-hidden="true" focusable="false"><path d="M0,34 L13,29 L26,31 L40,22 L53,24 L66,15 L80,17 L96,7" fill="none" stroke="#4f6ef7" stroke-width="2.2"></path></svg>
+                            <div class="directorist-te-dashboard-metric__foot"><?php esc_html_e( 'Currently live in your directory', 'directorist' ); ?></div>
                         </div>
                         <div class="directorist-te-dashboard-metric">
                             <div class="directorist-te-dashboard-metric__top">
                                 <span class="directorist-te-dashboard-icon directorist-te-dashboard-icon--teal"><i class="la la-eye" aria-hidden="true"></i></span>
-                                <div><strong><?php esc_html_e( '86,420', 'directorist' ); ?></strong><span><?php esc_html_e( 'Listing views', 'directorist' ); ?></span></div>
+                                <div><strong><?php echo esc_html( number_format_i18n( (int) ( $dashboard_metrics['listing_views'] ?? 0 ) ) ); ?></strong><span><?php esc_html_e( 'Listing views', 'directorist' ); ?></span></div>
                             </div>
-                            <div class="directorist-te-dashboard-metric__foot"><span><i class="la la-arrow-up" aria-hidden="true"></i><?php esc_html_e( '14%', 'directorist' ); ?></span><?php esc_html_e( 'vs last 30 days', 'directorist' ); ?></div>
-                            <svg class="directorist-te-dashboard-metric-spark" viewBox="0 0 96 42" preserveAspectRatio="none" aria-hidden="true" focusable="false"><path d="M0,32 L13,28 L26,30 L40,20 L53,22 L66,18 L80,11 L96,9" fill="none" stroke="#0ea5b7" stroke-width="2.2"></path></svg>
+                            <div class="directorist-te-dashboard-metric__foot"><?php esc_html_e( 'Across published listings', 'directorist' ); ?></div>
                         </div>
                         <div class="directorist-te-dashboard-metric directorist-te-dashboard-metric--attention">
                             <div class="directorist-te-dashboard-metric__top">
                                 <span class="directorist-te-dashboard-icon directorist-te-dashboard-icon--amber"><i class="la la-clock" aria-hidden="true"></i></span>
-                                <div><strong><?php esc_html_e( '7', 'directorist' ); ?></strong><span><?php esc_html_e( 'Pending review', 'directorist' ); ?></span></div>
+                                <div><strong><?php echo esc_html( number_format_i18n( (int) ( $dashboard_metrics['pending_listings'] ?? 0 ) ) ); ?></strong><span><?php esc_html_e( 'Pending review', 'directorist' ); ?></span></div>
+                            </div>
+                            <div class="directorist-te-dashboard-metric__foot">
+                                <?php
+                                printf(
+                                    /* translators: %s: Number of listings expiring this week. */
+                                    esc_html( _n( '%s listing expires this week', '%s listings expire this week', (int) ( $dashboard_metrics['expiring_this_week'] ?? 0 ), 'directorist' ) ),
+                                    esc_html( number_format_i18n( (int) ( $dashboard_metrics['expiring_this_week'] ?? 0 ) ) )
+                                );
+                                ?>
+                                <a href="<?php echo esc_url( admin_url( 'edit.php?post_type=at_biz_dir&post_status=pending' ) ); ?>"><?php esc_html_e( 'Review now', 'directorist' ); ?></a>
                             </div>
-                            <div class="directorist-te-dashboard-metric__foot"><?php esc_html_e( '3 listings expire this week', 'directorist' ); ?><a href="<?php echo esc_url( admin_url( 'edit.php?post_type=at_biz_dir' ) ); ?>"><?php esc_html_e( 'Review now', 'directorist' ); ?></a></div>
                         </div>
                         <div class="directorist-te-dashboard-metric">
                             <div class="directorist-te-dashboard-metric__top">
                                 <span class="directorist-te-dashboard-icon directorist-te-dashboard-icon--violet"><i class="la la-dollar" aria-hidden="true"></i></span>
-                                <div><strong><?php esc_html_e( '$2,400', 'directorist' ); ?></strong><span><?php esc_html_e( 'Revenue', 'directorist' ); ?></span></div>
+                                <div><strong><?php echo esc_html( $revenue_symbol . number_format_i18n( (float) ( $dashboard_metrics['revenue'] ?? 0 ), 2 ) ); ?></strong><span><?php esc_html_e( 'Revenue', 'directorist' ); ?></span></div>
+                            </div>
+                            <div class="directorist-te-dashboard-metric__foot">
+                                <?php
+                                printf(
+                                    /* translators: %s: Number of paid orders in the last 30 days. */
+                                    esc_html( _n( '%s paid order in the last 30 days', '%s paid orders in the last 30 days', (int) ( $dashboard_metrics['paid_orders'] ?? 0 ), 'directorist' ) ),
+                                    esc_html( number_format_i18n( (int) ( $dashboard_metrics['paid_orders'] ?? 0 ) ) )
+                                );
+                                ?>
                             </div>
-                            <div class="directorist-te-dashboard-metric__foot"><span><i class="la la-arrow-up" aria-hidden="true"></i><?php esc_html_e( '18%', 'directorist' ); ?></span><?php esc_html_e( 'last 30 days', 'directorist' ); ?></div>
-                            <svg class="directorist-te-dashboard-metric-spark" viewBox="0 0 96 42" preserveAspectRatio="none" aria-hidden="true" focusable="false"><path d="M0,38 L13,34 L26,28 L40,30 L53,20 L66,16 L80,12 L96,5" fill="none" stroke="#7c5cff" stroke-width="2.2"></path></svg>
                         </div>
                     </section>
 
                     <section class="directorist-te-dashboard-grid">
-                        <div class="directorist-te-dashboard-card">
-                            <div class="directorist-te-dashboard-card__head"><i class="la la-bolt" aria-hidden="true"></i><h2><?php esc_html_e( 'Quick actions', 'directorist' ); ?></h2></div>
+                        <?php
+                        $quick_action_directories = ! empty( $dashboard_quick_actions['directories'] ) && is_array( $dashboard_quick_actions['directories'] )
+                            ? $dashboard_quick_actions['directories']
+                            : [];
+                        $quick_action_default_id  = (string) ( $dashboard_quick_actions['default_id'] ?? '' );
+                        $quick_action_directory   = $quick_action_directories ? $quick_action_directories[0] : [];
+
+                        foreach ( $quick_action_directories as $quick_action_directory_item ) {
+                            if ( (string) ( $quick_action_directory_item['id'] ?? '' ) === $quick_action_default_id ) {
+                                $quick_action_directory = $quick_action_directory_item;
+                                break;
+                            }
+                        }
+
+                        $quick_action_items = ! empty( $quick_action_directory['actions'] ) && is_array( $quick_action_directory['actions'] )
+                            ? array_values( $quick_action_directory['actions'] )
+                            : [];
+
+                        if ( empty( $quick_action_items ) && ! empty( $dashboard_quick_actions['create_directory'] ) ) {
+                            $quick_action_items[] = $dashboard_quick_actions['create_directory'];
+                        }
+
+                        if ( ! empty( $dashboard_quick_actions['email'] ) ) {
+                            $quick_action_items[] = $dashboard_quick_actions['email'];
+                        }
+                        ?>
+                        <div
+                            class="directorist-te-dashboard-card"
+                            data-directorist-te-quick-actions
+                            data-directory-change-message="<?php echo esc_attr( __( 'Quick actions now use %s.', 'directorist' ) ); ?>"
+                        >
+                            <div class="directorist-te-dashboard-card__head directorist-te-dashboard-card__head--quick-actions">
+                                <i class="la la-bolt" aria-hidden="true"></i>
+                                <h2><?php esc_html_e( 'Quick actions', 'directorist' ); ?></h2>
+                                <?php if ( count( $quick_action_directories ) > 1 ) : ?>
+                                    <div class="directorist-te-dashboard-directory-control">
+                                        <label for="directorist-te-quick-actions-directory"><?php esc_html_e( 'Directory', 'directorist' ); ?></label>
+                                        <select id="directorist-te-quick-actions-directory" data-quick-actions-directory-select>
+                                            <?php foreach ( $quick_action_directories as $quick_action_directory_item ) : ?>
+                                                <?php $directory_actions = $quick_action_directory_item['actions'] ?? []; ?>
+                                                <option
+                                                    value="<?php echo esc_attr( $quick_action_directory_item['id'] ?? '' ); ?>"
+                                                    data-directory-name="<?php echo esc_attr( $quick_action_directory_item['name'] ?? '' ); ?>"
+                                                    data-add-listing-url="<?php echo esc_url( $directory_actions['add-listing']['url'] ?? '' ); ?>"
+                                                    data-add-listing-description="<?php echo esc_attr( $directory_actions['add-listing']['description'] ?? '' ); ?>"
+                                                    data-add-listing-aria-label="<?php echo esc_attr( $directory_actions['add-listing']['aria_label'] ?? '' ); ?>"
+                                                    data-manage-categories-url="<?php echo esc_url( $directory_actions['manage-categories']['url'] ?? '' ); ?>"
+                                                    data-manage-categories-aria-label="<?php echo esc_attr( $directory_actions['manage-categories']['aria_label'] ?? '' ); ?>"
+                                                    data-listing-layout-url="<?php echo esc_url( $directory_actions['listing-layout']['url'] ?? '' ); ?>"
+                                                    data-listing-layout-aria-label="<?php echo esc_attr( $directory_actions['listing-layout']['aria_label'] ?? '' ); ?>"
+                                                    data-submission-form-url="<?php echo esc_url( $directory_actions['submission-form']['url'] ?? '' ); ?>"
+                                                    data-submission-form-aria-label="<?php echo esc_attr( $directory_actions['submission-form']['aria_label'] ?? '' ); ?>"
+                                                    <?php selected( (string) ( $quick_action_directory_item['id'] ?? '' ), $quick_action_default_id ); ?>
+                                                >
+                                                    <?php echo esc_html( $quick_action_directory_item['name'] ?? '' ); ?>
+                                                </option>
+                                            <?php endforeach; ?>
+                                        </select>
+                                    </div>
+                                    <span class="screen-reader-text" data-quick-actions-live role="status" aria-live="polite"></span>
+                                <?php endif; ?>
+                            </div>
                             <div class="directorist-te-dashboard-actions">
-                                <a href="<?php echo esc_url( admin_url( 'post-new.php?post_type=at_biz_dir' ) ); ?>" class="directorist-te-dashboard-action"><span><i class="la la-plus" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Add a listing', 'directorist' ); ?></strong><em><?php esc_html_e( 'Create a new directory entry', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
-                                <a href="<?php echo esc_url( admin_url( 'edit-tags.php?taxonomy=at_biz_dir-category&post_type=at_biz_dir' ) ); ?>" class="directorist-te-dashboard-action"><span><i class="la la-tags" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Manage categories', 'directorist' ); ?></strong><em><?php esc_html_e( 'Organize how listings are grouped', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
-                                <a href="#" class="directorist-te-dashboard-action"><span><i class="la la-paint-roller" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Customize listing layout', 'directorist' ); ?></strong><em><?php esc_html_e( 'Design the single listing page', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
-                                <a href="#" class="directorist-te-dashboard-action"><span><i class="la la-file-alt" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Submission form settings', 'directorist' ); ?></strong><em><?php esc_html_e( 'Control what users can submit', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
-                                <a href="#" class="directorist-te-dashboard-action"><span><i class="la la-envelope" aria-hidden="true"></i></span><strong><?php esc_html_e( 'Email notifications', 'directorist' ); ?></strong><em><?php esc_html_e( 'Set who gets notified, and when', 'directorist' ); ?></em><i class="la la-angle-right" aria-hidden="true"></i></a>
+                                <?php foreach ( $quick_action_items as $quick_action_item ) : ?>
+                                    <?php
+                                    $quick_action_key = sanitize_key( $quick_action_item['key'] ?? '' );
+
+                                    if ( ! $quick_action_key || empty( $quick_action_item['url'] ) ) {
+                                        continue;
+                                    }
+                                    ?>
+                                    <a
+                                        href="<?php echo esc_url( $quick_action_item['url'] ); ?>"
+                                        class="directorist-te-dashboard-action directorist-te-dashboard-action--<?php echo esc_attr( sanitize_html_class( $quick_action_key ) ); ?>"
+                                        data-quick-action="<?php echo esc_attr( $quick_action_key ); ?>"
+                                        aria-label="<?php echo esc_attr( $quick_action_item['aria_label'] ?? $quick_action_item['label'] ?? '' ); ?>"
+                                    >
+                                        <span><i class="<?php echo esc_attr( $quick_action_item['icon'] ?? 'la la-angle-right' ); ?>" aria-hidden="true"></i></span>
+                                        <strong><?php echo esc_html( $quick_action_item['label'] ?? '' ); ?></strong>
+                                        <em><?php echo esc_html( $quick_action_item['description'] ?? '' ); ?></em>
+                                        <i class="la la-angle-right" aria-hidden="true"></i>
+                                    </a>
+                                <?php endforeach; ?>
                             </div>
                         </div>
 
-                        <div class="directorist-te-dashboard-card">
+                        <div class="directorist-te-dashboard-card" data-directorist-te-activity-card>
                             <div class="directorist-te-dashboard-card__head">
                                 <i class="la la-history" aria-hidden="true"></i>
                                 <h2><?php esc_html_e( 'Recent activity', 'directorist' ); ?></h2>
-                                <a href="<?php echo esc_url( admin_url( 'edit.php?post_type=at_biz_dir' ) ); ?>"><?php esc_html_e( 'View all', 'directorist' ); ?></a>
+                                <button
+                                    type="button"
+                                    class="directorist-te-dashboard-activity-view-all"
+                                    data-activity-drawer-open
+                                    aria-haspopup="dialog"
+                                    aria-controls="directorist-te-activity-drawer"
+                                >
+                                    <?php esc_html_e( 'View all', 'directorist' ); ?>
+                                </button>
                             </div>
                             <div class="directorist-te-dashboard-activity">
-                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--blue"><i class="la la-plus" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'New listing submitted', 'directorist' ); ?></strong><b><?php esc_html_e( 'The Cozy Corner', 'directorist' ); ?></b><?php esc_html_e( ' added by Sunny Cafe', 'directorist' ); ?><small><?php esc_html_e( '4 minutes ago', 'directorist' ); ?></small></p><button type="button" class="directorist-te-btn directorist-te-btn--soft"><?php esc_html_e( 'Review', 'directorist' ); ?></button></div>
-                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--green"><i class="la la-star" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'New review received', 'directorist' ); ?></strong><?php esc_html_e( '5-star review on ', 'directorist' ); ?><b><?php esc_html_e( 'Spice Route Restaurant', 'directorist' ); ?></b><small><?php esc_html_e( 'Today, 2:30 PM', 'directorist' ); ?></small></p></div>
-                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--violet"><i class="la la-dollar" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'Payment received', 'directorist' ); ?></strong><b><?php esc_html_e( '$15.00', 'directorist' ); ?></b><?php esc_html_e( ' from Kenji Tanaka for a featured listing', 'directorist' ); ?><small><?php esc_html_e( 'Yesterday, 10:00 PM', 'directorist' ); ?></small></p><button type="button" class="directorist-te-btn directorist-te-btn--secondary"><?php esc_html_e( 'Receipt', 'directorist' ); ?></button></div>
-                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--info"><i class="la la-user-plus" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'New user registered', 'directorist' ); ?></strong><b><?php esc_html_e( 'Namrid Mova', 'directorist' ); ?></b><?php esc_html_e( ' signed up as a listing owner', 'directorist' ); ?><small><?php esc_html_e( 'Today, 11:00 AM', 'directorist' ); ?></small></p></div>
-                                <div><span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--amber"><i class="la la-hourglass-half" aria-hidden="true"></i></span><p><strong><?php esc_html_e( 'Listing expiring soon', 'directorist' ); ?> <span><?php esc_html_e( 'Sample', 'directorist' ); ?></span></strong><b><?php esc_html_e( 'Sunny Cafe', 'directorist' ); ?></b><?php esc_html_e( ' expires in 3 days', 'directorist' ); ?><small><?php esc_html_e( '12 May, 9:00 PM', 'directorist' ); ?></small></p><button type="button" class="directorist-te-btn directorist-te-btn--secondary"><?php esc_html_e( 'Renew', 'directorist' ); ?></button></div>
+                                <?php if ( $dashboard_activity_items ) : ?>
+                                    <?php foreach ( $dashboard_activity_items as $activity_item ) : ?>
+                                        <article class="directorist-te-dashboard-activity-item">
+                                            <span class="directorist-te-dashboard-activity-icon directorist-te-dashboard-activity-icon--<?php echo esc_attr( $activity_item['tone'] ?? 'blue' ); ?>">
+                                                <i class="<?php echo esc_attr( $activity_item['icon'] ?? 'la la-history' ); ?>" aria-hidden="true"></i>
+                                            </span>
+                                            <div class="directorist-te-dashboard-activity-copy">
+                                                <strong><?php echo esc_html( $activity_item['title'] ?? '' ); ?></strong>
+                                                <span class="directorist-te-dashboard-activity-summary">
+                                                    <?php if ( ! empty( $activity_item['subject'] ) ) : ?>
+                                                        <b><?php echo esc_html( $activity_item['subject'] ); ?></b>
+                                                    <?php endif; ?>
+                                                    <?php if ( ! empty( $activity_item['context'] ) ) : ?>
+                                                        <span><?php echo esc_html( $activity_item['context'] ); ?></span>
+                                                    <?php endif; ?>
+                                                </span>
+                                                <small>
+                                                    <i class="la la-clock" aria-hidden="true"></i>
+                                                    <?php echo esc_html( $activity_item['time_label'] ?? '' ); ?>
+                                                </small>
+                                            </div>
+                                            <?php if ( ! empty( $activity_item['action_url'] ) && ! empty( $activity_item['action_label'] ) ) : ?>
+                                                <a class="directorist-te-btn directorist-te-btn--soft" href="<?php echo esc_url( $activity_item['action_url'] ); ?>">
+                                                    <?php echo esc_html( $activity_item['action_label'] ); ?>
+                                                </a>
+                                            <?php endif; ?>
+                                        </article>
+                                    <?php endforeach; ?>
+                                <?php else : ?>
+                                    <div class="directorist-te-dashboard-activity-empty">
+                                        <i class="la la-check-circle" aria-hidden="true"></i>
+                                        <p><?php esc_html_e( 'No recent Directorist activity was found.', 'directorist' ); ?></p>
+                                    </div>
+                                <?php endif; ?>
                             </div>
                         </div>
                     </section>
 
-                    <section class="directorist-te-dashboard-recommendations">
-                        <div class="directorist-te-dashboard-recommendations__head">
-                            <i class="la la-magic" aria-hidden="true"></i>
-                            <h2><?php esc_html_e( 'Recommended for your restaurant directory', 'directorist' ); ?></h2>
-                            <span><?php esc_html_e( "Based on what you're building", 'directorist' ); ?></span>
-                        </div>
-                        <p><?php esc_html_e( "You're running paid, food-focused listings. These three add-ons match what your directory needs next, so owners can do more and you can earn more.", 'directorist' ); ?></p>
-                        <div class="directorist-te-dashboard-recommendations__grid">
-                            <div><div class="directorist-te-dashboard-recommendation-top"><span class="directorist-te-dashboard-recommendation-icon directorist-te-dashboard-recommendation-icon--green"><i class="la la-clock" aria-hidden="true"></i></span><h3><?php esc_html_e( 'Business Hours', 'directorist' ); ?></h3></div><p><?php esc_html_e( 'Show open and closed times on every listing, so visitors know when to go.', 'directorist' ); ?></p><button type="button" class="directorist-te-btn directorist-te-btn--soft"><i class="la la-download" aria-hidden="true"></i><?php esc_html_e( 'Install', 'directorist' ); ?></button></div>
-                            <div><div class="directorist-te-dashboard-recommendation-top"><span class="directorist-te-dashboard-recommendation-icon directorist-te-dashboard-recommendation-icon--orange"><i class="la la-images" aria-hidden="true"></i></span><h3><?php esc_html_e( 'Image Gallery', 'directorist' ); ?></h3></div><p><?php esc_html_e( 'Add several photos per listing, so restaurants look far more appealing.', 'directorist' ); ?></p><button type="button" class="directorist-te-btn directorist-te-btn--soft"><i class="la la-download" aria-hidden="true"></i><?php esc_html_e( 'Install', 'directorist' ); ?></button></div>
-                            <div><div class="directorist-te-dashboard-recommendation-top"><span class="directorist-te-dashboard-recommendation-icon directorist-te-dashboard-recommendation-icon--violet"><i class="la la-comments" aria-hidden="true"></i></span><h3><?php esc_html_e( 'Live Chat', 'directorist' ); ?></h3></div><p><?php esc_html_e( 'Let visitors ask questions on a listing, so more of them book a table.', 'directorist' ); ?></p><button type="button" class="directorist-te-btn directorist-te-btn--soft"><i class="la la-download" aria-hidden="true"></i><?php esc_html_e( 'Install', 'directorist' ); ?></button></div>
-                        </div>
-                    </section>
+                    <?php if ( ! empty( $dashboard_recommendations['directories'] ) ) : ?>
+                        <?php
+                        $recommendation_directories = $dashboard_recommendations['directories'];
+                        $recommendation_default_id  = (string) ( $dashboard_recommendations['default_id'] ?? $recommendation_directories[0]['id'] );
+                        $recommendation_default     = $recommendation_directories[0];
+
+                        foreach ( $recommendation_directories as $recommendation_directory ) {
+                            if ( (string) ( $recommendation_directory['id'] ?? '' ) === $recommendation_default_id ) {
+                                $recommendation_default = $recommendation_directory;
+                                break;
+                            }
+                        }
+
+                        $recommendation_default_name = (string) ( $recommendation_default['name'] ?? __( 'your directory', 'directorist' ) );
+                        ?>
+                        <section
+                            class="directorist-te-dashboard-recommendations"
+                            data-directorist-te-recommendations
+                            data-default-directory="<?php echo esc_attr( $recommendation_default_id ); ?>"
+                            data-heading-template="<?php echo esc_attr( __( 'Recommended for %s', 'directorist' ) ); ?>"
+                            data-rotation-interval="6000"
+                            role="region"
+                            aria-roledescription="<?php esc_attr_e( 'carousel', 'directorist' ); ?>"
+                            aria-label="<?php esc_attr_e( 'Directory extension recommendations', 'directorist' ); ?>"
+                        >
+                            <div class="directorist-te-dashboard-recommendations__head">
+                                <div class="directorist-te-dashboard-recommendations__heading">
+                                    <i class="la la-magic" aria-hidden="true"></i>
+                                    <div>
+                                        <h2 data-recommendation-heading>
+                                            <?php
+                                            printf(
+                                                /* translators: %s: Directory type name. */
+                                                esc_html__( 'Recommended for %s', 'directorist' ),
+                                                esc_html( $recommendation_default_name )
+                                            );
+                                            ?>
+                                        </h2>
+                                        <p data-recommendation-description><?php echo esc_html( $recommendation_default['description'] ?? '' ); ?></p>
+                                    </div>
+                                </div>
+                                <div class="directorist-te-dashboard-recommendations__tools">
+                                    <span><?php esc_html_e( "Based on what you're building", 'directorist' ); ?></span>
+                                    <div class="directorist-te-recommendation-directory-controls">
+                                        <label for="directorist-te-recommendation-directory">
+                                            <?php esc_html_e( 'Directory', 'directorist' ); ?>
+                                        </label>
+                                        <select
+                                            id="directorist-te-recommendation-directory"
+                                            class="directorist-te-recommendation-directory-select"
+                                            data-recommendation-directory-select
+                                        >
+                                            <?php foreach ( $recommendation_directories as $recommendation_directory ) : ?>
+                                                <option
+                                                    value="<?php echo esc_attr( $recommendation_directory['id'] ?? '' ); ?>"
+                                                    <?php selected( (string) ( $recommendation_directory['id'] ?? '' ), $recommendation_default_id ); ?>
+                                                >
+                                                    <?php echo esc_html( $recommendation_directory['name'] ?? '' ); ?>
+                                                </option>
+                                            <?php endforeach; ?>
+                                        </select>
+                                        <span class="directorist-te-recommendation-directory-navigation">
+                                            <button
+                                                type="button"
+                                                class="directorist-te-recommendation-control"
+                                                data-recommendation-previous
+                                                aria-label="<?php esc_attr_e( 'Previous directory', 'directorist' ); ?>"
+                                                title="<?php esc_attr_e( 'Previous directory', 'directorist' ); ?>"
+                                            >
+                                                <i class="la la-angle-left" aria-hidden="true"></i>
+                                            </button>
+                                            <button
+                                                type="button"
+                                                class="directorist-te-recommendation-control"
+                                                data-recommendation-next
+                                                aria-label="<?php esc_attr_e( 'Next directory', 'directorist' ); ?>"
+                                                title="<?php esc_attr_e( 'Next directory', 'directorist' ); ?>"
+                                            >
+                                                <i class="la la-angle-right" aria-hidden="true"></i>
+                                            </button>
+                                            <button
+                                                type="button"
+                                                class="directorist-te-recommendation-control"
+                                                data-recommendation-autoplay
+                                                aria-pressed="false"
+                                                aria-label="<?php esc_attr_e( 'Pause automatic recommendations', 'directorist' ); ?>"
+                                                title="<?php esc_attr_e( 'Pause automatic recommendations', 'directorist' ); ?>"
+                                            >
+                                                <i class="la la-pause" aria-hidden="true"></i>
+                                            </button>
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="screen-reader-text" data-recommendation-live role="status" aria-live="polite"></div>
+                            <div class="directorist-te-dashboard-recommendations__grid">
+                                <?php foreach ( $recommendation_directories as $recommendation_directory ) : ?>
+                                    <div
+                                        class="directorist-te-dashboard-recommendation-group"
+                                        data-recommendation-group="<?php echo esc_attr( $recommendation_directory['id'] ?? '' ); ?>"
+                                        data-directory-name="<?php echo esc_attr( $recommendation_directory['name'] ?? '' ); ?>"
+                                        data-directory-description="<?php echo esc_attr( $recommendation_directory['description'] ?? '' ); ?>"
+                                        <?php echo (string) ( $recommendation_directory['id'] ?? '' ) === $recommendation_default_id ? '' : 'hidden'; ?>
+                                    >
+                                        <?php foreach ( $recommendation_directory['items'] as $recommendation_index => $recommendation_item ) : ?>
+                                            <article
+                                                class="directorist-te-dashboard-recommendation"
+                                                data-recommendation-card="<?php echo esc_attr( $recommendation_index ); ?>"
+                                                <?php echo $recommendation_index < 3 ? '' : 'hidden'; ?>
+                                            >
+                                                <div class="directorist-te-dashboard-recommendation-top">
+                                                    <span class="directorist-te-dashboard-recommendation-icon">
+                                                        <?php if ( ! empty( $recommendation_item['image'] ) ) : ?>
+                                                            <img src="<?php echo esc_url( $recommendation_item['image'] ); ?>" alt="">
+                                                        <?php else : ?>
+                                                            <i class="la la-puzzle-piece" aria-hidden="true"></i>
+                                                        <?php endif; ?>
+                                                    </span>
+                                                    <h3><?php echo esc_html( $recommendation_item['name'] ?? '' ); ?></h3>
+                                                </div>
+                                                <p><?php echo esc_html( $recommendation_item['reason'] ?? '' ); ?></p>
+                                                <div class="directorist-te-dashboard-recommendation__footer">
+                                                    <span class="directorist-te-dashboard-recommendation__status directorist-te-dashboard-recommendation__status--<?php echo esc_attr( $recommendation_item['status'] ?? 'marketplace' ); ?>">
+                                                        <i aria-hidden="true"></i>
+                                                        <?php echo esc_html( $recommendation_item['label'] ?? '' ); ?>
+                                                    </span>
+                                                    <?php
+                                                    if ( ! empty( $recommendation_item['action'] ) ) {
+                                                        $render_action( $recommendation_item['action'] );
+                                                    }
+                                                    ?>
+                                                </div>
+                                            </article>
+                                        <?php endforeach; ?>
+                                    </div>
+                                <?php endforeach; ?>
+                            </div>
+                        </section>
+                    <?php endif; ?>
 
                     <footer class="directorist-te-dashboard-footer">
-                        <?php esc_html_e( 'Directorist 8.0', 'directorist' ); ?>
+                        <?php
+                        echo esc_html(
+                            $plugin_version
+                                ? sprintf(
+                                    /* translators: %s: Installed Directorist plugin version. */
+                                    __( 'Directorist %s', 'directorist' ),
+                                    $plugin_version
+                                )
+                                : __( 'Directorist', 'directorist' )
+                        );
+                        ?>
                         <span aria-hidden="true">·</span>
-                        <?php esc_html_e( 'Agency plan', 'directorist' ); ?>
+                        <?php echo esc_html( $account_plan_label ); ?>
                         <span aria-hidden="true">·</span>
-                        <a href="https://directorist.com/changelog/" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'What\'s new', 'directorist' ); ?></a>
+                        <a href="<?php echo esc_url( $whats_new_url ); ?>" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'What\'s new', 'directorist' ); ?></a>
                     </footer>
                 </section>
 
-                <section class="directorist-te-view directorist-te-view--addons is-active" id="directorist-te-addons-view" data-directorist-te-view="addons" aria-hidden="false">
+                <div
+                    class="directorist-te-activity-drawer"
+                    id="directorist-te-activity-drawer"
+                    data-directorist-te-activity-drawer
+                    data-loading-label="<?php esc_attr_e( 'Loading activity...', 'directorist' ); ?>"
+                    data-loading-more-label="<?php esc_attr_e( 'Loading more activity...', 'directorist' ); ?>"
+                    data-empty-title="<?php esc_attr_e( 'No activity found', 'directorist' ); ?>"
+                    data-empty-message="<?php esc_attr_e( 'There is no Directorist activity in this category yet.', 'directorist' ); ?>"
+                    data-error-title="<?php esc_attr_e( 'Unable to load activity', 'directorist' ); ?>"
+                    data-error-message="<?php esc_attr_e( 'Activity could not be loaded. Close the panel and try again.', 'directorist' ); ?>"
+                    hidden
+                    aria-hidden="true"
+                >
+                    <div
+                        class="directorist-te-activity-drawer__backdrop"
+                        data-activity-drawer-close
+                        aria-hidden="true"
+                    ></div>
+                    <section
+                        class="directorist-te-activity-drawer__panel"
+                        role="dialog"
+                        aria-modal="true"
+                        aria-labelledby="directorist-te-activity-drawer-title"
+                    >
+                        <header class="directorist-te-activity-drawer__header">
+                            <div>
+                                <span class="directorist-te-eyebrow"><?php esc_html_e( 'Directorist', 'directorist' ); ?></span>
+                                <h2 id="directorist-te-activity-drawer-title"><?php esc_html_e( 'Activity', 'directorist' ); ?></h2>
+                            </div>
+                            <button
+                                type="button"
+                                class="directorist-te-activity-drawer__close"
+                                data-activity-drawer-close
+                                aria-label="<?php esc_attr_e( 'Close activity panel', 'directorist' ); ?>"
+                            >
+                                <i class="la la-times" aria-hidden="true"></i>
+                            </button>
+                        </header>
+                        <div class="directorist-te-activity-drawer__filters" role="group" aria-label="<?php esc_attr_e( 'Filter activity', 'directorist' ); ?>">
+                            <button type="button" class="is-active" data-activity-filter="all" aria-pressed="true"><?php esc_html_e( 'All', 'directorist' ); ?></button>
+                            <button type="button" data-activity-filter="listing" aria-pressed="false"><?php esc_html_e( 'Listings', 'directorist' ); ?></button>
+                            <button type="button" data-activity-filter="review" aria-pressed="false"><?php esc_html_e( 'Reviews', 'directorist' ); ?></button>
+                            <button type="button" data-activity-filter="payment" aria-pressed="false"><?php esc_html_e( 'Payments', 'directorist' ); ?></button>
+                            <button type="button" data-activity-filter="user" aria-pressed="false"><?php esc_html_e( 'Users', 'directorist' ); ?></button>
+                        </div>
+                        <div class="directorist-te-activity-drawer__body" data-activity-drawer-list></div>
+                        <div class="directorist-te-activity-drawer__state" data-activity-drawer-state role="status" aria-live="polite"></div>
+                        <footer class="directorist-te-activity-drawer__footer">
+                            <button type="button" class="directorist-te-btn directorist-te-btn--secondary" data-activity-load-more hidden>
+                                <?php esc_html_e( 'Load more', 'directorist' ); ?>
+                            </button>
+                        </footer>
+                    </section>
+                </div>
+
+                <section class="directorist-te-view directorist-te-view--addons <?php echo esc_attr( 'addons' === $initial_view ? 'is-active' : '' ); ?>" id="directorist-te-addons-view" data-directorist-te-view="addons" <?php if ( 'addons' !== $initial_view ) : ?>hidden<?php endif; ?> aria-hidden="<?php echo esc_attr( 'addons' === $initial_view ? 'false' : 'true' ); ?>">
             <?php endif; ?>
 
             <section class="directorist-te-hero">
@@ -928,32 +1537,71 @@ class="atbdp-directorist-license-login-form directorist-te-connect-form"
                         data-connecting-label="<?php esc_attr_e( 'Connecting...', 'directorist' ); ?>"
                         data-username-required="<?php esc_attr_e( 'Enter your Directorist account username or email address.', 'directorist' ); ?>"
                         data-password-required="<?php esc_attr_e( 'Enter your Directorist account password.', 'directorist' ); ?>"
+                        data-access-key-required="<?php esc_attr_e( 'Enter your Directorist account access key.', 'directorist' ); ?>"
+                        data-invalid-access-key="<?php esc_attr_e( 'The access key is invalid. Check the key in your Directorist account and try again.', 'directorist' ); ?>"
                         data-invalid-credentials="<?php esc_attr_e( 'The username, email address, or password is incorrect. Please check your details and try again.', 'directorist' ); ?>"
                         data-unexpected-error="<?php esc_attr_e( 'Could not connect. Please check your details and try again.', 'directorist' ); ?>"
                         data-network-error="<?php esc_attr_e( 'Could not reach Directorist.com. Please try again.', 'directorist' ); ?>"
                     >
                         <div class="atbdp-form-page">
-                            <div class="directorist-te-field-row">
-                                <label>
-                                    <span><?php esc_html_e( 'Username or email address', 'directorist' ); ?></span>
-                                    <input type="text" name="username" id="username" autocomplete="username" placeholder="<?php esc_attr_e( 'name@example.com', 'directorist' ); ?>" aria-describedby="directorist-te-connect-feedback">
-                                </label>
-                                <label>
-                                    <span><?php esc_html_e( 'Password', 'directorist' ); ?></span>
-                                    <span class="directorist-te-password-control">
-                                        <input type="password" name="password" id="password" autocomplete="current-password" aria-describedby="directorist-te-connect-feedback">
-                                        <button
-                                            type="button"
-                                            class="directorist-te-password-toggle"
-                                            aria-label="<?php esc_attr_e( 'Show password', 'directorist' ); ?>"
-                                            aria-pressed="false"
-                                            data-show-label="<?php esc_attr_e( 'Show password', 'directorist' ); ?>"
-                                            data-hide-label="<?php esc_attr_e( 'Hide password', 'directorist' ); ?>"
-                                        >
-                                            <i class="la la-eye" aria-hidden="true"></i>
-                                        </button>
-                                    </span>
-                                </label>
+                            <input type="hidden" name="auth_method" value="account">
+                            <div class="directorist-te-auth-methods" role="tablist" aria-label="<?php esc_attr_e( 'Choose a Directorist account connection method', 'directorist' ); ?>">
+                                <button type="button" class="is-active" role="tab" aria-selected="true" aria-controls="directorist-te-auth-account" data-auth-method="account">
+                                    <?php esc_html_e( 'Account login', 'directorist' ); ?>
+                                </button>
+                                <button type="button" role="tab" aria-selected="false" aria-controls="directorist-te-auth-access-key" data-auth-method="access_key">
+                                    <?php esc_html_e( 'Access key', 'directorist' ); ?>
+                                </button>
+                            </div>
+                            <div id="directorist-te-auth-account" class="directorist-te-auth-panel" role="tabpanel" data-auth-panel="account">
+                                <div class="directorist-te-field-row">
+                                    <label>
+                                        <span><?php esc_html_e( 'Username or email address', 'directorist' ); ?></span>
+                                        <input type="text" name="username" id="username" autocomplete="username" placeholder="<?php esc_attr_e( 'name@example.com', 'directorist' ); ?>" aria-describedby="directorist-te-connect-feedback">
+                                    </label>
+                                    <label>
+                                        <span><?php esc_html_e( 'Password', 'directorist' ); ?></span>
+                                        <span class="directorist-te-password-control">
+                                            <input type="password" name="password" id="password" autocomplete="current-password" aria-describedby="directorist-te-connect-feedback">
+                                            <button
+                                                type="button"
+                                                class="directorist-te-password-toggle"
+                                                aria-label="<?php esc_attr_e( 'Show password', 'directorist' ); ?>"
+                                                aria-pressed="false"
+                                                data-show-label="<?php esc_attr_e( 'Show password', 'directorist' ); ?>"
+                                                data-hide-label="<?php esc_attr_e( 'Hide password', 'directorist' ); ?>"
+                                            >
+                                                <i class="la la-eye" aria-hidden="true"></i>
+                                            </button>
+                                        </span>
+                                    </label>
+                                </div>
+                            </div>
+                            <div id="directorist-te-auth-access-key" class="directorist-te-auth-panel" role="tabpanel" data-auth-panel="access_key" hidden>
+                                <div class="directorist-te-field-row directorist-te-field-row--single">
+                                    <label>
+                                        <span><?php esc_html_e( 'Directorist access key', 'directorist' ); ?></span>
+                                        <span class="directorist-te-password-control">
+                                            <input type="password" name="access_key" id="directorist-te-access-key" autocomplete="off" placeholder="<?php esc_attr_e( 'Paste your access key', 'directorist' ); ?>" aria-describedby="directorist-te-access-key-help directorist-te-connect-feedback" disabled>
+                                            <button
+                                                type="button"
+                                                class="directorist-te-password-toggle"
+                                                aria-label="<?php esc_attr_e( 'Show access key', 'directorist' ); ?>"
+                                                aria-pressed="false"
+                                                data-show-label="<?php esc_attr_e( 'Show access key', 'directorist' ); ?>"
+                                                data-hide-label="<?php esc_attr_e( 'Hide access key', 'directorist' ); ?>"
+                                            >
+                                                <i class="la la-eye" aria-hidden="true"></i>
+                                            </button>
+                                        </span>
+                                        <small id="directorist-te-access-key-help">
+                                            <?php esc_html_e( 'Use the access key from your', 'directorist' ); ?>
+                                            <a href="<?php echo esc_url( apply_filters( 'directorist_access_key_dashboard_url', 'https://directorist.com/dashboard/' ) ); ?>" target="_blank" rel="noopener noreferrer">
+                                                <?php esc_html_e( 'Directorist account dashboard', 'directorist' ); ?>
+                                            </a>
+                                        </small>
+                                    </label>
+                                </div>
                             </div>
                             <div id="directorist-te-connect-feedback" class="atbdp-form-feedback directorist-te-feedback" role="status" aria-live="polite"></div>
                             <button type="submit" class="account-connect__btn directorist-te-btn directorist-te-btn--primary">
@@ -990,9 +1638,9 @@ class="directorist-te-password-toggle"
             <section class="directorist-te-toolbar" id="atbdp-themes-extensions-contents">
                 <div class="directorist-te-toolbar-main">
                     <div class="directorist-te-tabs" role="tablist" aria-label="<?php esc_attr_e( 'Product type', 'directorist' ); ?>">
-                        <button type="button" class="directorist-te-tab is-active" data-filter-type="all"><?php esc_html_e( 'All', 'directorist' ); ?> <span><?php echo esc_html( $total_rows ); ?></span></button>
-                        <button type="button" class="directorist-te-tab" data-filter-type="extension"><?php esc_html_e( 'Extensions', 'directorist' ); ?> <span><?php echo esc_html( $extension_rows ); ?></span></button>
-                        <button type="button" class="directorist-te-tab" data-filter-type="theme"><?php esc_html_e( 'Themes', 'directorist' ); ?> <span><?php echo esc_html( $theme_rows ); ?></span></button>
+                        <button type="button" class="directorist-te-tab <?php echo esc_attr( 'all' === $initial_type ? 'is-active' : '' ); ?>" data-filter-type="all"><?php esc_html_e( 'All', 'directorist' ); ?> <span><?php echo esc_html( $total_rows ); ?></span></button>
+                        <button type="button" class="directorist-te-tab <?php echo esc_attr( 'extension' === $initial_type ? 'is-active' : '' ); ?>" data-filter-type="extension"><?php esc_html_e( 'Extensions', 'directorist' ); ?> <span><?php echo esc_html( $extension_rows ); ?></span></button>
+                        <button type="button" class="directorist-te-tab <?php echo esc_attr( 'theme' === $initial_type ? 'is-active' : '' ); ?>" data-filter-type="theme"><?php esc_html_e( 'Themes', 'directorist' ); ?> <span><?php echo esc_html( $theme_rows ); ?></span></button>
                     </div>
                     <div class="directorist-te-toolbar-catalog">
                         <label class="directorist-te-search directorist-te-toolbar-search">
@@ -1004,11 +1652,14 @@ class="directorist-te-password-toggle"
                     </div>
                 </div>
                 <?php if ( $is_logged_in ) : ?>
-                    <div class="directorist-te-toolbar-row directorist-te-toolbar-row--filters">
+                    <div class="directorist-te-toolbar-row directorist-te-toolbar-row--filters" id="atbdp-required-extensions-form" tabindex="-1">
                         <div class="directorist-te-segmented" aria-label="<?php esc_attr_e( 'Product status', 'directorist' ); ?>">
                             <button type="button" class="is-active" data-filter-status="all"><?php esc_html_e( 'All', 'directorist' ); ?></button>
-                            <button type="button" data-filter-status="installed"><?php esc_html_e( 'Installed', 'directorist' ); ?></button>
-                            <button type="button" data-filter-status="not-installed"><?php esc_html_e( 'Not installed', 'directorist' ); ?></button>
+                            <button type="button" data-filter-status="installed"><?php esc_html_e( 'Installed', 'directorist' ); ?> <span class="directorist-te-status-count" data-status-count="installed"><?php echo esc_html( $installed_rows ); ?></span></button>
+                            <button type="button" data-filter-status="not-installed"><?php esc_html_e( 'Not installed', 'directorist' ); ?> <span class="directorist-te-status-count" data-status-count="not-installed"><?php echo esc_html( $not_installed_rows ); ?></span></button>
+                            <?php if ( $required_rows ) : ?>
+                                <button type="button" data-filter-status="required"><?php esc_html_e( 'Required', 'directorist' ); ?> <span class="directorist-te-status-count directorist-te-status-count--required" data-status-count="required"><?php echo esc_html( $required_rows ); ?></span></button>
+                            <?php endif; ?>
                             <button type="button" data-filter-status="update"><?php esc_html_e( 'Updates', 'directorist' ); ?><?php if ( $update_rows ) : ?> <span class="directorist-te-update-count"><?php echo esc_html( $update_rows ); ?></span><?php endif; ?></button>
                         </div>
                     </div>