Hugging Face's logo

Spaces:
LuckyEnforceAgent
/
armaforge-assistant
Running

App Files Community
LuckyEnforceAgent commited on
Commit
47b04e4
·
verified ·
1 Parent(s): e3197b5

OK NEW PROJECT SO HERE WHAT I WANT SAY LM STUDIOS AND ANYTHING LLM AND AI AGENT BUILDER AND TRAINER ALL BUILT INTO ONE WITH ALL OF THE OPT THAT YOU NEED TO BUILD TRAIN AND DEPLOY AI AGENT AI PROGRAMS AND CODEING AI AND SOFT WARE DEV AI

Browse files
Files changed (4) hide show
  1. builder.html +140 -0
  2. deploy.html +231 -0
  3. index.html +60 -83
  4. trainer.html +223 -0
builder.html ADDED
@@ -0,0 +1,140 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>LM Studios - AI Agent Builder</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <style>
11
+ .builder-container {
12
+ height: calc(100vh - 180px);
13
+ }
14
+ .drag-area {
15
+ min-height: 200px;
16
+ border: 2px dashed #4b5563;
17
+ }
18
+ .node {
19
+ border-left: 3px solid #10b981;
20
+ background-color: #1e293b;
21
+ }
22
+ .code-block {
23
+ font-family: 'Courier New', monospace;
24
+ background-color: #1e293b;
25
+ border-left: 3px solid #10b981;
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="bg-gray-900 text-gray-100 min-h-screen">
30
+ <div class="container mx-auto px-4 py-6">
31
+ <!-- Header -->
32
+ <header class="flex justify-between items-center mb-6 border-b border-teal-500 pb-4">
33
+ <div class="flex items-center space-x-3">
34
+ <i data-feather="code" class="w-8 h-8 text-teal-400"></i>
35
+ <h1 class="text-2xl font-bold text-teal-400">AI Agent Builder</h1>
36
+ </div>
37
+ <div class="flex space-x-4">
38
+ <button class="text-teal-300 hover:text-white flex items-center">
39
+ <i data-feather="save" class="mr-2"></i> Save
40
+ </button>
41
+ <button class="text-teal-300 hover:text-white flex items-center">
42
+ <i data-feather="share-2" class="mr-2"></i> Export
43
+ </button>
44
+ </div>
45
+ </header>
46
+
47
+ <!-- Main Builder Area -->
48
+ <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
49
+ <!-- Components Panel -->
50
+ <div class="bg-gray-800/70 rounded-lg p-4">
51
+ <h2 class="text-lg font-bold mb-4 text-teal-300">Components</h2>
52
+ <div class="space-y-3">
53
+ <div class="node p-3 rounded cursor-move hover:bg-gray-700">
54
+ <div class="flex items-center">
55
+ <i data-feather="message-square" class="mr-2 text-teal-400"></i>
56
+ <span>Chat Interface</span>
57
+ </div>
58
+ </div>
59
+ <div class="node p-3 rounded cursor-move hover:bg-gray-700">
60
+ <div class="flex items-center">
61
+ <i data-feather="database" class="mr-2 text-teal-400"></i>
62
+ <span>Knowledge Base</span>
63
+ </div>
64
+ </div>
65
+ <div class="node p-3 rounded cursor-move hover:bg-gray-700">
66
+ <div class="flex items-center">
67
+ <i data-feather="cpu" class="mr-2 text-teal-400"></i>
68
+ <span>LLM Processor</span>
69
+ </div>
70
+ </div>
71
+ <div class="node p-3 rounded cursor-move hover:bg-gray-700">
72
+ <div class="flex items-center">
73
+ <i data-feather="code" class="mr-2 text-teal-400"></i>
74
+ <span>Code Executor</span>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </div>
79
+
80
+ <!-- Canvas Area -->
81
+ <div class="lg:col-span-2 bg-gray-800/70 rounded-lg p-4">
82
+ <h2 class="text-lg font-bold mb-4 text-teal-300">Agent Workflow</h2>
83
+ <div class="drag-area rounded-lg p-4">
84
+ <div class="flex justify-center items-center h-full text-gray-500">
85
+ <p>Drag components here to build your AI agent</p>
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ <!-- Properties Panel -->
91
+ <div class="bg-gray-800/70 rounded-lg p-4">
92
+ <h2 class="text-lg font-bold mb-4 text-teal-300">Properties</h2>
93
+ <div class="space-y-4">
94
+ <div>
95
+ <label class="block text-sm font-medium mb-1">Agent Name</label>
96
+ <input type="text" class="w-full bg-gray-700 border border-gray-600 rounded px-3 py-2">
97
+ </div>
98
+ <div>
99
+ <label class="block text-sm font-medium mb-1">Base Model</label>
100
+ <select class="w-full bg-gray-700 border border-gray-600 rounded px-3 py-2">
101
+ <option>Llama 3</option>
102
+ <option>GPT-4</option>
103
+ <option>Claude 2</option>
104
+ <option>Mistral</option>
105
+ </select>
106
+ </div>
107
+ <div>
108
+ <label class="block text-sm font-medium mb-1">Temperature</label>
109
+ <input type="range" min="0" max="1" step="0.1" class="w-full">
110
+ </div>
111
+ <button class="w-full bg-teal-600 hover:bg-teal-500 py-2 rounded-lg font-medium">
112
+ <i data-feather="play" class="w-4 h-4 mr-2 inline"></i> Test Agent
113
+ </button>
114
+ </div>
115
+ </div>
116
+ </div>
117
+
118
+ <!-- Test Console -->
119
+ <div class="bg-gray-800/70 rounded-lg p-4 mt-6">
120
+ <h2 class="text-lg font-bold mb-4 text-teal-300">Test Console</h2>
121
+ <div class="flex">
122
+ <input type="text" placeholder="Test your agent..."
123
+ class="flex-grow bg-gray-700 border border-gray-600 rounded-l-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-teal-500">
124
+ <button class="bg-teal-600 hover:bg-teal-500 px-6 py-3 rounded-r-lg font-medium">
125
+ <i data-feather="send" class="w-5 h-5"></i>
126
+ </button>
127
+ </div>
128
+ <div class="code-block p-4 rounded-lg mt-4 text-sm">
129
+ <pre class="text-green-400">
130
+ # Agent response will appear here
131
+ </pre>
132
+ </div>
133
+ </div>
134
+ </div>
135
+ <script>
136
+ // Initialize feather icons
137
+ feather.replace();
138
+ </script>
139
+ </body>
140
+ </html>
deploy.html ADDED
@@ -0,0 +1,231 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>LM Studios - AI Agent Deployment</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <style>
11
+ .deployment-card:hover {
12
+ transform: translateY(-3px);
13
+ box-shadow: 0 6px 12px rgba(16, 185, 129, 0.2);
14
+ }
15
+ .endpoint-url {
16
+ font-family: 'Courier New', monospace;
17
+ background-color: #1e293b;
18
+ border-left: 3px solid #10b981;
19
+ }
20
+ </style>
21
+ </head>
22
+ <body class="bg-gray-900 text-gray-100 min-h-screen">
23
+ <div class="container mx-auto px-4 py-6">
24
+ <!-- Header -->
25
+ <header class="flex justify-between items-center mb-6 border-b border-teal-500 pb-4">
26
+ <div class="flex items-center space-x-3">
27
+ <i data-feather="cloud" class="w-8 h-8 text-teal-400"></i>
28
+ <h1 class="text-2xl font-bold text-teal-400">AI Agent Deployment</h1>
29
+ </div>
30
+ <button class="text-teal-300 hover:text-white flex items-center">
31
+ <i data-feather="settings" class="mr-2"></i> Deployment Settings
32
+ </button>
33
+ </header>
34
+
35
+ <!-- Deployment Options -->
36
+ <section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
37
+ <div class="deployment-card bg-gray-800/70 p-6 rounded-xl border border-gray-700 transition duration-300">
38
+ <div class="flex items-center mb-4">
39
+ <div class="bg-teal-900/30 w-10 h-10 rounded-lg flex items-center justify-center mr-4">
40
+ <i data-feather="globe" class="text-teal-400"></i>
41
+ </div>
42
+ <h3 class="text-lg font-bold">API Endpoint</h3>
43
+ </div>
44
+ <p class="text-gray-300 mb-4">Deploy your agent as a REST API for integration with any application.</p>
45
+ <button class="w-full bg-teal-600 hover:bg-teal-500 py-2 rounded-lg font-medium text-sm">
46
+ <i data-feather="upload" class="w-4 h-4 mr-2 inline"></i> Deploy as API
47
+ </button>
48
+ </div>
49
+ <div class="deployment-card bg-gray-800/70 p-6 rounded-xl border border-gray-700 transition duration-300">
50
+ <div class="flex items-center mb-4">
51
+ <div class="bg-teal-900/30 w-10 h-10 rounded-lg flex items-center justify-center mr-4">
52
+ <i data-feather="message-square" class="text-teal-400"></i>
53
+ </div>
54
+ <h3 class="text-lg font-bold">Chat Widget</h3>
55
+ </div>
56
+ <p class="text-gray-300 mb-4">Embed a chat interface for your agent on any website or platform.</p>
57
+ <button class="w-full bg-teal-600 hover:bg-teal-500 py-2 rounded-lg font-medium text-sm">
58
+ <i data-feather="code" class="w-4 h-4 mr-2 inline"></i> Get Embed Code
59
+ </button>
60
+ </div>
61
+ <div class="deployment-card bg-gray-800/70 p-6 rounded-xl border border-gray-700 transition duration-300">
62
+ <div class="flex items-center mb-4">
63
+ <div class="bg-teal-900/30 w-10 h-10 rounded-lg flex items-center justify-center mr-4">
64
+ <i data-feather="download" class="text-teal-400"></i>
65
+ </div>
66
+ <h3 class="text-lg font-bold">Local Package</h3>
67
+ </div>
68
+ <p class="text-gray-300 mb-4">Download your agent as a Docker container or executable package.</p>
69
+ <button class="w-full bg-teal-600 hover:bg-teal-500 py-2 rounded-lg font-medium text-sm">
70
+ <i data-feather="package" class="w-4 h-4 mr-2 inline"></i> Export Agent
71
+ </button>
72
+ </div>
73
+ </section>
74
+
75
+ <!-- Active Deployments -->
76
+ <section class="bg-gray-800/70 rounded-xl border border-gray-700 p-6 mb-8">
77
+ <div class="flex justify-between items-center mb-6">
78
+ <h2 class="text-xl font-bold text-teal-300">Active Deployments</h2>
79
+ <button class="text-teal-300 hover:text-white flex items-center text-sm">
80
+ <i data-feather="refresh-cw" class="w-4 h-4 mr-2"></i> Refresh
81
+ </button>
82
+ </div>
83
+ <div class="overflow-x-auto">
84
+ <table class="w-full">
85
+ <thead class="text-left text-gray-400 border-b border-gray-700">
86
+ <tr>
87
+ <th class="pb-3">Agent</th>
88
+ <th class="pb-3">Type</th>
89
+ <th class="pb-3">Status</th>
90
+ <th class="pb-3">Created</th>
91
+ <th class="pb-3">Actions</th>
92
+ </tr>
93
+ </thead>
94
+ <tbody>
95
+ <tr class="border-b border-gray-800">
96
+ <td class="py-4">
97
+ <div class="font-medium">Customer Support Bot</div>
98
+ <div class="text-xs text-gray-400 mt-1">v1.2.0</div>
99
+ </td>
100
+ <td>
101
+ <span class="inline-flex items-center">
102
+ <i data-feather="globe" class="w-4 h-4 mr-2 text-teal-400"></i>
103
+ API
104
+ </span>
105
+ </td>
106
+ <td>
107
+ <span class="inline-flex items-center text-green-400">
108
+ <i data-feather="check-circle" class="w-4 h-4 mr-1"></i>
109
+ Running
110
+ </span>
111
+ </td>
112
+ <td class="text-sm text-gray-400">2 hours ago</td>
113
+ <td>
114
+ <div class="flex space-x-2">
115
+ <button class="text-xs bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded">
116
+ <i data-feather="external-link" class="w-3 h-3 mr-1 inline"></i> View
117
+ </button>
118
+ <button class="text-xs bg-red-900/50 hover:bg-red-800/50 px-3 py-1 rounded">
119
+ <i data-feather="trash-2" class="w-3 h-3 mr-1 inline"></i> Delete
120
+ </button>
121
+ </div>
122
+ </td>
123
+ </tr>
124
+ <tr class="border-b border-gray-800">
125
+ <td class="py-4">
126
+ <div class="font-medium">Code Assistant</div>
127
+ <div class="text-xs text-gray-400 mt-1">v2.1.3</div>
128
+ </td>
129
+ <td>
130
+ <span class="inline-flex items-center">
131
+ <i data-feather="message-square" class="w-4 h-4 mr-2 text-teal-400"></i>
132
+ Chat Widget
133
+ </span>
134
+ </td>
135
+ <td>
136
+ <span class="inline-flex items-center text-green-400">
137
+ <i data-feather="check-circle" class="w-4 h-4 mr-1"></i>
138
+ Running
139
+ </span>
140
+ </td>
141
+ <td class="text-sm text-gray-400">1 day ago</td>
142
+ <td>
143
+ <div class="flex space-x-2">
144
+ <button class="text-xs bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded">
145
+ <i data-feather="external-link" class="w-3 h-3 mr-1 inline"></i> View
146
+ </button>
147
+ <button class="text-xs bg-red-900/50 hover:bg-red-800/50 px-3 py-1 rounded">
148
+ <i data-feather="trash-2" class="w-3 h-3 mr-1 inline"></i> Delete
149
+ </button>
150
+ </div>
151
+ </td>
152
+ </tr>
153
+ <tr>
154
+ <td class="py-4">
155
+ <div class="font-medium">Document Analyzer</div>
156
+ <div class="text-xs text-gray-400 mt-1">v0.9.5</div>
157
+ </td>
158
+ <td>
159
+ <span class="inline-flex items-center">
160
+ <i data-feather="download" class="w-4 h-4 mr-2 text-teal-400"></i>
161
+ Local Package
162
+ </span>
163
+ </td>
164
+ <td>
165
+ <span class="inline-flex items-center text-yellow-400">
166
+ <i data-feather="clock" class="w-4 h-4 mr-1"></i>
167
+ Pending
168
+ </span>
169
+ </td>
170
+ <td class="text-sm text-gray-400">5 minutes ago</td>
171
+ <td>
172
+ <div class="flex space-x-2">
173
+ <button class="text-xs bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded" disabled>
174
+ <i data-feather="external-link" class="w-3 h-3 mr-1 inline"></i> View
175
+ </button>
176
+ <button class="text-xs bg-red-900/50 hover:bg-red-800/50 px-3 py-1 rounded">
177
+ <i data-feather="trash-2" class="w-3 h-3 mr-1 inline"></i> Cancel
178
+ </button>
179
+ </div>
180
+ </td>
181
+ </tr>
182
+ </tbody>
183
+ </table>
184
+ </div>
185
+ </section>
186
+
187
+ <!-- API Documentation -->
188
+ <section class="bg-gray-800/70 rounded-xl border border-gray-700 p-6">
189
+ <h2 class="text-xl font-bold mb-6 text-teal-300">API Documentation</h2>
190
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
191
+ <div>
192
+ <h3 class="font-medium mb-3">Base URL</h3>
193
+ <div class="endpoint-url p-4 rounded-lg mb-6">
194
+ https://api.lmstudios.ai/v1/agents/{agent_id}
195
+ </div>
196
+ <h3 class="font-medium mb-3">Authentication</h3>
197
+ <div class="bg-gray-700 p-4 rounded-lg mb-6">
198
+ <p class="text-sm text-gray-300 mb-2">All API requests require an API key:</p>
199
+ <div class="endpoint-url p-3 rounded text-sm">
200
+ Authorization: Bearer YOUR_API_KEY
201
+ </div>
202
+ </div>
203
+ </div>
204
+ <div>
205
+ <h3 class="font-medium mb-3">Example Request</h3>
206
+ <div class="bg-gray-700 p-4 rounded-lg">
207
+ <div class="text-xs text-gray-400 mb-2">POST /chat</div>
208
+ <pre class="text-sm text-green-400 overflow-x-auto">
209
+ {
210
+ "agent_id": "cust-support-123",
211
+ "message": "How do I reset my password?",
212
+ "session_id": "user-456-session"
213
+ }</pre>
214
+ <div class="text-xs text-gray-400 mt-4 mb-2">Response</div>
215
+ <pre class="text-sm text-green-400 overflow-x-auto">
216
+ {
217
+ "response": "You can reset your password by...",
218
+ "session_id": "user-456-session",
219
+ "timestamp": "2023-11-15T14:30:22Z"
220
+ }</pre>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </section>
225
+ </div>
226
+ <script>
227
+ // Initialize feather icons
228
+ feather.replace();
229
+ </script>
230
+ </body>
231
+ </html>
index.html CHANGED
@@ -3,29 +3,23 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>ArmaForge Assistant - Your Modding Companion</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://unpkg.com/feather-icons"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
  <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
11
  <style>
12
  .glow-text {
13
- text-shadow: 0 0 8px rgba(110, 231, 183, 0.8);
14
  }
15
  .code-block {
16
  font-family: 'Courier New', monospace;
17
  background-color: #1e293b;
18
  border-left: 3px solid #10b981;
19
  }
20
- .chat-bubble {
21
- border-radius: 1rem;
22
- position: relative;
23
- }
24
- .user-bubble {
25
- background-color: #1e40af;
26
- }
27
- .ai-bubble {
28
- background-color: #334155;
29
  }
30
  </style>
31
  </head>
@@ -37,107 +31,90 @@
37
  <header class="flex flex-col md:flex-row justify-between items-center mb-12 border-b border-teal-500 pb-6">
38
  <div class="flex items-center space-x-4 mb-4 md:mb-0">
39
  <i data-feather="cpu" class="w-10 h-10 text-teal-400"></i>
40
- <h1 class="text-3xl md:text-4xl font-bold glow-text text-teal-400">ArmaForge Assistant</h1>
41
  </div>
42
  <nav class="flex space-x-6">
43
  <a href="#" class="text-teal-300 hover:text-white font-medium flex items-center">
44
  <i data-feather="home" class="mr-2"></i> Home
45
  </a>
46
- <a href="#" class="text-teal-300 hover:text-white font-medium flex items-center">
47
- <i data-feather="book" class="mr-2"></i> Docs
48
  </a>
49
- <a href="chat.html" class="text-teal-300 hover:text-white font-medium flex items-center">
50
- <i data-feather="message-square" class="mr-2"></i> Chat
51
  </a>
52
- </nav>
 
 
 
53
  </header>
54
 
55
  <!-- Hero Section -->
56
  <section class="mb-16 text-center">
57
- <h2 class="text-4xl md:text-5xl font-bold mb-6 glow-text">Your <span class="text-teal-400">Arma Reforger</span> Modding Expert</h2>
58
  <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8">
59
- Powered by AnythingLLM - Your customizable AI assistant trained on Arma Reforger documentation.
60
  </p>
61
- <div class="flex justify-center space-x-4">
62
- <a href="chat.html" class="bg-teal-600 hover:bg-teal-500 text-white px-6 py-3 rounded-lg font-medium flex items-center transition">
63
- <i data-feather="terminal" class="mr-2"></i> Chat with AnythingLLM
 
 
 
64
  </a>
65
- <button class="border border-teal-400 text-teal-400 hover:bg-teal-900/50 px-6 py-3 rounded-lg font-medium flex items-center transition">
66
- <i data-feather="download" class="mr-2"></i> Get Templates
67
- </button>
68
  </div>
69
  </section>
70
 
71
  <!-- Features Grid -->
72
  <section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
73
- <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-teal-500 transition">
74
  <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
75
- <i data-feather="code" class="text-teal-400"></i>
76
  </div>
77
- <h3 class="text-xl font-bold mb-2">Script Debugging</h3>
78
- <p class="text-gray-300">Get help fixing script errors and optimizing your Arma Reforger mod code.</p>
79
  </div>
80
- <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-teal-500 transition">
81
  <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
82
- <i data-feather="box" class="text-teal-400"></i>
83
  </div>
84
- <h3 class="text-xl font-bold mb-2">Mod Creation</h3>
85
- <p class="text-gray-300">Step-by-step guidance for creating all types of Arma Reforger mods.</p>
86
  </div>
87
- <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-teal-500 transition">
88
  <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
89
- <i data-feather="tool" class="text-teal-400"></i>
90
  </div>
91
- <h3 class="text-xl font-bold mb-2">Troubleshooting</h3>
92
- <p class="text-gray-300">Solve common and complex issues with your mods and game setup.</p>
93
  </div>
94
  </section>
95
 
96
- <!-- Chat Preview -->
97
  <section class="bg-gray-800/70 backdrop-blur-sm rounded-xl border border-gray-700 p-6 mb-16">
98
- <h2 class="text-2xl font-bold mb-6 text-center">Try a Sample Query</h2>
99
- <div class="space-y-4">
100
- <!-- User Message -->
101
- <div class="flex justify-end">
102
- <div class="chat-bubble user-bubble max-w-3xl p-4">
103
- <p>How do I add custom weapons to Arma Reforger using the Workbench?</p>
 
 
 
 
 
 
 
 
 
 
 
104
  </div>
105
  </div>
106
-
107
- <!-- AI Response -->
108
- <div class="flex">
109
- <div class="chat-bubble ai-bubble max-w-3xl p-4">
110
- <p>Here's a basic workflow for adding custom weapons:</p>
111
- <div class="code-block p-4 rounded-lg mt-2 text-sm overflow-x-auto">
112
- <pre class="text-green-400">
113
- // 1. Create a new mod in Workbench
114
- // 2. Add a new script file (e.g., MyWeapon.c)
115
- class MyWeapon : Weapon_Base
116
- {
117
- void MyWeapon()
118
- {
119
- // Weapon configuration
120
- m_WeaponLength = 0.85;
121
- m_Weight = 3.5;
122
- m_Damage = 85;
123
- // Add other parameters...
124
- }
125
- }</pre>
126
- </div>
127
- <p class="mt-3">Remember to register your weapon in the config.cpp and set up proper models and textures.</p>
128
- </div>
129
  </div>
130
  </div>
131
-
132
- <div class="mt-8">
133
- <form class="flex items-center">
134
- <input type="text" placeholder="Ask about Arma Reforger modding..."
135
- class="flex-grow bg-gray-700 border border-gray-600 rounded-l-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-teal-500">
136
- <button type="submit" class="bg-teal-600 hover:bg-teal-500 px-6 py-3 rounded-r-lg font-medium">
137
- <i data-feather="send" class="w-5 h-5"></i>
138
- </button>
139
- </form>
140
- </div>
141
  </section>
142
 
143
  <!-- Footer -->
@@ -147,8 +124,8 @@ class MyWeapon : Weapon_Base
147
  <a href="#" class="hover:text-teal-400"><i data-feather="discord"></i></a>
148
  <a href="#" class="hover:text-teal-400"><i data-feather="twitter"></i></a>
149
  </div>
150
- <p>© 2023 ArmaForge Assistant. Not affiliated with Bohemia Interactive.</p>
151
- <p class="text-sm mt-2">Arma Reforger is a registered trademark of Bohemia Interactive.</p>
152
  </footer>
153
  </div>
154
 
@@ -165,13 +142,13 @@ class MyWeapon : Weapon_Base
165
  scaleMobile: 1.00,
166
  color: 0x10b981,
167
  backgroundColor: 0x111827,
168
- points: 9.00,
169
- maxDistance: 20.00,
170
- spacing: 15.00
171
  });
172
 
173
  // Initialize feather icons
174
  feather.replace();
175
  </script>
176
  </body>
177
- </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>LM Studios - AI Agent Builder & Trainer</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://unpkg.com/feather-icons"></script>
9
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
  <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
11
  <style>
12
  .glow-text {
13
+ text-shadow: 0 0 10px rgba(110, 231, 183, 0.8);
14
  }
15
  .code-block {
16
  font-family: 'Courier New', monospace;
17
  background-color: #1e293b;
18
  border-left: 3px solid #10b981;
19
  }
20
+ .feature-card:hover {
21
+ transform: translateY(-5px);
22
+ box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
 
 
 
 
 
 
23
  }
24
  </style>
25
  </head>
 
31
  <header class="flex flex-col md:flex-row justify-between items-center mb-12 border-b border-teal-500 pb-6">
32
  <div class="flex items-center space-x-4 mb-4 md:mb-0">
33
  <i data-feather="cpu" class="w-10 h-10 text-teal-400"></i>
34
+ <h1 class="text-3xl md:text-4xl font-bold glow-text text-teal-400">LM Studios</h1>
35
  </div>
36
  <nav class="flex space-x-6">
37
  <a href="#" class="text-teal-300 hover:text-white font-medium flex items-center">
38
  <i data-feather="home" class="mr-2"></i> Home
39
  </a>
40
+ <a href="builder.html" class="text-teal-300 hover:text-white font-medium flex items-center">
41
+ <i data-feather="code" class="mr-2"></i> Agent Builder
42
  </a>
43
+ <a href="trainer.html" class="text-teal-300 hover:text-white font-medium flex items-center">
44
+ <i data-feather="activity" class="mr-2"></i> Trainer
45
  </a>
46
+ <a href="deploy.html" class="text-teal-300 hover:text-white font-medium flex items-center">
47
+ <i data-feather="cloud" class="mr-2"></i> Deploy
48
+ </a>
49
+ </nav>
50
  </header>
51
 
52
  <!-- Hero Section -->
53
  <section class="mb-16 text-center">
54
+ <h2 class="text-4xl md:text-5xl font-bold mb-6 glow-text">Build, Train & Deploy <span class="text-teal-400">AI Agents</span></h2>
55
  <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8">
56
+ The complete platform for creating custom AI agents with AnythingLLM, coding assistance, and deployment tools.
57
  </p>
58
+ <div class="flex justify-center space-x-4">
59
+ <a href="builder.html" class="bg-teal-600 hover:bg-teal-500 text-white px-6 py-3 rounded-lg font-medium flex items-center transition">
60
+ <i data-feather="terminal" class="mr-2"></i> Start Building
61
+ </a>
62
+ <a href="trainer.html" class="border border-teal-400 text-teal-400 hover:bg-teal-900/50 px-6 py-3 rounded-lg font-medium flex items-center transition">
63
+ <i data-feather="activity" class="mr-2"></i> Train Models
64
  </a>
 
 
 
65
  </div>
66
  </section>
67
 
68
  <!-- Features Grid -->
69
  <section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
70
+ <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300">
71
  <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
72
+ <i data-feather="box" class="text-teal-400"></i>
73
  </div>
74
+ <h3 class="text-xl font-bold mb-2">Agent Builder</h3>
75
+ <p class="text-gray-300">Visual interface to create AI agents with custom behavior, knowledge bases, and response templates.</p>
76
  </div>
77
+ <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300">
78
  <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
79
+ <i data-feather="database" class="text-teal-400"></i>
80
  </div>
81
+ <h3 class="text-xl font-bold mb-2">Model Training</h3>
82
+ <p class="text-gray-300">Fine-tune models with your data and optimize for specific tasks using our training pipeline.</p>
83
  </div>
84
+ <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 feature-card transition duration-300">
85
  <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
86
+ <i data-feather="cloud" class="text-teal-400"></i>
87
  </div>
88
+ <h3 class="text-xl font-bold mb-2">One-Click Deploy</h3>
89
+ <p class="text-gray-300">Deploy your agents as APIs, chatbots, or embedded solutions with our infrastructure.</p>
90
  </div>
91
  </section>
92
 
93
+ <!-- Demo Section -->
94
  <section class="bg-gray-800/70 backdrop-blur-sm rounded-xl border border-gray-700 p-6 mb-16">
95
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
96
+ <div>
97
+ <h2 class="text-2xl font-bold mb-4">AI Code Generation Demo</h2>
98
+ <p class="text-gray-300 mb-6">See how our AI can generate complete software solutions from natural language prompts:</p>
99
+ <div class="code-block p-4 rounded-lg text-sm overflow-x-auto">
100
+ <pre class="text-green-400">
101
+ # Generate a Python web scraper
102
+ import requests
103
+ from bs4 import BeautifulSoup
104
+
105
+ def scrape_website(url):
106
+ response = requests.get(url)
107
+ soup = BeautifulSoup(response.text, 'html.parser')
108
+ return {
109
+ 'title': soup.title.string,
110
+ 'links': [a['href'] for a in soup.find_all('a', href=True)]
111
+ }</pre>
112
  </div>
113
  </div>
114
+ <div>
115
+ <img src="http://static.photos/technology/640x360/42" alt="AI Agent Dashboard" class="rounded-lg shadow-xl">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
116
  </div>
117
  </div>
 
 
 
 
 
 
 
 
 
 
118
  </section>
119
 
120
  <!-- Footer -->
 
124
  <a href="#" class="hover:text-teal-400"><i data-feather="discord"></i></a>
125
  <a href="#" class="hover:text-teal-400"><i data-feather="twitter"></i></a>
126
  </div>
127
+ <p>© 2023 LM Studios - AI Agent Builder Platform</p>
128
+ <p class="text-sm mt-2">Powered by AnythingLLM and custom model training</p>
129
  </footer>
130
  </div>
131
 
 
142
  scaleMobile: 1.00,
143
  color: 0x10b981,
144
  backgroundColor: 0x111827,
145
+ points: 12.00,
146
+ maxDistance: 25.00,
147
+ spacing: 18.00
148
  });
149
 
150
  // Initialize feather icons
151
  feather.replace();
152
  </script>
153
  </body>
154
+ </html>
trainer.html ADDED
@@ -0,0 +1,223 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>LM Studios - AI Model Trainer</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <style>
11
+ .training-progress::-webkit-progress-value {
12
+ background-color: #10b981;
13
+ border-radius: 4px;
14
+ }
15
+ .training-progress::-webkit-progress-bar {
16
+ background-color: #374151;
17
+ border-radius: 4px;
18
+ }
19
+ .dataset-card:hover {
20
+ transform: translateY(-3px);
21
+ box-shadow: 0 6px 12px rgba(16, 185, 129, 0.2);
22
+ }
23
+ </style>
24
+ </head>
25
+ <body class="bg-gray-900 text-gray-100 min-h-screen">
26
+ <div class="container mx-auto px-4 py-6">
27
+ <!-- Header -->
28
+ <header class="flex justify-between items-center mb-6 border-b border-teal-500 pb-4">
29
+ <div class="flex items-center space-x-3">
30
+ <i data-feather="activity" class="w-8 h-8 text-teal-400"></i>
31
+ <h1 class="text-2xl font-bold text-teal-400">AI Model Trainer</h1>
32
+ </div>
33
+ <button class="text-teal-300 hover:text-white flex items-center">
34
+ <i data-feather="settings" class="mr-2"></i> Training Settings
35
+ </button>
36
+ </header>
37
+
38
+ <!-- Training Dashboard -->
39
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
40
+ <!-- Current Training -->
41
+ <div class="bg-gray-800/70 rounded-xl p-6 border border-teal-500/30">
42
+ <h3 class="text-lg font-bold mb-4 text-teal-300">Active Training</h3>
43
+ <div class="flex items-center justify-between mb-2">
44
+ <span class="text-sm">Llama 3 Fine-tuning</span>
45
+ <span class="text-xs bg-teal-900/50 text-teal-300 px-2 py-1 rounded">Running</span>
46
+ </div>
47
+ <progress value="65" max="100" class="training-progress w-full h-2 mb-2"></progress>
48
+ <div class="flex justify-between text-xs text-gray-400">
49
+ <span>65% complete</span>
50
+ <span>ETA: 1h 23m</span>
51
+ </div>
52
+ <div class="mt-4 grid grid-cols-2 gap-2 text-sm">
53
+ <div>
54
+ <span class="text-gray-400">Loss:</span>
55
+ <span class="font-medium">0.42</span>
56
+ </div>
57
+ <div>
58
+ <span class="text-gray-400">LR:</span>
59
+ <span class="font-medium">3e-5</span>
60
+ </div>
61
+ <div>
62
+ <span class="text-gray-400">Steps:</span>
63
+ <span class="font-medium">12,345</span>
64
+ </div>
65
+ <div>
66
+ <span class="text-gray-400">GPUs:</span>
67
+ <span class="font-medium">4x A100</span>
68
+ </div>
69
+ </div>
70
+ <div class="mt-4 flex space-x-2">
71
+ <button class="text-xs bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded">
72
+ <i data-feather="pause" class="w-3 h-3 mr-1 inline"></i> Pause
73
+ </button>
74
+ <button class="text-xs bg-red-900/50 hover:bg-red-800/50 px-3 py-1 rounded">
75
+ <i data-feather="stop-circle" class="w-3 h-3 mr-1 inline"></i> Stop
76
+ </button>
77
+ </div>
78
+ </div>
79
+
80
+ <!-- New Training -->
81
+ <div class="bg-gray-800/70 rounded-xl p-6 border border-gray-700">
82
+ <h3 class="text-lg font-bold mb-4 text-teal-300">Start New Training</h3>
83
+ <div class="space-y-4">
84
+ <div>
85
+ <label class="block text-sm font-medium mb-1">Base Model</label>
86
+ <select class="w-full bg-gray-700 border border-gray-600 rounded px-3 py-2">
87
+ <option>Llama 3 8B</option>
88
+ <option>Llama 3 70B</option>
89
+ <option>Mistral 7B</option>
90
+ <option>GPT-3.5</option>
91
+ </select>
92
+ </div>
93
+ <div>
94
+ <label class="block text-sm font-medium mb-1">Training Data</label>
95
+ <select class="w-full bg-gray-700 border border-gray-600 rounded px-3 py-2">
96
+ <option>Customer Support Dataset</option>
97
+ <option>Technical Documentation</option>
98
+ <option>Custom Upload</option>
99
+ </select>
100
+ </div>
101
+ <button class="w-full bg-teal-600 hover:bg-teal-500 py-2 rounded-lg font-medium">
102
+ <i data-feather="play" class="w-4 h-4 mr-2 inline"></i> Start Training
103
+ </button>
104
+ </div>
105
+ </div>
106
+
107
+ <!-- Training History -->
108
+ <div class="bg-gray-800/70 rounded-xl p-6 border border-gray-700">
109
+ <h3 class="text-lg font-bold mb-4 text-teal-300">Recent Trainings</h3>
110
+ <div class="space-y-3">
111
+ <div class="p-3 bg-gray-700/50 rounded-lg">
112
+ <div class="flex justify-between items-center">
113
+ <span class="text-sm font-medium">Llama 3 - 8B</span>
114
+ <span class="text-xs bg-green-900/50 text-green-300 px-2 py-1 rounded">Completed</span>
115
+ </div>
116
+ <div class="text-xs text-gray-400 mt-1">Finished 2 days ago</div>
117
+ </div>
118
+ <div class="p-3 bg-gray-700/50 rounded-lg">
119
+ <div class="flex justify-between items-center">
120
+ <span class="text-sm font-medium">Mistral - 7B</span>
121
+ <span class="text-xs bg-yellow-900/50 text-yellow-300 px-2 py-1 rounded">Failed</span>
122
+ </div>
123
+ <div class="text-xs text-gray-400 mt-1">3 days ago</div>
124
+ </div>
125
+ <div class="p-3 bg-gray-700/50 rounded-lg">
126
+ <div class="flex justify-between items-center">
127
+ <span class="text-sm font-medium">GPT-3.5</span>
128
+ <span class="text-xs bg-green-900/50 text-green-300 px-2 py-1 rounded">Completed</span>
129
+ </div>
130
+ <div class="text-xs text-gray-400 mt-1">1 week ago</div>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </div>
135
+
136
+ <!-- Datasets Section -->
137
+ <section class="bg-gray-800/70 rounded-xl border border-gray-700 p-6 mb-8">
138
+ <div class="flex justify-between items-center mb-6">
139
+ <h2 class="text-xl font-bold text-teal-300">Training Datasets</h2>
140
+ <button class="bg-teal-600 hover:bg-teal-500 px-4 py-2 rounded-lg font-medium text-sm">
141
+ <i data-feather="upload" class="w-4 h-4 mr-2 inline"></i> Upload Dataset
142
+ </button>
143
+ </div>
144
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
145
+ <div class="dataset-card bg-gray-700/50 p-4 rounded-lg border border-gray-600 transition duration-300 cursor-pointer">
146
+ <div class="flex justify-between items-start">
147
+ <div>
148
+ <h3 class="font-medium mb-1">Customer Support</h3>
149
+ <div class="text-xs text-gray-400">12,543 examples</div>
150
+ </div>
151
+ <span class="text-xs bg-teal-900/50 text-teal-300 px-2 py-1 rounded">QA Pairs</span>
152
+ </div>
153
+ <div class="mt-3 text-sm text-gray-300">Customer service conversations and responses</div>
154
+ </div>
155
+ <div class="dataset-card bg-gray-700/50 p-4 rounded-lg border border-gray-600 transition duration-300 cursor-pointer">
156
+ <div class="flex justify-between items-start">
157
+ <div>
158
+ <h3 class="font-medium mb-1">Code Generation</h3>
159
+ <div class="text-xs text-gray-400">8,756 examples</div>
160
+ </div>
161
+ <span class="text-xs bg-purple-900/50 text-purple-300 px-2 py-1 rounded">Code</span>
162
+ </div>
163
+ <div class="mt-3 text-sm text-gray-300">Programming problems and solutions in multiple languages</div>
164
+ </div>
165
+ <div class="dataset-card bg-gray-700/50 p-4 rounded-lg border border-gray-600 transition duration-300 cursor-pointer">
166
+ <div class="flex justify-between items-start">
167
+ <div>
168
+ <h3 class="font-medium mb-1">Technical Docs</h3>
169
+ <div class="text-xs text-gray-400">5,231 examples</div>
170
+ </div>
171
+ <span class="text-xs bg-blue-900/50 text-blue-300 px-2 py-1 rounded">Documents</span>
172
+ </div>
173
+ <div class="mt-3 text-sm text-gray-300">API documentation and technical articles</div>
174
+ </div>
175
+ </div>
176
+ </section>
177
+
178
+ <!-- Model Evaluation -->
179
+ <section class="bg-gray-800/70 rounded-xl border border-gray-700 p-6">
180
+ <h2 class="text-xl font-bold mb-6 text-teal-300">Model Evaluation</h2>
181
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
182
+ <div>
183
+ <h3 class="font-medium mb-3">Performance Metrics</h3>
184
+ <div class="bg-gray-700 rounded-lg p-4">
185
+ <div class="grid grid-cols-2 gap-4 text-sm">
186
+ <div>
187
+ <span class="text-gray-400">Accuracy:</span>
188
+ <span class="font-medium">87.3%</span>
189
+ </div>
190
+ <div>
191
+ <span class="text-gray-400">BLEU Score:</span>
192
+ <span class="font-medium">0.76</span>
193
+ </div>
194
+ <div>
195
+ <span class="text-gray-400">Perplexity:</span>
196
+ <span class="font-medium">12.4</span>
197
+ </div>
198
+ <div>
199
+ <span class="text-gray-400">F1 Score:</span>
200
+ <span class="font-medium">0.82</span>
201
+ </div>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ <div>
206
+ <h3 class="font-medium mb-3">Test Your Model</h3>
207
+ <div class="bg-gray-700 rounded-lg p-4">
208
+ <input type="text" placeholder="Enter test input..."
209
+ class="w-full bg-gray-600 border border-gray-500 rounded px-3 py-2 mb-3">
210
+ <div class="bg-gray-800 p-3 rounded text-sm">
211
+ <p class="text-gray-400">Model output will appear here...</p>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ </section>
217
+ </div>
218
+ <script>
219
+ // Initialize feather icons
220
+ feather.replace();
221
+ </script>
222
+ </body>
223
+ </html>