@floegence/floe-webapp-core 0.73.0 → 0.74.0

package/dist/components/file-browser/FileBrowserStatusBar.d.ts

@@ -1,5 +1,7 @@
 import { type JSX } from 'solid-js';
 export interface FileBrowserStatusBarProps {
+    /** Keep the status geometry without reporting an unconfirmed count or path. */
+    initializing?: boolean;
     /** Additional classes for the status bar container. */
     class?: string;
     /** Additional classes for the current-path label. */

package/dist/components/file-browser/FileBrowserStatusBar.js

@@ -1,48 +1,74 @@
-import { insert as r, createComponent as f, effect as g, className as v, setAttribute as C, template as o } from "solid-js/web";
-import { Show as h } from "solid-js";
-import { cn as x } from "../../utils/cn.js";
+import { insert as i, createComponent as a, effect as f, className as v, setAttribute as h, template as u } from "solid-js/web";
+import { Show as m } from "solid-js";
+import { Skeleton as g } from "../loading/Skeleton.js";
+import { cn as w } from "../../utils/cn.js";
 import { useFileBrowser as $ } from "./FileBrowserContext.js";
-var p = /* @__PURE__ */ o("<span aria-hidden=true>·"), w = /* @__PURE__ */ o("<span>"), _ = /* @__PURE__ */ o('<div data-file-browser-status-bar=true><div class="flex flex-wrap items-center gap-1.5"><span></span></div><div>');
+var x = /* @__PURE__ */ u("<span aria-hidden=true>·"), b = /* @__PURE__ */ u("<span>"), C = /* @__PURE__ */ u('<div class="flex flex-wrap items-center gap-1.5"><span>'), p = /* @__PURE__ */ u("<div>"), _ = /* @__PURE__ */ u("<div data-file-browser-status-bar=true>");
 function S(t) {
   return `${t} ${t === 1 ? "item" : "items"}`;
 }
-function F(t) {
+function y(t) {
   return `${t} selected`;
 }
-function P(t) {
-  const n = $(), s = () => n.currentFiles().length, i = () => n.selectedItems().size;
+function A(t) {
+  const l = $(), d = () => l.currentFiles().length, s = () => l.selectedItems().size;
   return (() => {
-    var a = _(), l = a.firstChild, b = l.firstChild, u = l.nextSibling;
-    return r(b, () => t.formatItemCount?.(s()) ?? S(s())), r(l, f(h, {
+    var o = _();
+    return i(o, a(m, {
       get when() {
-        return n.filterQueryApplied().trim();
+        return !t.initializing;
       },
-      get children() {
-        return [p(), (() => {
-          var e = w();
-          return r(e, () => t.filteredLabel ?? "Filtered"), e;
-        })()];
-      }
-    }), null), r(l, f(h, {
-      get when() {
-        return i() > 0;
+      get fallback() {
+        return [a(g, {
+          class: "h-[1.5em] w-12"
+        }), a(g, {
+          class: "h-[1.5em] w-32"
+        })];
       },
       get children() {
-        return [p(), (() => {
-          var e = w();
-          return r(e, () => t.formatSelectedCount?.(i()) ?? F(i())), e;
+        return [(() => {
+          var e = C(), n = e.firstChild;
+          return i(n, () => t.formatItemCount?.(d()) ?? S(d())), i(e, a(m, {
+            get when() {
+              return l.filterQueryApplied().trim();
+            },
+            get children() {
+              return [x(), (() => {
+                var r = b();
+                return i(r, () => t.filteredLabel ?? "Filtered"), r;
+              })()];
+            }
+          }), null), i(e, a(m, {
+            get when() {
+              return s() > 0;
+            },
+            get children() {
+              return [x(), (() => {
+                var r = b();
+                return i(r, () => t.formatSelectedCount?.(s()) ?? y(s())), r;
+              })()];
+            }
+          }), null), e;
+        })(), (() => {
+          var e = p();
+          return i(e, () => l.currentPath()), f((n) => {
+            var r = w("max-w-[200px] truncate text-right", t.pathClass), c = l.currentPath();
+            return r !== n.e && v(e, n.e = r), c !== n.t && h(e, "title", n.t = c), n;
+          }, {
+            e: void 0,
+            t: void 0
+          }), e;
         })()];
       }
-    }), null), r(u, () => n.currentPath()), g((e) => {
-      var d = x("flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-1 text-[10px] text-muted-foreground", t.class), m = x("max-w-[200px] truncate text-right", t.pathClass), c = n.currentPath();
-      return d !== e.e && v(a, e.e = d), m !== e.t && v(u, e.t = m), c !== e.a && C(u, "title", e.a = c), e;
+    })), f((e) => {
+      var n = t.initializing || void 0, r = w("flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-1 text-[10px] text-muted-foreground", t.class);
+      return n !== e.e && h(o, "aria-busy", e.e = n), r !== e.t && v(o, e.t = r), e;
     }, {
       e: void 0,
-      t: void 0,
-      a: void 0
-    }), a;
+      t: void 0
+    }), o;
   })();
 }
 export {
-  P as FileBrowserStatusBar
+  A as FileBrowserStatusBar
 };

package/dist/components/file-browser/FileGridView.d.ts

@@ -1,5 +1,7 @@
 export interface FileGridViewProps {
     class?: string;
+    /** No successful directory result exists yet. Do not set during background refresh. */
+    initializing?: boolean;
     /** Instance ID for drag operations */
     instanceId?: string;
     /** Whether drag and drop is enabled */