Skip to content

Commit 98338c2

Browse files
Zongwei9888Zongwei9888
committed
fix UI
1 parent db60ecc commit 98338c2

File tree

1 file changed

+81
-81
lines changed

1 file changed

+81
-81
lines changed

‎ui/components.py‎

Lines changed: 81 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ def display_header():
2727

2828
def display_features():
2929
"""Display DeepCode AI Agent capabilities"""
30-
# AI Agent core capabilities display area - simplified version to avoid conflicts with main header
30+
# AI Agent core capabilities display area - updated to match README content
3131
st.markdown(
3232
"""
3333
<div class="ai-capabilities-section">
@@ -36,8 +36,8 @@ def display_features():
3636
<div class="neuron pulse-2"></div>
3737
<div class="neuron pulse-3"></div>
3838
</div>
39-
<h2 class="capabilities-title">🤖 AI Agent Core Capabilities</h2>
40-
<p class="capabilities-subtitle">Advanced Neural Code Intelligence</p>
39+
<h2 class="capabilities-title">🧠 Open Agentic Coding Platform</h2>
40+
<p class="capabilities-subtitle">Advancing Code Generation with Multi-Agent Systems</p>
4141
</div>
4242
""",
4343
unsafe_allow_html=True,
@@ -60,42 +60,42 @@ def display_features():
6060
<div class="feature-icon-large">🚀</div>
6161
</div>
6262
<div class="feature-header-content">
63-
<h3 class="feature-title-large">Paper2Code: Algorithm Implementation</h3>
63+
<h3 class="feature-title-large">Paper2Code: Research-to-Production Pipeline</h3>
6464
<p class="feature-subtitle">Automated Implementation of Complex Algorithms</p>
6565
</div>
6666
<div class="feature-stats">
6767
<div class="stat-item">
68-
<span class="stat-number typing-number">98%</span>
69-
<span class="stat-label">Accuracy</span>
68+
<span class="stat-number typing-number">Multi-Modal</span>
69+
<span class="stat-label">Analysis</span>
7070
</div>
7171
<div class="stat-item">
72-
<span class="stat-number typing-number">10x</span>
73-
<span class="stat-label">Faster</span>
72+
<span class="stat-number typing-number">Production</span>
73+
<span class="stat-label">Ready</span>
7474
</div>
7575
</div>
7676
</div>
7777
<div class="feature-content">
7878
<div class="content-left">
79-
<p class="feature-description-large">Effortlessly converts complex algorithms from research papers into high-quality, production-ready code, accelerating algorithm reproduction with unprecedented precision.</p>
79+
<p class="feature-description-large">Multi-modal document analysis engine that extracts algorithmic logic and mathematical models from academic papers, generating optimized implementations with proper data structures while preserving computational complexity characteristics.</p>
8080
<div class="feature-flow">
8181
<div class="flow-step active">
82-
<div class="flow-icon">🔍</div>
83-
<span>Paper Analysis</span>
82+
<div class="flow-icon">📄</div>
83+
<span>Document Parsing</span>
8484
</div>
8585
<div class="flow-arrow">→</div>
8686
<div class="flow-step active">
8787
<div class="flow-icon">🧠</div>
88-
<span>Method Extraction</span>
88+
<span>Algorithm Extraction</span>
8989
</div>
9090
<div class="flow-arrow">→</div>
9191
<div class="flow-step active">
9292
<div class="flow-icon">⚡</div>
93-
<span>Code Generation</span>
93+
<span>Code Synthesis</span>
9494
</div>
9595
<div class="flow-arrow">→</div>
96-
<div class="flow-step">
96+
<div class="flow-step active">
9797
<div class="flow-icon">✅</div>
98-
<span>Validation</span>
98+
<span>Quality Assurance</span>
9999
</div>
100100
</div>
101101
</div>
@@ -108,8 +108,8 @@ def display_features():
108108
<div class="code-lines">
109109
<div class="code-line typing">import torch</div>
110110
<div class="code-line typing delay-1">import torch.nn as nn</div>
111-
<div class="code-line typing delay-2">class DeepNetwork(nn.Module):</div>
112-
<div class="code-line typing delay-3"> def __init__(self):</div>
111+
<div class="code-line typing delay-2">class ResearchAlgorithm(nn.Module):</div>
112+
<div class="code-line typing delay-3"> def __init__(self, config):</div>
113113
<div class="code-line typing delay-4"> super().__init__()</div>
114114
</div>
115115
</div>
@@ -137,56 +137,56 @@ def display_features():
137137
<div class="feature-icon-large">🎨</div>
138138
</div>
139139
<div class="feature-header-content">
140-
<h3 class="feature-title-large">Text2Web: Front-End Development</h3>
141-
<p class="feature-subtitle">Automated Front-End Web Development</p>
140+
<h3 class="feature-title-large">Text2Web: Automated Prototyping Engine</h3>
141+
<p class="feature-subtitle">Natural Language to Front-End Code Synthesis</p>
142142
</div>
143143
<div class="feature-stats">
144144
<div class="stat-item">
145-
<span class="stat-number typing-number">100%</span>
146-
<span class="stat-label">Functional</span>
145+
<span class="stat-number typing-number">Intelligent</span>
146+
<span class="stat-label">Scaffolding</span>
147147
</div>
148148
<div class="stat-item">
149-
<span class="stat-number typing-number">Modern</span>
150-
<span class="stat-label">Design</span>
149+
<span class="stat-number typing-number">Scalable</span>
150+
<span class="stat-label">Architecture</span>
151151
</div>
152152
</div>
153153
</div>
154154
<div class="feature-content">
155155
<div class="content-left">
156-
<p class="feature-description-large">Translates plain textual descriptions into fully functional, visually appealing front-end web code, enabling rapid and intuitive web interface creation.</p>
156+
<p class="feature-description-large">Context-aware code generation using fine-tuned language models. Intelligent scaffolding system generating complete application structures including frontend components, maintaining architectural consistency across modules.</p>
157157
<div class="agent-grid">
158158
<div class="agent-card active">
159-
<div class="agent-avatar">💬</div>
160-
<h4>Text Analyzer</h4>
161-
<p>Understands requirements</p>
159+
<div class="agent-avatar">📝</div>
160+
<h4>Intent Understanding</h4>
161+
<p>Semantic analysis of requirements</p>
162162
</div>
163163
<div class="agent-card active">
164164
<div class="agent-avatar">🎨</div>
165-
<h4>UI Designer</h4>
166-
<p>Creates visual design</p>
165+
<h4>UI Architecture</h4>
166+
<p>Component design & structure</p>
167167
</div>
168168
<div class="agent-card active">
169169
<div class="agent-avatar">💻</div>
170-
<h4>Code Generator</h4>
171-
<p>Builds web interface</p>
170+
<h4>Code Generation</h4>
171+
<p>Functional interface creation</p>
172172
</div>
173-
<div class="agent-card">
173+
<div class="agent-card active">
174174
<div class="agent-avatar">✨</div>
175-
<h4>UX Optimizer</h4>
176-
<p>Enhances user experience</p>
175+
<h4>Quality Assurance</h4>
176+
<p>Automated testing & validation</p>
177177
</div>
178178
</div>
179179
</div>
180180
<div class="content-right">
181181
<div class="collaboration-viz">
182182
<div class="collaboration-center">
183183
<div class="center-node">🎯</div>
184-
<span>Target Paper</span>
184+
<span>Web Application</span>
185185
</div>
186186
<div class="collaboration-agents">
187187
<div class="collab-agent agent-pos-1">
188188
<div class="pulse-ring"></div>
189-
🔬
189+
📝
190190
</div>
191191
<div class="collab-agent agent-pos-2">
192192
<div class="pulse-ring"></div>
@@ -227,35 +227,35 @@ def display_features():
227227
<div class="feature-icon-large">⚙️</div>
228228
</div>
229229
<div class="feature-header-content">
230-
<h3 class="feature-title-large">Text2Backend: Server Development</h3>
231-
<p class="feature-subtitle">Automated Back-End Development</p>
230+
<h3 class="feature-title-large">Text2Backend: Scalable Architecture Generator</h3>
231+
<p class="feature-subtitle">Intelligent Server-Side Development</p>
232232
</div>
233233
<div class="feature-stats">
234234
<div class="stat-item">
235-
<span class="stat-number typing-number">Scalable</span>
236-
<span class="stat-label">Architecture</span>
235+
<span class="stat-number typing-number">Database</span>
236+
<span class="stat-label">Integration</span>
237237
</div>
238238
<div class="stat-item">
239-
<span class="stat-number typing-number">APIs</span>
240-
<span class="stat-label">Ready</span>
239+
<span class="stat-number typing-number">API</span>
240+
<span class="stat-label">Endpoints</span>
241241
</div>
242242
</div>
243243
</div>
244244
<div class="feature-content">
245245
<div class="content-left">
246-
<p class="feature-description-large">Generates efficient, scalable, and feature-rich back-end code from simple text inputs, streamlining server-side development and integration.</p>
246+
<p class="feature-description-large">Generates efficient, scalable backend systems with database schemas, API endpoints, and microservices architecture. Uses dependency analysis to ensure scalable architecture from initial generation with comprehensive testing.</p>
247247
<div class="vision-demo">
248248
<div class="demo-input">
249249
<div class="input-icon">💬</div>
250-
<div class="input-text typing">"Create a REST API for user authentication with JWT tokens"</div>
250+
<div class="input-text typing">"Build a scalable e-commerce API with user authentication and payment processing"</div>
251251
</div>
252252
<div class="demo-arrow">⬇️</div>
253253
<div class="demo-output">
254254
<div class="output-items">
255-
<div class="output-item">⚙️ Scalable Backend APIs</div>
256-
<div class="output-item">🔒 Security & Authentication</div>
257-
<div class="output-item">🗄️ Database Integration</div>
258-
<div class="output-item">📊 Monitoring & Logging</div>
255+
<div class="output-item">🏗️ Microservices Architecture</div>
256+
<div class="output-item">🔒 Authentication & Security</div>
257+
<div class="output-item">🗄️ Database Schema Design</div>
258+
<div class="output-item">📊 API Documentation & Testing</div>
259259
</div>
260260
</div>
261261
</div>
@@ -265,29 +265,29 @@ def display_features():
265265
<div class="timeline-item completed">
266266
<div class="timeline-marker">✅</div>
267267
<div class="timeline-content">
268-
<h4>API Architecture</h4>
269-
<p>REST & GraphQL</p>
268+
<h4>API Design</h4>
269+
<p>RESTful endpoints</p>
270270
</div>
271271
</div>
272272
<div class="timeline-item completed">
273273
<div class="timeline-marker">✅</div>
274274
<div class="timeline-content">
275275
<h4>Database Layer</h4>
276-
<p>ORM & Queries</p>
276+
<p>Schema & relationships</p>
277277
</div>
278278
</div>
279279
<div class="timeline-item active">
280280
<div class="timeline-marker">🔄</div>
281281
<div class="timeline-content">
282-
<h4>Microservices</h4>
283-
<p>Scalable architecture</p>
282+
<h4>Security Layer</h4>
283+
<p>Authentication & authorization</p>
284284
</div>
285285
</div>
286286
<div class="timeline-item future">
287287
<div class="timeline-marker">🚀</div>
288288
<div class="timeline-content">
289-
<h4>Cloud Integration</h4>
290-
<p>Auto-deployment</p>
289+
<h4>Deployment</h4>
290+
<p>CI/CD integration</p>
291291
</div>
292292
</div>
293293
</div>
@@ -311,51 +311,51 @@ def display_features():
311311
<div class="star star-3">⚡</div>
312312
</div>
313313
<div class="community-nodes">
314-
<div class="community-node">🚀</div>
315-
<div class="community-node">🎨</div>
314+
<div class="community-node">🧠</div>
315+
<div class="community-node">🔍</div>
316316
<div class="community-node">⚙️</div>
317317
</div>
318318
</div>
319319
<div class="feature-icon-large">🎯</div>
320320
</div>
321321
<div class="feature-header-content">
322-
<h3 class="feature-title-large">Unified Development Workflow</h3>
323-
<p class="feature-subtitle">Multi-Agent Processing Engine</p>
322+
<h3 class="feature-title-large">CodeRAG Integration System</h3>
323+
<p class="feature-subtitle">Advanced Multi-Agent Orchestration</p>
324324
</div>
325325
<div class="feature-stats">
326326
<div class="stat-item">
327-
<span class="stat-number typing-number">Input</span>
328-
<span class="stat-label">Any Format</span>
327+
<span class="stat-number typing-number">Global</span>
328+
<span class="stat-label">Code Analysis</span>
329329
</div>
330330
<div class="stat-item">
331-
<span class="stat-number typing-number">Complete</span>
332-
<span class="stat-label">Solution</span>
331+
<span class="stat-number typing-number">Intelligent</span>
332+
<span class="stat-label">Orchestration</span>
333333
</div>
334334
</div>
335335
</div>
336336
<div class="feature-content">
337337
<div class="content-left">
338-
<p class="feature-description-large">Unified workflow that processes any input format through AI multi-agent engine to deliver complete solution output including algorithm code, frontend apps, and backend APIs.</p>
338+
<p class="feature-description-large">Advanced retrieval-augmented generation combining semantic vector embeddings with graph-based dependency analysis. Central orchestrating agent coordinates specialized agents with dynamic task planning and intelligent memory management.</p>
339339
<div class="community-features">
340340
<div class="community-feature">
341-
<div class="feature-icon-small">📄</div>
341+
<div class="feature-icon-small">🧠</div>
342342
<div class="feature-text">
343-
<h4>Input Any Format</h4>
344-
<p>Research papers, text requirements, documentation</p>
343+
<h4>Intelligent Orchestration</h4>
344+
<p>Central decision-making with dynamic planning algorithms</p>
345345
</div>
346346
</div>
347347
<div class="community-feature">
348-
<div class="feature-icon-small">🤖</div>
348+
<div class="feature-icon-small">🔍</div>
349349
<div class="feature-text">
350-
<h4>AI Multi-Agent Processing</h4>
351-
<p>Intelligent orchestration engine coordination</p>
350+
<h4>CodeRAG System</h4>
351+
<p>Semantic analysis with dependency graph mapping</p>
352352
</div>
353353
</div>
354354
<div class="community-feature">
355355
<div class="feature-icon-small">⚡</div>
356356
<div class="feature-text">
357-
<h4>Complete Solution Output</h4>
358-
<p>Algorithm code, frontend apps, backend APIs</p>
357+
<h4>Quality Assurance</h4>
358+
<p>Automated testing, validation, and documentation</p>
359359
</div>
360360
</div>
361361
</div>
@@ -364,24 +364,24 @@ def display_features():
364364
<div class="tech-ecosystem">
365365
<div class="ecosystem-center">
366366
<div class="center-logo">🧠</div>
367-
<span>DeepCode Engine</span>
367+
<span>Multi-Agent Engine</span>
368368
</div>
369369
<div class="ecosystem-ring">
370370
<div class="ecosystem-item item-1">
371-
<div class="item-icon">🚀</div>
372-
<span>Algorithm Code</span>
371+
<div class="item-icon">🎯</div>
372+
<span>Central Orchestration</span>
373373
</div>
374374
<div class="ecosystem-item item-2">
375-
<div class="item-icon">🎨</div>
376-
<span>Frontend Apps</span>
375+
<div class="item-icon">📝</div>
376+
<span>Intent Understanding</span>
377377
</div>
378378
<div class="ecosystem-item item-3">
379-
<div class="item-icon">⚙️</div>
380-
<span>Backend APIs</span>
379+
<div class="item-icon">🔍</div>
380+
<span>Code Mining & Indexing</span>
381381
</div>
382382
<div class="ecosystem-item item-4">
383-
<div class="item-icon">📚</div>
384-
<span>Documentation</span>
383+
<div class="item-icon">🧬</div>
384+
<span>Code Generation</span>
385385
</div>
386386
</div>
387387
</div>

0 commit comments

Comments
 (0)