Spaces:
Running
Running
fix import project
Browse files- 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 |
-
//
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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:
|
| 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
|
| 184 |
-
const
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 185 |
role: 'assistant',
|
| 186 |
-
content: `✅
|
| 187 |
timestamp: new Date().toISOString(),
|
| 188 |
};
|
| 189 |
-
|
|
|
|
| 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');
|