prompt UI

Author: szl97

README.md

@@ -13,7 +13,7 @@ Bella是贝壳找房内部的一站式智能接入、智能体创建及发布平
 ### Bella-knowledge - 智能知识管理中心 <a href="https://github.com/LianjiaTech/bella-knowledge"><img style="width: 24px; height: auto; vertical-align: middle;" src="./static/img/github/github-mark.svg" alt="GitHub" /></a>
 专注于知识的统一存储与管理，优雅处理文件、问答对等多类知识源，为智能应用提供强大的知识支撑。
 
-### Bella-assistants - 跨平台智能助手引擎 <a href="https://github.com/LianjiaTech/bella-assistant"><img style="width: 24px; height: auto; vertical-align: middle;" src="./static/img/github/github-mark.svg" alt="GitHub" /></a>
+### Bella-assistants - 跨平台智能助手引擎 <a href="https://github.com/LianjiaTech/bella-assistants"><img style="width: 24px; height: auto; vertical-align: middle;" src="./static/img/github/github-mark.svg" alt="GitHub" /></a>
 兼容OpenAI Assistants API和Responses API的开源实现，突破原生生态限制，支持灵活切换各大厂商模型，真正实现"一次开发，处处可用"。
 
 ### Bella-rag - 高效检索增强生成系统 <a href="https://github.com/LianjiaTech/bella-rag"><img style="width: 24px; height: auto; vertical-align: middle;" src="./static/img/github/github-mark.svg" alt="GitHub" /></a>

README_en.md

@@ -13,7 +13,7 @@ Beyond chat completion, Bella-openapi integrates multiple AI capabilities includ
 ### Bella-knowledge - Intelligent Knowledge Management Center <a href="https://github.com/LianjiaTech/bella-knowledge"><img style="width: 24px; height: auto; vertical-align: middle;" src="./static/img/github/github-mark.svg" alt="GitHub" /></a>
 Focused on unified storage and management of knowledge, elegantly handling multiple knowledge sources such as files and Q&A pairs, providing powerful knowledge support for intelligent applications.
 
-### Bella-assistants - Cross-platform Intelligent Assistant Engine <a href="https://github.com/LianjiaTech/bella-assistant"><img style="width: 24px; height: auto; vertical-align: middle;" src="./static/img/github/github-mark.svg" alt="GitHub" /></a>
+### Bella-assistants - Cross-platform Intelligent Assistant Engine <a href="https://github.com/LianjiaTech/bella-assistants"><img style="width: 24px; height: auto; vertical-align: middle;" src="./static/img/github/github-mark.svg" alt="GitHub" /></a>
 An open-source implementation compatible with OpenAI Assistants API and Responses API, breaking through native ecosystem limitations, supporting flexible switching between various vendor models, truly achieving "develop once, use everywhere."
 
 ### Bella-rag - Efficient Retrieval-Augmented Generation System <a href="https://github.com/LianjiaTech/bella-rag"><img style="width: 24px; height: auto; vertical-align: middle;" src="./static/img/github/github-mark.svg" alt="GitHub" /></a>

config/projects-data.json

@@ -41,7 +41,7 @@
       "en_description": "An open-source implementation compatible with OpenAI Assistants API and Responses API, breaking through native ecosystem limitations, supporting flexible switching between various vendor models, truly achieving develop once, use everywhere.",
       "type": "endpoint",
       "status": "upcoming",
-      "github": "https://github.com/LianjiaTech/bella-assistant",
+      "github": "https://github.com/LianjiaTech/bella-assistants",
       "documentationLink": "/docs/bella-assistants/intro",
       "dependencies": [
         {

i18n/en/code.json

@@ -369,7 +369,7 @@
     "description": "Flexible extension feature description"
   },
   "homepage.architecture.title": {
-    "message": "Bella OpenSource Project Architecture",
+    "message": "Bella OpenSource Project List",
     "description": "Architecture overview title"
   },
   "homepage.architecture.tip": {
@@ -499,5 +499,9 @@
   "project.GitHub.Stared.Failed": {
     "message": "Failed to star, please refresh and retry.",
     "description": "Github Star Failed"
+  },
+  "project.api.unavaliable": {
+    "message": "No API Docs",
+    "description": "Github Star Failed"
   }
 }

src/components/HomepageFeatures/index.tsx

@@ -105,7 +105,18 @@ const ArchitectureModule: React.FC<{
       style={{ width: `${width}px` }}
     >
       <div className={styles.moduleHeader}>
-        <h3>{project.name}</h3>
+        <h3>
+          {project.github && (
+            <a href={project.github} target="_blank" rel="noopener noreferrer" style={{ marginRight: '8px' }}>
+              <img 
+                style={{ width: '16px', height: 'auto', verticalAlign: 'middle' }} 
+                src="./img/github/github-mark.svg" 
+                alt="GitHub" 
+              />
+            </a>
+          )}
+          {project.name}
+        </h3>
         {project.status === 'released' && (
           <div className={`${styles.statusBadge} ${styles[`status-${project.status}`]}`}>
             {translate({
@@ -519,15 +530,15 @@ export default function HomepageFeatures(): React.ReactElement {
           <div className={styles.logoIcon}>B</div>
           <div className={styles.logoText}>{translate({
                 id: 'homepage.architecture.title',
-                message: 'Bella 开源项目架构',
+                message: 'Bella 开源项目清单',
                 description: 'Architecture overview title'
               })}</div>
         </div>
-        <span className={styles.architectureTip}>{translate({
+        <p className={styles.architectureTip}>{translate({
                 id: 'homepage.architecture.tip',
                 message: '点击项目可查看详情',
                 description: 'Tip for clicking on projects'
-              })}</span>
+              })}</p>
       </div>
 
       <div className={styles.container} style={{ maxWidth: '100%', padding: 0 }}>

src/components/HomepageFeatures/styles.module.css

@@ -2,7 +2,7 @@
 
 .header {
   text-align: center;
-  padding: 3rem 2rem;
+  padding: 1rem;
   margin-top: 1rem;
   border-radius: 0 0 20px 20px;
 }
@@ -73,7 +73,6 @@
 .architectureSection {
   padding: 0 1rem;
   width: 90%;
-  margin-bottom: 2rem;
   margin-left: auto;
   margin-right: auto;
 }

src/pages/api-viewer.tsx

@@ -131,6 +131,14 @@ function ProjectCard({ project }) {
             description: 'View API documentation button'
           })}
         </Link>
+      ) : project.status === 'released' ? (
+        <div className={`${styles.viewButton} ${styles.disabledButton}`}>
+          {translate({
+            id: 'project.api.unavaliable',
+            message: '无 API 文档',
+            description: 'API documentation unavailable tooltip'
+          })}
+        </div>
       ) : (
         <div 
           className={`${styles.viewButton} ${styles.disabledButton}`}