@ozdao/martyrs 0.2.601 → 0.2.603

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

@@ -0,0 +1,684 @@
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode, createCommentVNode, toDisplayString, unref, normalizeClass, Fragment, renderList, createBlock } from "vue";
+import { useRoute } from "vue-router";
+import _sfc_main$4 from "../blocks/CardSprintItem.vue.js";
+import _sfc_main$3 from "../blocks/CardVotingItem.vue.js";
+import { initiativesState, initiativesActions } from "../../store/initiatives.js";
+import { sprintsActions } from "../../store/sprints.js";
+import { tasksActions } from "../../store/tasks.js";
+import { votingsActions } from "../../store/votings.js";
+import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
+/* empty css                                           */
+import _sfc_main$1 from "../../../../icons/entities/IconFile.vue.js";
+import IconTime from "../../../../icons/entities/IconTime.vue.js";
+import _sfc_main$6 from "../../../../icons/actions/IconOpenLink.vue.js";
+import _sfc_main$5 from "../../../../icons/navigation/IconAttach.vue.js";
+import _sfc_main$2 from "../../../../icons/navigation/IconCheckmark.vue.js";
+import IconSend from "../../../../icons/navigation/IconSend.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 = {
+  key: 0,
+  class: "relative h-64r radius-semi o-hidden mn-b-semi"
+};
+const _hoisted_6 = ["src", "alt"];
+const _hoisted_7 = { class: "absolute bottom-6r left-6r right-6r" };
+const _hoisted_8 = { class: "h-huge fw-medium t-white mn-b-small" };
+const _hoisted_9 = { class: "p-semi t-white-90" };
+const _hoisted_10 = {
+  key: 1,
+  class: "bg-light radius-semi pd-semi mn-b-semi"
+};
+const _hoisted_11 = { class: "flex flex-justify-between flex-v-center mn-b-medium" };
+const _hoisted_12 = { class: "p-semi fw-medium flex flex-v-center gap-thin" };
+const _hoisted_13 = { class: "flex flex-v-center gap-small" };
+const _hoisted_14 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_15 = { key: 1 };
+const _hoisted_16 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_17 = { class: "p-regular t-dark" };
+const _hoisted_18 = {
+  key: 1,
+  class: "mn-b-medium"
+};
+const _hoisted_19 = { class: "p-regular t-dark" };
+const _hoisted_20 = { key: 2 };
+const _hoisted_21 = { class: "flex flex-column gap-thin" };
+const _hoisted_22 = { class: "p-regular t-dark" };
+const _hoisted_23 = {
+  key: 2,
+  class: "mn-t-semi"
+};
+const _hoisted_24 = { 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]" };
+const _hoisted_25 = { class: "fw-medium mn-b-small" };
+const _hoisted_26 = { class: "p-small t-dark mn-b-small" };
+const _hoisted_27 = { class: "p-regular t-dark" };
+const _hoisted_28 = { class: "pd-small pd-x-medium bg-green-small t-green-nice radius-regular p-small fw-medium" };
+const _hoisted_29 = {
+  key: 3,
+  class: "mn-t-semi"
+};
+const _hoisted_30 = { class: "cols-3 gap-regular" };
+const _hoisted_31 = {
+  key: 0,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium bg-grad-[to-br_yellow-10_white]"
+};
+const _hoisted_32 = { class: "flex flex-column gap-thin" };
+const _hoisted_33 = ["src", "alt"];
+const _hoisted_34 = { class: "p-small truncate" };
+const _hoisted_35 = {
+  key: 0,
+  class: "p-micro t-dark"
+};
+const _hoisted_36 = {
+  key: 1,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium bg-grad-[to-br_main-10_white]"
+};
+const _hoisted_37 = { class: "flex flex-column gap-thin" };
+const _hoisted_38 = ["src", "alt"];
+const _hoisted_39 = { class: "p-small truncate" };
+const _hoisted_40 = {
+  key: 0,
+  class: "p-micro t-dark"
+};
+const _hoisted_41 = {
+  key: 2,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium bg-grad-[to-br_green-10_white]"
+};
+const _hoisted_42 = { class: "flex flex-column gap-thin" };
+const _hoisted_43 = ["src", "alt"];
+const _hoisted_44 = { class: "p-small truncate" };
+const _hoisted_45 = {
+  key: 0,
+  class: "p-micro t-dark"
+};
+const _hoisted_46 = {
+  key: 4,
+  class: "mn-t-semi"
+};
+const _hoisted_47 = { class: "cols-6 gap-regular" };
+const _hoisted_48 = { class: "h2 fw-medium" };
+const _hoisted_49 = { class: "h2 fw-medium" };
+const _hoisted_50 = { class: "br-black-transp-10 br-1px radius-medium pd-medium" };
+const _hoisted_51 = { class: "br-black-transp-10 br-1px radius-medium pd-medium" };
+const _hoisted_52 = { class: "h2 fw-medium" };
+const _hoisted_53 = { class: "br-black-transp-10 br-1px radius-medium pd-medium" };
+const _hoisted_54 = { class: "h2 fw-medium" };
+const _hoisted_55 = { class: "br-black-transp-10 br-1px radius-medium pd-medium" };
+const _hoisted_56 = { class: "h2 fw-medium" };
+const _hoisted_57 = {
+  key: 2,
+  class: "bg-light radius-semi pd-semi mn-b-semi"
+};
+const _hoisted_58 = { class: "flex flex-justify-between flex-v-center mn-b-semi" };
+const _hoisted_59 = { class: "flex flex-v-center gap-thin" };
+const _hoisted_60 = { class: "cols-3 gap-regular" };
+const _hoisted_61 = {
+  key: 3,
+  class: "bg-light radius-semi pd-semi mn-b-semi"
+};
+const _hoisted_62 = { class: "flex flex-justify-between flex-v-center mn-b-semi" };
+const _hoisted_63 = { class: "flex flex-v-center gap-thin" };
+const _hoisted_64 = { class: "cols-3 gap-regular" };
+const _hoisted_65 = { class: "bg-light radius-semi pd-semi mn-b-semi" };
+const _hoisted_66 = { class: "flex flex-v-center gap-thin mn-b-semi" };
+const _hoisted_67 = { class: "cols-3 gap-regular" };
+const _hoisted_68 = {
+  key: 0,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium"
+};
+const _hoisted_69 = { class: "flex flex-column gap-thin" };
+const _hoisted_70 = ["href"];
+const _hoisted_71 = {
+  key: 1,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium"
+};
+const _hoisted_72 = { class: "fw-medium mn-b-small flex flex-v-center gap-thin" };
+const _hoisted_73 = { class: "flex flex-column gap-thin" };
+const _hoisted_74 = ["href"];
+const _hoisted_75 = {
+  key: 2,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium"
+};
+const _hoisted_76 = { class: "flex flex-column gap-thin" };
+const _hoisted_77 = ["href"];
+const _hoisted_78 = {
+  key: 3,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium"
+};
+const _hoisted_79 = { class: "flex flex-column gap-thin" };
+const _hoisted_80 = ["href"];
+const _hoisted_81 = {
+  key: 4,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium"
+};
+const _hoisted_82 = { class: "flex flex-column gap-thin" };
+const _hoisted_83 = ["href"];
+const _hoisted_84 = {
+  key: 5,
+  class: "br-black-transp-10 br-1px radius-medium pd-medium"
+};
+const _hoisted_85 = { class: "flex flex-column gap-thin" };
+const _hoisted_86 = ["href"];
+const _hoisted_87 = {
+  key: 0,
+  class: "mn-t-semi"
+};
+const _hoisted_88 = { class: "cols-3 gap-regular" };
+const _hoisted_89 = { class: "flex flex-justify-between flex-v-center mn-b-small" };
+const _hoisted_90 = { class: "fw-medium" };
+const _hoisted_91 = ["href"];
+const _hoisted_92 = { class: "p-micro t-dark" };
+const _sfc_main = {
+  __name: "Initiative",
+  setup(__props) {
+    const { formatDate } = useGlobalMixins();
+    const route = useRoute();
+    const showFullDescription = ref(false);
+    const initiative = computed(() => initiativesState.current);
+    const sprints = ref([]);
+    const tasks = ref([]);
+    const relatedVotings = ref([]);
+    const metrics = ref(null);
+    onMounted(async () => {
+      const id = route.params.id;
+      await initiativesActions.getInitiativeById(id);
+      const [sprintsData, tasksData, votingsData, metricsData] = await Promise.all([
+        sprintsActions.getByInitiative(id),
+        tasksActions.getByInitiative(id),
+        votingsActions.getByInitiative(id),
+        initiativesActions.getMetrics(id)
+      ]);
+      sprints.value = sprintsData;
+      tasks.value = tasksData;
+      relatedVotings.value = votingsData;
+      metrics.value = metricsData;
+    });
+    const statusConfig = {
+      active: { label: "Active", color: "bg-green-small t-green-nice br-green-semi" },
+      draft: { label: "Draft", color: "br-black-transp-10 br-1px t-dark" },
+      completed: { label: "Completed", color: "bg-main-small t-main br-main-semi" },
+      archived: { label: "Archived", color: "bg-yellow-small t-yellow-nice br-yellow-semi" }
+    };
+    const status = computed(() => initiative.value ? statusConfig[initiative.value.status] || statusConfig.draft : null);
+    const coverUrl = computed(() => {
+      if (!initiative.value?.cover) return null;
+      return typeof initiative.value.cover === "string" ? initiative.value.cover : initiative.value.cover.url;
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return !initiative.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[2] || (_cache[2] = 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[1] || (_cache[1] = [
+              createTextVNode(" Back to initiatives ")
+            ])),
+            _: 1
+          })
+        ])
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, [
+          coverUrl.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createElementVNode("img", {
+              src: coverUrl.value,
+              alt: initiative.value.title,
+              class: "w-100 h-100 object-fit-cover"
+            }, null, 8, _hoisted_6),
+            _cache[3] || (_cache[3] = createElementVNode("div", { class: "absolute inset-0 bg-grad-[to-b_dark-80_black-90]" }, null, -1)),
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("h1", _hoisted_8, toDisplayString(initiative.value.title), 1),
+              createElementVNode("p", _hoisted_9, toDisplayString(initiative.value.description), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          initiative.value.fullDescription || initiative.value.valueProposition || initiative.value.targetAudience || initiative.value.successCriteria && initiative.value.successCriteria.length > 0 || initiative.value.team ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
+              createElementVNode("h3", _hoisted_12, [
+                createVNode(unref(_sfc_main$1), {
+                  class: "i-medium",
+                  fill: "rgb(var(--grey))"
+                }),
+                _cache[4] || (_cache[4] = createTextVNode(" About This Initiative "))
+              ]),
+              createElementVNode("div", _hoisted_13, [
+                createElementVNode("span", {
+                  class: normalizeClass(`pd-medium pd-x-medium radius-medium p-small fw-medium br-1px ${status.value.color}`)
+                }, toDisplayString(status.value.label), 3),
+                createVNode(_component_router_link, {
+                  to: `/governance/initiatives/${unref(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" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconSend), {
+                      class: "i-regular",
+                      fill: "currentColor"
+                    }),
+                    _cache[5] || (_cache[5] = createTextVNode(" Open Voting "))
+                  ]),
+                  _: 1
+                }, 8, ["to"])
+              ])
+            ]),
+            initiative.value.fullDescription ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              createElementVNode("p", {
+                class: normalizeClass(`p-regular t-dark t-line-relaxed ${!showFullDescription.value && "t-line-clamp-3"}`)
+              }, toDisplayString(initiative.value.fullDescription), 3),
+              initiative.value.fullDescription.length > 200 ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                onClick: _cache[0] || (_cache[0] = ($event) => showFullDescription.value = !showFullDescription.value),
+                class: "t-main hover:t-main-semi p-small fw-medium mn-t-thin"
+              }, toDisplayString(showFullDescription.value ? "Show less" : "Show more"), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            showFullDescription.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+              initiative.value.valueProposition ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                _cache[6] || (_cache[6] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Value Proposition", -1)),
+                createElementVNode("p", _hoisted_17, toDisplayString(initiative.value.valueProposition), 1)
+              ])) : createCommentVNode("", true),
+              initiative.value.targetAudience ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                _cache[7] || (_cache[7] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Target Audience", -1)),
+                createElementVNode("p", _hoisted_19, toDisplayString(initiative.value.targetAudience), 1)
+              ])) : createCommentVNode("", true),
+              initiative.value.successCriteria && initiative.value.successCriteria.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                _cache[8] || (_cache[8] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Success Criteria", -1)),
+                createElementVNode("div", _hoisted_21, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.successCriteria, (criteria, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      class: "flex flex-align-start gap-thin"
+                    }, [
+                      createVNode(unref(_sfc_main$2), {
+                        class: "i-medium flex-shrink-0 mn-t-micro",
+                        fill: "rgb(var(--green-nice))"
+                      }),
+                      createElementVNode("span", _hoisted_22, toDisplayString(criteria), 1)
+                    ]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            initiative.value.releases && initiative.value.releases.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23, [
+              _cache[9] || (_cache[9] = createElementVNode("div", { class: "flex flex-justify-between flex-v-center mn-b-small" }, [
+                createElementVNode("h4", { class: "fw-medium" }, "Recent Release")
+              ], -1)),
+              createElementVNode("div", _hoisted_24, [
+                createElementVNode("div", null, [
+                  createElementVNode("h5", _hoisted_25, toDisplayString(initiative.value.releases[0].version), 1),
+                  createElementVNode("p", _hoisted_26, toDisplayString(unref(formatDate)(initiative.value.releases[0].date, { dateOnly: true })), 1),
+                  createElementVNode("p", _hoisted_27, toDisplayString(initiative.value.releases[0].notes), 1)
+                ]),
+                createElementVNode("span", _hoisted_28, toDisplayString(initiative.value.releases[0].status), 1)
+              ])
+            ])) : createCommentVNode("", true),
+            initiative.value.team ? (openBlock(), createElementBlock("div", _hoisted_29, [
+              _cache[13] || (_cache[13] = createElementVNode("div", { class: "flex flex-justify-between flex-v-center mn-b-small" }, [
+                createElementVNode("h4", { class: "fw-medium" }, "Team")
+              ], -1)),
+              createElementVNode("div", _hoisted_30, [
+                initiative.value.team.owners && initiative.value.team.owners.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                  _cache[10] || (_cache[10] = createElementVNode("h5", { class: "p-micro t-dark fw-medium t-uppercase mn-b-small" }, "Owners", -1)),
+                  createElementVNode("div", _hoisted_32, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.team.owners.slice(0, 3), (member) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: member.id,
+                        class: "flex flex-v-center gap-thin"
+                      }, [
+                        createElementVNode("img", {
+                          src: member.avatar,
+                          alt: member.name,
+                          class: "i-medium radius-extra"
+                        }, null, 8, _hoisted_33),
+                        createElementVNode("span", _hoisted_34, toDisplayString(member.name), 1)
+                      ]);
+                    }), 128)),
+                    initiative.value.team.owners.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_35, "+" + toDisplayString(initiative.value.team.owners.length - 3) + " more", 1)) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true),
+                initiative.value.team.coreTeam && initiative.value.team.coreTeam.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_36, [
+                  _cache[11] || (_cache[11] = createElementVNode("h5", { class: "p-micro t-dark fw-medium t-uppercase mn-b-small" }, "Core Team", -1)),
+                  createElementVNode("div", _hoisted_37, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.team.coreTeam.slice(0, 3), (member) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: member.id,
+                        class: "flex flex-v-center gap-thin"
+                      }, [
+                        createElementVNode("img", {
+                          src: member.avatar,
+                          alt: member.name,
+                          class: "i-medium radius-extra"
+                        }, null, 8, _hoisted_38),
+                        createElementVNode("span", _hoisted_39, toDisplayString(member.name), 1)
+                      ]);
+                    }), 128)),
+                    initiative.value.team.coreTeam.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_40, "+" + toDisplayString(initiative.value.team.coreTeam.length - 3) + " more", 1)) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true),
+                initiative.value.team.contributors && initiative.value.team.contributors.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_41, [
+                  _cache[12] || (_cache[12] = createElementVNode("h5", { class: "p-micro t-dark fw-medium t-uppercase mn-b-small" }, "Contributors", -1)),
+                  createElementVNode("div", _hoisted_42, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.team.contributors.slice(0, 3), (member) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: member.id,
+                        class: "flex flex-v-center gap-thin"
+                      }, [
+                        createElementVNode("img", {
+                          src: member.avatar,
+                          alt: member.name,
+                          class: "i-medium radius-extra"
+                        }, null, 8, _hoisted_43),
+                        createElementVNode("span", _hoisted_44, toDisplayString(member.name), 1)
+                      ]);
+                    }), 128)),
+                    initiative.value.team.contributors.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_45, "+" + toDisplayString(initiative.value.team.contributors.length - 3) + " more", 1)) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true),
+            metrics.value ? (openBlock(), createElementBlock("div", _hoisted_46, [
+              _cache[20] || (_cache[20] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Key Metrics", -1)),
+              createElementVNode("div", _hoisted_47, [
+                createVNode(_component_router_link, {
+                  to: `/governance/initiatives/${unref(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" }
+                }, {
+                  default: withCtx(() => [
+                    _cache[14] || (_cache[14] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Task Progress", -1)),
+                    createElementVNode("div", _hoisted_48, toDisplayString(metrics.value.taskProgress) + "%", 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                createVNode(_component_router_link, {
+                  to: `/governance/initiatives/${unref(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" }
+                }, {
+                  default: withCtx(() => [
+                    _cache[15] || (_cache[15] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Sprint Progress", -1)),
+                    createElementVNode("div", _hoisted_49, toDisplayString(metrics.value.sprintProgress) + "%", 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                createElementVNode("div", _hoisted_50, [
+                  _cache[16] || (_cache[16] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Risk Index", -1)),
+                  createElementVNode("div", {
+                    class: normalizeClass(`p-small fw-medium t-capitalize pd-thin pd-x-thin radius-regular ${metrics.value.riskIndex === "low" ? "bg-green-small t-green-nice" : metrics.value.riskIndex === "medium" ? "bg-yellow-small t-yellow-nice" : "bg-red-small t-red-nice"}`)
+                  }, toDisplayString(metrics.value.riskIndex), 3)
+                ]),
+                createElementVNode("div", _hoisted_51, [
+                  _cache[17] || (_cache[17] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Availability", -1)),
+                  createElementVNode("div", _hoisted_52, toDisplayString(metrics.value.availabilityIndex) + "%", 1)
+                ]),
+                createElementVNode("div", _hoisted_53, [
+                  _cache[18] || (_cache[18] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Active Users", -1)),
+                  createElementVNode("div", _hoisted_54, toDisplayString(metrics.value.activeUsers), 1)
+                ]),
+                createElementVNode("div", _hoisted_55, [
+                  _cache[19] || (_cache[19] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Performance", -1)),
+                  createElementVNode("div", _hoisted_56, toDisplayString(metrics.value.performance) + "%", 1)
+                ])
+              ])
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          relatedVotings.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_57, [
+            createElementVNode("div", _hoisted_58, [
+              createElementVNode("div", _hoisted_59, [
+                createVNode(unref(IconSend), {
+                  class: "i-medium",
+                  fill: "rgb(var(--grey))"
+                }),
+                _cache[21] || (_cache[21] = createElementVNode("h3", { class: "p-semi fw-medium" }, "Governance & Approvals", -1))
+              ]),
+              createVNode(_component_router_link, {
+                to: `/governance/initiatives/${unref(route).params.id}/votings`,
+                class: "t-main hover:t-main-semi p-small fw-medium"
+              }, {
+                default: withCtx(() => _cache[22] || (_cache[22] = [
+                  createTextVNode(" View all votings ")
+                ])),
+                _: 1
+              }, 8, ["to"])
+            ]),
+            createElementVNode("div", _hoisted_60, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(relatedVotings.value.slice(0, 3), (voting) => {
+                return openBlock(), createBlock(_sfc_main$3, {
+                  key: voting._id || voting.id,
+                  voting
+                }, null, 8, ["voting"]);
+              }), 128))
+            ])
+          ])) : createCommentVNode("", true),
+          sprints.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_61, [
+            createElementVNode("div", _hoisted_62, [
+              createElementVNode("div", _hoisted_63, [
+                createVNode(unref(IconTime), {
+                  class: "i-medium",
+                  fill: "rgb(var(--grey))"
+                }),
+                _cache[23] || (_cache[23] = createElementVNode("h3", { class: "p-semi fw-medium" }, "Sprints", -1))
+              ]),
+              createVNode(_component_router_link, {
+                to: `/governance/initiatives/${unref(route).params.id}/sprints`,
+                class: "t-main hover:t-main-semi p-small fw-medium"
+              }, {
+                default: withCtx(() => _cache[24] || (_cache[24] = [
+                  createTextVNode(" View all ")
+                ])),
+                _: 1
+              }, 8, ["to"])
+            ]),
+            createElementVNode("div", _hoisted_64, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(sprints.value.slice(0, 6), (sprint) => {
+                return openBlock(), createBlock(_sfc_main$4, {
+                  key: sprint._id || sprint.id,
+                  sprint
+                }, null, 8, ["sprint"]);
+              }), 128))
+            ])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_65, [
+            createElementVNode("div", _hoisted_66, [
+              createVNode(unref(_sfc_main$5), {
+                class: "i-medium",
+                fill: "rgb(var(--grey))"
+              }),
+              _cache[25] || (_cache[25] = createElementVNode("h3", { class: "p-semi fw-medium" }, "Links, Artifacts & Repositories", -1))
+            ]),
+            createElementVNode("div", _hoisted_67, [
+              initiative.value.repositories && initiative.value.repositories.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_68, [
+                _cache[26] || (_cache[26] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Repositories", -1)),
+                createElementVNode("div", _hoisted_69, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.repositories, (repo, index) => {
+                    return openBlock(), createElementBlock("a", {
+                      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"
+                    }, [
+                      createVNode(unref(_sfc_main$6), {
+                        class: "i-regular",
+                        fill: "currentColor"
+                      }),
+                      createTextVNode(" " + toDisplayString(repo.path), 1)
+                    ], 8, _hoisted_70);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              initiative.value.links?.documentation && initiative.value.links.documentation.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_71, [
+                createElementVNode("h4", _hoisted_72, [
+                  createVNode(unref(_sfc_main$1), {
+                    class: "i-regular",
+                    fill: "currentColor"
+                  }),
+                  _cache[27] || (_cache[27] = createTextVNode(" Documentation "))
+                ]),
+                createElementVNode("div", _hoisted_73, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.links.documentation, (link, index) => {
+                    return openBlock(), createElementBlock("a", {
+                      key: index,
+                      href: link,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      class: "p-small t-main hover:t-main-semi flex flex-v-center gap-micro"
+                    }, [
+                      createVNode(unref(_sfc_main$6), {
+                        class: "i-regular",
+                        fill: "currentColor"
+                      }),
+                      createTextVNode(" " + toDisplayString(link.split("/").pop() || "Link"), 1)
+                    ], 8, _hoisted_74);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              initiative.value.links?.design && initiative.value.links.design.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_75, [
+                _cache[29] || (_cache[29] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Design", -1)),
+                createElementVNode("div", _hoisted_76, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.links.design, (link, index) => {
+                    return openBlock(), createElementBlock("a", {
+                      key: index,
+                      href: link,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      class: "p-small t-main hover:t-main-semi flex flex-v-center gap-micro"
+                    }, [
+                      createVNode(unref(_sfc_main$6), {
+                        class: "i-regular",
+                        fill: "currentColor"
+                      }),
+                      _cache[28] || (_cache[28] = createTextVNode(" Figma "))
+                    ], 8, _hoisted_77);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              initiative.value.links?.cicd && initiative.value.links.cicd.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_78, [
+                _cache[31] || (_cache[31] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "CI/CD", -1)),
+                createElementVNode("div", _hoisted_79, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.links.cicd, (link, index) => {
+                    return openBlock(), createElementBlock("a", {
+                      key: index,
+                      href: link,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      class: "p-small t-main hover:t-main-semi flex flex-v-center gap-micro"
+                    }, [
+                      createVNode(unref(_sfc_main$6), {
+                        class: "i-regular",
+                        fill: "currentColor"
+                      }),
+                      _cache[30] || (_cache[30] = createTextVNode(" Pipelines "))
+                    ], 8, _hoisted_80);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              initiative.value.links?.monitoring && initiative.value.links.monitoring.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_81, [
+                _cache[33] || (_cache[33] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Monitoring", -1)),
+                createElementVNode("div", _hoisted_82, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.links.monitoring, (link, index) => {
+                    return openBlock(), createElementBlock("a", {
+                      key: index,
+                      href: link,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      class: "p-small t-main hover:t-main-semi flex flex-v-center gap-micro"
+                    }, [
+                      createVNode(unref(_sfc_main$6), {
+                        class: "i-regular",
+                        fill: "currentColor"
+                      }),
+                      _cache[32] || (_cache[32] = createTextVNode(" Grafana "))
+                    ], 8, _hoisted_83);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              initiative.value.links?.analytics && initiative.value.links.analytics.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_84, [
+                _cache[35] || (_cache[35] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Analytics", -1)),
+                createElementVNode("div", _hoisted_85, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.links.analytics, (link, index) => {
+                    return openBlock(), createElementBlock("a", {
+                      key: index,
+                      href: link,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      class: "p-small t-main hover:t-main-semi flex flex-v-center gap-micro"
+                    }, [
+                      createVNode(unref(_sfc_main$6), {
+                        class: "i-regular",
+                        fill: "currentColor"
+                      }),
+                      _cache[34] || (_cache[34] = createTextVNode(" Dashboard "))
+                    ], 8, _hoisted_86);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true)
+            ]),
+            initiative.value.environments && initiative.value.environments.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_87, [
+              _cache[37] || (_cache[37] = createElementVNode("h4", { class: "fw-medium mn-b-small" }, "Environments", -1)),
+              createElementVNode("div", _hoisted_88, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(initiative.value.environments, (env, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: index,
+                    class: "br-black-transp-10 br-1px radius-medium pd-medium"
+                  }, [
+                    createElementVNode("div", _hoisted_89, [
+                      createElementVNode("h5", _hoisted_90, toDisplayString(env.name), 1),
+                      createElementVNode("span", {
+                        class: normalizeClass(`pd-micro pd-x-thin radius-regular p-micro fw-medium ${env.status === "healthy" ? "bg-green-small t-green-nice" : "bg-red-small t-red-nice"}`)
+                      }, toDisplayString(env.status), 3)
+                    ]),
+                    createElementVNode("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"
+                    }, [
+                      createVNode(unref(_sfc_main$6), {
+                        class: "i-regular",
+                        fill: "currentColor"
+                      }),
+                      _cache[36] || (_cache[36] = createTextVNode(" Open "))
+                    ], 8, _hoisted_91),
+                    createElementVNode("p", _hoisted_92, "Version: " + toDisplayString(env.version), 1)
+                  ]);
+                }), 128))
+              ])
+            ])) : createCommentVNode("", true)
+          ])
+        ])
+      ]));
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Initiative.vue.js.map