@leavepulse/ui 0.22.9 → 0.22.10

package/dist/chunks/{LpServiceNode-Dc-Ut5RS.js → LpServiceNode-D8uJ8sGk.js}

@@ -1,7 +1,12 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, unref, createElementVNode, toDisplayString } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, unref, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 import { Handle, Position } from "@vue-flow/core";
 const _hoisted_1 = { class: "text-[11px] text-[var(--accent)]" };
-const _hoisted_2 = { class: "flex-1 truncate text-[11px] font-medium text-ink" };
+const _hoisted_2 = { class: "min-w-0 flex-1" };
+const _hoisted_3 = { class: "block truncate text-[11px] font-medium text-ink" };
+const _hoisted_4 = {
+  key: 0,
+  class: "block truncate text-[9px] text-muted"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpServiceNode",
   props: {
@@ -41,7 +46,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "!size-1.5 !border !border-[var(--accent)] !bg-surface"
         }, null, 8, ["position"]),
         createElementVNode("span", _hoisted_1, toDisplayString(icon.value), 1),
-        createElementVNode("span", _hoisted_2, toDisplayString(__props.data.name), 1)
+        createElementVNode("span", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(__props.data.name), 1),
+          __props.data.stack ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.data.stack), 1)) : createCommentVNode("", true)
+        ])
       ], 6);
     };
   }

package/dist/chunks/{LpTopologyCanvas-DCgm_d5G.js → LpTopologyCanvas-D_EsMgCg.js}

@@ -5,7 +5,7 @@ import { MarkerType, useVueFlow, VueFlow, SelectionMode, Panel } from "@vue-flow
 import { MiniMap } from "@vue-flow/minimap";
 import { _ as _sfc_main$3 } from "./LpInfraNode-qIL3l7IO.js";
 import { _ as _sfc_main$1 } from "./LpLaneNode-HtnQf2FF.js";
-import { _ as _sfc_main$2 } from "./LpServiceNode-Dc-Ut5RS.js";
+import { _ as _sfc_main$2 } from "./LpServiceNode-D8uJ8sGk.js";
 const _hoisted_1 = { class: "flex flex-col gap-1.5 rounded-card border border-line bg-surface-overlay/90 px-3 py-2 text-[11px] backdrop-blur" };
 const _hoisted_2 = {
   width: "22",

package/dist/components/LpServiceNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpServiceNode-Dc-Ut5RS.js";
+import { _ as _sfc_main } from "../chunks/LpServiceNode-D8uJ8sGk.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTopologyCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-DCgm_d5G.js";
+import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-D_EsMgCg.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -47,7 +47,7 @@ import { _ as _41 } from "./chunks/LpRadioGroup-B4yDTmi6.js";
 import { _ as _42 } from "./chunks/LpScrollArea-D8xyKXcF.js";
 import { _ as _43 } from "./chunks/LpSegmented-BmpanyAo.js";
 import { _ as _44 } from "./chunks/LpSelect-D5mU4cZO.js";
-import { _ as _45 } from "./chunks/LpServiceNode-Dc-Ut5RS.js";
+import { _ as _45 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { default as default3 } from "./components/LpShortcutsDialog.vue.js";
 import { _ as _46 } from "./chunks/LpSidebar-D3GGLSE7.js";
 import { _ as _47 } from "./chunks/LpSkeleton-eSFIo4kD.js";
@@ -64,7 +64,7 @@ import { D, _ as _56, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v }
 import { _ as _57 } from "./chunks/LpTilt-DuyKbpkA.js";
 import { _ as _58 } from "./chunks/LpToaster-gDB1EaU3.js";
 import { _ as _59 } from "./chunks/LpTooltip-D1hbjQWG.js";
-import { _ as _60 } from "./chunks/LpTopologyCanvas-DCgm_d5G.js";
+import { _ as _60 } from "./chunks/LpTopologyCanvas-D_EsMgCg.js";
 import { _ as _61 } from "./chunks/LpUptimeBar-CB366k0O.js";
 import { deserializeLayout, serializeLayout } from "./layout/tree.js";
 import { addLeaf, addTab, countBlocks, countLeaves, makeLayout, moveLeaf, removeBlock, removeLeaf, reorderTab, resizeAt, setActiveTab } from "./layout/tree.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.22.9",
+  "version": "0.22.10",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpServiceNode.vue

@@ -52,6 +52,13 @@ const icon = computed(() => kindIcon[props.data.kind ?? "service"] ?? "◇")
       class="!size-1.5 !border !border-[var(--accent)] !bg-surface"
     />
     <span class="text-[11px] text-[var(--accent)]">{{ icon }}</span>
-    <span class="flex-1 truncate text-[11px] font-medium text-ink">{{ data.name }}</span>
+    <span class="min-w-0 flex-1">
+      <span class="block truncate text-[11px] font-medium text-ink">{{ data.name }}</span>
+      <!-- `stack` was accepted and then silently dropped, so anything a host
+           put there vanished. It is the one line of context that fits. -->
+      <span v-if="data.stack" class="block truncate text-[9px] text-muted">
+        {{ data.stack }}
+      </span>
+    </span>
   </div>
 </template>