@elgap/edukaai 0.1.0

package/.output/server/chunks/build/field-guide-qbukT8F0.mjs

@@ -0,0 +1,38 @@
+import { mergeProps, useSSRContext } from 'vue';
+import { ssrRenderAttrs } from 'vue/server-renderer';
+import { _ as _export_sfc } from './server.mjs';
+import '../nitro/nitro.mjs';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'node:crypto';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import 'pinia';
+import 'vue-router';
+import 'tailwindcss/colors';
+import '@iconify/vue';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/utils';
+
+const _sfc_main = {};
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
+  _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-5xl mx-auto" }, _attrs))}><section id="field-guide" class="mb-12"><div class="flex items-center gap-3 mb-6"><span class="text-3xl">📝</span><h2 class="text-2xl font-bold">Complete Field Guide</h2></div><p class="text-lg text-gray-600 mb-6"> Every field in edukaAI serves a purpose. Master them all to create the best training dataset. </p><div class="card mb-6"><h3 class="text-xl font-semibold mb-6 text-blue-600">Core Fields (Required)</h3><div class="space-y-8"><div class="border-l-4 border-blue-500 pl-4"><h4 class="text-lg font-semibold mb-2">🎯 Instruction</h4><p class="text-gray-600 mb-3"> The main question or task. This is what the user will type to get a response from your model. </p><div class="bg-green-50 p-4 rounded-lg mb-3"><p class="text-sm text-green-800 font-medium mb-2">✅ Good Example:</p><p class="text-sm text-gray-700">&quot;Explain how React&#39;s useEffect hook works, including the dependency array, cleanup functions, and common pitfalls to avoid. Provide code examples for each concept.&quot;</p></div><div class="bg-red-50 p-4 rounded-lg mb-3"><p class="text-sm text-red-800 font-medium mb-2">❌ Bad Example:</p><p class="text-sm text-gray-700">&quot;React help&quot;</p></div><div class="text-sm bg-blue-50 p-3 rounded"><strong>💡 Pro Tips:</strong><ul class="list-disc list-inside mt-1 space-y-1"><li>Be specific about what you want</li><li>Include context in the instruction if needed</li><li>Use natural language like a real user would</li><li>Length: 50-500 characters is ideal</li></ul></div></div><div class="border-l-4 border-gray-400 pl-4"><h4 class="text-lg font-semibold mb-2">📎 Input Context (Optional)</h4><p class="text-gray-600 mb-3"> Additional context that helps the AI understand the full picture. Use this for code snippets, background info, or supporting data. </p><div class="bg-yellow-50 p-4 rounded-lg mb-3"><p class="text-sm text-yellow-800 font-medium mb-2">📌 When to Use:</p><ul class="list-disc list-inside text-sm text-gray-700 space-y-1"><li>Code that needs to be explained or refactored</li><li>Error messages that need debugging</li><li>Long context that shouldn&#39;t be in the main instruction</li><li>Background information for complex questions</li></ul></div><div class="bg-green-50 p-4 rounded-lg"><p class="text-sm text-green-800 font-medium mb-2">✅ Example:</p><p class="text-sm text-gray-700 mb-2"><strong>Instruction:</strong> &quot;What&#39;s wrong with this code and how do I fix it?&quot;</p><p class="text-sm text-gray-700"><strong>Input:</strong> Code snippet with error</p></div></div><div class="border-l-4 border-green-500 pl-4"><h4 class="text-lg font-semibold mb-2">📝 Output / Response</h4><p class="text-gray-600 mb-3"> The ideal AI response. This is what you want the model to learn to produce. Make it as good as you want your AI to be. </p><div class="bg-green-50 p-4 rounded-lg mb-3"><p class="text-sm text-green-800 font-medium mb-2">✅ What Makes Good Output:</p><ul class="list-disc list-inside text-sm text-gray-700 space-y-1"><li><strong>Directly answers</strong> the instruction</li><li><strong>Complete and thorough</strong> - doesn&#39;t leave the user hanging</li><li><strong>Well-structured</strong> - uses formatting, lists, code blocks</li><li><strong>Accurate</strong> - factually correct information</li><li><strong>Appropriate tone</strong> - matches your desired style</li><li><strong>Includes examples</strong> - shows, don&#39;t just tell</li><li><strong>Explains reasoning</strong> - helps user understand why</li></ul></div><div class="text-sm bg-red-50 p-3 rounded"><strong>⚠️ Common Mistakes:</strong><ul class="list-disc list-inside mt-1 space-y-1"><li>Too short or incomplete</li><li>Doesn&#39;t actually answer the question</li><li>Contains errors or bad advice</li><li>Too generic or vague</li></ul></div></div></div></div><div class="card mb-6"><h3 class="text-xl font-semibold mb-6 text-purple-600">Metadata Fields</h3><div class="space-y-6"><div class="border-l-4 border-purple-400 pl-4"><h4 class="font-semibold mb-2">🎭 System Prompt</h4><p class="text-gray-600 mb-3"> Defines the AI&#39;s personality, role, and behavior. Think of it as the &quot;character sheet&quot; for your AI. </p><div class="bg-purple-50 p-4 rounded-lg"><p class="text-sm text-purple-800 font-medium mb-2">✅ Example System Prompts:</p><div class="space-y-2 text-sm"><p class="bg-white p-2 rounded">&quot;You are a patient senior software engineer who mentors junior developers. Explain concepts clearly, use analogies, and always provide code examples.&quot;</p><p class="bg-white p-2 rounded">&quot;You are a concise technical writer. Provide direct, accurate answers without fluff. Focus on practical implementation.&quot;</p><p class="bg-white p-2 rounded">&quot;You are an enthusiastic teacher who makes complex topics fun and accessible. Use analogies and real-world examples.&quot;</p></div></div><p class="text-sm text-gray-500 mt-3"><strong>Tip:</strong> Use the same system prompt across related examples to maintain consistent personality. </p></div><div class="border-l-4 border-purple-400 pl-4"><h4 class="font-semibold mb-2">🏷️ Category</h4><p class="text-gray-600 mb-3">Organizes your dataset into topics.</p><div class="grid grid-cols-2 md:grid-cols-4 gap-2 text-sm"><div class="bg-gray-100 p-2 rounded text-center"><strong>Coding</strong><p class="text-xs text-gray-600">Programming, debugging, architecture</p></div><div class="bg-gray-100 p-2 rounded text-center"><strong>Explanation</strong><p class="text-xs text-gray-600">Concepts, how-tos, tutorials</p></div><div class="bg-gray-100 p-2 rounded text-center"><strong>Analysis</strong><p class="text-xs text-gray-600">Data, reviews, debugging</p></div><div class="bg-gray-100 p-2 rounded text-center"><strong>Writing</strong><p class="text-xs text-gray-600">Content, emails, docs</p></div><div class="bg-gray-100 p-2 rounded text-center"><strong>Math</strong><p class="text-xs text-gray-600">Calculations, problems</p></div><div class="bg-gray-100 p-2 rounded text-center"><strong>Science</strong><p class="text-xs text-gray-600">Scientific topics</p></div><div class="bg-gray-100 p-2 rounded text-center col-span-2"><strong>General</strong><p class="text-xs text-gray-600">Everything else</p></div></div></div><div class="border-l-4 border-purple-400 pl-4"><h4 class="font-semibold mb-2">📊 Difficulty</h4><p class="text-gray-600 mb-3">Tracks complexity level. Aim for a mix of difficulties in your dataset.</p><div class="grid grid-cols-1 md:grid-cols-3 gap-3"><div class="bg-green-50 p-3 rounded-lg"><strong class="text-green-700">Beginner</strong><p class="text-sm text-gray-600 mt-1">Basic concepts, simple tasks, foundational knowledge</p><p class="text-xs text-gray-500 mt-2">Example: &quot;What is a variable?&quot;</p></div><div class="bg-yellow-50 p-3 rounded-lg"><strong class="text-yellow-700">Intermediate</strong><p class="text-sm text-gray-600 mt-1">Practical applications, combining concepts</p><p class="text-xs text-gray-500 mt-2">Example: &quot;How do I use async/await with error handling?&quot;</p></div><div class="bg-red-50 p-3 rounded-lg"><strong class="text-red-700">Advanced</strong><p class="text-sm text-gray-600 mt-1">Complex reasoning, optimization, architecture</p><p class="text-xs text-gray-500 mt-2">Example: &quot;Design a distributed system for 1M concurrent users&quot;</p></div></div></div><div class="border-l-4 border-purple-400 pl-4"><h4 class="font-semibold mb-2">⭐ Quality Rating (1-5 Stars)</h4><p class="text-gray-600 mb-3">Your assessment of how good this training example is.</p><div class="space-y-2 text-sm"><div class="flex items-center gap-3"><span class="text-2xl">⭐</span><div><strong>Poor</strong><p class="text-gray-600">Major issues, shouldn&#39;t be used for training</p></div></div><div class="flex items-center gap-3"><span class="text-2xl">⭐⭐</span><div><strong>Fair</strong><p class="text-gray-600">Significant problems, needs major revision</p></div></div><div class="flex items-center gap-3"><span class="text-2xl">⭐⭐⭐</span><div><strong>Good</strong><p class="text-gray-600">Acceptable quality, could be improved</p></div></div><div class="flex items-center gap-3"><span class="text-2xl">⭐⭐⭐⭐</span><div><strong>Very Good</strong><p class="text-gray-600">Solid example, minor improvements possible</p></div></div><div class="flex items-center gap-3"><span class="text-2xl">⭐⭐⭐⭐⭐</span><div><strong>Excellent</strong><p class="text-gray-600">Perfect example, ideal for training</p></div></div></div><p class="text-sm text-gray-500 mt-3"><strong>Tip:</strong> Only approve examples with 3+ stars for training. Reject 1-2 star examples. </p></div><div class="border-l-4 border-purple-400 pl-4"><h4 class="font-semibold mb-2">🏷️ Tags</h4><p class="text-gray-600 mb-3">Custom labels for filtering and organization.</p><div class="flex flex-wrap gap-2 mb-3"><span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded">javascript</span><span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded">react</span><span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded">debugging</span><span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded">best-practices</span><span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded">performance</span></div><p class="text-sm text-gray-500"> Add relevant keywords to make examples easier to find later. </p></div><div class="border-l-4 border-purple-400 pl-4"><h4 class="font-semibold mb-2">📝 Notes</h4><p class="text-gray-600 mb-3">Document why this is a good example or what could be improved.</p><div class="bg-yellow-50 p-3 rounded text-sm"><strong>Example notes:</strong><ul class="list-disc list-inside mt-1 space-y-1"><li>&quot;Clear explanation with multiple examples - great for training&quot;</li><li>&quot;Output needs more detail about error handling&quot;</li><li>&quot;Imported from Claude conversation, needs review&quot;</li><li>&quot;Perfect beginner example, covers common confusion&quot;</li></ul></div></div></div></div></section></div>`);
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/help/field-guide.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const fieldGuide = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+
+export { fieldGuide as default };
+//# sourceMappingURL=field-guide-qbukT8F0.mjs.map

package/.output/server/chunks/build/field-guide-qbukT8F0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-guide-qbukT8F0.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/field-guide-qbukT8F0.js"],"names":[],"mappings":"","x_google_ignoreList":[0]}

package/.output/server/chunks/build/first-training-BbEOBcEW.mjs

@@ -0,0 +1,343 @@
+import { _ as __nuxt_component_0 } from './nuxt-link-Ceyd90PQ.mjs';
+import { ref, mergeProps, withCtx, createTextVNode, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent } from 'vue/server-renderer';
+import { _ as _export_sfc } from './server.mjs';
+import '../nitro/nitro.mjs';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'node:crypto';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import 'pinia';
+import 'vue-router';
+import 'tailwindcss/colors';
+import '@iconify/vue';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/utils';
+
+const _sfc_main = {
+  __name: "first-training",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const copiedIndex = ref(null);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-4xl mx-auto" }, _attrs))} data-v-022ec2d4><div class="mb-8" data-v-022ec2d4><div class="flex items-center gap-3 mb-4" data-v-022ec2d4>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/export",
+        class: "text-blue-600 hover:text-blue-800"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` ← Back to Export `);
+          } else {
+            return [
+              createTextVNode(" ← Back to Export ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div><div class="bg-gradient-to-r from-green-500 to-emerald-600 text-white p-6 rounded-2xl mb-6" data-v-022ec2d4><h1 class="text-3xl font-bold mb-2" data-v-022ec2d4>🎯 Your First Fine-tuning</h1><p class="text-xl opacity-90" data-v-022ec2d4> Complete step-by-step guide. The technical part is easy — focus on creating great training data! </p></div></div><div class="card mb-6" data-v-022ec2d4><h2 class="text-lg font-semibold mb-4" data-v-022ec2d4>Your Progress</h2><div class="relative" data-v-022ec2d4><div class="absolute top-1/2 left-0 right-0 h-1 bg-gray-200 -translate-y-1/2 z-0" data-v-022ec2d4></div><div class="absolute top-1/2 left-0 w-2/3 h-1 bg-green-500 -translate-y-1/2 z-0" data-v-022ec2d4></div><div class="relative z-10 flex justify-between" data-v-022ec2d4><div class="flex flex-col items-center" data-v-022ec2d4><div class="w-10 h-10 bg-green-500 text-white rounded-full flex items-center justify-center font-bold text-lg mb-2" data-v-022ec2d4> ✓ </div><span class="text-sm font-medium text-green-700" data-v-022ec2d4>Create Dataset</span><span class="text-xs text-gray-500" data-v-022ec2d4>Done in edukaAI</span></div><div class="flex flex-col items-center" data-v-022ec2d4><div class="w-10 h-10 bg-green-500 text-white rounded-full flex items-center justify-center font-bold text-lg mb-2" data-v-022ec2d4> ✓ </div><span class="text-sm font-medium text-green-700" data-v-022ec2d4>Export Data</span><span class="text-xs text-gray-500" data-v-022ec2d4>Downloaded JSON</span></div><div class="flex flex-col items-center" data-v-022ec2d4><div class="w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-lg mb-2 animate-pulse" data-v-022ec2d4> 3 </div><span class="text-sm font-medium text-blue-700" data-v-022ec2d4>Train Model</span><span class="text-xs text-gray-500" data-v-022ec2d4>You are here →</span></div><div class="flex flex-col items-center" data-v-022ec2d4><div class="w-10 h-10 bg-gray-300 text-gray-500 rounded-full flex items-center justify-center font-bold text-lg mb-2" data-v-022ec2d4> 4 </div><span class="text-sm font-medium text-gray-500" data-v-022ec2d4>Test Model</span><span class="text-xs text-gray-500" data-v-022ec2d4>Chat with AI</span></div></div></div><div class="mt-6 p-3 bg-blue-50 rounded-lg border border-blue-200 text-center" data-v-022ec2d4><p class="text-sm text-blue-800" data-v-022ec2d4><strong data-v-022ec2d4>⏱️ Total Time:</strong> ~25 minutes active work + 15-20 minutes computer processing </p></div></div><div class="card mb-6 border-2 border-yellow-300 bg-gradient-to-r from-yellow-50 to-orange-50" data-v-022ec2d4><h2 class="text-xl font-semibold mb-4 flex items-center gap-2" data-v-022ec2d4><span class="text-2xl" data-v-022ec2d4>✅</span> Pre-Flight Checklist </h2><p class="text-gray-700 mb-4" data-v-022ec2d4>Before you start, make sure you have:</p><div class="space-y-3" data-v-022ec2d4><div class="flex items-start gap-3 p-3 bg-white rounded-lg border border-yellow-200" data-v-022ec2d4><input type="checkbox" id="check-dataset" class="w-5 h-5 mt-0.5 text-green-600 rounded border-gray-300 focus:ring-green-500" data-v-022ec2d4><label for="check-dataset" class="flex-1 cursor-pointer" data-v-022ec2d4><span class="font-semibold text-gray-800" data-v-022ec2d4>Dataset File</span><p class="text-sm text-gray-600" data-v-022ec2d4> You have <code class="bg-gray-100 px-1 rounded" data-v-022ec2d4>dataset_alpaca.json</code> from edukaAI export `);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/export",
+        class: "text-blue-600 hover:underline ml-1"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`(get it here)`);
+          } else {
+            return [
+              createTextVNode("(get it here)")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</p></label></div><div class="flex items-start gap-3 p-3 bg-white rounded-lg border border-yellow-200" data-v-022ec2d4><input type="checkbox" id="check-python" class="w-5 h-5 mt-0.5 text-green-600 rounded border-gray-300 focus:ring-green-500" data-v-022ec2d4><label for="check-python" class="flex-1 cursor-pointer" data-v-022ec2d4><span class="font-semibold text-gray-800" data-v-022ec2d4>Python 3.9+</span><p class="text-sm text-gray-600" data-v-022ec2d4> Check by running: <code class="bg-gray-800 text-green-400 px-2 py-0.5 rounded text-xs" data-v-022ec2d4>python --version</code> in terminal </p></label></div><div class="flex items-start gap-3 p-3 bg-white rounded-lg border border-yellow-200" data-v-022ec2d4><input type="checkbox" id="check-time" class="w-5 h-5 mt-0.5 text-green-600 rounded border-gray-300 focus:ring-green-500" data-v-022ec2d4><label for="check-time" class="flex-1 cursor-pointer" data-v-022ec2d4><span class="font-semibold text-gray-800" data-v-022ec2d4>20-30 Minutes</span><p class="text-sm text-gray-600" data-v-022ec2d4> Training takes 15-20 minutes of computer time. You can do other things while it runs! </p></label></div><div class="flex items-start gap-3 p-3 bg-white rounded-lg border border-yellow-200" data-v-022ec2d4><input type="checkbox" id="check-expectations" class="w-5 h-5 mt-0.5 text-green-600 rounded border-gray-300 focus:ring-green-500" data-v-022ec2d4><label for="check-expectations" class="flex-1 cursor-pointer" data-v-022ec2d4><span class="font-semibold text-gray-800" data-v-022ec2d4>Realistic Expectations</span><p class="text-sm text-gray-600" data-v-022ec2d4> With 10-20 examples, results will be okay but inconsistent. That&#39;s normal! This is a learning exercise, not production AI. </p></label></div></div><div class="mt-4 p-3 bg-green-100 rounded-lg border border-green-300" data-v-022ec2d4><p class="text-sm text-green-800 text-center font-medium" data-v-022ec2d4> ✨ Checked all 4 boxes? You&#39;re ready to start! </p></div></div><div class="card mb-6 bg-gradient-to-r from-blue-50 to-purple-50" data-v-022ec2d4><h2 class="text-xl font-semibold mb-4" data-v-022ec2d4>What You&#39;ll Accomplish</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-4" data-v-022ec2d4><div class="text-center p-4" data-v-022ec2d4><div class="text-4xl mb-2" data-v-022ec2d4>📊</div><h3 class="font-semibold mb-1" data-v-022ec2d4>Export Data</h3><p class="text-sm text-gray-600" data-v-022ec2d4>Already done in edukaAI</p></div><div class="text-center p-4" data-v-022ec2d4><div class="text-4xl mb-2" data-v-022ec2d4>⚙️</div><h3 class="font-semibold mb-1" data-v-022ec2d4>Train Model</h3><p class="text-sm text-gray-600" data-v-022ec2d4>Just 3 simple commands</p></div><div class="text-center p-4" data-v-022ec2d4><div class="text-4xl mb-2" data-v-022ec2d4>🎉</div><h3 class="font-semibold mb-1" data-v-022ec2d4>Chat with AI</h3><p class="text-sm text-gray-600" data-v-022ec2d4>That learned from YOUR data</p></div></div><div class="mt-4 p-4 bg-white rounded-lg border-2 border-green-200" data-v-022ec2d4><p class="text-center text-green-800 font-medium" data-v-022ec2d4> 💡 Remember: Training the model is the <strong data-v-022ec2d4>easy part</strong>. Creating quality training data is where the magic happens — and that&#39;s what edukaAI helps you with! </p></div></div><div class="card mb-6" data-v-022ec2d4><h2 class="text-xl font-semibold mb-4" data-v-022ec2d4>📋 Before You Start (Prerequisites)</h2><div class="space-y-4" data-v-022ec2d4><div class="flex items-start gap-4 p-4 bg-green-50 rounded-lg border border-green-200" data-v-022ec2d4><div class="w-8 h-8 bg-green-500 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>✓</div><div data-v-022ec2d4><h3 class="font-semibold text-green-800" data-v-022ec2d4>Your Dataset from edukaAI</h3><p class="text-gray-700" data-v-022ec2d4> You should have exported your dataset as <code data-v-022ec2d4>dataset_alpaca.json</code>. If not, `);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/export",
+        class: "text-blue-600 hover:underline"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`go to Export`);
+          } else {
+            return [
+              createTextVNode("go to Export")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(` first. </p></div></div><div class="flex items-start gap-4 p-4 bg-blue-50 rounded-lg border border-blue-200" data-v-022ec2d4><div class="w-8 h-8 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>1</div><div data-v-022ec2d4><h3 class="font-semibold text-blue-800" data-v-022ec2d4>Python 3.9 or higher</h3><p class="text-gray-700 mb-2" data-v-022ec2d4>Check if you have it:</p><div class="relative group" data-v-022ec2d4><code class="block bg-gray-800 text-green-400 p-3 rounded text-sm" data-v-022ec2d4>python --version</code><button class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity bg-gray-700 hover:bg-gray-600 text-white text-xs px-2 py-1 rounded flex items-center gap-1" data-v-022ec2d4>`);
+      if (copiedIndex.value === 0) {
+        _push(`<span data-v-022ec2d4>✓ Copied!</span>`);
+      } else {
+        _push(`<span data-v-022ec2d4>📋 Copy</span>`);
+      }
+      _push(`</button></div><p class="text-sm text-gray-600 mt-2" data-v-022ec2d4> Don&#39;t have it? <a href="https://www.python.org/downloads/" target="_blank" class="text-blue-600 hover:underline" data-v-022ec2d4>Download Python</a></p></div></div><div class="flex items-start gap-4 p-4 bg-yellow-50 rounded-lg border border-yellow-200" data-v-022ec2d4><div class="w-8 h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>2</div><div data-v-022ec2d4><h3 class="font-semibold text-yellow-800" data-v-022ec2d4>A GPU... OR Use Hugging Face!</h3><p class="text-gray-700 mb-2" data-v-022ec2d4> Training requires a GPU, unless you use Hugging Face AutoTrain. Choose your path: </p><div class="grid grid-cols-1 md:grid-cols-3 gap-3" data-v-022ec2d4><div class="p-3 bg-white rounded border" data-v-022ec2d4><h4 class="font-semibold text-sm mb-1" data-v-022ec2d4>Option A: Your Computer</h4><p class="text-xs text-gray-600" data-v-022ec2d4>If you have an NVIDIA GPU with 8GB+ VRAM</p></div><div class="p-3 bg-white rounded border border-green-300 bg-green-50" data-v-022ec2d4><h4 class="font-semibold text-sm mb-1 text-green-700" data-v-022ec2d4>Option B: Google Colab ⭐</h4><p class="text-xs text-gray-600" data-v-022ec2d4>Free GPU in the cloud. Great for beginners!</p></div><div class="p-3 bg-white rounded border border-yellow-300 bg-yellow-50" data-v-022ec2d4><h4 class="font-semibold text-sm mb-1 text-yellow-700" data-v-022ec2d4>Option C: Hugging Face 🤗</h4><p class="text-xs text-gray-600" data-v-022ec2d4>No GPU needed! Web-based, easiest for non-coders</p></div></div></div></div></div></div><div class="card mb-6 border-2 border-green-300" data-v-022ec2d4><div class="flex items-center gap-3 mb-4" data-v-022ec2d4><span class="text-3xl" data-v-022ec2d4>☁️</span><h2 class="text-2xl font-bold text-green-700" data-v-022ec2d4>Path A: Google Colab (Easiest - Free GPU!)</h2></div><p class="text-gray-700 mb-6" data-v-022ec2d4> Google Colab provides a free GPU in the cloud. No setup on your computer needed. This is the <strong data-v-022ec2d4>recommended path for beginners</strong>. </p><div class="mb-6" data-v-022ec2d4><div class="flex items-center justify-between mb-3" data-v-022ec2d4><div class="flex items-center gap-3" data-v-022ec2d4><div class="w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>1</div><div data-v-022ec2d4><h3 class="text-lg font-semibold" data-v-022ec2d4>Upload Your Dataset</h3><span class="text-sm text-gray-500" data-v-022ec2d4>⏱️ 2 minutes</span></div></div></div><div class="ml-13 pl-4 border-l-4 border-blue-200" data-v-022ec2d4><ol class="list-decimal list-inside space-y-2 text-gray-700" data-v-022ec2d4><li data-v-022ec2d4>Go to <a href="https://colab.research.google.com" target="_blank" class="text-blue-600 hover:underline font-semibold" data-v-022ec2d4>Google Colab</a></li><li data-v-022ec2d4>Click &quot;New Notebook&quot;</li><li data-v-022ec2d4>In the left sidebar, click the 📁 folder icon</li><li data-v-022ec2d4>Click &quot;Upload&quot; and select your <code data-v-022ec2d4>dataset_alpaca.json</code> file</li><li data-v-022ec2d4>Wait for upload to complete (green checkmark)</li></ol><div class="mt-3 p-3 bg-gray-50 rounded text-sm" data-v-022ec2d4><strong data-v-022ec2d4>💡 Tip:</strong> The file will appear in the <code data-v-022ec2d4>/content/</code> folder </div><div class="mt-2 p-2 bg-yellow-50 rounded border border-yellow-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>🆘 Stuck?</strong> File not uploading? Try refreshing the page or checking file size (should be &lt; 50MB) </div></div></div><div class="mb-6" data-v-022ec2d4><div class="flex items-center justify-between mb-3" data-v-022ec2d4><div class="flex items-center gap-3" data-v-022ec2d4><div class="w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>2</div><div data-v-022ec2d4><h3 class="text-lg font-semibold" data-v-022ec2d4>Enable GPU</h3><span class="text-sm text-gray-500" data-v-022ec2d4>⏱️ 1 minute</span></div></div></div><div class="ml-13 pl-4 border-l-4 border-blue-200" data-v-022ec2d4><ol class="list-decimal list-inside space-y-2 text-gray-700" data-v-022ec2d4><li data-v-022ec2d4>Click &quot;Runtime&quot; in the top menu</li><li data-v-022ec2d4>Click &quot;Change runtime type&quot;</li><li data-v-022ec2d4>Under &quot;Hardware accelerator&quot;, select &quot;T4 GPU&quot;</li><li data-v-022ec2d4>Click &quot;Save&quot;</li></ol><div class="mt-2 p-2 bg-yellow-50 rounded border border-yellow-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>⚠️ Important:</strong> Without GPU, training will be extremely slow (hours instead of minutes) or may fail! </div></div></div><div class="mb-6" data-v-022ec2d4><div class="flex items-center justify-between mb-3" data-v-022ec2d4><div class="flex items-center gap-3" data-v-022ec2d4><div class="w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>3</div><div data-v-022ec2d4><h3 class="text-lg font-semibold" data-v-022ec2d4>Install Axolotl</h3><span class="text-sm text-gray-500" data-v-022ec2d4>⏱️ 3 minutes (mostly waiting)</span></div></div></div><div class="ml-13 pl-4 border-l-4 border-blue-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>In the first code cell, type:</p><code class="block bg-gray-800 text-green-400 p-3 rounded text-sm mb-2" data-v-022ec2d4> !pip install axolotl </code><p class="text-gray-700" data-v-022ec2d4>Press <kbd class="bg-gray-200 px-2 py-1 rounded" data-v-022ec2d4>Shift</kbd> + <kbd class="bg-gray-200 px-2 py-1 rounded" data-v-022ec2d4>Enter</kbd> to run</p><div class="mt-3 p-3 bg-yellow-50 rounded border border-yellow-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>⏳ Wait:</strong> Installation takes 2-3 minutes. Watch the output scroll by! You&#39;ll see progress bars. </div><div class="mt-2 p-2 bg-red-50 rounded border border-red-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>🆘 Error?</strong> If you see red text, try: <code data-v-022ec2d4>!pip install --upgrade axolotl</code> or restart runtime (Runtime → Restart runtime) </div></div></div><div class="mb-6" data-v-022ec2d4><div class="flex items-center justify-between mb-3" data-v-022ec2d4><div class="flex items-center gap-3" data-v-022ec2d4><div class="w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>4</div><div data-v-022ec2d4><h3 class="text-lg font-semibold" data-v-022ec2d4>Create Your Config</h3><span class="text-sm text-gray-500" data-v-022ec2d4>⏱️ 3 minutes</span></div></div></div><div class="ml-13 pl-4 border-l-4 border-blue-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>Create a new code cell and paste this:</p><pre class="bg-gray-800 text-green-400 p-3 rounded text-sm overflow-x-auto" data-v-022ec2d4><code data-v-022ec2d4>config = &#39;&#39;&#39;
+base_model: TinyLlama/TinyLlama-1.1B-Chat-v1.0
+model_type: LlamaForCausalLM
+tokenizer_type: LlamaTokenizer
+
+# Your edukaAI dataset
+datasets:
+  - path: /content/dataset_alpaca.json
+    type: alpaca
+
+# Training settings (keep it simple!)
+num_epochs: 3
+micro_batch_size: 1
+gradient_accumulation_steps: 4
+learning_rate: 0.0002
+
+# Where to save your trained model
+output_dir: /content/my-first-model
+
+# Use less memory (good for Colab)
+load_in_8bit: true
+&#39;&#39;&#39;
+
+# Save the config
+with open(&#39;/content/config.yaml&#39;, &#39;w&#39;) as f:
+    f.write(config)
+    
+print(&quot;✅ Config created!&quot;)</code></pre><p class="text-gray-700 mt-2" data-v-022ec2d4>Run it with <kbd class="bg-gray-200 px-2 py-1 rounded" data-v-022ec2d4>Shift</kbd> + <kbd class="bg-gray-200 px-2 py-1 rounded" data-v-022ec2d4>Enter</kbd></p><div class="mt-2 p-2 bg-blue-50 rounded border border-blue-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>💡 Tip:</strong> If your dataset filename is different, change <code data-v-022ec2d4>/content/dataset_alpaca.json</code> to match </div></div></div><div class="mb-6" data-v-022ec2d4><div class="flex items-center justify-between mb-3" data-v-022ec2d4><div class="flex items-center gap-3" data-v-022ec2d4><div class="w-10 h-10 bg-purple-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>5</div><div data-v-022ec2d4><h3 class="text-lg font-semibold" data-v-022ec2d4>Train Your Model! 🚀</h3><span class="text-sm text-gray-500" data-v-022ec2d4>⏱️ 15-20 minutes ☕ (computer does the work)</span></div></div></div><div class="ml-13 pl-4 border-l-4 border-purple-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>Create another code cell:</p><code class="block bg-gray-800 text-green-400 p-3 rounded text-sm mb-2" data-v-022ec2d4> !axolotl train /content/config.yaml </code><p class="text-gray-700" data-v-022ec2d4>Run it and watch the magic happen! ✨</p><div class="mt-3 p-3 bg-blue-50 rounded border border-blue-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>What you&#39;ll see:</strong><br data-v-022ec2d4> • Loading model... ✓<br data-v-022ec2d4> • Loading dataset... ✓<br data-v-022ec2d4> • Epoch 1/3: [████████] 100%<br data-v-022ec2d4> • Epoch 2/3: [████████] 100%<br data-v-022ec2d4> • Epoch 3/3: [████████] 100%<br data-v-022ec2d4> • Training complete! ✓ </div><div class="mt-2 p-2 bg-yellow-50 rounded border border-yellow-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>☕ This takes time:</strong> Go grab coffee! The computer is working. Don&#39;t close the tab. </div><div class="mt-2 p-2 bg-red-50 rounded border border-red-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>🆘 Taking &gt;30 mins?</strong> This is too long. Try:<br data-v-022ec2d4> • Change model to <code data-v-022ec2d4>TinyLlama/TinyLlama-1.1B-Chat-v1.0</code> (smaller = faster)<br data-v-022ec2d4> • Or add <code data-v-022ec2d4>num_epochs: 1</code> to config (less training) </div><div class="mt-2 p-2 bg-red-50 rounded border border-red-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>🆘 Out of Memory error?</strong> Add this to config:<br data-v-022ec2d4><code data-v-022ec2d4>load_in_4bit: true</code> (instead of 8bit)<br data-v-022ec2d4> Or use even smaller model </div></div></div><div class="mb-6" data-v-022ec2d4><div class="flex items-center justify-between mb-3" data-v-022ec2d4><div class="flex items-center gap-3" data-v-022ec2d4><div class="w-10 h-10 bg-green-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>6</div><div data-v-022ec2d4><h3 class="text-lg font-semibold" data-v-022ec2d4>Chat With Your Model 💬</h3><span class="text-sm text-gray-500" data-v-022ec2d4>⏱️ 5 minutes</span></div></div></div><div class="ml-13 pl-4 border-l-4 border-green-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>After training completes, test your model:</p><pre class="bg-gray-800 text-green-400 p-3 rounded text-sm overflow-x-auto" data-v-022ec2d4><code data-v-022ec2d4>from transformers import AutoModelForCausalLM, AutoTokenizer
+import torch
+
+# Load your trained model
+model_path = &quot;/content/my-first-model&quot;
+model = AutoModelForCausalLM.from_pretrained(
+    model_path,
+    torch_dtype=torch.float16,
+    device_map=&quot;auto&quot;
+)
+tokenizer = AutoTokenizer.from_pretrained(model_path)
+
+# Test it!
+prompt = &quot;What is photosynthesis?&quot;
+inputs = tokenizer(prompt, return_tensors=&quot;pt&quot;).to(model.device)
+
+# Generate response
+with torch.no_grad():
+    outputs = model.generate(
+        **inputs,
+        max_new_tokens=100,
+        temperature=0.7
+    )
+
+response = tokenizer.decode(outputs[0], skip_special_tokens=True)
+print(f&quot;You: {prompt}&quot;)
+print(f&quot;Model: {response}&quot;)</code></pre><div class="mt-3 p-3 bg-green-100 rounded text-sm text-green-800" data-v-022ec2d4><strong data-v-022ec2d4>🎉 Success!</strong> If you see a response (even if imperfect), you trained your first AI model! </div><div class="mt-2 p-2 bg-gray-50 rounded border border-gray-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>What to expect:</strong> With only 10-20 training examples, responses will be <strong data-v-022ec2d4>okay but inconsistent</strong>. Some will be great, some weird. This is normal! </div></div></div><div data-v-022ec2d4><div class="flex items-center justify-between mb-3" data-v-022ec2d4><div class="flex items-center gap-3" data-v-022ec2d4><div class="w-10 h-10 bg-yellow-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>7</div><div data-v-022ec2d4><h3 class="text-lg font-semibold" data-v-022ec2d4>Save Your Model (Important!)</h3><span class="text-sm text-gray-500" data-v-022ec2d4>⏱️ 2 minutes</span></div></div></div><div class="ml-13 pl-4 border-l-4 border-yellow-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>⚠️ Colab deletes files when you close it. Download your model:</p><ol class="list-decimal list-inside space-y-2 text-gray-700" data-v-022ec2d4><li data-v-022ec2d4>In the file browser (left sidebar), find <code data-v-022ec2d4>my-first-model</code> folder</li><li data-v-022ec2d4>Right-click it → &quot;Download&quot;</li><li data-v-022ec2d4>It will create a ZIP file you can save to your computer</li></ol><div class="mt-2 p-2 bg-red-50 rounded border border-red-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>⚠️ Don&#39;t skip this!</strong> If you don&#39;t download, you&#39;ll lose your trained model when Colab session ends. </div></div></div><div class="mt-8 p-6 bg-gradient-to-r from-purple-50 to-blue-50 rounded-xl border-2 border-purple-200" data-v-022ec2d4><h3 class="text-xl font-bold text-purple-700 mb-3 flex items-center gap-2" data-v-022ec2d4><span data-v-022ec2d4>⚡</span> Shortcut: Pre-Built Colab Notebook </h3><p class="text-gray-700 mb-4" data-v-022ec2d4> Want to skip copy-pasting? Use our pre-configured notebook with everything set up! </p><a href="https://colab.research.google.com/drive/1axolotl-edukaai-template" target="_blank" class="inline-flex items-center gap-2 bg-purple-600 hover:bg-purple-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors" data-v-022ec2d4><span data-v-022ec2d4>🚀</span> Open Pre-Built Template </a><p class="text-sm text-gray-500 mt-3" data-v-022ec2d4> Just upload your dataset and click run! All config included. </p></div></div><div class="card mb-6 bg-gradient-to-r from-green-50 to-emerald-50 border-green-300" data-v-022ec2d4><h2 class="text-2xl font-bold mb-4 text-green-700 flex items-center gap-2" data-v-022ec2d4><span data-v-022ec2d4>✅</span> How to Know It Worked </h2><div class="space-y-4" data-v-022ec2d4><div class="p-4 bg-white rounded-lg border border-green-200" data-v-022ec2d4><h3 class="font-semibold text-green-800 mb-2" data-v-022ec2d4>✓ You Should See This:</h3><pre class="bg-gray-800 text-green-400 p-3 rounded text-xs overflow-x-auto" data-v-022ec2d4>Loading model... ✓
+Loading dataset... ✓ (16 examples)
+Starting training...
+Epoch 1/3: 100%|████████| 16/16 [02:30&lt;00:00]
+Epoch 2/3: 100%|████████| 16/16 [02:28&lt;00:00]  
+Epoch 3/3: 100%|████████| 16/16 [02:29&lt;00:00]
+Training complete! ✓
+Model saved to /content/my-first-model</pre></div><div class="p-4 bg-white rounded-lg border border-green-200" data-v-022ec2d4><h3 class="font-semibold text-green-800 mb-2" data-v-022ec2d4>✓ When Testing, You&#39;ll Get:</h3><div class="bg-gray-100 p-3 rounded text-sm font-mono" data-v-022ec2d4> You: What is photosynthesis?<br data-v-022ec2d4> Model: Photosynthesis is the process by which plants use sunlight, water, and carbon dioxide to create oxygen and energy in the form of sugar. It&#39;s how plants make their food! </div><p class="text-sm text-gray-600 mt-2" data-v-022ec2d4><strong data-v-022ec2d4>It doesn&#39;t need to be perfect!</strong> Even partial or slightly weird responses mean it worked. With only 10-20 examples, quality will vary. </p></div><div class="p-4 bg-yellow-50 rounded-lg border border-yellow-200" data-v-022ec2d4><h3 class="font-semibold text-yellow-800 mb-2" data-v-022ec2d4>⚠️ If You Get Gibberish:</h3><p class="text-sm text-gray-700" data-v-022ec2d4> This is <strong data-v-022ec2d4>totally normal</strong> with a small dataset! The model hasn&#39;t learned enough yet. Signs of partial success: </p><ul class="text-sm text-gray-700 mt-2 ml-4 list-disc" data-v-022ec2d4><li data-v-022ec2d4>Response relates to your training topic (even if incorrect)</li><li data-v-022ec2d4>Grammar is somewhat coherent</li><li data-v-022ec2d4>It&#39;s not random characters</li></ul><p class="text-sm text-gray-700 mt-2" data-v-022ec2d4><strong data-v-022ec2d4>Solution:</strong> Go back to edukaAI and add 30-50 more high-quality examples, then retrain! </p></div></div></div><div class="card mb-6" data-v-022ec2d4><div class="flex items-center gap-3 mb-4" data-v-022ec2d4><span class="text-3xl" data-v-022ec2d4>💻</span><h2 class="text-2xl font-bold" data-v-022ec2d4>Path B: Your Local Computer</h2></div><p class="text-gray-700 mb-6" data-v-022ec2d4> If you have a powerful NVIDIA GPU (8GB+ VRAM), you can train on your own computer. The steps are similar to Colab, just on your machine. </p><div class="mb-6" data-v-022ec2d4><div class="flex items-center gap-3 mb-3" data-v-022ec2d4><div class="w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>3</div><h3 class="text-lg font-semibold" data-v-022ec2d4>Install Axolotl</h3></div><div class="ml-13 pl-4 border-l-4 border-blue-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>In the first code cell, type:</p><code class="block bg-gray-800 text-green-400 p-3 rounded text-sm mb-2" data-v-022ec2d4> !pip install axolotl </code><p class="text-gray-700" data-v-022ec2d4>Press <kbd class="bg-gray-200 px-2 py-1 rounded" data-v-022ec2d4>Shift</kbd> + <kbd class="bg-gray-200 px-2 py-1 rounded" data-v-022ec2d4>Enter</kbd> to run</p><div class="mt-3 p-3 bg-yellow-50 rounded border border-yellow-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>⏳ Wait:</strong> Installation takes 2-3 minutes. Watch the output scroll by! </div></div></div><div class="mb-6" data-v-022ec2d4><div class="flex items-center gap-3 mb-3" data-v-022ec2d4><div class="w-10 h-10 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>4</div><h3 class="text-lg font-semibold" data-v-022ec2d4>Create Your Config</h3></div><div class="ml-13 pl-4 border-l-4 border-blue-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>Create a new code cell and paste this:</p><pre class="bg-gray-800 text-green-400 p-3 rounded text-sm overflow-x-auto" data-v-022ec2d4><code data-v-022ec2d4>config = &#39;&#39;&#39;
+base_model: TinyLlama/TinyLlama-1.1B-Chat-v1.0
+model_type: LlamaForCausalLM
+tokenizer_type: LlamaTokenizer
+
+# Your edukaAI dataset
+datasets:
+  - path: /content/dataset_alpaca.json
+    type: alpaca
+
+# Training settings (keep it simple!)
+num_epochs: 3
+micro_batch_size: 1
+gradient_accumulation_steps: 4
+learning_rate: 0.0002
+
+# Where to save your trained model
+output_dir: /content/my-first-model
+
+# Use less memory (good for Colab)
+load_in_8bit: true
+&#39;&#39;&#39;
+
+# Save the config
+with open(&#39;/content/config.yaml&#39;, &#39;w&#39;) as f:
+    f.write(config)
+    
+print(&quot;✅ Config created!&quot;)</code></pre><p class="text-gray-700 mt-2" data-v-022ec2d4>Run it with <kbd class="bg-gray-200 px-2 py-1 rounded" data-v-022ec2d4>Shift</kbd> + <kbd class="bg-gray-200 px-2 py-1 rounded" data-v-022ec2d4>Enter</kbd></p></div></div><div class="mb-6" data-v-022ec2d4><div class="flex items-center gap-3 mb-3" data-v-022ec2d4><div class="w-10 h-10 bg-purple-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>5</div><h3 class="text-lg font-semibold" data-v-022ec2d4>Train Your Model! 🚀</h3></div><div class="ml-13 pl-4 border-l-4 border-purple-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>Create another code cell:</p><code class="block bg-gray-800 text-green-400 p-3 rounded text-sm mb-2" data-v-022ec2d4> !axolotl train /content/config.yaml </code><p class="text-gray-700" data-v-022ec2d4>Run it and watch the magic happen! ✨</p><div class="mt-3 p-3 bg-blue-50 rounded border border-blue-200 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>⏰ Time:</strong> This takes 10-20 minutes on Colab&#39;s free GPU. You&#39;ll see progress bars and loss values going down — that&#39;s good! </div></div></div><div class="mb-6" data-v-022ec2d4><div class="flex items-center gap-3 mb-3" data-v-022ec2d4><div class="w-10 h-10 bg-green-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>6</div><h3 class="text-lg font-semibold" data-v-022ec2d4>Chat With Your Model 💬</h3></div><div class="ml-13 pl-4 border-l-4 border-green-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>After training completes, test your model:</p><pre class="bg-gray-800 text-green-400 p-3 rounded text-sm overflow-x-auto" data-v-022ec2d4><code data-v-022ec2d4>from transformers import AutoModelForCausalLM, AutoTokenizer
+import torch
+
+# Load your trained model
+model_path = &quot;/content/my-first-model&quot;
+model = AutoModelForCausalLM.from_pretrained(
+    model_path,
+    torch_dtype=torch.float16,
+    device_map=&quot;auto&quot;
+)
+tokenizer = AutoTokenizer.from_pretrained(model_path)
+
+# Test it!
+prompt = &quot;What is photosynthesis?&quot;
+inputs = tokenizer(prompt, return_tensors=&quot;pt&quot;).to(model.device)
+
+# Generate response
+with torch.no_grad():
+    outputs = model.generate(
+        **inputs,
+        max_new_tokens=100,
+        temperature=0.7
+    )
+
+response = tokenizer.decode(outputs[0], skip_special_tokens=True)
+print(f&quot;You: {prompt}&quot;)
+print(f&quot;Model: {response}&quot;)</code></pre><div class="mt-3 p-3 bg-green-100 rounded text-sm text-green-800" data-v-022ec2d4><strong data-v-022ec2d4>🎉 Success!</strong> If you see a response, you trained your first AI model! </div></div></div><div data-v-022ec2d4><div class="flex items-center gap-3 mb-3" data-v-022ec2d4><div class="w-10 h-10 bg-yellow-600 text-white rounded-full flex items-center justify-center font-bold text-xl" data-v-022ec2d4>7</div><h3 class="text-lg font-semibold" data-v-022ec2d4>Save Your Model (Important!)</h3></div><div class="ml-13 pl-4 border-l-4 border-yellow-200" data-v-022ec2d4><p class="text-gray-700 mb-2" data-v-022ec2d4>⚠️ Colab deletes files when you close it. Download your model:</p><ol class="list-decimal list-inside space-y-2 text-gray-700" data-v-022ec2d4><li data-v-022ec2d4>In the file browser (left sidebar), find <code data-v-022ec2d4>my-first-model</code> folder</li><li data-v-022ec2d4>Right-click it → &quot;Download&quot;</li><li data-v-022ec2d4>It will create a ZIP file you can save to your computer</li></ol></div></div></div><div class="card mb-6" data-v-022ec2d4><div class="flex items-center gap-3 mb-4" data-v-022ec2d4><span class="text-3xl" data-v-022ec2d4>💻</span><h2 class="text-2xl font-bold" data-v-022ec2d4>Path B: Your Local Computer</h2></div><p class="text-gray-700 mb-6" data-v-022ec2d4> If you have a powerful NVIDIA GPU (8GB+ VRAM), you can train on your own computer. The steps are similar to Colab, just on your machine. </p><div class="space-y-4" data-v-022ec2d4><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-gray-800 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>1</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Create Project Folder</h3><code class="block bg-gray-800 text-green-400 p-2 rounded text-sm mt-2" data-v-022ec2d4> mkdir my-first-training<br data-v-022ec2d4> cd my-first-training </code></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-gray-800 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>2</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Copy Your Dataset</h3><p class="text-gray-700 text-sm" data-v-022ec2d4>Copy your <code data-v-022ec2d4>dataset_alpaca.json</code> into this folder</p></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-gray-800 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>3</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Install Axolotl</h3><code class="block bg-gray-800 text-green-400 p-2 rounded text-sm mt-2" data-v-022ec2d4> pip install axolotl </code></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-gray-800 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>4</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Create Config File</h3><p class="text-gray-700 text-sm mb-2" data-v-022ec2d4>Create <code data-v-022ec2d4>config.yaml</code> with this content:</p><pre class="bg-gray-800 text-green-400 p-3 rounded text-sm overflow-x-auto" data-v-022ec2d4><code data-v-022ec2d4>base_model: TinyLlama/TinyLlama-1.1B-Chat-v1.0
+model_type: LlamaForCausalLM
+tokenizer_type: LlamaTokenizer
+
+# Your edukaAI dataset
+datasets:
+  - path: ./dataset_alpaca.json
+    type: alpaca
+
+# Training settings
+num_epochs: 3
+micro_batch_size: 1
+gradient_accumulation_steps: 4
+learning_rate: 0.0002
+
+# Where to save
+output_dir: ./my-first-model
+
+# Use 8-bit to save memory
+load_in_8bit: true</code></pre></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-purple-600 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>5</div><div data-v-022ec2d4><h3 class="font-semibold text-purple-700" data-v-022ec2d4>Train!</h3><code class="block bg-gray-800 text-green-400 p-2 rounded text-sm mt-2" data-v-022ec2d4> axolotl train config.yaml </code><p class="text-gray-600 text-sm mt-2" data-v-022ec2d4>Training takes 30-60 minutes depending on your GPU</p></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>6</div><div data-v-022ec2d4><h3 class="font-semibold text-green-700" data-v-022ec2d4>Test Your Model</h3><p class="text-gray-700 text-sm" data-v-022ec2d4>Your trained model is now in <code data-v-022ec2d4>./my-first-model</code> folder!</p><p class="text-gray-700 text-sm mt-2" data-v-022ec2d4>Use the same Python code as Colab (above) to chat with it</p></div></div></div></div><div class="card mb-6 border-2 border-yellow-400 bg-gradient-to-r from-yellow-50 to-orange-50" data-v-022ec2d4><div class="flex items-center gap-3 mb-4" data-v-022ec2d4><span class="text-3xl" data-v-022ec2d4>🤗</span><h2 class="text-2xl font-bold text-yellow-700" data-v-022ec2d4>Path C: Hugging Face (AutoTrain - Easiest GUI!)</h2></div><p class="text-gray-700 mb-6" data-v-022ec2d4> Want to train without writing any code? Use Hugging Face AutoTrain - a web interface where you just upload your dataset and click &quot;Train&quot;. No Colab, no command line! </p><div class="space-y-4" data-v-022ec2d4><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>1</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Create Hugging Face Account</h3><p class="text-gray-700 text-sm mb-2" data-v-022ec2d4> Go to <a href="https://huggingface.co/join" target="_blank" class="text-blue-600 hover:underline font-semibold" data-v-022ec2d4>huggingface.co/join</a> and sign up for free. </p><div class="p-2 bg-white rounded border border-yellow-200 text-xs text-gray-600" data-v-022ec2d4> 💡 The free tier is enough to get started and experiment! </div></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>2</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Go to AutoTrain</h3><p class="text-gray-700 text-sm mb-2" data-v-022ec2d4> Visit <a href="https://huggingface.co/autotrain" target="_blank" class="text-blue-600 hover:underline font-semibold" data-v-022ec2d4>huggingface.co/autotrain</a> and create a new project. </p><div class="p-2 bg-white rounded border border-yellow-200 text-xs text-gray-600" data-v-022ec2d4> 🎯 Select &quot;LLM Fine-tuning&quot; as your project type </div></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>3</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Upload Your Dataset</h3><p class="text-gray-700 text-sm mb-2" data-v-022ec2d4> Click &quot;Upload Dataset&quot; and select your <code data-v-022ec2d4>dataset_alpaca.json</code> file from edukaAI. </p><div class="p-2 bg-white rounded border border-yellow-200 text-xs text-gray-600" data-v-022ec2d4> 📁 AutoTrain supports the Alpaca format automatically - no conversion needed! </div></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>4</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Choose Base Model</h3><p class="text-gray-700 text-sm mb-2" data-v-022ec2d4> Select a model to start from. Good beginner options: </p><ul class="text-sm text-gray-700 ml-4 list-disc" data-v-022ec2d4><li data-v-022ec2d4><code data-v-022ec2d4>TinyLlama/TinyLlama-1.1B-Chat-v1.0</code> (fast, free tier)</li><li data-v-022ec2d4><code data-v-022ec2d4>meta-llama/Llama-2-7b-chat-hf</code> (better quality, requires HF Pro)</li></ul></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-yellow-500 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>5</div><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Configure Training (Keep It Simple!)</h3><p class="text-gray-700 text-sm mb-2" data-v-022ec2d4>Use these beginner-friendly settings:</p><div class="bg-white p-3 rounded border border-gray-200 text-sm" data-v-022ec2d4><table class="w-full text-sm" data-v-022ec2d4><tbody data-v-022ec2d4><tr class="border-b" data-v-022ec2d4><td class="py-1 font-medium" data-v-022ec2d4>Epochs:</td><td data-v-022ec2d4>3</td></tr><tr class="border-b" data-v-022ec2d4><td class="py-1 font-medium" data-v-022ec2d4>Learning Rate:</td><td data-v-022ec2d4>0.0002</td></tr><tr class="border-b" data-v-022ec2d4><td class="py-1 font-medium" data-v-022ec2d4>Batch Size:</td><td data-v-022ec2d4>1</td></tr><tr data-v-022ec2d4><td class="py-1 font-medium" data-v-022ec2d4>LoRA Rank:</td><td data-v-022ec2d4>8 (reduces memory)</td></tr></tbody></table></div></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-purple-600 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>6</div><div data-v-022ec2d4><h3 class="font-semibold text-purple-700" data-v-022ec2d4>Click &quot;Start Training&quot; 🚀</h3><p class="text-gray-700 text-sm mb-2" data-v-022ec2d4> That&#39;s it! AutoTrain will handle everything: </p><ul class="text-sm text-gray-700 ml-4 list-disc" data-v-022ec2d4><li data-v-022ec2d4>Download the base model</li><li data-v-022ec2d4>Fine-tune on your data</li><li data-v-022ec2d4>Save to your Hugging Face Hub</li><li data-v-022ec2d4>Create a demo space automatically!</li></ul><div class="mt-2 p-2 bg-blue-50 rounded border border-blue-200 text-xs text-gray-600" data-v-022ec2d4> ⏱️ Training takes 10-30 minutes depending on dataset size and model </div></div></div><div class="flex items-start gap-4" data-v-022ec2d4><div class="w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold flex-shrink-0" data-v-022ec2d4>7</div><div data-v-022ec2d4><h3 class="font-semibold text-green-700" data-v-022ec2d4>Test &amp; Share Your Model! 🎉</h3><p class="text-gray-700 text-sm mb-2" data-v-022ec2d4> Once training completes: </p><ul class="text-sm text-gray-700 ml-4 list-disc space-y-1" data-v-022ec2d4><li data-v-022ec2d4>Your model is automatically hosted on Hugging Face</li><li data-v-022ec2d4>AutoTrain creates a demo Space where you can chat with it</li><li data-v-022ec2d4>Share the link with anyone - they can try your AI!</li><li data-v-022ec2d4>Download the model files anytime</li></ul><div class="mt-3 p-3 bg-green-100 rounded border border-green-300 text-sm text-green-800" data-v-022ec2d4><strong data-v-022ec2d4>✨ Bonus:</strong> You now have a public demo of YOUR trained AI that anyone can try! </div></div></div></div><div class="mt-6 p-4 bg-white rounded-lg border-2 border-yellow-300" data-v-022ec2d4><h3 class="font-bold text-yellow-800 mb-3 flex items-center gap-2" data-v-022ec2d4><span data-v-022ec2d4>🤔</span> Why Choose Hugging Face? </h3><div class="grid grid-cols-1 md:grid-cols-3 gap-3 text-sm" data-v-022ec2d4><div class="p-2 bg-green-50 rounded" data-v-022ec2d4><strong class="text-green-700" data-v-022ec2d4>✅ No Code</strong><p class="text-gray-600" data-v-022ec2d4>Everything through web UI</p></div><div class="p-2 bg-blue-50 rounded" data-v-022ec2d4><strong class="text-blue-700" data-v-022ec2d4>✅ Auto-Hosting</strong><p class="text-gray-600" data-v-022ec2d4>Model is live immediately</p></div><div class="p-2 bg-purple-50 rounded" data-v-022ec2d4><strong class="text-purple-700" data-v-022ec2d4>✅ Free Demo</strong><p class="text-gray-600" data-v-022ec2d4>Shareable chat interface</p></div></div><div class="mt-3 text-xs text-gray-600" data-v-022ec2d4><strong data-v-022ec2d4>Note:</strong> Free tier has compute limits. For larger models or datasets, you may need Hugging Face Pro or compute credits. </div></div></div><div class="card mb-6 bg-gradient-to-r from-yellow-50 to-orange-50 border-yellow-300" data-v-022ec2d4><h2 class="text-xl font-semibold mb-4" data-v-022ec2d4>⚠️ What to Expect</h2><div class="space-y-4 text-gray-700" data-v-022ec2d4><div class="flex items-start gap-3" data-v-022ec2d4><span class="text-2xl" data-v-022ec2d4>⏱️</span><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Time</h3><p class="text-sm" data-v-022ec2d4>Training takes 10-20 minutes on Colab, 30-60 minutes locally. This is normal!</p></div></div><div class="flex items-start gap-3" data-v-022ec2d4><span class="text-2xl" data-v-022ec2d4>📊</span><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Quality</h3><p class="text-sm" data-v-022ec2d4>With 10-20 examples, results will be <strong data-v-022ec2d4>okay but inconsistent</strong>. This is expected! More data = better results.</p></div></div><div class="flex items-start gap-3" data-v-022ec2d4><span class="text-2xl" data-v-022ec2d4>🎯</span><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>The Point</h3><p class="text-sm" data-v-022ec2d4>This is a <strong data-v-022ec2d4>learning exercise</strong>. You&#39;re not creating production-ready AI — you&#39;re understanding the process!</p></div></div><div class="flex items-start gap-3" data-v-022ec2d4><span class="text-2xl" data-v-022ec2d4>🔄</span><div data-v-022ec2d4><h3 class="font-semibold" data-v-022ec2d4>Next Steps</h3><p class="text-sm" data-v-022ec2d4> After seeing how it works, come back to edukaAI and `);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/examples",
+        class: "text-blue-600 hover:underline"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`add more quality examples`);
+          } else {
+            return [
+              createTextVNode("add more quality examples")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`. Then retrain for better results! </p></div></div></div></div><div class="card mb-6" data-v-022ec2d4><h2 class="text-xl font-semibold mb-4" data-v-022ec2d4>🔧 Common Issues &amp; Solutions</h2><div class="space-y-4" data-v-022ec2d4><div class="p-4 bg-red-50 rounded-lg border border-red-200" data-v-022ec2d4><h3 class="font-semibold text-red-800 mb-1" data-v-022ec2d4>&quot;Out of Memory&quot; Error</h3><p class="text-gray-700 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>Solution:</strong> You&#39;re using a model too big for your GPU. Switch to an even smaller model like <code data-v-022ec2d4>TinyLlama/TinyLlama-1.1B-Chat-v1.0</code> (which we use above) or increase <code data-v-022ec2d4>load_in_8bit: true</code>. </p></div><div class="p-4 bg-yellow-50 rounded-lg border border-yellow-200" data-v-022ec2d4><h3 class="font-semibold text-yellow-800 mb-1" data-v-022ec2d4>&quot;ModuleNotFoundError: No module named &#39;axolotl&#39;&quot;</h3><p class="text-gray-700 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>Solution:</strong> Axolotl didn&#39;t install properly. Restart your runtime/environment and run <code data-v-022ec2d4>pip install axolotl</code> again. </p></div><div class="p-4 bg-blue-50 rounded-lg border border-blue-200" data-v-022ec2d4><h3 class="font-semibold text-blue-800 mb-1" data-v-022ec2d4>&quot;FileNotFoundError: dataset_alpaca.json&quot;</h3><p class="text-gray-700 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>Solution:</strong> The path in your config doesn&#39;t match where you uploaded the file. Check the path carefully! </p></div><div class="p-4 bg-gray-50 rounded-lg border border-gray-200" data-v-022ec2d4><h3 class="font-semibold text-gray-800 mb-1" data-v-022ec2d4>Model Generates Gibberish</h3><p class="text-gray-700 text-sm" data-v-022ec2d4><strong data-v-022ec2d4>Normal!</strong> With only 10-20 training examples, the model hasn&#39;t learned much yet. This is why <strong data-v-022ec2d4>dataset quality and quantity matter</strong>. Go back to edukaAI and add more diverse, high-quality examples! </p></div></div></div><div class="card mb-6 bg-gradient-to-r from-purple-600 to-blue-600 text-white" data-v-022ec2d4><h2 class="text-xl font-semibold mb-4" data-v-022ec2d4>🎓 The Real Lesson</h2><p class="mb-4 opacity-90" data-v-022ec2d4> After completing this guide, you&#39;ll realize something important: </p><div class="p-4 bg-white bg-opacity-20 rounded-lg mb-4" data-v-022ec2d4><p class="text-lg font-medium" data-v-022ec2d4> &quot;Training the model was just running a command. The hard part — the part that matters — is creating good training data.&quot; </p></div><p class="opacity-90 mb-4" data-v-022ec2d4> That&#39;s exactly what edukaAI helps you with! The technical training is easy. Creating meaningful, diverse, high-quality training examples is where the value is. </p><div class="grid grid-cols-1 md:grid-cols-2 gap-3" data-v-022ec2d4>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/examples",
+        class: "bg-white bg-opacity-20 hover:bg-opacity-30 text-white py-3 px-4 rounded-lg text-center transition-colors"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` 📝 Add More Examples → `);
+          } else {
+            return [
+              createTextVNode(" 📝 Add More Examples → ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/help/best-practices",
+        class: "bg-white bg-opacity-20 hover:bg-opacity-30 text-white py-3 px-4 rounded-lg text-center transition-colors"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` 📚 Learn Best Practices → `);
+          } else {
+            return [
+              createTextVNode(" 📚 Learn Best Practices → ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div></div><div class="card mb-6 bg-gradient-to-r from-orange-500 to-red-500 text-white" data-v-022ec2d4><h2 class="text-2xl font-bold mb-4 flex items-center gap-2" data-v-022ec2d4><span data-v-022ec2d4>🚀</span> You Trained a Model! Now What? </h2><p class="mb-4 opacity-90 text-lg" data-v-022ec2d4> Congratulations! You&#39;ve completed your first fine-tuning. Here&#39;s how to make it even better: </p><div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6" data-v-022ec2d4><div class="p-4 bg-white bg-opacity-20 rounded-lg" data-v-022ec2d4><div class="text-3xl mb-2" data-v-022ec2d4>📈</div><h3 class="font-bold mb-2" data-v-022ec2d4>Add More Data</h3><p class="text-sm opacity-90" data-v-022ec2d4> 10 examples = okay results<br data-v-022ec2d4> 50 examples = noticeably better<br data-v-022ec2d4> 100 examples = quite good! </p>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/examples",
+        class: "mt-3 inline-block text-sm bg-white text-orange-600 px-3 py-1 rounded font-semibold hover:bg-opacity-90"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Add Examples → `);
+          } else {
+            return [
+              createTextVNode(" Add Examples → ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div><div class="p-4 bg-white bg-opacity-20 rounded-lg" data-v-022ec2d4><div class="text-3xl mb-2" data-v-022ec2d4>🎯</div><h3 class="font-bold mb-2" data-v-022ec2d4>Improve Quality</h3><p class="text-sm opacity-90" data-v-022ec2d4> Review your examples:<br data-v-022ec2d4> • Fix low-quality ones<br data-v-022ec2d4> • Add more diverse topics<br data-v-022ec2d4> • Include edge cases </p>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/help/best-practices",
+        class: "mt-3 inline-block text-sm bg-white text-orange-600 px-3 py-1 rounded font-semibold hover:bg-opacity-90"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Learn How → `);
+          } else {
+            return [
+              createTextVNode(" Learn How → ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div><div class="p-4 bg-white bg-opacity-20 rounded-lg" data-v-022ec2d4><div class="text-3xl mb-2" data-v-022ec2d4>🔄</div><h3 class="font-bold mb-2" data-v-022ec2d4>Retrain &amp; Compare</h3><p class="text-sm opacity-90" data-v-022ec2d4> See the improvement:<br data-v-022ec2d4> • Export new dataset<br data-v-022ec2d4> • Retrain model<br data-v-022ec2d4> • Compare results! </p>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/export",
+        class: "mt-3 inline-block text-sm bg-white text-orange-600 px-3 py-1 rounded font-semibold hover:bg-opacity-90"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Export Again → `);
+          } else {
+            return [
+              createTextVNode(" Export Again → ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div></div><div class="p-4 bg-white bg-opacity-20 rounded-lg" data-v-022ec2d4><h3 class="font-bold mb-2 flex items-center gap-2" data-v-022ec2d4><span data-v-022ec2d4>💡</span> The Iteration Loop </h3><div class="flex items-center justify-center gap-4 text-sm" data-v-022ec2d4><span class="text-center" data-v-022ec2d4>Add Data<br data-v-022ec2d4>in edukaAI</span><span class="text-2xl" data-v-022ec2d4>→</span><span class="text-center" data-v-022ec2d4>Export &amp;<br data-v-022ec2d4>Retrain</span><span class="text-2xl" data-v-022ec2d4>→</span><span class="text-center" data-v-022ec2d4>Test &amp;<br data-v-022ec2d4>Compare</span><span class="text-2xl" data-v-022ec2d4>→</span><span class="text-center" data-v-022ec2d4>Repeat<br data-v-022ec2d4>↺</span></div><p class="text-center mt-3 text-sm opacity-90" data-v-022ec2d4> Each iteration makes your model smarter! 🧠 </p></div></div><div class="text-center py-8" data-v-022ec2d4><div class="text-6xl mb-4" data-v-022ec2d4>🎉</div><h2 class="text-2xl font-bold text-gray-800 mb-2" data-v-022ec2d4>You&#39;re Ready!</h2><p class="text-gray-600 mb-6" data-v-022ec2d4> The technical part is straightforward. Focus on creating amazing training data — that&#39;s your superpower. </p><div class="flex flex-col sm:flex-row gap-3 justify-center" data-v-022ec2d4><a href="https://colab.research.google.com" target="_blank" class="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-8 rounded-lg transition-colors" data-v-022ec2d4> Open Google Colab → </a>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/export",
+        class: "bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-3 px-8 rounded-lg transition-colors"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Export Dataset First `);
+          } else {
+            return [
+              createTextVNode(" Export Dataset First ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div></div></div>`);
+    };
+  }
+};
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/help/first-training.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const firstTraining = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-022ec2d4"]]);
+
+export { firstTraining as default };
+//# sourceMappingURL=first-training-BbEOBcEW.mjs.map

package/.output/server/chunks/build/first-training-BbEOBcEW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"first-training-BbEOBcEW.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/first-training-BbEOBcEW.js"],"names":[],"mappings":"","x_google_ignoreList":[0]}

package/.output/server/chunks/build/first-training-styles.BzOa_KRD.mjs

@@ -0,0 +1,8 @@
+const firstTraining_vue_vue_type_style_index_0_scoped_022ec2d4_lang = ".ml-13[data-v-022ec2d4]{margin-left:52px}.relative code[data-v-022ec2d4]{position:relative}.copy-btn[data-v-022ec2d4]{align-items:center;background-color:#4b5563e6;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;opacity:0;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s ease;z-index:10}.copy-btn[data-v-022ec2d4]:hover{background-color:#6b7280e6}.relative:hover .copy-btn[data-v-022ec2d4]{opacity:1}.copy-btn.copied[data-v-022ec2d4]{background-color:#22c55ee6}.relative[data-v-022ec2d4]:has(>code){position:relative}";
+
+const firstTrainingStyles_BzOa_KRD = [
+  firstTraining_vue_vue_type_style_index_0_scoped_022ec2d4_lang
+];
+
+export { firstTrainingStyles_BzOa_KRD as default };
+//# sourceMappingURL=first-training-styles.BzOa_KRD.mjs.map

package/.output/server/chunks/build/first-training-styles.BzOa_KRD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"first-training-styles.BzOa_KRD.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/first-training-styles-1.mjs-Dz30x8CG.js","../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/first-training-styles.BzOa_KRD.mjs"],"names":["style_0"],"mappings":"","x_google_ignoreList":[0,1]}