feat: enrich console agent detail page + fix dark mode chart visibility

Add identity/trust, skills, categories, reviews sections to the provider
agent detail page. Fix reputation chart line being nearly invisible in
dark mode by adjusting --chart-1 color and adding gradient area fill.

Backend: expose public_key, skills, categories, verified, reputation_score,
review_summary in provider agent detail API. Add IsAgentVerified to
reputation engine and GetCategoriesByAgent to review service.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: gcmsg

internal/reputation/engine.go

@@ -175,3 +175,8 @@ func (e *Engine) SetVerified(ctx context.Context, agentID string) error {
 func (e *Engine) UnsetVerified(ctx context.Context, agentID string) error {
 	return e.store.UnsetAgentVerified(ctx, agentID)
 }
+
+// IsVerified returns whether the agent is verified and, if so, when.
+func (e *Engine) IsVerified(ctx context.Context, agentID string) (bool, *time.Time, error) {
+	return e.store.IsAgentVerified(ctx, agentID)
+}

internal/reputation/postgres.go

@@ -160,6 +160,19 @@ func (s *PostgresStore) UnsetAgentVerified(ctx context.Context, agentID string)
 	return err
 }
 
+// IsAgentVerified returns whether the agent is verified and, if so, when.
+func (s *PostgresStore) IsAgentVerified(ctx context.Context, agentID string) (bool, *time.Time, error) {
+	var verified bool
+	var verifiedAt *time.Time
+	err := s.db.QueryRowContext(ctx,
+		`SELECT COALESCE(verified, FALSE), verified_at FROM agents WHERE id = $1`, agentID,
+	).Scan(&verified, &verifiedAt)
+	if err != nil {
+		return false, nil, err
+	}
+	return verified, verifiedAt, nil
+}
+
 // ListStaleOnlineAgents returns IDs of agents whose status is online but
 // whose last heartbeat is older than the given timeout.
 func (s *PostgresStore) ListStaleOnlineAgents(ctx context.Context, timeout time.Duration) ([]string, error) {

internal/reputation/sqlite.go

@@ -174,6 +174,24 @@ func (s *SQLiteStore) UnsetAgentVerified(ctx context.Context, agentID string) er
 	return err
 }
 
+// IsAgentVerified returns whether the agent is verified and, if so, when.
+func (s *SQLiteStore) IsAgentVerified(ctx context.Context, agentID string) (bool, *time.Time, error) {
+	var verified bool
+	var verifiedAt *string
+	err := s.db.QueryRowContext(ctx,
+		`SELECT COALESCE(verified, 0), verified_at FROM agents WHERE id = ?`, agentID,
+	).Scan(&verified, &verifiedAt)
+	if err != nil {
+		return false, nil, err
+	}
+	if verifiedAt != nil {
+		if t, err := time.Parse(time.RFC3339, *verifiedAt); err == nil {
+			return verified, &t, nil
+		}
+	}
+	return verified, nil, nil
+}
+
 // ListStaleOnlineAgents returns IDs of agents whose status is online but
 // whose last heartbeat is older than the given timeout.
 func (s *SQLiteStore) ListStaleOnlineAgents(ctx context.Context, timeout time.Duration) ([]string, error) {

internal/reputation/store.go

@@ -53,6 +53,9 @@ type Store interface {
 	// UnsetAgentVerified removes the verified status from an agent.
 	UnsetAgentVerified(ctx context.Context, agentID string) error
 
+	// IsAgentVerified returns whether the agent is verified and, if so, when.
+	IsAgentVerified(ctx context.Context, agentID string) (bool, *time.Time, error)
+
 	// ListStaleOnlineAgents returns IDs of agents whose status is online but
 	// whose last heartbeat is older than the given timeout.
 	ListStaleOnlineAgents(ctx context.Context, timeout time.Duration) ([]string, error)

internal/review/service.go

@@ -114,6 +114,11 @@ func (s *Service) ListCategories(ctx context.Context) ([]Category, error) {
 	return s.store.ListCategories(ctx)
 }
 
+// GetCategoriesByAgent returns the categories associated with an agent.
+func (s *Service) GetCategoriesByAgent(ctx context.Context, agentID string) ([]Category, error) {
+	return s.store.GetCategoriesByAgent(ctx, agentID)
+}
+
 // ListReports returns abuse reports with optional status filter.
 func (s *Service) ListReports(ctx context.Context, status string, limit, offset int) ([]AbuseReport, int, error) {
 	return s.store.ListReports(ctx, status, limit, offset)

internal/server/provider_handler.go

@@ -165,23 +165,61 @@ func (s *HTTPServer) handleProviderGetAgent(w http.ResponseWriter, r *http.Reque
 	// Enrich response with access flags.
 	flags, _ := s.registry.GetAccessFlags(r.Context(), id)
 	resp := map[string]any{
-		"id":           card.ID,
-		"name":         card.Name,
-		"description":  card.Description,
-		"version":      card.Version,
-		"capabilities": card.Capabilities,
-		"protocols":    card.Protocols,
-		"status":       card.Status,
-		"endpoint_url": card.Endpoint.URL,
-		"auth_type":    card.Auth.Type,
-		"tags":         card.PeerClaw.Tags,
-		"created_at":   card.RegisteredAt,
-		"updated_at":   card.LastHeartbeat,
+		"id":             card.ID,
+		"name":           card.Name,
+		"description":    card.Description,
+		"version":        card.Version,
+		"capabilities":   card.Capabilities,
+		"protocols":      card.Protocols,
+		"status":         card.Status,
+		"endpoint_url":   card.Endpoint.URL,
+		"auth_type":      card.Auth.Type,
+		"tags":           card.PeerClaw.Tags,
+		"created_at":     card.RegisteredAt,
+		"updated_at":     card.LastHeartbeat,
+		"public_key":     card.PublicKey,
+		"skills":         card.Skills,
+		"registered_at":  card.RegisteredAt,
+		"last_heartbeat": card.LastHeartbeat,
 	}
 	if flags != nil {
 		resp["playground_enabled"] = flags.PlaygroundEnabled
 		resp["visibility"] = flags.Visibility
 	}
+
+	// Enrich with live reputation score and verified status.
+	if s.reputation != nil {
+		score, _ := s.reputation.GetScore(r.Context(), card.ID)
+		resp["reputation_score"] = score
+		verified, verifiedAt, err := s.reputation.IsVerified(r.Context(), card.ID)
+		if err == nil {
+			resp["verified"] = verified
+			if verifiedAt != nil {
+				resp["verified_at"] = verifiedAt
+			}
+		}
+	}
+
+	// Enrich with review summary and categories.
+	if s.reviewService != nil {
+		summary, err := s.reviewService.GetSummary(r.Context(), card.ID)
+		if err == nil && summary != nil {
+			resp["review_summary"] = map[string]any{
+				"average_rating": summary.AverageRating,
+				"total_reviews":  summary.TotalReviews,
+				"distribution":   summary.Distribution,
+			}
+		}
+		categories, err := s.reviewService.GetCategoriesByAgent(r.Context(), card.ID)
+		if err == nil && len(categories) > 0 {
+			slugs := make([]string, len(categories))
+			for i, c := range categories {
+				slugs[i] = c.Slug
+			}
+			resp["categories"] = slugs
+		}
+	}
+
 	s.jsonResponse(w, http.StatusOK, resp)
 }
 

web/app/src/components/public/ReputationChart.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from "react-i18next"
 import {
-  LineChart,
-  Line,
+  AreaChart,
+  Area,
   XAxis,
   YAxis,
   CartesianGrid,
@@ -35,7 +35,13 @@ export function ReputationChart({ events }: { events: ReputationEvent[] }) {
 
   return (
     <ResponsiveContainer width="100%" height={240}>
-      <LineChart data={data}>
+      <AreaChart data={data}>
+        <defs>
+          <linearGradient id="chartGradient" x1="0" y1="0" x2="0" y2="1">
+            <stop offset="0%" stopColor="hsl(var(--chart-1))" stopOpacity={0.3} />
+            <stop offset="100%" stopColor="hsl(var(--chart-1))" stopOpacity={0} />
+          </linearGradient>
+        </defs>
         <CartesianGrid strokeDasharray="3 3" stroke="hsl(var(--border))" />
         <XAxis
           dataKey="time"
@@ -57,16 +63,17 @@ export function ReputationChart({ events }: { events: ReputationEvent[] }) {
           }}
           labelStyle={{ color: "hsl(var(--foreground))" }}
         />
-        <Line
+        <Area
           type="monotone"
           dataKey="score"
           stroke="hsl(var(--chart-1))"
-          strokeWidth={2}
+          strokeWidth={2.5}
+          fill="url(#chartGradient)"
           dot={{ r: 4, fill: "hsl(var(--chart-1))", strokeWidth: 0 }}
           activeDot={{ r: 6, fill: "hsl(var(--chart-1))", strokeWidth: 2, stroke: "hsl(var(--card))" }}
           connectNulls
         />
-      </LineChart>
+      </AreaChart>
     </ResponsiveContainer>
   )
 }

web/app/src/hooks/use-provider.ts

@@ -30,6 +30,19 @@ export interface ProviderAgent {
   updated_at: string
   playground_enabled?: boolean
   visibility?: string
+  public_key?: string
+  skills?: Array<{ name: string; description?: string }>
+  categories?: string[]
+  verified?: boolean
+  verified_at?: string
+  registered_at?: string
+  last_heartbeat?: string
+  reputation_score?: number
+  review_summary?: {
+    average_rating: number
+    total_reviews: number
+    distribution: number[]
+  }
 }
 
 export interface ProviderDashboardData {

web/app/src/i18n/locales/en.json

@@ -211,7 +211,14 @@
     "deleting": "Deleting...",
     "deleteConfirm": "Are you sure you want to delete this agent? This action cannot be undone.",
     "name": "Name",
-    "calls": "Calls"
+    "calls": "Calls",
+    "identityTrust": "Identity & Trust",
+    "publicKey": "Public Key",
+    "agentId": "Agent ID",
+    "reputationScore": "Reputation Score",
+    "skills": "Skills",
+    "categories": "Categories",
+    "copied": "Copied"
   },
   "claim": {
     "title": "Claim Tokens",

web/app/src/i18n/locales/zh.json

@@ -211,7 +211,14 @@
     "deleting": "删除中...",
     "deleteConfirm": "确定要删除此 Agent 吗？此操作不可撤销。",
     "name": "名称",
-    "calls": "调用"
+    "calls": "调用",
+    "identityTrust": "身份与信任",
+    "publicKey": "公钥",
+    "agentId": "Agent ID",
+    "reputationScore": "信誉评分",
+    "skills": "技能",
+    "categories": "分类",
+    "copied": "已复制"
   },
   "claim": {
     "title": "声明令牌",