@elgap/edukaai 0.1.0

package/.output/server/chunks/build/error-500-styles.8IYEHzz6.mjs

@@ -0,0 +1,8 @@
+const error500_vue_vue_type_style_index_0_scoped_d349100d_lang = ".grid[data-v-d349100d]{display:grid}.mb-2[data-v-d349100d]{margin-bottom:.5rem}.mb-4[data-v-d349100d]{margin-bottom:1rem}.max-w-520px[data-v-d349100d]{max-width:520px}.min-h-screen[data-v-d349100d]{min-height:100vh}.place-content-center[data-v-d349100d]{place-content:center}.overflow-hidden[data-v-d349100d]{overflow:hidden}.bg-white[data-v-d349100d]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-2[data-v-d349100d]{padding-left:.5rem;padding-right:.5rem}.text-center[data-v-d349100d]{text-align:center}.text-\\[80px\\][data-v-d349100d]{font-size:80px}.text-2xl[data-v-d349100d]{font-size:1.5rem;line-height:2rem}.text-\\[\\#020420\\][data-v-d349100d]{--un-text-opacity:1;color:rgb(2 4 32/var(--un-text-opacity))}.text-\\[\\#64748B\\][data-v-d349100d]{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.font-semibold[data-v-d349100d]{font-weight:600}.leading-none[data-v-d349100d]{line-height:1}.tracking-wide[data-v-d349100d]{letter-spacing:.025em}.font-sans[data-v-d349100d]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tabular-nums[data-v-d349100d]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.antialiased[data-v-d349100d]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){.dark\\:bg-\\[\\#020420\\][data-v-d349100d]{--un-bg-opacity:1;background-color:rgb(2 4 32/var(--un-bg-opacity))}.dark\\:text-white[data-v-d349100d]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media(min-width:640px){.sm\\:text-\\[110px\\][data-v-d349100d]{font-size:110px}.sm\\:text-3xl[data-v-d349100d]{font-size:1.875rem;line-height:2.25rem}}";
+
+const error500Styles_8IYEHzz6 = [
+  error500_vue_vue_type_style_index_0_scoped_d349100d_lang
+];
+
+export { error500Styles_8IYEHzz6 as default };
+//# sourceMappingURL=error-500-styles.8IYEHzz6.mjs.map

package/.output/server/chunks/build/error-500-styles.8IYEHzz6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-500-styles.8IYEHzz6.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/error-500-styles-1.mjs-DOrS-RIZ.js","../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/error-500-styles.8IYEHzz6.mjs"],"names":["style_0"],"mappings":"","x_google_ignoreList":[0,1]}

package/.output/server/chunks/build/examples-BHK8MDrs.mjs

@@ -0,0 +1,134 @@
+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="real-examples" class="mb-12"><div class="flex items-center gap-3 mb-6"><span class="text-3xl">💡</span><h2 class="text-2xl font-bold">Real-World Examples</h2></div><p class="text-lg text-gray-600 mb-6"> Study these examples to understand what makes a great training example. Each shows different techniques and best practices. </p><div class="card mb-6"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><span class="text-2xl">💻</span><h3 class="text-xl font-semibold">Example 1: Coding - Error Handling</h3></div><div class="flex gap-2"><span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded">Coding</span><span class="px-2 py-1 bg-green-100 text-green-700 text-xs rounded">⭐⭐⭐⭐⭐</span><span class="px-2 py-1 bg-purple-100 text-purple-700 text-xs rounded">Intermediate</span></div></div><div class="space-y-4"><div class="p-4 bg-blue-50 rounded-lg"><div class="text-sm text-blue-800 font-medium mb-2">🎯 Instruction:</div><p class="text-gray-700"> &quot;I&#39;m getting a &#39;TypeError: Cannot read property &#39;map&#39; of undefined&#39; error in my React component. How do I properly handle this and show a user-friendly error message instead of crashing?&quot; </p></div><div class="p-4 bg-gray-50 rounded-lg"><div class="text-sm text-gray-800 font-medium mb-2">📎 Input:</div><pre class="text-sm bg-gray-100 p-2 rounded overflow-x-auto"><code>function UserList({ users }) {
+  return (
+    &lt;div&gt;
+      {users.map(user =&gt; (
+        &lt;div key={user.id}&gt;{user.name}&lt;/div&gt;
+      ))}
+    &lt;/div&gt;
+  )
+}</code></pre></div><div class="p-4 bg-green-50 rounded-lg"><div class="text-sm text-green-800 font-medium mb-2">📝 Output:</div><div class="text-gray-700 text-sm space-y-2"><p>This error occurs when <code>users</code> is undefined or null when the component tries to render. Here are several ways to handle this safely:</p><p><strong>Option 1: Default Prop Value (Recommended)</strong></p><pre class="bg-gray-100 p-2 rounded overflow-x-auto"><code>function UserList({ users = [] }) {
+  return (
+    &lt;div&gt;
+      {users.map(user =&gt; (
+        &lt;div key={user.id}&gt;{user.name}&lt;/div&gt;
+      ))}
+    &lt;/div&gt;
+  )
+}</code></pre><p><strong>Option 2: Conditional Rendering</strong></p><pre class="bg-gray-100 p-2 rounded overflow-x-auto"><code>function UserList({ users }) {
+  if (!users) {
+    return &lt;div&gt;Loading users...&lt;/div&gt;
+  }
+  
+  if (users.length === 0) {
+    return &lt;div&gt;No users found&lt;/div&gt;
+  }
+
+  return (
+    &lt;div&gt;
+      {users.map(user =&gt; (
+        &lt;div key={user.id}&gt;{user.name}&lt;/div&gt;
+      ))}
+    &lt;/div&gt;
+  )
+}</code></pre><p><strong>Option 3: Optional Chaining</strong></p><pre class="bg-gray-100 p-2 rounded overflow-x-auto"><code>function UserList({ users }) {
+  return (
+    &lt;div&gt;
+      {users?.map(user =&gt; (
+        &lt;div key={user.id}&gt;{user.name}&lt;/div&gt;
+      )) ?? &lt;p&gt;No users available&lt;/p&gt;}
+    &lt;/div&gt;
+  )
+}</code></pre><p><strong>Why this happens:</strong> The component receives props before the data is loaded, or the API call fails. Always assume data might be undefined and handle it gracefully.</p><p><strong>Best Practice:</strong> Combine default props with loading states and empty states for the best user experience.</p></div></div><div class="p-3 bg-purple-50 rounded-lg text-sm"><strong>🏷️ Tags:</strong><span class="inline-block bg-white px-2 py-0.5 rounded ml-2 mr-1">javascript</span><span class="inline-block bg-white px-2 py-0.5 rounded mr-1">react</span><span class="inline-block bg-white px-2 py-0.5 rounded mr-1">error-handling</span><span class="inline-block bg-white px-2 py-0.5 rounded">debugging</span></div><div class="p-3 bg-yellow-50 rounded-lg text-sm"><strong>📝 Notes:</strong> Great example because it includes: 1) Explanation of why the error happens, 2) Multiple solution approaches, 3) Code examples for each, 4) Best practice guidance. Shows the complete picture. </div></div></div><div class="card mb-6"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><span class="text-2xl">📚</span><h3 class="text-xl font-semibold">Example 2: Concept Explanation</h3></div><div class="flex gap-2"><span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded">Explanation</span><span class="px-2 py-1 bg-green-100 text-green-700 text-xs rounded">⭐⭐⭐⭐⭐</span><span class="px-2 py-1 bg-yellow-100 text-yellow-700 text-xs rounded">Beginner</span></div></div><div class="space-y-4"><div class="p-4 bg-blue-50 rounded-lg"><div class="text-sm text-blue-800 font-medium mb-2">🎯 Instruction:</div><p class="text-gray-700"> &quot;I&#39;m new to programming. Can you explain what a &#39;variable&#39; is, why we need them, and show me examples in Python? Use simple language and analogies.&quot; </p></div><div class="p-4 bg-green-50 rounded-lg"><div class="text-sm text-green-800 font-medium mb-2">📝 Output:</div><div class="text-gray-700 text-sm space-y-3"><p>Think of a variable like a labeled box where you can store something. Just like you might have a box labeled &quot;Photos&quot; to store pictures, or &quot;Recipes&quot; for cooking instructions, in programming we use variables to store data we want to use later.</p><p><strong>Why do we need variables?</strong></p><ul class="list-disc list-inside space-y-1"><li>To remember information (like a user&#39;s name)</li><li>To reuse the same value multiple times</li><li>To make our code easier to understand and change</li></ul><p><strong>Real-world analogy:</strong> Imagine you&#39;re planning a party. Instead of saying &quot;We need 8 plates, 8 forks, and 8 napkins for our 8 guests&quot; every time, you could say:</p><pre class="bg-gray-100 p-2 rounded mt-2"><code>guests = 8
+print(f&quot;We need {guests} plates&quot;)
+print(f&quot;We need {guests} forks&quot;)
+print(f&quot;We need {guests} napkins&quot;)</code></pre><p><strong>Examples in Python:</strong></p><pre class="bg-gray-100 p-2 rounded"><code># Storing different types of data
+name = &quot;Alice&quot;           # Text (string)
+age = 25               # Number (integer)
+height = 5.6           # Decimal number (float)
+is_student = True      # Yes/No value (boolean)
+
+# Using variables
+print(f&quot;Hello, {name}!&quot;)  # Hello, Alice!
+print(f&quot;You are {age} years old.&quot;)  # You are 25 years old.
+
+# Changing what&#39;s in the box
+age = 26  # Now the box contains 26 instead of 25
+print(f&quot;Now you are {age}.&quot;)  # Now you are 26.</code></pre><p><strong>Important rules:</strong></p><ul class="list-disc list-inside space-y-1"><li>Variable names should describe what they contain (use <code>user_name</code> not <code>x</code>)</li><li>Names can&#39;t start with numbers or contain spaces</li><li>Python is case-sensitive: <code>Name</code> and <code>name</code> are different</li></ul><p><strong>Practice exercise:</strong> Try creating a variable for your favorite color, then print a message that includes it!</p></div></div><div class="p-3 bg-purple-50 rounded-lg text-sm"><strong>🏷️ Tags:</strong><span class="inline-block bg-white px-2 py-0.5 rounded ml-2 mr-1">python</span><span class="inline-block bg-white px-2 py-0.5 rounded mr-1">basics</span><span class="inline-block bg-white px-2 py-0.5 rounded">beginner-friendly</span></div><div class="p-3 bg-yellow-50 rounded-lg text-sm"><strong>📝 Notes:</strong> Excellent beginner example. Uses relatable analogies (boxes, party planning), explains WHY not just WHAT, includes working code examples, and adds a practice exercise to reinforce learning. </div></div></div><div class="card mb-6"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><span class="text-2xl">📊</span><h3 class="text-xl font-semibold">Example 3: Code Review &amp; Analysis</h3></div><div class="flex gap-2"><span class="px-2 py-1 bg-blue-100 text-blue-700 text-xs rounded">Analysis</span><span class="px-2 py-1 bg-green-100 text-green-700 text-xs rounded">⭐⭐⭐⭐⭐</span><span class="px-2 py-1 bg-red-100 text-red-700 text-xs rounded">Advanced</span></div></div><div class="space-y-4"><div class="p-4 bg-blue-50 rounded-lg"><div class="text-sm text-blue-800 font-medium mb-2">🎯 Instruction:</div><p class="text-gray-700"> &quot;Review this API endpoint code for performance issues and security vulnerabilities. What would you change and why?&quot; </p></div><div class="p-4 bg-gray-50 rounded-lg"><div class="text-sm text-gray-800 font-medium mb-2">📎 Input:</div><pre class="text-sm bg-gray-100 p-2 rounded overflow-x-auto"><code>app.get(&#39;/api/users/:id&#39;, async (req, res) =&gt; {
+  const users = await db.query(&#39;SELECT * FROM users&#39;);
+  const user = users.find(u =&gt; u.id === req.params.id);
+  
+  if (user) {
+    res.json(user);
+  } else {
+    res.status(404).send(&#39;Not found&#39;);
+  }
+});</code></pre></div><div class="p-4 bg-green-50 rounded-lg"><div class="text-sm text-green-800 font-medium mb-2">📝 Output:</div><div class="text-gray-700 text-sm space-y-3"><p><strong>🚨 Critical Issues Found:</strong></p><div class="bg-red-50 p-3 rounded border-l-4 border-red-500"><p class="font-medium text-red-800">1. N+1 Query Problem (Performance)</p><p class="mt-1">Fetching ALL users then filtering in JavaScript is extremely inefficient. With 1M users, you&#39;re loading 1M rows into memory!</p><p class="mt-2 text-green-700"><strong>Fix:</strong></p><pre class="bg-gray-100 p-2 rounded mt-1"><code>const user = await db.query(
+  &#39;SELECT * FROM users WHERE id = ?&#39;, 
+  [req.params.id]
+);</code></pre></div><div class="bg-red-50 p-3 rounded border-l-4 border-red-500"><p class="font-medium text-red-800">2. SQL Injection Vulnerability (Security)</p><p class="mt-1">Directly using <code>req.params.id</code> in queries opens SQL injection attacks.</p><p class="mt-2 text-green-700"><strong>Fix:</strong> Use parameterized queries (shown above) OR an ORM like Prisma/Sequelize.</p></div><div class="bg-yellow-50 p-3 rounded border-l-4 border-yellow-500"><p class="font-medium text-yellow-800">3. Missing Input Validation</p><p class="mt-1">No validation that <code>id</code> is actually a number/string.</p><p class="mt-2 text-green-700"><strong>Fix:</strong></p><pre class="bg-gray-100 p-2 rounded mt-1"><code>const id = parseInt(req.params.id);
+if (isNaN(id)) {
+  return res.status(400).json({ error: &#39;Invalid ID format&#39; });
+}</code></pre></div><div class="bg-yellow-50 p-3 rounded border-l-4 border-yellow-500"><p class="font-medium text-yellow-800">4. Error Handling Missing</p><p class="mt-1">Database errors will crash the server with unhandled promise rejections.</p><p class="mt-2 text-green-700"><strong>Fix:</strong> Wrap in try-catch</p><pre class="bg-gray-100 p-2 rounded mt-1"><code>try {
+  // database operations
+} catch (error) {
+  console.error(&#39;Database error:&#39;, error);
+  res.status(500).json({ error: &#39;Internal server error&#39; });
+}</code></pre></div><p><strong>✅ Improved Version:</strong></p><pre class="bg-gray-100 p-2 rounded"><code>app.get(&#39;/api/users/:id&#39;, async (req, res) =&gt; {
+  try {
+    const id = parseInt(req.params.id);
+    if (isNaN(id)) {
+      return res.status(400).json({ error: &#39;Invalid ID format&#39; });
+    }
+
+    const user = await db.query(
+      &#39;SELECT id, name, email FROM users WHERE id = ?&#39;,
+      [id]
+    );
+    
+    if (user.length === 0) {
+      return res.status(404).json({ error: &#39;User not found&#39; });
+    }
+    
+    res.json(user[0]);
+  } catch (error) {
+    console.error(&#39;Error fetching user:&#39;, error);
+    res.status(500).json({ error: &#39;Internal server error&#39; });
+  }
+});</code></pre><p><strong>📈 Performance Impact:</strong></p><ul class="list-disc list-inside space-y-1"><li>Original: O(n) time + O(n) memory (loads all users)</li><li>Improved: O(1) time + O(1) memory (database indexed lookup)</li><li>For 1M users: From ~500ms + 100MB RAM → ~5ms + minimal RAM</li></ul></div></div><div class="p-3 bg-purple-50 rounded-lg text-sm"><strong>🏷️ Tags:</strong><span class="inline-block bg-white px-2 py-0.5 rounded ml-2 mr-1">security</span><span class="inline-block bg-white px-2 py-0.5 rounded mr-1">performance</span><span class="inline-block bg-white px-2 py-0.5 rounded mr-1">nodejs</span><span class="inline-block bg-white px-2 py-0.5 rounded">database</span></div></div></div><div class="card"><h3 class="text-lg font-semibold mb-4">🎓 What Makes These Examples Great?</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm"><div class="p-3 bg-green-50 rounded"><strong class="text-green-800">✅ Clear Instructions</strong><p class="text-gray-600 mt-1">Specific, contextual, and well-defined</p></div><div class="p-3 bg-green-50 rounded"><strong class="text-green-800">✅ Complete Outputs</strong><p class="text-gray-600 mt-1">Thorough, with multiple approaches and reasoning</p></div><div class="p-3 bg-green-50 rounded"><strong class="text-green-800">✅ Code Examples</strong><p class="text-gray-600 mt-1">Real, runnable code with explanations</p></div><div class="p-3 bg-green-50 rounded"><strong class="text-green-800">✅ Educational Value</strong><p class="text-gray-600 mt-1">Teaches concepts, not just answers</p></div><div class="p-3 bg-green-50 rounded"><strong class="text-green-800">✅ Practical Application</strong><p class="text-gray-600 mt-1">Real-world scenarios users face</p></div><div class="p-3 bg-green-50 rounded"><strong class="text-green-800">✅ Proper Metadata</strong><p class="text-gray-600 mt-1">Accurate categories, difficulty, and tags</p></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/examples.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const examples = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+
+export { examples as default };
+//# sourceMappingURL=examples-BHK8MDrs.mjs.map

package/.output/server/chunks/build/examples-BHK8MDrs.mjs.map

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

package/.output/server/chunks/build/export-BzxFqqfP.mjs

@@ -0,0 +1,233 @@
+import { _ as __nuxt_component_0 } from './nuxt-link-Ceyd90PQ.mjs';
+import { defineComponent, ref, resolveDirective, mergeProps, withCtx, createVNode, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrInterpolate, ssrRenderList, ssrRenderClass, ssrIncludeBooleanAttr, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrGetDirectiveProps, ssrRenderComponent } from 'vue/server-renderer';
+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 './server.mjs';
+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 = /* @__PURE__ */ defineComponent({
+  __name: "export",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const formats = [
+      {
+        id: "alpaca",
+        name: "Alpaca",
+        icon: "🦙",
+        description: "Standard format for instruction tuning",
+        compatibility: "Works with: LLaMA-Factory, Axolotl, HuggingFace",
+        recommended: true
+      },
+      {
+        id: "sharegpt",
+        name: "ShareGPT",
+        icon: "💬",
+        description: "Conversational format",
+        compatibility: "Works with: ShareGPT, some fine-tuning tools"
+      },
+      {
+        id: "jsonl",
+        name: "JSONL",
+        icon: "📝",
+        description: "One JSON object per line",
+        compatibility: "Efficient format for large datasets",
+        recommended: true
+      },
+      {
+        id: "json",
+        name: "JSON",
+        icon: "📄",
+        description: "Single JSON file with metadata",
+        compatibility: "Includes full metadata and statistics"
+      },
+      {
+        id: "csv",
+        name: "CSV",
+        icon: "📊",
+        description: "Spreadsheet format",
+        compatibility: "Open in Excel, Google Sheets"
+      }
+    ];
+    const splits = [
+      { value: "none", label: "No Split" },
+      { value: "90-10", label: "90% Train / 10% Val" },
+      { value: "80-20", label: "80% Train / 20% Val" },
+      { value: "70-30", label: "70% Train / 30% Val" }
+    ];
+    const selectedFormat = ref("alpaca");
+    const exporting = ref(false);
+    const exportResult = ref(null);
+    const filters = ref({
+      status: "approved",
+      minQuality: void 0,
+      split: "none",
+      includeMetadata: true
+    });
+    const stats = ref({
+      total: 0,
+      approved: 0,
+      draft: 0,
+      review: 0,
+      avgQuality: 0
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0;
+      const _directive_else34 = resolveDirective('else"');
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-4xl mx-auto" }, _attrs))}><div class="mb-6"><h1 class="text-2xl font-bold mb-2">Export Your Dataset</h1><p class="text-gray-600"> Export your training examples in various formats compatible with popular fine-tuning tools. </p></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6"><div class="card p-4 text-center"><div class="text-2xl font-bold text-blue-600">${ssrInterpolate(stats.value.total)}</div><div class="text-sm text-gray-600">Total Examples</div></div><div class="card p-4 text-center"><div class="text-2xl font-bold text-green-600">${ssrInterpolate(stats.value.approved)}</div><div class="text-sm text-gray-600">Approved</div></div><div class="card p-4 text-center"><div class="text-2xl font-bold text-yellow-600">${ssrInterpolate(stats.value.draft)}</div><div class="text-sm text-gray-600">Drafts</div></div><div class="card p-4 text-center"><div class="text-2xl font-bold text-purple-600">${ssrInterpolate(stats.value.avgQuality.toFixed(1))}</div><div class="text-sm text-gray-600">Avg Quality</div></div></div><div class="card"><h2 class="text-lg font-semibold mb-6">Export Configuration</h2><div class="space-y-6"><div><label class="form-label">Export Format</label><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"><!--[-->`);
+      ssrRenderList(formats, (fmt) => {
+        _push(`<button class="${ssrRenderClass([selectedFormat.value === fmt.id ? "border-blue-500 bg-blue-50" : "border-gray-200", "p-4 border-2 rounded-xl text-left transition-all hover:border-blue-400"])}"><div class="flex items-center justify-between mb-2"><span class="text-2xl">${ssrInterpolate(fmt.icon)}</span>`);
+        if (fmt.recommended) {
+          _push(`<span class="text-xs bg-green-100 text-green-700 px-2 py-1 rounded-full"> Recommended </span>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div><h3 class="font-semibold mb-1">${ssrInterpolate(fmt.name)}</h3><p class="text-sm text-gray-600">${ssrInterpolate(fmt.description)}</p><div class="mt-2 text-xs text-gray-500">${ssrInterpolate(fmt.compatibility)}</div></button>`);
+      });
+      _push(`<!--]--></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div><label class="form-label">Status Filter</label><select class="form-input"><option value="all"${ssrIncludeBooleanAttr(Array.isArray(filters.value.status) ? ssrLooseContain(filters.value.status, "all") : ssrLooseEqual(filters.value.status, "all")) ? " selected" : ""}>All Examples</option><option value="approved"${ssrIncludeBooleanAttr(Array.isArray(filters.value.status) ? ssrLooseContain(filters.value.status, "approved") : ssrLooseEqual(filters.value.status, "approved")) ? " selected" : ""}>Approved Only</option><option value="draft"${ssrIncludeBooleanAttr(Array.isArray(filters.value.status) ? ssrLooseContain(filters.value.status, "draft") : ssrLooseEqual(filters.value.status, "draft")) ? " selected" : ""}>Drafts Only</option><option value="review"${ssrIncludeBooleanAttr(Array.isArray(filters.value.status) ? ssrLooseContain(filters.value.status, "review") : ssrLooseEqual(filters.value.status, "review")) ? " selected" : ""}>In Review</option></select></div><div><label class="form-label">Minimum Quality</label><select class="form-input"><option${ssrRenderAttr("value", void 0)}${ssrIncludeBooleanAttr(Array.isArray(filters.value.minQuality) ? ssrLooseContain(filters.value.minQuality, void 0) : ssrLooseEqual(filters.value.minQuality, void 0)) ? " selected" : ""}>Any Quality</option><option${ssrRenderAttr("value", 1)}${ssrIncludeBooleanAttr(Array.isArray(filters.value.minQuality) ? ssrLooseContain(filters.value.minQuality, 1) : ssrLooseEqual(filters.value.minQuality, 1)) ? " selected" : ""}>⭐ 1+</option><option${ssrRenderAttr("value", 2)}${ssrIncludeBooleanAttr(Array.isArray(filters.value.minQuality) ? ssrLooseContain(filters.value.minQuality, 2) : ssrLooseEqual(filters.value.minQuality, 2)) ? " selected" : ""}>⭐⭐ 2+</option><option${ssrRenderAttr("value", 3)}${ssrIncludeBooleanAttr(Array.isArray(filters.value.minQuality) ? ssrLooseContain(filters.value.minQuality, 3) : ssrLooseEqual(filters.value.minQuality, 3)) ? " selected" : ""}>⭐⭐⭐ 3+</option><option${ssrRenderAttr("value", 4)}${ssrIncludeBooleanAttr(Array.isArray(filters.value.minQuality) ? ssrLooseContain(filters.value.minQuality, 4) : ssrLooseEqual(filters.value.minQuality, 4)) ? " selected" : ""}>⭐⭐⭐⭐ 4+</option><option${ssrRenderAttr("value", 5)}${ssrIncludeBooleanAttr(Array.isArray(filters.value.minQuality) ? ssrLooseContain(filters.value.minQuality, 5) : ssrLooseEqual(filters.value.minQuality, 5)) ? " selected" : ""}>⭐⭐⭐⭐⭐ 5 only</option></select></div></div><div><label class="form-label">Train/Validation Split (Optional)</label><div class="flex gap-2 flex-wrap"><!--[-->`);
+      ssrRenderList(splits, (split) => {
+        _push(`<button class="${ssrRenderClass([filters.value.split === split.value ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-blue-300", "px-4 py-2 rounded-lg border-2 transition-all"])}">${ssrInterpolate(split.label)}</button>`);
+      });
+      _push(`<!--]--></div>`);
+      if (filters.value.split !== "none") {
+        _push(`<p class="text-sm text-gray-600 mt-2"> Your dataset will be randomly split into training and validation sets. </p>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div><div class="flex items-center gap-3"><input id="includeMetadata"${ssrIncludeBooleanAttr(Array.isArray(filters.value.includeMetadata) ? ssrLooseContain(filters.value.includeMetadata, null) : filters.value.includeMetadata) ? " checked" : ""} type="checkbox" class="w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"><label for="includeMetadata" class="text-sm font-medium"> Include metadata (category, quality, timestamps, etc.) </label></div></div><div class="mt-8 flex items-center justify-between">`);
+      if (exportResult.value) {
+        _push(`<div class="text-sm text-gray-600">`);
+        if (exportResult.value.splits) {
+          _push(`<span>${ssrInterpolate(exportResult.value.splits.train.count)} train + ${ssrInterpolate(exportResult.value.splits.validation.count)} validation examples </span>`);
+        } else {
+          _push(`<span>${ssrInterpolate(exportResult.value.count)} examples ready for download </span>`);
+        }
+        _push(`</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<div class="flex gap-3"><button class="btn-secondary"> Reset </button><button${ssrIncludeBooleanAttr(exporting.value || stats.value.total === 0) ? " disabled" : ""} class="${ssrRenderClass([{ "opacity-50 cursor-not-allowed": exporting.value || stats.value.total === 0 }, "btn-primary"])}">`);
+      if (exporting.value) {
+        _push(`<span>Exporting...</span>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<span${ssrRenderAttrs(ssrGetDirectiveProps(_ctx, _directive_else34))}>📤 Export Dataset</span></button></div></div></div>`);
+      if (exportResult.value) {
+        _push(`<div class="card mt-6"><h2 class="text-lg font-semibold mb-4">Download Your Dataset</h2>`);
+        if (exportResult.value.splits) {
+          _push(`<div class="space-y-4"><div class="flex gap-4"><div class="flex-1 p-4 bg-blue-50 rounded-lg"><div class="flex items-center justify-between mb-2"><h3 class="font-semibold">Training Set</h3><span class="text-sm text-gray-600">${ssrInterpolate(exportResult.value.splits.train.count)} examples</span></div><button class="w-full btn-primary"> Download ${ssrInterpolate(exportResult.value.splits.train.filename)}</button></div><div class="flex-1 p-4 bg-green-50 rounded-lg"><div class="flex items-center justify-between mb-2"><h3 class="font-semibold">Validation Set</h3><span class="text-sm text-gray-600">${ssrInterpolate(exportResult.value.splits.validation.count)} examples</span></div><button class="w-full btn-primary"> Download ${ssrInterpolate(exportResult.value.splits.validation.filename)}</button></div></div></div>`);
+        } else {
+          _push(`<div><div class="p-4 bg-blue-50 rounded-lg"><div class="flex items-center justify-between mb-2"><h3 class="font-semibold">Complete Dataset</h3><span class="text-sm text-gray-600">${ssrInterpolate(exportResult.value.count)} examples</span></div><button class="w-full btn-primary"> Download ${ssrInterpolate(exportResult.value.filename)}</button></div></div>`);
+        }
+        if (selectedFormat.value === "json" || selectedFormat.value === "jsonl") {
+          _push(`<div class="mt-4"><button class="text-sm text-blue-600 hover:text-blue-800 underline"> Copy to clipboard instead </button></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<div class="card mt-6"><h2 class="text-lg font-semibold mb-4">Format Guide</h2><div class="space-y-4"><div class="p-4 bg-gray-50 rounded-lg"><h3 class="font-semibold mb-2">🦙 Alpaca Format</h3><p class="text-sm text-gray-600 mb-2"> Standard format used by Alpaca, LLaMA-Factory, and many other tools. </p><code class="text-xs bg-gray-800 text-gray-200 p-2 rounded block"> { &quot;instruction&quot;: &quot;...&quot;, &quot;input&quot;: &quot;...&quot;, &quot;output&quot;: &quot;...&quot; } </code></div><div class="p-4 bg-gray-50 rounded-lg"><h3 class="font-semibold mb-2">💬 ShareGPT Format</h3><p class="text-sm text-gray-600 mb-2"> Conversational format used by ShareGPT and some fine-tuning frameworks. </p><code class="text-xs bg-gray-800 text-gray-200 p-2 rounded block"> { &quot;conversations&quot;: [{&quot;from&quot;: &quot;human&quot;, &quot;value&quot;: &quot;...&quot;}, {&quot;from&quot;: &quot;gpt&quot;, &quot;value&quot;: &quot;...&quot;}] } </code></div><div class="p-4 bg-gray-50 rounded-lg"><h3 class="font-semibold mb-2">📝 JSONL Format</h3><p class="text-sm text-gray-600 mb-2"> One JSON object per line. Efficient for large datasets. Compatible with most tools. </p><code class="text-xs bg-gray-800 text-gray-200 p-2 rounded block"> {&quot;instruction&quot;: &quot;...&quot;, &quot;input&quot;: &quot;...&quot;, &quot;output&quot;: &quot;...&quot;} <br>{&quot;instruction&quot;: &quot;...&quot;, &quot;input&quot;: &quot;...&quot;, &quot;output&quot;: &quot;...&quot;} </code></div><div class="p-4 bg-gray-50 rounded-lg"><h3 class="font-semibold mb-2">📊 CSV Format</h3><p class="text-sm text-gray-600 mb-2"> Spreadsheet format for easy viewing and editing in Excel/Google Sheets. </p><code class="text-xs bg-gray-800 text-gray-200 p-2 rounded block"> instruction,input,output,system,category,difficulty,... </code></div></div></div><div class="card mt-6 bg-gradient-to-r from-blue-50 to-purple-50"><h2 class="text-lg font-semibold mb-4">What&#39;s Next?</h2><p class="text-gray-600 mb-4"> New to fine-tuning? Learn about these platforms first before diving in: </p><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/examples",
+        class: "p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="text-2xl mb-2"${_scopeId}>📋</div><h3 class="font-semibold mb-1"${_scopeId}>Review Dataset</h3><p class="text-sm text-gray-600"${_scopeId}>Check and improve your examples before training.</p>`);
+          } else {
+            return [
+              createVNode("div", { class: "text-2xl mb-2" }, "📋"),
+              createVNode("h3", { class: "font-semibold mb-1" }, "Review Dataset"),
+              createVNode("p", { class: "text-sm text-gray-600" }, "Check and improve your examples before training.")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/help/huggingface",
+        class: "p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow border-l-4 border-yellow-400"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="text-2xl mb-2"${_scopeId}>🤗</div><h3 class="font-semibold mb-1"${_scopeId}>What is Hugging Face?</h3><p class="text-sm text-gray-600"${_scopeId}>Learn about the &quot;GitHub of AI&quot; before you go there.</p><span class="text-xs text-yellow-600 font-medium"${_scopeId}>Start here →</span>`);
+          } else {
+            return [
+              createVNode("div", { class: "text-2xl mb-2" }, "🤗"),
+              createVNode("h3", { class: "font-semibold mb-1" }, "What is Hugging Face?"),
+              createVNode("p", { class: "text-sm text-gray-600" }, 'Learn about the "GitHub of AI" before you go there.'),
+              createVNode("span", { class: "text-xs text-yellow-600 font-medium" }, "Start here →")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/help/axolotl",
+        class: "p-4 bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow border-l-4 border-green-400"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="text-2xl mb-2"${_scopeId}>🦎</div><h3 class="font-semibold mb-1"${_scopeId}>What is Axolotl?</h3><p class="text-sm text-gray-600"${_scopeId}>The easiest way to fine-tune. Perfect for beginners!</p><span class="text-xs text-green-600 font-medium"${_scopeId}>Easiest option →</span>`);
+          } else {
+            return [
+              createVNode("div", { class: "text-2xl mb-2" }, "🦎"),
+              createVNode("h3", { class: "font-semibold mb-1" }, "What is Axolotl?"),
+              createVNode("p", { class: "text-sm text-gray-600" }, "The easiest way to fine-tune. Perfect for beginners!"),
+              createVNode("span", { class: "text-xs text-green-600 font-medium" }, "Easiest option →")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/help/first-training",
+        class: "p-4 bg-gradient-to-br from-purple-600 to-blue-600 text-white rounded-lg shadow-sm hover:shadow-md transition-shadow"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="text-2xl mb-2"${_scopeId}>🚀</div><h3 class="font-semibold mb-1"${_scopeId}>Start Training Now!</h3><p class="text-sm text-white text-opacity-90"${_scopeId}>Step-by-step guide to train your first model.</p><span class="text-xs text-yellow-300 font-medium"${_scopeId}>Let&#39;s do it! →</span>`);
+          } else {
+            return [
+              createVNode("div", { class: "text-2xl mb-2" }, "🚀"),
+              createVNode("h3", { class: "font-semibold mb-1" }, "Start Training Now!"),
+              createVNode("p", { class: "text-sm text-white text-opacity-90" }, "Step-by-step guide to train your first model."),
+              createVNode("span", { class: "text-xs text-yellow-300 font-medium" }, "Let's do it! →")
+            ];
+          }
+        }),
+        _: 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/export.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=export-BzxFqqfP.mjs.map

package/.output/server/chunks/build/export-BzxFqqfP.mjs.map

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

package/.output/server/chunks/build/faq-DKch73dS.mjs

@@ -0,0 +1,112 @@
+import { _ as __nuxt_component_0 } from './nuxt-link-Ceyd90PQ.mjs';
+import { mergeProps, withCtx, createTextVNode, createVNode, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent } from 'vue/server-renderer';
+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 './server.mjs';
+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: "faq",
+  __ssrInlineRender: true,
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-5xl mx-auto" }, _attrs))}><section id="faq" class="mb-12"><div class="flex items-center gap-3 mb-6"><span class="text-3xl">❓</span><h2 class="text-2xl font-bold">Frequently Asked Questions</h2></div><div class="space-y-4"><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">How many examples do I actually need?</h3><p class="text-gray-600 mb-3"> We recommend starting with <strong>1000 high-quality examples</strong> for your first fine-tuning. This is the sweet spot where you&#39;ll see significant improvement. </p><ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4"><li><strong>100 examples:</strong> Minimal viable dataset - good for testing</li><li><strong>500 examples:</strong> Noticeable improvement in specific tasks</li><li><strong>1000 examples:</strong> Solid foundation for most use cases</li><li><strong>5000+ examples:</strong> Professional-grade fine-tuning</li></ul><p class="text-sm text-gray-500 mt-3"><strong>Remember:</strong> 100 excellent examples beat 1000 mediocre ones. Quality always wins over quantity. </p></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">What&#39;s the difference between &quot;Draft&quot; and &quot;Approved&quot; status?</h3><p class="text-gray-600"><strong>Draft</strong> means you&#39;re still working on it—needs review or improvement. <strong>Approved</strong> means it&#39;s high quality and ready for training. <strong>Rejected</strong> means it has significant issues and shouldn&#39;t be used. Aim to have 80% of your examples approved before training. </p></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">Can I import from ChatGPT / Claude / my own conversations?</h3><p class="text-gray-600 mb-3"> Yes! edukaAI can import from: </p><ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4"><li><strong>Claude Code</strong> - Full support with metadata</li><li><strong>Cursor</strong> - Import chat history</li><li><strong>OpenCode</strong> - Limited support (metadata only)</li></ul><p class="text-sm text-gray-500 mt-3"> Go to the `);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/import",
+        class: "text-blue-600 hover:underline"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`Import`);
+          } else {
+            return [
+              createTextVNode("Import")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(` page and follow the wizard. The tool will automatically extract examples from your conversations. </p></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">How long does it take to create 1000 examples?</h3><p class="text-gray-600 mb-3"> It depends on your approach: </p><ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4"><li><strong>Manual creation:</strong> 5-10 minutes per example = 85-170 hours total</li><li><strong>Importing conversations:</strong> Much faster! Can import 50-100 examples in minutes</li><li><strong>Hybrid approach:</strong> Import 70% + manually create 30%</li></ul><p class="text-sm text-gray-500 mt-3"><strong>Recommended:</strong> Import from your existing AI conversations, then curate and add manual examples where needed. This can reduce time to just 10-20 hours of curation. </p></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">Do I need programming experience to fine-tune an LLM?</h3><p class="text-gray-600"><strong>No!</strong> edukaAI is designed for beginners. You don&#39;t need to write training code or understand machine learning theory. Just create good examples using our forms, and we&#39;ll handle the technical parts. However, basic understanding of your domain (e.g., programming concepts if you&#39;re building a coding assistant) is helpful. </p></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">What models can I fine-tune with my dataset?</h3><p class="text-gray-600 mb-3"> Once exported from edukaAI, you can use your dataset to fine-tune: </p><ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4"><li><strong>Open source models:</strong> Llama 2, Mistral, Falcon (free, run locally)</li><li><strong>Via HuggingFace:</strong> Easy upload and training</li><li><strong>Via OpenAI:</strong> GPT-3.5 fine-tuning API</li><li><strong>Via other platforms:</strong> Any platform accepting Alpaca or ShareGPT format</li></ul><p class="text-sm text-gray-500 mt-3"> We export in multiple formats (Alpaca, ShareGPT, CodeAlpaca) to ensure compatibility with popular training platforms. </p></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">How much does fine-tuning cost?</h3><p class="text-gray-600 mb-3"> Costs vary by platform: </p><ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4"><li><strong>Open source (local):</strong> Free! Just need a decent GPU (RTX 3060 or better recommended)</li><li><strong>HuggingFace / cloud:</strong> $5-20 per training run depending on model size</li><li><strong>OpenAI API:</strong> $0.008 per 1K tokens trained (typically $2-10 for 1000 examples)</li></ul><p class="text-sm text-gray-500 mt-3"><strong>Cost-saving tip:</strong> Train on smaller models first (7B parameters) to test your dataset before training larger, more expensive models. </p></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">What if my model doesn&#39;t improve after training?</h3><p class="text-gray-600 mb-3"> Common reasons and solutions: </p><ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4"><li><strong>Quality issues:</strong> Review your dataset. Reject low-quality examples. Aim for 4-5 star ratings.</li><li><strong>Not enough data:</strong> Try with 1000+ examples. Small datasets often don&#39;t show improvement.</li><li><strong>Wrong format:</strong> Make sure you&#39;re exporting in the right format for your training platform.</li><li><strong>Base model too large:</strong> Try fine-tuning a smaller model (7B instead of 70B).</li><li><strong>Training parameters:</strong> You may need more training epochs or different learning rates.</li></ul></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">Can I use copyrighted material in my dataset?</h3><p class="text-gray-600"> Be careful! Don&#39;t include copyrighted code, text, or content without permission. Write your own explanations and examples. If importing from AI assistants (Claude, ChatGPT), those conversations are generally fine to use since you created them. When in doubt, create original content. </p></div><div class="card"><h3 class="font-semibold text-lg mb-2 text-blue-700">How do I know if an example is good quality?</h3><p class="text-gray-600 mb-3"> Ask yourself these questions: </p><ul class="list-disc list-inside text-sm text-gray-600 space-y-1 ml-4"><li>Does the output fully answer the instruction?</li><li>Would this help a real user?</li><li>Is it accurate and correct?</li><li>Is the tone consistent with other examples?</li><li>Does it teach something or just give an answer?</li><li>Would I be proud if this was the only example someone saw?</li></ul><p class="text-sm text-gray-500 mt-3"> If you answered &quot;yes&quot; to all, it&#39;s probably a 4-5 star example! </p></div></div></section><section id="glossary" class="mb-12"><div class="flex items-center gap-3 mb-6"><span class="text-3xl">📖</span><h2 class="text-2xl font-bold">Glossary</h2></div><div class="card"><div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-4"><div><h3 class="font-semibold text-blue-700">Base Model</h3><p class="text-sm text-gray-600">The pre-trained LLM you start with before fine-tuning (e.g., GPT-4, Llama 2, Mistral).</p></div><div><h3 class="font-semibold text-blue-700">Dataset</h3><p class="text-sm text-gray-600">A collection of training examples used to teach the AI specific tasks.</p></div><div><h3 class="font-semibold text-blue-700">Epoch</h3><p class="text-sm text-gray-600">One complete pass through the entire dataset during training. Multiple epochs help the model learn better.</p></div><div><h3 class="font-semibold text-blue-700">Fine-Tuning</h3><p class="text-sm text-gray-600">The process of training a pre-trained model on a specific dataset to improve performance on particular tasks.</p></div><div><h3 class="font-semibold text-blue-700">Hallucination</h3><p class="text-sm text-gray-600">When an AI generates incorrect or made-up information. Good datasets help reduce this.</p></div><div><h3 class="font-semibold text-blue-700">Hyperparameters</h3><p class="text-sm text-gray-600">Settings that control the training process (learning rate, batch size, epochs). Usually handled automatically.</p></div><div><h3 class="font-semibold text-blue-700">Instruction</h3><p class="text-sm text-gray-600">The input part of a training example—what the user asks or the task to perform.</p></div><div><h3 class="font-semibold text-blue-700">LLM (Large Language Model)</h3><p class="text-sm text-gray-600">AI models trained on vast amounts of text to understand and generate human language.</p></div><div><h3 class="font-semibold text-blue-700">Loss</h3><p class="text-sm text-gray-600">A measure of how wrong the model&#39;s predictions are. Lower loss = better learning.</p></div><div><h3 class="font-semibold text-blue-700">Overfitting</h3><p class="text-sm text-gray-600">When a model learns the training data too well and can&#39;t generalize to new inputs.</p></div><div><h3 class="font-semibold text-blue-700">Output / Response</h3><p class="text-sm text-gray-600">The desired answer or result the AI should produce for a given instruction.</p></div><div><h3 class="font-semibold text-blue-700">Parameters</h3><p class="text-sm text-gray-600">The internal numbers/weights that define how an AI model works. &quot;7B&quot; = 7 billion parameters.</p></div><div><h3 class="font-semibold text-blue-700">Prompt</h3><p class="text-sm text-gray-600">The text you send to an AI to get a response. In training, this is the instruction.</p></div><div><h3 class="font-semibold text-blue-700">System Prompt</h3><p class="text-sm text-gray-600">Instructions that define the AI&#39;s personality, role, and behavior for all responses.</p></div><div><h3 class="font-semibold text-blue-700">Token</h3><p class="text-sm text-gray-600">A piece of text (word or word fragment) that the AI processes. &quot;Hello world&quot; ≈ 2-3 tokens.</p></div><div><h3 class="font-semibold text-blue-700">Training</h3><p class="text-sm text-gray-600">The process of adjusting a model&#39;s parameters so it produces better outputs.</p></div><div><h3 class="font-semibold text-blue-700">Validation Set</h3><p class="text-sm text-gray-600">A portion of data held back from training to test if the model generalizes well.</p></div><div><h3 class="font-semibold text-blue-700">Weights</h3><p class="text-sm text-gray-600">See &quot;Parameters&quot;—the learned values that determine how the AI responds.</p></div></div></div></section><section id="resources" class="mb-12"><div class="flex items-center gap-3 mb-6"><span class="text-3xl">🔗</span><h2 class="text-2xl font-bold">Resources &amp; Next Steps</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="card"><h3 class="font-semibold text-lg mb-4">📚 Learning Resources</h3><ul class="space-y-3 text-sm"><li><a href="https://huggingface.co/docs/transformers/training" target="_blank" class="text-blue-600 hover:underline"> HuggingFace Training Guide </a><p class="text-gray-500">Official guide for training transformers</p></li><li><a href="https://platform.openai.com/docs/guides/fine-tuning" target="_blank" class="text-blue-600 hover:underline"> OpenAI Fine-Tuning Guide </a><p class="text-gray-500">Guide for fine-tuning GPT models</p></li><li><a href="https://github.com/tatsu-lab/stanford_alpaca" target="_blank" class="text-blue-600 hover:underline"> Stanford Alpaca Dataset </a><p class="text-gray-500">Example of high-quality instruction dataset</p></li><li><a href="https://github.com/huggingface/transformers" target="_blank" class="text-blue-600 hover:underline"> Transformers Library </a><p class="text-gray-500">Popular library for working with LLMs</p></li></ul></div><div class="card"><h3 class="font-semibold text-lg mb-4">🛠️ Tools &amp; Platforms</h3><ul class="space-y-3 text-sm"><li><a href="https://huggingface.co/" target="_blank" class="text-blue-600 hover:underline"> HuggingFace Hub </a><p class="text-gray-500">Share and train models (we export here!)</p></li><li><a href="https://wandb.ai/" target="_blank" class="text-blue-600 hover:underline"> Weights &amp; Biases </a><p class="text-gray-500">Track training runs and experiments</p></li><li><a href="https://github.com/jeffdapaz/llama-cpp-python" target="_blank" class="text-blue-600 hover:underline"> Llama.cpp </a><p class="text-gray-500">Run models locally on consumer hardware</p></li><li><a href="https://lmstudio.ai/" target="_blank" class="text-blue-600 hover:underline"> LM Studio </a><p class="text-gray-500">Easy GUI for running local LLMs</p></li></ul></div></div><div id="next-steps" class="card mt-6 bg-gradient-to-br from-blue-50 to-purple-50"><h3 class="font-semibold text-xl mb-4">🚀 Ready to Start?</h3><div class="grid grid-cols-1 md:grid-cols-3 gap-4">`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/examples/new",
+        class: "p-4 bg-white rounded-lg hover:shadow-md transition-shadow text-center"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="text-3xl mb-2"${_scopeId}>✏️</div><h4 class="font-semibold"${_scopeId}>Create First Example</h4><p class="text-sm text-gray-600 mt-1"${_scopeId}>Start building your dataset</p>`);
+          } else {
+            return [
+              createVNode("div", { class: "text-3xl mb-2" }, "✏️"),
+              createVNode("h4", { class: "font-semibold" }, "Create First Example"),
+              createVNode("p", { class: "text-sm text-gray-600 mt-1" }, "Start building your dataset")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/import",
+        class: "p-4 bg-white rounded-lg hover:shadow-md transition-shadow text-center"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="text-3xl mb-2"${_scopeId}>📥</div><h4 class="font-semibold"${_scopeId}>Import Conversations</h4><p class="text-sm text-gray-600 mt-1"${_scopeId}>Import from AI assistants</p>`);
+          } else {
+            return [
+              createVNode("div", { class: "text-3xl mb-2" }, "📥"),
+              createVNode("h4", { class: "font-semibold" }, "Import Conversations"),
+              createVNode("p", { class: "text-sm text-gray-600 mt-1" }, "Import from AI assistants")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/examples",
+        class: "p-4 bg-white rounded-lg hover:shadow-md transition-shadow text-center"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="text-3xl mb-2"${_scopeId}>📊</div><h4 class="font-semibold"${_scopeId}>View Dataset</h4><p class="text-sm text-gray-600 mt-1"${_scopeId}>See your progress</p>`);
+          } else {
+            return [
+              createVNode("div", { class: "text-3xl mb-2" }, "📊"),
+              createVNode("h4", { class: "font-semibold" }, "View Dataset"),
+              createVNode("p", { class: "text-sm text-gray-600 mt-1" }, "See your progress")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div></div></section><div class="text-center py-8 text-gray-500 text-sm"><p>🎓 edukaAI - Learn LLM fine-tuning by building datasets</p><p class="mt-1">Remember: The best way to learn is by doing. Start creating your first example today!</p></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/faq.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=faq-DKch73dS.mjs.map

package/.output/server/chunks/build/faq-DKch73dS.mjs.map

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