@elgap/edukaai 0.1.0

package/.output/server/chunks/build/ExampleCard-styles.BUOJhEg0.mjs

@@ -0,0 +1,8 @@
+const ExampleCard_vue_vue_type_style_index_0_scoped_06fe6586_lang = ".line-clamp-2[data-v-06fe6586]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}";
+
+const ExampleCardStyles_BUOJhEg0 = [
+  ExampleCard_vue_vue_type_style_index_0_scoped_06fe6586_lang
+];
+
+export { ExampleCardStyles_BUOJhEg0 as default };
+//# sourceMappingURL=ExampleCard-styles.BUOJhEg0.mjs.map

package/.output/server/chunks/build/ExampleCard-styles.BUOJhEg0.mjs.map

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

package/.output/server/chunks/build/ExampleForm-Bcpl0CfL.mjs

@@ -0,0 +1,238 @@
+import { defineComponent, ref, reactive, mergeProps, computed, unref, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrIncludeBooleanAttr, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderList } from 'vue/server-renderer';
+import { useRouter } from 'vue-router';
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "FieldTooltip",
+  __ssrInlineRender: true,
+  props: {
+    title: {},
+    content: {},
+    example: {},
+    learnMoreLink: {}
+  },
+  setup(__props) {
+    const show = ref(false);
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "relative inline-block" }, _attrs))}><button type="button" class="text-gray-400 hover:text-blue-500 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></button>`);
+      if (show.value) {
+        _push(`<div class="absolute z-50 w-80 p-4 bg-gray-900 text-white rounded-lg shadow-xl -top-2 left-full ml-2"><div class="flex items-start gap-2"><span class="text-xl">💡</span><div class="flex-1"><h4 class="font-semibold mb-1">${ssrInterpolate(__props.title)}</h4><p class="text-sm text-gray-300 mb-2">${ssrInterpolate(__props.content)}</p><div class="bg-gray-800 rounded p-2 text-xs text-gray-400 italic">${ssrInterpolate(__props.example)}</div>`);
+        if (__props.learnMoreLink) {
+          _push(`<a${ssrRenderAttr("href", __props.learnMoreLink)} class="text-xs text-blue-400 hover:text-blue-300 mt-2 inline-block" target="_blank"> Learn more → </a>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div></div><div class="absolute top-4 -left-1 w-2 h-2 bg-gray-900 transform rotate-45"></div></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/FieldTooltip.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const __nuxt_component_0 = Object.assign(_sfc_main$3, { __name: "FieldTooltip" });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "QualityStars",
+  __ssrInlineRender: true,
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const hoverRating = ref(0);
+    const currentRating = computed(() => hoverRating.value || props.modelValue);
+    const ratingLabels = {
+      1: "Poor",
+      2: "Fair",
+      3: "Good",
+      4: "Very Good",
+      5: "Excellent"
+    };
+    const ratingLabel = computed(() => {
+      return ratingLabels[currentRating.value] || "";
+    });
+    const isFilled = (star) => {
+      return star <= currentRating.value;
+    };
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center gap-1" }, _attrs))}><!--[-->`);
+      ssrRenderList(5, (star) => {
+        _push(`<button type="button" class="transition-transform hover:scale-110 focus:outline-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"${ssrRenderAttr("fill", isFilled(star) ? "#fbbf24" : "none")} stroke="#fbbf24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></button>`);
+      });
+      _push(`<!--]--><span class="ml-2 text-sm text-gray-500">${ssrInterpolate(ratingLabel.value)}</span></div>`);
+    };
+  }
+});
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/QualityStars.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_1$1 = Object.assign(_sfc_main$2, { __name: "QualityStars" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "TagInput",
+  __ssrInlineRender: true,
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tags = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
+    });
+    const newTag = ref("");
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "form-input flex flex-wrap items-center gap-2 min-h-[42px] p-2" }, _attrs))}><!--[-->`);
+      ssrRenderList(unref(tags), (tag) => {
+        _push(`<span class="inline-flex items-center gap-1 px-2 py-1 bg-blue-100 text-blue-700 text-sm rounded-md">${ssrInterpolate(tag)} <button type="button" class="text-blue-500 hover:text-blue-700"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></span>`);
+      });
+      _push(`<!--]--><input${ssrRenderAttr("value", newTag.value)} type="text" class="flex-1 min-w-[100px] outline-none bg-transparent text-sm" placeholder="Type a tag and press Enter..."></div>`);
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/TagInput.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_2 = Object.assign(_sfc_main$1, { __name: "TagInput" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ExampleForm",
+  __ssrInlineRender: true,
+  props: {
+    initialData: {}
+  },
+  emits: ["submit", "saveDraft", "cancel", "clone"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    useRouter();
+    const saving = ref(false);
+    const action = ref("approve");
+    const getStickyFields = () => {
+      return {};
+    };
+    const stickyFields = getStickyFields();
+    const form = reactive({
+      instruction: props.initialData?.instruction || "",
+      input: props.initialData?.input || "",
+      output: props.initialData?.output || "",
+      systemPrompt: props.initialData?.systemPrompt || "",
+      category: props.initialData?.category || stickyFields.category || "general",
+      difficulty: props.initialData?.difficulty || stickyFields.difficulty || "intermediate",
+      qualityRating: props.initialData?.qualityRating || stickyFields.qualityRating || 3,
+      notes: props.initialData?.notes || "",
+      tags: props.initialData?.tags?.length ? props.initialData.tags : stickyFields.tags || [],
+      status: props.initialData?.status || "approved"
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_FieldTooltip = __nuxt_component_0;
+      const _component_QualityStars = __nuxt_component_1$1;
+      const _component_TagInput = __nuxt_component_2;
+      _push(`<form${ssrRenderAttrs(mergeProps({ class: "space-y-6" }, _attrs))}><div class="card"><h2 class="text-lg font-semibold mb-4 flex items-center gap-2"><span class="text-blue-600">Core Fields</span><span class="text-sm font-normal text-gray-500">(Required)</span></h2><div class="mb-4"><div class="flex items-center gap-2 mb-1"><label class="form-label">Instruction</label>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "Instruction",
+        content: "The main question or task. Be specific! This is what the AI will learn to respond to.",
+        example: "Example: 'Explain closures in JavaScript with practical examples'"
+      }, null, _parent));
+      _push(`</div><textarea class="form-textarea" placeholder="Enter the instruction or question..." rows="3" required>${ssrInterpolate(form.instruction)}</textarea></div><div class="mb-4"><div class="flex items-center gap-2 mb-1"><label class="form-label">Input Context</label><span class="text-sm text-gray-400">(Optional)</span>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "Input Context",
+        content: "Additional context like code snippets, background info, or supporting data.",
+        example: "Example: A code snippet that the user wants explained or refactored."
+      }, null, _parent));
+      _push(`</div><textarea class="form-textarea" placeholder="Add any context or background information..." rows="4">${ssrInterpolate(form.input)}</textarea></div><div class="mb-4"><div class="flex items-center gap-2 mb-1"><label class="form-label">Output / Response</label>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "Output / Response",
+        content: "The ideal AI response. Write exactly what you want the AI to learn to produce.",
+        example: "Example: A detailed explanation of closures with code examples."
+      }, null, _parent));
+      _push(`</div><textarea class="form-textarea" placeholder="Enter the desired AI response..." rows="6" required>${ssrInterpolate(form.output)}</textarea></div></div><div class="card"><h2 class="text-lg font-semibold mb-4 text-purple-600">Metadata Fields</h2><div class="mb-4"><div class="flex items-center gap-2 mb-1"><label class="form-label">System Prompt</label><span class="text-sm text-gray-400">(Optional)</span>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "System Prompt",
+        content: "Defines the AI's personality and behavior for this conversation.",
+        example: "Example: 'You are a patient coding tutor who explains concepts step by step.'"
+      }, null, _parent));
+      _push(`</div><textarea class="form-textarea" placeholder="Defines the AI&#39;s personality..." rows="2">${ssrInterpolate(form.systemPrompt)}</textarea></div><div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4"><div><div class="flex items-center gap-2 mb-1"><label class="form-label">Category</label>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "Category",
+        content: "Helps organize your dataset. Choose the topic area.",
+        example: "Coding, Analysis, Explanation, Writing, etc."
+      }, null, _parent));
+      _push(`</div><select class="form-input"><option value="general"${ssrIncludeBooleanAttr(Array.isArray(form.category) ? ssrLooseContain(form.category, "general") : ssrLooseEqual(form.category, "general")) ? " selected" : ""}>General</option><option value="coding"${ssrIncludeBooleanAttr(Array.isArray(form.category) ? ssrLooseContain(form.category, "coding") : ssrLooseEqual(form.category, "coding")) ? " selected" : ""}>Coding</option><option value="analysis"${ssrIncludeBooleanAttr(Array.isArray(form.category) ? ssrLooseContain(form.category, "analysis") : ssrLooseEqual(form.category, "analysis")) ? " selected" : ""}>Analysis</option><option value="explanation"${ssrIncludeBooleanAttr(Array.isArray(form.category) ? ssrLooseContain(form.category, "explanation") : ssrLooseEqual(form.category, "explanation")) ? " selected" : ""}>Explanation</option><option value="writing"${ssrIncludeBooleanAttr(Array.isArray(form.category) ? ssrLooseContain(form.category, "writing") : ssrLooseEqual(form.category, "writing")) ? " selected" : ""}>Writing</option><option value="math"${ssrIncludeBooleanAttr(Array.isArray(form.category) ? ssrLooseContain(form.category, "math") : ssrLooseEqual(form.category, "math")) ? " selected" : ""}>Math</option><option value="science"${ssrIncludeBooleanAttr(Array.isArray(form.category) ? ssrLooseContain(form.category, "science") : ssrLooseEqual(form.category, "science")) ? " selected" : ""}>Science</option></select></div><div><div class="flex items-center gap-2 mb-1"><label class="form-label">Difficulty</label>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "Difficulty",
+        content: "Track complexity. A mix of difficulties makes better models.",
+        example: "Beginner: Simple concepts. Advanced: Complex reasoning."
+      }, null, _parent));
+      _push(`</div><select class="form-input"><option value="beginner"${ssrIncludeBooleanAttr(Array.isArray(form.difficulty) ? ssrLooseContain(form.difficulty, "beginner") : ssrLooseEqual(form.difficulty, "beginner")) ? " selected" : ""}>Beginner</option><option value="intermediate"${ssrIncludeBooleanAttr(Array.isArray(form.difficulty) ? ssrLooseContain(form.difficulty, "intermediate") : ssrLooseEqual(form.difficulty, "intermediate")) ? " selected" : ""}>Intermediate</option><option value="advanced"${ssrIncludeBooleanAttr(Array.isArray(form.difficulty) ? ssrLooseContain(form.difficulty, "advanced") : ssrLooseEqual(form.difficulty, "advanced")) ? " selected" : ""}>Advanced</option></select></div><div><div class="flex items-center gap-2 mb-1"><label class="form-label">Quality Rating</label>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "Quality Rating",
+        content: "Your assessment of how good this training example is.",
+        example: "5 stars = Perfect example, 1 star = Needs improvement"
+      }, null, _parent));
+      _push(`</div>`);
+      _push(ssrRenderComponent(_component_QualityStars, {
+        modelValue: form.qualityRating,
+        "onUpdate:modelValue": ($event) => form.qualityRating = $event
+      }, null, _parent));
+      _push(`</div></div><div class="mb-4"><div class="flex items-center gap-2 mb-1"><label class="form-label">Tags</label>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "Tags",
+        content: "Custom labels for filtering and organizing. Add any relevant tags.",
+        example: "Example: 'javascript', 'react', 'debugging', 'best-practices'"
+      }, null, _parent));
+      _push(`</div>`);
+      _push(ssrRenderComponent(_component_TagInput, {
+        modelValue: form.tags,
+        "onUpdate:modelValue": ($event) => form.tags = $event
+      }, null, _parent));
+      _push(`</div><div class="mb-4"><div class="flex items-center gap-2 mb-1"><label class="form-label">Notes</label>`);
+      _push(ssrRenderComponent(_component_FieldTooltip, {
+        title: "Notes",
+        content: "Why is this a good example? Document your reasoning for future reference.",
+        example: "Example: 'Clear explanation with practical examples - perfect for training'"
+      }, null, _parent));
+      _push(`</div><textarea class="form-textarea" placeholder="Why is this a good training example?" rows="2">${ssrInterpolate(form.notes)}</textarea></div></div><div class="card bg-gray-50"><h2 class="text-lg font-semibold mb-4 text-gray-600">Source Information</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm"><div><span class="text-gray-500">Source:</span><span class="ml-2 font-medium">Manual Entry</span></div><div><span class="text-gray-500">Created:</span><span class="ml-2 font-medium">${ssrInterpolate((/* @__PURE__ */ new Date()).toLocaleString())}</span></div></div></div><div class="flex flex-wrap gap-3 justify-end"><button type="button"${ssrIncludeBooleanAttr(saving.value) ? " disabled" : ""} class="btn-secondary">`);
+      if (saving.value && action.value === "draft") {
+        _push(`<span>Saving...</span>`);
+      } else {
+        _push(`<span>💾 Save Draft</span>`);
+      }
+      _push(`</button><button type="submit"${ssrIncludeBooleanAttr(saving.value) ? " disabled" : ""} class="btn-primary">`);
+      if (saving.value && action.value === "approve") {
+        _push(`<span>Saving...</span>`);
+      } else {
+        _push(`<span>✅ Save &amp; Approve</span>`);
+      }
+      _push(`</button><button type="button" class="btn-secondary"> ❌ Cancel </button>`);
+      if (props.initialData?.id) {
+        _push(`<button type="button"${ssrIncludeBooleanAttr(saving.value) ? " disabled" : ""} class="btn-secondary border-purple-300 hover:bg-purple-50" title="Create a copy of this example"><span>📋 Clone</span></button>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div><div class="mt-4 pt-4 border-t border-gray-200 text-xs text-gray-500 flex flex-wrap gap-4 justify-end"><span class="flex items-center gap-1"><kbd class="bg-gray-200 px-1.5 py-0.5 rounded">Ctrl</kbd>+<kbd class="bg-gray-200 px-1.5 py-0.5 rounded">S</kbd> Save Draft </span><span class="flex items-center gap-1"><kbd class="bg-gray-200 px-1.5 py-0.5 rounded">Ctrl</kbd>+<kbd class="bg-gray-200 px-1.5 py-0.5 rounded">Enter</kbd> Save &amp; Approve </span><span class="flex items-center gap-1"><kbd class="bg-gray-200 px-1.5 py-0.5 rounded">Esc</kbd> Cancel </span></div></form>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ExampleForm.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const __nuxt_component_1 = Object.assign(_sfc_main, { __name: "ExampleForm" });
+
+export { __nuxt_component_1 as _ };
+//# sourceMappingURL=ExampleForm-Bcpl0CfL.mjs.map

package/.output/server/chunks/build/ExampleForm-Bcpl0CfL.mjs.map

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

package/.output/server/chunks/build/ImportPreview-styles.CFmMl5Ok.mjs

@@ -0,0 +1,8 @@
+const ImportPreview_vue_vue_type_style_index_0_scoped_63f3a431_lang = ".line-clamp-2[data-v-63f3a431]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}";
+
+const ImportPreviewStyles_CFmMl5Ok = [
+  ImportPreview_vue_vue_type_style_index_0_scoped_63f3a431_lang
+];
+
+export { ImportPreviewStyles_CFmMl5Ok as default };
+//# sourceMappingURL=ImportPreview-styles.CFmMl5Ok.mjs.map

package/.output/server/chunks/build/ImportPreview-styles.CFmMl5Ok.mjs.map

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

package/.output/server/chunks/build/_id_-BUSGcL-H.mjs

@@ -0,0 +1,113 @@
+import { _ as __nuxt_component_0 } from './nuxt-link-Ceyd90PQ.mjs';
+import { _ as __nuxt_component_1 } from './ExampleForm-Bcpl0CfL.mjs';
+import { ref, mergeProps, unref, withCtx, createTextVNode, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrInterpolate, ssrRenderComponent } from 'vue/server-renderer';
+import { b as useRoute, a as useRouter } 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 'vue-router';
+import 'pinia';
+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: "[id]",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const loading = ref(true);
+    const error = ref(null);
+    const example = ref(null);
+    const handleUpdate = async (formData) => {
+      try {
+        const response = await $fetch(`/api/examples/${route.params.id}`, {
+          method: "PUT",
+          body: formData
+        });
+        if (response.success) {
+          alert("Example updated successfully!");
+          router.push("/examples");
+        }
+      } catch (error2) {
+        console.error("Error updating example:", error2);
+        alert("Failed to update example. Please try again.");
+      }
+    };
+    const handleCancel = () => {
+      router.push("/examples");
+    };
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0;
+      const _component_ExampleForm = __nuxt_component_1;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-4xl mx-auto" }, _attrs))}><div class="mb-6 flex items-center justify-between"><div><h1 class="text-2xl font-bold mb-2">Edit Example #${ssrInterpolate(unref(route).params.id)}</h1><p class="text-gray-600">Update your training example details.</p></div>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/examples",
+        class: "btn-secondary"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` ← Back to Dataset `);
+          } else {
+            return [
+              createTextVNode(" ← Back to Dataset ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+      if (unref(loading)) {
+        _push(`<div class="text-center py-12"><div class="inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div><p class="mt-2 text-gray-600">Loading example...</p></div>`);
+      } else if (unref(error)) {
+        _push(`<div class="card text-center py-12"><p class="text-red-600">${ssrInterpolate(unref(error))}</p>`);
+        _push(ssrRenderComponent(_component_NuxtLink, {
+          to: "/examples",
+          class: "btn-primary mt-4 inline-block"
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Back to Dataset `);
+            } else {
+              return [
+                createTextVNode(" Back to Dataset ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      } else {
+        _push(ssrRenderComponent(_component_ExampleForm, {
+          "initial-data": unref(example),
+          onSubmit: handleUpdate,
+          onCancel: handleCancel
+        }, null, _parent));
+      }
+      _push(`</div>`);
+    };
+  }
+};
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/examples/[id].vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=_id_-BUSGcL-H.mjs.map

package/.output/server/chunks/build/_id_-BUSGcL-H.mjs.map

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

package/.output/server/chunks/build/axolotl-C-EXGgM8.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: "axolotl",
+  __ssrInlineRender: true,
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-4xl mx-auto" }, _attrs))}><div class="mb-8"><div class="flex items-center gap-3 mb-4">`);
+      _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><h1 class="text-3xl font-bold mb-4">🦎 What is Axolotl?</h1><p class="text-xl text-gray-600"> A simplified tool that makes fine-tuning large language models easy - &quot;The Easy Button for LLM Training&quot; </p></div><div class="card mb-6"><h2 class="text-xl font-semibold mb-4">In Simple Terms</h2><div class="space-y-4 text-gray-700"><p><strong>Axolotl</strong> is a tool that makes fine-tuning AI models incredibly simple. While Hugging Face gives you all the building blocks, Axolotl puts them together in a way that&#39;s much easier to use. </p><div class="p-4 bg-gradient-to-r from-green-50 to-emerald-50 rounded-lg border border-green-200 my-6"><p class="text-center text-lg"><strong>🎯 The Goal:</strong> Go from dataset to trained model with just a YAML file and one command </p></div><p> Imagine you want to build a house: </p><div class="grid grid-cols-1 md:grid-cols-2 gap-4 my-4"><div class="p-4 border border-gray-200 rounded-lg"><h3 class="font-semibold text-gray-500 mb-2">Using Hugging Face Directly</h3><ul class="text-sm text-gray-600 space-y-1"><li>• Write Python code to load models</li><li>• Configure training parameters manually</li><li>• Handle data preprocessing yourself</li><li>• Debug training loops</li><li>• 100+ lines of code</li></ul></div><div class="p-4 border-2 border-green-500 bg-green-50 rounded-lg"><h3 class="font-semibold text-green-700 mb-2">Using Axolotl</h3><ul class="text-sm text-gray-700 space-y-1"><li>• Create a YAML config file</li><li>• Run: <code>axolotl train config.yaml</code></li><li>• Done!</li><li>• ~20 lines of configuration</li></ul></div></div></div></div><div class="card mb-6"><h2 class="text-xl font-semibold mb-4">Why Beginners Love Axolotl</h2><div class="space-y-4"><div class="flex gap-4 items-start"><div class="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0"><span class="text-xl">📝</span></div><div><h3 class="font-semibold mb-1">Configuration, Not Code</h3><p class="text-gray-600"> Instead of writing Python scripts, you just edit a YAML file. It&#39;s like filling out a form rather than programming from scratch. </p></div></div><div class="flex gap-4 items-start"><div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0"><span class="text-xl">🔧</span></div><div><h3 class="font-semibold mb-1">Sensible Defaults</h3><p class="text-gray-600"> Axolotl comes with pre-tested configurations. You don&#39;t need to guess learning rates, batch sizes, or other hyperparameters. </p></div></div><div class="flex gap-4 items-start"><div class="w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center flex-shrink-0"><span class="text-xl">⚡</span></div><div><h3 class="font-semibold mb-1">One Command Training</h3><p class="text-gray-600"> After setting up your config, training is literally one command. No complex scripts to run. </p></div></div><div class="flex gap-4 items-start"><div class="w-10 h-10 bg-yellow-100 rounded-full flex items-center justify-center flex-shrink-0"><span class="text-xl">🎓</span></div><div><h3 class="font-semibold mb-1">Built on Hugging Face</h3><p class="text-gray-600"> Axolotl uses Hugging Face under the hood, so you get all the power with none of the complexity. Your trained models are fully compatible. </p></div></div></div></div><div class="card mb-6"><h2 class="text-xl font-semibold mb-4">How Axolotl Works</h2><div class="space-y-6"><p class="text-gray-700"> Here&#39;s what a typical Axolotl workflow looks like: </p><div class="relative"><div class="flex gap-4 mb-6"><div class="w-12 h-12 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl flex-shrink-0"> 1 </div><div class="flex-1"><h3 class="font-semibold text-lg mb-2">Prepare Your Dataset</h3><p class="text-gray-600 mb-3"> Export your edukaAI dataset in Alpaca or JSONL format. This is the data your model will learn from. </p><div class="bg-gray-100 p-3 rounded text-sm font-mono"> dataset: <br>  path: my_dataset.jsonl <br>  type: alpaca </div></div></div><div class="flex gap-4 mb-6"><div class="w-12 h-12 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl flex-shrink-0"> 2 </div><div class="flex-1"><h3 class="font-semibold text-lg mb-2">Choose a Base Model</h3><p class="text-gray-600 mb-3"> Select which pre-trained model to start from. Popular choices: </p><ul class="text-sm text-gray-600 space-y-1 mb-3 ml-4"><li>• <code>mistralai/Mistral-7B</code> - Good general performance</li><li>• <code>meta-llama/Llama-2-7b</code> - Meta&#39;s open model</li><li>• <code>TinyLlama/TinyLlama-1.1B</code> - Fast for testing</li></ul><div class="bg-gray-100 p-3 rounded text-sm font-mono"> base_model: mistralai/Mistral-7B-v0.1 </div></div></div><div class="flex gap-4 mb-6"><div class="w-12 h-12 bg-blue-600 text-white rounded-full flex items-center justify-center font-bold text-xl flex-shrink-0"> 3 </div><div class="flex-1"><h3 class="font-semibold text-lg mb-2">Configure Training</h3><p class="text-gray-600 mb-3"> Set training parameters. Axolotl has sensible defaults, but you can customize: </p><div class="bg-gray-100 p-3 rounded text-sm font-mono"> num_epochs: 3 <br>micro_batch_size: 2 <br>learning_rate: 0.0002 <br>output_dir: ./trained-model </div></div></div><div class="flex gap-4"><div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center font-bold text-xl flex-shrink-0"> 4 </div><div class="flex-1"><h3 class="font-semibold text-lg mb-2">Train!</h3><p class="text-gray-600 mb-3"> Run one command and watch your model learn from your data: </p><div class="bg-gray-800 text-green-400 p-3 rounded text-sm font-mono"> $ axolotl train config.yaml <br><br># Or accelerate train for multi-GPU: <br>$ accelerate launch -m axolotl.cli.train config.yaml </div></div></div></div></div></div><div class="card mb-6"><h2 class="text-xl font-semibold mb-4">Example Configuration</h2><p class="text-gray-600 mb-4"> Here&#39;s what a complete Axolotl config file looks like. This is all you need to fine-tune a model: </p><div class="bg-gray-900 text-gray-300 p-4 rounded-lg overflow-x-auto text-sm font-mono"><div class="text-green-400"># Base model from Hugging Face</div><div>base_model: mistralai/Mistral-7B-v0.1</div><div class="mt-2 text-green-400"># Your edukaAI dataset</div><div>datasets:</div><div>  - path: ./my_dataset.jsonl</div><div>    type: alpaca</div><div class="mt-2 text-green-400"># Training settings</div><div>num_epochs: 3</div><div>micro_batch_size: 1</div><div>gradient_accumulation_steps: 4</div><div>learning_rate: 0.0002</div><div class="mt-2 text-green-400"># Where to save the result</div><div>output_dir: ./my-trained-model</div><div class="mt-2 text-green-400"># Use less memory (for consumer GPUs)</div><div>load_in_8bit: true</div></div><p class="text-gray-600 mt-4 text-sm"> That&#39;s it! About 15 lines of configuration replaces hundreds of lines of Python code. </p></div><div class="card mb-6"><h2 class="text-xl font-semibold mb-4">What You Need to Get Started</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="p-4 border border-green-200 bg-green-50 rounded-lg"><h3 class="font-semibold text-green-700 mb-3">✅ Required</h3><ul class="space-y-2 text-sm"><li class="flex items-center gap-2"><span>☑️</span><span>Python 3.9+ installed</span></li><li class="flex items-center gap-2"><span>☑️</span><span>Your edukaAI dataset</span></li><li class="flex items-center gap-2"><span>☑️</span><span>GPU (or cloud service)</span></li><li class="flex items-center gap-2"><span>☑️</span><span>Basic command line knowledge</span></li></ul></div><div class="p-4 border border-gray-200 rounded-lg"><h3 class="font-semibold text-gray-700 mb-3">⚡ Nice to Have</h3><ul class="space-y-2 text-sm text-gray-600"><li class="flex items-center gap-2"><span>○</span><span>Modern NVIDIA GPU (8GB+ VRAM)</span></li><li class="flex items-center gap-2"><span>○</span><span>CUDA toolkit installed</span></li><li class="flex items-center gap-2"><span>○</span><span>Some Python experience</span></li><li class="flex items-center gap-2"><span>○</span><span>Patience for training time</span></li></ul></div></div><div class="mt-4 p-4 bg-yellow-50 border border-yellow-200 rounded-lg"><p class="text-sm text-yellow-800"><strong>💡 No GPU?</strong> You can use cloud services like Google Colab, RunPod, or Lambda Labs which provide GPUs you can rent by the hour. Axolotl works great on these platforms! </p></div></div><div class="card mb-6"><h2 class="text-xl font-semibold mb-4">Axolotl vs Direct Hugging Face</h2><table class="w-full text-sm"><thead><tr class="border-b"><th class="text-left py-2">Aspect</th><th class="text-left py-2">Direct Hugging Face</th><th class="text-left py-2 text-green-600">Axolotl</th></tr></thead><tbody class="text-gray-600"><tr class="border-b border-gray-100"><td class="py-3">Setup</td><td>Write training scripts</td><td class="text-green-600 font-medium">YAML config file</td></tr><tr class="border-b border-gray-100"><td class="py-3">Code Required</td><td>100+ lines</td><td class="text-green-600 font-medium">~15 lines YAML</td></tr><tr class="border-b border-gray-100"><td class="py-3">Learning Curve</td><td>Steep (Python + ML knowledge)</td><td class="text-green-600 font-medium">Gentle (config-based)</td></tr><tr class="border-b border-gray-100"><td class="py-3">Flexibility</td><td class="text-blue-600 font-medium">Maximum control</td><td>High (covers 95% of use cases)</td></tr><tr class="border-b border-gray-100"><td class="py-3">Best For</td><td>Researchers, complex needs</td><td class="text-green-600 font-medium">Beginners, quick experiments</td></tr></tbody></table><p class="mt-4 text-sm text-gray-600"><strong>Bottom line:</strong> Start with Axolotl. If you outgrow it, you can always switch to direct Hugging Face later - the models and datasets are fully compatible. </p></div><div class="card mb-6"><h2 class="text-xl font-semibold mb-4">Helpful Resources</h2><div class="space-y-3"><a href="https://github.com/axolotl-ai-cloud/axolotl" target="_blank" class="flex items-center gap-3 p-3 bg-gray-800 text-white rounded-lg hover:bg-gray-700 transition-colors"><span class="text-2xl">🐙</span><div class="flex-1"><h3 class="font-semibold">Axolotl GitHub Repository</h3><p class="text-sm text-gray-300">Official repository with documentation and examples</p></div><span class="text-gray-400">→</span></a><a href="https://github.com/axolotl-ai-cloud/axolotl#quickstart" target="_blank" class="flex items-center gap-3 p-3 bg-green-50 rounded-lg hover:bg-green-100 transition-colors"><span class="text-2xl">🚀</span><div class="flex-1"><h3 class="font-semibold">Quick Start Guide</h3><p class="text-sm text-gray-600">Step-by-step tutorial to train your first model</p></div><span class="text-green-600">→</span></a><a href="https://github.com/axolotl-ai-cloud/axolotl/tree/main/examples" target="_blank" class="flex items-center gap-3 p-3 bg-blue-50 rounded-lg hover:bg-blue-100 transition-colors"><span class="text-2xl">📁</span><div class="flex-1"><h3 class="font-semibold">Example Configurations</h3><p class="text-sm text-gray-600">Pre-made config files for different models and tasks</p></div><span class="text-blue-600">→</span></a>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/help/huggingface",
+        class: "flex items-center gap-3 p-3 bg-purple-50 rounded-lg hover:bg-purple-100 transition-colors"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<span class="text-2xl"${_scopeId}>🤗</span><div class="flex-1"${_scopeId}><h3 class="font-semibold"${_scopeId}>Learn About Hugging Face</h3><p class="text-sm text-gray-600"${_scopeId}>Understand the platform Axolotl is built on</p></div><span class="text-purple-600"${_scopeId}>→</span>`);
+          } else {
+            return [
+              createVNode("span", { class: "text-2xl" }, "🤗"),
+              createVNode("div", { class: "flex-1" }, [
+                createVNode("h3", { class: "font-semibold" }, "Learn About Hugging Face"),
+                createVNode("p", { class: "text-sm text-gray-600" }, "Understand the platform Axolotl is built on")
+              ]),
+              createVNode("span", { class: "text-purple-600" }, "→")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div></div><div class="card bg-gradient-to-r from-green-600 to-emerald-600 text-white"><h2 class="text-xl font-semibold mb-4">Ready to Train Your First Model?</h2><p class="mb-6 opacity-90"> Axolotl is the friendliest way to start fine-tuning. You have your dataset from edukaAI, now you just need a config file and one command! </p><div class="flex flex-col sm:flex-row gap-3"><a href="https://github.com/axolotl-ai-cloud/axolotl#quickstart" target="_blank" class="flex-1 bg-white text-green-600 font-semibold py-3 px-6 rounded-lg text-center hover:bg-gray-100 transition-colors"> Start with Quickstart → </a>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/help/huggingface",
+        class: "flex-1 bg-green-700 text-white font-semibold py-3 px-6 rounded-lg text-center hover:bg-green-800 transition-colors"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Learn About Hugging Face → `);
+          } else {
+            return [
+              createTextVNode(" Learn About Hugging Face → ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/export",
+        class: "flex-1 bg-transparent border-2 border-white text-white font-semibold py-3 px-6 rounded-lg text-center hover:bg-white/10 transition-colors"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` ← Back to Export `);
+          } else {
+            return [
+              createTextVNode(" ← Back to Export ")
+            ];
+          }
+        }),
+        _: 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/axolotl.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=axolotl-C-EXGgM8.mjs.map

package/.output/server/chunks/build/axolotl-C-EXGgM8.mjs.map

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

package/.output/server/chunks/build/best-practices-DsadorHb.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="best-practices" class="mb-12"><div class="flex items-center gap-3 mb-6"><span class="text-3xl">⭐</span><h2 class="text-2xl font-bold">Best Practices &amp; Expert Tips</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="card"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-xl">1</div><div><h3 class="font-semibold mb-2">Quantity vs Quality</h3><p class="text-gray-600 text-sm"> 100 excellent examples beat 1000 mediocre ones. Aim for quality first, then quantity. Review and improve your examples regularly. </p></div></div></div><div class="card"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-10 h-10 bg-green-100 rounded-full flex items-center justify-center text-xl">2</div><div><h3 class="font-semibold mb-2">Diversity is Key</h3><p class="text-gray-600 text-sm"> Include different question styles, formats, and difficulty levels. Don&#39;t make all examples sound the same—real users ask questions differently. </p></div></div></div><div class="card"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center text-xl">3</div><div><h3 class="font-semibold mb-2">Use Real Conversations</h3><p class="text-gray-600 text-sm"> Import from Claude, Cursor, or your actual user interactions. Real conversations are better than synthetic examples. </p></div></div></div><div class="card"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-10 h-10 bg-orange-100 rounded-full flex items-center justify-center text-xl">4</div><div><h3 class="font-semibold mb-2">Cover Edge Cases</h3><p class="text-gray-600 text-sm"> Include examples of common mistakes, error handling, and unusual scenarios. Your model should know what NOT to do too. </p></div></div></div><div class="card"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-10 h-10 bg-pink-100 rounded-full flex items-center justify-center text-xl">5</div><div><h3 class="font-semibold mb-2">Be Consistent</h3><p class="text-gray-600 text-sm"> Use the same system prompt for related examples. Consistent tone and style help the model learn your brand voice. </p></div></div></div><div class="card"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-10 h-10 bg-yellow-100 rounded-full flex items-center justify-center text-xl">6</div><div><h3 class="font-semibold mb-2">Show, Don&#39;t Just Tell</h3><p class="text-gray-600 text-sm"> Good outputs include code examples, step-by-step explanations, and concrete demonstrations. Abstract explanations alone are weak. </p></div></div></div><div class="card"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-10 h-10 bg-indigo-100 rounded-full flex items-center justify-center text-xl">7</div><div><h3 class="font-semibold mb-2">Iterate &amp; Improve</h3><p class="text-gray-600 text-sm"> Don&#39;t aim for perfect on the first try. Create examples, review them, improve them. It&#39;s a process, not a one-time task. </p></div></div></div><div class="card"><div class="flex items-start gap-3"><div class="flex-shrink-0 w-10 h-10 bg-teal-100 rounded-full flex items-center justify-center text-xl">8</div><div><h3 class="font-semibold mb-2">Test Your Dataset</h3><p class="text-gray-600 text-sm"> Before training 1000 examples, try training on 100 first. Test if the model learns the right patterns. Fix issues early. </p></div></div></div></div><div class="card mt-6"><h3 class="text-lg font-semibold mb-4">🚀 Advanced Techniques</h3><div class="space-y-4"><div class="p-4 bg-gray-50 rounded-lg"><h4 class="font-medium mb-2">Chain of Thought Examples</h4><p class="text-sm text-gray-600"> For complex reasoning tasks, include examples where the AI shows its thinking process before giving the answer. This teaches the model to reason step-by-step. </p><div class="mt-2 p-2 bg-white rounded border text-xs"><strong>Example:</strong> &quot;Let me think through this... First, I&#39;ll check X. Then, I&#39;ll verify Y. Based on this analysis, the answer is Z.&quot; </div></div><div class="p-4 bg-gray-50 rounded-lg"><h4 class="font-medium mb-2">Few-Shot Prompting in Examples</h4><p class="text-sm text-gray-600"> Include examples where the instruction provides 2-3 examples of the desired format, then asks for a new one in the same format. </p></div><div class="p-4 bg-gray-50 rounded-lg"><h4 class="font-medium mb-2">Negative Examples (What NOT to do)</h4><p class="text-sm text-gray-600"> Occasionally include examples where the instruction asks for something and the output explains why it&#39;s not possible or inappropriate. This helps the model learn boundaries. </p></div><div class="p-4 bg-gray-50 rounded-lg"><h4 class="font-medium mb-2">Progressive Complexity</h4><p class="text-sm text-gray-600"> Create sequences of examples that build on each other. Start with basics, then gradually introduce complexity. This helps the model learn dependencies between concepts. </p></div></div></div></section><section id="common-mistakes" class="mb-12"><div class="flex items-center gap-3 mb-6"><span class="text-3xl">⚠️</span><h2 class="text-2xl font-bold">Common Mistakes to Avoid</h2></div><div class="space-y-4"><div class="card border-l-4 border-red-400"><h3 class="font-semibold text-lg mb-2 text-red-700">❌ Mistake #1: Vague Instructions</h3><p class="text-gray-600 mb-3"> Instructions like &quot;help me with Python&quot; or &quot;explain this&quot; are too vague. The model can&#39;t learn from ambiguous inputs. </p><div class="bg-green-50 p-3 rounded text-sm"><strong>✅ Instead:</strong> &quot;How do I handle file reading errors in Python with proper exception handling and user-friendly error messages?&quot; </div></div><div class="card border-l-4 border-red-400"><h3 class="font-semibold text-lg mb-2 text-red-700">❌ Mistake #2: Inconsistent Style</h3><p class="text-gray-600 mb-3"> Mixing very formal responses with casual ones, or changing the AI&#39;s &quot;personality&quot; between examples confuses the model. </p><div class="bg-green-50 p-3 rounded text-sm"><strong>✅ Instead:</strong> Pick a consistent tone and stick with it. Use system prompts to maintain consistency across related examples. </div></div><div class="card border-l-4 border-red-400"><h3 class="font-semibold text-lg mb-2 text-red-700">❌ Mistake #3: Too Many Similar Examples</h3><p class="text-gray-600 mb-3"> Creating 100 variations of &quot;How do I print in Python?&quot; doesn&#39;t help. It just bloats your dataset without adding value. </p><div class="bg-green-50 p-3 rounded text-sm"><strong>✅ Instead:</strong> Cover diverse topics and question types. Quality diversity beats quantity similarity. </div></div><div class="card border-l-4 border-red-400"><h3 class="font-semibold text-lg mb-2 text-red-700">❌ Mistake #4: Ignoring Quality Ratings</h3><p class="text-gray-600 mb-3"> Marking every example as 5-star or not using the quality system means you&#39;ll train on bad data. </p><div class="bg-green-50 p-3 rounded text-sm"><strong>✅ Instead:</strong> Be honest with ratings. Reject 1-2 star examples. Only approve 3+ stars. Review and improve constantly. </div></div><div class="card border-l-4 border-red-400"><h3 class="font-semibold text-lg mb-2 text-red-700">❌ Mistake #5: Rushing to 1000</h3><p class="text-gray-600 mb-3"> Focusing only on the number without caring about quality. Bad examples actively harm your model. </p><div class="bg-green-50 p-3 rounded text-sm"><strong>✅ Instead:</strong> Focus on creating 10 excellent examples, then 50, then 100. Build quality incrementally. </div></div><div class="card border-l-4 border-red-400"><h3 class="font-semibold text-lg mb-2 text-red-700">❌ Mistake #6: Not Using Categories</h3><p class="text-gray-600 mb-3"> Leaving all examples as &quot;general&quot; makes it impossible to track dataset balance or find specific types later. </p><div class="bg-green-50 p-3 rounded text-sm"><strong>✅ Instead:</strong> Always categorize. Aim for a balanced mix: 40% coding, 30% explanation, 20% analysis, 10% other. </div></div><div class="card border-l-4 border-red-400"><h3 class="font-semibold text-lg mb-2 text-red-700">❌ Mistake #7: Outputs Too Short</h3><p class="text-gray-600 mb-3"> One-sentence outputs don&#39;t teach the model enough. They learn to be brief instead of helpful. </p><div class="bg-green-50 p-3 rounded text-sm"><strong>✅ Instead:</strong> Outputs should be 3-10 sentences minimum for simple questions, longer for complex ones. Include examples and explanations. </div></div><div class="card border-l-4 border-red-400"><h3 class="font-semibold text-lg mb-2 text-red-700">❌ Mistake #8: Wrong Difficulty Mix</h3><p class="text-gray-600 mb-3"> Having only beginner OR only advanced examples limits your model. It won&#39;t handle the full range of user needs. </p><div class="bg-green-50 p-3 rounded text-sm"><strong>✅ Instead:</strong> Aim for 30% beginner, 50% intermediate, 20% advanced. This prepares your model for all user levels. </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/best-practices.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const bestPractices = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+
+export { bestPractices as default };
+//# sourceMappingURL=best-practices-DsadorHb.mjs.map

package/.output/server/chunks/build/best-practices-DsadorHb.mjs.map

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