@gxp-dev/mod-ui 2.0.0

package/dist/components/compositions/elements/card/ListCard.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as C, computed as c, openBlock as t, createBlock as r, unref as l, normalizeClass as d, withCtx as s, createTextVNode as p, toDisplayString as _, createCommentVNode as n, createVNode as h, normalizeStyle as y, createElementBlock as m, Fragment as g, renderList as k } from "vue";
+import "../../../ui/card/index.js";
+import x from "../../../../engine/ElementRenderer.vue.js";
+import { cn as v } from "../../../../lib/utils.js";
+import $ from "../../../ui/card/Card.vue.js";
+import L from "../../../ui/card/CardHeader.vue.js";
+import w from "../../../ui/card/CardTitle.vue.js";
+import B from "../../../ui/card/CardDescription.vue.js";
+import N from "../../../ui/card/CardContent.vue.js";
+const E = {
+  key: 0,
+  class: "py-3 text-sm text-muted-foreground"
+}, q = /* @__PURE__ */ C({
+  __name: "ListCard",
+  props: {
+    label: {},
+    title: {},
+    subtitle: {},
+    showCard: { type: Boolean, default: !0 },
+    gutterY: { default: "1rem" },
+    gutterX: { default: "0" },
+    nestedElements: { default: () => [] },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  setup(b) {
+    const e = b, u = c(() => e.title ?? e.label), i = c(
+      () => (e.nestedElements ?? []).filter(
+        (o) => typeof o == "object" && o !== null && typeof o.type == "string"
+      )
+    ), f = c(() => ({
+      rowGap: e.gutterY,
+      columnGap: e.gutterX
+    }));
+    return (o, S) => e.showCard !== !1 ? (t(), r(l($), {
+      key: 0,
+      class: d(l(v)(e.classList)),
+      "data-element-list-card": ""
+    }, {
+      default: s(() => [
+        u.value || e.subtitle ? (t(), r(l(L), { key: 0 }, {
+          default: s(() => [
+            u.value ? (t(), r(l(w), { key: 0 }, {
+              default: s(() => [
+                p(_(u.value), 1)
+              ]),
+              _: 1
+            })) : n("", !0),
+            e.subtitle ? (t(), r(l(B), { key: 1 }, {
+              default: s(() => [
+                p(_(e.subtitle), 1)
+              ]),
+              _: 1
+            })) : n("", !0)
+          ]),
+          _: 1
+        })) : n("", !0),
+        h(l(N), {
+          class: "flex flex-col",
+          style: y(f.value)
+        }, {
+          default: s(() => [
+            (t(!0), m(g, null, k(i.value, (a) => (t(), r(x, {
+              key: a.id,
+              element: a,
+              item: e.item
+            }, null, 8, ["element", "item"]))), 128)),
+            i.value.length ? n("", !0) : (t(), m("p", E, " No elements configured. "))
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ]),
+      _: 1
+    }, 8, ["class"])) : (t(), m("div", {
+      key: 1,
+      class: d(["flex flex-col", l(v)(e.classList)]),
+      style: y(f.value),
+      "data-element-list-card": ""
+    }, [
+      (t(!0), m(g, null, k(i.value, (a) => (t(), r(x, {
+        key: a.id,
+        element: a,
+        item: e.item
+      }, null, 8, ["element", "item"]))), 128))
+    ], 6));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=ListCard.vue2.js.map

package/dist/components/compositions/elements/card/ListCard.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCard.vue2.js","sources":["../../../../../src/components/compositions/elements/card/ListCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.list` element composition.\n *\n * Renders a vertical stack of nested child elements inside an optional\n * Card chrome. Acts as the element-tier equivalent of `ElementListCard`\n * and replaces `configuration-block.elements-block` as the canonical\n * inline element container.\n *\n * In the FormBuilder the canvas resolves `elementList` IDs → objects and\n * passes them here as `nestedElements`. In static JSON the host can also\n * supply `nestedElements` directly.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ListCardProps {\n  label?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  /** Resolved child elements passed by the engine / FormBuilder canvas. */\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ListCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst children = computed(() =>\n  (props.nestedElements ?? []).filter(\n    (e): boolean =>\n      typeof e === \"object\" &&\n      e !== null &&\n      typeof (e as Record<string, unknown>).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n</script>\n\n<template>\n  <Card\n    v-if=\"props.showCard !== false\"\n    :class=\"cn(props.classList)\"\n    data-element-list-card\n  >\n    <CardHeader v-if=\"heading || props.subtitle\">\n      <CardTitle v-if=\"heading\">{{ heading }}</CardTitle>\n      <CardDescription v-if=\"props.subtitle\">{{ props.subtitle }}</CardDescription>\n    </CardHeader>\n    <CardContent class=\"flex flex-col\" :style=\"bodyStyle\">\n      <ElementRenderer\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :element=\"child\"\n        :item=\"props.item\"\n      />\n      <p v-if=\"!children.length\" class=\"py-3 text-sm text-muted-foreground\">\n        No elements configured.\n      </p>\n    </CardContent>\n  </Card>\n\n  <div\n    v-else\n    class=\"flex flex-col\"\n    :class=\"cn(props.classList)\"\n    :style=\"bodyStyle\"\n    data-element-list-card\n  >\n    <ElementRenderer\n      v-for=\"child in children\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","heading","computed","children","e","bodyStyle","_createBlock","_unref","Card","_normalizeClass","cn","CardHeader","CardTitle","CardDescription","_createTextVNode","_toDisplayString","_createVNode","CardContent","_createElementBlock","_Fragment","_renderList","child","ElementRenderer","_hoisted_1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAMA,IAAQC,GAQRC,IAAUC,EAAS,MAAMH,EAAM,SAASA,EAAM,KAAK,GAEnDI,IAAWD;AAAA,MAAS,OACvBH,EAAM,kBAAkB,CAAA,GAAI;AAAA,QAC3B,CAACK,MACC,OAAOA,KAAM,YACbA,MAAM,QACN,OAAQA,EAA8B,QAAS;AAAA,MAAA;AAAA,IACnD,GAGIC,IAAYH,EAAS,OAAO;AAAA,MAChC,QAAQH,EAAM;AAAA,MACd,WAAWA,EAAM;AAAA,IAAA,EACjB;qBAKQA,EAAM,aAAQ,WADtBO,EAoBOC,EAAAC,CAAA,GAAA;AAAA;MAlBJ,OAAKC,EAAEF,EAAAG,CAAA,EAAGX,EAAM,SAAS,CAAA;AAAA,MAC1B,0BAAA;AAAA,IAAA;iBAEA,MAGa;AAAA,QAHKE,EAAA,SAAWF,EAAM,iBAAnCO,EAGaC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBAFX,MAAmD;AAAA,YAAlCV,EAAA,cAAjBK,EAAmDC,EAAAK,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBAAzB,MAAa;AAAA,oBAAVX,EAAA,KAAO,GAAA,CAAA;AAAA,cAAA;;;YACbF,EAAM,iBAA7BO,EAA6EC,EAAAM,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBAAtC,MAAoB;AAAA,gBAAjBC,EAAAC,EAAAhB,EAAM,QAAQ,GAAA,CAAA;AAAA,cAAA;;;;;;QAE1DiB,EAUcT,EAAAU,CAAA,GAAA;AAAA,UAVD,OAAM;AAAA,UAAiB,SAAOZ,EAAA,KAAS;AAAA,QAAA;qBAEhD,MAAyB;AAAA,oBAD3Ba,EAKEC,GAAA,MAAAC,EAJgBjB,EAAA,OAAQ,CAAjBkB,YADTf,EAKEgB,GAAA;AAAA,cAHC,KAAKD,EAAM;AAAA,cACX,SAASA;AAAA,cACT,MAAMtB,EAAM;AAAA,YAAA;YAELI,EAAA,MAAS,2BAAnBe,EAEI,KAFJK,GAAsE,2BAEtE;AAAA;;;;;8BAIJL,EAaM,OAAA;AAAA;MAXJ,UAAM,iBACEX,KAAGR,EAAM,SAAS,CAAA,CAAA;AAAA,MACzB,SAAOM,EAAA,KAAS;AAAA,MACjB,0BAAA;AAAA,IAAA;cAEAa,EAKEC,GAAA,MAAAC,EAJgBjB,EAAA,OAAQ,CAAjBkB,YADTf,EAKEgB,GAAA;AAAA,QAHC,KAAKD,EAAM;AAAA,QACX,SAASA;AAAA,QACT,MAAMtB,EAAM;AAAA,MAAA;;;;"}

package/dist/components/compositions/elements/card/TabCard.vue.js

@@ -0,0 +1,5 @@
+import f from "./TabCard.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TabCard.vue.js.map

package/dist/components/compositions/elements/card/TabCard.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabCard.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/card/TabCard.vue2.js

@@ -0,0 +1,153 @@
+import { defineComponent as E, computed as _, ref as S, openBlock as t, createBlock as o, unref as l, normalizeClass as x, withCtx as r, createElementVNode as z, toDisplayString as v, createCommentVNode as c, createVNode as y, createElementBlock as s, Fragment as m, renderList as d, createTextVNode as h, normalizeStyle as V } from "vue";
+import "../../../ui/card/index.js";
+import "../../../ui/tabs/index.js";
+import b from "../../../../engine/ElementRenderer.vue.js";
+import { cn as $ } from "../../../../lib/utils.js";
+import G from "../../../ui/card/Card.vue.js";
+import U from "../../../ui/card/CardHeader.vue.js";
+import X from "../../../ui/card/CardContent.vue.js";
+import C from "../../../ui/tabs/Tabs.vue.js";
+import T from "../../../ui/tabs/TabsList.vue.js";
+import N from "../../../ui/tabs/TabsTrigger.vue.js";
+import w from "../../../ui/tabs/TabsContent.vue.js";
+const Y = { class: "text-base font-semibold" }, j = {
+  key: 0,
+  class: "py-3 text-sm text-muted-foreground"
+}, D = {
+  key: 0,
+  class: "py-3 text-sm text-muted-foreground"
+}, W = /* @__PURE__ */ E({
+  __name: "TabCard",
+  props: {
+    label: {},
+    title: {},
+    showCard: { type: Boolean, default: !0 },
+    gutterY: { default: "1rem" },
+    gutterX: { default: "0" },
+    tabs: { default: () => [] },
+    activeTab: { default: 0 },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  setup(B) {
+    const a = B, n = _(
+      () => (a.tabs ?? []).map((i) => ({
+        ...i,
+        children: (i.nestedElements ?? []).filter(
+          (u) => typeof u == "object" && u !== null && typeof u.type == "string"
+        )
+      }))
+    ), L = _(
+      () => {
+        var i, u;
+        return ((i = n.value[a.activeTab ?? 0]) == null ? void 0 : i.id) ?? ((u = n.value[0]) == null ? void 0 : u.id) ?? "";
+      }
+    ), p = S(L.value), g = _(() => ({
+      rowGap: a.gutterY,
+      columnGap: a.gutterX
+    })), k = _(() => a.title ?? a.label);
+    return (i, u) => a.showCard !== !1 ? (t(), o(l(G), {
+      key: 0,
+      class: x(l($)(a.classList))
+    }, {
+      default: r(() => [
+        k.value ? (t(), o(l(U), { key: 0 }, {
+          default: r(() => [
+            z("span", Y, v(k.value), 1)
+          ]),
+          _: 1
+        })) : c("", !0),
+        y(l(X), null, {
+          default: r(() => [
+            y(l(C), {
+              modelValue: p.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (e) => p.value = e)
+            }, {
+              default: r(() => [
+                n.value.length ? (t(), o(l(T), { key: 0 }, {
+                  default: r(() => [
+                    (t(!0), s(m, null, d(n.value, (e) => (t(), o(l(N), {
+                      key: e.id,
+                      value: e.id
+                    }, {
+                      default: r(() => [
+                        h(v(e.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                })) : c("", !0),
+                (t(!0), s(m, null, d(n.value, (e) => (t(), o(l(w), {
+                  key: e.id,
+                  value: e.id,
+                  class: "flex flex-col pt-3",
+                  style: V(g.value)
+                }, {
+                  default: r(() => [
+                    (t(!0), s(m, null, d(e.children, (f) => (t(), o(b, {
+                      key: f.id,
+                      element: f,
+                      item: a.item
+                    }, null, 8, ["element", "item"]))), 128)),
+                    e.children.length ? c("", !0) : (t(), s("p", j, " No elements configured for this tab. "))
+                  ]),
+                  _: 2
+                }, 1032, ["value", "style"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            n.value.length ? c("", !0) : (t(), s("p", D, " No tabs configured. "))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class"])) : (t(), s("div", {
+      key: 1,
+      class: x(l($)(a.classList))
+    }, [
+      y(l(C), {
+        modelValue: p.value,
+        "onUpdate:modelValue": u[1] || (u[1] = (e) => p.value = e)
+      }, {
+        default: r(() => [
+          n.value.length ? (t(), o(l(T), { key: 0 }, {
+            default: r(() => [
+              (t(!0), s(m, null, d(n.value, (e) => (t(), o(l(N), {
+                key: e.id,
+                value: e.id
+              }, {
+                default: r(() => [
+                  h(v(e.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          })) : c("", !0),
+          (t(!0), s(m, null, d(n.value, (e) => (t(), o(l(w), {
+            key: e.id,
+            value: e.id,
+            class: "flex flex-col pt-3",
+            style: V(g.value)
+          }, {
+            default: r(() => [
+              (t(!0), s(m, null, d(e.children, (f) => (t(), o(b, {
+                key: f.id,
+                element: f,
+                item: a.item
+              }, null, 8, ["element", "item"]))), 128))
+            ]),
+            _: 2
+          }, 1032, ["value", "style"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ], 2));
+  }
+});
+export {
+  W as default
+};
+//# sourceMappingURL=TabCard.vue2.js.map

package/dist/components/compositions/elements/card/TabCard.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabCard.vue2.js","sources":["../../../../../src/components/compositions/elements/card/TabCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.tab` element composition.\n *\n * Renders a tabbed container. Each tab in `tabs` owns an optional\n * `nestedElements` array of resolved child elements. In the FormBuilder\n * each tab's `elementList` IDs are resolved before being forwarded here.\n */\nimport { computed, ref } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n} from \"@/components/ui/card\"\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\ninterface TabEntry {\n  id: string\n  label: string\n  nestedElements?: Array<Record<string, unknown>>\n}\n\nexport interface TabCardProps {\n  label?: string\n  title?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  /** Tab definitions including resolved child elements. */\n  tabs?: TabEntry[]\n  activeTab?: number\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<TabCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  tabs: () => [],\n  activeTab: 0,\n  item: () => ({}),\n})\n\nconst resolvedTabs = computed(() =>\n  (props.tabs ?? []).map((tab) => ({\n    ...tab,\n    children: (tab.nestedElements ?? []).filter(\n      (e): boolean =>\n        typeof e === \"object\" &&\n        e !== null &&\n        typeof (e as Record<string, unknown>).type === \"string\",\n    ) as unknown as CardElement[],\n  })),\n)\n\nconst activeTabId = computed(\n  () => resolvedTabs.value[props.activeTab ?? 0]?.id ?? resolvedTabs.value[0]?.id ?? \"\",\n)\nconst currentTab = ref(activeTabId.value)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n\nconst heading = computed(() => props.title ?? props.label)\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <CardHeader v-if=\"heading\">\n      <span class=\"text-base font-semibold\">{{ heading }}</span>\n    </CardHeader>\n    <CardContent>\n      <Tabs v-model=\"currentTab\">\n        <TabsList v-if=\"resolvedTabs.length\">\n          <TabsTrigger\n            v-for=\"tab in resolvedTabs\"\n            :key=\"tab.id\"\n            :value=\"tab.id\"\n          >\n            {{ tab.label }}\n          </TabsTrigger>\n        </TabsList>\n        <TabsContent\n          v-for=\"tab in resolvedTabs\"\n          :key=\"tab.id\"\n          :value=\"tab.id\"\n          class=\"flex flex-col pt-3\"\n          :style=\"bodyStyle\"\n        >\n          <ElementRenderer\n            v-for=\"child in tab.children\"\n            :key=\"child.id\"\n            :element=\"child\"\n            :item=\"props.item\"\n          />\n          <p v-if=\"!tab.children.length\" class=\"py-3 text-sm text-muted-foreground\">\n            No elements configured for this tab.\n          </p>\n        </TabsContent>\n      </Tabs>\n      <p v-if=\"!resolvedTabs.length\" class=\"py-3 text-sm text-muted-foreground\">\n        No tabs configured.\n      </p>\n    </CardContent>\n  </Card>\n\n  <div v-else :class=\"cn(props.classList)\">\n    <Tabs v-model=\"currentTab\">\n      <TabsList v-if=\"resolvedTabs.length\">\n        <TabsTrigger\n          v-for=\"tab in resolvedTabs\"\n          :key=\"tab.id\"\n          :value=\"tab.id\"\n        >\n          {{ tab.label }}\n        </TabsTrigger>\n      </TabsList>\n      <TabsContent\n        v-for=\"tab in resolvedTabs\"\n        :key=\"tab.id\"\n        :value=\"tab.id\"\n        class=\"flex flex-col pt-3\"\n        :style=\"bodyStyle\"\n      >\n        <ElementRenderer\n          v-for=\"child in tab.children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n      </TabsContent>\n    </Tabs>\n  </div>\n</template>\n"],"names":["props","__props","resolvedTabs","computed","tab","e","activeTabId","_a","_b","currentTab","ref","bodyStyle","heading","_createBlock","_unref","Card","_normalizeClass","cn","CardHeader","_createElementVNode","_hoisted_1","_toDisplayString","_createVNode","CardContent","Tabs","$event","TabsList","_createElementBlock","_Fragment","_renderList","TabsTrigger","_createTextVNode","TabsContent","_openBlock","child","ElementRenderer","_hoisted_2","_hoisted_3"],"mappings":"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"}

package/dist/components/compositions/elements/code/BuildStatus.vue.js

@@ -0,0 +1,5 @@
+import f from "./BuildStatus.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=BuildStatus.vue.js.map

package/dist/components/compositions/elements/code/BuildStatus.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildStatus.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/code/BuildStatus.vue2.js

@@ -0,0 +1,249 @@
+import { defineComponent as O, ref as y, watch as X, onMounted as q, onBeforeUnmount as G, computed as v, openBlock as n, createBlock as h, unref as i, normalizeClass as N, withCtx as m, createVNode as u, createElementVNode as c, toDisplayString as l, resolveDynamicComponent as V, createElementBlock as o, createCommentVNode as d, createTextVNode as M, Fragment as D, renderList as K } from "vue";
+import { Clock as U, Ban as P, XCircle as Q, CheckCircle2 as W, Loader2 as Y, Activity as Z, AlertTriangle as tt, ChevronDown as et, ChevronRight as st } from "lucide-vue-next";
+import "../../../ui/badge/index.js";
+import "../../../ui/button/index.js";
+import "../../../ui/card/index.js";
+import { cn as j } from "../../../../lib/utils.js";
+import at from "../../../ui/card/Card.vue.js";
+import it from "../../../ui/card/CardHeader.vue.js";
+import nt from "../../../ui/card/CardTitle.vue.js";
+import rt from "../../../ui/badge/Badge.vue.js";
+import lt from "../../../ui/card/CardContent.vue.js";
+import ot from "../../../ui/button/Button.vue.js";
+const ut = { class: "flex items-center justify-between gap-2" }, ct = { class: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground" }, dt = {
+  key: 0,
+  class: "font-mono",
+  "data-testid": "build-status-sha"
+}, mt = {
+  key: 1,
+  class: "truncate",
+  "data-testid": "build-status-commit-message"
+}, gt = {
+  key: 2,
+  "data-testid": "build-status-triggered-by"
+}, ft = {
+  key: 3,
+  class: "flex items-center gap-1",
+  "data-testid": "build-status-duration"
+}, vt = {
+  key: 0,
+  class: "text-xs text-destructive",
+  role: "alert",
+  "data-testid": "build-status-parse-error"
+}, pt = {
+  key: 0,
+  class: "max-h-80 overflow-auto rounded-md bg-muted p-3 font-mono text-xs leading-snug",
+  "data-testid": "build-status-logs"
+}, $t = /* @__PURE__ */ O({
+  __name: "BuildStatus",
+  props: {
+    initial: {},
+    eventStream: {},
+    socket: {},
+    onUnsubscribe: {},
+    showLogs: { type: Boolean, default: !0 },
+    label: { default: "Build Status" },
+    name: {},
+    classList: {}
+  },
+  setup(R, { expose: T }) {
+    var S, k, w, C, $, z, L, E;
+    const a = R, s = y({
+      status: ((S = a.initial) == null ? void 0 : S.status) ?? "pending",
+      startedAt: (k = a.initial) == null ? void 0 : k.startedAt,
+      finishedAt: (w = a.initial) == null ? void 0 : w.finishedAt,
+      durationMs: (C = a.initial) == null ? void 0 : C.durationMs,
+      commitSha: ($ = a.initial) == null ? void 0 : $.commitSha,
+      commitMessage: (z = a.initial) == null ? void 0 : z.commitMessage,
+      triggeredBy: (L = a.initial) == null ? void 0 : L.triggeredBy,
+      logs: (E = a.initial) != null && E.logs ? [...a.initial.logs] : []
+    }), g = y(!0), p = y(null);
+    X(
+      () => a.initial,
+      (t) => {
+        t && (s.value = {
+          status: t.status,
+          startedAt: t.startedAt,
+          finishedAt: t.finishedAt,
+          durationMs: t.durationMs,
+          commitSha: t.commitSha,
+          commitMessage: t.commitMessage,
+          triggeredBy: t.triggeredBy,
+          logs: t.logs ? [...t.logs] : []
+        });
+      },
+      { deep: !0 }
+    );
+    function _(t) {
+      if (!t || typeof t != "object")
+        return;
+      const e = t;
+      s.value = {
+        status: e.status ?? s.value.status,
+        startedAt: e.startedAt ?? s.value.startedAt,
+        finishedAt: e.finishedAt ?? s.value.finishedAt,
+        durationMs: e.durationMs !== void 0 ? e.durationMs : s.value.durationMs,
+        commitSha: e.commitSha ?? s.value.commitSha,
+        commitMessage: e.commitMessage ?? s.value.commitMessage,
+        triggeredBy: e.triggeredBy ?? s.value.triggeredBy,
+        logs: Array.isArray(e.logs) ? e.logs : s.value.logs
+      };
+    }
+    function F(t) {
+      const e = t.data;
+      if (typeof e == "string")
+        try {
+          _(JSON.parse(e)), p.value = null;
+        } catch (r) {
+          p.value = r instanceof Error ? r.message : String(r);
+        }
+      else e && typeof e == "object" && _(e);
+    }
+    let f = null;
+    q(() => {
+      const t = a.eventStream ?? a.socket;
+      if (!t)
+        return;
+      const e = (r) => {
+        F(r);
+      };
+      t.addEventListener("message", e), f = { target: t, handler: e };
+    }), G(() => {
+      f && (f.target.removeEventListener("message", f.handler), f = null), a.onUnsubscribe && a.onUnsubscribe();
+    });
+    const H = v(() => {
+      switch (s.value.status) {
+        case "running":
+          return "info";
+        case "success":
+          return "success";
+        case "failed":
+          return "destructive";
+        case "cancelled":
+          return "warning";
+        case "pending":
+        default:
+          return "secondary";
+      }
+    }), I = v(() => {
+      switch (s.value.status) {
+        case "running":
+          return Y;
+        case "success":
+          return W;
+        case "failed":
+          return Q;
+        case "cancelled":
+          return P;
+        case "pending":
+        default:
+          return U;
+      }
+    });
+    function J(t) {
+      if (t === void 0 || Number.isNaN(t))
+        return "";
+      const e = Math.round(t / 1e3);
+      if (e < 60)
+        return `${e}s`;
+      const r = Math.floor(e / 60), b = e % 60;
+      return `${r}m ${b}s`;
+    }
+    const x = v(() => {
+      const t = s.value.commitSha;
+      return t ? t.length > 7 ? t.slice(0, 7) : t : "";
+    }), A = v(
+      () => J(s.value.durationMs)
+    ), B = v(() => s.value.status === "running");
+    return T({ applyEvent: _ }), (t, e) => (n(), h(i(at), {
+      class: N(i(j)(a.classList)),
+      "data-element-name": a.name ?? void 0,
+      "data-testid": "build-status"
+    }, {
+      default: m(() => [
+        u(i(it), { class: "flex flex-col gap-2 pb-3" }, {
+          default: m(() => [
+            c("div", ut, [
+              u(i(nt), { class: "flex items-center gap-2 text-base" }, {
+                default: m(() => [
+                  u(i(Z), { class: "size-5 text-muted-foreground" }),
+                  c("span", null, l(a.label), 1)
+                ]),
+                _: 1
+              }),
+              u(i(rt), {
+                variant: H.value,
+                size: "default",
+                class: "capitalize",
+                "data-testid": "build-status-badge"
+              }, {
+                default: m(() => [
+                  (n(), h(V(I.value), {
+                    class: N(
+                      i(j)(
+                        "size-3.5",
+                        B.value ? "animate-spin" : ""
+                      )
+                    ),
+                    "data-testid": B.value ? "build-status-spinner" : "build-status-icon"
+                  }, null, 8, ["class", "data-testid"])),
+                  c("span", null, l(s.value.status), 1)
+                ]),
+                _: 1
+              }, 8, ["variant"])
+            ]),
+            c("div", ct, [
+              x.value ? (n(), o("span", dt, l(x.value), 1)) : d("", !0),
+              s.value.commitMessage ? (n(), o("span", mt, l(s.value.commitMessage), 1)) : d("", !0),
+              s.value.triggeredBy ? (n(), o("span", gt, " by " + l(s.value.triggeredBy), 1)) : d("", !0),
+              A.value ? (n(), o("span", ft, [
+                u(i(U), { class: "size-3" }),
+                M(" " + l(A.value), 1)
+              ])) : d("", !0)
+            ]),
+            p.value ? (n(), o("p", vt, [
+              u(i(tt), { class: "inline size-3" }),
+              M(" " + l(p.value), 1)
+            ])) : d("", !0)
+          ]),
+          _: 1
+        }),
+        a.showLogs && s.value.logs && s.value.logs.length > 0 ? (n(), h(i(lt), {
+          key: 0,
+          class: "flex flex-col gap-2 pt-0"
+        }, {
+          default: m(() => [
+            u(i(ot), {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              class: "w-fit -ml-2 text-xs",
+              "data-testid": "build-status-logs-toggle",
+              onClick: e[0] || (e[0] = (r) => g.value = !g.value)
+            }, {
+              default: m(() => [
+                (n(), h(V(g.value ? i(et) : i(st)), { class: "size-4" })),
+                c("span", null, l(g.value ? "Hide logs" : "Show logs") + " (" + l(s.value.logs.length) + ")", 1)
+              ]),
+              _: 1
+            }),
+            g.value ? (n(), o("pre", pt, [
+              c("code", null, [
+                (n(!0), o(D, null, K(s.value.logs, (r, b) => (n(), o(D, { key: b }, [
+                  M(l(r), 1),
+                  e[1] || (e[1] = c("br", null, null, -1))
+                ], 64))), 128))
+              ])
+            ])) : d("", !0)
+          ]),
+          _: 1
+        })) : d("", !0)
+      ]),
+      _: 1
+    }, 8, ["class", "data-element-name"]));
+  }
+});
+export {
+  $t as default
+};
+//# sourceMappingURL=BuildStatus.vue2.js.map

package/dist/components/compositions/elements/code/BuildStatus.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildStatus.vue2.js","sources":["../../../../../src/components/compositions/elements/code/BuildStatus.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven real-time build status composition. Subscribes to an\n * `EventSource` OR `WebSocket` (whichever is provided) and renders the\n * latest decoded `BuildStatusEvent`. The composition does NOT open or\n * close the underlying stream — the caller owns its lifecycle. The\n * optional `onUnsubscribe` callback fires on unmount for any extra\n * cleanup the caller wants.\n *\n *   <BuildStatus\n *     :initial=\"{ status: 'pending' }\"\n *     :event-stream=\"es\"\n *     :on-unsubscribe=\"() => es.close()\"\n *   />\n */\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\"\nimport {\n  Activity,\n  AlertTriangle,\n  Ban,\n  CheckCircle2,\n  ChevronDown,\n  ChevronRight,\n  Clock,\n  Loader2,\n  XCircle,\n} from \"lucide-vue-next\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { cn } from \"@/lib/utils\"\n\nexport type BuildStatusValue =\n  | \"pending\"\n  | \"running\"\n  | \"success\"\n  | \"failed\"\n  | \"cancelled\"\n\nexport interface BuildStatusEvent {\n  status: BuildStatusValue\n  startedAt?: string | Date\n  finishedAt?: string | Date\n  durationMs?: number\n  commitSha?: string\n  commitMessage?: string\n  triggeredBy?: string\n  logs?: string[]\n}\n\ninterface MessageEventLike {\n  data?: unknown\n}\ninterface EventListenerTarget {\n  addEventListener: (type: string, listener: (e: MessageEventLike) => void) => void\n  removeEventListener: (\n    type: string,\n    listener: (e: MessageEventLike) => void,\n  ) => void\n}\n\nexport interface BuildStatusProps {\n  /** Initial status to show before the stream emits. */\n  initial?: BuildStatusEvent\n  /** Optional EventSource to subscribe to (`message` events). */\n  eventStream?: EventListenerTarget\n  /** Optional WebSocket to subscribe to (`message` events). */\n  socket?: EventListenerTarget\n  /** Cleanup callback fired on unmount. The composition does NOT close\n   *  the underlying stream itself — caller owns the lifecycle. */\n  onUnsubscribe?: () => void\n  /** When true, render `logs[]` as a collapsible monospace block. */\n  showLogs?: boolean\n  label?: string\n  name?: string | null\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<BuildStatusProps>(), {\n  showLogs: true,\n  label: \"Build Status\",\n})\n\nconst current = ref<BuildStatusEvent>({\n  status: props.initial?.status ?? \"pending\",\n  startedAt: props.initial?.startedAt,\n  finishedAt: props.initial?.finishedAt,\n  durationMs: props.initial?.durationMs,\n  commitSha: props.initial?.commitSha,\n  commitMessage: props.initial?.commitMessage,\n  triggeredBy: props.initial?.triggeredBy,\n  logs: props.initial?.logs ? [...props.initial.logs] : [],\n})\n\nconst logsExpanded = ref<boolean>(true)\nconst parseError = ref<string | null>(null)\n\nwatch(\n  () => props.initial,\n  (next) => {\n    if (!next) {\n      return\n    }\n    current.value = {\n      status: next.status,\n      startedAt: next.startedAt,\n      finishedAt: next.finishedAt,\n      durationMs: next.durationMs,\n      commitSha: next.commitSha,\n      commitMessage: next.commitMessage,\n      triggeredBy: next.triggeredBy,\n      logs: next.logs ? [...next.logs] : [],\n    }\n  },\n  { deep: true },\n)\n\nfunction applyEvent(payload: unknown): void {\n  if (!payload || typeof payload !== \"object\") {\n    return\n  }\n  const next = payload as Partial<BuildStatusEvent>\n  current.value = {\n    status: (next.status as BuildStatusValue) ?? current.value.status,\n    startedAt: next.startedAt ?? current.value.startedAt,\n    finishedAt: next.finishedAt ?? current.value.finishedAt,\n    durationMs:\n      next.durationMs !== undefined ? next.durationMs : current.value.durationMs,\n    commitSha: next.commitSha ?? current.value.commitSha,\n    commitMessage: next.commitMessage ?? current.value.commitMessage,\n    triggeredBy: next.triggeredBy ?? current.value.triggeredBy,\n    logs: Array.isArray(next.logs) ? next.logs : current.value.logs,\n  }\n}\n\nfunction handleMessage(e: MessageEventLike): void {\n  const raw = e.data\n  if (typeof raw === \"string\") {\n    try {\n      applyEvent(JSON.parse(raw))\n      parseError.value = null\n    } catch (err) {\n      parseError.value = err instanceof Error ? err.message : String(err)\n    }\n  } else if (raw && typeof raw === \"object\") {\n    applyEvent(raw)\n  }\n}\n\nlet attached: { target: EventListenerTarget; handler: (e: MessageEventLike) => void } | null = null\n\nonMounted(() => {\n  const target = props.eventStream ?? props.socket\n  if (!target) {\n    return\n  }\n  const handler = (e: MessageEventLike): void => {\n    handleMessage(e)\n  }\n  target.addEventListener(\"message\", handler)\n  attached = { target, handler }\n})\n\nonBeforeUnmount(() => {\n  if (attached) {\n    attached.target.removeEventListener(\"message\", attached.handler)\n    attached = null\n  }\n  if (props.onUnsubscribe) {\n    props.onUnsubscribe()\n  }\n})\n\n// -------- visual helpers ------------------------------------------------\n\nconst statusBadgeVariant = computed<\n  \"secondary\" | \"info\" | \"success\" | \"destructive\" | \"warning\"\n>(() => {\n  switch (current.value.status) {\n    case \"running\":\n      return \"info\"\n    case \"success\":\n      return \"success\"\n    case \"failed\":\n      return \"destructive\"\n    case \"cancelled\":\n      return \"warning\"\n    case \"pending\":\n    default:\n      return \"secondary\"\n  }\n})\n\nconst statusIcon = computed(() => {\n  switch (current.value.status) {\n    case \"running\":\n      return Loader2\n    case \"success\":\n      return CheckCircle2\n    case \"failed\":\n      return XCircle\n    case \"cancelled\":\n      return Ban\n    case \"pending\":\n    default:\n      return Clock\n  }\n})\n\nfunction formatDuration(value: number | undefined): string {\n  if (value === undefined || Number.isNaN(value)) {\n    return \"\"\n  }\n  const sec = Math.round(value / 1000)\n  if (sec < 60) {\n    return `${sec}s`\n  }\n  const m = Math.floor(sec / 60)\n  const s = sec % 60\n  return `${m}m ${s}s`\n}\n\nconst shortSha = computed<string>(() => {\n  const sha = current.value.commitSha\n  if (!sha) {\n    return \"\"\n  }\n  return sha.length > 7 ? sha.slice(0, 7) : sha\n})\n\nconst durationLabel = computed<string>(() =>\n  formatDuration(current.value.durationMs),\n)\n\nconst isRunning = computed<boolean>(() => current.value.status === \"running\")\n\ndefineExpose({ applyEvent })\n</script>\n\n<template>\n  <Card\n    :class=\"cn(props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n    data-testid=\"build-status\"\n  >\n    <CardHeader class=\"flex flex-col gap-2 pb-3\">\n      <div class=\"flex items-center justify-between gap-2\">\n        <CardTitle class=\"flex items-center gap-2 text-base\">\n          <Activity class=\"size-5 text-muted-foreground\" />\n          <span>{{ props.label }}</span>\n        </CardTitle>\n        <Badge\n          :variant=\"statusBadgeVariant\"\n          size=\"default\"\n          class=\"capitalize\"\n          data-testid=\"build-status-badge\"\n        >\n          <component\n            :is=\"statusIcon\"\n            :class=\"\n              cn(\n                'size-3.5',\n                isRunning ? 'animate-spin' : '',\n              )\n            \"\n            :data-testid=\"\n              isRunning\n                ? 'build-status-spinner'\n                : 'build-status-icon'\n            \"\n          />\n          <span>{{ current.status }}</span>\n        </Badge>\n      </div>\n      <div\n        class=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground\"\n      >\n        <span\n          v-if=\"shortSha\"\n          class=\"font-mono\"\n          data-testid=\"build-status-sha\"\n        >\n          {{ shortSha }}\n        </span>\n        <span\n          v-if=\"current.commitMessage\"\n          class=\"truncate\"\n          data-testid=\"build-status-commit-message\"\n        >\n          {{ current.commitMessage }}\n        </span>\n        <span\n          v-if=\"current.triggeredBy\"\n          data-testid=\"build-status-triggered-by\"\n        >\n          by {{ current.triggeredBy }}\n        </span>\n        <span\n          v-if=\"durationLabel\"\n          class=\"flex items-center gap-1\"\n          data-testid=\"build-status-duration\"\n        >\n          <Clock class=\"size-3\" />\n          {{ durationLabel }}\n        </span>\n      </div>\n      <p\n        v-if=\"parseError\"\n        class=\"text-xs text-destructive\"\n        role=\"alert\"\n        data-testid=\"build-status-parse-error\"\n      >\n        <AlertTriangle class=\"inline size-3\" />\n        {{ parseError }}\n      </p>\n    </CardHeader>\n    <CardContent\n      v-if=\"props.showLogs && current.logs && current.logs.length > 0\"\n      class=\"flex flex-col gap-2 pt-0\"\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        class=\"w-fit -ml-2 text-xs\"\n        data-testid=\"build-status-logs-toggle\"\n        @click=\"logsExpanded = !logsExpanded\"\n      >\n        <component\n          :is=\"logsExpanded ? ChevronDown : ChevronRight\"\n          class=\"size-4\"\n        />\n        <span>{{ logsExpanded ? \"Hide logs\" : \"Show logs\" }} ({{ current.logs.length }})</span>\n      </Button>\n      <pre\n        v-if=\"logsExpanded\"\n        class=\"max-h-80 overflow-auto rounded-md bg-muted p-3 font-mono text-xs leading-snug\"\n        data-testid=\"build-status-logs\"\n      ><code><template\n          v-for=\"(line, i) in current.logs\"\n          :key=\"i\"\n        >{{ line }}<br></template></code></pre>\n    </CardContent>\n  </Card>\n</template>\n"],"names":["props","__props","current","ref","_a","_b","_c","_d","_e","_f","_g","_h","logsExpanded","parseError","watch","next","applyEvent","payload","handleMessage","e","raw","err","attached","onMounted","target","handler","onBeforeUnmount","statusBadgeVariant","computed","statusIcon","Loader2","CheckCircle2","XCircle","Ban","Clock","formatDuration","value","sec","m","s","shortSha","sha","durationLabel","isRunning","__expose","_createBlock","_unref","Card","_normalizeClass","cn","_createVNode","CardHeader","_createElementVNode","_hoisted_1","CardTitle","Activity","_toDisplayString","Badge","_openBlock","_resolveDynamicComponent","_hoisted_2","_createElementBlock","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createTextVNode","_hoisted_7","AlertTriangle","CardContent","Button","_cache","$event","ChevronDown","ChevronRight","_hoisted_8","_Fragment","line","i"],"mappings":"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"}

package/dist/components/compositions/elements/code/ChatMessage.vue.js

@@ -0,0 +1,5 @@
+import f from "./ChatMessage.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ChatMessage.vue.js.map

package/dist/components/compositions/elements/code/ChatMessage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}