v0.0.7: Fix layout for empty/error states - show compact with tooltip

Author: venkatamutyala

debug-prod.sh

@@ -0,0 +1,33 @@
+#!/bin/bash
+# Debug script for production cluster
+
+echo "🔍 Debugging ArgoCD Extension Configuration"
+echo ""
+
+# Switch to production context (update this with your actual context name)
+echo "Current context:"
+kubectl config current-context
+echo ""
+
+echo "1. Check if proxy extension is enabled:"
+kubectl get configmap argocd-cmd-params-cm -n argocd -o yaml | grep -A2 "server.enable.proxy.extension" || echo "   ❌ NOT ENABLED"
+echo ""
+
+echo "2. Check extension backend configuration:"
+kubectl get configmap argocd-cm -n argocd -o yaml | grep -A10 "extension.config" || echo "   ❌ NOT CONFIGURED"
+echo ""
+
+echo "3. Check RBAC for extensions:"
+kubectl get configmap argocd-rbac-cm -n argocd -o yaml | grep -A5 "extensions" || echo "   ❌ NO RBAC"
+echo ""
+
+echo "4. Check if extension files are installed:"
+kubectl exec -n argocd $(kubectl get pods -n argocd -l app.kubernetes.io/name=argocd-server -o jsonpath='{.items[0].metadata.name}') -- ls -lh /tmp/extensions/resources/glueops-links-extension/ 2>/dev/null || echo "   ❌ EXTENSION FILES NOT FOUND"
+echo ""
+
+echo "5. Check ArgoCD server pod age (should be recent if restarted):"
+kubectl get pods -n argocd -l app.kubernetes.io/name=argocd-server -o wide
+echo ""
+
+echo "6. Check ArgoCD server logs for extension errors:"
+kubectl logs -n argocd -l app.kubernetes.io/name=argocd-server --tail=30 | grep -i "extension\|proxy" || echo "   No extension logs found"

extension/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glueops-links-extension",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "scripts": {
     "build": "webpack --mode production",
     "package": "rm -rf ../resources && mkdir -p ../resources/glueops-links-extension && cp dist/extensions.js ../resources/glueops-links-extension/ && cd .. && tar -czf extension.tar.gz resources/ && rm -rf resources"

extension/src/index.js

@@ -247,32 +247,49 @@
               onMouseEnter: () => setHoveredGroup(groupIdx),
               onMouseLeave: () => setHoveredGroup(null)
             }, 
-              // Empty or error state - show message in muted color
+              // Empty or error state - show compact with tooltip
               isEmptyOrError ? React.createElement('div', {
+                title: message || 'No data available',
                 style: {
                   display: 'flex',
-                  flexDirection: 'column',
+                  alignItems: 'center',
+                  justifyContent: 'space-between',
                   padding: '4px 6px',
                   backgroundColor: '#fafafa',
                   border: '1px solid #e1e4e8',
                   borderRadius: '3px',
-                  fontSize: '11px'
+                  fontSize: '11px',
+                  cursor: 'help'
                 }
               },
-                React.createElement('span', { style: { display: 'flex', alignItems: 'center', gap: '4px', fontWeight: 500, color: '#24292f', marginBottom: '2px' } },
+                React.createElement('span', { 
+                  style: { 
+                    display: 'flex', 
+                    alignItems: 'center', 
+                    gap: '4px', 
+                    fontWeight: 500, 
+                    color: '#888',
+                    minWidth: 0,
+                    flex: 1
+                  } 
+                },
                   React.createElement('span', { style: { fontSize: '12px', flexShrink: 0 } }, icon || '🔗'),
-                  React.createElement('span', null, groupLabel)
+                  React.createElement('span', { 
+                    style: { 
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                      whiteSpace: 'nowrap'
+                    } 
+                  }, groupLabel)
                 ),
                 React.createElement('span', { 
                   style: { 
                     fontSize: '10px', 
-                    color: '#888',
-                    fontStyle: 'italic',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap'
+                    color: '#999',
+                    flexShrink: 0,
+                    marginLeft: '4px'
                   } 
-                }, message || 'No data available')
+                }, '—')
               ) :
               // Single link - make the whole button a link
               isSingleLink ? React.createElement('a', {

helm-values.yaml

@@ -21,18 +21,20 @@ server:
      - name: glueops-links-extension
        env:
          - name: EXTENSION_URL
-           value: "https://github.com/GlueOps/Argo-CD-Extension-GlueOpsLinks/releases/download/v0.0.6/extension.tar.gz"
+           value: "https://github.com/GlueOps/Argo-CD-Extension-GlueOpsLinks/releases/download/v0.0.7/extension.tar.gz"
          - name: EXTENSION_VERSION
-           value: "0.0.6"
+           value: "0.0.7"
          - name: EXTENSION_ENABLED
            value: "true"
 
 # Configure RBAC for extensions
 configs:
   rbac:
-    policy.default: role:all-users
+    policy.default: role:readonly
     policy.csv: |
-      p, role:all-users, extensions, invoke, glueops-links-extension, allow
+      p, role:readonly, extensions, invoke, glueops-links-extension, allow
+      p, role:admin, extensions, invoke, glueops-links-extension, allow
+      g, admin, role:admin
   params:
     server.enable.proxy.extension: "true"
     server.insecure: "true"