cognova 0.2.0 → 0.2.3

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

@@ -0,0 +1,1508 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$5 } from './DashboardNavbar-Cpq8yKA0.mjs';
+import { _ as _sfc_main$6 } from './Input-CV2hlBHo.mjs';
+import { i as useToast, g as _sfc_main$d, l as __nuxt_component_0$1, _ as _sfc_main$8, n as navigateTo, A as useRouter, e as useAppConfig, o as useFormField, q as useComponentIcons, t as tv, v as _sfc_main$b$1, x as looseToNumber } from './server.mjs';
+import { _ as _sfc_main$4 } from './Skeleton-DZqsQzFi.mjs';
+import { _ as _sfc_main$7 } from './Badge-C1RKkIgG.mjs';
+import { _ as _sfc_main$9 } from './Switch-GWdksmY6.mjs';
+import { defineComponent, ref, computed, mergeProps, withCtx, unref, createVNode, createBlock, openBlock, Fragment, renderList, toDisplayString, isRef, createTextVNode, createCommentVNode, withModifiers, useSlots, useTemplateRef, watch, nextTick, renderSlot, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderSlot, ssrRenderClass } from 'vue/server-renderer';
+import { _ as _sfc_main$a } from './Modal-Z_SoWhh-.mjs';
+import { _ as _sfc_main$b } from './FormField-Caux_FCv.mjs';
+import { Primitive } from 'reka-ui';
+import { useVModel } from '@vueuse/core';
+import './DashboardSidebarToggle-Chnqv04k.mjs';
+import './cookie-C_iulBi6.mjs';
+import '../nitro/nitro.mjs';
+import '@anthropic-ai/claude-agent-sdk';
+import 'crypto';
+import 'module';
+import 'path';
+import 'os';
+import 'node:http';
+import 'node:https';
+import 'node:crypto';
+import 'stream';
+import 'events';
+import 'http';
+import 'buffer';
+import 'zlib';
+import 'https';
+import 'net';
+import 'tls';
+import 'url';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'fs';
+import 'drizzle-orm/postgres-js/migrator';
+import 'drizzle-orm';
+import 'drizzle-orm/postgres-js';
+import 'postgres';
+import 'drizzle-orm/pg-core';
+import 'better-auth';
+import 'better-auth/adapters/drizzle';
+import 'chokidar';
+import 'fs/promises';
+import 'gray-matter';
+import 'cron';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import './ssr-Bqnw2a-w.mjs';
+import 'vue-router';
+import 'tailwindcss/colors';
+import '@iconify/vue';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Card",
+  __ssrInlineRender: true,
+  props: {
+    skill: {}
+  },
+  emits: ["toggle"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const toggling = ref(false);
+    async function handleToggle() {
+      toggling.value = true;
+      emit("toggle", props.skill.name);
+      toggling.value = false;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_0$1;
+      const _component_UBadge = _sfc_main$7;
+      const _component_USwitch = _sfc_main$9;
+      _push(ssrRenderComponent(_component_NuxtLink, mergeProps({
+        to: `/skills/${__props.skill.name}`,
+        class: "block p-4 rounded-lg border border-default bg-elevated/50 hover:bg-elevated transition-colors"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-start justify-between gap-3"${_scopeId}><div class="flex-1 min-w-0"${_scopeId}><div class="flex items-center gap-2 mb-1"${_scopeId}><span class="font-medium text-sm truncate"${_scopeId}>${ssrInterpolate(__props.skill.name)}</span>`);
+            if (__props.skill.core) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                variant: "subtle",
+                color: "primary",
+                size: "xs"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Core `);
+                  } else {
+                    return [
+                      createTextVNode(" Core ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            if (!__props.skill.active) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                variant: "subtle",
+                color: "neutral",
+                size: "xs"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Disabled `);
+                  } else {
+                    return [
+                      createTextVNode(" Disabled ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div><p class="text-xs text-muted line-clamp-2"${_scopeId}>${ssrInterpolate(__props.skill.description)}</p></div>`);
+            if (!__props.skill.core) {
+              _push2(ssrRenderComponent(_component_USwitch, {
+                "model-value": __props.skill.active,
+                size: "sm",
+                loading: unref(toggling),
+                "onUpdate:modelValue": handleToggle,
+                onClick: () => {
+                }
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div><div class="flex items-center gap-2 mt-3"${_scopeId}>`);
+            if (__props.skill.version) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                variant: "soft",
+                color: "neutral",
+                size: "xs"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` v${ssrInterpolate(__props.skill.version)}`);
+                  } else {
+                    return [
+                      createTextVNode(" v" + toDisplayString(__props.skill.version), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.skill.author) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                variant: "soft",
+                color: "neutral",
+                size: "xs"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`${ssrInterpolate(__props.skill.author)}`);
+                  } else {
+                    return [
+                      createTextVNode(toDisplayString(__props.skill.author), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`<span class="text-xs text-dimmed ml-auto"${_scopeId}>${ssrInterpolate(__props.skill.fileCount)} file${ssrInterpolate(__props.skill.fileCount !== 1 ? "s" : "")}</span></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-start justify-between gap-3" }, [
+                createVNode("div", { class: "flex-1 min-w-0" }, [
+                  createVNode("div", { class: "flex items-center gap-2 mb-1" }, [
+                    createVNode("span", { class: "font-medium text-sm truncate" }, toDisplayString(__props.skill.name), 1),
+                    __props.skill.core ? (openBlock(), createBlock(_component_UBadge, {
+                      key: 0,
+                      variant: "subtle",
+                      color: "primary",
+                      size: "xs"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Core ")
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    !__props.skill.active ? (openBlock(), createBlock(_component_UBadge, {
+                      key: 1,
+                      variant: "subtle",
+                      color: "neutral",
+                      size: "xs"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Disabled ")
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ]),
+                  createVNode("p", { class: "text-xs text-muted line-clamp-2" }, toDisplayString(__props.skill.description), 1)
+                ]),
+                !__props.skill.core ? (openBlock(), createBlock(_component_USwitch, {
+                  key: 0,
+                  "model-value": __props.skill.active,
+                  size: "sm",
+                  loading: unref(toggling),
+                  "onUpdate:modelValue": handleToggle,
+                  onClick: withModifiers(() => {
+                  }, ["prevent", "stop"])
+                }, null, 8, ["model-value", "loading", "onClick"])) : createCommentVNode("", true)
+              ]),
+              createVNode("div", { class: "flex items-center gap-2 mt-3" }, [
+                __props.skill.version ? (openBlock(), createBlock(_component_UBadge, {
+                  key: 0,
+                  variant: "soft",
+                  color: "neutral",
+                  size: "xs"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" v" + toDisplayString(__props.skill.version), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                __props.skill.author ? (openBlock(), createBlock(_component_UBadge, {
+                  key: 1,
+                  variant: "soft",
+                  color: "neutral",
+                  size: "xs"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.skill.author), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createVNode("span", { class: "text-xs text-dimmed ml-auto" }, toDisplayString(__props.skill.fileCount) + " file" + toDisplayString(__props.skill.fileCount !== 1 ? "s" : ""), 1)
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+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/skills/Card.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const __nuxt_component_7 = Object.assign(_sfc_main$3, { __name: "SkillsCard" });
+const theme = {
+  "slots": {
+    "root": "relative inline-flex items-center",
+    "base": [
+      "w-full rounded-md border-0 appearance-none placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "transition-colors"
+    ],
+    "leading": "absolute start-0 flex items-start",
+    "leadingIcon": "shrink-0 text-dimmed",
+    "leadingAvatar": "shrink-0",
+    "leadingAvatarSize": "",
+    "trailing": "absolute end-0 flex items-start",
+    "trailingIcon": "shrink-0 text-dimmed"
+  },
+  "variants": {
+    "fieldGroup": {
+      "horizontal": {
+        "root": "group has-focus-visible:z-[1]",
+        "base": "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"
+      },
+      "vertical": {
+        "root": "group has-focus-visible:z-[1]",
+        "base": "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
+      }
+    },
+    "size": {
+      "xs": {
+        "base": "px-2 py-1 text-xs gap-1",
+        "leading": "ps-2 inset-y-1",
+        "trailing": "pe-2 inset-y-1",
+        "leadingIcon": "size-4",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-4"
+      },
+      "sm": {
+        "base": "px-2.5 py-1.5 text-xs gap-1.5",
+        "leading": "ps-2.5 inset-y-1.5",
+        "trailing": "pe-2.5 inset-y-1.5",
+        "leadingIcon": "size-4",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-4"
+      },
+      "md": {
+        "base": "px-2.5 py-1.5 text-sm gap-1.5",
+        "leading": "ps-2.5 inset-y-1.5",
+        "trailing": "pe-2.5 inset-y-1.5",
+        "leadingIcon": "size-5",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-5"
+      },
+      "lg": {
+        "base": "px-3 py-2 text-sm gap-2",
+        "leading": "ps-3 inset-y-2",
+        "trailing": "pe-3 inset-y-2",
+        "leadingIcon": "size-5",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-5"
+      },
+      "xl": {
+        "base": "px-3 py-2 text-base gap-2",
+        "leading": "ps-3 inset-y-2",
+        "trailing": "pe-3 inset-y-2",
+        "leadingIcon": "size-6",
+        "leadingAvatarSize": "xs",
+        "trailingIcon": "size-6"
+      }
+    },
+    "variant": {
+      "outline": "text-highlighted bg-default ring ring-inset ring-accented",
+      "soft": "text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50",
+      "subtle": "text-highlighted bg-elevated ring ring-inset ring-accented",
+      "ghost": "text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-highlighted bg-transparent"
+    },
+    "color": {
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
+    },
+    "leading": {
+      "true": ""
+    },
+    "trailing": {
+      "true": ""
+    },
+    "loading": {
+      "true": ""
+    },
+    "highlight": {
+      "true": ""
+    },
+    "type": {
+      "file": "file:me-1.5 file:font-medium file:text-muted file:outline-none"
+    },
+    "autoresize": {
+      "true": {
+        "base": "resize-none"
+      }
+    }
+  },
+  "compoundVariants": [
+    {
+      "color": "primary",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"
+    },
+    {
+      "color": "secondary",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary"
+    },
+    {
+      "color": "success",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success"
+    },
+    {
+      "color": "info",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info"
+    },
+    {
+      "color": "warning",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning"
+    },
+    {
+      "color": "error",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error"
+    },
+    {
+      "color": "primary",
+      "highlight": true,
+      "class": "ring ring-inset ring-primary"
+    },
+    {
+      "color": "secondary",
+      "highlight": true,
+      "class": "ring ring-inset ring-secondary"
+    },
+    {
+      "color": "success",
+      "highlight": true,
+      "class": "ring ring-inset ring-success"
+    },
+    {
+      "color": "info",
+      "highlight": true,
+      "class": "ring ring-inset ring-info"
+    },
+    {
+      "color": "warning",
+      "highlight": true,
+      "class": "ring ring-inset ring-warning"
+    },
+    {
+      "color": "error",
+      "highlight": true,
+      "class": "ring ring-inset ring-error"
+    },
+    {
+      "color": "neutral",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted"
+    },
+    {
+      "color": "neutral",
+      "highlight": true,
+      "class": "ring ring-inset ring-inverted"
+    },
+    {
+      "leading": true,
+      "size": "xs",
+      "class": "ps-7"
+    },
+    {
+      "leading": true,
+      "size": "sm",
+      "class": "ps-8"
+    },
+    {
+      "leading": true,
+      "size": "md",
+      "class": "ps-9"
+    },
+    {
+      "leading": true,
+      "size": "lg",
+      "class": "ps-10"
+    },
+    {
+      "leading": true,
+      "size": "xl",
+      "class": "ps-11"
+    },
+    {
+      "trailing": true,
+      "size": "xs",
+      "class": "pe-7"
+    },
+    {
+      "trailing": true,
+      "size": "sm",
+      "class": "pe-8"
+    },
+    {
+      "trailing": true,
+      "size": "md",
+      "class": "pe-9"
+    },
+    {
+      "trailing": true,
+      "size": "lg",
+      "class": "pe-10"
+    },
+    {
+      "trailing": true,
+      "size": "xl",
+      "class": "pe-11"
+    },
+    {
+      "loading": true,
+      "leading": true,
+      "class": {
+        "leadingIcon": "animate-spin"
+      }
+    },
+    {
+      "loading": true,
+      "leading": false,
+      "trailing": true,
+      "class": {
+        "trailingIcon": "animate-spin"
+      }
+    }
+  ],
+  "defaultVariants": {
+    "size": "md",
+    "color": "primary",
+    "variant": "outline"
+  }
+};
+const _sfc_main$2 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+  __name: "UTextarea",
+  __ssrInlineRender: true,
+  props: {
+    as: { type: null, required: false },
+    id: { type: String, required: false },
+    name: { type: String, required: false },
+    placeholder: { type: String, required: false },
+    color: { type: null, required: false },
+    variant: { type: null, required: false },
+    size: { type: null, required: false },
+    required: { type: Boolean, required: false },
+    autofocus: { type: Boolean, required: false },
+    autofocusDelay: { type: Number, required: false, default: 0 },
+    autoresize: { type: Boolean, required: false },
+    autoresizeDelay: { type: Number, required: false, default: 0 },
+    disabled: { type: Boolean, required: false },
+    rows: { type: Number, required: false, default: 3 },
+    maxrows: { type: Number, required: false, default: 0 },
+    highlight: { type: Boolean, required: false },
+    modelValue: { type: null, required: false },
+    defaultValue: { type: null, required: false },
+    modelModifiers: { type: Object, required: false },
+    class: { type: null, required: false },
+    ui: { type: null, required: false },
+    icon: { type: null, required: false },
+    avatar: { type: Object, required: false },
+    leading: { type: Boolean, required: false },
+    leadingIcon: { type: null, required: false },
+    trailing: { type: Boolean, required: false },
+    trailingIcon: { type: null, required: false },
+    loading: { type: Boolean, required: false },
+    loadingIcon: { type: null, required: false }
+  },
+  emits: ["update:modelValue", "blur", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const modelValue = useVModel(props, "modelValue", emits, { defaultValue: props.defaultValue });
+    const appConfig = useAppConfig();
+    const { emitFormFocus, emitFormBlur, emitFormInput, emitFormChange, size, color, id, name, highlight, disabled, ariaAttrs } = useFormField(props, { deferInputValidation: true });
+    const { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(props);
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.textarea || {} })({
+      color: color.value,
+      variant: props.variant,
+      size: size?.value,
+      loading: props.loading,
+      highlight: highlight.value,
+      autoresize: props.autoresize,
+      leading: isLeading.value || !!props.avatar || !!slots.leading,
+      trailing: isTrailing.value || !!slots.trailing
+    }));
+    const textareaRef = useTemplateRef("textareaRef");
+    function updateInput(value) {
+      if (props.modelModifiers?.trim) {
+        value = value?.trim() ?? null;
+      }
+      if (props.modelModifiers?.number) {
+        value = looseToNumber(value);
+      }
+      if (props.modelModifiers?.nullable) {
+        value ||= null;
+      }
+      if (props.modelModifiers?.optional) {
+        value ||= void 0;
+      }
+      modelValue.value = value;
+      emitFormInput();
+    }
+    function onInput(event) {
+      autoResize();
+      if (!props.modelModifiers?.lazy) {
+        updateInput(event.target.value);
+      }
+    }
+    function onChange(event) {
+      const value = event.target.value;
+      if (props.modelModifiers?.lazy) {
+        updateInput(value);
+      }
+      if (props.modelModifiers?.trim) {
+        event.target.value = value.trim();
+      }
+      emitFormChange();
+      emits("change", event);
+    }
+    function onBlur(event) {
+      emitFormBlur();
+      emits("blur", event);
+    }
+    function autoResize() {
+      if (props.autoresize && textareaRef.value) {
+        textareaRef.value.rows = props.rows;
+        const overflow = textareaRef.value.style.overflow;
+        textareaRef.value.style.overflow = "hidden";
+        const styles = (void 0).getComputedStyle(textareaRef.value);
+        const paddingTop = Number.parseInt(styles.paddingTop);
+        const paddingBottom = Number.parseInt(styles.paddingBottom);
+        const padding = paddingTop + paddingBottom;
+        const lineHeight = Number.parseInt(styles.lineHeight);
+        const { scrollHeight } = textareaRef.value;
+        const newRows = (scrollHeight - padding) / lineHeight;
+        if (newRows > props.rows) {
+          textareaRef.value.rows = props.maxrows ? Math.min(newRows, props.maxrows) : newRows;
+        }
+        textareaRef.value.style.overflow = overflow;
+      }
+    }
+    watch(modelValue, () => {
+      nextTick(autoResize);
+    });
+    __expose({
+      textareaRef
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      let _temp0;
+      _push(ssrRenderComponent(unref(Primitive), mergeProps({
+        as: __props.as,
+        "data-slot": "root",
+        class: ui.value.root({ class: [props.ui?.root, props.class] })
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<textarea${ssrRenderAttrs(_temp0 = mergeProps({
+              id: unref(id),
+              ref_key: "textareaRef",
+              ref: textareaRef,
+              value: unref(modelValue),
+              name: unref(name),
+              rows: __props.rows,
+              placeholder: __props.placeholder,
+              "data-slot": "base",
+              class: ui.value.base({ class: props.ui?.base }),
+              disabled: unref(disabled),
+              required: __props.required
+            }, { ..._ctx.$attrs, ...unref(ariaAttrs) }), "textarea")}${_scopeId}>${ssrInterpolate("value" in _temp0 ? _temp0.value : "")}</textarea>`);
+            ssrRenderSlot(_ctx.$slots, "default", { ui: ui.value }, null, _push2, _parent2, _scopeId);
+            if (unref(isLeading) || !!__props.avatar || !!slots.leading) {
+              _push2(`<span data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: props.ui?.leading }))}"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
+                if (unref(isLeading) && unref(leadingIconName)) {
+                  _push2(ssrRenderComponent(_sfc_main$d, {
+                    name: unref(leadingIconName),
+                    "data-slot": "leadingIcon",
+                    class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
+                  }, null, _parent2, _scopeId));
+                } else if (!!__props.avatar) {
+                  _push2(ssrRenderComponent(_sfc_main$b$1, mergeProps({
+                    size: props.ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
+                  }, __props.avatar, {
+                    "data-slot": "leadingAvatar",
+                    class: ui.value.leadingAvatar({ class: props.ui?.leadingAvatar })
+                  }), null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+              }, _push2, _parent2, _scopeId);
+              _push2(`</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(isTrailing) || !!slots.trailing) {
+              _push2(`<span data-slot="trailing" class="${ssrRenderClass(ui.value.trailing({ class: props.ui?.trailing }))}"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "trailing", { ui: ui.value }, () => {
+                if (unref(trailingIconName)) {
+                  _push2(ssrRenderComponent(_sfc_main$d, {
+                    name: unref(trailingIconName),
+                    "data-slot": "trailingIcon",
+                    class: ui.value.trailingIcon({ class: props.ui?.trailingIcon })
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+              }, _push2, _parent2, _scopeId);
+              _push2(`</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              createVNode("textarea", mergeProps({
+                id: unref(id),
+                ref_key: "textareaRef",
+                ref: textareaRef,
+                value: unref(modelValue),
+                name: unref(name),
+                rows: __props.rows,
+                placeholder: __props.placeholder,
+                "data-slot": "base",
+                class: ui.value.base({ class: props.ui?.base }),
+                disabled: unref(disabled),
+                required: __props.required
+              }, { ..._ctx.$attrs, ...unref(ariaAttrs) }, {
+                onInput,
+                onBlur,
+                onChange,
+                onFocus: unref(emitFormFocus)
+              }), null, 16, ["id", "value", "name", "rows", "placeholder", "disabled", "required", "onFocus"]),
+              renderSlot(_ctx.$slots, "default", { ui: ui.value }),
+              unref(isLeading) || !!__props.avatar || !!slots.leading ? (openBlock(), createBlock("span", {
+                key: 0,
+                "data-slot": "leading",
+                class: ui.value.leading({ class: props.ui?.leading })
+              }, [
+                renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => [
+                  unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
+                    key: 0,
+                    name: unref(leadingIconName),
+                    "data-slot": "leadingIcon",
+                    class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
+                  }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$b$1, mergeProps({
+                    key: 1,
+                    size: props.ui?.leadingAvatarSize || ui.value.leadingAvatarSize()
+                  }, __props.avatar, {
+                    "data-slot": "leadingAvatar",
+                    class: ui.value.leadingAvatar({ class: props.ui?.leadingAvatar })
+                  }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                ])
+              ], 2)) : createCommentVNode("", true),
+              unref(isTrailing) || !!slots.trailing ? (openBlock(), createBlock("span", {
+                key: 1,
+                "data-slot": "trailing",
+                class: ui.value.trailing({ class: props.ui?.trailing })
+              }, [
+                renderSlot(_ctx.$slots, "trailing", { ui: ui.value }, () => [
+                  unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
+                    key: 0,
+                    name: unref(trailingIconName),
+                    "data-slot": "trailingIcon",
+                    class: ui.value.trailingIcon({ class: props.ui?.trailingIcon })
+                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                ])
+              ], 2)) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+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("../node_modules/.pnpm/@nuxt+ui@4.3.0_2329ed002e1dfb3a5ad728629f2842a0/node_modules/@nuxt/ui/dist/runtime/components/Textarea.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CreateModal",
+  __ssrInlineRender: true,
+  props: {
+    open: { type: Boolean }
+  },
+  emits: ["update:open", "created"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const router = useRouter();
+    const toast = useToast();
+    const mode = ref("blank");
+    const name = ref("");
+    const description = ref("");
+    const loading = ref(false);
+    function resetForm() {
+      mode.value = "blank";
+      name.value = "";
+      description.value = "";
+      loading.value = false;
+    }
+    function close() {
+      emit("update:open", false);
+      resetForm();
+    }
+    async function handleCreate() {
+      if (!name.value.trim()) return;
+      loading.value = true;
+      try {
+        if (mode.value === "blank") {
+          await $fetch("/api/skills/create", {
+            method: "POST",
+            body: { name: name.value.trim(), description: description.value.trim() || void 0 }
+          });
+          toast.add({ title: `Skill '${name.value}' created`, color: "success" });
+          emit("created", name.value.trim());
+          close();
+          router.push(`/skills/${name.value.trim()}`);
+        } else {
+          if (!description.value.trim()) {
+            toast.add({ title: "Description is required for AI generation", color: "warning" });
+            loading.value = false;
+            return;
+          }
+          const res = await $fetch("/api/skills/generate", {
+            method: "POST",
+            body: { name: name.value.trim(), description: description.value.trim() }
+          });
+          toast.add({
+            title: `Skill '${name.value}' generated`,
+            description: `Cost: $${res.data.costUsd.toFixed(4)} — created in inactive state for review`,
+            color: "success"
+          });
+          emit("created", name.value.trim());
+          close();
+          router.push(`/skills/${name.value.trim()}`);
+        }
+      } catch (e) {
+        const message = e instanceof Error ? e.message : "Failed to create skill";
+        toast.add({ title: message, color: "error" });
+      } finally {
+        loading.value = false;
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UModal = _sfc_main$a;
+      const _component_UButton = _sfc_main$8;
+      const _component_UFormField = _sfc_main$b;
+      const _component_UInput = _sfc_main$6;
+      const _component_UTextarea = _sfc_main$2;
+      _push(ssrRenderComponent(_component_UModal, mergeProps({
+        open: props.open,
+        "onUpdate:open": ($event) => emit("update:open", $event)
+      }, _attrs), {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<span class="font-semibold"${_scopeId}>Create Skill</span>`);
+          } else {
+            return [
+              createVNode("span", { class: "font-semibold" }, "Create Skill")
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4"${_scopeId}><div class="flex gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              variant: unref(mode) === "blank" ? "solid" : "outline",
+              color: "neutral",
+              size: "sm",
+              icon: "i-lucide-file-plus",
+              onClick: ($event) => mode.value = "blank"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Blank Skill `);
+                } else {
+                  return [
+                    createTextVNode(" Blank Skill ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              variant: unref(mode) === "generate" ? "solid" : "outline",
+              color: "neutral",
+              size: "sm",
+              icon: "i-lucide-sparkles",
+              onClick: ($event) => mode.value = "generate"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` AI Generate `);
+                } else {
+                  return [
+                    createTextVNode(" AI Generate ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+            _push2(ssrRenderComponent(_component_UFormField, { label: "Name" }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(name),
+                    "onUpdate:modelValue": ($event) => isRef(name) ? name.value = $event : null,
+                    placeholder: "my-skill",
+                    disabled: unref(loading),
+                    class: "w-full"
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(name),
+                      "onUpdate:modelValue": ($event) => isRef(name) ? name.value = $event : null,
+                      placeholder: "my-skill",
+                      disabled: unref(loading),
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UFormField, {
+              label: "Description",
+              required: unref(mode) === "generate"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UTextarea, {
+                    modelValue: unref(description),
+                    "onUpdate:modelValue": ($event) => isRef(description) ? description.value = $event : null,
+                    placeholder: unref(mode) === "generate" ? "Describe what this skill should do..." : "Optional description",
+                    rows: 3,
+                    disabled: unref(loading),
+                    class: "w-full"
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UTextarea, {
+                      modelValue: unref(description),
+                      "onUpdate:modelValue": ($event) => isRef(description) ? description.value = $event : null,
+                      placeholder: unref(mode) === "generate" ? "Describe what this skill should do..." : "Optional description",
+                      rows: 3,
+                      disabled: unref(loading),
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            if (unref(mode) === "generate") {
+              _push2(`<p class="text-xs text-muted"${_scopeId}> AI-generated skills are created in an inactive state so you can review them before enabling. </p>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4" }, [
+                createVNode("div", { class: "flex gap-2" }, [
+                  createVNode(_component_UButton, {
+                    variant: unref(mode) === "blank" ? "solid" : "outline",
+                    color: "neutral",
+                    size: "sm",
+                    icon: "i-lucide-file-plus",
+                    onClick: ($event) => mode.value = "blank"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Blank Skill ")
+                    ]),
+                    _: 1
+                  }, 8, ["variant", "onClick"]),
+                  createVNode(_component_UButton, {
+                    variant: unref(mode) === "generate" ? "solid" : "outline",
+                    color: "neutral",
+                    size: "sm",
+                    icon: "i-lucide-sparkles",
+                    onClick: ($event) => mode.value = "generate"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" AI Generate ")
+                    ]),
+                    _: 1
+                  }, 8, ["variant", "onClick"])
+                ]),
+                createVNode(_component_UFormField, { label: "Name" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(name),
+                      "onUpdate:modelValue": ($event) => isRef(name) ? name.value = $event : null,
+                      placeholder: "my-skill",
+                      disabled: unref(loading),
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_UFormField, {
+                  label: "Description",
+                  required: unref(mode) === "generate"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_UTextarea, {
+                      modelValue: unref(description),
+                      "onUpdate:modelValue": ($event) => isRef(description) ? description.value = $event : null,
+                      placeholder: unref(mode) === "generate" ? "Describe what this skill should do..." : "Optional description",
+                      rows: 3,
+                      disabled: unref(loading),
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["required"]),
+                unref(mode) === "generate" ? (openBlock(), createBlock("p", {
+                  key: 0,
+                  class: "text-xs text-muted"
+                }, " AI-generated skills are created in an inactive state so you can review them before enabling. ")) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex justify-end gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              variant: "ghost",
+              color: "neutral",
+              disabled: unref(loading),
+              onClick: close
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Cancel `);
+                } else {
+                  return [
+                    createTextVNode(" Cancel ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              loading: unref(loading),
+              disabled: !unref(name).trim(),
+              onClick: handleCreate
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`${ssrInterpolate(unref(mode) === "generate" ? "Generate" : "Create")}`);
+                } else {
+                  return [
+                    createTextVNode(toDisplayString(unref(mode) === "generate" ? "Generate" : "Create"), 1)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex justify-end gap-2" }, [
+                createVNode(_component_UButton, {
+                  variant: "ghost",
+                  color: "neutral",
+                  disabled: unref(loading),
+                  onClick: close
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Cancel ")
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                createVNode(_component_UButton, {
+                  loading: unref(loading),
+                  disabled: !unref(name).trim(),
+                  onClick: handleCreate
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(mode) === "generate" ? "Generate" : "Create"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading", "disabled"])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+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/skills/CreateModal.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_8 = Object.assign(_sfc_main$1, { __name: "SkillsCreateModal" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const toast = useToast();
+    const skills = ref([]);
+    const loading = ref(true);
+    const search = ref("");
+    const createOpen = ref(false);
+    const importing = ref(false);
+    const fileInput = ref(null);
+    const filteredSkills = computed(() => {
+      if (!search.value.trim()) return skills.value;
+      const q = search.value.toLowerCase();
+      return skills.value.filter(
+        (s) => s.name.toLowerCase().includes(q) || s.description.toLowerCase().includes(q)
+      );
+    });
+    async function loadSkills() {
+      loading.value = true;
+      try {
+        const res = await $fetch("/api/skills");
+        skills.value = res.data;
+      } catch {
+        toast.add({ title: "Failed to load skills", color: "error" });
+      } finally {
+        loading.value = false;
+      }
+    }
+    async function handleImport(event) {
+      const input = event.target;
+      const file = input.files?.[0];
+      if (!file) return;
+      importing.value = true;
+      try {
+        const formData = new FormData();
+        formData.append("file", file);
+        const res = await $fetch("/api/skills/import", {
+          method: "POST",
+          body: formData
+        });
+        toast.add({
+          title: `Imported ${res.data.name}`,
+          description: `${res.data.fileCount} file${res.data.fileCount === 1 ? "" : "s"}`,
+          color: "success"
+        });
+        navigateTo(`/skills/${res.data.name}`);
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Import failed";
+        toast.add({ title: "Import failed", description: message, color: "error" });
+      } finally {
+        importing.value = false;
+        input.value = "";
+      }
+    }
+    async function handleToggle(name) {
+      try {
+        const res = await $fetch(`/api/skills/${name}/toggle`, {
+          method: "POST"
+        });
+        const skill = skills.value.find((s) => s.name === name);
+        if (skill) skill.active = res.data.active;
+        toast.add({
+          title: `${name} ${res.data.active ? "enabled" : "disabled"}`,
+          color: "success"
+        });
+      } catch {
+        toast.add({ title: `Failed to toggle ${name}`, color: "error" });
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_UDashboardNavbar = _sfc_main$5;
+      const _component_UInput = _sfc_main$6;
+      const _component_NuxtLink = __nuxt_component_0$1;
+      const _component_UButton = _sfc_main$8;
+      const _component_USkeleton = _sfc_main$4;
+      const _component_UIcon = _sfc_main$d;
+      const _component_SkillsCard = __nuxt_component_7;
+      const _component_SkillsCreateModal = __nuxt_component_8;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-1 min-w-0" }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_UDashboardPanel, {
+        id: "skills-main",
+        grow: ""
+      }, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, { title: "Skills" }, {
+              right: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(search),
+                    "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+                    icon: "i-lucide-search",
+                    placeholder: "Search skills...",
+                    size: "sm",
+                    class: "w-48"
+                  }, null, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_NuxtLink, { to: "/skills/library" }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(ssrRenderComponent(_component_UButton, {
+                          icon: "i-lucide-library",
+                          variant: "ghost",
+                          color: "neutral",
+                          size: "sm"
+                        }, {
+                          default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                            if (_push5) {
+                              _push5(` Library `);
+                            } else {
+                              return [
+                                createTextVNode(" Library ")
+                              ];
+                            }
+                          }),
+                          _: 1
+                        }, _parent4, _scopeId3));
+                      } else {
+                        return [
+                          createVNode(_component_UButton, {
+                            icon: "i-lucide-library",
+                            variant: "ghost",
+                            color: "neutral",
+                            size: "sm"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" Library ")
+                            ]),
+                            _: 1
+                          })
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    icon: "i-lucide-upload",
+                    variant: "ghost",
+                    color: "neutral",
+                    size: "sm",
+                    loading: unref(importing),
+                    onClick: ($event) => unref(fileInput)?.click()
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Import `);
+                      } else {
+                        return [
+                          createTextVNode(" Import ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`<input type="file" accept=".zip" class="hidden"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    icon: "i-lucide-plus",
+                    size: "sm",
+                    onClick: ($event) => createOpen.value = true
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Create Skill `);
+                      } else {
+                        return [
+                          createTextVNode(" Create Skill ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(search),
+                      "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+                      icon: "i-lucide-search",
+                      placeholder: "Search skills...",
+                      size: "sm",
+                      class: "w-48"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    createVNode(_component_NuxtLink, { to: "/skills/library" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UButton, {
+                          icon: "i-lucide-library",
+                          variant: "ghost",
+                          color: "neutral",
+                          size: "sm"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Library ")
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UButton, {
+                      icon: "i-lucide-upload",
+                      variant: "ghost",
+                      color: "neutral",
+                      size: "sm",
+                      loading: unref(importing),
+                      onClick: ($event) => unref(fileInput)?.click()
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Import ")
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "onClick"]),
+                    createVNode("input", {
+                      ref_key: "fileInput",
+                      ref: fileInput,
+                      type: "file",
+                      accept: ".zip",
+                      class: "hidden",
+                      onChange: handleImport
+                    }, null, 544),
+                    createVNode(_component_UButton, {
+                      icon: "i-lucide-plus",
+                      size: "sm",
+                      onClick: ($event) => createOpen.value = true
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Create Skill ")
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, { title: "Skills" }, {
+                right: withCtx(() => [
+                  createVNode(_component_UInput, {
+                    modelValue: unref(search),
+                    "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+                    icon: "i-lucide-search",
+                    placeholder: "Search skills...",
+                    size: "sm",
+                    class: "w-48"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                  createVNode(_component_NuxtLink, { to: "/skills/library" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UButton, {
+                        icon: "i-lucide-library",
+                        variant: "ghost",
+                        color: "neutral",
+                        size: "sm"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Library ")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_UButton, {
+                    icon: "i-lucide-upload",
+                    variant: "ghost",
+                    color: "neutral",
+                    size: "sm",
+                    loading: unref(importing),
+                    onClick: ($event) => unref(fileInput)?.click()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Import ")
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "onClick"]),
+                  createVNode("input", {
+                    ref_key: "fileInput",
+                    ref: fileInput,
+                    type: "file",
+                    accept: ".zip",
+                    class: "hidden",
+                    onChange: handleImport
+                  }, null, 544),
+                  createVNode(_component_UButton, {
+                    icon: "i-lucide-plus",
+                    size: "sm",
+                    onClick: ($event) => createOpen.value = true
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Create Skill ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="p-4"${_scopeId}>`);
+            if (unref(loading)) {
+              _push2(`<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"${_scopeId}><!--[-->`);
+              ssrRenderList(6, (i) => {
+                _push2(`<div class="p-4 rounded-lg border border-default bg-elevated/50"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_USkeleton, { class: "h-4 w-24 mb-2" }, null, _parent2, _scopeId));
+                _push2(ssrRenderComponent(_component_USkeleton, { class: "h-3 w-full mb-1" }, null, _parent2, _scopeId));
+                _push2(ssrRenderComponent(_component_USkeleton, { class: "h-3 w-2/3" }, null, _parent2, _scopeId));
+                _push2(`</div>`);
+              });
+              _push2(`<!--]--></div>`);
+            } else if (unref(skills).length === 0) {
+              _push2(`<div class="flex flex-col items-center justify-center py-16 text-dimmed"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-puzzle",
+                class: "size-12 mb-4"
+              }, null, _parent2, _scopeId));
+              _push2(`<p class="text-lg font-medium"${_scopeId}> No skills found </p><p class="text-sm mt-1"${_scopeId}> Skills are loaded from ~/.claude/skills/ </p></div>`);
+            } else if (unref(filteredSkills).length === 0) {
+              _push2(`<div class="text-center py-12 text-muted text-sm"${_scopeId}> No skills matching &quot;${ssrInterpolate(unref(search))}&quot; </div>`);
+            } else {
+              _push2(`<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"${_scopeId}><!--[-->`);
+              ssrRenderList(unref(filteredSkills), (skill) => {
+                _push2(ssrRenderComponent(_component_SkillsCard, {
+                  key: skill.name,
+                  skill,
+                  onToggle: handleToggle
+                }, null, _parent2, _scopeId));
+              });
+              _push2(`<!--]--></div>`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "p-4" }, [
+                unref(loading) ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
+                }, [
+                  (openBlock(), createBlock(Fragment, null, renderList(6, (i) => {
+                    return createVNode("div", {
+                      key: i,
+                      class: "p-4 rounded-lg border border-default bg-elevated/50"
+                    }, [
+                      createVNode(_component_USkeleton, { class: "h-4 w-24 mb-2" }),
+                      createVNode(_component_USkeleton, { class: "h-3 w-full mb-1" }),
+                      createVNode(_component_USkeleton, { class: "h-3 w-2/3" })
+                    ]);
+                  }), 64))
+                ])) : unref(skills).length === 0 ? (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "flex flex-col items-center justify-center py-16 text-dimmed"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-puzzle",
+                    class: "size-12 mb-4"
+                  }),
+                  createVNode("p", { class: "text-lg font-medium" }, " No skills found "),
+                  createVNode("p", { class: "text-sm mt-1" }, " Skills are loaded from ~/.claude/skills/ ")
+                ])) : unref(filteredSkills).length === 0 ? (openBlock(), createBlock("div", {
+                  key: 2,
+                  class: "text-center py-12 text-muted text-sm"
+                }, ' No skills matching "' + toDisplayString(unref(search)) + '" ', 1)) : (openBlock(), createBlock("div", {
+                  key: 3,
+                  class: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3"
+                }, [
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(filteredSkills), (skill) => {
+                    return openBlock(), createBlock(_component_SkillsCard, {
+                      key: skill.name,
+                      skill,
+                      onToggle: handleToggle
+                    }, null, 8, ["skill"]);
+                  }), 128))
+                ]))
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_SkillsCreateModal, {
+        open: unref(createOpen),
+        "onUpdate:open": ($event) => createOpen.value = $event,
+        onCreated: loadSkills
+      }, 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/skills/index.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=index-C_LcBBgO.mjs.map