@floegence/floe-webapp-core 0.15.9 → 0.15.10

package/dist/components/ui/DirectoryInput.d.ts

@@ -29,5 +29,7 @@ export interface DirectoryInputProps {
     class?: string;
     /** Maximum height for the tree panel (default: '200px') */
     treeMaxHeight?: string;
+    /** Whether the tree panel is expanded by default (default: true) */
+    defaultExpanded?: boolean;
 }
 export declare function DirectoryInput(props: DirectoryInputProps): import("solid-js").JSX.Element;

package/dist/index126.js

@@ -1,20 +1,10 @@
-function W(t) {
-  const c = t.labels, i = c.length;
-  if (i <= 2) return;
-  const n = t.viewBoxWidth;
-  if (!Number.isFinite(n) || n <= 0) return;
-  const x = t.padding.left, s = t.padding.right, o = n - x - s;
-  if (!Number.isFinite(o) || o <= 0) return;
-  const e = t.viewportWidthPx, m = typeof e == "number" && Number.isFinite(e) && e > 0 ? Math.min(1, e / n) : 1, l = o * m;
-  let a = 0;
-  for (const r of c)
-    r && r.length > a && (a = r.length);
-  if (a <= 0) return;
-  const f = t.axisFontSizePx ?? 10, u = t.avgCharWidthFactor ?? 0.6, g = t.minGapPx ?? 6, d = a * f * u + g, h = l / Math.max(1, i - 1);
-  if (h >= d) return;
-  const v = Math.max(1, Math.ceil(d / Math.max(1, h))), P = Math.floor((i - 1) / v) + 1;
-  return Math.max(2, Math.min(i, P));
+function i(e) {
+  return e.activeIsFullScreen || e.mobileSidebarOpen ? e.activeId : "";
+}
+function t(e) {
+  return e.clickedIsFullScreen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : e.clickedId === e.activeId && e.mobileSidebarOpen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : { nextActiveId: e.clickedId, nextMobileSidebarOpen: !0 };
 }
 export {
-  W as computeAutoMaxXAxisLabels
+  i as resolveMobileTabActiveId,
+  t as resolveMobileTabSelect
 };

package/dist/index130.js

@@ -1,10 +1,20 @@
-function i(e) {
-  return e.activeIsFullScreen || e.mobileSidebarOpen ? e.activeId : "";
-}
-function t(e) {
-  return e.clickedIsFullScreen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : e.clickedId === e.activeId && e.mobileSidebarOpen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : { nextActiveId: e.clickedId, nextMobileSidebarOpen: !0 };
+function W(t) {
+  const c = t.labels, i = c.length;
+  if (i <= 2) return;
+  const n = t.viewBoxWidth;
+  if (!Number.isFinite(n) || n <= 0) return;
+  const x = t.padding.left, s = t.padding.right, o = n - x - s;
+  if (!Number.isFinite(o) || o <= 0) return;
+  const e = t.viewportWidthPx, m = typeof e == "number" && Number.isFinite(e) && e > 0 ? Math.min(1, e / n) : 1, l = o * m;
+  let a = 0;
+  for (const r of c)
+    r && r.length > a && (a = r.length);
+  if (a <= 0) return;
+  const f = t.axisFontSizePx ?? 10, u = t.avgCharWidthFactor ?? 0.6, g = t.minGapPx ?? 6, d = a * f * u + g, h = l / Math.max(1, i - 1);
+  if (h >= d) return;
+  const v = Math.max(1, Math.ceil(d / Math.max(1, h))), P = Math.floor((i - 1) / v) + 1;
+  return Math.max(2, Math.min(i, P));
 }
 export {
-  i as resolveMobileTabActiveId,
-  t as resolveMobileTabSelect
+  W as computeAutoMaxXAxisLabels
 };

package/dist/index2.js

@@ -11,7 +11,7 @@ import { BottomBar as j } from "./index6.js";
 import { MobileTabBar as q } from "./index7.js";
 import { ActivityBar as G } from "./index3.js";
 import { ResizeHandle as M } from "./index8.js";
-import { resolveMobileTabActiveId as J, resolveMobileTabSelect as K } from "./index130.js";
+import { resolveMobileTabActiveId as J, resolveMobileTabSelect as K } from "./index126.js";
 var B = /* @__PURE__ */ v('<div class="flex items-center gap-2">'), U = /* @__PURE__ */ v('<div class="absolute inset-0 z-40 bg-black/30 cursor-pointer">'), V = /* @__PURE__ */ v('<div><div class="h-full overflow-auto overscroll-contain">'), X = /* @__PURE__ */ v('<div class="relative shrink-0 border-t border-border bg-terminal-background overflow-hidden">'), Y = /* @__PURE__ */ v('<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 be(l) {
   const t = W(), k = E(), d = Q(k.config.layout.mobileQuery), [S, b] = P(!1), c = () => l.sidebarMode === "hidden", w = (e) => t.setSidebarActiveTab(e, {

package/dist/index30.js

@@ -1,9 +1,9 @@
-import { delegateEvents as k, insert as n, createComponent as a, memo as y, effect as S, className as p, template as u } from "solid-js/web";
-import { splitProps as E, createSignal as $, createEffect as C, on as _, Show as g } from "solid-js";
-import { cn as c } from "./index113.js";
+import { delegateEvents as k, insert as o, createComponent as a, memo as y, effect as S, className as p, template as c } from "solid-js/web";
+import { splitProps as $, createSignal as C, createEffect as f, on as _, Show as g } from "solid-js";
+import { cn as u } from "./index113.js";
 import { usePickerTree as T, PickerBreadcrumb as F, PickerFolderTree as L } from "./index32.js";
 import { Folder as z, ChevronRight as R } from "./index42.js";
-var B = /* @__PURE__ */ u('<div class="border border-input rounded-b-md overflow-hidden bg-background shadow-sm border-t-0"><div class="px-2 py-1 border-b border-border/50 bg-muted/30">'), D = /* @__PURE__ */ u('<p class="mt-1 text-[11px] text-error"role=alert>'), H = /* @__PURE__ */ u('<p class="mt-1 text-[11px] text-muted-foreground">'), M = /* @__PURE__ */ u("<div><button type=button><span>");
+var B = /* @__PURE__ */ c('<div class="border border-input rounded-b-md overflow-hidden bg-background shadow-sm border-t-0"><div class="px-2 py-1 border-b border-border/50 bg-muted/30">'), D = /* @__PURE__ */ c('<p class="mt-1 text-[11px] text-error"role=alert>'), H = /* @__PURE__ */ c('<p class="mt-1 text-[11px] text-muted-foreground">'), M = /* @__PURE__ */ c("<div><button type=button><span>");
 const I = {
   sm: {
     container: "h-7 px-2",
@@ -21,8 +21,12 @@ const I = {
     text: "text-sm"
   }
 };
-function A(f) {
-  const [e] = E(f, ["value", "onChange", "files", "onExpand", "placeholder", "homePath", "homeLabel", "initialPath", "disabled", "size", "error", "helperText", "class", "treeMaxHeight"]), [d, b] = $(!1), v = () => e.size ?? "md", i = () => I[v()], o = T({
+function A(b) {
+  const [e] = $(b, ["value", "onChange", "files", "onExpand", "placeholder", "homePath", "homeLabel", "initialPath", "disabled", "size", "error", "helperText", "class", "treeMaxHeight", "defaultExpanded"]), [d, v] = C(e.defaultExpanded !== !1), P = () => e.size ?? "md", i = () => I[P()];
+  f(() => {
+    d() && e.files.length === 0 && e.onExpand && e.onExpand("/");
+  });
+  const n = T({
     initialPath: e.initialPath ?? "/",
     open: () => !0,
     files: () => e.files,
@@ -30,63 +34,63 @@ function A(f) {
     homeLabel: e.homeLabel,
     homePath: e.homePath
   });
-  C(_(o.selectedPath, (r) => {
+  f(_(n.selectedPath, (r) => {
     if (!d()) return;
-    const l = o.toDisplayPath(r);
+    const l = n.toDisplayPath(r);
     e.onChange?.(l);
   }));
-  const P = () => {
+  const E = () => {
     if (e.disabled) return;
     const r = d();
-    !r && e.files.length === 0 && e.onExpand && e.onExpand("/"), b(!r);
+    !r && e.files.length === 0 && e.onExpand && e.onExpand("/"), v(!r);
   }, w = () => e.value ? e.homePath && e.value.startsWith(e.homePath) ? "~" + (e.value.slice(e.homePath.length) || "") : e.value : null;
   return (() => {
     var r = M(), l = r.firstChild, h = l.firstChild;
-    return l.$$click = P, n(l, a(z, {
+    return l.$$click = E, o(l, a(z, {
       get class() {
-        return c("text-muted-foreground flex-shrink-0", i().icon);
+        return u("text-muted-foreground flex-shrink-0", i().icon);
       }
-    }), h), n(h, () => w() || e.placeholder || "Select a directory..."), n(l, a(R, {
+    }), h), o(h, () => w() || e.placeholder || "Select a directory..."), o(l, a(R, {
       get class() {
-        return c("text-muted-foreground flex-shrink-0 transition-transform duration-150", i().icon, d() && "rotate-90");
+        return u("text-muted-foreground flex-shrink-0 transition-transform duration-150", i().icon, d() && "rotate-90");
       }
-    }), null), n(r, a(g, {
+    }), null), o(r, a(g, {
       get when() {
         return d();
       },
       get children() {
         var t = B(), s = t.firstChild;
-        return n(s, a(F, {
+        return o(s, a(F, {
           get segments() {
-            return o.breadcrumbSegments;
+            return n.breadcrumbSegments;
           },
           get onClick() {
-            return o.handleBreadcrumbClick;
+            return n.handleBreadcrumbClick;
           }
-        })), n(t, a(L, {
+        })), o(t, a(L, {
           get rootFolders() {
-            return o.rootFolders;
+            return n.rootFolders;
           },
           get selectedPath() {
-            return o.selectedPath;
+            return n.selectedPath;
           },
           get expandedPaths() {
-            return o.expandedPaths;
+            return n.expandedPaths;
           },
           get onToggle() {
-            return o.toggleExpand;
+            return n.toggleExpand;
           },
           get onSelect() {
-            return o.handleSelectFolder;
+            return n.handleSelectFolder;
           },
           get onSelectRoot() {
-            return o.handleSelectRoot;
+            return n.handleSelectRoot;
           },
           get isSelectable() {
-            return o.isSelectable;
+            return n.isSelectable;
           },
           get homeLabel() {
-            return o.homeLabel;
+            return n.homeLabel;
           },
           class: "border-0 rounded-none",
           get style() {
@@ -96,24 +100,24 @@ function A(f) {
           }
         }), null), t;
       }
-    }), null), n(r, a(g, {
+    }), null), o(r, a(g, {
       get when() {
         return e.error;
       },
       get children() {
         var t = D();
-        return n(t, () => e.error), t;
+        return o(t, () => e.error), t;
       }
-    }), null), n(r, a(g, {
+    }), null), o(r, a(g, {
       get when() {
         return y(() => !!e.helperText)() && !e.error;
       },
       get children() {
         var t = H();
-        return n(t, () => e.helperText), t;
+        return o(t, () => e.helperText), t;
       }
     }), null), S((t) => {
-      var s = e.disabled, m = c("w-full flex items-center gap-2 rounded border border-input bg-background shadow-sm", "transition-colors duration-100 cursor-pointer", "hover:bg-muted/50", "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring", "disabled:cursor-not-allowed disabled:opacity-50", e.error && "border-error focus:ring-error", d() && "rounded-b-none border-b-0", i().container, e.class), x = c("flex-1 text-left truncate font-mono", i().text, e.value ? "text-foreground" : "text-muted-foreground/60");
+      var s = e.disabled, m = u("w-full flex items-center gap-2 rounded border border-input bg-background shadow-sm", "transition-colors duration-100 cursor-pointer", "hover:bg-muted/50", "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring", "disabled:cursor-not-allowed disabled:opacity-50", e.error && "border-error focus:ring-error", d() && "rounded-b-none border-b-0", i().container, e.class), x = u("flex-1 text-left truncate font-mono", i().text, e.value ? "text-foreground" : "text-muted-foreground/60");
       return s !== t.e && (l.disabled = t.e = s), m !== t.t && p(l, t.t = m), x !== t.a && p(h, t.a = x), t;
     }, {
       e: void 0,

package/dist/index37.js

@@ -2,7 +2,7 @@ import { delegateEvents as te, createComponent as $, mergeProps as ee, insert as
 import { splitProps as _t, createUniqueId as Xt, createMemo as K, createSignal as pt, createEffect as wt, onCleanup as Mt, Show as ot, For as z, untrack as qt } from "solid-js";
 import { cn as Tt } from "./index113.js";
 import { useResizeObserver as ne } from "./index108.js";
-import { computeAutoMaxXAxisLabels as re } from "./index126.js";
+import { computeAutoMaxXAxisLabels as re } from "./index130.js";
 var It = /* @__PURE__ */ A("<div class=chart-title>"), Et = /* @__PURE__ */ A("<svg><g class=chart-grid></svg>", !1, !0, !1), ae = /* @__PURE__ */ A("<div class=chart-legend>"), oe = /* @__PURE__ */ A('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><rect fill=transparent class=chart-hover-area></rect><g class=chart-axis-labels></g><g class=chart-axis-labels>'), se = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:0.4></stop><stop offset=100% style=stop-opacity:0.05></svg>", !1, !0, !1), Dt = /* @__PURE__ */ A("<svg><line class=chart-grid-line></svg>", !1, !0, !1), ie = /* @__PURE__ */ A("<svg><text class=chart-axis-label text-anchor=end dominant-baseline=middle></svg>", !1, !0, !1), le = /* @__PURE__ */ A("<svg><text class=chart-axis-label></svg>", !1, !0, !1), ce = /* @__PURE__ */ A("<svg><path class=chart-area></svg>", !1, !0, !1), de = /* @__PURE__ */ A("<svg><path fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round class=chart-line></svg>", !1, !0, !1), ue = /* @__PURE__ */ A("<svg><circle stroke-width=2 class=chart-point><title></svg>", !1, !0, !1), he = /* @__PURE__ */ A("<svg><line class=chart-crosshair></svg>", !1, !0, !1), ve = /* @__PURE__ */ A("<svg><rect rx=4 class=chart-tooltip-bg></svg>", !1, !0, !1), ge = /* @__PURE__ */ A("<svg><text class=chart-tooltip-label></svg>", !1, !0, !1), me = /* @__PURE__ */ A("<svg><circle r=6 class=chart-crosshair-point></svg>", !1, !0, !1), fe = /* @__PURE__ */ A("<svg><g><circle r=4></circle><text class=chart-tooltip-value>: </svg>", !1, !0, !1), xe = /* @__PURE__ */ A("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label>"), be = /* @__PURE__ */ A('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><g class=chart-axis-labels>'), $e = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.7></svg>", !1, !0, !1), ye = /* @__PURE__ */ A("<svg><text class=chart-bar-value text-anchor=middle></svg>", !1, !0, !1), pe = /* @__PURE__ */ A("<svg><g><rect rx=2 class=chart-bar><title></svg>", !1, !0, !1), Me = /* @__PURE__ */ A("<svg><text class=chart-axis-label text-anchor=middle></svg>", !1, !0, !1), we = /* @__PURE__ */ A("<svg><text class=chart-pie-center-label text-anchor=middle dominant-baseline=middle></svg>", !1, !0, !1), Le = /* @__PURE__ */ A("<svg><text class=chart-pie-center-sublabel text-anchor=middle dominant-baseline=middle>Total</svg>", !1, !0, !1), Ae = /* @__PURE__ */ A("<div class=chart-pie-legend>"), Ce = /* @__PURE__ */ A('<div><div class=chart-pie-wrapper><svg class="chart-svg chart-pie-svg"><defs>'), _e = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=100% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.8></svg>", !1, !0, !1), Pe = /* @__PURE__ */ A("<svg><path class=chart-pie-slice><title></svg>", !1, !0, !1), Se = /* @__PURE__ */ A("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label></span><span class=chart-legend-value>%"), Fe = /* @__PURE__ */ A("<div class=chart-monitoring-status><div class=chart-monitoring-dot></div><span>Live"), Te = /* @__PURE__ */ A("<div><div class=chart-monitoring-header>");
 const Lt = [
   "var(--primary)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.15.9",
+  "version": "0.15.10",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",