Spaces:

C2MV
/

PRUEBAAGENTE

Running

App Files Files Community

C2MV commited on Feb 5

Commit

8afebd4

verified ·

1 Parent(s): 7b10a85

Update index.html

Browse files

Files changed (1) hide show

index.html +15 -171

index.html CHANGED Viewed

@@ -22,12 +22,6 @@
             border-radius: 8px;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         }
-        .file-input {
-            margin-bottom: 20px;
-        }
-        .file-input input {
-            margin-right: 10px;
-        }
         .results {
             margin-top: 20px;
         }
@@ -46,10 +40,6 @@
 <body>
     <div class="container">
         <h1>Jupyter Agent Interface</h1>
-        <div class="file-input">
-            <label for="file-upload">Upload ZIP File:</label>
-            <input type="file" id="file-upload" accept=".zip" />
-        </div>
         <button id="submit-btn">Submit</button>
         <div class="results" id="results"></div>
     </div>
@@ -59,7 +49,6 @@
         import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/+esm";
         // Elementos del DOM
-        const fileInput = document.getElementById("file-upload");
         const submitBtn = document.getElementById("submit-btn");
         const resultsDiv = document.getElementById("results");
@@ -67,163 +56,15 @@
         const client = await Client.connect("data-agents/jupyter-agent");
         // Definir los parámetros para la solicitud
-        const systemPrompt = `
-# Data Science Agent Protocol
 You are an intelligent data science assistant with access to an IPython interpreter. Your primary goal is to solve analytical tasks through careful, iterative exploration and execution of code. You must avoid making assumptions and instead verify everything through code execution.
 ## Core Principles
 1. Always execute code to verify assumptions
 2. Break down complex problems into smaller steps
 3. Learn from execution results
 4. Maintain clear communication about your process
-## Available Packages
-You have access to these pre-installed packages:
-### Core Data Science
-- numpy (1.26.4)
-- pandas (1.5.3)
-- scipy (1.12.0)
-- scikit-learn (1.4.1.post1)
-### Visualization
-- matplotlib (3.9.2)
-- seaborn (0.13.2)
-- plotly (5.19.0)
-- bokeh (3.3.4)
-- e2b_charts (latest)
-### Image & Signal Processing
-- opencv-python (4.9.0.80)
-- pillow (9.5.0)
-- scikit-image (0.22.0)
-- imageio (2.34.0)
-### Text & NLP
-- nltk (3.8.1)
-- spacy (3.7.4)
-- gensim (4.3.2)
-- textblob (0.18.0)
-### Audio Processing
-- librosa (0.10.1)
-- soundfile (0.12.1)
-### File Handling
-- python-docx (1.1.0)
-- openpyxl (3.1.2)
-- xlrd (2.0.1)
-### Other Utilities
-- requests (2.26.0)
-- beautifulsoup4 (4.12.3)
-- sympy (1.12)
-- xarray (2024.2.0)
-- joblib (1.3.2)
-## Environment Constraints
-- You cannot install new packages or libraries
-- Work only with pre-installed packages in the environment
-- If a solution requires a package that's not available:
-  1. Check if the task can be solved with base libraries
-  2. Propose alternative approaches using available packages
-  3. Inform the user if the task cannot be completed with current limitations
-## Analysis Protocol
-### 1. Initial Assessment
-- Acknowledge the user's task and explain your high-level approach
-- List any clarifying questions needed before proceeding
-- Identify which available files might be relevant from: {}
-- Verify which required packages are available in the environment
-### 2. Data Exploration
-Execute code to:
-- Read and validate each relevant file
-- Determine file formats (CSV, JSON, etc.)
-- Check basic properties:
-  - Number of rows/records
-  - Column names and data types
-  - Missing values
-  - Basic statistical summaries
-- Share key insights about the data structure
-### 3. Execution Planning
-- Based on the exploration results, outline specific steps to solve the task
-- Break down complex operations into smaller, verifiable steps
-- Identify potential challenges or edge cases
-### 4. Iterative Solution Development
-For each step in your plan:
-- Write and execute code for that specific step
-- Verify the results meet expectations
-- Debug and adjust if needed
-- Document any unexpected findings
-- Only proceed to the next step after current step is working
-### 5. Result Validation
-- Verify the solution meets all requirements
-- Check for edge cases
-- Ensure results are reproducible
-- Document any assumptions or limitations
-## Error Handling Protocol
-When encountering errors:
-1. Show the error message
-2. Analyze potential causes
-3. Propose specific fixes
-4. Execute modified code
-5. Verify the fix worked
-6. Document the solution for future reference
-## Communication Guidelines
-- Explain your reasoning at each step
-- Share relevant execution results
-- Highlight important findings or concerns
-- Ask for clarification when needed
-- Provide context for your decisions
-## Code Execution Rules
-- Execute code through the IPython interpreter directly
-- Understand that the environment is stateful (like a Jupyter notebook):
-  - Variables and objects from previous executions persist
-  - Reference existing variables instead of recreating them
-  - Only rerun code if variables are no longer in memory or need updating
-- Don't rewrite or re-execute code unnecessarily:
-  - Use previously computed results when available
-  - Only rewrite code that needs modification
-  - Indicate when you're using existing variables from previous steps
-- Run code after each significant change
-- Don't show code blocks without executing them
-- Verify results before proceeding
-- Keep code segments focused and manageable
-## Memory Management Guidelines
-- Track important variables and objects across steps
-- Clear large objects when they're no longer needed
-- Inform user about significant objects kept in memory
-- Consider memory impact when working with large datasets:
-  - Avoid creating unnecessary copies of large data
-  - Use inplace operations when appropriate
-  - Clean up intermediate results that won't be needed later
-## Best Practices
-- Use descriptive variable names
-- Use little font for numbers in graphics chart
-- Include comments for complex operations
-- Handle errors gracefully
-- Clean up resources when done
-- Document any dependencies
-- Prefer base Python libraries when possible
-- Verify package availability before using
-- Leverage existing computations:
-  - Check if required data is already in memory
-  - Reference previous results instead of recomputing
-  - Document which existing variables you're using
-Remember: Verification through execution is always better than assumption!
-        `;
         const userInput = `
 Extract the CSV file (file1) from the ZIP archive (observations), clean and filter the data to keep only the "species_guess", "latitude", and "longitude" columns, then create a new CSV with the filtered information, and finally generate and show a pie chart that displays the percentage distribution of the only main species (those with a frequency over 1%). Only show graphics until over 1%.
@@ -232,25 +73,28 @@ Extract the CSV file (file1) from the ZIP archive (observations), clean and filt
         const maxNewTokens = 512;
         const model = "meta-llama/Llama-3.1-70B-Instruct";
         // Manejar el envío del formulario
         submitBtn.addEventListener("click", async () => {
-            if (!fileInput.files.length) {
-                resultsDiv.innerHTML = `<p class="error">Please upload a ZIP file.</p>`;
-                return;
-            }
-            // Limpiar resultados anteriores
             resultsDiv.innerHTML = "<p>Processing...</p>";
             try {
-                // Leer el archivo seleccionado
-                const file = fileInput.files[0];
                 const result = await client.predict("/execute_jupyter_agent", {
                     sytem_prompt: systemPrompt,
                     user_input: userInput,
                     max_new_tokens: maxNewTokens,
                     model: model,
-                    files: [file], // Enviar el archivo como parte de la solicitud
                 });
                 // Mostrar los resultados

             border-radius: 8px;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         }
         .results {
             margin-top: 20px;
         }
 <body>
     <div class="container">
         <h1>Jupyter Agent Interface</h1>
         <button id="submit-btn">Submit</button>
         <div class="results" id="results"></div>
     </div>
         import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/+esm";
         // Elementos del DOM
         const submitBtn = document.getElementById("submit-btn");
         const resultsDiv = document.getElementById("results");
         const client = await Client.connect("data-agents/jupyter-agent");
         // Definir los parámetros para la solicitud
+        const systemPrompt = `# Data Science Agent Protocol
 You are an intelligent data science assistant with access to an IPython interpreter. Your primary goal is to solve analytical tasks through careful, iterative exploration and execution of code. You must avoid making assumptions and instead verify everything through code execution.
 ## Core Principles
 1. Always execute code to verify assumptions
 2. Break down complex problems into smaller steps
 3. Learn from execution results
 4. Maintain clear communication about your process
+... (el resto del prompt aquí) ...
+Remember: Verification through execution is always better than assumption!`;
         const userInput = `
 Extract the CSV file (file1) from the ZIP archive (observations), clean and filter the data to keep only the "species_guess", "latitude", and "longitude" columns, then create a new CSV with the filtered information, and finally generate and show a pie chart that displays the percentage distribution of the only main species (those with a frequency over 1%). Only show graphics until over 1%.
         const maxNewTokens = 512;
         const model = "meta-llama/Llama-3.1-70B-Instruct";
+        // URL del archivo ZIP en Hugging Face
+        const fileUrl = "https://huggingface.co/your-username/your-space-name/resolve/main/observations.zip";
         // Manejar el envío del formulario
         submitBtn.addEventListener("click", async () => {
             resultsDiv.innerHTML = "<p>Processing...</p>";
             try {
+                // Descargar el archivo ZIP desde Hugging Face
+                const response = await fetch(fileUrl);
+                if (!response.ok) {
+                    throw new Error(`Failed to fetch file: ${response.statusText}`);
+                }
+                const fileBlob = await response.blob();
+                // Enviar la solicitud al agente Jupyter
                 const result = await client.predict("/execute_jupyter_agent", {
                     sytem_prompt: systemPrompt,
                     user_input: userInput,
                     max_new_tokens: maxNewTokens,
                     model: model,
+                    files: [new File([fileBlob], "observations.zip")], // Convertir el blob en un objeto File
                 });
                 // Mostrar los resultados