@qelos/aidev 1.0.0 → 1.0.2

package/ui/.output/server/chunks/build/{tasks-CLdWs8cg.mjs → tasks-Bc5VRFpY.mjs}

@@ -1,20 +1,20 @@
 import { _ as __nuxt_component_0$2 } from './Card-BkfpdQZ7.mjs';
-import { a as __nuxt_component_1 } from './Button-Dgqz5RR8.mjs';
+import { a as __nuxt_component_1, _ as __nuxt_component_0$4 } from './Button-Dgqz5RR8.mjs';
 import { _ as __nuxt_component_2, u as useApi } from './useApi-CFWxoIea.mjs';
 import { _ as __nuxt_component_0$3 } from './nuxt-link-B3UD8izG.mjs';
-import { defineComponent, mergeProps, withCtx, unref, createTextVNode, openBlock, createBlock, createCommentVNode, createVNode, toDisplayString, computed, ref, watch, Fragment, renderList, toRef, nextTick, useSSRContext } from 'vue';
-import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderAttr, ssrRenderClass, ssrRenderSlot } from 'vue/server-renderer';
+import { defineComponent, mergeProps, withCtx, unref, createTextVNode, openBlock, createBlock, createCommentVNode, createVNode, toDisplayString, computed, ref, watch, reactive, withModifiers, Fragment, renderList, toRef, nextTick, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderClass, ssrRenderAttr, ssrRenderSlot, ssrIncludeBooleanAttr } from 'vue/server-renderer';
 import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
 import { _ as __nuxt_component_7$1 } from './Modal-KQ_hNOLI.mjs';
-import { marked } from 'marked';
-import DOMPurify from 'isomorphic-dompurify';
-import { _ as __nuxt_component_4$2 } from './Select-ByGZz9s4.mjs';
 import { _ as __nuxt_component_5$1, u as useFormGroup } from './Input-ckU7qZlb.mjs';
 import { twJoin } from 'tailwind-merge';
 import { k as defu } from '../nitro/nitro.mjs';
 import { u as useUI, t as textarea } from './selectMenu-B2FUotwL.mjs';
 import { k as useRuntimeConfig, t as twMerge, a as appConfig, m as mergeConfig, l as looseToNumber } from './server.mjs';
-import { s as setInterval, _ as __nuxt_component_8 } from './interval-CNTT4qkc.mjs';
+import { _ as __nuxt_component_4$2 } from './Select-ByGZz9s4.mjs';
+import { marked } from 'marked';
+import DOMPurify from 'isomorphic-dompurify';
+import { s as setInterval, _ as __nuxt_component_10 } from './interval-Dye37XM9.mjs';
 import './index-Dy4Tu7MB.mjs';
 import '@iconify/vue';
 import '@iconify/utils/lib/css/icon';
@@ -43,7 +43,7 @@ import 'devalue';
 import 'unhead/utils';
 import 'unhead/plugins';
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TasksTaskCard",
   __ssrInlineRender: true,
   props: {
@@ -79,14 +79,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$7 = _sfc_main$7.setup;
-_sfc_main$7.setup = (props, ctx) => {
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/TasksTaskCard.vue");
-  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const __nuxt_component_0$1 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-75f8701c"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_0$1 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-75f8701c"]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "TasksBoardColumn",
   __ssrInlineRender: true,
   props: {
@@ -127,14 +127,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$6 = _sfc_main$6.setup;
-_sfc_main$6.setup = (props, ctx) => {
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/TasksBoardColumn.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
 };
-const __nuxt_component_0 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b3a5d2f7"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_0 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-b3a5d2f7"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "TasksBoard",
   __ssrInlineRender: true,
   props: {
@@ -165,54 +165,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/TasksBoard.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
-};
-const __nuxt_component_4$1 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-3c3c8dd8"]]);
-marked.setOptions({
-  gfm: true,
-  breaks: true
-});
-const PURIFY_OPTS = {
-  USE_PROFILES: { html: true }
-};
-function renderMarkdown(source) {
-  const text = source.trim();
-  if (!text) return "";
-  const raw = marked.parse(text, { async: false });
-  return DOMPurify.sanitize(raw, PURIFY_OPTS);
-}
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "MarkdownContent",
-  __ssrInlineRender: true,
-  props: {
-    content: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const html = computed(() => renderMarkdown(props.content));
-    return (_ctx, _push, _parent, _attrs) => {
-      var _a;
-      if (unref(html)) {
-        _push(`<div${ssrRenderAttrs(mergeProps({ class: "md-content" }, _attrs))} data-v-14f3b300>${(_a = unref(html)) != null ? _a : ""}</div>`);
-      } else {
-        _push(`<!---->`);
-      }
-    };
-  }
-});
-const _sfc_setup$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/MarkdownContent.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
 };
-const __nuxt_component_4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-14f3b300"]]);
+const __nuxt_component_4$1 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-3c3c8dd8"]]);
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.textarea, textarea);
-const _sfc_main$3 = defineComponent({
+const _sfc_main$6 = defineComponent({
   inheritAttrs: false,
   props: {
     modelValue: {
@@ -419,13 +380,537 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</div>`);
 }
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("node_modules/@nuxt/ui/dist/runtime/components/forms/Textarea.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const __nuxt_component_9 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "TagsBar",
+  __ssrInlineRender: true,
+  props: {
+    modelValue: {},
+    suggestedTags: {},
+    otherTags: {},
+    saving: { type: Boolean }
+  },
+  emits: ["update:modelValue", "removeOther"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const MUTEX_GROUPS = [
+      /* @__PURE__ */ new Set(["code", "non-code"]),
+      /* @__PURE__ */ new Set(["planning", "thinking"])
+    ];
+    function mutexGroup(label) {
+      return MUTEX_GROUPS.find((g) => g.has(label));
+    }
+    const mutexGroups = computed(() => {
+      const result = [];
+      const placed = /* @__PURE__ */ new Set();
+      for (const s of props.suggestedTags) {
+        if (placed.has(s.label)) continue;
+        const group = MUTEX_GROUPS.find((g) => g.has(s.label));
+        if (group) {
+          const members = props.suggestedTags.filter((t) => group.has(t.label));
+          members.forEach((m) => placed.add(m.label));
+          result.push(members);
+        }
+      }
+      return result;
+    });
+    const singletonList = computed(
+      () => props.suggestedTags.filter((s) => !mutexGroup(s.label))
+    );
+    return (_ctx, _push, _parent, _attrs) => {
+      var _a;
+      const _component_UIcon = __nuxt_component_0$4;
+      _push(`<div${ssrRenderAttrs(mergeProps({
+        class: ["tags-bar", { "tags-bar--saving": __props.saving }]
+      }, _attrs))} data-v-3f5621e5><!--[-->`);
+      ssrRenderList(unref(mutexGroups), (group, gi) => {
+        _push(`<div class="btn-group" data-v-3f5621e5><!--[-->`);
+        ssrRenderList(group, (st) => {
+          _push(`<button type="button" class="${ssrRenderClass([{ "btn-seg--on": __props.modelValue.includes(st.tag) }, "btn-seg"])}"${ssrIncludeBooleanAttr(__props.saving) ? " disabled" : ""} data-v-3f5621e5>${ssrInterpolate(st.label)}</button>`);
+        });
+        _push(`<!--]--></div>`);
+      });
+      _push(`<!--]--><!--[-->`);
+      ssrRenderList(unref(singletonList), (st) => {
+        _push(`<button type="button" class="${ssrRenderClass([{ "tag-chip--on": __props.modelValue.includes(st.tag) }, "tag-chip"])}"${ssrIncludeBooleanAttr(__props.saving) ? " disabled" : ""} data-v-3f5621e5>${ssrInterpolate(st.label)}</button>`);
+      });
+      _push(`<!--]-->`);
+      if (__props.otherTags && __props.otherTags.length > 0) {
+        _push(`<!--[-->`);
+        ssrRenderList(__props.otherTags, (tag) => {
+          _push(`<span class="tag-chip tag-chip--on tag-chip--other" data-v-3f5621e5>${ssrInterpolate(tag)} <button type="button" class="tag-chip-remove"${ssrIncludeBooleanAttr(__props.saving) ? " disabled" : ""}${ssrRenderAttr("aria-label", `Remove tag ${tag}`)} data-v-3f5621e5>`);
+          _push(ssrRenderComponent(_component_UIcon, { name: "i-heroicons-x-mark" }, null, _parent));
+          _push(`</button></span>`);
+        });
+        _push(`<!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (__props.suggestedTags.length === 0 && !((_a = __props.otherTags) == null ? void 0 : _a.length)) {
+        _push(`<span class="muted-empty" data-v-3f5621e5> No tags. </span>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/TagsBar.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const __nuxt_component_7 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-3f5621e5"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "TaskCreateModal",
+  __ssrInlineRender: true,
+  props: {
+    open: { type: Boolean },
+    saving: { type: Boolean },
+    error: {},
+    suggestedTags: {}
+  },
+  emits: ["update:open", "close", "submit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const priorityOptions = [
+      { label: "\u2014 none \u2014", value: "" },
+      { label: "Urgent", value: "1" },
+      { label: "High", value: "2" },
+      { label: "Medium", value: "3" },
+      { label: "Low", value: "4" }
+    ];
+    const defaultCodeTag = computed(() => {
+      var _a;
+      const code = props.suggestedTags.find((t) => t.label === "code");
+      return (_a = code == null ? void 0 : code.tag) != null ? _a : "";
+    });
+    const form = reactive({
+      title: "",
+      description: "",
+      tags: [],
+      priority: ""
+    });
+    watch(
+      () => props.open,
+      (open) => {
+        if (open) {
+          form.title = "";
+          form.description = "";
+          form.tags = defaultCodeTag.value ? [defaultCodeTag.value] : [];
+          form.priority = "";
+        }
+      }
+    );
+    function submit() {
+      if (!form.title.trim()) return;
+      const priority = form.priority ? parseInt(form.priority, 10) : void 0;
+      emit("submit", {
+        title: form.title.trim(),
+        description: form.description.trim(),
+        tags: [...form.tags],
+        priority
+      });
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UModal = __nuxt_component_7$1;
+      const _component_UCard = __nuxt_component_0$2;
+      const _component_UButton = __nuxt_component_1;
+      const _component_UAlert = __nuxt_component_2;
+      const _component_UInput = __nuxt_component_5$1;
+      const _component_UTextarea = __nuxt_component_9;
+      const _component_TasksTagsBar = __nuxt_component_7;
+      const _component_USelect = __nuxt_component_4$2;
+      _push(ssrRenderComponent(_component_UModal, mergeProps({
+        "model-value": __props.open,
+        ui: { width: "sm:max-w-xl" },
+        "onUpdate:modelValue": ($event) => emit("update:open", $event)
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UCard, null, {
+              header: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center justify-between gap-3" data-v-2ed4cf80${_scopeId2}><h2 class="text-base font-semibold" data-v-2ed4cf80${_scopeId2}>New Task</h2>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    size: "xs",
+                    color: "gray",
+                    variant: "ghost",
+                    onClick: ($event) => emit("close")
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`Close`);
+                      } else {
+                        return [
+                          createTextVNode("Close")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center justify-between gap-3" }, [
+                      createVNode("h2", { class: "text-base font-semibold" }, "New Task"),
+                      createVNode(_component_UButton, {
+                        size: "xs",
+                        color: "gray",
+                        variant: "ghost",
+                        onClick: ($event) => emit("close")
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("Close")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (__props.error) {
+                    _push3(ssrRenderComponent(_component_UAlert, {
+                      color: "red",
+                      variant: "soft",
+                      title: __props.error,
+                      class: "mb-4"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`<form class="create-form" data-v-2ed4cf80${_scopeId2}><div class="field" data-v-2ed4cf80${_scopeId2}><label class="field-label" data-v-2ed4cf80${_scopeId2}>Title <span class="required" data-v-2ed4cf80${_scopeId2}>*</span></label>`);
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(form).title,
+                    "onUpdate:modelValue": ($event) => unref(form).title = $event,
+                    placeholder: "Task title",
+                    autofocus: "",
+                    disabled: __props.saving
+                  }, null, _parent3, _scopeId2));
+                  _push3(`</div><div class="field" data-v-2ed4cf80${_scopeId2}><label class="field-label" data-v-2ed4cf80${_scopeId2}>Description</label>`);
+                  _push3(ssrRenderComponent(_component_UTextarea, {
+                    modelValue: unref(form).description,
+                    "onUpdate:modelValue": ($event) => unref(form).description = $event,
+                    placeholder: "Optional description\u2026",
+                    rows: 4,
+                    disabled: __props.saving
+                  }, null, _parent3, _scopeId2));
+                  _push3(`</div>`);
+                  if (__props.suggestedTags.length > 0) {
+                    _push3(`<div class="field" data-v-2ed4cf80${_scopeId2}><label class="field-label" data-v-2ed4cf80${_scopeId2}>Tags</label>`);
+                    _push3(ssrRenderComponent(_component_TasksTagsBar, {
+                      modelValue: unref(form).tags,
+                      "onUpdate:modelValue": ($event) => unref(form).tags = $event,
+                      "suggested-tags": __props.suggestedTags,
+                      saving: __props.saving
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`<div class="field" data-v-2ed4cf80${_scopeId2}><label class="field-label" data-v-2ed4cf80${_scopeId2}>Priority</label>`);
+                  _push3(ssrRenderComponent(_component_USelect, {
+                    modelValue: unref(form).priority,
+                    "onUpdate:modelValue": ($event) => unref(form).priority = $event,
+                    options: priorityOptions,
+                    "value-attribute": "value",
+                    "option-attribute": "label",
+                    disabled: __props.saving
+                  }, null, _parent3, _scopeId2));
+                  _push3(`</div><div class="actions" data-v-2ed4cf80${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    color: "gray",
+                    variant: "ghost",
+                    disabled: __props.saving,
+                    onClick: ($event) => emit("close")
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Cancel `);
+                      } else {
+                        return [
+                          createTextVNode(" Cancel ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    type: "submit",
+                    color: "primary",
+                    loading: __props.saving,
+                    disabled: !unref(form).title.trim() || __props.saving
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Create Task `);
+                      } else {
+                        return [
+                          createTextVNode(" Create Task ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`</div></form>`);
+                } else {
+                  return [
+                    __props.error ? (openBlock(), createBlock(_component_UAlert, {
+                      key: 0,
+                      color: "red",
+                      variant: "soft",
+                      title: __props.error,
+                      class: "mb-4"
+                    }, null, 8, ["title"])) : createCommentVNode("", true),
+                    createVNode("form", {
+                      class: "create-form",
+                      onSubmit: withModifiers(submit, ["prevent"])
+                    }, [
+                      createVNode("div", { class: "field" }, [
+                        createVNode("label", { class: "field-label" }, [
+                          createTextVNode("Title "),
+                          createVNode("span", { class: "required" }, "*")
+                        ]),
+                        createVNode(_component_UInput, {
+                          modelValue: unref(form).title,
+                          "onUpdate:modelValue": ($event) => unref(form).title = $event,
+                          placeholder: "Task title",
+                          autofocus: "",
+                          disabled: __props.saving
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      createVNode("div", { class: "field" }, [
+                        createVNode("label", { class: "field-label" }, "Description"),
+                        createVNode(_component_UTextarea, {
+                          modelValue: unref(form).description,
+                          "onUpdate:modelValue": ($event) => unref(form).description = $event,
+                          placeholder: "Optional description\u2026",
+                          rows: 4,
+                          disabled: __props.saving
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      __props.suggestedTags.length > 0 ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        class: "field"
+                      }, [
+                        createVNode("label", { class: "field-label" }, "Tags"),
+                        createVNode(_component_TasksTagsBar, {
+                          modelValue: unref(form).tags,
+                          "onUpdate:modelValue": ($event) => unref(form).tags = $event,
+                          "suggested-tags": __props.suggestedTags,
+                          saving: __props.saving
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "suggested-tags", "saving"])
+                      ])) : createCommentVNode("", true),
+                      createVNode("div", { class: "field" }, [
+                        createVNode("label", { class: "field-label" }, "Priority"),
+                        createVNode(_component_USelect, {
+                          modelValue: unref(form).priority,
+                          "onUpdate:modelValue": ($event) => unref(form).priority = $event,
+                          options: priorityOptions,
+                          "value-attribute": "value",
+                          "option-attribute": "label",
+                          disabled: __props.saving
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                      ]),
+                      createVNode("div", { class: "actions" }, [
+                        createVNode(_component_UButton, {
+                          color: "gray",
+                          variant: "ghost",
+                          disabled: __props.saving,
+                          onClick: ($event) => emit("close")
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Cancel ")
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "onClick"]),
+                        createVNode(_component_UButton, {
+                          type: "submit",
+                          color: "primary",
+                          loading: __props.saving,
+                          disabled: !unref(form).title.trim() || __props.saving
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Create Task ")
+                          ]),
+                          _: 1
+                        }, 8, ["loading", "disabled"])
+                      ])
+                    ], 32)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UCard, null, {
+                header: withCtx(() => [
+                  createVNode("div", { class: "flex items-center justify-between gap-3" }, [
+                    createVNode("h2", { class: "text-base font-semibold" }, "New Task"),
+                    createVNode(_component_UButton, {
+                      size: "xs",
+                      color: "gray",
+                      variant: "ghost",
+                      onClick: ($event) => emit("close")
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("Close")
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ])
+                ]),
+                default: withCtx(() => [
+                  __props.error ? (openBlock(), createBlock(_component_UAlert, {
+                    key: 0,
+                    color: "red",
+                    variant: "soft",
+                    title: __props.error,
+                    class: "mb-4"
+                  }, null, 8, ["title"])) : createCommentVNode("", true),
+                  createVNode("form", {
+                    class: "create-form",
+                    onSubmit: withModifiers(submit, ["prevent"])
+                  }, [
+                    createVNode("div", { class: "field" }, [
+                      createVNode("label", { class: "field-label" }, [
+                        createTextVNode("Title "),
+                        createVNode("span", { class: "required" }, "*")
+                      ]),
+                      createVNode(_component_UInput, {
+                        modelValue: unref(form).title,
+                        "onUpdate:modelValue": ($event) => unref(form).title = $event,
+                        placeholder: "Task title",
+                        autofocus: "",
+                        disabled: __props.saving
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ]),
+                    createVNode("div", { class: "field" }, [
+                      createVNode("label", { class: "field-label" }, "Description"),
+                      createVNode(_component_UTextarea, {
+                        modelValue: unref(form).description,
+                        "onUpdate:modelValue": ($event) => unref(form).description = $event,
+                        placeholder: "Optional description\u2026",
+                        rows: 4,
+                        disabled: __props.saving
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ]),
+                    __props.suggestedTags.length > 0 ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "field"
+                    }, [
+                      createVNode("label", { class: "field-label" }, "Tags"),
+                      createVNode(_component_TasksTagsBar, {
+                        modelValue: unref(form).tags,
+                        "onUpdate:modelValue": ($event) => unref(form).tags = $event,
+                        "suggested-tags": __props.suggestedTags,
+                        saving: __props.saving
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "suggested-tags", "saving"])
+                    ])) : createCommentVNode("", true),
+                    createVNode("div", { class: "field" }, [
+                      createVNode("label", { class: "field-label" }, "Priority"),
+                      createVNode(_component_USelect, {
+                        modelValue: unref(form).priority,
+                        "onUpdate:modelValue": ($event) => unref(form).priority = $event,
+                        options: priorityOptions,
+                        "value-attribute": "value",
+                        "option-attribute": "label",
+                        disabled: __props.saving
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                    ]),
+                    createVNode("div", { class: "actions" }, [
+                      createVNode(_component_UButton, {
+                        color: "gray",
+                        variant: "ghost",
+                        disabled: __props.saving,
+                        onClick: ($event) => emit("close")
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Cancel ")
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "onClick"]),
+                      createVNode(_component_UButton, {
+                        type: "submit",
+                        color: "primary",
+                        loading: __props.saving,
+                        disabled: !unref(form).title.trim() || __props.saving
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Create Task ")
+                        ]),
+                        _: 1
+                      }, 8, ["loading", "disabled"])
+                    ])
+                  ], 32)
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/TaskCreateModal.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_5 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2ed4cf80"]]);
+marked.setOptions({
+  gfm: true,
+  breaks: true
+});
+const PURIFY_OPTS = {
+  USE_PROFILES: { html: true }
+};
+function renderMarkdown(source) {
+  const text = source.trim();
+  if (!text) return "";
+  const raw = marked.parse(text, { async: false });
+  return DOMPurify.sanitize(raw, PURIFY_OPTS);
+}
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownContent",
+  __ssrInlineRender: true,
+  props: {
+    content: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const html = computed(() => renderMarkdown(props.content));
+    return (_ctx, _push, _parent, _attrs) => {
+      var _a;
+      if (unref(html)) {
+        _push(`<div${ssrRenderAttrs(mergeProps({ class: "md-content" }, _attrs))} data-v-14f3b300>${(_a = unref(html)) != null ? _a : ""}</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
 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("node_modules/@nuxt/ui/dist/runtime/components/forms/Textarea.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/MarkdownContent.vue");
   return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-const __nuxt_component_7 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender]]);
+const __nuxt_component_4 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-14f3b300"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "TaskDetailExecute",
   __ssrInlineRender: true,
@@ -529,7 +1014,7 @@ _sfc_main$2.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/TaskDetailExecute.vue");
   return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const __nuxt_component_9 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a2f9ad74"]]);
+const __nuxt_component_8 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a2f9ad74"]]);
 const DEFAULT_TASK_FILTERS = {
   open: ["open"],
   pending: ["pending"],
@@ -614,10 +1099,27 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     cwd: {},
     execRunning: { type: Boolean },
     execLines: {},
-    execText: {}
+    execText: {},
+    suggestedTags: {},
+    tagSaving: { type: Boolean }
   },
-  emits: ["update:open", "close", "update:statusDraft", "changeStatus", "update:commentDraft", "update:commentAsAidev", "postComment", "run", "stop", "clearExec"],
+  emits: ["update:open", "close", "update:statusDraft", "changeStatus", "update:commentDraft", "update:commentAsAidev", "postComment", "run", "stop", "clearExec", "saveTags"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
+    const otherTags = computed(() => {
+      if (!props.detail) return [];
+      const suggested = new Set(props.suggestedTags.map((s) => s.tag));
+      return props.detail.task.tags.filter((tag) => !suggested.has(tag));
+    });
+    function onTagsChanged(next) {
+      if (!props.detail) return;
+      const prev = props.detail.task.tags;
+      const prevSet = new Set(prev);
+      const nextSet = new Set(next);
+      const add = next.filter((t) => !prevSet.has(t));
+      const remove = prev.filter((t) => !nextSet.has(t));
+      if (add.length || remove.length) emit("saveTags", add, remove);
+    }
     const emit = __emit;
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UModal = __nuxt_component_7$1;
@@ -627,12 +1129,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_MarkdownContent = __nuxt_component_4;
       const _component_USelect = __nuxt_component_4$2;
       const _component_UInput = __nuxt_component_5$1;
-      const _component_UTextarea = __nuxt_component_7;
-      const _component_UCheckbox = __nuxt_component_8;
-      const _component_TasksTaskDetailExecute = __nuxt_component_9;
+      const _component_TasksTagsBar = __nuxt_component_7;
+      const _component_TasksTaskDetailExecute = __nuxt_component_8;
+      const _component_UTextarea = __nuxt_component_9;
+      const _component_UCheckbox = __nuxt_component_10;
       _push(ssrRenderComponent(_component_UModal, mergeProps({
         "model-value": __props.open,
-        ui: { width: "sm:max-w-4xl" },
+        ui: { width: "sm:max-w-6xl" },
         "onUpdate:modelValue": ($event) => emit("update:open", $event)
       }, _attrs), {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -641,9 +1144,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               _push2(ssrRenderComponent(_component_UCard, { class: "task-drawer-card" }, {
                 header: withCtx((_2, _push3, _parent3, _scopeId2) => {
                   if (_push3) {
-                    _push3(`<div class="flex items-start justify-between gap-3" data-v-2f96454d${_scopeId2}><div class="min-w-0" data-v-2f96454d${_scopeId2}><p class="text-xs text-gray-500" data-v-2f96454d${_scopeId2}><code data-v-2f96454d${_scopeId2}>${ssrInterpolate(__props.detail.task.id)}</code></p><h2 class="text-base font-semibold truncate"${ssrRenderAttr("title", __props.detail.task.name)} data-v-2f96454d${_scopeId2}>${ssrInterpolate(__props.detail.task.name)}</h2><p class="text-xs text-gray-500 mt-0.5" data-v-2f96454d${_scopeId2}>`);
+                    _push3(`<div class="flex items-start justify-between gap-3" data-v-f7c8f271${_scopeId2}><div class="min-w-0" data-v-f7c8f271${_scopeId2}><p class="text-xs text-gray-500" data-v-f7c8f271${_scopeId2}><code data-v-f7c8f271${_scopeId2}>${ssrInterpolate(__props.detail.task.id)}</code></p><h2 class="text-base font-semibold truncate"${ssrRenderAttr("title", __props.detail.task.name)} data-v-f7c8f271${_scopeId2}>${ssrInterpolate(__props.detail.task.name)}</h2><p class="text-xs text-gray-500 mt-0.5" data-v-f7c8f271${_scopeId2}>`);
                     if (__props.detail.task.url) {
-                      _push3(`<a${ssrRenderAttr("href", __props.detail.task.url)} target="_blank" rel="noopener" class="link" data-v-2f96454d${_scopeId2}> Open in ${ssrInterpolate(__props.providerName)} \u2197 </a>`);
+                      _push3(`<a${ssrRenderAttr("href", __props.detail.task.url)} target="_blank" rel="noopener" class="link" data-v-f7c8f271${_scopeId2}> Open in ${ssrInterpolate(__props.providerName)} \u2197 </a>`);
                     } else {
                       _push3(`<!---->`);
                     }
@@ -714,17 +1217,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     } else {
                       _push3(`<!---->`);
                     }
-                    _push3(`<section class="drawer-section" data-v-2f96454d${_scopeId2}><h3 class="section-title" data-v-2f96454d${_scopeId2}>Description</h3>`);
+                    _push3(`<div class="modal-body" data-v-f7c8f271${_scopeId2}><div class="left-col" data-v-f7c8f271${_scopeId2}><section class="drawer-section" data-v-f7c8f271${_scopeId2}><h3 class="section-title" data-v-f7c8f271${_scopeId2}>Description</h3>`);
                     if (__props.detail.task.description) {
-                      _push3(`<div class="desc" data-v-2f96454d${_scopeId2}>`);
+                      _push3(`<div class="desc" data-v-f7c8f271${_scopeId2}>`);
                       _push3(ssrRenderComponent(_component_MarkdownContent, {
                         content: __props.detail.task.description
                       }, null, _parent3, _scopeId2));
                       _push3(`</div>`);
                     } else {
-                      _push3(`<p class="muted" data-v-2f96454d${_scopeId2}>No description.</p>`);
+                      _push3(`<p class="muted" data-v-f7c8f271${_scopeId2}>No description.</p>`);
                     }
-                    _push3(`</section><section class="drawer-section" data-v-2f96454d${_scopeId2}><h3 class="section-title" data-v-2f96454d${_scopeId2}>Status</h3><div class="status-row" data-v-2f96454d${_scopeId2}>`);
+                    _push3(`</section><section class="drawer-section" data-v-f7c8f271${_scopeId2}><h3 class="section-title" data-v-f7c8f271${_scopeId2}>Status</h3><div class="status-row" data-v-f7c8f271${_scopeId2}>`);
                     if (__props.statusOptions.length > 0) {
                       _push3(ssrRenderComponent(_component_USelect, {
                         "model-value": __props.statusDraft,
@@ -758,28 +1261,54 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       }),
                       _: 1
                     }, _parent3, _scopeId2));
-                    _push3(`</div></section><section class="drawer-section" data-v-2f96454d${_scopeId2}><h3 class="section-title" data-v-2f96454d${_scopeId2}>Comments (${ssrInterpolate(__props.detail.comments.length)})</h3>`);
+                    _push3(`</div></section><section class="drawer-section" data-v-f7c8f271${_scopeId2}><div class="tags-header" data-v-f7c8f271${_scopeId2}><h3 class="section-title" data-v-f7c8f271${_scopeId2}>Tags</h3>`);
+                    if (__props.detail.task.tags.length > 0) {
+                      _push3(`<span class="tags-count" data-v-f7c8f271${_scopeId2}>${ssrInterpolate(__props.detail.task.tags.length)} applied </span>`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    _push3(`</div><div class="${ssrRenderClass([{ "tags-panel--saving": __props.tagSaving }, "tags-panel"])}" data-v-f7c8f271${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_TasksTagsBar, {
+                      "model-value": __props.detail.task.tags,
+                      "suggested-tags": __props.suggestedTags,
+                      "other-tags": unref(otherTags),
+                      saving: __props.tagSaving,
+                      "onUpdate:modelValue": onTagsChanged,
+                      onRemoveOther: (tag) => emit("saveTags", [], [tag])
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div></section>`);
+                    _push3(ssrRenderComponent(_component_TasksTaskDetailExecute, {
+                      "task-id": __props.detail.task.id,
+                      cwd: __props.cwd,
+                      running: __props.execRunning,
+                      lines: __props.execLines,
+                      text: __props.execText,
+                      onRun: ($event) => emit("run"),
+                      onStop: ($event) => emit("stop"),
+                      onClear: ($event) => emit("clearExec")
+                    }, null, _parent3, _scopeId2));
+                    _push3(`</div><div class="right-col" data-v-f7c8f271${_scopeId2}><h3 class="section-title" data-v-f7c8f271${_scopeId2}>Comments (${ssrInterpolate(__props.detail.comments.length)})</h3><div class="comments-list" data-v-f7c8f271${_scopeId2}>`);
                     if (__props.detail.comments.length > 0) {
-                      _push3(`<div class="comments" data-v-2f96454d${_scopeId2}><!--[-->`);
+                      _push3(`<!--[-->`);
                       ssrRenderList(__props.detail.comments, (c) => {
-                        _push3(`<article class="comment" data-v-2f96454d${_scopeId2}><header class="comment-head" data-v-2f96454d${_scopeId2}><span class="comment-author" data-v-2f96454d${_scopeId2}>${ssrInterpolate(c.author || "unknown")}</span><span class="comment-date" data-v-2f96454d${_scopeId2}>${ssrInterpolate(unref(formatTaskDate)(c.date))}</span></header><div class="comment-body" data-v-2f96454d${_scopeId2}>`);
+                        _push3(`<article class="comment" data-v-f7c8f271${_scopeId2}><header class="comment-head" data-v-f7c8f271${_scopeId2}><span class="comment-author" data-v-f7c8f271${_scopeId2}>${ssrInterpolate(c.author || "unknown")}</span><span class="comment-date" data-v-f7c8f271${_scopeId2}>${ssrInterpolate(unref(formatTaskDate)(c.date))}</span></header><div class="comment-body" data-v-f7c8f271${_scopeId2}>`);
                         _push3(ssrRenderComponent(_component_MarkdownContent, {
                           content: c.text
                         }, null, _parent3, _scopeId2));
                         _push3(`</div></article>`);
                       });
-                      _push3(`<!--]--></div>`);
+                      _push3(`<!--]-->`);
                     } else {
-                      _push3(`<p class="muted" data-v-2f96454d${_scopeId2}>No comments yet.</p>`);
+                      _push3(`<p class="muted" data-v-f7c8f271${_scopeId2}>No comments yet.</p>`);
                     }
-                    _push3(`<div class="comment-form" data-v-2f96454d${_scopeId2}>`);
+                    _push3(`</div><div class="comment-form" data-v-f7c8f271${_scopeId2}>`);
                     _push3(ssrRenderComponent(_component_UTextarea, {
                       "model-value": __props.commentDraft,
                       placeholder: "Write a comment\u2026",
                       rows: 3,
                       "onUpdate:modelValue": ($event) => emit("update:commentDraft", $event)
                     }, null, _parent3, _scopeId2));
-                    _push3(`<div class="comment-actions" data-v-2f96454d${_scopeId2}>`);
+                    _push3(`<div class="comment-actions" data-v-f7c8f271${_scopeId2}>`);
                     _push3(ssrRenderComponent(_component_UCheckbox, {
                       "model-value": __props.commentAsAidev,
                       label: "Send as [aidev] comment",
@@ -803,17 +1332,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       }),
                       _: 1
                     }, _parent3, _scopeId2));
-                    _push3(`</div></div></section>`);
-                    _push3(ssrRenderComponent(_component_TasksTaskDetailExecute, {
-                      "task-id": __props.detail.task.id,
-                      cwd: __props.cwd,
-                      running: __props.execRunning,
-                      lines: __props.execLines,
-                      text: __props.execText,
-                      onRun: ($event) => emit("run"),
-                      onStop: ($event) => emit("stop"),
-                      onClear: ($event) => emit("clearExec")
-                    }, null, _parent3, _scopeId2));
+                    _push3(`</div></div></div></div>`);
                   } else {
                     return [
                       __props.error ? (openBlock(), createBlock(_component_UAlert, {
@@ -823,114 +1342,136 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         title: __props.error,
                         class: "mb-3"
                       }, null, 8, ["title"])) : createCommentVNode("", true),
-                      createVNode("section", { class: "drawer-section" }, [
-                        createVNode("h3", { class: "section-title" }, "Description"),
-                        __props.detail.task.description ? (openBlock(), createBlock("div", {
-                          key: 0,
-                          class: "desc"
-                        }, [
-                          createVNode(_component_MarkdownContent, {
-                            content: __props.detail.task.description
-                          }, null, 8, ["content"])
-                        ])) : (openBlock(), createBlock("p", {
-                          key: 1,
-                          class: "muted"
-                        }, "No description."))
-                      ]),
-                      createVNode("section", { class: "drawer-section" }, [
-                        createVNode("h3", { class: "section-title" }, "Status"),
-                        createVNode("div", { class: "status-row" }, [
-                          __props.statusOptions.length > 0 ? (openBlock(), createBlock(_component_USelect, {
-                            key: 0,
-                            "model-value": __props.statusDraft,
-                            options: __props.statusOptions,
-                            size: "sm",
-                            "onUpdate:modelValue": ($event) => emit("update:statusDraft", $event)
-                          }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_UInput, {
-                            key: 1,
-                            "model-value": __props.statusDraft,
-                            placeholder: "status name",
-                            size: "sm",
-                            "onUpdate:modelValue": ($event) => emit("update:statusDraft", $event)
-                          }, null, 8, ["model-value", "onUpdate:modelValue"])),
-                          createVNode(_component_UButton, {
-                            size: "sm",
-                            color: "primary",
-                            loading: __props.statusSaving,
-                            disabled: __props.statusSaving || !__props.statusDraft || __props.statusDraft === __props.detail.task.status,
-                            onClick: ($event) => emit("changeStatus")
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(" Update status ")
+                      createVNode("div", { class: "modal-body" }, [
+                        createVNode("div", { class: "left-col" }, [
+                          createVNode("section", { class: "drawer-section" }, [
+                            createVNode("h3", { class: "section-title" }, "Description"),
+                            __props.detail.task.description ? (openBlock(), createBlock("div", {
+                              key: 0,
+                              class: "desc"
+                            }, [
+                              createVNode(_component_MarkdownContent, {
+                                content: __props.detail.task.description
+                              }, null, 8, ["content"])
+                            ])) : (openBlock(), createBlock("p", {
+                              key: 1,
+                              class: "muted"
+                            }, "No description."))
+                          ]),
+                          createVNode("section", { class: "drawer-section" }, [
+                            createVNode("h3", { class: "section-title" }, "Status"),
+                            createVNode("div", { class: "status-row" }, [
+                              __props.statusOptions.length > 0 ? (openBlock(), createBlock(_component_USelect, {
+                                key: 0,
+                                "model-value": __props.statusDraft,
+                                options: __props.statusOptions,
+                                size: "sm",
+                                "onUpdate:modelValue": ($event) => emit("update:statusDraft", $event)
+                              }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_UInput, {
+                                key: 1,
+                                "model-value": __props.statusDraft,
+                                placeholder: "status name",
+                                size: "sm",
+                                "onUpdate:modelValue": ($event) => emit("update:statusDraft", $event)
+                              }, null, 8, ["model-value", "onUpdate:modelValue"])),
+                              createVNode(_component_UButton, {
+                                size: "sm",
+                                color: "primary",
+                                loading: __props.statusSaving,
+                                disabled: __props.statusSaving || !__props.statusDraft || __props.statusDraft === __props.detail.task.status,
+                                onClick: ($event) => emit("changeStatus")
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" Update status ")
+                                ]),
+                                _: 1
+                              }, 8, ["loading", "disabled", "onClick"])
+                            ])
+                          ]),
+                          createVNode("section", { class: "drawer-section" }, [
+                            createVNode("div", { class: "tags-header" }, [
+                              createVNode("h3", { class: "section-title" }, "Tags"),
+                              __props.detail.task.tags.length > 0 ? (openBlock(), createBlock("span", {
+                                key: 0,
+                                class: "tags-count"
+                              }, toDisplayString(__props.detail.task.tags.length) + " applied ", 1)) : createCommentVNode("", true)
                             ]),
-                            _: 1
-                          }, 8, ["loading", "disabled", "onClick"])
-                        ])
-                      ]),
-                      createVNode("section", { class: "drawer-section" }, [
-                        createVNode("h3", { class: "section-title" }, "Comments (" + toDisplayString(__props.detail.comments.length) + ")", 1),
-                        __props.detail.comments.length > 0 ? (openBlock(), createBlock("div", {
-                          key: 0,
-                          class: "comments"
-                        }, [
-                          (openBlock(true), createBlock(Fragment, null, renderList(__props.detail.comments, (c) => {
-                            return openBlock(), createBlock("article", {
-                              key: c.id,
-                              class: "comment"
+                            createVNode("div", {
+                              class: ["tags-panel", { "tags-panel--saving": __props.tagSaving }]
                             }, [
-                              createVNode("header", { class: "comment-head" }, [
-                                createVNode("span", { class: "comment-author" }, toDisplayString(c.author || "unknown"), 1),
-                                createVNode("span", { class: "comment-date" }, toDisplayString(unref(formatTaskDate)(c.date)), 1)
-                              ]),
-                              createVNode("div", { class: "comment-body" }, [
-                                createVNode(_component_MarkdownContent, {
-                                  content: c.text
-                                }, null, 8, ["content"])
-                              ])
-                            ]);
-                          }), 128))
-                        ])) : (openBlock(), createBlock("p", {
-                          key: 1,
-                          class: "muted"
-                        }, "No comments yet.")),
-                        createVNode("div", { class: "comment-form" }, [
-                          createVNode(_component_UTextarea, {
-                            "model-value": __props.commentDraft,
-                            placeholder: "Write a comment\u2026",
-                            rows: 3,
-                            "onUpdate:modelValue": ($event) => emit("update:commentDraft", $event)
-                          }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                          createVNode("div", { class: "comment-actions" }, [
-                            createVNode(_component_UCheckbox, {
-                              "model-value": __props.commentAsAidev,
-                              label: "Send as [aidev] comment",
-                              "onUpdate:modelValue": ($event) => emit("update:commentAsAidev", $event)
+                              createVNode(_component_TasksTagsBar, {
+                                "model-value": __props.detail.task.tags,
+                                "suggested-tags": __props.suggestedTags,
+                                "other-tags": unref(otherTags),
+                                saving: __props.tagSaving,
+                                "onUpdate:modelValue": onTagsChanged,
+                                onRemoveOther: (tag) => emit("saveTags", [], [tag])
+                              }, null, 8, ["model-value", "suggested-tags", "other-tags", "saving", "onRemoveOther"])
+                            ], 2)
+                          ]),
+                          createVNode(_component_TasksTaskDetailExecute, {
+                            "task-id": __props.detail.task.id,
+                            cwd: __props.cwd,
+                            running: __props.execRunning,
+                            lines: __props.execLines,
+                            text: __props.execText,
+                            onRun: ($event) => emit("run"),
+                            onStop: ($event) => emit("stop"),
+                            onClear: ($event) => emit("clearExec")
+                          }, null, 8, ["task-id", "cwd", "running", "lines", "text", "onRun", "onStop", "onClear"])
+                        ]),
+                        createVNode("div", { class: "right-col" }, [
+                          createVNode("h3", { class: "section-title" }, "Comments (" + toDisplayString(__props.detail.comments.length) + ")", 1),
+                          createVNode("div", { class: "comments-list" }, [
+                            __props.detail.comments.length > 0 ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(__props.detail.comments, (c) => {
+                              return openBlock(), createBlock("article", {
+                                key: c.id,
+                                class: "comment"
+                              }, [
+                                createVNode("header", { class: "comment-head" }, [
+                                  createVNode("span", { class: "comment-author" }, toDisplayString(c.author || "unknown"), 1),
+                                  createVNode("span", { class: "comment-date" }, toDisplayString(unref(formatTaskDate)(c.date)), 1)
+                                ]),
+                                createVNode("div", { class: "comment-body" }, [
+                                  createVNode(_component_MarkdownContent, {
+                                    content: c.text
+                                  }, null, 8, ["content"])
+                                ])
+                              ]);
+                            }), 128)) : (openBlock(), createBlock("p", {
+                              key: 1,
+                              class: "muted"
+                            }, "No comments yet."))
+                          ]),
+                          createVNode("div", { class: "comment-form" }, [
+                            createVNode(_component_UTextarea, {
+                              "model-value": __props.commentDraft,
+                              placeholder: "Write a comment\u2026",
+                              rows: 3,
+                              "onUpdate:modelValue": ($event) => emit("update:commentDraft", $event)
                             }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                            createVNode(_component_UButton, {
-                              size: "sm",
-                              color: "primary",
-                              loading: __props.commentSaving,
-                              disabled: __props.commentSaving || !__props.commentDraft.trim(),
-                              onClick: ($event) => emit("postComment")
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(" Add comment ")
-                              ]),
-                              _: 1
-                            }, 8, ["loading", "disabled", "onClick"])
+                            createVNode("div", { class: "comment-actions" }, [
+                              createVNode(_component_UCheckbox, {
+                                "model-value": __props.commentAsAidev,
+                                label: "Send as [aidev] comment",
+                                "onUpdate:modelValue": ($event) => emit("update:commentAsAidev", $event)
+                              }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                              createVNode(_component_UButton, {
+                                size: "sm",
+                                color: "primary",
+                                loading: __props.commentSaving,
+                                disabled: __props.commentSaving || !__props.commentDraft.trim(),
+                                onClick: ($event) => emit("postComment")
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" Add comment ")
+                                ]),
+                                _: 1
+                              }, 8, ["loading", "disabled", "onClick"])
+                            ])
                           ])
                         ])
-                      ]),
-                      createVNode(_component_TasksTaskDetailExecute, {
-                        "task-id": __props.detail.task.id,
-                        cwd: __props.cwd,
-                        running: __props.execRunning,
-                        lines: __props.execLines,
-                        text: __props.execText,
-                        onRun: ($event) => emit("run"),
-                        onStop: ($event) => emit("stop"),
-                        onClear: ($event) => emit("clearExec")
-                      }, null, 8, ["task-id", "cwd", "running", "lines", "text", "onRun", "onStop", "onClear"])
+                      ])
                     ];
                   }
                 }),
@@ -986,114 +1527,136 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     title: __props.error,
                     class: "mb-3"
                   }, null, 8, ["title"])) : createCommentVNode("", true),
-                  createVNode("section", { class: "drawer-section" }, [
-                    createVNode("h3", { class: "section-title" }, "Description"),
-                    __props.detail.task.description ? (openBlock(), createBlock("div", {
-                      key: 0,
-                      class: "desc"
-                    }, [
-                      createVNode(_component_MarkdownContent, {
-                        content: __props.detail.task.description
-                      }, null, 8, ["content"])
-                    ])) : (openBlock(), createBlock("p", {
-                      key: 1,
-                      class: "muted"
-                    }, "No description."))
-                  ]),
-                  createVNode("section", { class: "drawer-section" }, [
-                    createVNode("h3", { class: "section-title" }, "Status"),
-                    createVNode("div", { class: "status-row" }, [
-                      __props.statusOptions.length > 0 ? (openBlock(), createBlock(_component_USelect, {
-                        key: 0,
-                        "model-value": __props.statusDraft,
-                        options: __props.statusOptions,
-                        size: "sm",
-                        "onUpdate:modelValue": ($event) => emit("update:statusDraft", $event)
-                      }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_UInput, {
-                        key: 1,
-                        "model-value": __props.statusDraft,
-                        placeholder: "status name",
-                        size: "sm",
-                        "onUpdate:modelValue": ($event) => emit("update:statusDraft", $event)
-                      }, null, 8, ["model-value", "onUpdate:modelValue"])),
-                      createVNode(_component_UButton, {
-                        size: "sm",
-                        color: "primary",
-                        loading: __props.statusSaving,
-                        disabled: __props.statusSaving || !__props.statusDraft || __props.statusDraft === __props.detail.task.status,
-                        onClick: ($event) => emit("changeStatus")
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(" Update status ")
+                  createVNode("div", { class: "modal-body" }, [
+                    createVNode("div", { class: "left-col" }, [
+                      createVNode("section", { class: "drawer-section" }, [
+                        createVNode("h3", { class: "section-title" }, "Description"),
+                        __props.detail.task.description ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          class: "desc"
+                        }, [
+                          createVNode(_component_MarkdownContent, {
+                            content: __props.detail.task.description
+                          }, null, 8, ["content"])
+                        ])) : (openBlock(), createBlock("p", {
+                          key: 1,
+                          class: "muted"
+                        }, "No description."))
+                      ]),
+                      createVNode("section", { class: "drawer-section" }, [
+                        createVNode("h3", { class: "section-title" }, "Status"),
+                        createVNode("div", { class: "status-row" }, [
+                          __props.statusOptions.length > 0 ? (openBlock(), createBlock(_component_USelect, {
+                            key: 0,
+                            "model-value": __props.statusDraft,
+                            options: __props.statusOptions,
+                            size: "sm",
+                            "onUpdate:modelValue": ($event) => emit("update:statusDraft", $event)
+                          }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (openBlock(), createBlock(_component_UInput, {
+                            key: 1,
+                            "model-value": __props.statusDraft,
+                            placeholder: "status name",
+                            size: "sm",
+                            "onUpdate:modelValue": ($event) => emit("update:statusDraft", $event)
+                          }, null, 8, ["model-value", "onUpdate:modelValue"])),
+                          createVNode(_component_UButton, {
+                            size: "sm",
+                            color: "primary",
+                            loading: __props.statusSaving,
+                            disabled: __props.statusSaving || !__props.statusDraft || __props.statusDraft === __props.detail.task.status,
+                            onClick: ($event) => emit("changeStatus")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" Update status ")
+                            ]),
+                            _: 1
+                          }, 8, ["loading", "disabled", "onClick"])
+                        ])
+                      ]),
+                      createVNode("section", { class: "drawer-section" }, [
+                        createVNode("div", { class: "tags-header" }, [
+                          createVNode("h3", { class: "section-title" }, "Tags"),
+                          __props.detail.task.tags.length > 0 ? (openBlock(), createBlock("span", {
+                            key: 0,
+                            class: "tags-count"
+                          }, toDisplayString(__props.detail.task.tags.length) + " applied ", 1)) : createCommentVNode("", true)
                         ]),
-                        _: 1
-                      }, 8, ["loading", "disabled", "onClick"])
-                    ])
-                  ]),
-                  createVNode("section", { class: "drawer-section" }, [
-                    createVNode("h3", { class: "section-title" }, "Comments (" + toDisplayString(__props.detail.comments.length) + ")", 1),
-                    __props.detail.comments.length > 0 ? (openBlock(), createBlock("div", {
-                      key: 0,
-                      class: "comments"
-                    }, [
-                      (openBlock(true), createBlock(Fragment, null, renderList(__props.detail.comments, (c) => {
-                        return openBlock(), createBlock("article", {
-                          key: c.id,
-                          class: "comment"
+                        createVNode("div", {
+                          class: ["tags-panel", { "tags-panel--saving": __props.tagSaving }]
                         }, [
-                          createVNode("header", { class: "comment-head" }, [
-                            createVNode("span", { class: "comment-author" }, toDisplayString(c.author || "unknown"), 1),
-                            createVNode("span", { class: "comment-date" }, toDisplayString(unref(formatTaskDate)(c.date)), 1)
-                          ]),
-                          createVNode("div", { class: "comment-body" }, [
-                            createVNode(_component_MarkdownContent, {
-                              content: c.text
-                            }, null, 8, ["content"])
-                          ])
-                        ]);
-                      }), 128))
-                    ])) : (openBlock(), createBlock("p", {
-                      key: 1,
-                      class: "muted"
-                    }, "No comments yet.")),
-                    createVNode("div", { class: "comment-form" }, [
-                      createVNode(_component_UTextarea, {
-                        "model-value": __props.commentDraft,
-                        placeholder: "Write a comment\u2026",
-                        rows: 3,
-                        "onUpdate:modelValue": ($event) => emit("update:commentDraft", $event)
-                      }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                      createVNode("div", { class: "comment-actions" }, [
-                        createVNode(_component_UCheckbox, {
-                          "model-value": __props.commentAsAidev,
-                          label: "Send as [aidev] comment",
-                          "onUpdate:modelValue": ($event) => emit("update:commentAsAidev", $event)
+                          createVNode(_component_TasksTagsBar, {
+                            "model-value": __props.detail.task.tags,
+                            "suggested-tags": __props.suggestedTags,
+                            "other-tags": unref(otherTags),
+                            saving: __props.tagSaving,
+                            "onUpdate:modelValue": onTagsChanged,
+                            onRemoveOther: (tag) => emit("saveTags", [], [tag])
+                          }, null, 8, ["model-value", "suggested-tags", "other-tags", "saving", "onRemoveOther"])
+                        ], 2)
+                      ]),
+                      createVNode(_component_TasksTaskDetailExecute, {
+                        "task-id": __props.detail.task.id,
+                        cwd: __props.cwd,
+                        running: __props.execRunning,
+                        lines: __props.execLines,
+                        text: __props.execText,
+                        onRun: ($event) => emit("run"),
+                        onStop: ($event) => emit("stop"),
+                        onClear: ($event) => emit("clearExec")
+                      }, null, 8, ["task-id", "cwd", "running", "lines", "text", "onRun", "onStop", "onClear"])
+                    ]),
+                    createVNode("div", { class: "right-col" }, [
+                      createVNode("h3", { class: "section-title" }, "Comments (" + toDisplayString(__props.detail.comments.length) + ")", 1),
+                      createVNode("div", { class: "comments-list" }, [
+                        __props.detail.comments.length > 0 ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(__props.detail.comments, (c) => {
+                          return openBlock(), createBlock("article", {
+                            key: c.id,
+                            class: "comment"
+                          }, [
+                            createVNode("header", { class: "comment-head" }, [
+                              createVNode("span", { class: "comment-author" }, toDisplayString(c.author || "unknown"), 1),
+                              createVNode("span", { class: "comment-date" }, toDisplayString(unref(formatTaskDate)(c.date)), 1)
+                            ]),
+                            createVNode("div", { class: "comment-body" }, [
+                              createVNode(_component_MarkdownContent, {
+                                content: c.text
+                              }, null, 8, ["content"])
+                            ])
+                          ]);
+                        }), 128)) : (openBlock(), createBlock("p", {
+                          key: 1,
+                          class: "muted"
+                        }, "No comments yet."))
+                      ]),
+                      createVNode("div", { class: "comment-form" }, [
+                        createVNode(_component_UTextarea, {
+                          "model-value": __props.commentDraft,
+                          placeholder: "Write a comment\u2026",
+                          rows: 3,
+                          "onUpdate:modelValue": ($event) => emit("update:commentDraft", $event)
                         }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                        createVNode(_component_UButton, {
-                          size: "sm",
-                          color: "primary",
-                          loading: __props.commentSaving,
-                          disabled: __props.commentSaving || !__props.commentDraft.trim(),
-                          onClick: ($event) => emit("postComment")
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(" Add comment ")
-                          ]),
-                          _: 1
-                        }, 8, ["loading", "disabled", "onClick"])
+                        createVNode("div", { class: "comment-actions" }, [
+                          createVNode(_component_UCheckbox, {
+                            "model-value": __props.commentAsAidev,
+                            label: "Send as [aidev] comment",
+                            "onUpdate:modelValue": ($event) => emit("update:commentAsAidev", $event)
+                          }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                          createVNode(_component_UButton, {
+                            size: "sm",
+                            color: "primary",
+                            loading: __props.commentSaving,
+                            disabled: __props.commentSaving || !__props.commentDraft.trim(),
+                            onClick: ($event) => emit("postComment")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" Add comment ")
+                            ]),
+                            _: 1
+                          }, 8, ["loading", "disabled", "onClick"])
+                        ])
                       ])
                     ])
-                  ]),
-                  createVNode(_component_TasksTaskDetailExecute, {
-                    "task-id": __props.detail.task.id,
-                    cwd: __props.cwd,
-                    running: __props.execRunning,
-                    lines: __props.execLines,
-                    text: __props.execText,
-                    onRun: ($event) => emit("run"),
-                    onStop: ($event) => emit("stop"),
-                    onClear: ($event) => emit("clearExec")
-                  }, null, 8, ["task-id", "cwd", "running", "lines", "text", "onRun", "onStop", "onClear"])
+                  ])
                 ]),
                 _: 1
               })) : createCommentVNode("", true)
@@ -1111,7 +1674,7 @@ _sfc_main$1.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/tasks/TaskDetailModal.vue");
   return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const __nuxt_component_5 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2f96454d"]]);
+const __nuxt_component_6 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f7c8f271"]]);
 function useTaskExecute(onError) {
   const execLines = ref([]);
   const execRunning = ref(false);
@@ -1166,6 +1729,10 @@ function useTasksPage() {
   const commentDraft = ref("");
   const commentAsAidev = ref(false);
   const commentSaving = ref(false);
+  const tagSaving = ref(false);
+  const createModalOpen = ref(false);
+  const createSaving = ref(false);
+  const createError = ref("");
   const {
     execLines,
     execRunning,
@@ -1207,18 +1774,21 @@ function useTasksPage() {
       pollTimer = null;
     }
   }
-  async function reload() {
-    loading.value = true;
+  async function fetchTasks(showSpinner = false) {
+    if (showSpinner) loading.value = true;
     loadError.value = "";
     try {
       data.value = await api("/api/tasks");
     } catch (err) {
       loadError.value = err instanceof Error ? err.message : String(err);
     } finally {
-      loading.value = false;
+      if (showSpinner) loading.value = false;
       syncPollTimer();
     }
   }
+  async function reload() {
+    return fetchTasks(true);
+  }
   async function loadProviderStatuses() {
     if (providerStatuses.value.length > 0) return;
     try {
@@ -1287,6 +1857,55 @@ function useTasksPage() {
       commentSaving.value = false;
     }
   }
+  const suggestedTags = computed(() => {
+    var _a, _b;
+    return (_b = (_a = data.value) == null ? void 0 : _a.suggestedTags) != null ? _b : [];
+  });
+  async function saveTags(addTags, removeTags) {
+    var _a;
+    if (!detail.value) return;
+    if (addTags.length === 0 && removeTags.length === 0) return;
+    tagSaving.value = true;
+    detailError.value = "";
+    try {
+      await api(`/api/tasks/${encodeURIComponent(detail.value.task.id)}`, {
+        method: "PATCH",
+        body: { addTags, removeTags }
+      });
+      const t = detail.value.task;
+      const next = new Set(t.tags);
+      for (const tag of removeTags) next.delete(tag);
+      for (const tag of addTags) next.add(tag);
+      t.tags = [...next];
+      const board = (_a = data.value) == null ? void 0 : _a.tasks.find((b) => b.id === t.id);
+      if (board) board.tags = t.tags;
+    } catch (err) {
+      detailError.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      tagSaving.value = false;
+    }
+  }
+  function openCreateModal() {
+    createModalOpen.value = true;
+    createError.value = "";
+  }
+  function closeCreateModal() {
+    createModalOpen.value = false;
+    createError.value = "";
+  }
+  async function createTask(params) {
+    createSaving.value = true;
+    createError.value = "";
+    try {
+      await api("/api/tasks", { method: "POST", body: params });
+      createModalOpen.value = false;
+      await fetchTasks(false);
+    } catch (err) {
+      createError.value = err instanceof Error ? err.message : String(err);
+    } finally {
+      createSaving.value = false;
+    }
+  }
   function runExecute() {
     if (!detail.value) return;
     void startExecute(detail.value.task.id);
@@ -1328,7 +1947,16 @@ function useTasksPage() {
     execText,
     runExecute,
     stopExecute,
-    clearExecLines
+    clearExecLines,
+    suggestedTags,
+    tagSaving,
+    saveTags,
+    createModalOpen,
+    createSaving,
+    createError,
+    openCreateModal,
+    closeCreateModal,
+    createTask
   };
 }
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1362,7 +1990,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       execText,
       runExecute,
       stopExecute,
-      clearExecLines
+      clearExecLines,
+      suggestedTags,
+      tagSaving,
+      saveTags,
+      createModalOpen,
+      createSaving,
+      createError,
+      openCreateModal,
+      closeCreateModal,
+      createTask
     } = useTasksPage();
     return (_ctx, _push, _parent, _attrs) => {
       var _a;
@@ -1371,18 +2008,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_UAlert = __nuxt_component_2;
       const _component_NuxtLink = __nuxt_component_0$3;
       const _component_TasksBoard = __nuxt_component_4$1;
-      const _component_TasksTaskDetailModal = __nuxt_component_5;
-      _push(`<div${ssrRenderAttrs(mergeProps({ class: "tasks-page" }, _attrs))} data-v-101c794c>`);
+      const _component_TasksTaskCreateModal = __nuxt_component_5;
+      const _component_TasksTaskDetailModal = __nuxt_component_6;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "tasks-page" }, _attrs))} data-v-c666eefa>`);
       _push(ssrRenderComponent(_component_UCard, null, {
         header: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
-            _push2(`<div class="flex items-center justify-between gap-3 flex-wrap" data-v-101c794c${_scopeId}><div data-v-101c794c${_scopeId}><h1 class="text-lg font-semibold" data-v-101c794c${_scopeId}>Tasks</h1><p class="text-xs text-gray-500 mt-1" data-v-101c794c${_scopeId}>`);
+            _push2(`<div class="flex items-center justify-between gap-3 flex-wrap" data-v-c666eefa${_scopeId}><div data-v-c666eefa${_scopeId}><h1 class="text-lg font-semibold" data-v-c666eefa${_scopeId}>Tasks</h1><p class="text-xs text-gray-500 mt-1" data-v-c666eefa${_scopeId}>`);
             if (unref(data)) {
-              _push2(`<span data-v-101c794c${_scopeId}> Provider: <code data-v-101c794c${_scopeId}>${ssrInterpolate(unref(data).provider)}</code> \xB7 ${ssrInterpolate(unref(data).tasks.length)} task(s) </span>`);
+              _push2(`<span data-v-c666eefa${_scopeId}> Provider: <code data-v-c666eefa${_scopeId}>${ssrInterpolate(unref(data).provider)}</code> \xB7 ${ssrInterpolate(unref(data).tasks.length)} task(s) </span>`);
             } else {
-              _push2(`<span data-v-101c794c${_scopeId}>\u2014</span>`);
+              _push2(`<span data-v-c666eefa${_scopeId}>\u2014</span>`);
             }
-            _push2(`</p></div>`);
+            _push2(`</p></div><div class="flex items-center gap-2" data-v-c666eefa${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "primary",
+              size: "sm",
+              disabled: !unref(data),
+              onClick: unref(openCreateModal)
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` New Task `);
+                } else {
+                  return [
+                    createTextVNode(" New Task ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
             _push2(ssrRenderComponent(_component_UButton, {
               color: "gray",
               variant: "ghost",
@@ -1402,7 +2057,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }),
               _: 1
             }, _parent2, _scopeId));
-            _push2(`</div>`);
+            _push2(`</div></div>`);
           } else {
             return [
               createVNode("div", { class: "flex items-center justify-between gap-3 flex-wrap" }, [
@@ -1416,19 +2071,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])) : (openBlock(), createBlock("span", { key: 1 }, "\u2014"))
                   ])
                 ]),
-                createVNode(_component_UButton, {
-                  color: "gray",
-                  variant: "ghost",
-                  size: "sm",
-                  loading: unref(loading),
-                  disabled: unref(loading),
-                  onClick: unref(reload)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" Refresh ")
-                  ]),
-                  _: 1
-                }, 8, ["loading", "disabled", "onClick"])
+                createVNode("div", { class: "flex items-center gap-2" }, [
+                  createVNode(_component_UButton, {
+                    color: "primary",
+                    size: "sm",
+                    disabled: !unref(data),
+                    onClick: unref(openCreateModal)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" New Task ")
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "onClick"]),
+                  createVNode(_component_UButton, {
+                    color: "gray",
+                    variant: "ghost",
+                    size: "sm",
+                    loading: unref(loading),
+                    disabled: unref(loading),
+                    onClick: unref(reload)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Refresh ")
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "disabled", "onClick"])
+                ])
               ])
             ];
           }
@@ -1446,7 +2114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _push2(`<!---->`);
             }
             if (unref(data) && unref(data).tasks.length === 0 && !unref(loading)) {
-              _push2(`<p class="empty-banner" data-v-101c794c${_scopeId}> No tasks \u2014 check `);
+              _push2(`<p class="empty-banner" data-v-c666eefa${_scopeId}> No tasks \u2014 check `);
               _push2(ssrRenderComponent(_component_NuxtLink, {
                 to: "/config",
                 class: "link"
@@ -1517,6 +2185,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }),
         _: 1
       }, _parent));
+      _push(ssrRenderComponent(_component_TasksTaskCreateModal, {
+        open: unref(createModalOpen),
+        saving: unref(createSaving),
+        error: unref(createError),
+        "suggested-tags": unref(suggestedTags),
+        "onUpdate:open": ($event) => createModalOpen.value = $event,
+        onClose: unref(closeCreateModal),
+        onSubmit: unref(createTask)
+      }, null, _parent));
       _push(ssrRenderComponent(_component_TasksTaskDetailModal, {
         open: unref(drawerOpen),
         detail: unref(detail),
@@ -1532,6 +2209,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "exec-running": unref(execRunning),
         "exec-lines": unref(execLines),
         "exec-text": unref(execText),
+        "suggested-tags": unref(suggestedTags),
+        "tag-saving": unref(tagSaving),
         "onUpdate:open": ($event) => drawerOpen.value = $event,
         onClose: unref(closeDrawer),
         "onUpdate:statusDraft": ($event) => statusDraft.value = $event,
@@ -1541,7 +2220,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onPostComment: unref(postComment),
         onRun: unref(runExecute),
         onStop: unref(stopExecute),
-        onClearExec: unref(clearExecLines)
+        onClearExec: unref(clearExecLines),
+        onSaveTags: unref(saveTags)
       }, null, _parent));
       _push(`</div>`);
     };
@@ -1553,7 +2233,7 @@ _sfc_main.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/tasks.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const tasks = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-101c794c"]]);
+const tasks = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c666eefa"]]);
 
 export { tasks as default };
-//# sourceMappingURL=tasks-CLdWs8cg.mjs.map
+//# sourceMappingURL=tasks-Bc5VRFpY.mjs.map