@floegence/floe-webapp-core 0.1.2 → 0.1.7

package/dist/index2.js

@@ -1,34 +1,35 @@
-import { delegateEvents as z, template as f, insert as a, createComponent as n, Dynamic as p, memo as b, effect as w, className as y, setStyleProperty as R } from "solid-js/web";
-import { createSignal as H, createEffect as C, createMemo as $, For as _, Show as m } from "solid-js";
-import { useLayout as O } from "./index41.js";
-import { useResolvedFloeConfig as F } from "./index39.js";
-import { useMediaQuery as P } from "./index47.js";
-import { cn as x } from "./index53.js";
-import { useComponentRegistry as W } from "./index44.js";
+import { delegateEvents as z, template as f, insert as a, createComponent as n, Dynamic as w, memo as v, effect as C, className as T, setStyleProperty as O } from "solid-js/web";
+import { createSignal as F, createEffect as h, createMemo as $, For as x, Show as b } from "solid-js";
+import { useLayout as R } from "./index50.js";
+import { useResolvedFloeConfig as H } from "./index48.js";
+import { useMediaQuery as P } from "./index56.js";
+import { cn as A } from "./index62.js";
+import { useComponentRegistry as W } from "./index53.js";
 import { Sidebar as E } from "./index4.js";
 import { TopBar as Q } from "./index5.js";
 import { BottomBar as D } from "./index6.js";
 import { MobileTabBar as L } from "./index7.js";
 import { ActivityBar as N } from "./index3.js";
-import { ResizeHandle as T } from "./index8.js";
-var A = /* @__PURE__ */ f('<div class="flex items-center gap-2">'), j = /* @__PURE__ */ f('<div class="absolute inset-0 z-40 bg-background/80 backdrop-blur-sm cursor-pointer">'), q = /* @__PURE__ */ f('<div><div class="h-full overflow-auto overscroll-contain">'), G = /* @__PURE__ */ f('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), J = /* @__PURE__ */ f('<div><div class="flex-1 min-h-0 flex overflow-hidden relative"><div class="flex-1 min-w-0 flex flex-col overflow-hidden"><main class="flex-1 min-h-0 overflow-auto overscroll-contain">');
-function ae(o) {
-  const r = O(), B = F(), s = P(B.config.layout.mobileQuery), [v, g] = H(!1), d = (() => {
+import { ResizeHandle as _ } from "./index8.js";
+import { resolveMobileTabActiveId as j, resolveMobileTabSelect as q } from "./index76.js";
+var y = /* @__PURE__ */ f('<div class="flex items-center gap-2">'), G = /* @__PURE__ */ f('<div class="absolute inset-0 z-40 bg-black/30 cursor-pointer">'), J = /* @__PURE__ */ f('<div><div class="h-full overflow-auto overscroll-contain">'), K = /* @__PURE__ */ f('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), U = /* @__PURE__ */ f('<div><div class="flex-1 min-h-0 flex overflow-hidden relative"><div class="flex-1 min-w-0 flex flex-col overflow-hidden"><main class="flex-1 min-h-0 overflow-auto overscroll-contain">');
+function de(l) {
+  const r = R(), M = H(), d = P(M.config.layout.mobileQuery), [p, g] = F(!1), s = (() => {
     try {
       return W();
     } catch {
       return null;
     }
   })();
-  C(() => {
-    const e = s();
+  h(() => {
+    const e = d();
     r.isMobile() !== e && r.setIsMobile(e);
-  }), C(() => {
-    s() || g(!1);
+  }), h(() => {
+    d() || g(!1);
   });
-  const u = $(() => o.activityItems ? o.activityItems : d ? d.sidebarItems().filter((e) => !!e.icon).filter((e) => {
+  const u = $(() => l.activityItems ? l.activityItems : s ? s.sidebarItems().filter((e) => !!e.icon).filter((e) => {
     var t;
-    return !(s() && ((t = e.sidebar) != null && t.hiddenOnMobile));
+    return !(d() && ((t = e.sidebar) != null && t.hiddenOnMobile));
   }).map((e) => {
     var t;
     return {
@@ -37,71 +38,85 @@ function ae(o) {
       label: e.name,
       badge: (t = e.sidebar) == null ? void 0 : t.badge
     };
-  }) : []), S = (e) => {
-    if (o.sidebarContent) return o.sidebarContent(e);
-    if (!d) return;
-    const t = d.getComponent(e);
+  }) : []), I = (e) => {
+    if (l.sidebarContent) return l.sidebarContent(e);
+    if (!s) return;
+    const t = s.getComponent(e);
     if (t != null && t.sidebar && !t.sidebar.fullScreen)
-      return n(p, {
+      return n(w, {
         get component() {
           return t.component;
         }
       });
-  }, I = $(() => {
+  }, S = $(() => {
     var t;
-    if (!d) return !1;
-    const e = d.getComponent(r.sidebarActiveTab());
+    if (!s) return !1;
+    const e = s.getComponent(r.sidebarActiveTab());
     return ((t = e == null ? void 0 : e.sidebar) == null ? void 0 : t.fullScreen) ?? !1;
-  }), M = $(() => {
-    if (o.bottomBarItems) return o.bottomBarItems;
-    if (!d) return;
-    const e = [...d.statusBarItems()].sort((l, i) => (l.order ?? 100) - (i.order ?? 100)), t = e.filter((l) => l.position === "left"), c = e.filter((l) => l.position === "right");
+  });
+  h(() => {
+    d() && S() && g(!1);
+  });
+  const B = $(() => {
+    if (l.bottomBarItems) return l.bottomBarItems;
+    if (!s) return;
+    const e = [...s.statusBarItems()].sort((o, i) => (o.order ?? 100) - (i.order ?? 100)), t = e.filter((o) => o.position === "left"), c = e.filter((o) => o.position === "right");
     return [(() => {
-      var l = A();
-      return a(l, n(_, {
+      var o = y();
+      return a(o, n(x, {
         each: t,
-        children: (i) => n(p, {
+        children: (i) => n(w, {
           get component() {
             return i.component;
           }
         })
-      })), l;
+      })), o;
     })(), (() => {
-      var l = A();
-      return a(l, n(_, {
+      var o = y();
+      return a(o, n(x, {
         each: c,
-        children: (i) => n(p, {
+        children: (i) => n(w, {
           get component() {
             return i.component;
           }
         })
-      })), l;
+      })), o;
     })()];
   });
-  C(() => {
+  h(() => {
     const e = u();
     if (!e.length) return;
     const t = r.sidebarActiveTab();
     (!t || !e.some((c) => c.id === t)) && r.setSidebarActiveTab(e[0].id);
   });
   const k = (e) => {
-    r.sidebarActiveTab() === e && v() ? g(!1) : (r.setSidebarActiveTab(e), g(!0));
+    var i, m;
+    const t = ((m = (i = s == null ? void 0 : s.getComponent(e)) == null ? void 0 : i.sidebar) == null ? void 0 : m.fullScreen) ?? !1, {
+      nextActiveId: c,
+      nextMobileSidebarOpen: o
+    } = q({
+      clickedId: e,
+      activeId: r.sidebarActiveTab(),
+      mobileSidebarOpen: p(),
+      clickedIsFullScreen: t
+    });
+    r.sidebarActiveTab() !== c && r.setSidebarActiveTab(c), g(o);
   };
   return (() => {
-    var e = J(), t = e.firstChild, c = t.firstChild, l = c.firstChild;
+    var e = U(), t = e.firstChild, c = t.firstChild, o = c.firstChild;
     return a(e, n(Q, {
       get logo() {
-        return o.logo;
+        return l.logo;
       },
       get actions() {
-        return o.topBarActions;
+        return l.topBarActions;
       }
-    }), t), a(t, n(m, {
+    }), t), a(t, n(b, {
       get when() {
-        return !s();
+        return !d();
       },
       get children() {
-        return [n(m, {
+        return [n(b, {
           get when() {
             return u().length > 0;
           },
@@ -111,7 +126,7 @@ function ae(o) {
                 return u();
               },
               get bottomItems() {
-                return o.activityBottomItems;
+                return l.activityBottomItems;
               },
               get activeId() {
                 return r.sidebarActiveTab();
@@ -127,9 +142,9 @@ function ae(o) {
               }
             });
           }
-        }), n(m, {
+        }), n(b, {
           get when() {
-            return b(() => !r.sidebarCollapsed())() && !I();
+            return v(() => !r.sidebarCollapsed())() && !S();
           },
           get children() {
             return n(E, {
@@ -137,56 +152,56 @@ function ae(o) {
                 return r.sidebarWidth();
               },
               get resizer() {
-                return n(T, {
+                return n(_, {
                   direction: "horizontal",
                   onResize: (i) => r.setSidebarWidth(r.sidebarWidth() + i)
                 });
               },
               get children() {
-                return S(r.sidebarActiveTab());
+                return I(r.sidebarActiveTab());
               }
             });
           }
         })];
       }
-    }), c), a(t, n(m, {
+    }), c), a(t, n(b, {
       get when() {
-        return b(() => !!s())() && v();
+        return v(() => !!d())() && p();
       },
       get children() {
         return [(() => {
-          var i = j();
+          var i = G();
           return i.$$click = () => g(!1), i;
         })(), (() => {
-          var i = q(), h = i.firstChild;
-          return a(h, () => S(r.sidebarActiveTab())), w(() => y(i, x("absolute left-0 top-0 bottom-0 z-50 w-80 max-w-[85vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200"))), i;
+          var i = J(), m = i.firstChild;
+          return a(m, () => I(r.sidebarActiveTab())), C(() => T(i, A("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200"))), i;
         })()];
       }
-    }), c), a(l, () => o.children), a(c, n(m, {
+    }), c), a(o, () => l.children), a(c, n(b, {
       get when() {
-        return b(() => !!(!s() && r.terminalOpened()))() && o.terminalPanel;
+        return v(() => !!(!d() && r.terminalOpened()))() && l.terminalPanel;
       },
       get children() {
-        var i = G();
-        return a(i, n(T, {
+        var i = K();
+        return a(i, n(_, {
           direction: "vertical",
-          onResize: (h) => r.setTerminalHeight(r.terminalHeight() - h)
-        }), null), a(i, () => o.terminalPanel, null), w((h) => R(i, "height", `${r.terminalHeight()}px`)), i;
+          onResize: (m) => r.setTerminalHeight(r.terminalHeight() - m)
+        }), null), a(i, () => l.terminalPanel, null), C((m) => O(i, "height", `${r.terminalHeight()}px`)), i;
       }
-    }), null), a(e, n(m, {
+    }), null), a(e, n(b, {
       get when() {
-        return !s();
+        return !d();
       },
       get children() {
         return n(D, {
           get children() {
-            return M();
+            return B();
           }
         });
       }
-    }), null), a(e, n(m, {
+    }), null), a(e, n(b, {
       get when() {
-        return b(() => !!s())() && u().length > 0;
+        return v(() => !!d())() && u().length > 0;
       },
       get children() {
         return n(L, {
@@ -194,22 +209,26 @@ function ae(o) {
             return u();
           },
           get activeId() {
-            return b(() => !!v())() ? r.sidebarActiveTab() : "";
+            return j({
+              activeId: r.sidebarActiveTab(),
+              mobileSidebarOpen: p(),
+              activeIsFullScreen: S()
+            });
           },
           onSelect: k
         });
       }
-    }), null), w(() => y(e, x(
+    }), null), C(() => T(e, A(
       // Use dvh when supported to avoid mobile browser UI causing layout jumps.
       "h-screen h-[100dvh] w-full flex flex-col overflow-hidden",
       "bg-background text-foreground",
       // Prevent overscroll on the shell container
       "overscroll-none",
-      o.class
+      l.class
     ))), e;
   })();
 }
 z(["click"]);
 export {
-  ae as Shell
+  de as Shell
 };

package/dist/index20.js

@@ -1,6 +1,6 @@
 import { template as n, insert as o, createComponent as s, spread as c, mergeProps as d } from "solid-js/web";
 import { splitProps as g, Show as i } from "solid-js";
-import { cn as p } from "./index53.js";
+import { cn as p } from "./index62.js";
 var m = /* @__PURE__ */ n('<div class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), h = /* @__PURE__ */ n('<div class="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none">'), f = /* @__PURE__ */ n('<p class="mt-1 text-[11px] text-error">'), x = /* @__PURE__ */ n("<div class=relative><input>"), b = /* @__PURE__ */ n("<div><textarea>");
 const v = {
   sm: "h-7 text-xs px-2",

package/dist/index21.js

@@ -1,10 +1,10 @@
 import { delegateEvents as E, createComponent as o, Portal as _, template as c, insert as l, effect as b, setAttribute as v, className as D, use as T } from "solid-js/web";
 import { createUniqueId as O, createEffect as $, onCleanup as x, Show as s } from "solid-js";
-import { cn as L } from "./index53.js";
+import { cn as L } from "./index62.js";
 import { Button as y } from "./index19.js";
 import { X as z } from "./index30.js";
-import { lockBodyStyle as F } from "./index57.js";
-import { useResolvedFloeConfig as I } from "./index39.js";
+import { lockBodyStyle as F } from "./index66.js";
+import { useResolvedFloeConfig as I } from "./index48.js";
 var j = /* @__PURE__ */ c('<div class="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm animate-in fade-in cursor-pointer">'), H = /* @__PURE__ */ c('<h2 class="text-sm font-semibold">'), M = /* @__PURE__ */ c('<p class="mt-0.5 text-xs text-muted-foreground">'), S = /* @__PURE__ */ c('<div class="flex items-start justify-between p-3 border-b border-border"><div>'), q = /* @__PURE__ */ c('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), A = /* @__PURE__ */ c('<div role=dialog aria-modal=true tabindex=-1><div class="flex-1 overflow-auto p-3">'), B = /* @__PURE__ */ c("<div>");
 function k(e) {
   const a = ["a[href]", "button:not([disabled])", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", '[tabindex]:not([tabindex="-1"])', '[contenteditable="true"]'].join(",");

package/dist/index22.js

@@ -1,9 +1,9 @@
 import { delegateEvents as ve, createComponent as l, Portal as ze, template as D, insert as f, effect as s, setAttribute as oe, addEventListener as m, className as a, memo as be, setStyleProperty as E, use as ye } from "solid-js/web";
 import { createUniqueId as pe, createSignal as M, onMount as Se, createEffect as le, onCleanup as Me, Show as W } from "solid-js";
-import { cn as q } from "./index53.js";
+import { cn as q } from "./index62.js";
 import { Button as se } from "./index19.js";
 import { Restore as $e, Maximize as Pe, X as Ie } from "./index30.js";
-import { lockBodyStyle as Ce } from "./index57.js";
+import { lockBodyStyle as Ce } from "./index66.js";
 var _e = /* @__PURE__ */ D('<h2 class="text-sm font-medium truncate select-none">'), Ee = /* @__PURE__ */ D('<div class="flex items-center justify-end gap-2 p-3 border-t border-border">'), x = /* @__PURE__ */ D("<div style=touch-action:none>"), We = /* @__PURE__ */ D('<div role=dialog aria-modal=true><div style=touch-action:none><div class="flex-1 min-w-0"></div><div class="flex items-center gap-0.5 -mr-1"></div></div><div class="flex-1 overflow-auto p-3">');
 function Fe(i) {
   const T = () => i.resizable ?? !0, U = () => i.draggable ?? !0, H = () => i.minSize ?? {

package/dist/index23.js

@@ -1,7 +1,7 @@
 import { delegateEvents as k, template as f, insert as s, createComponent as d, effect as b, className as g, use as x } from "solid-js/web";
 import { createSignal as _, createEffect as p, onCleanup as C, Show as h, For as S } from "solid-js";
-import { cn as v } from "./index53.js";
-import { deferNonBlocking as E } from "./index54.js";
+import { cn as v } from "./index62.js";
+import { deferNonBlocking as E } from "./index63.js";
 import { ChevronDown as L, Check as j } from "./index30.js";
 var D = /* @__PURE__ */ f("<div role=menu>"), O = /* @__PURE__ */ f("<div><div class=cursor-pointer>"), N = /* @__PURE__ */ f('<div class="my-1 h-px bg-border"role=separator>'), R = /* @__PURE__ */ f('<button type=button role=menuitem><span class="w-3.5 h-3.5 flex items-center justify-center"></span><span class="flex-1 text-left">'), z = /* @__PURE__ */ f('<span class="w-3.5 h-3.5 flex items-center justify-center">'), B = /* @__PURE__ */ f("<button type=button><span>");
 function F(e) {

package/dist/index24.js

@@ -1,6 +1,6 @@
 import { delegateEvents as x, template as b, insert as n, createComponent as g, effect as y, className as u } from "solid-js/web";
 import { createSignal as w, Show as $ } from "solid-js";
-import { cn as m } from "./index53.js";
+import { cn as m } from "./index62.js";
 var S = /* @__PURE__ */ b("<div role=tooltip><div>"), E = /* @__PURE__ */ b('<div class="relative inline-block">');
 function C(e) {
   const [c, a] = w(!1);

package/dist/index25.js

@@ -1,10 +1,10 @@
 import { delegateEvents as M, createComponent as i, Portal as O, template as c, insert as l, use as L, Dynamic as z, effect as y, className as C, setAttribute as F } from "solid-js/web";
 import { createSignal as I, createEffect as w, onCleanup as S, createMemo as K, Show as g, For as D } from "solid-js";
-import { cn as E } from "./index53.js";
-import { useCommand as R } from "./index42.js";
+import { cn as E } from "./index62.js";
+import { useCommand as R } from "./index51.js";
 import { Search as j } from "./index30.js";
-import { lockBodyStyle as B } from "./index57.js";
-import { useResolvedFloeConfig as N } from "./index39.js";
+import { lockBodyStyle as B } from "./index66.js";
+import { useResolvedFloeConfig as N } from "./index48.js";
 var T = /* @__PURE__ */ c('<div class="fixed inset-0 z-50 bg-background/60 backdrop-blur-sm animate-in fade-in">'), U = /* @__PURE__ */ c('<div><div class="flex items-center gap-3 px-4 pt-1 border-b border-border"><input type=text><kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono"></kbd></div><div class="max-h-80 overflow-y-auto py-2">'), q = /* @__PURE__ */ c('<div class="px-4 py-8 text-center text-sm text-muted-foreground">'), G = /* @__PURE__ */ c('<div><div class="px-4 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wider">'), H = /* @__PURE__ */ c('<span class="w-5 h-5 flex items-center justify-center text-muted-foreground">'), J = /* @__PURE__ */ c('<span class="ml-2 text-muted-foreground text-xs">'), Q = /* @__PURE__ */ c('<kbd class="text-xs text-muted-foreground px-1.5 py-0.5 rounded bg-muted font-mono">'), V = /* @__PURE__ */ c('<button type=button><div class="flex-1 text-left"><span>');
 function ne() {
   const t = R(), $ = N();

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { delegateEvents as R, template as v, spread as m, mergeProps as h, insert as i, effect as A, className as E, memo as H, setStyleProperty as L, use as j } from "solid-js/web";
 import { splitProps as b, createSignal as F, onCleanup as q } from "solid-js";
-import { cn as p } from "./index53.js";
+import { cn as p } from "./index62.js";
 var W = /* @__PURE__ */ v('<div style="background-size:200% 200%;animation:gradient-shift 3s ease infinite">'), D = /* @__PURE__ */ v('<div class="absolute inset-[1px] rounded-[7px] bg-card">'), G = /* @__PURE__ */ v('<div class="pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100">'), N = /* @__PURE__ */ v('<div class="absolute inset-0 -translate-x-full animate-[shimmer_2s_infinite] bg-gradient-to-r from-transparent via-white/10 to-transparent">'), Z = /* @__PURE__ */ v("<div><div>"), T = /* @__PURE__ */ v("<div>"), J = /* @__PURE__ */ v("<h3>"), K = /* @__PURE__ */ v("<p>"), O = /* @__PURE__ */ v('<div><div class="relative z-10"style=transform:translateZ(20px)>'), Q = /* @__PURE__ */ v('<div class="pointer-events-none absolute inset-0 z-20 opacity-0 transition-opacity duration-300">'), U = /* @__PURE__ */ v('<div><div class="absolute inset-0"style="background:conic-gradient(from 0deg, var(--primary), var(--accent), var(--secondary), var(--primary))"></div><div class="relative rounded-[10px] bg-card h-full">'), V = /* @__PURE__ */ v('<div><div class="absolute inset-0 -z-10 overflow-hidden"><div class="absolute -top-1/2 -left-1/2 w-full h-full rounded-full bg-primary/20"style="animation:morph 8s ease-in-out infinite;filter:blur(40px)"></div><div class="absolute -bottom-1/2 -right-1/2 w-full h-full rounded-full bg-accent/20"style="animation:morph 8s ease-in-out infinite reverse;filter:blur(40px)"></div></div><div class="relative z-10">');
 function ne(l) {
   const [e, o] = b(l, ["variant", "enableTilt", "gradientColors", "glowColor", "class", "children", "style"]), t = () => e.variant ?? "default", [d, g] = F({});

package/dist/index27.js

@@ -1,6 +1,6 @@
 import { template as h, insert as $, createComponent as z, effect as m, className as d, style as I } from "solid-js/web";
 import { createSignal as P, onMount as S, onCleanup as B, For as L } from "solid-js";
-import { cn as g } from "./index53.js";
+import { cn as g } from "./index62.js";
 var M = /* @__PURE__ */ h(`<div role=status aria-label=Loading><style>
         @keyframes snakeBreathing {
           0%, 100% {

package/dist/index28.js

@@ -1,6 +1,6 @@
 import { template as c, insert as n, createComponent as t, effect as m, className as o, Portal as u } from "solid-js/web";
 import { Show as l } from "solid-js";
-import { cn as s } from "./index53.js";
+import { cn as s } from "./index62.js";
 import { SnakeLoader as f } from "./index27.js";
 var g = /* @__PURE__ */ c('<p class="text-sm text-muted-foreground">'), d = /* @__PURE__ */ c("<div>");
 function k(e) {

package/dist/index29.js

@@ -1,6 +1,6 @@
 import { template as f, effect as o, className as u, insert as s, createComponent as r } from "solid-js/web";
 import { For as h } from "solid-js";
-import { cn as i } from "./index53.js";
+import { cn as i } from "./index62.js";
 var m = /* @__PURE__ */ f("<div>"), p = /* @__PURE__ */ f('<div><div class="flex items-center gap-3"><div class="space-y-2 flex-1">'), _ = /* @__PURE__ */ f('<div class="flex items-center gap-3"><div class="flex-1 space-y-1">');
 function c(n) {
   return (() => {

package/dist/index3.js

@@ -1,6 +1,6 @@
 import { delegateEvents as y, template as d, insert as c, createComponent as l, effect as v, className as m, Dynamic as x, memo as C, setAttribute as u } from "solid-js/web";
 import { For as s, Show as f } from "solid-js";
-import { cn as g } from "./index53.js";
+import { cn as g } from "./index62.js";
 var w = /* @__PURE__ */ d('<div class="flex flex-col items-center py-1.5 gap-0.5 md:gap-2 md:py-2">'), A = /* @__PURE__ */ d('<div><div class="flex flex-col items-center py-1.5 gap-0.5 md:gap-2 md:py-2">'), k = /* @__PURE__ */ d('<div class="absolute -left-1.5 md:-left-2.5 top-1/2 -translate-y-1/2 w-1 h-7 bg-primary rounded-r">'), $ = /* @__PURE__ */ d("<span>"), _ = /* @__PURE__ */ d("<button type=button>");
 function D(e) {
   const a = (t) => {

package/dist/index36.js

@@ -1,51 +1,147 @@
-import { createComponent as r, memo as o } from "solid-js/web";
-import { FloeConfigProvider as i } from "./index39.js";
-import { ThemeProvider as n } from "./index40.js";
-import { NotificationProvider as m } from "./index43.js";
-import { ComponentRegistryProvider as d } from "./index44.js";
-import { LayoutProvider as c } from "./index41.js";
-import { CommandProvider as f } from "./index42.js";
-import { WidgetRegistryProvider as g } from "./index45.js";
-import { DeckProvider as h } from "./index46.js";
-function w(e) {
-  const t = () => r(m, {
-    get children() {
-      return r(d, {
-        get children() {
-          return r(c, {
-            get children() {
-              return r(g, {
-                get children() {
-                  return r(h, {
-                    get children() {
-                      return r(f, {
-                        get children() {
-                          return e.children;
-                        }
-                      });
-                    }
-                  });
-                }
-              });
-            }
-          });
-        }
-      });
-    }
-  });
-  return r(i, {
-    get config() {
-      return e.config;
+import { delegateEvents as j, createComponent as i, template as b, insert as n, addEventListener as S, memo as k, effect as z, className as $, setStyleProperty as I } from "solid-js/web";
+import { createSignal as L, onMount as O, onCleanup as V, Show as a } from "solid-js";
+import { cn as _ } from "./index62.js";
+import { FileBrowserProvider as W, useFileBrowser as N } from "./index37.js";
+import { DirectoryTree as T } from "./index38.js";
+import { FileListView as p } from "./index39.js";
+import { FileGridView as q } from "./index40.js";
+import { FileBrowserToolbar as D } from "./index43.js";
+import { FileContextMenu as G } from "./index41.js";
+var A = /* @__PURE__ */ b('<div class="border-b border-border">'), H = /* @__PURE__ */ b('<button type=button class="flex items-center justify-center w-5 h-5 rounded cursor-pointer hover:bg-sidebar-accent/80 transition-colors"aria-label="Close sidebar"><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 class="w-3.5 h-3.5"><path d="M18 6 6 18"></path><path d="m6 6 12 12">'), J = /* @__PURE__ */ b('<div class="absolute inset-0 bg-background/60 backdrop-blur-sm z-[9]">'), K = /* @__PURE__ */ b('<div><div class="flex flex-1 min-h-0 relative"><aside><div class="h-full flex flex-col"><div class="flex items-center justify-between px-3 py-2 border-b border-sidebar-border"><span class="text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">Explorer</span></div><div class="flex-1 min-h-0 overflow-auto py-1"></div></div></aside><div class="flex-1 min-w-0 flex flex-col"><div class="flex-1 min-h-0"></div><div class="flex items-center justify-between px-3 py-1 border-t border-border text-[10px] text-muted-foreground"><span> items</span><span class="truncate max-w-[200px]">');
+function ne(e) {
+  return i(W, {
+    get files() {
+      return e.files;
+    },
+    get initialPath() {
+      return e.initialPath;
+    },
+    get initialViewMode() {
+      return e.initialViewMode;
+    },
+    get onNavigate() {
+      return e.onNavigate;
+    },
+    get onSelect() {
+      return e.onSelect;
     },
     get children() {
-      return r(n, {
-        get children() {
-          return o(() => !!e.wrapAfterTheme)() ? e.wrapAfterTheme(t) : t();
+      return i(Q, {
+        get class() {
+          return e.class;
+        },
+        get header() {
+          return e.header;
+        },
+        get sidebarWidth() {
+          return e.sidebarWidth;
+        },
+        get hideSidebarOnMobile() {
+          return e.hideSidebarOnMobile;
+        },
+        get contextMenuCallbacks() {
+          return e.contextMenuCallbacks;
+        },
+        get customContextMenuItems() {
+          return e.customContextMenuItems;
+        },
+        get overrideContextMenuItems() {
+          return e.overrideContextMenuItems;
+        },
+        get hideContextMenuItems() {
+          return e.hideContextMenuItems;
         }
       });
     }
   });
 }
+function Q(e) {
+  const r = N(), [c, f] = L(!1), x = () => e.sidebarWidth ?? 220;
+  O(() => {
+    const l = window.matchMedia("(max-width: 767px)"), d = l.matches;
+    f(d), d && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
+    const o = (s) => {
+      f(s.matches), s.matches && e.hideSidebarOnMobile !== !1 && !r.sidebarCollapsed() && r.toggleSidebar();
+    };
+    l.addEventListener("change", o), V(() => l.removeEventListener("change", o));
+  });
+  const y = () => !r.sidebarCollapsed() || !c();
+  return (() => {
+    var l = K(), d = l.firstChild, o = d.firstChild, s = o.firstChild, h = s.firstChild;
+    h.firstChild;
+    var F = h.nextSibling, m = o.nextSibling, g = m.firstChild, B = g.nextSibling, u = B.firstChild, E = u.firstChild, P = u.nextSibling;
+    return n(l, i(a, {
+      get when() {
+        return e.header;
+      },
+      get children() {
+        var t = A();
+        return n(t, () => e.header), t;
+      }
+    }), d), n(h, i(a, {
+      get when() {
+        return c();
+      },
+      get children() {
+        var t = H();
+        return S(t, "click", r.toggleSidebar, !0), t;
+      }
+    }), null), n(F, i(T, {})), n(d, i(a, {
+      get when() {
+        return k(() => !!c())() && !r.sidebarCollapsed();
+      },
+      get children() {
+        var t = J();
+        return S(t, "click", r.toggleSidebar, !0), t;
+      }
+    }), m), n(m, i(D, {}), g), n(g, i(a, {
+      get when() {
+        return r.viewMode() === "list";
+      },
+      get fallback() {
+        return i(q, {});
+      },
+      get children() {
+        return i(p, {});
+      }
+    })), n(u, () => r.currentFiles().length, E), n(u, i(a, {
+      get when() {
+        return r.selectedItems().size > 0;
+      },
+      get children() {
+        return [" · ", k(() => r.selectedItems().size), " selected"];
+      }
+    }), null), n(P, () => r.currentPath()), n(l, i(G, {
+      get callbacks() {
+        return e.contextMenuCallbacks;
+      },
+      get customItems() {
+        return e.customContextMenuItems;
+      },
+      get overrideItems() {
+        return e.overrideContextMenuItems;
+      },
+      get hideItems() {
+        return e.hideContextMenuItems;
+      }
+    }), null), z((t) => {
+      var v = _("flex flex-col h-full min-h-0 bg-background", "border border-border rounded-lg overflow-hidden", "shadow-sm", e.class), w = _(
+        "flex-shrink-0 border-r border-border bg-sidebar",
+        "transition-all duration-200 ease-out",
+        "overflow-hidden",
+        // Mobile overlay
+        c() && !r.sidebarCollapsed() && "absolute inset-y-0 left-0 z-10 shadow-lg"
+      ), C = y() ? `${x()}px` : "0px", M = `${x()}px`;
+      return v !== t.e && $(l, t.e = v), w !== t.t && $(o, t.t = w), C !== t.a && I(o, "width", t.a = C), M !== t.o && I(s, "width", t.o = M), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), l;
+  })();
+}
+j(["click"]);
 export {
-  w as FloeProvider
+  ne as FileBrowser
 };