show req tab when owner only

Author: SharonStrats

src/social/socialPane.ts

@@ -202,7 +202,7 @@ export const socialPane = {
     const outliner = context.getOutliner(dom)
     const kb = context.session.store
     const socialPane = dom.createElement('div')
-    socialPane.classList.add('social-pane', 'flex-column', 'gap-xxs', 'p-lg')
+    socialPane.classList.add('social-pane', 'flex-column', 'gap-xxs')
     applyEnvironmentAttributes(socialPane, context)
     const foaf = ns.foaf
     const vcard = ns.vcard
@@ -347,6 +347,10 @@ export const socialPane = {
         : undefined
     }, function () {
       return selectProfileData(context, s)
+    }, {
+      onAddFriendSuccess: function () {
+        refreshRelationshipUi()
+      }
     })
     header.classList.add('social-pane__header-section', 'flex-column')
     socialPane.prepend(header)
@@ -482,12 +486,13 @@ export const socialPane = {
 
     type SocialPanel = 'mutual' | 'all-friends' | 'requests'
     let activePanel: SocialPanel = 'all-friends'
+    let showRequestsTab = viewerMode === 'owner'
 
     const setActivePanel = function (panel: SocialPanel) {
       activePanel = panel
       const showMutual = panel === 'mutual'
       const showAllFriends = panel === 'all-friends'
-      const showRequests = panel === 'requests'
+      const showRequests = showRequestsTab && panel === 'requests'
       mutualTab.classList.toggle('social-primary__tab--active', showMutual)
       mutualTab.setAttribute('aria-selected', String(showMutual))
       mutualTab.tabIndex = showMutual ? 0 : -1
@@ -508,6 +513,7 @@ export const socialPane = {
 
       requestsPanel.classList.toggle('social-primary__panel--active', showRequests)
       requestsPanel.setAttribute('aria-hidden', String(!showRequests))
+      requestsPanel.hidden = !showRequestsTab || !showRequests
     }
     /* The following function was generated by AI GPT-5.4 Model
        Prompt: After friend is added when mutual checkbox is checked refresh
@@ -562,8 +568,13 @@ export const socialPane = {
 
     const applyViewerMode = function (mode: ViewerMode) {
       const showMutualTab = mode === 'authenticated' && !thisIsYou
+      showRequestsTab = mode === 'owner'
       mutualTab.hidden = !showMutualTab
-      requestsTab.hidden = false
+      requestsTab.hidden = !showRequestsTab
+      if (!showRequestsTab && activePanel === 'requests') {
+        setActivePanel('all-friends')
+        return
+      }
       setActivePanel('all-friends')
     }