@elgap/edukaai 0.1.0

package/.output/server/chunks/build/index-D3CxihcX.mjs

@@ -0,0 +1,320 @@
+import { _ as __nuxt_component_0$1 } from './nuxt-link-Ceyd90PQ.mjs';
+import { mergeProps, defineComponent, ref, reactive, computed, withCtx, createTextVNode, openBlock, createBlock, createVNode, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderStyle, ssrRenderAttr, ssrIncludeBooleanAttr, ssrLooseContain, ssrLooseEqual, ssrRenderList, ssrRenderClass } 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$2 = /* @__PURE__ */ defineComponent({
+  __name: "ExampleCard",
+  __ssrInlineRender: true,
+  props: {
+    example: {},
+    isSelected: { type: Boolean }
+  },
+  emits: ["refresh", "toggleSelect"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const actionLoading = ref(false);
+    const sourceClass = computed(() => {
+      const classes = {
+        "manual": "bg-gray-100 text-gray-700",
+        "claude": "bg-purple-100 text-purple-700",
+        "cursor": "bg-blue-100 text-blue-700",
+        "opencode": "bg-green-100 text-green-700"
+      };
+      return classes[props.example.source] || "bg-gray-100 text-gray-700";
+    });
+    const statusClass = computed(() => {
+      const classes = {
+        "draft": "bg-yellow-100 text-yellow-700",
+        "review": "bg-blue-100 text-blue-700",
+        "approved": "bg-green-100 text-green-700",
+        "rejected": "bg-red-100 text-red-700"
+      };
+      return classes[props.example.status] || "bg-gray-100 text-gray-700";
+    });
+    const formatSource = (source) => {
+      const sources = {
+        "manual": "Manual",
+        "claude": "Claude",
+        "cursor": "Cursor",
+        "opencode": "OpenCode"
+      };
+      return sources[source] || source;
+    };
+    const formatStatus = (status) => {
+      const statuses = {
+        "draft": "Draft",
+        "review": "In Review",
+        "approved": "Approved",
+        "rejected": "Rejected"
+      };
+      return statuses[status] || status;
+    };
+    const formatCategory = (category) => {
+      const categories = {
+        "general": "General",
+        "coding": "Coding",
+        "analysis": "Analysis",
+        "explanation": "Explanation",
+        "writing": "Writing",
+        "math": "Math",
+        "science": "Science"
+      };
+      return categories[category] || category;
+    };
+    const formatDifficulty = (difficulty) => {
+      const difficulties = {
+        "beginner": "Beginner",
+        "intermediate": "Intermediate",
+        "advanced": "Advanced"
+      };
+      return difficulties[difficulty] || difficulty;
+    };
+    const formatDate = (date) => {
+      return new Date(date).toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      });
+    };
+    const truncate = (text, length) => {
+      if (text.length <= length) return text;
+      return text.substring(0, length) + "...";
+    };
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0$1;
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        class: ["card hover:shadow-md transition-shadow", { "ring-2 ring-blue-400": __props.isSelected }]
+      }, _attrs))} data-v-06fe6586><div class="flex items-start justify-between mb-3" data-v-06fe6586><div class="flex items-center gap-3" data-v-06fe6586>`);
+      if (__props.isSelected !== void 0) {
+        _push(`<input type="checkbox"${ssrIncludeBooleanAttr(__props.isSelected) ? " checked" : ""} class="w-5 h-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500" data-v-06fe6586>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<span class="text-lg font-bold text-gray-400" data-v-06fe6586>#${ssrInterpolate(__props.example.id)}</span><span class="${ssrRenderClass([sourceClass.value, "px-2 py-1 text-xs rounded-full font-medium"])}" data-v-06fe6586>${ssrInterpolate(formatSource(__props.example.source))}</span><div class="flex items-center gap-1" data-v-06fe6586><!--[-->`);
+      ssrRenderList(__props.example.qualityRating, (i) => {
+        _push(`<span class="text-yellow-400" data-v-06fe6586>⭐</span>`);
+      });
+      _push(`<!--]--></div><span class="${ssrRenderClass([statusClass.value, "px-2 py-1 text-xs rounded-full font-medium"])}" data-v-06fe6586>${ssrInterpolate(formatStatus(__props.example.status))}</span></div><div class="flex gap-2" data-v-06fe6586>`);
+      if (__props.example.status !== "approved") {
+        _push(`<button${ssrIncludeBooleanAttr(actionLoading.value) ? " disabled" : ""} class="text-green-600 hover:text-green-700 p-1" title="Approve" data-v-06fe6586><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-06fe6586><polyline points="20 6 9 17 4 12" data-v-06fe6586></polyline></svg></button>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: `/examples/${__props.example.id}`,
+        class: "text-blue-600 hover:text-blue-700 p-1",
+        title: "View/Edit"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-06fe6586${_scopeId}><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" data-v-06fe6586${_scopeId}></path></svg>`);
+          } else {
+            return [
+              (openBlock(), createBlock("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "18",
+                height: "18",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                createVNode("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+              ]))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`<button${ssrIncludeBooleanAttr(actionLoading.value) ? " disabled" : ""} class="text-red-600 hover:text-red-700 p-1" title="Delete" data-v-06fe6586><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-06fe6586><path d="M3 6h18" data-v-06fe6586></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" data-v-06fe6586></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" data-v-06fe6586></path></svg></button></div></div><div class="mb-3" data-v-06fe6586><p class="text-gray-900 font-medium line-clamp-2" data-v-06fe6586> &quot;${ssrInterpolate(truncate(__props.example.instruction, 100))}&quot; </p></div><div class="flex flex-wrap gap-4 text-sm text-gray-500" data-v-06fe6586><span class="flex items-center gap-1" data-v-06fe6586><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" data-v-06fe6586><rect width="18" height="18" x="3" y="3" rx="2" data-v-06fe6586></rect><path d="M3 9h18" data-v-06fe6586></path><path d="M9 21V9" data-v-06fe6586></path></svg> ${ssrInterpolate(formatCategory(__props.example.category))}</span><span class="flex items-center gap-1" data-v-06fe6586><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" data-v-06fe6586><path d="M12 20h9" data-v-06fe6586></path><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" data-v-06fe6586></path></svg> ${ssrInterpolate(formatDifficulty(__props.example.difficulty))}</span><span class="flex items-center gap-1" data-v-06fe6586><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" data-v-06fe6586><circle cx="12" cy="12" r="10" data-v-06fe6586></circle><polyline points="12 6 12 12 16 14" data-v-06fe6586></polyline></svg> ${ssrInterpolate(formatDate(__props.example.createdAt))}</span></div></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/ExampleCard.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_1 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$2, [["__scopeId", "data-v-06fe6586"]]), { __name: "ExampleCard" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "DatasetList",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const loading = ref(true);
+    const examples = ref([]);
+    const stats = ref({ total: 0, approved: 0, draft: 0 });
+    const pagination = ref({ total: 0, limit: 20, offset: 0, hasMore: false });
+    const filters = reactive({
+      search: "",
+      status: "",
+      source: "",
+      category: "",
+      sort: "newest"
+    });
+    const selectedIds = ref([]);
+    const applyingBulk = ref(false);
+    const bulkAction = reactive({
+      category: "",
+      status: ""
+    });
+    const progressPercentage = computed(() => {
+      return Math.round(stats.value.total / 1e3 * 100);
+    });
+    const toggleSelect = (id) => {
+      const index = selectedIds.value.indexOf(id);
+      if (index > -1) {
+        selectedIds.value.splice(index, 1);
+      } else {
+        selectedIds.value.push(id);
+      }
+    };
+    const loadExamples = async () => {
+      loading.value = true;
+      try {
+        const query = {
+          limit: String(pagination.value.limit),
+          offset: String(pagination.value.offset),
+          sort: filters.sort
+        };
+        if (filters.status) query.status = filters.status;
+        if (filters.source) query.source = filters.source;
+        if (filters.category) query.category = filters.category;
+        if (filters.search) query.search = filters.search;
+        const response = await $fetch("/api/examples", { query });
+        examples.value = response.examples;
+        pagination.value = response.pagination;
+        await loadStats();
+      } catch (error) {
+        console.error("Error loading examples:", error);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const loadStats = async () => {
+      try {
+        const response = await $fetch("/api/stats/overview");
+        stats.value = response;
+      } catch (error) {
+        console.error("Error loading stats:", error);
+      }
+    };
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0$1;
+      const _component_ExampleCard = __nuxt_component_1;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-6" }, _attrs))}><div class="card"><div class="flex items-center justify-between mb-4"><div><h1 class="text-2xl font-bold text-gray-900">Dataset</h1><p class="text-gray-600">Manage your training examples</p></div>`);
+      _push(ssrRenderComponent(_component_NuxtLink, {
+        to: "/examples/new",
+        class: "btn-primary"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` + New Example `);
+          } else {
+            return [
+              createTextVNode(" + New Example ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div><div class="mb-4"><div class="flex justify-between text-sm mb-1"><span class="font-medium">🎯 Goal: First Fine-Tuning</span><span class="text-gray-600">${ssrInterpolate(stats.value.total)} / 1000 (${ssrInterpolate(progressPercentage.value)}%)</span></div><div class="w-full bg-gray-200 rounded-full h-4"><div class="bg-gradient-to-r from-blue-500 to-purple-500 h-4 rounded-full transition-all duration-500" style="${ssrRenderStyle({ width: `${Math.min(progressPercentage.value, 100)}%` })}"></div></div></div></div><div class="card py-4"><div class="flex flex-wrap gap-4 items-center"><div class="flex items-center gap-2"><label class="text-sm font-medium text-gray-700">Search:</label><input${ssrRenderAttr("value", filters.search)} type="text" class="form-input w-64" placeholder="Search instruction or output..."></div><div class="flex items-center gap-2"><label class="text-sm font-medium text-gray-700">Status:</label><select class="form-input"><option value=""${ssrIncludeBooleanAttr(Array.isArray(filters.status) ? ssrLooseContain(filters.status, "") : ssrLooseEqual(filters.status, "")) ? " selected" : ""}>All</option><option value="draft"${ssrIncludeBooleanAttr(Array.isArray(filters.status) ? ssrLooseContain(filters.status, "draft") : ssrLooseEqual(filters.status, "draft")) ? " selected" : ""}>Draft</option><option value="review"${ssrIncludeBooleanAttr(Array.isArray(filters.status) ? ssrLooseContain(filters.status, "review") : ssrLooseEqual(filters.status, "review")) ? " selected" : ""}>In Review</option><option value="approved"${ssrIncludeBooleanAttr(Array.isArray(filters.status) ? ssrLooseContain(filters.status, "approved") : ssrLooseEqual(filters.status, "approved")) ? " selected" : ""}>Approved</option><option value="rejected"${ssrIncludeBooleanAttr(Array.isArray(filters.status) ? ssrLooseContain(filters.status, "rejected") : ssrLooseEqual(filters.status, "rejected")) ? " selected" : ""}>Rejected</option></select></div><div class="flex items-center gap-2"><label class="text-sm font-medium text-gray-700">Source:</label><select class="form-input"><option value=""${ssrIncludeBooleanAttr(Array.isArray(filters.source) ? ssrLooseContain(filters.source, "") : ssrLooseEqual(filters.source, "")) ? " selected" : ""}>All</option><option value="manual"${ssrIncludeBooleanAttr(Array.isArray(filters.source) ? ssrLooseContain(filters.source, "manual") : ssrLooseEqual(filters.source, "manual")) ? " selected" : ""}>Manual</option><option value="claude"${ssrIncludeBooleanAttr(Array.isArray(filters.source) ? ssrLooseContain(filters.source, "claude") : ssrLooseEqual(filters.source, "claude")) ? " selected" : ""}>Claude</option><option value="cursor"${ssrIncludeBooleanAttr(Array.isArray(filters.source) ? ssrLooseContain(filters.source, "cursor") : ssrLooseEqual(filters.source, "cursor")) ? " selected" : ""}>Cursor</option><option value="opencode"${ssrIncludeBooleanAttr(Array.isArray(filters.source) ? ssrLooseContain(filters.source, "opencode") : ssrLooseEqual(filters.source, "opencode")) ? " selected" : ""}>OpenCode</option></select></div><div class="flex items-center gap-2"><label class="text-sm font-medium text-gray-700">Category:</label><select class="form-input"><option value=""${ssrIncludeBooleanAttr(Array.isArray(filters.category) ? ssrLooseContain(filters.category, "") : ssrLooseEqual(filters.category, "")) ? " selected" : ""}>All</option><option value="general"${ssrIncludeBooleanAttr(Array.isArray(filters.category) ? ssrLooseContain(filters.category, "general") : ssrLooseEqual(filters.category, "general")) ? " selected" : ""}>General</option><option value="coding"${ssrIncludeBooleanAttr(Array.isArray(filters.category) ? ssrLooseContain(filters.category, "coding") : ssrLooseEqual(filters.category, "coding")) ? " selected" : ""}>Coding</option><option value="analysis"${ssrIncludeBooleanAttr(Array.isArray(filters.category) ? ssrLooseContain(filters.category, "analysis") : ssrLooseEqual(filters.category, "analysis")) ? " selected" : ""}>Analysis</option><option value="explanation"${ssrIncludeBooleanAttr(Array.isArray(filters.category) ? ssrLooseContain(filters.category, "explanation") : ssrLooseEqual(filters.category, "explanation")) ? " selected" : ""}>Explanation</option><option value="writing"${ssrIncludeBooleanAttr(Array.isArray(filters.category) ? ssrLooseContain(filters.category, "writing") : ssrLooseEqual(filters.category, "writing")) ? " selected" : ""}>Writing</option><option value="math"${ssrIncludeBooleanAttr(Array.isArray(filters.category) ? ssrLooseContain(filters.category, "math") : ssrLooseEqual(filters.category, "math")) ? " selected" : ""}>Math</option><option value="science"${ssrIncludeBooleanAttr(Array.isArray(filters.category) ? ssrLooseContain(filters.category, "science") : ssrLooseEqual(filters.category, "science")) ? " selected" : ""}>Science</option></select></div><div class="flex items-center gap-2"><label class="text-sm font-medium text-gray-700">Sort:</label><select class="form-input"><option value="newest"${ssrIncludeBooleanAttr(Array.isArray(filters.sort) ? ssrLooseContain(filters.sort, "newest") : ssrLooseEqual(filters.sort, "newest")) ? " selected" : ""}>Newest First</option><option value="oldest"${ssrIncludeBooleanAttr(Array.isArray(filters.sort) ? ssrLooseContain(filters.sort, "oldest") : ssrLooseEqual(filters.sort, "oldest")) ? " selected" : ""}>Oldest First</option><option value="quality"${ssrIncludeBooleanAttr(Array.isArray(filters.sort) ? ssrLooseContain(filters.sort, "quality") : ssrLooseEqual(filters.sort, "quality")) ? " selected" : ""}>Quality (High to Low)</option></select></div></div></div>`);
+      if (loading.value) {
+        _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 examples...</p></div>`);
+      } else if (examples.value.length === 0) {
+        _push(`<div class="card text-center py-12"><div class="text-6xl mb-4">📝</div><h3 class="text-xl font-semibold mb-2">No examples yet</h3><p class="text-gray-600 mb-4">Start building your dataset by creating your first training example.</p>`);
+        _push(ssrRenderComponent(_component_NuxtLink, {
+          to: "/examples/new",
+          class: "btn-primary"
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Create First Example `);
+            } else {
+              return [
+                createTextVNode(" Create First Example ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      } else {
+        _push(`<div class="space-y-4">`);
+        if (selectedIds.value.length > 0) {
+          _push(`<div class="card bg-blue-50 border-blue-300 sticky top-4 z-20"><div class="flex flex-wrap items-center justify-between gap-4"><div class="flex items-center gap-3"><input type="checkbox"${ssrIncludeBooleanAttr(selectedIds.value.length === examples.value.length) ? " checked" : ""} class="w-5 h-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500"><span class="font-medium text-blue-900">${ssrInterpolate(selectedIds.value.length)} selected </span></div><div class="flex flex-wrap items-center gap-2"><span class="text-sm text-blue-700">Bulk actions:</span><select class="form-input text-sm py-1"><option value=""${ssrIncludeBooleanAttr(Array.isArray(bulkAction.category) ? ssrLooseContain(bulkAction.category, "") : ssrLooseEqual(bulkAction.category, "")) ? " selected" : ""}>Change Category...</option><option value="general"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.category) ? ssrLooseContain(bulkAction.category, "general") : ssrLooseEqual(bulkAction.category, "general")) ? " selected" : ""}>General</option><option value="coding"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.category) ? ssrLooseContain(bulkAction.category, "coding") : ssrLooseEqual(bulkAction.category, "coding")) ? " selected" : ""}>Coding</option><option value="analysis"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.category) ? ssrLooseContain(bulkAction.category, "analysis") : ssrLooseEqual(bulkAction.category, "analysis")) ? " selected" : ""}>Analysis</option><option value="explanation"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.category) ? ssrLooseContain(bulkAction.category, "explanation") : ssrLooseEqual(bulkAction.category, "explanation")) ? " selected" : ""}>Explanation</option><option value="writing"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.category) ? ssrLooseContain(bulkAction.category, "writing") : ssrLooseEqual(bulkAction.category, "writing")) ? " selected" : ""}>Writing</option><option value="math"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.category) ? ssrLooseContain(bulkAction.category, "math") : ssrLooseEqual(bulkAction.category, "math")) ? " selected" : ""}>Math</option><option value="science"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.category) ? ssrLooseContain(bulkAction.category, "science") : ssrLooseEqual(bulkAction.category, "science")) ? " selected" : ""}>Science</option></select><select class="form-input text-sm py-1"><option value=""${ssrIncludeBooleanAttr(Array.isArray(bulkAction.status) ? ssrLooseContain(bulkAction.status, "") : ssrLooseEqual(bulkAction.status, "")) ? " selected" : ""}>Change Status...</option><option value="draft"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.status) ? ssrLooseContain(bulkAction.status, "draft") : ssrLooseEqual(bulkAction.status, "draft")) ? " selected" : ""}>Draft</option><option value="review"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.status) ? ssrLooseContain(bulkAction.status, "review") : ssrLooseEqual(bulkAction.status, "review")) ? " selected" : ""}>In Review</option><option value="approved"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.status) ? ssrLooseContain(bulkAction.status, "approved") : ssrLooseEqual(bulkAction.status, "approved")) ? " selected" : ""}>Approved</option><option value="rejected"${ssrIncludeBooleanAttr(Array.isArray(bulkAction.status) ? ssrLooseContain(bulkAction.status, "rejected") : ssrLooseEqual(bulkAction.status, "rejected")) ? " selected" : ""}>Rejected</option></select><button class="btn-primary text-sm py-1 px-3"${ssrIncludeBooleanAttr(applyingBulk.value) ? " disabled" : ""}> ✅ Approve All </button><button class="btn-secondary text-sm py-1 px-3"> Clear </button></div></div></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`<div class="grid gap-4"><!--[-->`);
+        ssrRenderList(examples.value, (example) => {
+          _push(ssrRenderComponent(_component_ExampleCard, {
+            key: example.id,
+            example,
+            "is-selected": selectedIds.value.includes(example.id),
+            onToggleSelect: ($event) => toggleSelect(example.id),
+            onRefresh: loadExamples
+          }, null, _parent));
+        });
+        _push(`<!--]--></div></div>`);
+      }
+      if (examples.value.length > 0) {
+        _push(`<div class="flex justify-between items-center card"><span class="text-sm text-gray-600"> Showing ${ssrInterpolate(examples.value.length)} of ${ssrInterpolate(pagination.value.total)} examples </span><div class="flex gap-2"><button${ssrIncludeBooleanAttr(pagination.value.offset === 0) ? " disabled" : ""} class="${ssrRenderClass([{ "opacity-50 cursor-not-allowed": pagination.value.offset === 0 }, "btn-secondary"])}"> Previous </button><button${ssrIncludeBooleanAttr(!pagination.value.hasMore) ? " disabled" : ""} class="${ssrRenderClass([{ "opacity-50 cursor-not-allowed": !pagination.value.hasMore }, "btn-secondary"])}"> Next </button></div></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</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/DatasetList.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_0 = Object.assign(_sfc_main$1, { __name: "DatasetList" });
+const _sfc_main = {
+  __name: "index",
+  __ssrInlineRender: true,
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_DatasetList = __nuxt_component_0;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-6xl mx-auto" }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_DatasetList, null, 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/index.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=index-D3CxihcX.mjs.map

package/.output/server/chunks/build/index-D3CxihcX.mjs.map

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