@leavepulse/ui 0.22.9 → 0.22.11

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-BTzQE78D.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",
@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     selectable: { type: Boolean, default: false },
     legend: { type: Boolean, default: true },
     legendPosition: { default: "bottom-left" },
+    edgeType: {},
     legendLabels: {},
     lanes: { default: () => [] },
     minimap: { type: Boolean, default: true },
@@ -105,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           id: e.id,
           source: e.source,
           target: e.target,
-          type: "default",
+          type: props.edgeType ?? "default",
           animated: obs !== "applied" && !e.dimmed,
           label: e.kind,
           labelBgStyle: { fill: "var(--color-surface)" },

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.d.ts

@@ -90,6 +90,13 @@ type __VLS_Props = {
      * minimap owns the bottom-right.
      */
     legendPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    /**
+     * Edge shape. The default bezier bulges away from the straight line between
+     * its ends, which suits a free-form graph and cuts through everything in a
+     * LAYERED one — a long edge crosses the cards standing between its columns.
+     * `smoothstep` routes orthogonally through the gaps instead.
+     */
+    edgeType?: "default" | "smoothstep" | "step" | "straight";
     /** Rename legend rows to match what this graph's edges actually mean. */
     legendLabels?: Partial<Record<"network" | "structural" | "pending" | "drift", string>>;
     /**

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-BTzQE78D.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-BTzQE78D.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.11",
   "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>

package/src/components/LpTopologyCanvas.vue

@@ -125,6 +125,13 @@ const props = withDefaults(
      * minimap owns the bottom-right.
      */
     legendPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"
+    /**
+     * Edge shape. The default bezier bulges away from the straight line between
+     * its ends, which suits a free-form graph and cuts through everything in a
+     * LAYERED one — a long edge crosses the cards standing between its columns.
+     * `smoothstep` routes orthogonally through the gaps instead.
+     */
+    edgeType?: "default" | "smoothstep" | "step" | "straight"
     /** Rename legend rows to match what this graph's edges actually mean. */
     legendLabels?: Partial<
       Record<"network" | "structural" | "pending" | "drift", string>
@@ -268,7 +275,7 @@ const flowEdges = computed(() =>
       id: e.id,
       source: e.source,
       target: e.target,
-      type: "default",
+      type: props.edgeType ?? "default",
       animated: obs !== "applied" && !e.dimmed,
       label: e.kind,
       labelBgStyle: { fill: "var(--color-surface)" },