File size: 3,194 Bytes
153c5bb
 
 
 
 
cf807cc
153c5bb
 
 
 
 
 
5f715bd
 
 
 
 
 
 
ffed963
 
 
 
 
 
 
153c5bb
 
cf807cc
153c5bb
 
 
 
 
 
cf807cc
153c5bb
 
 
 
 
 
cf807cc
153c5bb
 
 
 
 
 
cf807cc
153c5bb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
66f2f84
153c5bb
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
export const REDIRECT_URI =
  process.env.REDIRECT_URI || `http://localhost:${process.env.APP_PORT || 5001}/api/auth/login`;

export const MODEL_CONFIG_PROMPT_IMPROVEMENT = {
  id: "deepseek/deepseek-v3-0324",
  max_input_tokens: 48_000,
  max_tokens: 16_000,
}

const default_system_prompt = `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to use ICON make sure to import the library first. Try to create the best UI possible by using only HTML, CSS and JAVASCRIPT. Use as much as you can TailwindCSS for the CSS, if you can't do something with TailwindCSS, then use custom CSS (make sure to import <script src="https://cdn.tailwindcss.com"></script> in the head). Also, try to ellaborate as much as you can, to create something unique. ALWAYS GIVE THE RESPONSE INTO A SINGLE HTML FILE`;

export const MODEL_CONFIG_CODE_GENERATION = [
  {
    id: "deepseek/deepseek-r1-0528",
    max_input_tokens: 48_000,
    max_tokens: 16_000,
    default_enable_thinking: true,
    system_prompt: default_system_prompt,
  },
  {
    id: "deepseek/deepseek-r1-0528-qwen3-8b",
    max_input_tokens: 48_000,
    max_tokens: 16_000,
    default_enable_thinking: false,
    system_prompt: default_system_prompt,
  },
  {
    id: "deepseek/deepseek-v3-0324",
    max_input_tokens: 48_000,
    max_tokens: 16_000,
    default_enable_thinking: false,
    system_prompt: default_system_prompt,
  },
  {
    id: "qwen/qwen3-235b-a22b-fp8",
    max_input_tokens: 24_000,
    max_tokens: 16_000,
    default_enable_thinking: true,
    system_prompt: default_system_prompt,
  },
  {
    id: "qwen/qwen3-30b-a3b-fp8",
    max_input_tokens: 24_000,
    max_tokens: 16_000,
    default_enable_thinking: true,
    system_prompt: default_system_prompt,
  },
  {
    id: "qwen/qwen3-32b-fp8",
    max_input_tokens: 24_000,
    max_tokens: 16_000,
    default_enable_thinking: true,
    system_prompt: default_system_prompt,
  }
];

export const DEFAULT_HTML = `<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Novita AnySite</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      background-color: #f5f5f5;
    }
    .container {
      max-width: 800px;
      margin: 0 auto;
      padding: 40px 20px;
      text-align: center;
    }
    .title {
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 20px;
      color: #333;
    }
    .subtitle {
      font-size: 18px;
      color: #666;
      margin-bottom: 30px;
      line-height: 1.5;
    }
    .highlight {
      color: #23d57c;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1 class="title">Welcome to <span class="highlight">Novita AnySite</span></h1>
    <p class="subtitle">
      This is a simple demonstration page. Use the prompt input below to describe 
      the website you want to build, and our AI will generate it for you!
    </p>
    <div class="mt-8 text-left bg-gray-100 p-4 rounded-lg">
      <p class="text-sm text-gray-600 mb-2">Example prompt:</p>
      <p class="text-gray-800">"Build a snake game."</p>
    </div>
  </div>
</body>
</html>`;