@floegence/floe-webapp-core 0.4.0 → 0.6.0

package/dist/index44.js

@@ -1,154 +1,194 @@
-import { delegateEvents as H, template as v, insert as E, createComponent as a, memo as P, effect as b, className as x, use as y } from "solid-js/web";
-import { createSignal as B, onMount as L, createMemo as k, For as O, Show as M, onCleanup as F } from "solid-js";
-import { cn as W } from "./index67.js";
-import { useFileBrowser as G } from "./index39.js";
-import { ChevronRight as T } from "./index32.js";
-import { Dropdown as z } from "./index24.js";
-var X = /* @__PURE__ */ v("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ v('<button type=button title="Show hidden path segments">…'), q = /* @__PURE__ */ v('<button type=button><span class="truncate max-w-[120px] block">');
-const g = 16, J = 28, R = 12, K = 7, Q = 120, U = 100;
-function V(n) {
-  const r = n.length * K;
-  return Math.min(r + R, Q + R);
-}
-function ce(n) {
-  const r = G();
-  let s;
-  const [t, c] = B(0);
-  L(() => {
-    if (!s) return;
-    const e = () => {
-      s && c(s.offsetWidth);
+import { delegateEvents as D, createComponent as u, Portal as E, template as l, insert as w, Dynamic as L, effect as c, className as $, setStyleProperty as I, setAttribute as p, use as j } from "solid-js/web";
+import { createEffect as H, onCleanup as P, Show as g, For as F } from "solid-js";
+import { cn as _ } from "./index68.js";
+import { deferAfterPaint as R } from "./index69.js";
+import { useFileBrowser as T } from "./index40.js";
+var V = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=14 height=14 x=8 y=8 rx=2 ry=2></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2">'), S = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z">'), Z = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M8 10v4"></path><path d="M12 10v2"></path><path d="M16 10v6">'), z = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M12 3v18"></path><path d="m8 7-4 4 4 4"></path><path d="m16 7 4 4-4 4">'), W = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2">'), K = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"></path><path d="m15 5 4 4">'), N = /* @__PURE__ */ l("<div role=menu aria-orientation=vertical>"), O = /* @__PURE__ */ l('<span class="text-[10px] text-muted-foreground opacity-60">'), q = /* @__PURE__ */ l('<button type=button role=menuitem><span class="flex-1 text-left">'), G = /* @__PURE__ */ l('<div class="my-1 h-px bg-border">');
+const J = (r) => (() => {
+  var o = V();
+  return c(() => p(o, "class", r.class)), o;
+})(), Q = (r) => (() => {
+  var o = S();
+  return c(() => p(o, "class", r.class)), o;
+})(), U = (r) => (() => {
+  var o = Z();
+  return c(() => p(o, "class", r.class)), o;
+})(), X = (r) => (() => {
+  var o = z();
+  return c(() => p(o, "class", r.class)), o;
+})(), Y = (r) => (() => {
+  var o = W();
+  return c(() => p(o, "class", r.class)), o;
+})(), ee = (r) => (() => {
+  var o = K();
+  return c(() => p(o, "class", r.class)), o;
+})();
+function se(r) {
+  const o = T();
+  let h;
+  const b = [{
+    id: "duplicate",
+    label: "Duplicate",
+    type: "duplicate",
+    icon: J,
+    shortcut: "Cmd+D"
+  }, {
+    id: "ask-agent",
+    label: "Ask Agent",
+    type: "ask-agent",
+    icon: Q,
+    separator: !0
+  }, {
+    id: "copy-to",
+    label: "Copy to...",
+    type: "copy-to",
+    icon: U
+  }, {
+    id: "move-to",
+    label: "Move to...",
+    type: "move-to",
+    icon: X,
+    separator: !0
+  }, {
+    id: "rename",
+    label: "Rename",
+    type: "rename",
+    icon: ee,
+    shortcut: "Enter"
+  }, {
+    id: "delete",
+    label: "Delete",
+    type: "delete",
+    icon: Y,
+    shortcut: "Del"
+  }], A = () => {
+    var t;
+    if (r.overrideItems)
+      return r.overrideItems;
+    const a = () => {
+      var s;
+      const e = r.hideItems;
+      if (!e) return [];
+      if (typeof e == "function") {
+        const i = ((s = o.contextMenu()) == null ? void 0 : s.items) ?? [];
+        return e(i);
+      }
+      return e;
     };
-    e();
-    const o = new ResizeObserver(e);
-    o.observe(s), F(() => o.disconnect());
+    let n = b;
+    const d = a();
+    return d.length > 0 && (n = n.filter((e) => !d.includes(e.type))), (t = r.customItems) != null && t.length && (n = [...n, ...r.customItems]), n;
+  }, B = (a, n) => {
+    o.hideContextMenu();
+    const d = a.type, t = [...n], e = r.callbacks, s = a.onAction;
+    R(() => {
+      var i, v, m, k, M, C;
+      switch (d) {
+        case "duplicate":
+          (i = e == null ? void 0 : e.onDuplicate) == null || i.call(e, t);
+          break;
+        case "ask-agent":
+          (v = e == null ? void 0 : e.onAskAgent) == null || v.call(e, t);
+          break;
+        case "copy-to":
+          (m = e == null ? void 0 : e.onCopyTo) == null || m.call(e, t);
+          break;
+        case "move-to":
+          (k = e == null ? void 0 : e.onMoveTo) == null || k.call(e, t);
+          break;
+        case "delete":
+          (M = e == null ? void 0 : e.onDelete) == null || M.call(e, t);
+          break;
+        case "rename":
+          t.length === 1 && ((C = e == null ? void 0 : e.onRename) == null || C.call(e, t[0]));
+          break;
+        case "custom":
+          s == null || s(t);
+          break;
+      }
+    });
+  }, f = (a) => {
+    h && !h.contains(a.target) && o.hideContextMenu();
+  }, x = (a) => {
+    a.key === "Escape" && o.hideContextMenu();
+  };
+  H(() => {
+    o.contextMenu() && (document.addEventListener("click", f), document.addEventListener("keydown", x), P(() => {
+      document.removeEventListener("click", f), document.removeEventListener("keydown", x);
+    }));
   });
-  const d = k(() => {
-    const e = r.currentPath();
-    if (e === "/" || e === "")
-      return [{
-        name: "Root",
-        path: "/"
-      }];
-    const o = e.split("/").filter(Boolean), i = [{
-      name: "Root",
-      path: "/"
-    }];
-    let l = "";
-    for (const f of o)
-      l += "/" + f, i.push({
-        name: f,
-        path: l
-      });
-    return i;
-  }), m = k(() => {
-    const e = d(), o = t();
-    if (o < U || e.length <= 2)
-      return {
-        collapsed: [],
-        visible: e,
-        shouldCollapse: !1
-      };
-    const i = e.map((u) => V(u.name)), l = i[0], f = i[e.length - 1], D = g, $ = e.length > 1 ? g : 0, S = l + f + D + $;
-    if (S > o && e.length > 2)
-      return {
-        collapsed: e.slice(1, -1),
-        visible: [e[0], e[e.length - 1]],
-        shouldCollapse: !0
-      };
-    const h = e.slice(1, -1), p = [];
-    let _ = o - S;
-    const N = h.length > 0 ? J + g : 0;
-    for (let u = h.length - 1; u >= 0; u--) {
-      const I = i[u + 1] + g, A = u > 0 ? N : 0;
-      if (_ - A >= I)
-        p.unshift(h[u]), _ -= I;
-      else
-        break;
-    }
-    const w = h.slice(0, h.length - p.length);
-    return {
-      collapsed: w,
-      visible: [e[0], ...p, e[e.length - 1]],
-      shouldCollapse: w.length > 0
+  const y = () => {
+    const a = o.contextMenu();
+    if (!a || !h) return {
+      x: 0,
+      y: 0
+    };
+    const n = h.getBoundingClientRect(), d = window.innerWidth, t = window.innerHeight;
+    let e = a.x, s = a.y;
+    return e + n.width > d && (e = d - n.width - 8), s + n.height > t && (s = t - n.height - 8), {
+      x: Math.max(8, e),
+      y: Math.max(8, s)
     };
-  }), C = (e) => {
-    r.setCurrentPath(e.path);
   };
-  return (() => {
-    var e = X(), o = s;
-    return typeof o == "function" ? y(o, e) : s = e, E(e, a(O, {
-      get each() {
-        return m().visible;
-      },
-      children: (i, l) => [a(M, {
-        get when() {
-          return l() > 0;
-        },
-        get children() {
-          return a(T, {
-            class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
-          });
-        }
-      }), a(M, {
-        get when() {
-          return P(() => !!m().shouldCollapse)() && l() === 1;
-        },
-        get children() {
-          return [a(Y, {
-            get segments() {
-              return m().collapsed;
-            },
-            onSelect: C
-          }), a(T, {
-            class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
-          })];
-        }
-      }), a(Z, {
-        segment: i,
-        get isLast() {
-          return l() === m().visible.length - 1;
-        },
-        onClick: () => C(i)
-      })]
-    })), b(() => x(e, W("flex items-center gap-1 min-w-0 overflow-hidden", n.class))), e;
-  })();
-}
-function Y(n) {
-  const r = () => n.segments.map((t) => ({
-    id: t.path,
-    label: t.name
-  }));
-  return a(z, {
-    get trigger() {
-      return (() => {
-        var t = j();
-        return b(() => x(t, W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
-      })();
+  return u(g, {
+    get when() {
+      return o.contextMenu();
     },
-    get items() {
-      return r();
-    },
-    onSelect: (t) => {
-      const c = n.segments.find((d) => d.path === t);
-      c && n.onSelect(c);
-    },
-    align: "start"
+    children: (a) => u(E, {
+      get children() {
+        var n = N(), d = h;
+        return typeof d == "function" ? j(d, n) : h = n, w(n, u(F, {
+          get each() {
+            return A();
+          },
+          children: (t) => [(() => {
+            var e = q(), s = e.firstChild;
+            return e.$$click = () => B(t, a().items), w(e, u(g, {
+              get when() {
+                return t.icon;
+              },
+              children: (i) => u(L, {
+                get component() {
+                  return i();
+                },
+                class: "w-3.5 h-3.5 opacity-60"
+              })
+            }), s), w(s, () => t.label), w(e, u(g, {
+              get when() {
+                return t.shortcut;
+              },
+              get children() {
+                var i = O();
+                return w(i, () => t.shortcut), i;
+              }
+            }), null), c((i) => {
+              var v = t.disabled || t.type === "rename" && a().items.length > 1, m = _("w-full flex items-center gap-2 px-3 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-accent hover:text-accent-foreground", "focus:outline-none focus-visible:bg-accent focus-visible:text-accent-foreground", "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent", t.type === "delete" && "text-error hover:bg-error/10 hover:text-error");
+              return v !== i.e && (e.disabled = i.e = v), m !== i.t && $(e, i.t = m), i;
+            }, {
+              e: void 0,
+              t: void 0
+            }), e;
+          })(), u(g, {
+            get when() {
+              return t.separator;
+            },
+            get children() {
+              return G();
+            }
+          })]
+        })), c((t) => {
+          var e = _("fixed z-50 min-w-[180px] py-1", "bg-popover border border-border rounded-lg shadow-lg", "animate-in fade-in zoom-in-95 duration-100"), s = `${y().x}px`, i = `${y().y}px`;
+          return e !== t.e && $(n, t.e = e), s !== t.t && I(n, "left", t.t = s), i !== t.a && I(n, "top", t.a = i), t;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), n;
+      }
+    })
   });
 }
-function Z(n) {
-  return (() => {
-    var r = q(), s = r.firstChild;
-    return r.$$click = () => n.onClick(), E(s, () => n.segment.name), b((t) => {
-      var c = n.isLast, d = W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", n.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
-      return c !== t.e && (r.disabled = t.e = c), d !== t.t && x(r, t.t = d), t;
-    }, {
-      e: void 0,
-      t: void 0
-    }), r;
-  })();
-}
-H(["click"]);
+D(["click"]);
 export {
-  ce as Breadcrumb
+  se as FileContextMenu
 };

package/dist/index45.js

@@ -1,125 +1,154 @@
-import { delegateEvents as S, template as u, addEventListener as M, insert as o, createComponent as l, use as Q, effect as s, className as d, setAttribute as g } from "solid-js/web";
-import { onMount as T, Show as A } from "solid-js";
-import { cn as v } from "./index67.js";
-import { useFileBrowser as E } from "./index39.js";
-import { Breadcrumb as L } from "./index44.js";
-import { Grid as V } from "./index32.js";
-var N = /* @__PURE__ */ u('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=8 y1=6 x2=21 y2=6></line><line x1=8 y1=12 x2=21 y2=12></line><line x1=8 y1=18 x2=21 y2=18></line><line x1=3 y1=6 x2=3.01 y2=6></line><line x1=3 y1=12 x2=3.01 y2=12></line><line x1=3 y1=18 x2=3.01 y2=18>'), U = /* @__PURE__ */ u('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M12 10v6"></path><path d="m9 13 3-3 3 3">'), G = /* @__PURE__ */ u('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect width=18 height=18 x=3 y=3 rx=2 ry=2></rect><line x1=9 y1=3 x2=9 y2=21>'), D = /* @__PURE__ */ u('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=11 cy=11 r=8></circle><path d="m21 21-4.3-4.3">'), H = /* @__PURE__ */ u('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), K = /* @__PURE__ */ u('<button type=button aria-label="Clear filter">'), P = /* @__PURE__ */ u('<div class="flex items-center flex-1 gap-1 px-2 py-1 bg-muted/50 rounded-md border border-border/50 focus-within:border-ring focus-within:ring-1 focus-within:ring-ring"><input type=text placeholder=Filter... aria-label="Filter files by name">'), R = /* @__PURE__ */ u('<div><button type=button aria-label="Toggle sidebar"></button><button type=button aria-label="Navigate to parent folder"></button><div></div><div></div><div class="flex items-center gap-0.5 p-0.5 bg-muted/50 rounded-md">'), X = /* @__PURE__ */ u('<button type=button aria-label="Filter files">'), Z = /* @__PURE__ */ u("<button type=button>");
-const q = (r) => (() => {
-  var e = N();
-  return s(() => g(e, "class", r.class)), e;
-})(), z = (r) => (() => {
-  var e = U();
-  return s(() => g(e, "class", r.class)), e;
-})(), J = (r) => (() => {
-  var e = G();
-  return s(() => g(e, "class", r.class)), e;
-})(), j = (r) => (() => {
-  var e = D();
-  return s(() => g(e, "class", r.class)), e;
-})(), O = (r) => (() => {
-  var e = H();
-  return s(() => g(e, "class", r.class)), e;
-})();
-function ie(r) {
-  const e = E();
-  let n;
-  const c = () => {
-    const f = e.currentPath();
-    return f !== "/" && f !== "";
-  }, m = () => {
-    e.isFilterActive() ? (e.setFilterQuery(""), e.setFilterActive(!1)) : (e.setFilterActive(!0), setTimeout(() => n == null ? void 0 : n.focus(), 50));
-  }, w = () => {
-    e.setFilterQuery(""), n == null || n.focus();
-  }, h = (f) => {
-    f.key === "Escape" && (e.setFilterQuery(""), e.setFilterActive(!1));
-  }, I = () => {
-    e.filterQuery().trim() || e.setFilterActive(!1);
+import { delegateEvents as H, template as v, insert as E, createComponent as a, memo as P, effect as b, className as x, use as y } from "solid-js/web";
+import { createSignal as B, onMount as L, createMemo as k, For as O, Show as M, onCleanup as F } from "solid-js";
+import { cn as W } from "./index68.js";
+import { useFileBrowser as G } from "./index40.js";
+import { ChevronRight as T } from "./index33.js";
+import { Dropdown as z } from "./index24.js";
+var X = /* @__PURE__ */ v("<nav aria-label=Breadcrumb>"), j = /* @__PURE__ */ v('<button type=button title="Show hidden path segments">…'), q = /* @__PURE__ */ v('<button type=button><span class="truncate max-w-[120px] block">');
+const g = 16, J = 28, R = 12, K = 7, Q = 120, U = 100;
+function V(n) {
+  const r = n.length * K;
+  return Math.min(r + R, Q + R);
+}
+function ce(n) {
+  const r = G();
+  let s;
+  const [t, c] = B(0);
+  L(() => {
+    if (!s) return;
+    const e = () => {
+      s && c(s.offsetWidth);
+    };
+    e();
+    const o = new ResizeObserver(e);
+    o.observe(s), F(() => o.disconnect());
+  });
+  const d = k(() => {
+    const e = r.currentPath();
+    if (e === "/" || e === "")
+      return [{
+        name: "Root",
+        path: "/"
+      }];
+    const o = e.split("/").filter(Boolean), i = [{
+      name: "Root",
+      path: "/"
+    }];
+    let l = "";
+    for (const f of o)
+      l += "/" + f, i.push({
+        name: f,
+        path: l
+      });
+    return i;
+  }), m = k(() => {
+    const e = d(), o = t();
+    if (o < U || e.length <= 2)
+      return {
+        collapsed: [],
+        visible: e,
+        shouldCollapse: !1
+      };
+    const i = e.map((u) => V(u.name)), l = i[0], f = i[e.length - 1], D = g, $ = e.length > 1 ? g : 0, S = l + f + D + $;
+    if (S > o && e.length > 2)
+      return {
+        collapsed: e.slice(1, -1),
+        visible: [e[0], e[e.length - 1]],
+        shouldCollapse: !0
+      };
+    const h = e.slice(1, -1), p = [];
+    let _ = o - S;
+    const N = h.length > 0 ? J + g : 0;
+    for (let u = h.length - 1; u >= 0; u--) {
+      const I = i[u + 1] + g, A = u > 0 ? N : 0;
+      if (_ - A >= I)
+        p.unshift(h[u]), _ -= I;
+      else
+        break;
+    }
+    const w = h.slice(0, h.length - p.length);
+    return {
+      collapsed: w,
+      visible: [e[0], ...p, e[e.length - 1]],
+      shouldCollapse: w.length > 0
+    };
+  }), C = (e) => {
+    r.setCurrentPath(e.path);
   };
-  return T(() => {
-    r.filterInputRef && n && r.filterInputRef(n);
-  }), (() => {
-    var f = R(), x = f.firstChild, b = x.nextSibling, p = b.nextSibling, y = p.nextSibling, k = y.nextSibling;
-    return M(x, "click", e.toggleSidebar, !0), o(x, l(J, {
-      class: "w-4 h-4"
-    })), M(b, "click", e.navigateUp, !0), o(b, l(z, {
-      class: "w-4 h-4"
-    })), o(p, l(L, {})), o(y, l(A, {
-      get when() {
-        return e.isFilterActive();
-      },
-      get fallback() {
-        return (() => {
-          var t = X();
-          return t.$$click = m, o(t, l(j, {
-            class: "w-4 h-4"
-          })), s(() => d(t, v("flex items-center justify-center w-7 h-7 rounded cursor-pointer", "transition-colors duration-100", "hover:bg-muted/70", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
-        })();
-      },
-      get children() {
-        var t = P(), a = t.firstChild;
-        return o(t, l(j, {
-          class: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0"
-        }), a), a.addEventListener("blur", I), a.$$keydown = h, a.$$input = (i) => e.setFilterQuery(i.currentTarget.value), Q((i) => {
-          n = i, r.filterInputRef && r.filterInputRef(i);
-        }, a), o(t, l(A, {
-          get when() {
-            return e.filterQuery();
-          },
-          get children() {
-            var i = K();
-            return i.$$click = w, o(i, l(O, {
-              class: "w-3 h-3"
-            })), s(() => d(i, v("flex items-center justify-center w-4 h-4 rounded-sm cursor-pointer", "text-muted-foreground hover:text-foreground", "transition-colors duration-100"))), i;
-          }
-        }), null), s(() => d(a, v("flex-1 min-w-0 bg-transparent text-xs", "outline-none border-0 ring-0 shadow-none appearance-none", "focus:outline-none focus:border-0 focus:ring-0", "placeholder:text-muted-foreground/60"))), s(() => a.value = e.filterQuery()), t;
-      }
-    })), o(k, l(B, {
-      mode: "list",
-      get currentMode() {
-        return e.viewMode();
-      },
-      onClick: () => e.setViewMode("list"),
-      icon: q,
-      label: "List view"
-    }), null), o(k, l(B, {
-      mode: "grid",
-      get currentMode() {
-        return e.viewMode();
+  return (() => {
+    var e = X(), o = s;
+    return typeof o == "function" ? y(o, e) : s = e, E(e, a(O, {
+      get each() {
+        return m().visible;
       },
-      onClick: () => e.setViewMode("grid"),
-      icon: V,
-      label: "Grid view"
-    }), null), s((t) => {
-      var a = v("flex items-center gap-2 px-2 py-1.5 border-b border-border", "bg-background/50 backdrop-blur-sm", r.class), i = v("md:hidden flex items-center justify-center w-7 h-7 rounded cursor-pointer", "transition-colors duration-100", "hover:bg-muted/70", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", !e.sidebarCollapsed() && "bg-muted/50"), $ = !c(), F = v("flex items-center justify-center w-7 h-7 rounded cursor-pointer", "transition-colors duration-100", "hover:bg-muted/70", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent"), _ = v("flex-1 min-w-0 overflow-hidden transition-all duration-200", e.isFilterActive() && "hidden sm:block sm:flex-1"), C = v("flex items-center gap-1 transition-all duration-200 ease-out", e.isFilterActive() ? "flex-1 sm:flex-none sm:w-48" : "w-7");
-      return a !== t.e && d(f, t.e = a), i !== t.t && d(x, t.t = i), $ !== t.a && (b.disabled = t.a = $), F !== t.o && d(b, t.o = F), _ !== t.i && d(p, t.i = _), C !== t.n && d(y, t.n = C), t;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0
-    }), f;
+      children: (i, l) => [a(M, {
+        get when() {
+          return l() > 0;
+        },
+        get children() {
+          return a(T, {
+            class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
+          });
+        }
+      }), a(M, {
+        get when() {
+          return P(() => !!m().shouldCollapse)() && l() === 1;
+        },
+        get children() {
+          return [a(Y, {
+            get segments() {
+              return m().collapsed;
+            },
+            onSelect: C
+          }), a(T, {
+            class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
+          })];
+        }
+      }), a(Z, {
+        segment: i,
+        get isLast() {
+          return l() === m().visible.length - 1;
+        },
+        onClick: () => C(i)
+      })]
+    })), b(() => x(e, W("flex items-center gap-1 min-w-0 overflow-hidden", n.class))), e;
   })();
 }
-function B(r) {
-  const e = () => r.currentMode === r.mode;
+function Y(n) {
+  const r = () => n.segments.map((t) => ({
+    id: t.path,
+    label: t.name
+  }));
+  return a(z, {
+    get trigger() {
+      return (() => {
+        var t = j();
+        return b(() => x(t, W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring"))), t;
+      })();
+    },
+    get items() {
+      return r();
+    },
+    onSelect: (t) => {
+      const c = n.segments.find((d) => d.path === t);
+      c && n.onSelect(c);
+    },
+    align: "start"
+  });
+}
+function Z(n) {
   return (() => {
-    var n = Z();
-    return n.$$click = () => r.onClick(), o(n, l(r.icon, {
-      class: "w-3.5 h-3.5"
-    })), s((c) => {
-      var m = v("flex items-center justify-center w-6 h-6 rounded cursor-pointer", "transition-all duration-150", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", e() ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"), w = r.label, h = e();
-      return m !== c.e && d(n, c.e = m), w !== c.t && g(n, "aria-label", c.t = w), h !== c.a && g(n, "aria-pressed", c.a = h), c;
+    var r = q(), s = r.firstChild;
+    return r.$$click = () => n.onClick(), E(s, () => n.segment.name), b((t) => {
+      var c = n.isLast, d = W("text-xs px-1.5 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-all duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", n.isLast ? "font-medium text-foreground cursor-default" : "text-muted-foreground hover:text-foreground hover:bg-muted/50");
+      return c !== t.e && (r.disabled = t.e = c), d !== t.t && x(r, t.t = d), t;
     }, {
       e: void 0,
-      t: void 0,
-      a: void 0
-    }), n;
+      t: void 0
+    }), r;
   })();
 }
-S(["click", "input", "keydown"]);
+H(["click"]);
 export {
-  ie as FileBrowserToolbar
+  ce as Breadcrumb
 };