@floegence/floe-webapp-core 0.35.32 → 0.35.34

package/dist/components/ui/picker/PickerBase.js

@@ -1,19 +1,19 @@
-import { insert as d, createComponent as c, effect as T, className as p, style as Z, memo as z, template as $, setAttribute as ee, setStyleProperty as te, delegateEvents as ne } from "solid-js/web";
-import { createSignal as _, createMemo as L, createEffect as K, on as G, For as N, Show as F } from "solid-js";
-import { cn as I } from "../../../utils/cn.js";
-import { deferAfterPaint as re } from "../../../utils/defer.js";
-import { Button as B } from "../Button.js";
+import { insert as d, createComponent as s, effect as F, className as I, style as Y, memo as H, template as $, setAttribute as Z, setStyleProperty as ee, delegateEvents as te } from "solid-js/web";
+import { createSignal as _, createMemo as L, createEffect as A, on as K, For as B, Show as T } from "solid-js";
+import { cn as p } from "../../../utils/cn.js";
+import { deferAfterPaint as ne } from "../../../utils/defer.js";
+import { Button as z } from "../Button.js";
 import { Input as W } from "../Input.js";
-import { ChevronRight as j, Check as oe, X as le, Plus as ie } from "../../icons/index.js";
-import { FolderOpenIcon as M, FolderIcon as ae } from "../../file-browser/FileIcons.js";
-var O = /* @__PURE__ */ $('<div class="flex items-center gap-1.5"><div class=flex-1>'), ce = /* @__PURE__ */ $('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), se = /* @__PURE__ */ $("<button type=button><span>New Folder"), ue = /* @__PURE__ */ $('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), V = /* @__PURE__ */ $("<button type=button>"), de = /* @__PURE__ */ $('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), he = /* @__PURE__ */ $("<div><button type=button><span>"), fe = /* @__PURE__ */ $("<div class=overflow-hidden>"), ge = /* @__PURE__ */ $('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), me = /* @__PURE__ */ $('<span class="flex-shrink-0 w-4 h-4">');
+import { ChevronRight as j, Check as re, X as oe, Plus as le } from "../../icons/index.js";
+import { FolderOpenIcon as ie, FileItemIcon as ae } from "../../file-browser/FileIcons.js";
+var M = /* @__PURE__ */ $('<div class="flex items-center gap-1.5"><div class=flex-1>'), ce = /* @__PURE__ */ $('<p class="text-[11px] text-muted-foreground -mt-1">Creating in: '), se = /* @__PURE__ */ $("<button type=button><span>New Folder"), ue = /* @__PURE__ */ $('<nav class="flex items-center gap-0.5 min-w-0 overflow-x-auto py-0.5"aria-label="Selected path">'), O = /* @__PURE__ */ $("<button type=button>"), de = /* @__PURE__ */ $('<div class="flex items-center justify-center py-6 text-xs text-muted-foreground">'), he = /* @__PURE__ */ $("<div><button type=button><span>"), fe = /* @__PURE__ */ $("<div class=overflow-hidden>"), ge = /* @__PURE__ */ $('<div class="flex flex-col"><div><button type=button><span class="flex-shrink-0 w-4 h-4"></span><span class=truncate>'), me = /* @__PURE__ */ $('<span class="flex-shrink-0 w-4 h-4">');
 function y(e) {
   const l = (e ?? "").trim();
   if (l === "" || l === "/") return "/";
   const n = l.replace(/\/+$/, "");
   return n.startsWith("/") ? n : "/" + n;
 }
-function H(e) {
+function G(e) {
   const l = e.split("/").filter(Boolean), n = [];
   let r = "";
   for (let i = 0; i < l.length - 1; i++)
@@ -33,7 +33,7 @@ function xe(e, l) {
   const n = y(e ?? "/"), r = l ? y(l) : void 0;
   return !r || r === "/" ? n : n === r ? "/" : n.startsWith(r + "/") ? y(n.slice(r.length)) : n;
 }
-function pe(e) {
+function Ie(e) {
   const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root", n = () => {
     const t = typeof e.homePath == "function" ? e.homePath() : e.homePath;
     return t ? y(t) : void 0;
@@ -50,34 +50,34 @@ function pe(e) {
     if (!a) return y(t);
     const h = y(t);
     return h === a ? "/" : a !== "/" && h.startsWith(a + "/") ? h.slice(a.length) || "/" : y(t);
-  }, [b, v] = _(r()), [P, f] = _(/* @__PURE__ */ new Set(["/"])), [k, o] = _(i(r())), [x, w] = _(""), s = ve(e.files), g = L(() => e.files().filter((t) => t.type === "folder"));
-  K(G(e.open, (t) => {
+  }, [b, v] = _(r()), [P, f] = _(/* @__PURE__ */ new Set(["/"])), [k, o] = _(i(r())), [x, w] = _(""), c = ve(e.files), g = L(() => e.files().filter((t) => t.type === "folder"));
+  A(K(e.open, (t) => {
     if (t) {
       const a = r();
       v(a), o(i(a)), w("");
-      const h = H(a);
+      const h = G(a);
       f(/* @__PURE__ */ new Set(["/", ...h])), e.onReset?.(a);
     }
-  })), K(G(b, (t) => {
+  })), A(K(b, (t) => {
     o(i(t)), w("");
   }));
   const S = (t) => {
     const a = y(t);
-    return a === "/" || s().has(a);
+    return a === "/" || c().has(a);
   }, C = (t) => e.filter ? e.filter(t) : !0, E = (t) => {
-    const a = H(t);
+    const a = G(t);
     f((h) => {
       const m = new Set(h);
       for (const D of a) m.add(D);
       return m.add(t), m;
     });
-  }, q = (t) => {
+  }, X = (t) => {
     const a = P().has(t);
     f((h) => {
       const m = new Set(h);
       return m.has(t) ? m.delete(t) : m.add(t), m;
     }), a || e.onExpand?.(t);
-  }, J = (t) => {
+  }, q = (t) => {
     if (!C(t)) return;
     v(t.path);
     const a = P().has(t.path);
@@ -85,14 +85,14 @@ function pe(e) {
       const m = new Set(h);
       return m.add(t.path), m;
     }), a || e.onExpand?.(t.path);
-  }, Q = () => {
+  }, J = () => {
     v("/");
-  }, R = () => {
+  }, N = () => {
     const t = u(k().trim());
     S(t) ? (v(t), w(""), E(t)) : w("Path not found");
-  }, U = (t) => {
-    t.key === "Enter" && (t.preventDefault(), R());
-  }, Y = L(() => {
+  }, Q = (t) => {
+    t.key === "Enter" && (t.preventDefault(), N());
+  }, U = L(() => {
     const t = b(), a = l();
     if (t === "/" || t === "") return [{
       name: a,
@@ -103,9 +103,9 @@ function pe(e) {
       path: "/"
     }];
     let D = "";
-    for (const A of h)
-      D += "/" + A, m.push({
-        name: A,
+    for (const R of h)
+      D += "/" + R, m.push({
+        name: R,
         path: D
       });
     return m;
@@ -114,21 +114,21 @@ function pe(e) {
     selectedPath: b,
     setSelectedPath: v,
     expandedPaths: P,
-    toggleExpand: q,
+    toggleExpand: X,
     pathInput: k,
     setPathInput: o,
     pathInputError: x,
     setPathInputError: w,
-    folderIndex: s,
+    folderIndex: c,
     rootFolders: g,
     isValidPath: S,
     isSelectable: C,
-    handleSelectFolder: J,
-    handleSelectRoot: Q,
-    handlePathInputGo: R,
-    handlePathInputKeyDown: U,
+    handleSelectFolder: q,
+    handleSelectRoot: J,
+    handlePathInputGo: N,
+    handlePathInputKeyDown: Q,
     expandToPath: E,
-    breadcrumbSegments: Y,
+    breadcrumbSegments: U,
     handleBreadcrumbClick: (t) => {
       v(t), E(t);
     },
@@ -136,7 +136,7 @@ function pe(e) {
     toDisplayPath: i
   };
 }
-function Ie(e) {
+function pe(e) {
   const [l, n] = _(!1), [r, i] = _(""), [u, b] = _(!1), v = () => {
     n(!0), i("");
   }, P = () => {
@@ -145,9 +145,9 @@ function Ie(e) {
     const o = r().trim();
     if (!o || u()) return;
     b(!0);
-    const x = e.parentPath(), w = o, s = e.onCreateFolder;
-    re(() => {
-      s(x, w).then(() => {
+    const x = e.parentPath(), w = o, c = e.onCreateFolder;
+    ne(() => {
+      c(x, w).then(() => {
         n(!1), i("");
       }).catch((g) => {
         console.error("Failed to create folder:", g);
@@ -158,22 +158,22 @@ function Ie(e) {
   }, k = (o) => {
     o.key === "Enter" ? (o.preventDefault(), f()) : o.key === "Escape" && (o.preventDefault(), P());
   };
-  return c(F, {
+  return s(T, {
     get when() {
       return l();
     },
     get fallback() {
       return (() => {
         var o = se(), x = o.firstChild;
-        return o.$$click = v, d(o, c(ie, {
+        return o.$$click = v, d(o, s(le, {
           class: "w-3.5 h-3.5"
-        }), x), T(() => p(o, I("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), o;
+        }), x), F(() => I(o, p("flex items-center gap-1 text-xs text-muted-foreground cursor-pointer", "hover:text-foreground transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded px-1 py-0.5"))), o;
       })();
     },
     get children() {
       return [(() => {
-        var o = O(), x = o.firstChild;
-        return d(x, c(W, {
+        var o = M(), x = o.firstChild;
+        return d(x, s(W, {
           size: "sm",
           get value() {
             return r();
@@ -185,7 +185,7 @@ function Ie(e) {
             return u();
           },
           autofocus: !0
-        })), d(o, c(B, {
+        })), d(o, s(z, {
           variant: "primary",
           size: "sm",
           onClick: f,
@@ -196,11 +196,11 @@ function Ie(e) {
             return !r().trim();
           },
           get children() {
-            return c(oe, {
+            return s(re, {
               class: "w-3.5 h-3.5"
             });
           }
-        }), null), d(o, c(B, {
+        }), null), d(o, s(z, {
           variant: "ghost-destructive",
           size: "sm",
           onClick: P,
@@ -208,7 +208,7 @@ function Ie(e) {
             return u();
           },
           get children() {
-            return c(le, {
+            return s(oe, {
               class: "w-3.5 h-3.5"
             });
           }
@@ -216,7 +216,7 @@ function Ie(e) {
       })(), (() => {
         var o = ce();
         return o.firstChild, d(o, (() => {
-          var x = z(() => !!e.toDisplayPath);
+          var x = H(() => !!e.toDisplayPath);
           return () => x() ? e.toDisplayPath(e.parentPath()) : e.parentPath();
         })(), null), o;
       })()];
@@ -225,8 +225,8 @@ function Ie(e) {
 }
 function Ee(e) {
   return (() => {
-    var l = O(), n = l.firstChild;
-    return d(n, c(W, {
+    var l = M(), n = l.firstChild;
+    return d(n, s(W, {
       size: "sm",
       get value() {
         return e.value();
@@ -241,7 +241,7 @@ function Ee(e) {
       get error() {
         return e.error();
       }
-    })), d(l, c(B, {
+    })), d(l, s(z, {
       variant: "outline",
       size: "sm",
       get onClick() {
@@ -254,22 +254,22 @@ function Ee(e) {
 function Fe(e) {
   return (() => {
     var l = ue();
-    return d(l, c(N, {
+    return d(l, s(B, {
       get each() {
         return e.segments();
       },
-      children: (n, r) => [c(F, {
+      children: (n, r) => [s(T, {
         get when() {
           return r() > 0;
         },
         get children() {
-          return c(j, {
+          return s(j, {
             class: "w-3 h-3 text-muted-foreground/50 flex-shrink-0"
           });
         }
       }), (() => {
-        var i = V();
-        return i.$$click = () => e.onClick(n.path), d(i, () => n.name), T(() => p(i, I("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", r() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), i;
+        var i = O();
+        return i.$$click = () => e.onClick(n.path), d(i, () => n.name), F(() => I(i, p("text-xs px-1 py-0.5 rounded cursor-pointer flex-shrink-0", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", r() === e.segments().length - 1 ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"))), i;
       })()]
     })), l;
   })();
@@ -278,13 +278,13 @@ function Te(e) {
   const l = () => (typeof e.homeLabel == "function" ? e.homeLabel() : e.homeLabel) ?? "Root";
   return (() => {
     var n = he(), r = n.firstChild, i = r.firstChild;
-    return r.$$click = () => e.onSelectRoot(), d(r, c(M, {
+    return r.$$click = () => e.onSelectRoot(), d(r, s(ie, {
       class: "w-4 h-4 flex-shrink-0"
-    }), i), d(i, l), d(n, c(N, {
+    }), i), d(i, l), d(n, s(B, {
       get each() {
         return e.rootFolders();
       },
-      children: (u) => c(X, {
+      children: (u) => s(V, {
         item: u,
         depth: 1,
         get selectedPath() {
@@ -303,7 +303,7 @@ function Te(e) {
           return e.isSelectable;
         }
       })
-    }), null), d(n, c(F, {
+    }), null), d(n, s(T, {
       get when() {
         return e.rootFolders().length === 0;
       },
@@ -311,9 +311,9 @@ function Te(e) {
         var u = de();
         return d(u, () => e.emptyText ?? "No directories available"), u;
       }
-    }), null), T((u) => {
-      var b = I("border border-border rounded overflow-y-auto", e.class), v = e.style, P = I("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
-      return b !== u.e && p(n, u.e = b), u.t = Z(n, v, u.t), P !== u.a && p(r, u.a = P), u;
+    }), null), F((u) => {
+      var b = p("border border-border rounded overflow-y-auto", e.class), v = e.style, P = p("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", e.selectedPath() === "/" && "bg-accent text-accent-foreground font-medium");
+      return b !== u.e && I(n, u.e = b), u.t = Y(n, v, u.t), P !== u.a && I(r, u.a = P), u;
     }, {
       e: void 0,
       t: void 0,
@@ -321,7 +321,7 @@ function Te(e) {
     }), n;
   })();
 }
-function X(e) {
+function V(e) {
   const l = () => e.expandedPaths().has(e.item.path), n = () => e.selectedPath() === e.item.path, r = () => e.isSelectable(e.item), i = L(() => e.item.children?.filter((f) => f.type === "folder") ?? []), u = () => i().length > 0, b = () => e.item.type === "folder", v = (f) => {
     f.stopPropagation(), e.onToggle(e.item.path);
   }, P = () => {
@@ -329,7 +329,7 @@ function X(e) {
   };
   return (() => {
     var f = ge(), k = f.firstChild, o = k.firstChild, x = o.firstChild, w = x.nextSibling;
-    return d(k, c(F, {
+    return d(k, s(T, {
       get when() {
         return b();
       },
@@ -337,42 +337,36 @@ function X(e) {
         return me();
       },
       get children() {
-        var s = V();
-        return s.$$click = v, d(s, c(j, {
+        var c = O();
+        return c.$$click = v, d(c, s(j, {
           class: "w-3 h-3 opacity-60"
-        })), T((g) => {
-          var S = I("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", l() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), C = l() ? "Collapse folder" : "Expand folder";
-          return S !== g.e && p(s, g.e = S), C !== g.t && ee(s, "aria-label", g.t = C), g;
+        })), F((g) => {
+          var S = p("flex-shrink-0 w-4 h-4 flex items-center justify-center cursor-pointer", "transition-transform duration-150", l() && "rotate-90", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"), C = l() ? "Collapse folder" : "Expand folder";
+          return S !== g.e && I(c, g.e = S), C !== g.t && Z(c, "aria-label", g.t = C), g;
         }, {
           e: void 0,
           t: void 0
-        }), s;
+        }), c;
       }
-    }), o), o.$$click = P, d(x, c(F, {
-      get when() {
-        return z(() => !!u())() && l();
+    }), o), o.$$click = P, d(x, s(ae, {
+      get item() {
+        return e.item;
       },
-      get fallback() {
-        return c(ae, {
-          class: "w-4 h-4"
-        });
+      get open() {
+        return l();
       },
-      get children() {
-        return c(M, {
-          class: "w-4 h-4"
-        });
-      }
-    })), d(w, () => e.item.name), d(f, c(F, {
+      class: "w-4 h-4"
+    })), d(w, () => e.item.name), d(f, s(T, {
       get when() {
-        return z(() => !!l())() && u();
+        return H(() => !!l())() && u();
       },
       get children() {
-        var s = fe();
-        return d(s, c(N, {
+        var c = fe();
+        return d(c, s(B, {
           get each() {
             return i();
           },
-          children: (g) => c(X, {
+          children: (g) => s(V, {
             item: g,
             get depth() {
               return e.depth + 1;
@@ -393,11 +387,11 @@ function X(e) {
               return e.isSelectable;
             }
           })
-        })), s;
+        })), c;
       }
-    }), null), T((s) => {
-      var g = I("group flex items-center w-full text-xs", "transition-colors duration-100", r() ? "hover:bg-accent/60" : "opacity-50", n() && r() && "bg-accent text-accent-foreground font-medium"), S = `${4 + e.depth * 14}px`, C = !r(), E = I("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", r() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
-      return g !== s.e && p(k, s.e = g), S !== s.t && te(k, "padding-left", s.t = S), C !== s.a && (o.disabled = s.a = C), E !== s.o && p(o, s.o = E), s;
+    }), null), F((c) => {
+      var g = p("group flex items-center w-full text-xs", "transition-colors duration-100", r() ? "hover:bg-accent/60" : "opacity-50", n() && r() && "bg-accent text-accent-foreground font-medium"), S = `${4 + e.depth * 14}px`, C = !r(), E = p("flex items-center gap-1 flex-1 min-w-0 text-left py-1.5 pl-0.5 pr-2", r() ? "cursor-pointer" : "cursor-not-allowed", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring");
+      return g !== c.e && I(k, c.e = g), S !== c.t && ee(k, "padding-left", c.t = S), C !== c.a && (o.disabled = c.a = C), E !== c.o && I(o, c.o = E), c;
     }, {
       e: void 0,
       t: void 0,
@@ -406,16 +400,16 @@ function X(e) {
     }), f;
   })();
 }
-ne(["click"]);
+te(["click"]);
 export {
-  Ie as NewFolderSection,
+  pe as NewFolderSection,
   Ee as PathInputBar,
   Fe as PickerBreadcrumb,
   Te as PickerFolderTree,
-  X as PickerTreeNode,
-  H as getAncestorPaths,
+  V as PickerTreeNode,
+  G as getAncestorPaths,
   y as normalizePath,
   xe as resolvePickerInitialPath,
   ve as useFolderIndex,
-  pe as usePickerTree
+  Ie as usePickerTree
 };

package/dist/context/LayoutContext.d.ts

@@ -1,15 +1,20 @@
 import { type Accessor } from 'solid-js';
+export type SidebarVisibilityMotion = 'animated' | 'instant';
 export interface LayoutContextValue {
     sidebarWidth: Accessor<number>;
     sidebarActiveTab: Accessor<string>;
     sidebarCollapsed: Accessor<boolean>;
+    sidebarVisibilityMotion: Accessor<SidebarVisibilityMotion>;
+    sidebarVisibilityMotionRevision: Accessor<number>;
     clampSidebarWidth: (width: number) => number;
     setSidebarWidth: (width: number) => void;
     setSidebarActiveTab: (tab: string, opts?: {
         openSidebar?: boolean;
+        visibilityMotion?: SidebarVisibilityMotion;
     }) => void;
     setSidebarCollapsed: (collapsed: boolean) => void;
     toggleSidebarCollapse: () => void;
+    clearSidebarVisibilityMotion: (revision: number) => void;
     terminalOpened: Accessor<boolean>;
     terminalHeight: Accessor<number>;
     toggleTerminal: () => void;

package/dist/context/LayoutContext.js

@@ -1,76 +1,88 @@
-import { createEffect as m } from "solid-js";
-import { createStore as p, produce as d } from "solid-js/store";
-import { createSimpleContext as h } from "./createSimpleContext.js";
-import { useResolvedFloeConfig as f } from "./FloeConfigContext.js";
+import { createEffect as f } from "solid-js";
+import { createStore as c, produce as r } from "solid-js/store";
+import { createSimpleContext as u } from "./createSimpleContext.js";
+import { useResolvedFloeConfig as v } from "./FloeConfigContext.js";
 const {
-  Provider: w,
-  use: y
-} = h({
+  Provider: x,
+  use: C
+} = u({
   name: "Layout",
-  init: u
+  init: g
 });
-function u() {
-  const l = f(), a = () => l.config.layout, b = () => typeof window > "u" ? !1 : window.matchMedia(a().mobileQuery).matches, o = l.persist.load(a().storageKey, {}), c = {
+function g() {
+  const n = v(), i = () => n.config.layout, p = () => typeof window > "u" ? !1 : window.matchMedia(i().mobileQuery).matches, s = n.persist.load(i().storageKey, {}), h = {
     sidebar: {
-      width: o.sidebar?.width ?? a().sidebar.defaultWidth,
-      activeTab: o.sidebar?.activeTab ?? a().sidebar.defaultActiveTab,
-      collapsed: o.sidebar?.collapsed ?? a().sidebar.defaultCollapsed
+      width: s.sidebar?.width ?? i().sidebar.defaultWidth,
+      activeTab: s.sidebar?.activeTab ?? i().sidebar.defaultActiveTab,
+      collapsed: s.sidebar?.collapsed ?? i().sidebar.defaultCollapsed
     },
     terminal: {
-      opened: o.terminal?.opened ?? a().terminal.defaultOpened,
-      height: o.terminal?.height ?? a().terminal.defaultHeight
+      opened: s.terminal?.opened ?? i().terminal.defaultOpened,
+      height: s.terminal?.height ?? i().terminal.defaultHeight
     },
-    isMobile: b()
-  }, [i, t] = p(c), s = (e) => Math.max(a().sidebar.clamp.min, Math.min(a().sidebar.clamp.max, e));
-  return m(() => {
+    isMobile: p()
+  }, [t, o] = c(h), [l, b] = c({
+    motion: "animated",
+    revision: 0
+  }), m = (e) => Math.max(i().sidebar.clamp.min, Math.min(i().sidebar.clamp.max, e));
+  return f(() => {
     const e = {
       sidebar: {
-        width: i.sidebar.width,
-        activeTab: i.sidebar.activeTab,
-        collapsed: i.sidebar.collapsed
+        width: t.sidebar.width,
+        activeTab: t.sidebar.activeTab,
+        collapsed: t.sidebar.collapsed
       },
       terminal: {
-        opened: i.terminal.opened,
-        height: i.terminal.height
+        opened: t.terminal.opened,
+        height: t.terminal.height
       }
     };
-    l.persist.debouncedSave(a().storageKey, e);
+    n.persist.debouncedSave(i().storageKey, e);
   }), {
     // Sidebar accessors
-    sidebarWidth: () => i.sidebar.width,
-    sidebarActiveTab: () => i.sidebar.activeTab,
-    sidebarCollapsed: () => i.sidebar.collapsed,
-    clampSidebarWidth: s,
+    sidebarWidth: () => t.sidebar.width,
+    sidebarActiveTab: () => t.sidebar.activeTab,
+    sidebarCollapsed: () => t.sidebar.collapsed,
+    sidebarVisibilityMotion: () => l.motion,
+    sidebarVisibilityMotionRevision: () => l.revision,
+    clampSidebarWidth: m,
     // Sidebar actions
-    setSidebarWidth: (e) => t(d((r) => {
-      r.sidebar.width = s(e);
+    setSidebarWidth: (e) => o(r((a) => {
+      a.sidebar.width = m(e);
     })),
-    setSidebarActiveTab: (e, r) => t(d((n) => {
-      n.sidebar.activeTab = e, r?.openSidebar !== !1 && (n.sidebar.collapsed = !1);
-    })),
-    setSidebarCollapsed: (e) => t(d((r) => {
-      r.sidebar.collapsed = e;
+    setSidebarActiveTab: (e, a) => {
+      o(r((d) => {
+        d.sidebar.activeTab = e, a?.openSidebar !== !1 && (d.sidebar.collapsed = !1);
+      })), a?.visibilityMotion === "instant" && b(r((d) => {
+        d.motion = "instant", d.revision += 1;
+      }));
+    },
+    setSidebarCollapsed: (e) => o(r((a) => {
+      a.sidebar.collapsed = e;
     })),
-    toggleSidebarCollapse: () => t(d((e) => {
+    toggleSidebarCollapse: () => o(r((e) => {
       e.sidebar.collapsed = !e.sidebar.collapsed;
     })),
+    clearSidebarVisibilityMotion: (e) => {
+      l.revision === e && b("motion", "animated");
+    },
     // Terminal accessors
-    terminalOpened: () => i.terminal.opened,
-    terminalHeight: () => i.terminal.height,
+    terminalOpened: () => t.terminal.opened,
+    terminalHeight: () => t.terminal.height,
     // Terminal actions
-    toggleTerminal: () => t(d((e) => {
+    toggleTerminal: () => o(r((e) => {
       e.terminal.opened = !e.terminal.opened;
     })),
-    setTerminalHeight: (e) => t(d((r) => {
-      r.terminal.height = Math.max(a().terminal.clamp.min, Math.min(a().terminal.clamp.max, e));
+    setTerminalHeight: (e) => o(r((a) => {
+      a.terminal.height = Math.max(i().terminal.clamp.min, Math.min(i().terminal.clamp.max, e));
     })),
     // Mobile
-    isMobile: () => i.isMobile,
-    setIsMobile: (e) => t("isMobile", e)
+    isMobile: () => t.isMobile,
+    setIsMobile: (e) => o("isMobile", e)
   };
 }
 export {
-  w as LayoutProvider,
-  u as createLayoutService,
-  y as useLayout
+  x as LayoutProvider,
+  g as createLayoutService,
+  C as useLayout
 };