diff --git a/hubzilla/addon/vs01/Widget/Vs01.php b/hubzilla/addon/vs01/Widget/Vs01.php
index 5c14352..028a7c9 100644
--- a/hubzilla/addon/vs01/Widget/Vs01.php
+++ b/hubzilla/addon/vs01/Widget/Vs01.php
@@ -2,6 +2,8 @@
 
 namespace Zotlabs\Widget;
 
+require_once 'addon/vs01/directory_widget.php';
+
 class Vs01 {
 
     public function widget($arr) {
@@ -9,171 +11,16 @@ class Vs01 {
             \head_add_css('/addon/vs01/view/css/vs01-directory.css');
         }
         $listings = $this->load_listings();
-        return $this->render_directory($listings);
+        return \KdxDirectoryWidget::render($listings, 'vs01');
     }
 
-    // ---------------------------------------------------------------------------
-    // DIRECTORY
-    // ---------------------------------------------------------------------------
-
-    private function render_directory($listings) {
-        $out  = '<div class="vs01-directory">';
-
-        // Horizontal Bootstrap nav-tabs
-        $out .= '<ul class="nav nav-tabs vs01-dir-tabs" id="vs01DirectoryTabs" role="tablist">';
-        $tabs = [
-            ['id' => 'core',   'label' => 'Core',   'active' => true],
-            ['id' => 'tier1',  'label' => 'Tier-I', 'active' => false],
-            ['id' => 'tier2',  'label' => 'Tier-II', 'active' => false],
-            ['id' => 'other',  'label' => 'Other',  'active' => false],
-        ];
-        foreach ($tabs as $tab) {
-            $active   = $tab['active'] ? 'active' : '';
-            $selected = $tab['active'] ? 'true' : 'false';
-            $out .= '
-                <li class="nav-item" role="presentation">
-                    <button class="nav-link ' . $active . '"
-                            id="vs01-tab-' . $tab['id'] . '"
-                            data-bs-toggle="tab"
-                            data-bs-target="#vs01-pane-' . $tab['id'] . '"
-                            type="button" role="tab"
-                            aria-selected="' . $selected . '">
-                        ' . $tab['label'] . '
-                    </button>
-                </li>
-            ';
-        }
-        $out .= '</ul>';
-
-        // Tab panes
-        $out .= '<div class="tab-content vs01-dir-content" id="vs01DirectoryTabContent">';
-        $out .= '<div class="tab-pane fade show active" id="vs01-pane-core" role="tabpanel">';
-        $out .= $this->render_core_tab($listings['core'] ?? []);
-        $out .= '</div>';
-        $out .= '<div class="tab-pane fade" id="vs01-pane-tier1" role="tabpanel">';
-        $out .= $this->render_tier_tab($listings['tier1'] ?? [], 'Mediators, subject matter experts, advisors, and authors will be listed here.');
-        $out .= '</div>';
-        $out .= '<div class="tab-pane fade" id="vs01-pane-tier2" role="tabpanel">';
-        $out .= $this->render_tier_tab($listings['tier2'] ?? [], 'Attorneys who have concluded HOA homeowner cases in Illinois will be listed here.');
-        $out .= '</div>';
-        $out .= '<div class="tab-pane fade" id="vs01-pane-other" role="tabpanel">';
-        $out .= $this->render_tier_tab($listings['other'] ?? [], 'Civic organizations, consumer protection entities, and oversight agencies will be listed here.');
-        $out .= '</div>';
-        $out .= '</div>'; // tab-content
-
-        $out .= '</div>'; // vs01-directory
-        return $out;
-    }
-
-    private function render_core_tab($core_entries) {
-        $slots = [
-            [
-                'slot'        => 'taxonomy-authority',
-                'role'        => 'Taxonomy Authority',
-                'description' => 'The institutional source of the case law categories this diagnostic record is organized by.',
-                'image'       => '/addon/vs01/view/img/directory-core-taxonomy-authority.png',
-            ],
-            [
-                'slot'        => 'methodology-certifier',
-                'role'        => 'Methodology Certifier',
-                'description' => 'The law firm whose professional association with this project certifies the diagnostic record meets a standard the legal community can use.',
-                'image'       => '/addon/vs01/view/img/directory-core-methodology-certifier.png',
-            ],
-            [
-                'slot'        => 'peer-operator',
-                'role'        => 'Peer Operator',
-                'description' => 'The cooperating Civic Infrastructure host who can independently verify, support, and if necessary continue this diagnostic record.',
-                'image'       => '/addon/vs01/view/img/directory-core-peer-operator.png',
-            ],
-        ];
-
-        // Index populated entries by slot
-        $populated = [];
-        foreach ($core_entries as $entry) {
-            if (!empty($entry['slot']) && ($entry['status'] ?? '') === 'active') {
-                $populated[$entry['slot']] = $entry;
-            }
-        }
-
-        $out = '';
-        foreach ($slots as $slot) {
-            if (isset($populated[$slot['slot']])) {
-                $e    = $populated[$slot['slot']];
-                $name = $this->h($e['name'] ?? '');
-                $url  = $this->h($e['url'] ?? '');
-                $image = $this->h($e['image'] ?? $slot['image']);
-                $out .= '<div class="vs01-dir-card vs01-dir-card-core vs01-card-active">';
-                $out .= '<div class="vs01-card-image"><img src="' . $image . '" alt="" loading="lazy"></div>';
-                $out .= '<div class="vs01-card-body">';
-                $out .= '<div class="vs01-card-role">' . $this->h($slot['role']) . '</div>';
-                if ($url) {
-                    $out .= '<div class="vs01-card-name"><a href="' . $url . '" target="_blank" rel="noopener">' . $name . '</a></div>';
-                } else {
-                    $out .= '<div class="vs01-card-name">' . $name . '</div>';
-                }
-                $out .= '</div>';
-                $out .= '</div>';
-            } else {
-                $image = $this->h($slot['image']);
-                $out .= '<div class="vs01-dir-card vs01-dir-card-core vs01-card-pending">';
-                $out .= '<div class="vs01-card-image"><img src="' . $image . '" alt="' . $this->h($slot['role']) . ' — reserved" loading="lazy"></div>';
-                $out .= '<div class="vs01-card-body">';
-                $out .= '<div class="vs01-card-description">' . $this->h($slot['description']) . '</div>';
-                $out .= '</div>';
-                $out .= '</div>';
-            }
-        }
-        return $out;
-    }
-
-    private function render_tier_tab($entries, $placeholder) {
-        if (empty($entries)) {
-            return '<div class="vs01-dir-placeholder text-muted small">' . $this->h($placeholder) . '</div>';
-        }
-        $out = '';
-        foreach ($entries as $entry) {
-            $name = $this->h($entry['name'] ?? '');
-            $role = $this->h($entry['role'] ?? '');
-            $desc = $this->h($entry['description'] ?? '');
-            $url  = $this->h($entry['url'] ?? '');
-            $image = $this->h($entry['image'] ?? '/addon/vs01/view/img/directory-tier-default.png');
-            $out .= '<div class="vs01-dir-card vs01-dir-card-tier">';
-            $out .= '<div class="vs01-card-image"><img src="' . $image . '" alt="" loading="lazy"></div>';
-            $out .= '<div class="vs01-card-body">';
-            if ($role) {
-                $out .= '<div class="vs01-card-role">' . $role . '</div>';
-            }
-            if ($url) {
-                $out .= '<div class="vs01-card-name"><a href="' . $url . '" target="_blank" rel="noopener">' . $name . '</a></div>';
-            } else {
-                $out .= '<div class="vs01-card-name">' . $name . '</div>';
-            }
-            if ($desc) {
-                $out .= '<div class="vs01-card-desc">' . $desc . '</div>';
-            }
-            $out .= '</div>';
-            $out .= '</div>';
-        }
-        return $out;
-    }
-
-    // ---------------------------------------------------------------------------
-    // LISTINGS LOADER
-    // ---------------------------------------------------------------------------
-
     private function load_listings() {
         $config = $this->load_config();
         $path   = $config['listings_file'] ?? 'addon/vs01/listings.json';
         $raw    = @file_get_contents($path);
-        if ($raw === false) {
-            // Fail visibly — return structure with empty tiers, Core slots will show pending
-            return ['core' => [], 'tier1' => [], 'tier2' => [], 'other' => []];
-        }
+        if ($raw === false) return ['core' => [], 'tier1' => [], 'tier2' => [], 'other' => []];
         $data = json_decode($raw, true);
-        if (json_last_error() !== JSON_ERROR_NONE) {
-            return ['core' => [], 'tier1' => [], 'tier2' => [], 'other' => []];
-        }
-        return $data;
+        return (json_last_error() === JSON_ERROR_NONE) ? $data : ['core' => [], 'tier1' => [], 'tier2' => [], 'other' => []];
     }
 
     private function load_config() {
@@ -182,12 +29,4 @@ class Vs01 {
         $data = json_decode($raw, true);
         return (json_last_error() === JSON_ERROR_NONE) ? $data : [];
     }
-
-    // ---------------------------------------------------------------------------
-    // HELPER
-    // ---------------------------------------------------------------------------
-
-    private function h($value) {
-        return htmlspecialchars((string) $value, ENT_QUOTES, 'UTF-8');
-    }
 }