{rec.issue}
{rec.action}
All plans include a 14-day money-back guarantee. Manage your plan anytime in your account.
``` 资料来源：[gateway/frontend/src/app/pricing/page.tsx:1-100]() --- ## 6. Agent 公共名片系统 ### 概述 每个 DingDawg Agent 都有一个 **公共名片页面**，可通过唯一的 `@handle` 访问。名片包含 Agent 的名称、描述、行业分类和直接对话入口。 ### 公共 Agent API 系统提供 RESTful API 供第三方应用查询 Agent 信息： ``` GET /api/v1/public/agents GET /api/v1/public/agents/{handle} GET /api/v1/public/agents/{handle}/card ``` ### 名片页面生成 `public.py` 中的 `/api/v1/public/agents/{handle}/card` 端点生成 **静态 HTML 名片页面**： ```python # Open Graph 元标签优化社交分享 # Twitter Card 支持 ``` ### 名片页面样式 名片采用渐变背景设计，品牌颜色动态应用： ```css body { background: linear-gradient( 135deg, {color}22 0%, #f8f9fa 50%, {color}11 100% ); min-height: 100vh; display: flex; align-items: center; justify-content: center; } ``` ### 探索页面 平台提供 **探索页面**（`/explore`），用户可以浏览和搜索所有公开的 Agent： ```typescript interface PublicAgent { handle: string; name: string; description?: string; greeting?: string; industry?: string; category: Category; } // 按行业分类 function industryToCategory(industry: string): Category { // 映射逻辑 } ``` 资料来源：[gateway/isg_agent/api/routes/public.py:1-50]() 资料来源：[gateway/frontend/src/app/explore/page.tsx:1-80]() --- ## 7. 错误边界与容错设计 ### 概述 前端采用 **React 错误边界（Error Boundary）** 模式，确保局部组件错误不会导致整个应用崩溃。错误边界提供友好的错误提示和调试信息。 ### AdminErrorBoundary 组件 ```typescript class AdminErrorBoundary extends React.Component< Props, State > { static getDerivedStateFromError(error: Error): State { return { hasError: true, error: error.message }; } componentDidCatch(error: Error, info: React.ErrorInfo) { console.error("Admin panel error:", error, info); this.setState({ stack: info.componentStack }); } } ``` ### 错误展示层级 ```mermaid graph TD A[组件渲染错误] --> B[ErrorBoundary 捕获] B --> C{错误类型} C -->|有堆栈| D[显示堆栈追踪] C -->|无堆栈| E[显示通用错误消息] D --> F[显示重新加载按钮] E --> F F --> G[用户点击重试] G --> H[重新渲染组件] ``` ### 错误展示样式 错误信息采用红色警示样式，堆栈信息可折叠展开： ```typescript // 错误消息框{this.state.error || "Unknown render error"}
{this.state.stack}
{this.state.error || "Unknown render error"}
{this.state.stack}