Hugging Face's logo

Spaces:
olywwe
/
https-huggingface-co-spaces-olywwe-pine-v6
Running

App Files Community
olywwe commited on
Commit
dc2c42d
·
verified ·
1 Parent(s): dc07e13

nao esta importando a documentação e mutita coisas que nao funcionam - Follow Up Deployment

Browse files
Files changed (2) hide show
  1. index.html +287 -17
  2. prompts.txt +2 -0
index.html CHANGED
@@ -1,20 +1,290 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>My app</title>
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <meta charset="utf-8">
 
7
  <script src="https://cdn.tailwindcss.com"></script>
8
- </head>
9
- <body class="flex justify-center items-center h-screen overflow-hidden bg-white font-sans text-center px-6">
10
- <div class="w-full">
11
- <span class="text-xs rounded-full mb-2 inline-block px-2 py-1 border border-amber-500/15 bg-amber-500/15 text-amber-500">🔥 New version dropped!</span>
12
- <h1 class="text-4xl lg:text-6xl font-bold font-sans">
13
- <span class="text-2xl lg:text-4xl text-gray-400 block font-medium">I'm ready to work,</span>
14
- Ask me anything.
15
- </h1>
16
- </div>
17
- <img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-[30deg]" />
18
- <script></script>
19
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
20
  </html>
 
1
  <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TradingScript AI - Assistente de Estratégias TradingView</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ <style>
15
+ .gradient-bg {
16
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
17
+ }
18
+ .code-editor {
19
+ font-family: 'Fira Code', monospace;
20
+ background: #1a202c;
21
+ border-radius: 0.5rem;
22
+ }
23
+ .chat-message {
24
+ max-width: 80%;
25
+ }
26
+ .user-message {
27
+ margin-left: auto;
28
+ }
29
+ .ai-message {
30
+ margin-right: auto;
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="bg-gray-50">
35
+ <!-- Header -->
36
+ <header class="gradient-bg text-white shadow-lg">
37
+ <div class="container mx-auto px-4 py-6">
38
+ <div class="flex justify-between items-center">
39
+ <div class="flex items-center space-x-2">
40
+ <i data-feather="trending-up" class="w-8 h-8"></i>
41
+ <h1 class="text-2xl font-bold">TradingScript AI</h1>
42
+ </div>
43
+ <nav class="hidden md:flex space-x-6">
44
+ <a href="#strategies" class="hover:text-blue-200 transition">Estratégias</a>
45
+ <a href="#indicators" class="hover:text-blue-200 transition">Indicadores</a>
46
+ <a href="#documentation" class="hover:text-blue-200 transition">Documentação</a>
47
+ <a href="#chat" class="hover:text-blue-200 transition">Assistente AI</a>
48
+ </nav>
49
+ <button class="md:hidden">
50
+ <i data-feather="menu" class="w-6 h-6"></i>
51
+ </button>
52
+ </div>
53
+ </div>
54
+ </header>
55
+
56
+ <!-- Hero Section -->
57
+ <section class="gradient-bg text-white py-20">
58
+ <div class="container mx-auto px-4 text-center" data-aos="fade-up">
59
+ <h2 class="text-4xl md:text-5xl font-bold mb-6">Crie Estratégias de Trading com IA</h2>
60
+ <p class="text-xl mb-8">Desenvolva indicadores e estratégias avançadas para TradingView com assistência de inteligência artificial</p>
61
+ <button class="bg-white text-purple-700 px-8 py-3 rounded-full font-semibold hover:bg-gray-100 transition shadow-lg">
62
+ Começar Agora
63
+ </button>
64
+ </div>
65
+ </section>
66
+
67
+ <!-- Strategies Section -->
68
+ <section id="strategies" class="py-16 bg-white">
69
+ <div class="container mx-auto px-4">
70
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Modelos de Estratégias</h2>
71
+ <div class="grid md:grid-cols-2 gap-8">
72
+ <div class="bg-gray-100 p-6 rounded-xl shadow-md" data-aos="fade-right">
73
+ <h3 class="text-xl font-semibold mb-4">Upload de Estratégia</h3>
74
+ <div class="border-2 border-dashed border-gray-300 rounded-lg p-8 text-center">
75
+ <i data-feather="upload-cloud" class="w-12 h-12 mx-auto text-gray-400 mb-4"></i>
76
+ <p class="text-gray-600 mb-4">Arraste ou clique para fazer upload</p>
77
+ <input type="file" class="hidden" id="strategy-upload">
78
+ <label for="strategy-upload" class="bg-purple-600 text-white px-4 py-2 rounded cursor-pointer">Selecionar Arquivo</label>
79
+ </div>
80
+ </div>
81
+ <div class="bg-gray-100 p-6 rounded-xl shadow-md" data-aos="fade-left">
82
+ <h3 class="text-xl font-semibold mb-4">Estratégias Salvas</h3>
83
+ <div class="space-y-4" id="strategies-container">
84
+ <div class="bg-white p-4 rounded-lg shadow-sm">
85
+ <h4 class="font-medium">RSI + MACD Strategy</h4>
86
+ <p class="text-sm text-gray-600">Última modificação: 12/05/2023</p>
87
+ </div>
88
+ <div class="bg-white p-4 rounded-lg shadow-sm">
89
+ <h4 class="font-medium">Moving Average Crossover</h4>
90
+ <p class="text-sm text-gray-600">Última modificação: 08/05/2023</p>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </section>
97
+
98
+ <!-- Indicators Section -->
99
+ <section id="indicators" class="py-16 bg-gray-50">
100
+ <div class="container mx-auto px-4">
101
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Indicadores Personalizados</h2>
102
+ <div class="bg-white rounded-xl shadow-md overflow-hidden" data-aos="zoom-in">
103
+ <div class="code-editor p-6">
104
+ <div class="flex justify-between items-center mb-4">
105
+ <h3 class="text-white font-semibold">Editor Pine Script v6</h3>
106
+ <button class="bg-purple-600 text-white px-4 py-2 rounded text-sm">Executar Teste</button>
107
+ </div>
108
+ <textarea class="w-full h-64 bg-gray-900 text-green-400 p-4 rounded" placeholder="// Escreva seu código Pine Script aqui...">
109
+ //@version=6
110
+ indicator("Meu Indicador", overlay=true)
111
+ maFast = ta.sma(close, 14)
112
+ maSlow = ta.sma(close, 28)
113
+ plot(maFast, color=color.blue)
114
+ plot(maSlow, color=color.red)
115
+ </textarea>
116
+ </div>
117
+ </div>
118
+ </div>
119
+ </section>
120
+
121
+ <!-- Documentation Section -->
122
+ <section id="documentation" class="py-16 bg-white">
123
+ <div class="container mx-auto px-4">
124
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Documentação</h2>
125
+ <div class="max-w-2xl mx-auto" data-aos="fade-up">
126
+ <div class="border-2 border-dashed border-gray-300 rounded-lg p-8 text-center">
127
+ <i data-feather="file-text" class="w-12 h-12 mx-auto text-gray-400 mb-4"></i>
128
+ <p class="text-gray-600 mb-4">Faça upload de documentação de referência</p>
129
+ <input type="file" class="hidden" id="doc-upload" multiple>
130
+ <label for="doc-upload" class="bg-purple-600 text-white px-4 py-2 rounded cursor-pointer">Selecionar Arquivos</label>
131
+ </div>
132
+ <div class="mt-8 grid gap-4 grid-cols-1 md:grid-cols-2">
133
+ <div class="bg-gray-100 p-4 rounded-lg flex items-center">
134
+ <i data-feather="file" class="w-6 h-6 mr-3 text-gray-600"></i>
135
+ <span>Manual_PineScript.pdf</span>
136
+ </div>
137
+ <div class="bg-gray-100 p-4 rounded-lg flex items-center">
138
+ <i data-feather="file" class="w-6 h-6 mr-3 text-gray-600"></i>
139
+ <span>Estrategias_Avancadas.docx</span>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </section>
145
+
146
+ <!-- AI Chat Section -->
147
+ <section id="chat" class="py-16 gradient-bg text-white">
148
+ <div class="container mx-auto px-4">
149
+ <h2 class="text-3xl font-bold text-center mb-12" data-aos="fade-up">Assistente AI</h2>
150
+ <div class="bg-white text-gray-800 rounded-xl shadow-lg overflow-hidden max-w-4xl mx-auto" data-aos="zoom-in">
151
+ <div class="p-6 border-b">
152
+ <h3 class="font-semibold">Solicite estratégias personalizadas</h3>
153
+ <p class="text-sm text-gray-600">Nossa IA pode ajudar a criar indicadores e estratégias em Pine Script v6</p>
154
+ </div>
155
+ <div class="h-96 overflow-y-auto p-4 space-y-4" id="chat-messages">
156
+ <div class="chat-message ai-message bg-purple-100 p-4 rounded-lg">
157
+ <p>Olá! Sou seu assistente para criação de scripts TradingView. Como posso ajudar hoje?</p>
158
+ </div>
159
+ </div>
160
+ <div class="p-4 border-t">
161
+ <div class="flex space-x-2">
162
+ <input type="text" id="chat-input" placeholder="Descreva sua estratégia ou ideia..." class="flex-1 border rounded-lg px-4 py-2">
163
+ <button id="send-chat" class="bg-purple-600 text-white px-4 py-2 rounded-lg">
164
+ <i data-feather="send" class="w-5 h-5"></i>
165
+ </button>
166
+ </div>
167
+ <div class="mt-3 flex flex-wrap gap-2">
168
+ <span class="text-xs bg-gray-200 px-2 py-1 rounded">Exemplo: RSI com oversold</span>
169
+ <span class="text-xs bg-gray-200 px-2 py-1 rounded">MACD crossover</span>
170
+ <span class="text-xs bg-gray-200 px-2 py-1 rounded">Suporte e resistência</span>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </section>
176
+
177
+ <!-- Footer -->
178
+ <footer class="bg-gray-800 text-white py-12">
179
+ <div class="container mx-auto px-4">
180
+ <div class="grid md:grid-cols-3 gap-8">
181
+ <div>
182
+ <h3 class="text-xl font-bold mb-4">TradingScript AI</h3>
183
+ <p>Ferramentas avançadas para traders que desenvolvem estratégias automatizadas</p>
184
+ </div>
185
+ <div>
186
+ <h4 class="font-semibold mb-4">Recursos</h4>
187
+ <ul class="space-y-2">
188
+ <li><a href="#" class="hover:text-purple-300">Documentação</a></li>
189
+ <li><a href="#" class="hover:text-purple-300">Tutoriais</a></li>
190
+ <li><a href="#" class="hover:text-purple-300">Exemplos</a></li>
191
+ </ul>
192
+ </div>
193
+ <div>
194
+ <h4 class="font-semibold mb-4">Contato</h4>
195
+ <p>suporte@tradingscript.ai</p>
196
+ </div>
197
+ </div>
198
+ <div class="border-t border-gray-700 mt-8 pt-8 text-center">
199
+ <p>© 2023 TradingScript AI. Todos os direitos reservados.</p>
200
+ </div>
201
+ </div>
202
+ </footer>
203
+
204
+ <script>
205
+ AOS.init({
206
+ duration: 800,
207
+ once: true
208
+ });
209
+
210
+ feather.replace();
211
+
212
+ // Função para handle file upload and display
213
+ function setupFileUpload(inputId, containerId) {
214
+ const fileInput = document.getElementById(inputId);
215
+ const container = document.getElementById(containerId);
216
+
217
+ fileInput.addEventListener('change', function(event) {
218
+ const files = event.target.files;
219
+ if (files.length > 0) {
220
+ Array.from(files).forEach(file => {
221
+ const fileElement = document.createElement('div');
222
+ fileElement.className = 'bg-gray-100 p-4 rounded-lg flex items-center';
223
+ fileElement.innerHTML = `
224
+ <i data-feather="file" class="w-6 h-6 mr-3 text-gray-600"></i>
225
+ <span>${file.name}</span>
226
+ `;
227
+ container.appendChild(fileElement);
228
+ });
229
+ feather.replace(); // Update icons
230
+ }
231
+ });
232
+ }
233
+
234
+ // Setup file uploads
235
+ setupFileUpload('doc-upload', 'doc-files-container');
236
+ setupFileUpload('strategy-upload', 'strategies-container');
237
+
238
+ // Simulação de chat melhorada
239
+ const chatInput = document.getElementById('chat-input');
240
+ const sendButton = document.getElementById('send-chat');
241
+ const chatContainer = document.getElementById('chat-messages');
242
+
243
+ function sendMessage() {
244
+ const message = chatInput.value.trim();
245
+ if (message) {
246
+ // Adicionar mensagem do usuário
247
+ const userMessage = document.createElement('div');
248
+ userMessage.className = 'chat-message user-message bg-blue-100 p-4 rounded-lg';
249
+ userMessage.innerHTML = `<p>${message}</p>`;
250
+ chatContainer.appendChild(userMessage);
251
+
252
+ // Adicionar indicador de carregamento
253
+ const loadingMessage = document.createElement('div');
254
+ loadingMessage.className = 'chat-message ai-message bg-purple-100 p-4 rounded-lg';
255
+ loadingMessage.innerHTML = '<p>Processando sua solicitação...</p>';
256
+ chatContainer.appendChild(loadingMessage);
257
+ chatContainer.scrollTop = chatContainer.scrollHeight;
258
+
259
+ // Simular resposta da IA após delay
260
+ setTimeout(() => {
261
+ chatContainer.removeChild(loadingMessage); // Remove loading
262
+ const aiMessage = document.createElement('div');
263
+ aiMessage.className = 'chat-message ai-message bg-purple-100 p-4 rounded-lg';
264
+ aiMessage.innerHTML = `<p>Baseado na sua ideia, aqui está um esboço em Pine Script v6:</p>
265
+ <pre class="bg-gray-800 text-green-400 p-2 mt-2 rounded text-sm overflow-x-auto">
266
+ //@version=6
267
+ indicator("Sua Estratégia", overlay=true)
268
+ // Código gerado automaticamente
269
+ rsi = ta.rsi(close, 14)
270
+ plot(rsi, color=color.blue)
271
+ // Adicione mais lógica conforme necessário</pre>
272
+ <p class="text-sm text-gray-600 mt-2">Você pode modificar e testar no editor acima.</p>`;
273
+ chatContainer.appendChild(aiMessage);
274
+ chatContainer.scrollTop = chatContainer.scrollHeight;
275
+ }, 2000);
276
+
277
+ chatInput.value = '';
278
+ chatContainer.scrollTop = chatContainer.scrollHeight;
279
+ }
280
+ }
281
+
282
+ sendButton.addEventListener('click', sendMessage);
283
+ chatInput.addEventListener('keypress', function(e) {
284
+ if (e.key === 'Enter') {
285
+ sendMessage();
286
+ }
287
+ });
288
+ </script>
289
+ </body>
290
  </html>
prompts.txt CHANGED
@@ -0,0 +1,2 @@
 
 
 
1
+ pode criar uma pagina um agente para escrever estrategia e indicador do tradingview. Local para inserir modelos de estrategias e indicadores funcionando e local para fazer uploand da documentação.. e um chat para usuario solicitar um que crie uma iadeia de script, alem disso nochate pode inserir outro modelos de liguagem, para servir de ideia para estruturar e escrever indicadores e estraegia em pni v6
2
+ nao esta importando a documentação e mutita coisas que nao funcionam