@ozdao/martyrs 0.2.602 → 0.2.603

package/dist/martyrs/src/modules/governance/views/components/pages/Initiative.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Initiative.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/Initiative.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute } from 'vue-router';\nimport CardSprintItem from '../blocks/CardSprintItem.vue';\nimport CardVotingItem from '../blocks/CardVotingItem.vue';\nimport { initiativesActions, initiativesState } from '../../store/initiatives';\nimport { sprintsActions } from '../../store/sprints';\nimport { tasksActions } from '../../store/tasks';\nimport { votingsActions } from '../../store/votings';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\nimport { IconArrow, IconCheckmark, IconFile, IconOpenLink, IconSend, IconTime, IconAttach } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst { formatDate } = useGlobalMixins();\n\nconst route = useRoute();\nconst showFullDescription = ref(false);\n\nconst initiative = computed(() => initiativesState.current);\n\nconst sprints = ref([]);\nconst tasks = ref([]);\nconst relatedVotings = ref([]);\nconst metrics = ref(null);\n\nonMounted(async () => {\n  const id = route.params.id;\n  await initiativesActions.getInitiativeById(id);\n\n  const [sprintsData, tasksData, votingsData, metricsData] = await Promise.all([\n    sprintsActions.getByInitiative(id),\n    tasksActions.getByInitiative(id),\n    votingsActions.getByInitiative(id),\n    initiativesActions.getMetrics(id),\n  ]);\n\n  sprints.value = sprintsData;\n  tasks.value = tasksData;\n  relatedVotings.value = votingsData;\n  metrics.value = metricsData;\n});\n\nconst statusConfig = {\n  active: { label: 'Active', color: 'bg-green-small t-green-nice br-green-semi' },\n  draft: { label: 'Draft', color: 'br-black-transp-10 br-1px t-dark' },\n  completed: { label: 'Completed', color: 'bg-main-small t-main br-main-semi' },\n  archived: { label: 'Archived', color: 'bg-yellow-small t-yellow-nice br-yellow-semi' },\n};\n\nconst status = computed(() => initiative.value ? (statusConfig[initiative.value.status] || statusConfig.draft) : null);\n\nconst coverUrl = computed(() => {\n  if (!initiative.value?.cover) return null;\n  return typeof initiative.value.cover === 'string'\n    ? initiative.value.cover\n    : initiative.value.cover.url;\n});\n</script>\n\n<template>\n  <div v-if=\"!initiative\" class=\"min-h-100vh flex flex-center flex\">\n    <div class=\"t-center\">\n      <h2 class=\"h2 fw-medium mn-b-small\">Initiative not found</h2>\n      <router-link to=\"/governance\" class=\"t-main hover:t-main-semi\">\n        Back to initiatives\n      </router-link>\n    </div>\n  </div>\n\n  <div v-else class=\"min-h-100vh\">\n    <div class=\"pd-medium pd-y-semi\">\n      <div v-if=\"coverUrl\" class=\"relative h-64r radius-semi o-hidden mn-b-semi\">\n        <img :src=\"coverUrl\" :alt=\"initiative.title\" class=\"w-100 h-100 object-fit-cover\" />\n        <div class=\"absolute inset-0 bg-grad-[to-b_dark-80_black-90]\" />\n        <div class=\"absolute bottom-6r left-6r right-6r\">\n          <h1 class=\"h-huge fw-medium t-white mn-b-small\">{{ initiative.title }}</h1>\n          <p class=\"p-semi t-white-90\">{{ initiative.description }}</p>\n        </div>\n      </div>\n\n      <div v-if=\"initiative.fullDescription || initiative.valueProposition || initiative.targetAudience || (initiative.successCriteria && initiative.successCriteria.length > 0) || initiative.team\" class=\"bg-light radius-semi pd-semi mn-b-semi\">\n        <div class=\"flex flex-justify-between flex-v-center mn-b-medium\">\n          <h3 class=\"p-semi fw-medium flex flex-v-center gap-thin\">\n            <IconFile class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n            About This Initiative\n          </h3>\n          <div class=\"flex flex-v-center gap-small\">\n            <span :class=\"`pd-medium pd-x-medium radius-medium p-small fw-medium br-1px ${status.color}`\">\n              {{ status.label }}\n            </span>\n            <router-link :to=\"`/governance/initiatives/${route.params.id}/votings/create`\" class=\"bg-main hover:bg-main-semi t-white fw-medium pd-medium pd-x-medium radius-medium flex flex-v-center gap-thin ease-cubic-in-out p-small\" style=\"text-decoration: none;\">\n              <IconSend class=\"i-regular\" :fill=\"'currentColor'\" />\n              Open Voting\n            </router-link>\n          </div>\n        </div>\n\n        <div v-if=\"initiative.fullDescription\" class=\"mn-b-medium\">\n          <p :class=\"`p-regular t-dark t-line-relaxed ${!showFullDescription && 't-line-clamp-3'}`\">\n            {{ initiative.fullDescription }}\n          </p>\n          <button v-if=\"initiative.fullDescription.length > 200\" @click=\"showFullDescription = !showFullDescription\" class=\"t-main hover:t-main-semi p-small fw-medium mn-t-thin\">\n            {{ showFullDescription ? 'Show less' : 'Show more' }}\n          </button>\n        </div>\n\n        <div v-if=\"showFullDescription\">\n          <div v-if=\"initiative.valueProposition\" class=\"mn-b-medium\">\n            <h4 class=\"fw-medium mn-b-small\">Value Proposition</h4>\n            <p class=\"p-regular t-dark\">{{ initiative.valueProposition }}</p>\n          </div>\n\n          <div v-if=\"initiative.targetAudience\" class=\"mn-b-medium\">\n            <h4 class=\"fw-medium mn-b-small\">Target Audience</h4>\n            <p class=\"p-regular t-dark\">{{ initiative.targetAudience }}</p>\n          </div>\n\n          <div v-if=\"initiative.successCriteria && initiative.successCriteria.length > 0\">\n            <h4 class=\"fw-medium mn-b-small\">Success Criteria</h4>\n            <div class=\"flex flex-column gap-thin\">\n              <div v-for=\"(criteria, index) in initiative.successCriteria\" :key=\"index\" class=\"flex flex-align-start gap-thin\">\n                <IconCheckmark class=\"i-medium flex-shrink-0 mn-t-micro\" :fill=\"'rgb(var(--green-nice))'\" />\n                <span class=\"p-regular t-dark\">{{ criteria }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div v-if=\"initiative.releases && initiative.releases.length > 0\" class=\"mn-t-semi\">\n          <div class=\"flex flex-justify-between flex-v-center mn-b-small\">\n            <h4 class=\"fw-medium\">Recent Release</h4>\n          </div>\n          <div class=\"br-black-transp-10 br-1px radius-medium pd-medium flex flex-justify-between flex-align-start bg-grad-[to-br_main-10_white]\">\n            <div>\n              <h5 class=\"fw-medium mn-b-small\">{{ initiative.releases[0].version }}</h5>\n              <p class=\"p-small t-dark mn-b-small\">{{ formatDate(initiative.releases[0].date, { dateOnly: true }) }}</p>\n              <p class=\"p-regular t-dark\">{{ initiative.releases[0].notes }}</p>\n            </div>\n            <span class=\"pd-small pd-x-medium bg-green-small t-green-nice radius-regular p-small fw-medium\">\n              {{ initiative.releases[0].status }}\n            </span>\n          </div>\n        </div>\n\n        <div v-if=\"initiative.team\" class=\"mn-t-semi\">\n          <div class=\"flex flex-justify-between flex-v-center mn-b-small\">\n            <h4 class=\"fw-medium\">Team</h4>\n          </div>\n          <div class=\"cols-3 gap-regular\">\n            <div v-if=\"initiative.team.owners && initiative.team.owners.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium bg-grad-[to-br_yellow-10_white]\">\n              <h5 class=\"p-micro t-dark fw-medium t-uppercase mn-b-small\">Owners</h5>\n              <div class=\"flex flex-column gap-thin\">\n                <div v-for=\"member in initiative.team.owners.slice(0, 3)\" :key=\"member.id\" class=\"flex flex-v-center gap-thin\">\n                  <img :src=\"member.avatar\" :alt=\"member.name\" class=\"i-medium radius-extra\" />\n                  <span class=\"p-small truncate\">{{ member.name }}</span>\n                </div>\n                <span v-if=\"initiative.team.owners.length > 3\" class=\"p-micro t-dark\">+{{ initiative.team.owners.length - 3 }} more</span>\n              </div>\n            </div>\n\n            <div v-if=\"initiative.team.coreTeam && initiative.team.coreTeam.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium bg-grad-[to-br_main-10_white]\">\n              <h5 class=\"p-micro t-dark fw-medium t-uppercase mn-b-small\">Core Team</h5>\n              <div class=\"flex flex-column gap-thin\">\n                <div v-for=\"member in initiative.team.coreTeam.slice(0, 3)\" :key=\"member.id\" class=\"flex flex-v-center gap-thin\">\n                  <img :src=\"member.avatar\" :alt=\"member.name\" class=\"i-medium radius-extra\" />\n                  <span class=\"p-small truncate\">{{ member.name }}</span>\n                </div>\n                <span v-if=\"initiative.team.coreTeam.length > 3\" class=\"p-micro t-dark\">+{{ initiative.team.coreTeam.length - 3 }} more</span>\n              </div>\n            </div>\n\n            <div v-if=\"initiative.team.contributors && initiative.team.contributors.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium bg-grad-[to-br_green-10_white]\">\n              <h5 class=\"p-micro t-dark fw-medium t-uppercase mn-b-small\">Contributors</h5>\n              <div class=\"flex flex-column gap-thin\">\n                <div v-for=\"member in initiative.team.contributors.slice(0, 3)\" :key=\"member.id\" class=\"flex flex-v-center gap-thin\">\n                  <img :src=\"member.avatar\" :alt=\"member.name\" class=\"i-medium radius-extra\" />\n                  <span class=\"p-small truncate\">{{ member.name }}</span>\n                </div>\n                <span v-if=\"initiative.team.contributors.length > 3\" class=\"p-micro t-dark\">+{{ initiative.team.contributors.length - 3 }} more</span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div v-if=\"metrics\" class=\"mn-t-semi\">\n          <h4 class=\"fw-medium mn-b-small\">Key Metrics</h4>\n          <div class=\"cols-6 gap-regular\">\n            <router-link :to=\"`/governance/initiatives/${route.params.id}/tasks`\" class=\"br-black-transp-10 br-1px radius-medium pd-medium hover:bg-white ease-cubic-in-out\" style=\"text-decoration: none; color: inherit;\">\n              <div class=\"p-micro t-dark mn-b-micro\">Task Progress</div>\n              <div class=\"h2 fw-medium\">{{ metrics.taskProgress }}%</div>\n            </router-link>\n            <router-link :to=\"`/governance/initiatives/${route.params.id}/sprints`\" class=\"br-black-transp-10 br-1px radius-medium pd-medium hover:bg-white ease-cubic-in-out\" style=\"text-decoration: none; color: inherit;\">\n              <div class=\"p-micro t-dark mn-b-micro\">Sprint Progress</div>\n              <div class=\"h2 fw-medium\">{{ metrics.sprintProgress }}%</div>\n            </router-link>\n            <div class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n              <div class=\"p-micro t-dark mn-b-micro\">Risk Index</div>\n              <div :class=\"`p-small fw-medium t-capitalize pd-thin pd-x-thin radius-regular ${\n                metrics.riskIndex === 'low' ? 'bg-green-small t-green-nice' :\n                metrics.riskIndex === 'medium' ? 'bg-yellow-small t-yellow-nice' :\n                'bg-red-small t-red-nice'\n              }`\">\n                {{ metrics.riskIndex }}\n              </div>\n            </div>\n            <div class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n              <div class=\"p-micro t-dark mn-b-micro\">Availability</div>\n              <div class=\"h2 fw-medium\">{{ metrics.availabilityIndex }}%</div>\n            </div>\n            <div class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n              <div class=\"p-micro t-dark mn-b-micro\">Active Users</div>\n              <div class=\"h2 fw-medium\">{{ metrics.activeUsers }}</div>\n            </div>\n            <div class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n              <div class=\"p-micro t-dark mn-b-micro\">Performance</div>\n              <div class=\"h2 fw-medium\">{{ metrics.performance }}%</div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div v-if=\"relatedVotings.length > 0\" class=\"bg-light radius-semi pd-semi mn-b-semi\">\n        <div class=\"flex flex-justify-between flex-v-center mn-b-semi\">\n          <div class=\"flex flex-v-center gap-thin\">\n            <IconSend class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n            <h3 class=\"p-semi fw-medium\">Governance & Approvals</h3>\n          </div>\n          <router-link :to=\"`/governance/initiatives/${route.params.id}/votings`\" class=\"t-main hover:t-main-semi p-small fw-medium\">\n            View all votings\n          </router-link>\n        </div>\n        <div class=\"cols-3 gap-regular\">\n          <CardVotingItem v-for=\"voting in relatedVotings.slice(0, 3)\" :key=\"voting._id || voting.id\" :voting=\"voting\" />\n        </div>\n      </div>\n\n      <div v-if=\"sprints.length > 0\" class=\"bg-light radius-semi pd-semi mn-b-semi\">\n        <div class=\"flex flex-justify-between flex-v-center mn-b-semi\">\n          <div class=\"flex flex-v-center gap-thin\">\n            <IconTime class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n            <h3 class=\"p-semi fw-medium\">Sprints</h3>\n          </div>\n          <router-link :to=\"`/governance/initiatives/${route.params.id}/sprints`\" class=\"t-main hover:t-main-semi p-small fw-medium\">\n            View all\n          </router-link>\n        </div>\n        <div class=\"cols-3 gap-regular\">\n          <CardSprintItem v-for=\"sprint in sprints.slice(0, 6)\" :key=\"sprint._id || sprint.id\" :sprint=\"sprint\" />\n        </div>\n      </div>\n\n      <div class=\"bg-light radius-semi pd-semi mn-b-semi\">\n        <div class=\"flex flex-v-center gap-thin mn-b-semi\">\n          <IconAttach class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n          <h3 class=\"p-semi fw-medium\">Links, Artifacts & Repositories</h3>\n        </div>\n\n        <div class=\"cols-3 gap-regular\">\n          <div v-if=\"initiative.repositories && initiative.repositories.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n            <h4 class=\"fw-medium mn-b-small\">Repositories</h4>\n            <div class=\"flex flex-column gap-thin\">\n              <a v-for=\"(repo, index) in initiative.repositories\" :key=\"index\" :href=\"`https://github.com/${repo.path}`\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-small t-main hover:t-main-semi flex flex-v-center gap-micro\">\n                <IconOpenLink class=\"i-regular\" :fill=\"'currentColor'\" />\n                {{ repo.path }}\n              </a>\n            </div>\n          </div>\n\n          <div v-if=\"initiative.links?.documentation && initiative.links.documentation.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n            <h4 class=\"fw-medium mn-b-small flex flex-v-center gap-thin\">\n              <IconFile class=\"i-regular\" :fill=\"'currentColor'\" />\n              Documentation\n            </h4>\n            <div class=\"flex flex-column gap-thin\">\n              <a v-for=\"(link, index) in initiative.links.documentation\" :key=\"index\" :href=\"link\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-small t-main hover:t-main-semi flex flex-v-center gap-micro\">\n                <IconOpenLink class=\"i-regular\" :fill=\"'currentColor'\" />\n                {{ link.split('/').pop() || 'Link' }}\n              </a>\n            </div>\n          </div>\n\n          <div v-if=\"initiative.links?.design && initiative.links.design.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n            <h4 class=\"fw-medium mn-b-small\">Design</h4>\n            <div class=\"flex flex-column gap-thin\">\n              <a v-for=\"(link, index) in initiative.links.design\" :key=\"index\" :href=\"link\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-small t-main hover:t-main-semi flex flex-v-center gap-micro\">\n                <IconOpenLink class=\"i-regular\" :fill=\"'currentColor'\" />\n                Figma\n              </a>\n            </div>\n          </div>\n\n          <div v-if=\"initiative.links?.cicd && initiative.links.cicd.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n            <h4 class=\"fw-medium mn-b-small\">CI/CD</h4>\n            <div class=\"flex flex-column gap-thin\">\n              <a v-for=\"(link, index) in initiative.links.cicd\" :key=\"index\" :href=\"link\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-small t-main hover:t-main-semi flex flex-v-center gap-micro\">\n                <IconOpenLink class=\"i-regular\" :fill=\"'currentColor'\" />\n                Pipelines\n              </a>\n            </div>\n          </div>\n\n          <div v-if=\"initiative.links?.monitoring && initiative.links.monitoring.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n            <h4 class=\"fw-medium mn-b-small\">Monitoring</h4>\n            <div class=\"flex flex-column gap-thin\">\n              <a v-for=\"(link, index) in initiative.links.monitoring\" :key=\"index\" :href=\"link\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-small t-main hover:t-main-semi flex flex-v-center gap-micro\">\n                <IconOpenLink class=\"i-regular\" :fill=\"'currentColor'\" />\n                Grafana\n              </a>\n            </div>\n          </div>\n\n          <div v-if=\"initiative.links?.analytics && initiative.links.analytics.length > 0\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n            <h4 class=\"fw-medium mn-b-small\">Analytics</h4>\n            <div class=\"flex flex-column gap-thin\">\n              <a v-for=\"(link, index) in initiative.links.analytics\" :key=\"index\" :href=\"link\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-small t-main hover:t-main-semi flex flex-v-center gap-micro\">\n                <IconOpenLink class=\"i-regular\" :fill=\"'currentColor'\" />\n                Dashboard\n              </a>\n            </div>\n          </div>\n        </div>\n\n        <div v-if=\"initiative.environments && initiative.environments.length > 0\" class=\"mn-t-semi\">\n          <h4 class=\"fw-medium mn-b-small\">Environments</h4>\n          <div class=\"cols-3 gap-regular\">\n            <div v-for=\"(env, index) in initiative.environments\" :key=\"index\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n              <div class=\"flex flex-justify-between flex-v-center mn-b-small\">\n                <h5 class=\"fw-medium\">{{ env.name }}</h5>\n                <span :class=\"`pd-micro pd-x-thin radius-regular p-micro fw-medium ${\n                  env.status === 'healthy' ? 'bg-green-small t-green-nice' : 'bg-red-small t-red-nice'\n                }`\">\n                  {{ env.status }}\n                </span>\n              </div>\n              <a :href=\"env.url\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-small t-main hover:t-main-semi flex flex-v-center gap-micro mn-b-micro\">\n                <IconOpenLink class=\"i-regular\" :fill=\"'currentColor'\" />\n                Open\n              </a>\n              <p class=\"p-micro t-dark\">Version: {{ env.version }}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,EAAE,WAAU,IAAK,gBAAe;AAEtC,UAAM,QAAQ,SAAQ;AACtB,UAAM,sBAAsB,IAAI,KAAK;AAErC,UAAM,aAAa,SAAS,MAAM,iBAAiB,OAAO;AAE1D,UAAM,UAAU,IAAI,EAAE;AACtB,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,iBAAiB,IAAI,EAAE;AAC7B,UAAM,UAAU,IAAI,IAAI;AAExB,cAAU,YAAY;AACpB,YAAM,KAAK,MAAM,OAAO;AACxB,YAAM,mBAAmB,kBAAkB,EAAE;AAE7C,YAAM,CAAC,aAAa,WAAW,aAAa,WAAW,IAAI,MAAM,QAAQ,IAAI;AAAA,QAC3E,eAAe,gBAAgB,EAAE;AAAA,QACjC,aAAa,gBAAgB,EAAE;AAAA,QAC/B,eAAe,gBAAgB,EAAE;AAAA,QACjC,mBAAmB,WAAW,EAAE;AAAA,MACpC,CAAG;AAED,cAAQ,QAAQ;AAChB,YAAM,QAAQ;AACd,qBAAe,QAAQ;AACvB,cAAQ,QAAQ;AAAA,IAClB,CAAC;AAED,UAAM,eAAe;AAAA,MACnB,QAAQ,EAAE,OAAO,UAAU,OAAO,4CAA2C;AAAA,MAC7E,OAAO,EAAE,OAAO,SAAS,OAAO,mCAAkC;AAAA,MAClE,WAAW,EAAE,OAAO,aAAa,OAAO,oCAAmC;AAAA,MAC3E,UAAU,EAAE,OAAO,YAAY,OAAO,+CAA8C;AAAA,IACtF;AAEA,UAAM,SAAS,SAAS,MAAM,WAAW,QAAS,aAAa,WAAW,MAAM,MAAM,KAAK,aAAa,QAAS,IAAI;AAErH,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,WAAW,OAAO,MAAO,QAAO;AACrC,aAAO,OAAO,WAAW,MAAM,UAAU,WACrC,WAAW,MAAM,QACjB,WAAW,MAAM,MAAM;AAAA,IAC7B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/governance/views/components/pages/InitiativeCreate.vue.js

@@ -0,0 +1,78 @@
+import { ref, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, toDisplayString } from "vue";
+import { useRouter } from "vue-router";
+import { initiativesActions } from "../../store/initiatives.js";
+import _sfc_main$1 from "../sections/FormInitiativeDetails.vue.js";
+/* empty css                                           */
+/* empty css                                         */
+/* empty css                                          */
+/* empty css                                              */
+/* empty css                                               */
+/* empty css                                              */
+/* empty css                                         */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                      */
+/* empty css                                       */
+/* empty css                                                */
+/* empty css                                    */
+/* empty css                                               */
+/* empty css                                     */
+const _hoisted_1 = { class: "pd-medium pd-y-semi" };
+const _hoisted_2 = { class: "flex flex-justify-end mn-t-semi" };
+const _hoisted_3 = ["disabled"];
+const _sfc_main = {
+  __name: "InitiativeCreate",
+  setup(__props) {
+    const router = useRouter();
+    const newInitiative = ref({
+      name: "",
+      title: "",
+      description: "",
+      status: "draft",
+      url: "",
+      client: "",
+      cover: "",
+      fullDescription: "",
+      valueProposition: "",
+      targetAudience: "",
+      successCriteria: [],
+      repositories: [],
+      links: {},
+      environments: [],
+      releases: [],
+      metrics: null,
+      sprints: []
+    });
+    const creating = ref(false);
+    const createInitiative = async () => {
+      if (!newInitiative.value.name) return;
+      creating.value = true;
+      try {
+        const response = await initiativesActions.createInitiative(newInitiative.value);
+        router.push(`/governance/initiatives/${response._id || response.id}`);
+      } catch (e) {
+        creating.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = createElementVNode("h1", { class: "h2 fw-medium mn-b-semi" }, "Create New Initiative", -1)),
+        createVNode(_sfc_main$1, {
+          modelValue: newInitiative.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => newInitiative.value = $event)
+        }, null, 8, ["modelValue"]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("button", {
+            onClick: createInitiative,
+            disabled: !newInitiative.value.name || creating.value,
+            class: normalizeClass(["bg-main hover:bg-main-semi t-white fw-medium pd-medium pd-x-semi radius-medium p-regular ease-cubic-in-out", { "o-50": !newInitiative.value.name || creating.value }])
+          }, toDisplayString(creating.value ? "Creating..." : "Create Initiative"), 11, _hoisted_3)
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=InitiativeCreate.vue.js.map

package/dist/martyrs/src/modules/governance/views/components/pages/InitiativeCreate.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitiativeCreate.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/InitiativeCreate.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { initiativesActions } from '../../store/initiatives';\nimport FormInitiativeDetails from '../sections/FormInitiativeDetails.vue';\nimport { IconArrow } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst router = useRouter();\n\nconst newInitiative = ref({\n  name: '',\n  title: '',\n  description: '',\n  status: 'draft',\n  url: '',\n  client: '',\n  cover: '',\n  fullDescription: '',\n  valueProposition: '',\n  targetAudience: '',\n  successCriteria: [],\n  repositories: [],\n  links: {},\n  environments: [],\n  releases: [],\n  metrics: null,\n  sprints: [],\n});\n\nconst creating = ref(false);\n\nconst createInitiative = async () => {\n  if (!newInitiative.value.name) return;\n  creating.value = true;\n  try {\n    const response = await initiativesActions.createInitiative(newInitiative.value);\n    router.push(`/governance/initiatives/${response._id || response.id}`);\n  } catch (e) {\n    creating.value = false;\n  }\n};\n</script>\n\n<template>\n  <div class=\"pd-medium pd-y-semi\">\n    <h1 class=\"h2 fw-medium mn-b-semi\">Create New Initiative</h1>\n\n    <FormInitiativeDetails v-model=\"newInitiative\" />\n\n    <div class=\"flex flex-justify-end mn-t-semi\">\n      <button\n        @click=\"createInitiative\"\n        :disabled=\"!newInitiative.name || creating\"\n        class=\"bg-main hover:bg-main-semi t-white fw-medium pd-medium pd-x-semi radius-medium p-regular ease-cubic-in-out\"\n        :class=\"{ 'o-50': !newInitiative.name || creating }\"\n      >\n        {{ creating ? 'Creating...' : 'Create Initiative' }}\n      </button>\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,SAAS,UAAS;AAExB,UAAM,gBAAgB,IAAI;AAAA,MACxB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB,iBAAiB,CAAA;AAAA,MACjB,cAAc,CAAA;AAAA,MACd,OAAO,CAAA;AAAA,MACP,cAAc,CAAA;AAAA,MACd,UAAU,CAAA;AAAA,MACV,SAAS;AAAA,MACT,SAAS,CAAA;AAAA,IACX,CAAC;AAED,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,mBAAmB,YAAY;AACnC,UAAI,CAAC,cAAc,MAAM,KAAM;AAC/B,eAAS,QAAQ;AACjB,UAAI;AACF,cAAM,WAAW,MAAM,mBAAmB,iBAAiB,cAAc,KAAK;AAC9E,eAAO,KAAK,2BAA2B,SAAS,OAAO,SAAS,EAAE,EAAE;AAAA,MACtE,SAAS,GAAG;AACV,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/governance/views/components/pages/InitiativeSprints.vue.js

@@ -0,0 +1,328 @@
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode, unref, createCommentVNode, toDisplayString, normalizeClass, normalizeStyle, Fragment, createBlock, renderList } from "vue";
+import { useRoute } from "vue-router";
+import _sfc_main$4 from "../blocks/CardSprintItem.vue.js";
+import _sfc_main$3 from "../partials/EmptyState.vue.js";
+import { initiativesState, initiativesActions } from "../../store/initiatives.js";
+import { sprintsState, sprintsActions } from "../../store/sprints.js";
+import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
+import _sfc_main$2 from "../../../../icons/entities/IconCalendar.vue.js";
+import _sfc_main$5 from "../../../../icons/entities/IconInfo.vue.js";
+import IconTime from "../../../../icons/entities/IconTime.vue.js";
+import _sfc_main$1 from "../../../../icons/navigation/IconArrow.vue.js";
+import _sfc_main$6 from "../../../../icons/navigation/IconCheckmark.vue.js";
+/* empty css                                         */
+/* empty css                                          */
+/* empty css                                              */
+/* empty css                                               */
+/* empty css                                              */
+/* empty css                                         */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                      */
+/* empty css                                       */
+/* empty css                                                */
+/* empty css                                    */
+/* empty css                                               */
+/* empty css                                     */
+const _hoisted_1 = {
+  key: 0,
+  class: "min-h-100vh flex flex-center flex"
+};
+const _hoisted_2 = { class: "t-center" };
+const _hoisted_3 = {
+  key: 1,
+  class: "min-h-100vh"
+};
+const _hoisted_4 = { class: "pd-medium pd-y-semi" };
+const _hoisted_5 = { class: "bg-light radius-semi o-hidden pd-semi mn-b-semi" };
+const _hoisted_6 = { class: "flex flex-justify-between flex-align-start mn-b-semi" };
+const _hoisted_7 = { class: "flex-child-1" };
+const _hoisted_8 = { class: "h1 fw-medium mn-b-small" };
+const _hoisted_9 = { class: "p-semi t-dark mn-b-medium" };
+const _hoisted_10 = { class: "flex flex-v-center gap-small p-small" };
+const _hoisted_11 = {
+  key: 0,
+  class: "flex flex-v-center gap-thin t-dark"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "flex flex-v-center gap-thin t-dark"
+};
+const _hoisted_13 = { class: "br-b-1px br-black-transp-10 mn-b-semi" };
+const _hoisted_14 = { class: "flex gap-small" };
+const _hoisted_15 = { key: 0 };
+const _hoisted_16 = { class: "flex flex-justify-between flex-v-center mn-b-small" };
+const _hoisted_17 = { class: "h2 fw-medium" };
+const _hoisted_18 = { class: "w-100 bg-white radius-extra h-3r o-hidden mn-b-medium" };
+const _hoisted_19 = { class: "flex flex-v-center gap-small p-small" };
+const _hoisted_20 = { class: "flex flex-v-center gap-thin" };
+const _hoisted_21 = { class: "t-dark" };
+const _hoisted_22 = { class: "flex flex-v-center gap-thin" };
+const _hoisted_23 = { class: "t-dark" };
+const _hoisted_24 = { class: "flex flex-v-center gap-thin" };
+const _hoisted_25 = { class: "t-dark" };
+const _hoisted_26 = {
+  key: 1,
+  class: "flex flex-column gap-small"
+};
+const _hoisted_27 = { key: 0 };
+const _hoisted_28 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_29 = { class: "p-small t-dark" };
+const _hoisted_30 = { class: "cols-3 gap-small" };
+const _hoisted_31 = { key: 1 };
+const _hoisted_32 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_33 = { class: "p-small t-dark" };
+const _hoisted_34 = { class: "cols-3 gap-small" };
+const _hoisted_35 = { key: 2 };
+const _hoisted_36 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_37 = { class: "p-small t-dark" };
+const _hoisted_38 = { class: "cols-3 gap-small" };
+const _hoisted_39 = {
+  key: 1,
+  class: "flex flex-column gap-regular"
+};
+const _hoisted_40 = { class: "flex flex-justify-between flex-align-start mn-b-medium" };
+const _hoisted_41 = { class: "flex-child-1" };
+const _hoisted_42 = { class: "flex flex-v-center gap-small mn-b-small" };
+const _hoisted_43 = { class: "h3 fw-medium" };
+const _hoisted_44 = { class: "flex flex-v-center gap-thin p-small t-dark mn-b-small" };
+const _hoisted_45 = { class: "p-regular t-dark t-line-relaxed" };
+const _hoisted_46 = {
+  key: 0,
+  class: "mn-t-medium"
+};
+const _hoisted_47 = {
+  class: "pd-l-semi p-small t-dark flex flex-column gap-micro",
+  style: { "list-style": "disc" }
+};
+const _sfc_main = {
+  __name: "InitiativeSprints",
+  setup(__props) {
+    const { formatDate } = useGlobalMixins();
+    const route = useRoute();
+    const activeTab = ref("sprints");
+    const initiative = computed(() => initiativesState.current);
+    const sprints = computed(() => sprintsState.all.filter((m) => m.initiative === route.params.id));
+    const completedSprints = computed(() => sprints.value.filter((m) => m.status === "completed"));
+    const inProgressSprints = computed(() => sprints.value.filter((m) => m.status === "in_progress"));
+    const notStartedSprints = computed(() => sprints.value.filter((m) => m.status === "not_started"));
+    const overallProgress = computed(() => {
+      return sprints.value.length > 0 ? Math.round(completedSprints.value.length / sprints.value.length * 100) : 0;
+    });
+    onMounted(async () => {
+      await initiativesActions.getInitiativeById(route.params.id);
+      await sprintsActions.getAllSprints();
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return !initiative.value || !initiative.value._id ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = createElementVNode("h2", { class: "h2 fw-medium mn-b-small" }, "Initiative not found", -1)),
+          createVNode(_component_router_link, {
+            to: "/governance",
+            class: "t-main hover:t-main-semi"
+          }, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createTextVNode(" Back to initiatives ")
+            ])),
+            _: 1
+          })
+        ])
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_router_link, {
+            to: `/governance/initiatives/${unref(route).params.id}`,
+            class: "flex flex-v-center t-dark hover:t-dark mn-b-semi ease-cubic-in-out",
+            style: { "text-decoration": "none", "width": "fit-content" }
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$1), {
+                class: "i-medium mn-r-thin",
+                rotation: 180,
+                fill: "currentColor"
+              }),
+              _cache[4] || (_cache[4] = createTextVNode(" Back to initiative "))
+            ]),
+            _: 1
+          }, 8, ["to"]),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("h1", _hoisted_8, toDisplayString(initiative.value.title), 1),
+                createElementVNode("p", _hoisted_9, toDisplayString(initiative.value.description), 1),
+                createElementVNode("div", _hoisted_10, [
+                  initiative.value.date ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                    createVNode(unref(_sfc_main$2), {
+                      class: "i-regular",
+                      fill: "currentColor"
+                    }),
+                    createElementVNode("span", null, "Started " + toDisplayString(unref(formatDate)(initiative.value.date, { dateOnly: true })), 1)
+                  ])) : createCommentVNode("", true),
+                  initiative.value.targetReleaseDate ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                    createVNode(unref(_sfc_main$2), {
+                      class: "i-regular",
+                      fill: "currentColor"
+                    }),
+                    createElementVNode("span", null, "Target " + toDisplayString(unref(formatDate)(initiative.value.targetReleaseDate, { dateOnly: true })), 1)
+                  ])) : createCommentVNode("", true)
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, [
+                createElementVNode("button", {
+                  onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "sprints"),
+                  class: normalizeClass(`pd-b-medium pd-x-thin br-b-2px fw-medium ease-cubic-in-out ${activeTab.value === "sprints" ? "br-main t-main" : "br-transparent t-dark hover:t-dark"}`)
+                }, " Sprints ", 2),
+                createElementVNode("button", {
+                  onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "releases"),
+                  class: normalizeClass(`pd-b-medium pd-x-thin br-b-2px fw-medium ease-cubic-in-out ${activeTab.value === "releases" ? "br-main t-main" : "br-transparent t-dark hover:t-dark"}`)
+                }, " Releases ", 2)
+              ])
+            ]),
+            activeTab.value === "sprints" ? (openBlock(), createElementBlock("div", _hoisted_15, [
+              createElementVNode("div", _hoisted_16, [
+                _cache[5] || (_cache[5] = createElementVNode("span", { class: "p-small fw-medium t-dark" }, "Overall Progress", -1)),
+                createElementVNode("span", _hoisted_17, toDisplayString(overallProgress.value) + "%", 1)
+              ]),
+              createElementVNode("div", _hoisted_18, [
+                createElementVNode("div", {
+                  class: "bg-main h-100 ease-cubic-in-out",
+                  style: normalizeStyle({ width: `${overallProgress.value}%` })
+                }, null, 4)
+              ]),
+              createElementVNode("div", _hoisted_19, [
+                createElementVNode("div", _hoisted_20, [
+                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "w-3r h-3r bg-green-nice radius-extra" }, null, -1)),
+                  createElementVNode("span", _hoisted_21, toDisplayString(completedSprints.value.length) + " Completed", 1)
+                ]),
+                createElementVNode("div", _hoisted_22, [
+                  _cache[7] || (_cache[7] = createElementVNode("div", { class: "w-3r h-3r bg-main radius-extra" }, null, -1)),
+                  createElementVNode("span", _hoisted_23, toDisplayString(inProgressSprints.value.length) + " In Progress", 1)
+                ]),
+                createElementVNode("div", _hoisted_24, [
+                  _cache[8] || (_cache[8] = createElementVNode("div", { class: "w-3r h-3r bg-grey radius-extra" }, null, -1)),
+                  createElementVNode("span", _hoisted_25, toDisplayString(notStartedSprints.value.length) + " Not Started", 1)
+                ])
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          activeTab.value === "sprints" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _cache[12] || (_cache[12] = createElementVNode("div", { class: "mn-b-semi" }, [
+              createElementVNode("h2", { class: "h2 fw-medium" }, "Sprints"),
+              createElementVNode("p", { class: "p-regular t-dark mn-t-micro" }, "Track progress across all sprints")
+            ], -1)),
+            sprints.value.length === 0 ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              title: "No sprints yet",
+              message: "Create sprints to start tracking progress on this initiative."
+            })) : (openBlock(), createElementBlock("div", _hoisted_26, [
+              inProgressSprints.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                createElementVNode("div", _hoisted_28, [
+                  createVNode(unref(IconTime), {
+                    class: "i-medium",
+                    fill: "rgb(var(--main))"
+                  }),
+                  _cache[9] || (_cache[9] = createElementVNode("h3", { class: "p-semi fw-medium" }, "In Progress", -1)),
+                  createElementVNode("span", _hoisted_29, "(" + toDisplayString(inProgressSprints.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_30, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(inProgressSprints.value, (sprint) => {
+                    return openBlock(), createBlock(_sfc_main$4, {
+                      key: sprint._id,
+                      sprint
+                    }, null, 8, ["sprint"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              notStartedSprints.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                createElementVNode("div", _hoisted_32, [
+                  createVNode(unref(_sfc_main$5), {
+                    class: "i-medium",
+                    fill: "rgb(var(--grey))"
+                  }),
+                  _cache[10] || (_cache[10] = createElementVNode("h3", { class: "p-semi fw-medium" }, "Not Started", -1)),
+                  createElementVNode("span", _hoisted_33, "(" + toDisplayString(notStartedSprints.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_34, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(notStartedSprints.value, (sprint) => {
+                    return openBlock(), createBlock(_sfc_main$4, {
+                      key: sprint._id,
+                      sprint
+                    }, null, 8, ["sprint"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              completedSprints.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_35, [
+                createElementVNode("div", _hoisted_36, [
+                  createVNode(unref(_sfc_main$6), {
+                    class: "i-medium",
+                    fill: "rgb(var(--green-nice))"
+                  }),
+                  _cache[11] || (_cache[11] = createElementVNode("h3", { class: "p-semi fw-medium" }, "Completed", -1)),
+                  createElementVNode("span", _hoisted_37, "(" + toDisplayString(completedSprints.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_38, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(completedSprints.value, (sprint) => {
+                    return openBlock(), createBlock(_sfc_main$4, {
+                      key: sprint._id,
+                      sprint
+                    }, null, 8, ["sprint"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true)
+            ]))
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _cache[14] || (_cache[14] = createElementVNode("div", { class: "mn-b-semi" }, [
+              createElementVNode("h2", { class: "h2 fw-medium" }, "Release History"),
+              createElementVNode("p", { class: "p-regular t-dark mn-t-micro" }, "All releases for this initiative")
+            ], -1)),
+            !initiative.value.releases || initiative.value.releases.length === 0 ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              title: "No releases yet",
+              message: "Releases will appear here once they are created."
+            })) : (openBlock(), createElementBlock("div", _hoisted_39, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.releases, (release, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "br-black-transp-10 br-1px radius-medium o-hidden pd-semi hover:scale-[1.05] ease-cubic-in-out"
+                }, [
+                  createElementVNode("div", _hoisted_40, [
+                    createElementVNode("div", _hoisted_41, [
+                      createElementVNode("div", _hoisted_42, [
+                        createElementVNode("h3", _hoisted_43, toDisplayString(release.version), 1),
+                        createElementVNode("span", {
+                          class: normalizeClass(`pd-micro pd-x-small radius-extra p-small fw-medium ${release.status === "released" ? "bg-green-small t-green-nice" : release.status === "in_progress" ? "bg-main-small t-main" : "br-black-transp-10 br-1px t-dark"}`)
+                        }, toDisplayString(release.status), 3)
+                      ]),
+                      createElementVNode("div", _hoisted_44, [
+                        createVNode(unref(_sfc_main$2), {
+                          class: "i-regular",
+                          fill: "currentColor"
+                        }),
+                        createElementVNode("span", null, toDisplayString(unref(formatDate)(release.date, { dateOnly: true })), 1)
+                      ])
+                    ])
+                  ]),
+                  createElementVNode("p", _hoisted_45, toDisplayString(release.notes), 1),
+                  release.migrations && release.migrations.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_46, [
+                    _cache[13] || (_cache[13] = createElementVNode("h4", { class: "p-small fw-medium t-dark mn-b-small" }, "Migrations", -1)),
+                    createElementVNode("ul", _hoisted_47, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(release.migrations, (migration, idx) => {
+                        return openBlock(), createElementBlock("li", { key: idx }, toDisplayString(migration), 1);
+                      }), 128))
+                    ])
+                  ])) : createCommentVNode("", true)
+                ]);
+              }), 128))
+            ]))
+          ], 64))
+        ])
+      ]));
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=InitiativeSprints.vue.js.map

package/dist/martyrs/src/modules/governance/views/components/pages/InitiativeSprints.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitiativeSprints.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/InitiativeSprints.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute } from 'vue-router';\nimport CardSprintItem from '../blocks/CardSprintItem.vue';\nimport EmptyState from '../partials/EmptyState.vue';\nimport { initiativesActions, initiativesState } from '../../store/initiatives';\nimport { sprintsActions, sprintsState } from '../../store/sprints';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\nimport { IconArrow, IconCalendar, IconTime, IconEntityInfo, IconCheckmark } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst { formatDate } = useGlobalMixins();\n\nconst route = useRoute();\nconst activeTab = ref('sprints');\n\nconst initiative = computed(() => initiativesState.current);\nconst sprints = computed(() => sprintsState.all.filter(m => m.initiative === route.params.id));\n\nconst completedSprints = computed(() => sprints.value.filter(m => m.status === 'completed'));\nconst inProgressSprints = computed(() => sprints.value.filter(m => m.status === 'in_progress'));\nconst notStartedSprints = computed(() => sprints.value.filter(m => m.status === 'not_started'));\n\nconst overallProgress = computed(() => {\n  return sprints.value.length > 0\n    ? Math.round((completedSprints.value.length / sprints.value.length) * 100)\n    : 0;\n});\n\nonMounted(async () => {\n  await initiativesActions.getInitiativeById(route.params.id);\n  await sprintsActions.getAllSprints();\n});\n</script>\n\n<template>\n  <div v-if=\"!initiative || !initiative._id\" class=\"min-h-100vh flex flex-center flex\">\n    <div class=\"t-center\">\n      <h2 class=\"h2 fw-medium mn-b-small\">Initiative not found</h2>\n      <router-link to=\"/governance\" class=\"t-main hover:t-main-semi\">\n        Back to initiatives\n      </router-link>\n    </div>\n  </div>\n\n  <div v-else class=\"min-h-100vh\">\n    <div class=\"pd-medium pd-y-semi\">\n      <router-link\n        :to=\"`/governance/initiatives/${route.params.id}`\"\n        class=\"flex flex-v-center t-dark hover:t-dark mn-b-semi ease-cubic-in-out\"\n        style=\"text-decoration: none; width: fit-content;\"\n      >\n        <IconArrow class=\"i-medium mn-r-thin\" :rotation=\"180\" :fill=\"'currentColor'\" />\n        Back to initiative\n      </router-link>\n\n      <div class=\"bg-light radius-semi o-hidden pd-semi mn-b-semi\">\n        <div class=\"flex flex-justify-between flex-align-start mn-b-semi\">\n          <div class=\"flex-child-1\">\n            <h1 class=\"h1 fw-medium mn-b-small\">{{ initiative.title }}</h1>\n            <p class=\"p-semi t-dark mn-b-medium\">{{ initiative.description }}</p>\n            <div class=\"flex flex-v-center gap-small p-small\">\n              <div v-if=\"initiative.date\" class=\"flex flex-v-center gap-thin t-dark\">\n                <IconCalendar class=\"i-regular\" :fill=\"'currentColor'\" />\n                <span>Started {{ formatDate(initiative.date, { dateOnly: true }) }}</span>\n              </div>\n              <div v-if=\"initiative.targetReleaseDate\" class=\"flex flex-v-center gap-thin t-dark\">\n                <IconCalendar class=\"i-regular\" :fill=\"'currentColor'\" />\n                <span>Target {{ formatDate(initiative.targetReleaseDate, { dateOnly: true }) }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"br-b-1px br-black-transp-10 mn-b-semi\">\n          <div class=\"flex gap-small\">\n            <button\n              @click=\"activeTab = 'sprints'\"\n              :class=\"`pd-b-medium pd-x-thin br-b-2px fw-medium ease-cubic-in-out ${\n                activeTab === 'sprints'\n                  ? 'br-main t-main'\n                  : 'br-transparent t-dark hover:t-dark'\n              }`\"\n            >\n              Sprints\n            </button>\n            <button\n              @click=\"activeTab = 'releases'\"\n              :class=\"`pd-b-medium pd-x-thin br-b-2px fw-medium ease-cubic-in-out ${\n                activeTab === 'releases'\n                  ? 'br-main t-main'\n                  : 'br-transparent t-dark hover:t-dark'\n              }`\"\n            >\n              Releases\n            </button>\n          </div>\n        </div>\n\n        <div v-if=\"activeTab === 'sprints'\">\n          <div class=\"flex flex-justify-between flex-v-center mn-b-small\">\n            <span class=\"p-small fw-medium t-dark\">Overall Progress</span>\n            <span class=\"h2 fw-medium\">{{ overallProgress }}%</span>\n          </div>\n          <div class=\"w-100 bg-white radius-extra h-3r o-hidden mn-b-medium\">\n            <div\n              class=\"bg-main h-100 ease-cubic-in-out\"\n              :style=\"{ width: `${overallProgress}%` }\"\n            />\n          </div>\n          <div class=\"flex flex-v-center gap-small p-small\">\n            <div class=\"flex flex-v-center gap-thin\">\n              <div class=\"w-3r h-3r bg-green-nice radius-extra\" />\n              <span class=\"t-dark\">{{ completedSprints.length }} Completed</span>\n            </div>\n            <div class=\"flex flex-v-center gap-thin\">\n              <div class=\"w-3r h-3r bg-main radius-extra\" />\n              <span class=\"t-dark\">{{ inProgressSprints.length }} In Progress</span>\n            </div>\n            <div class=\"flex flex-v-center gap-thin\">\n              <div class=\"w-3r h-3r bg-grey radius-extra\" />\n              <span class=\"t-dark\">{{ notStartedSprints.length }} Not Started</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <template v-if=\"activeTab === 'sprints'\">\n        <div class=\"mn-b-semi\">\n          <h2 class=\"h2 fw-medium\">Sprints</h2>\n          <p class=\"p-regular t-dark mn-t-micro\">Track progress across all sprints</p>\n        </div>\n\n        <EmptyState\n          v-if=\"sprints.length === 0\"\n          title=\"No sprints yet\"\n          message=\"Create sprints to start tracking progress on this initiative.\"\n        />\n\n        <div v-else class=\"flex flex-column gap-small\">\n          <div v-if=\"inProgressSprints.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <IconTime class=\"i-medium\" :fill=\"'rgb(var(--main))'\" />\n              <h3 class=\"p-semi fw-medium\">In Progress</h3>\n              <span class=\"p-small t-dark\">({{ inProgressSprints.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small\">\n              <CardSprintItem\n                v-for=\"sprint in inProgressSprints\"\n                :key=\"sprint._id\"\n                :sprint=\"sprint\"\n              />\n            </div>\n          </div>\n\n          <div v-if=\"notStartedSprints.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <IconEntityInfo class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n              <h3 class=\"p-semi fw-medium\">Not Started</h3>\n              <span class=\"p-small t-dark\">({{ notStartedSprints.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small\">\n              <CardSprintItem\n                v-for=\"sprint in notStartedSprints\"\n                :key=\"sprint._id\"\n                :sprint=\"sprint\"\n              />\n            </div>\n          </div>\n\n          <div v-if=\"completedSprints.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <IconCheckmark class=\"i-medium\" :fill=\"'rgb(var(--green-nice))'\" />\n              <h3 class=\"p-semi fw-medium\">Completed</h3>\n              <span class=\"p-small t-dark\">({{ completedSprints.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small\">\n              <CardSprintItem\n                v-for=\"sprint in completedSprints\"\n                :key=\"sprint._id\"\n                :sprint=\"sprint\"\n              />\n            </div>\n          </div>\n        </div>\n      </template>\n\n      <template v-else>\n        <div class=\"mn-b-semi\">\n          <h2 class=\"h2 fw-medium\">Release History</h2>\n          <p class=\"p-regular t-dark mn-t-micro\">All releases for this initiative</p>\n        </div>\n\n        <EmptyState\n          v-if=\"!initiative.releases || initiative.releases.length === 0\"\n          title=\"No releases yet\"\n          message=\"Releases will appear here once they are created.\"\n        />\n\n        <div v-else class=\"flex flex-column gap-regular\">\n          <div\n            v-for=\"(release, index) in initiative.releases\"\n            :key=\"index\"\n            class=\"br-black-transp-10 br-1px radius-medium o-hidden pd-semi hover:scale-[1.05] ease-cubic-in-out\"\n          >\n            <div class=\"flex flex-justify-between flex-align-start mn-b-medium\">\n              <div class=\"flex-child-1\">\n                <div class=\"flex flex-v-center gap-small mn-b-small\">\n                  <h3 class=\"h3 fw-medium\">{{ release.version }}</h3>\n                  <span\n                    :class=\"`pd-micro pd-x-small radius-extra p-small fw-medium ${\n                      release.status === 'released'\n                        ? 'bg-green-small t-green-nice'\n                        : release.status === 'in_progress'\n                        ? 'bg-main-small t-main'\n                        : 'br-black-transp-10 br-1px t-dark'\n                    }`\"\n                  >\n                    {{ release.status }}\n                  </span>\n                </div>\n                <div class=\"flex flex-v-center gap-thin p-small t-dark mn-b-small\">\n                  <IconCalendar class=\"i-regular\" :fill=\"'currentColor'\" />\n                  <span>{{ formatDate(release.date, { dateOnly: true }) }}</span>\n                </div>\n              </div>\n            </div>\n            <p class=\"p-regular t-dark t-line-relaxed\">{{ release.notes }}</p>\n            <div v-if=\"release.migrations && release.migrations.length > 0\" class=\"mn-t-medium\">\n              <h4 class=\"p-small fw-medium t-dark mn-b-small\">Migrations</h4>\n              <ul class=\"pd-l-semi p-small t-dark flex flex-column gap-micro\" style=\"list-style: disc;\">\n                <li v-for=\"(migration, idx) in release.migrations\" :key=\"idx\">{{ migration }}</li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,EAAE,WAAU,IAAK,gBAAe;AAEtC,UAAM,QAAQ,SAAQ;AACtB,UAAM,YAAY,IAAI,SAAS;AAE/B,UAAM,aAAa,SAAS,MAAM,iBAAiB,OAAO;AAC1D,UAAM,UAAU,SAAS,MAAM,aAAa,IAAI,OAAO,OAAK,EAAE,eAAe,MAAM,OAAO,EAAE,CAAC;AAE7F,UAAM,mBAAmB,SAAS,MAAM,QAAQ,MAAM,OAAO,OAAK,EAAE,WAAW,WAAW,CAAC;AAC3F,UAAM,oBAAoB,SAAS,MAAM,QAAQ,MAAM,OAAO,OAAK,EAAE,WAAW,aAAa,CAAC;AAC9F,UAAM,oBAAoB,SAAS,MAAM,QAAQ,MAAM,OAAO,OAAK,EAAE,WAAW,aAAa,CAAC;AAE9F,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,QAAQ,MAAM,SAAS,IAC1B,KAAK,MAAO,iBAAiB,MAAM,SAAS,QAAQ,MAAM,SAAU,GAAG,IACvE;AAAA,IACN,CAAC;AAED,cAAU,YAAY;AACpB,YAAM,mBAAmB,kBAAkB,MAAM,OAAO,EAAE;AAC1D,YAAM,eAAe,cAAa;AAAA,IACpC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}