From 45f56f0f6e4c54c168d73464736fb3fc80f79026 Mon Sep 17 00:00:00 2001
From: "Rodrigo Rodriguez (Pragmatismo)" <me@rodrigorodriguez.com>
Date: Sun, 5 Apr 2026 09:12:17 -0300
Subject: [PATCH] Update botui: Knowledge Base group permissions tab and Drive
 UI enhancements.

---
 ui/suite/admin/groups.html |  2 ++
 ui/suite/drive/drive.css   | 33 +++++++++++++++++++++++++++++++++
 ui/suite/drive/drive.js    |  7 +++++--
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/ui/suite/admin/groups.html b/ui/suite/admin/groups.html
index e8cc383..8b20ab3 100644
--- a/ui/suite/admin/groups.html
+++ b/ui/suite/admin/groups.html
@@ -100,6 +100,7 @@
         <button class="tab-btn active" data-tab="overview" onclick="switchTab(this, 'overview')">Overview</button>
         <button class="tab-btn" data-tab="members" onclick="switchTab(this, 'members')">Members</button>
         <button class="tab-btn" data-tab="permissions" onclick="switchTab(this, 'permissions')">Permissions</button>
+        <button class="tab-btn" data-tab="kbs" onclick="switchTab(this, 'kbs')">Knowledge Bases</button>
         <button class="tab-btn" data-tab="settings" onclick="switchTab(this, 'settings')">Settings</button>
         <button class="tab-btn" data-tab="analytics" onclick="switchTab(this, 'analytics')">Analytics</button>
     </div>
@@ -463,6 +464,7 @@
     margin: 0;
     display: -webkit-box;
     -webkit-line-clamp: 2;
+    line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
diff --git a/ui/suite/drive/drive.css b/ui/suite/drive/drive.css
index cd93146..bbc3e42 100644
--- a/ui/suite/drive/drive.css
+++ b/ui/suite/drive/drive.css
@@ -1000,3 +1000,36 @@
         border-radius: 0;
     }
 }
+
+/* KB Tags */
+.kb-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 11px;
+    font-weight: 600;
+    margin-left: 8px;
+    text-transform: uppercase;
+}
+
+.kb-tag.public {
+    background: rgba(34, 197, 94, 0.15);
+    color: #22c55e;
+    border: 1px solid rgba(34, 197, 94, 0.3);
+}
+
+.kb-tag.private {
+    background: rgba(245, 158, 11, 0.15);
+    color: #f59e0b;
+    border: 1px solid rgba(245, 158, 11, 0.3);
+}
+
+.file-card-preview .kb-tag {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    margin: 0;
+    backdrop-filter: blur(4px);
+}
diff --git a/ui/suite/drive/drive.js b/ui/suite/drive/drive.js
index 17b74e1..16fbd5c 100644
--- a/ui/suite/drive/drive.js
+++ b/ui/suite/drive/drive.js
@@ -348,7 +348,8 @@
     const checked = selectedFiles.has(file.path) ? "checked" : "";
     const selected = selectedFiles.has(file.path) ? "selected" : "";
 
-    return `<div class="file-card ${selected}" data-path="${escapeHtml(file.path)}" data-name="${escapeHtml(file.name)}" data-type="${file.is_dir ? "folder" : "file"}" data-size="${file.size || 0}"><input type="checkbox" class="file-checkbox" ${checked} onchange="DriveModule.toggleSelection('${escapeJs(file.path)}')"><div class="file-card-preview ${iconClass}">${iconSvg}</div><div class="file-card-info"><div class="file-card-name" title="${escapeHtml(file.name)}">${escapeHtml(file.name)}</div><div class="file-card-meta">${sizeText}</div></div></div>`;
+    const kbTag = file.is_kb ? `<span class="kb-tag ${file.is_public ? "public" : "private"}" title="${file.is_public ? "Public KB" : "Restricted KB"}">KB</span>` : "";
+    return `<div class="file-card ${selected}" data-path="${escapeHtml(file.path)}" data-name="${escapeHtml(file.name)}" data-type="${file.is_dir ? "folder" : "file"}" data-size="${file.size || 0}"><input type="checkbox" class="file-checkbox" ${checked} onchange="DriveModule.toggleSelection('${escapeJs(file.path)}')"><div class="file-card-preview ${iconClass}">${iconSvg}${kbTag}</div><div class="file-card-info"><div class="file-card-name" title="${escapeHtml(file.name)}">${escapeHtml(file.name)}</div><div class="file-card-meta">${sizeText}</div></div></div>`;
   }
 
   function renderFileRow(file) {
@@ -365,7 +366,9 @@
       ? `<button class="btn-icon-sm" title="Download" onclick="event.stopPropagation(); DriveModule.downloadFile('${escapeJs(file.path)}')">${downloadIcon}</button>`
       : "";
 
-    return `<div class="drive-file-item ${file.is_dir ? "folder" : ""} ${selected}" data-path="${escapeHtml(file.path)}" data-name="${escapeHtml(file.name)}" data-type="${file.is_dir ? "folder" : "file"}" data-size="${file.size || 0}"><div class="file-col file-name-col"><input type="checkbox" class="file-checkbox" ${checked} onclick="event.stopPropagation()" onchange="DriveModule.toggleSelection('${escapeJs(file.path)}')">${iconSvg}<span>${escapeHtml(file.name)}</span></div><div class="file-col file-modified-col">${modifiedText}</div><div class="file-col file-size-col">${sizeText}</div><div class="file-col file-actions-col">${downloadBtn}<button class="btn-icon-sm" title="More" onclick="event.stopPropagation(); DriveModule.showContextMenuFor(event, '${escapeJs(file.path)}')">${moreIcon}</button></div></div>`;
+    const kbTag = file.is_kb ? `<span class="kb-tag ${file.is_public ? "public" : "private"}" title="${file.is_public ? "Public KB" : "Restricted KB"}">${file.is_public ? "🔓" : "🔒"} KB</span>` : "";
+
+    return `<div class="drive-file-item ${file.is_dir ? "folder" : ""} ${selected}" data-path="${escapeHtml(file.path)}" data-name="${escapeHtml(file.name)}" data-type="${file.is_dir ? "folder" : "file"}" data-size="${file.size || 0}"><div class="file-col file-name-col"><input type="checkbox" class="file-checkbox" ${checked} onclick="event.stopPropagation()" onchange="DriveModule.toggleSelection('${escapeJs(file.path)}')">${iconSvg}<span>${escapeHtml(file.name)}</span>${kbTag}</div><div class="file-col file-modified-col">${modifiedText}</div><div class="file-col file-size-col">${sizeText}</div><div class="file-col file-actions-col">${downloadBtn}<button class="btn-icon-sm" title="More" onclick="event.stopPropagation(); DriveModule.showContextMenuFor(event, '${escapeJs(file.path)}')">${moreIcon}</button></div></div>`;
   }
 
   function bindFileEvents() {