From f0dba7ca60a39c36f36d8328a473d780f389eb84 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Sun, 3 Aug 2025 12:53:07 -0700
Subject: [PATCH] Show connected directory for websites

---
 src/dev-center/css/style.css  |  1 +
 src/dev-center/index.html     |  3 ++-
 src/dev-center/js/websites.js | 15 ++++++++-------
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/dev-center/css/style.css b/src/dev-center/css/style.css
index 74108872b..1f6b11f61 100644
--- a/src/dev-center/css/style.css
+++ b/src/dev-center/css/style.css
@@ -44,6 +44,7 @@ h1 .app-count, h1 .worker-count, h1 .website-count{
     padding: 2px 10px;
     border-radius: 3px;
 }
+
 /* ------------------------------------
    Button
    ------------------------------------*/
diff --git a/src/dev-center/index.html b/src/dev-center/index.html
index d02d84378..984744512 100644
--- a/src/dev-center/index.html
+++ b/src/dev-center/index.html
@@ -91,7 +91,7 @@
             <!-- Footer -->
             <div style="overflow: hidden; position: absolute; bottom: 0; width: 100%;">
                 <ul class="sidebar-nav">
-                    <li class="no-hover"><a href="https://developer.puter.com/" class="link-to-docs" target="_blank">Developer Documentation <img src="img/external-link.svg"></a></li>
+                    <li class="no-hover" style="margin-left:0;"><a href="https://developer.puter.com/" class="link-to-docs" target="_blank">Developer Documentation <img src="img/external-link.svg"></a></li>
                 </ul>
 
                 <ul class="sidebar-nav sidebar-nav-social">
@@ -317,6 +317,7 @@
                     <tr>
                         <th><input type="checkbox" class="select-all-websites" style="width: 20px; height: 20px; margin-left:3px;"></th>
                         <th class="sort th-name" data-column="name" style="padding-left: 10px !important;">Website<span class="sort-arrow sort-arrow-desc">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
+                        <th class="sort th-root-dir" data-column="root_dir">Connected Directory<span class="sort-arrow sort-arrow-desc">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
                         <th class="sort th-created sorted" data-column="created_at">Created<span class="sort-arrow sort-arrow-desc" style="display:inline;">▼</span><span class="sort-arrow sort-arrow-asc">▲</span></th>
                         <th></th>
                     </tr>
diff --git a/src/dev-center/js/websites.js b/src/dev-center/js/websites.js
index b1cb2ed3a..76d1efd2e 100644
--- a/src/dev-center/js/websites.js
+++ b/src/dev-center/js/websites.js
@@ -163,10 +163,10 @@ function sort_websites() {
     if (search_query) {
         // show websites that match search_query and hide websites that don't
         websites.forEach((website) => {
-            if (website.name.toLowerCase().includes(search_query.toLowerCase())) {
-                $(`.website-card[data-name="${html_encode(website.name)}"]`).show();
+            if (website.subdomain.toLowerCase().includes(search_query.toLowerCase())) {
+                $(`.website-card[data-name="${html_encode(website.subdomain)}"]`).show();
             } else {
-                $(`.website-card[data-name="${html_encode(website.name)}"]`).hide();
+                $(`.website-card[data-name="${html_encode(website.subdomain)}"]`).hide();
             }
         })
     }
@@ -184,10 +184,11 @@ function count_websites() {
 function generate_website_card(website) {
     return `
         <tr class="website-card" data-name="${html_encode(website.subdomain)}">
-            <td style="width:50px; vertical-align: middle; line-height: 1;">
+            <td style="width:30px; vertical-align: middle; line-height: 1;">
                 <input type="checkbox" class="website-checkbox" data-website-name="${website.subdomain}">
             </td>
             <td style="font-family: monospace; font-size: 14px; vertical-align: middle;"><a href="https://${website.subdomain}.puter.site" target="_blank">${website.subdomain}.puter.site</a></td>
+            <td style="font-size: 14px; vertical-align: middle;">${website.root_dir ? website.root_dir.name : ''}</td>
             <td style="font-size: 14px; vertical-align: middle;">${website.created_at}</td>
             <td style="vertical-align: middle;"><img class="options-icon options-icon-website" data-website-name="${website.subdomain}" src="./img/options.svg"></td>
         </tr>
@@ -208,12 +209,12 @@ $(document).on('input change keyup keypress keydown paste cut', '.search', funct
         // show apps that match search_query and hide apps that don't
         websites.forEach((website) => {
             if (
-                website.name.toLowerCase().includes(search_query.toLowerCase())
+                website.subdomain.toLowerCase().includes(search_query.toLowerCase())
             )
             {
-                $(`.website-card[data-name="${website.name}"]`).show();
+                $(`.website-card[data-name="${website.subdomain}"]`).show();
             } else {
-                $(`.website-card[data-name="${website.name}"]`).hide();
+                $(`.website-card[data-name="${website.subdomain}"]`).hide();
             }
         })
     }