vlite3 1.4.34 → 1.4.37

package/components/FileTree/FileTree.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, ref as L, shallowRef as E, watch as T, computed as v, openBlock as p, createElementBlock as k, normalizeClass as $, Fragment as q, renderList as V, isMemoSame as z, createBlock as F, createSlots as P, withCtx as A, renderSlot as R, mergeProps as U, toDisplayString as j } from "vue";
+import { defineComponent as Q, ref as L, shallowRef as E, watch as T, computed as p, openBlock as w, createElementBlock as b, normalizeClass as $, Fragment as q, renderList as V, isMemoSame as z, createBlock as F, createSlots as P, withCtx as A, renderSlot as R, mergeProps as U, toDisplayString as j } from "vue";
 import G from "./FileTreeNode.vue.js";
 import { $t as x } from "../../utils/i18n.js";
 const H = {
@@ -23,54 +23,54 @@ const H = {
   },
   emits: ["update:modelValue", "select", "expand", "node-click"],
   setup(o, { emit: C }) {
-    const s = o, m = C, u = L(new Set(s.defaultExpandedKeys)), f = L(/* @__PURE__ */ new Set()), g = E(/* @__PURE__ */ new Map()), b = E(/* @__PURE__ */ new Map()), I = (t, l) => {
-      const e = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = (n, c) => {
-        for (const r of n)
-          e.set(r.id, r), c && i.set(r.id, c), r.children && a(r.children, r.id);
+    const i = o, m = C, u = L(new Set(i.defaultExpandedKeys)), f = L(/* @__PURE__ */ new Set()), g = E(/* @__PURE__ */ new Map()), S = E(/* @__PURE__ */ new Map()), I = (t, l) => {
+      const e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), a = (s, c) => {
+        for (const r of s)
+          e.set(r.id, r), c && n.set(r.id, c), r.children && a(r.children, r.id);
       };
-      a(t, l), g.value = e, b.value = i;
+      a(t, l), g.value = e, S.value = n;
     };
     T(
-      () => s.data,
+      () => i.data,
       (t) => {
         I(t);
       },
       { immediate: !0, deep: !0 }
     );
-    const w = (t) => {
+    const k = (t) => {
       let l = [];
       if (t.children)
         for (const e of t.children)
-          l.push(e.id), l = l.concat(w(e));
+          l.push(e.id), l = l.concat(k(e));
       return l;
-    }, y = v(() => new Set(s.modelValue)), S = v(() => {
+    }, v = p(() => new Set(i.modelValue)), M = p(() => {
       const t = /* @__PURE__ */ new Set();
-      if (s.selectionMode !== "multiple") return t;
+      if (i.selectionMode !== "multiple") return t;
       const l = (e) => {
         if (!e.children || e.children.length === 0)
-          return y.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
-        let i = !1, a = !1, n = !1;
+          return v.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
+        let n = !1, a = !1, s = !1;
         for (const c of e.children) {
           const r = l(c);
-          r.status === "checked" && (i = !0), r.status === "unchecked" && (a = !0), r.status === "indeterminate" && (n = !0);
+          r.status === "checked" && (n = !0), r.status === "unchecked" && (a = !0), r.status === "indeterminate" && (s = !0);
         }
-        return n || i && a ? (t.add(e.id), { status: "indeterminate" }) : i ? { status: "checked" } : { status: "unchecked" };
+        return s || n && a ? (t.add(e.id), { status: "indeterminate" }) : n ? { status: "checked" } : { status: "unchecked" };
       };
-      return s.data.forEach(l), t;
+      return i.data.forEach(l), t;
     }), D = async (t) => {
       if (t.disabled) return;
       if (u.value.has(t.id)) {
         const e = new Set(u.value);
         e.delete(t.id);
-        const i = g.value.get(t.id) || t;
-        w(i).forEach((n) => e.delete(n)), u.value = e, m("expand", t, !1);
+        const n = g.value.get(t.id) || t;
+        k(n).forEach((s) => e.delete(s)), u.value = e, m("expand", t, !1);
       } else {
         const e = new Set(u.value);
-        if (e.add(t.id), u.value = e, m("expand", t, !0), s.loadData && !t.isLoaded && (!t.children || t.children.length === 0)) {
-          const i = new Set(f.value);
-          i.add(t.id), f.value = i;
+        if (e.add(t.id), u.value = e, m("expand", t, !0), i.loadData && !t.isLoaded && (!t.children || t.children.length === 0)) {
+          const n = new Set(f.value);
+          n.add(t.id), f.value = n;
           try {
-            await s.loadData(t);
+            await i.loadData(t);
           } finally {
             const a = new Set(f.value);
             a.delete(t.id), f.value = a;
@@ -80,76 +80,78 @@ const H = {
     }, K = (t) => {
       if (t.disabled) return;
       const l = g.value.get(t.id) || t;
-      let e = new Set(y.value);
-      const i = e.has(t.id);
-      if (s.selectionMode === "single")
-        e.clear(), i || e.add(t.id);
-      else if (s.selectionMode === "multiple") {
-        const a = w(l), n = !i, c = (d, h) => {
+      let e = new Set(v.value);
+      const n = e.has(t.id);
+      if (i.selectionMode === "single")
+        e.clear(), n || e.add(t.id);
+      else if (i.selectionMode === "multiple") {
+        const a = k(l), s = !n, c = (d, h) => {
           h ? e.add(d) : e.delete(d);
         };
-        c(t.id, n), a.forEach((d) => c(d, n));
+        c(t.id, s), a.forEach((d) => c(d, s));
         let r = l;
         for (; ; ) {
-          const d = b.value.get(r.id);
+          const d = S.value.get(r.id);
           if (!d) break;
           const h = g.value.get(d);
           if (!h || !h.children) break;
           h.children.every((N) => e.has(N.id)) ? e.add(h.id) : e.delete(h.id), r = h;
         }
       }
-      m("update:modelValue", Array.from(e)), m("select", l, !i);
-    }, M = v(() => {
-      if (!s.searchQuery) return s.data;
-      const t = s.searchQuery.toLowerCase(), l = (e) => {
-        const a = (e.labelI18n ? x(e.labelI18n) : e.label).toLowerCase().includes(t), n = !!e.searchMatch;
+      m("update:modelValue", Array.from(e)), m("select", l, !n);
+    }, y = p(() => {
+      if (!i.searchQuery) return i.data;
+      const t = i.searchQuery.toLowerCase(), l = (e) => {
+        const a = (e.labelI18n ? x(e.labelI18n) : e.label).toLowerCase().includes(t), s = !!e.searchMatch;
         let c = [];
-        return e.children && (c = e.children.map(l).filter((r) => r !== null)), a || n || c.length > 0 ? {
+        return e.children && (c = e.children.map(l).filter((r) => r !== null)), a || s || c.length > 0 ? {
           ...e,
           children: c
         } : null;
       };
-      return s.data.map(l).filter((e) => e !== null);
+      return i.data.map(l).filter((e) => e !== null);
     });
     T(
-      () => [s.searchQuery, s.data],
+      () => [i.searchQuery, i.data],
       ([t]) => {
         if (t) {
-          const l = t.toLowerCase(), e = /* @__PURE__ */ new Set(), i = (a) => {
-            let n = !1;
+          const l = t.toLowerCase(), e = /* @__PURE__ */ new Set(), n = (a) => {
+            let s = !1;
             if (a.children)
               for (const d of a.children)
-                i(d) && (n = !0);
+                n(d) && (s = !0);
             const r = (a.labelI18n ? x(a.labelI18n) : a.label).toLowerCase().includes(l) || !!a.searchMatch;
-            return n && e.add(a.id), r || n;
+            return s && e.add(a.id), r || s;
           };
-          if (s.data.forEach(i), e.size > 0) {
+          if (i.data.forEach(n), e.size > 0) {
             const a = new Set(u.value);
-            e.forEach((n) => a.add(n)), u.value = a;
+            e.forEach((s) => a.add(s)), u.value = a;
           }
         }
       },
       { deep: !0 }
     );
-    const B = v(() => {
-      if (s.emptyTextI18n) return x(s.emptyTextI18n);
-      if (s.emptyText) return s.emptyText;
+    const B = p(() => {
+      if (i.emptyTextI18n) return x(i.emptyTextI18n);
+      if (i.emptyText) return i.emptyText;
       const t = x("vlite.fileTree.emptyText");
       return t !== "vlite.fileTree.emptyText" ? t : "No results found.";
     });
-    return (t, l) => (p(), k("div", {
-      class: $(["w-full h-full overflow-y-auto file-tree-container", s.class])
+    return (t, l) => (w(), b("div", {
+      class: $(["w-full h-full overflow-y-auto file-tree-container", i.class])
     }, [
-      M.value.length > 0 ? (p(!0), k(q, { key: 0 }, V(M.value, (e, i, a, n) => {
-        const c = [e, y.value, u.value, S.value, f.value, o.highlightSearch, o.searchQuery, o.showCheckboxes, o.variant, o.maxLabelLength, !!t.$slots.actions];
-        if (n && n.key === e.id && z(n, c)) return n;
-        const r = (p(), F(G, {
+      y.value.length > 0 ? (w(!0), b(q, { key: 0 }, V(y.value, (e, n, a, s) => {
+        const c = [e, v.value, u.value, M.value, f.value, o.highlightSearch, o.searchQuery, o.showCheckboxes, o.variant, o.maxLabelLength, n === y.value.length - 1, !!t.$slots.actions];
+        if (s && s.key === e.id && z(s, c)) return s;
+        const r = (w(), F(G, {
           key: e.id,
           node: e,
+          "is-last": n === y.value.length - 1,
+          "ancestor-last-flags": [],
           "selection-mode": o.selectionMode,
-          "selected-keys": y.value,
+          "selected-keys": v.value,
           "expanded-keys": u.value,
-          "indeterminate-keys": S.value,
+          "indeterminate-keys": M.value,
           "loading-keys": f.value,
           "show-checkboxes": o.showCheckboxes,
           "highlight-search": o.highlightSearch,
@@ -167,9 +169,9 @@ const H = {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["node", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant", "max-label-length"]));
+        ]), 1032, ["node", "is-last", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant", "max-label-length"]));
         return r.memo = c, r;
-      }, l, 1), 128)) : (p(), k("div", H, j(B.value), 1))
+      }, l, 1), 128)) : (w(), b("div", H, j(B.value), 1))
     ], 2));
   }
 });

package/components/FileTree/FileTreeNode.vue.d.ts

@@ -12,6 +12,10 @@ interface Props {
     searchQuery?: string;
     variant?: FileTreeVariant;
     maxLabelLength?: number;
+    /** Whether this node is the last child of its parent. */
+    isLast?: boolean;
+    /** `isLast` of every ancestor, ordered root → immediate parent. */
+    ancestorLastFlags?: boolean[];
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -35,7 +39,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onClick-node"?: (node: FileNode) => any;
 }>, {
     variant: FileTreeVariant;
+    isLast: boolean;
     depth: number;
+    ancestorLastFlags: boolean[];
     selectionMode: FileTreeSelectionMode;
     showCheckboxes: boolean;
     highlightSearch: boolean;

package/components/FileTree/FileTreeNode.vue.js

@@ -1,14 +1,15 @@
-import { defineComponent as U, computed as d, resolveComponent as A, openBlock as i, createElementBlock as a, createElementVNode as c, normalizeClass as m, normalizeStyle as x, createCommentVNode as u, withModifiers as L, createVNode as E, createBlock as y, Fragment as C, renderList as K, toDisplayString as M, renderSlot as I, isMemoSame as G, createSlots as H, withCtx as J, mergeProps as R } from "vue";
-import f from "../Icon.vue.js";
-import W from "../CheckBox.vue.js";
-import { $t as X } from "../../utils/i18n.js";
-const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
+import { defineComponent as U, computed as d, resolveComponent as G, openBlock as a, createElementBlock as o, createElementVNode as g, normalizeClass as m, normalizeStyle as k, createCommentVNode as u, createVNode as w, unref as H, withModifiers as C, createBlock as f, Fragment as K, renderList as M, toDisplayString as S, renderSlot as I, isMemoSame as J, createSlots as W, withCtx as X, mergeProps as Y } from "vue";
+import y from "../Icon.vue.js";
+import Z from "../CheckBox.vue.js";
+import p from "../TreeConnectors/TreeConnectors.vue.js";
+import { $t as _ } from "../../utils/i18n.js";
+const ee = { class: "flex flex-col select-none" }, te = ["title"], ne = {
   key: 1,
-  class: "w-6 mr-1"
-}, _ = { class: "mr-2 text-muted-foreground shrink-0" }, ee = { class: "flex-1 truncate text-sm font-medium" }, te = { class: "mr-2 text-gray-400 select-none shrink-0" }, ne = { class: "truncate" }, le = {
+  class: "relative z-10 w-6 mr-1"
+}, le = { class: "mr-2 text-muted-foreground shrink-0" }, se = { class: "flex-1 truncate text-sm font-medium" }, ae = { class: "mr-2 text-gray-400 select-none shrink-0" }, ie = { class: "truncate" }, oe = {
   key: 0,
   class: "relative flex flex-col"
-}, de = /* @__PURE__ */ U({
+}, P = 20, ue = /* @__PURE__ */ U({
   name: "FileTreeNode",
   __name: "FileTreeNode",
   props: {
@@ -23,162 +24,170 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
     highlightSearch: { type: Boolean, default: !1 },
     searchQuery: {},
     variant: { default: "default" },
-    maxLabelLength: { default: 35 }
+    maxLabelLength: { default: 35 },
+    isLast: { type: Boolean, default: !0 },
+    ancestorLastFlags: { default: () => [] }
   },
   emits: ["toggle-expand", "toggle-select", "click-node"],
-  setup(e, { emit: P }) {
-    const n = e, b = P, w = d(() => n.selectedKeys.has(n.node.id)), Q = d(() => n.indeterminateKeys.has(n.node.id)), v = d(() => n.expandedKeys.has(n.node.id)), S = d(() => n.loadingKeys.has(n.node.id)), g = d(
-      () => n.node.isFolder || n.node.children && n.node.children.length > 0
-    ), q = d(() => n.depth * 20 + "px"), $ = d(() => n.node.labelI18n ? X(n.node.labelI18n) : n.node.label), z = d(() => {
-      const t = $.value, l = n.maxLabelLength;
+  setup(e, { emit: Q }) {
+    const n = e, x = Q, L = d(() => n.selectedKeys.has(n.node.id)), q = d(() => n.indeterminateKeys.has(n.node.id)), v = d(() => n.expandedKeys.has(n.node.id)), $ = d(() => n.loadingKeys.has(n.node.id)), h = d(
+      () => !!(n.node.isFolder || n.node.children && n.node.children.length > 0)
+    ), F = d(() => [...n.ancestorLastFlags, n.isLast]), D = d(() => n.depth * P + "px"), N = d(() => n.node.labelI18n ? _(n.node.labelI18n) : n.node.label), V = d(() => {
+      const t = N.value, l = n.maxLabelLength;
       if (t.length <= l) return t;
-      const o = t.lastIndexOf(".");
-      if (o === -1 || t.length - o > 10)
+      const s = t.lastIndexOf(".");
+      if (s === -1 || t.length - s > 10)
         return t.substring(0, l) + "...";
-      const s = t.substring(o), h = t.substring(0, o), F = Math.max(0, l - s.length - 3);
-      return h.substring(0, F) + "..." + s;
-    }), V = d(() => {
-      const t = z.value;
+      const i = t.substring(s), r = t.substring(0, s), E = Math.max(0, l - i.length - 3);
+      return r.substring(0, E) + "..." + i;
+    }), O = d(() => {
+      const t = V.value;
       if (!n.highlightSearch || !n.searchQuery)
         return [{ text: t, highlight: !1 }];
-      const l = n.searchQuery.toLowerCase(), o = t.toLowerCase().indexOf(l);
-      return o === -1 ? [{ text: t, highlight: !1 }] : [
-        { text: t.slice(0, o), highlight: !1 },
+      const l = n.searchQuery.toLowerCase(), s = t.toLowerCase().indexOf(l);
+      return s === -1 ? [{ text: t, highlight: !1 }] : [
+        { text: t.slice(0, s), highlight: !1 },
         {
-          text: t.slice(o, o + l.length),
+          text: t.slice(s, s + l.length),
           highlight: !0
         },
-        { text: t.slice(o + l.length), highlight: !1 }
+        { text: t.slice(s + l.length), highlight: !1 }
       ];
-    }), D = d(() => {
+    }), j = d(() => {
       const t = n.node.searchMatch;
       if (!t) return [];
-      const l = t.line_content, o = t.match_start, s = t.match_length;
-      return o < 0 || o >= l.length ? [{ text: l, highlight: !1 }] : [
-        { text: l.substring(0, o), highlight: !1 },
-        { text: l.substring(o, o + s), highlight: !0 },
-        { text: l.substring(o + s), highlight: !1 }
+      const l = t.line_content, s = t.match_start, i = t.match_length;
+      return s < 0 || s >= l.length ? [{ text: l, highlight: !1 }] : [
+        { text: l.substring(0, s), highlight: !1 },
+        { text: l.substring(s, s + i), highlight: !0 },
+        { text: l.substring(s + i), highlight: !1 }
       ];
-    }), N = (t) => {
-      t && t.stopPropagation(), b("toggle-expand", n.node);
-    }, O = () => {
-      b("toggle-select", n.node);
-    }, j = (t) => {
-      t.stopPropagation(), g.value ? N() : n.selectionMode !== "none" && b("toggle-select", n.node), b("click-node", n.node);
+    }), T = (t) => {
+      t && t.stopPropagation(), x("toggle-expand", n.node);
+    }, A = () => {
+      x("toggle-select", n.node);
+    }, R = (t) => {
+      t.stopPropagation(), h.value ? T() : n.selectionMode !== "none" && x("toggle-select", n.node), x("click-node", n.node);
     };
     return (t, l) => {
-      const o = A("FileTreeNode", !0);
-      return i(), a("div", Y, [
-        c("div", {
+      const s = G("FileTreeNode", !0);
+      return a(), o("div", ee, [
+        g("div", {
           class: m(["group flex flex-col transition-colors cursor-pointer relative", {
-            "bg-accent/50 text-accent-foreground": w.value && e.selectionMode === "single" && !e.showCheckboxes,
-            "hover:bg-accent/50": !w.value || e.selectionMode !== "single",
+            "bg-accent/50 text-accent-foreground": L.value && e.selectionMode === "single" && !e.showCheckboxes,
+            "hover:bg-accent/50": !L.value || e.selectionMode !== "single",
             "opacity-50 pointer-events-none": e.node.disabled,
             "rounded-none": e.variant === "bordered",
             "rounded-md": e.variant === "default"
           }]),
-          onClick: j,
-          title: $.value
+          onClick: R,
+          title: N.value
         }, [
-          e.variant === "bordered" ? (i(), a("div", {
+          e.variant === "bordered" ? (a(), o("div", {
             key: 0,
             class: "absolute bottom-0 right-0 h-[1px] bg-border pointer-events-none",
-            style: x({ left: e.depth * 20 + "px" })
+            style: k({ left: e.depth * 20 + "px" })
           }, null, 4)) : u("", !0),
-          c("div", {
-            class: m(["flex items-center pr-2", e.variant === "bordered" ? "py-2 min-h-[40px]" : "py-1 min-h-[32px]"]),
-            style: x({ paddingLeft: q.value })
+          g("div", {
+            class: m(["relative flex items-center pr-2", e.variant === "bordered" ? "py-2 min-h-[40px]" : "py-1 min-h-[32px]"]),
+            style: k({ paddingLeft: D.value })
           }, [
-            g.value ? (i(), a("button", {
+            w(H(p), {
+              depth: e.depth,
+              "is-last-sibling": e.isLast,
+              "ancestor-last-flags": e.ancestorLastFlags,
+              "has-toggle": h.value,
+              indent: P,
+              "line-class": "bg-border"
+            }, null, 8, ["depth", "is-last-sibling", "ancestor-last-flags", "has-toggle"]),
+            h.value ? (a(), o("button", {
               key: 0,
               type: "button",
-              class: m(["p-1 mr-1 rounded-sm hover:bg-muted text-muted-foreground transition-transform duration-200 focus:outline-none", { "rotate-90": v.value }]),
-              onClick: L(N, ["stop"])
+              class: m(["relative z-10 p-1 mr-1 rounded-sm hover:bg-muted text-muted-foreground transition-transform duration-200 focus:outline-none", { "rotate-90": v.value }]),
+              onClick: C(T, ["stop"])
             }, [
-              E(f, {
+              w(y, {
                 icon: "lucide:chevron-right",
                 class: "w-4 h-4"
               })
-            ], 2)) : (i(), a("div", p)),
-            e.showCheckboxes && e.selectionMode !== "none" ? (i(), a("div", {
+            ], 2)) : (a(), o("div", ne)),
+            e.showCheckboxes && e.selectionMode !== "none" ? (a(), o("div", {
               key: 2,
               class: "mr-2 flex items-center justify-center bg-transparent",
-              onClick: l[0] || (l[0] = L(() => {
+              onClick: l[0] || (l[0] = C(() => {
               }, ["stop"]))
             }, [
-              E(W, {
-                checked: w.value,
-                indeterminate: Q.value,
+              w(Z, {
+                checked: L.value,
+                indeterminate: q.value,
                 disabled: e.node.disabled,
-                "onUpdate:checked": O,
+                "onUpdate:checked": A,
                 rounded: "sm",
                 size: "sm"
               }, null, 8, ["checked", "indeterminate", "disabled"])
             ])) : u("", !0),
-            c("div", _, [
-              S.value ? (i(), y(f, {
+            g("div", le, [
+              $.value ? (a(), f(y, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-4 h-4 animate-spin"
-              })) : e.node.icon ? (i(), y(f, {
+              })) : e.node.icon ? (a(), f(y, {
                 key: 1,
                 icon: e.node.icon,
                 class: "w-4 h-4"
-              }, null, 8, ["icon"])) : g.value ? (i(), y(f, {
+              }, null, 8, ["icon"])) : h.value ? (a(), f(y, {
                 key: 2,
                 icon: v.value ? "lucide:folder-open" : "lucide:folder",
                 class: "w-4 h-4"
-              }, null, 8, ["icon"])) : (i(), y(f, {
+              }, null, 8, ["icon"])) : (a(), f(y, {
                 key: 3,
                 icon: "lucide:file",
                 class: "w-4 h-4"
               }))
             ]),
-            c("div", ee, [
-              (i(!0), a(C, null, K(V.value, (s, h) => (i(), a("span", {
-                key: h,
+            g("div", se, [
+              (a(!0), o(K, null, M(O.value, (i, r) => (a(), o("span", {
+                key: r,
                 class: m({
-                  "bg-yellow-100 text-yellow-900 rounded-sm px-0.5": s.highlight
+                  "bg-yellow-100 text-yellow-900 rounded-sm px-0.5": i.highlight
                 })
-              }, M(s.text), 3))), 128))
+              }, S(i.text), 3))), 128))
             ]),
-            t.$slots.actions ? (i(), a("div", {
+            t.$slots.actions ? (a(), o("div", {
               key: 3,
               class: "ml-2 flex items-center shrink-0",
-              onClick: l[1] || (l[1] = L(() => {
+              onClick: l[1] || (l[1] = C(() => {
               }, ["stop"]))
             }, [
               I(t.$slots, "actions", { node: e.node })
             ])) : u("", !0)
           ], 6),
-          e.node.searchMatch ? (i(), a("div", {
+          e.node.searchMatch ? (a(), o("div", {
             key: 1,
             class: "flex items-center text-[11px] text-gray-500 font-mono pr-2 pb-1.5 truncate",
-            style: x({ paddingLeft: e.depth * 20 + 28 + "px" })
+            style: k({ paddingLeft: e.depth * 20 + 28 + "px" })
           }, [
-            c("span", te, "L" + M(e.node.searchMatch.line_number), 1),
-            c("div", ne, [
-              (i(!0), a(C, null, K(D.value, (s, h) => (i(), a("span", {
-                key: h,
+            g("span", ae, "L" + S(e.node.searchMatch.line_number), 1),
+            g("div", ie, [
+              (a(!0), o(K, null, M(j.value, (i, r) => (a(), o("span", {
+                key: r,
                 class: m({
-                  "bg-yellow-500/20 text-gray-900 px-0.5 rounded-[1px] font-medium border border-yellow-600/30": s.highlight
+                  "bg-yellow-500/20 text-gray-900 px-0.5 rounded-[1px] font-medium border border-yellow-600/30": i.highlight
                 })
-              }, M(s.text), 3))), 128))
+              }, S(i.text), 3))), 128))
             ])
           ], 4)) : u("", !0)
-        ], 10, Z),
-        v.value && g.value && !S.value ? (i(), a("div", le, [
-          c("div", {
-            class: "absolute top-1 bottom-1 border-l border-border",
-            style: x({ left: e.depth * 20 + 10 + "px" })
-          }, null, 4),
-          e.node.children && e.node.children.length > 0 ? (i(!0), a(C, { key: 0 }, K(e.node.children, (s, h, F, k) => {
-            const T = [s, e.selectedKeys, e.expandedKeys, e.indeterminateKeys, e.loadingKeys, e.highlightSearch, e.searchQuery, e.showCheckboxes, e.variant, e.maxLabelLength, !!t.$slots.actions];
-            if (k && k.key === s.id && G(k, T)) return k;
-            const B = (i(), y(o, {
-              key: s.id,
-              node: s,
+        ], 10, te),
+        v.value && h.value && !$.value ? (a(), o("div", oe, [
+          e.node.children && e.node.children.length > 0 ? (a(!0), o(K, { key: 0 }, M(e.node.children, (i, r, E, b) => {
+            const B = [i, e.selectedKeys, e.expandedKeys, e.indeterminateKeys, e.loadingKeys, e.highlightSearch, e.searchQuery, e.showCheckboxes, e.variant, e.maxLabelLength, F.value, r === e.node.children.length - 1, !!t.$slots.actions];
+            if (b && b.key === i.id && J(b, B)) return b;
+            const z = (a(), f(s, {
+              key: i.id,
+              node: i,
               depth: e.depth + 1,
+              "is-last": r === e.node.children.length - 1,
+              "ancestor-last-flags": F.value,
               "selection-mode": e.selectionMode,
               "selected-keys": e.selectedKeys,
               "expanded-keys": e.expandedKeys,
@@ -189,23 +198,23 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
               "search-query": e.searchQuery,
               variant: e.variant,
               "max-label-length": e.maxLabelLength,
-              onToggleExpand: l[2] || (l[2] = (r) => t.$emit("toggle-expand", r)),
-              onToggleSelect: l[3] || (l[3] = (r) => t.$emit("toggle-select", r)),
-              onClickNode: l[4] || (l[4] = (r) => t.$emit("click-node", r))
-            }, H({ _: 2 }, [
+              onToggleExpand: l[2] || (l[2] = (c) => t.$emit("toggle-expand", c)),
+              onToggleSelect: l[3] || (l[3] = (c) => t.$emit("toggle-select", c)),
+              onClickNode: l[4] || (l[4] = (c) => t.$emit("click-node", c))
+            }, W({ _: 2 }, [
               t.$slots.actions ? {
                 name: "actions",
-                fn: J((r) => [
-                  I(t.$slots, "actions", R({ ref_for: !0 }, r))
+                fn: X((c) => [
+                  I(t.$slots, "actions", Y({ ref_for: !0 }, c))
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["node", "depth", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant", "max-label-length"]));
-            return B.memo = T, B;
-          }, l, 5), 128)) : v.value && g.value && (!e.node.children || e.node.children.length === 0) ? (i(), a("div", {
+            ]), 1032, ["node", "depth", "is-last", "ancestor-last-flags", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant", "max-label-length"]));
+            return z.memo = B, z;
+          }, l, 5), 128)) : v.value && h.value && (!e.node.children || e.node.children.length === 0) ? (a(), o("div", {
             key: 1,
             class: "py-0.5 text-xs text-muted-foreground italic",
-            style: x({ paddingLeft: (e.depth + 1) * 20 + 26 + "px" })
+            style: k({ paddingLeft: (e.depth + 1) * 20 + 26 + "px" })
           }, null, 4)) : u("", !0)
         ])) : u("", !0)
       ]);
@@ -213,5 +222,5 @@ const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
   }
 });
 export {
-  de as default
+  ue as default
 };

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {