akhaliq HF Staff commited on
Commit
ddf45da
·
1 Parent(s): 25c838a

fix import project

Browse files
Files changed (1) hide show
  1. frontend/src/app/page.tsx +24 -7
frontend/src/app/page.tsx CHANGED
@@ -47,7 +47,17 @@ export default function Home() {
47
  return;
48
  }
49
 
50
- // Add user message
 
 
 
 
 
 
 
 
 
 
51
  const userMessage: Message = {
52
  role: 'user',
53
  content: message,
@@ -59,9 +69,9 @@ export default function Home() {
59
  // Clear previous code to show streaming from start
60
  setGeneratedCode('');
61
 
62
- // Prepare request
63
  const request: CodeGenerationRequest = {
64
- query: message,
65
  language: selectedLanguage,
66
  model_id: selectedModel,
67
  provider: 'auto',
@@ -180,13 +190,20 @@ export default function Home() {
180
  setGeneratedCode(code);
181
  setSelectedLanguage(language);
182
 
183
- // Add a system message
184
- const importMessage: Message = {
 
 
 
 
 
 
185
  role: 'assistant',
186
- content: `✅ Project imported successfully! Language: ${language}`,
187
  timestamp: new Date().toISOString(),
188
  };
189
- setMessages((prev) => [...prev, importMessage]);
 
190
 
191
  // Switch to editor view on mobile
192
  setMobileView('editor');
 
47
  return;
48
  }
49
 
50
+ // If there's existing code, include it in the message context for modifications
51
+ let enhancedMessage = message;
52
+ const hasRealCode = generatedCode &&
53
+ generatedCode.length > 50 &&
54
+ !generatedCode.includes('Your generated code will appear here');
55
+
56
+ if (hasRealCode) {
57
+ enhancedMessage = `I have existing code in the editor. Please modify it based on my request.\n\nCurrent code:\n\`\`\`${selectedLanguage}\n${generatedCode}\n\`\`\`\n\nMy request: ${message}`;
58
+ }
59
+
60
+ // Add user message (show original message to user, but send enhanced to API)
61
  const userMessage: Message = {
62
  role: 'user',
63
  content: message,
 
69
  // Clear previous code to show streaming from start
70
  setGeneratedCode('');
71
 
72
+ // Prepare request with enhanced query that includes current code
73
  const request: CodeGenerationRequest = {
74
+ query: enhancedMessage,
75
  language: selectedLanguage,
76
  model_id: selectedModel,
77
  provider: 'auto',
 
190
  setGeneratedCode(code);
191
  setSelectedLanguage(language);
192
 
193
+ // Add messages that include the imported code so LLM can see it
194
+ const userMessage: Message = {
195
+ role: 'user',
196
+ content: `I imported a ${language} project. Here's the code that was imported.`,
197
+ timestamp: new Date().toISOString(),
198
+ };
199
+
200
+ const assistantMessage: Message = {
201
  role: 'assistant',
202
+ content: `✅ I've loaded your ${language} project. The code is now in the editor. You can ask me to:\n\n• Modify existing features\n• Add new functionality\n• Fix bugs or improve code\n• Explain how it works\n• Deploy it to HuggingFace Spaces\n\nWhat would you like me to help you with?`,
203
  timestamp: new Date().toISOString(),
204
  };
205
+
206
+ setMessages((prev) => [...prev, userMessage, assistantMessage]);
207
 
208
  // Switch to editor view on mobile
209
  setMobileView('editor');