@floegence/floe-webapp-core 0.59.0 → 0.60.0

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

@@ -1,5 +1,9 @@
 import { type BasePickerProps } from './picker/PickerBase';
 export interface DirectoryPickerProps extends BasePickerProps {
+    /** Ordered absolute navigation suggestions. They never grant filesystem access or auto-confirm. */
+    suggestedPaths?: readonly string[];
+    /** Localized heading for host-provided suggestions. */
+    suggestedPathsLabel?: string;
     /** Receives the validated absolute directory path. */
     onSelect: (path: string) => void;
 }

package/dist/components/ui/DirectoryPicker.js

@@ -1,16 +1,19 @@
-import { createComponent as r, mergeProps as o, insert as i, effect as u, setAttribute as m, template as g } from "solid-js/web";
-import { cn as f } from "../../utils/cn.js";
-import { Button as c } from "./Button.js";
-import { Dialog as s } from "./Dialog.js";
-import { usePickerNavigation as h, PickerPanel as d, pickerCopy as x } from "./picker/PickerBase.js";
-var C = /* @__PURE__ */ g('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">');
-function w(e) {
-  const t = h(e, () => e.open), a = () => {
-    if (!t.valid()) return;
-    const n = t.currentPath();
-    e.onSelect(n), e.onOpenChange(!1);
+import { createComponent as a, insert as i, setAttribute as o, effect as u, mergeProps as C, template as d, delegateEvents as w } from "solid-js/web";
+import { createMemo as $, Show as _, For as S } from "solid-js";
+import { cn as y } from "../../utils/cn.js";
+import { FolderOpen as p } from "../icons/index.js";
+import { Button as v } from "./Button.js";
+import { Dialog as O } from "./Dialog.js";
+import { usePickerNavigation as B, pickerCopy as b, PickerPanel as D } from "./picker/PickerBase.js";
+import { parsePickerPath as z } from "./picker/PickerNavigation.js";
+var F = /* @__PURE__ */ d('<section data-picker-suggestions class="mb-3 min-w-0"><p class="mb-1 px-2 text-[11px] font-medium text-muted-foreground">'), L = /* @__PURE__ */ d('<div class="flex w-full items-center gap-2"><span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">'), T = /* @__PURE__ */ d('<button type=button class="flex min-h-10 w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-accent/60 focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span class="flex min-w-0 flex-1 flex-col"><span class="truncate text-xs font-medium"></span><span class="truncate text-[11px] text-muted-foreground">');
+function I(e) {
+  const r = B(e, () => e.open), g = $(() => [...new Set((e.suggestedPaths ?? []).map((t) => z(t)).filter(Boolean))]), P = () => {
+    if (!r.valid()) return;
+    const t = r.currentPath();
+    e.onSelect(t), e.onOpenChange(!1);
   };
-  return r(s, {
+  return a(O, {
     get open() {
       return e.open;
     },
@@ -21,38 +24,65 @@ function w(e) {
       return e.title ?? "Select Directory";
     },
     get class() {
-      return f("max-w-lg", e.class);
+      return y("max-w-lg", e.class);
     },
     get footer() {
       return (() => {
-        var n = C(), l = n.firstChild;
-        return i(l, () => t.currentPath()), i(n, r(c, {
+        var t = L(), s = t.firstChild;
+        return i(s, () => r.currentPath()), i(t, a(v, {
           variant: "ghost",
           size: "sm",
           onClick: () => e.onOpenChange(!1),
           get children() {
-            return e.cancelText ?? x(e).cancel;
+            return e.cancelText ?? b(e).cancel;
           }
-        }), null), i(n, r(c, {
+        }), null), i(t, a(v, {
           variant: "primary",
           size: "sm",
-          onClick: a,
+          onClick: P,
           get disabled() {
-            return !t.valid();
+            return !r.valid();
           },
           get children() {
             return e.confirmText ?? "Select";
           }
-        }), null), u(() => m(l, "title", t.currentPath())), n;
+        }), null), u(() => o(s, "title", r.currentPath())), t;
       })();
     },
     get children() {
-      return r(d, o(e, {
-        source: t
-      }));
+      return [a(_, {
+        get when() {
+          return g().length > 0;
+        },
+        get children() {
+          var t = F(), s = t.firstChild;
+          return i(s, () => e.suggestedPathsLabel ?? "Suggested directories"), i(t, a(S, {
+            get each() {
+              return g();
+            },
+            children: (l) => (() => {
+              var n = T(), m = n.firstChild, f = m.firstChild, k = f.nextSibling;
+              return n.$$click = () => {
+                r.navigate(l);
+              }, o(n, "data-picker-suggested-path", l), o(n, "title", l), o(n, "aria-label", l), i(n, a(p, {
+                class: "h-4 w-4 shrink-0 text-muted-foreground"
+              }), m), i(f, () => l.split("/").filter(Boolean).at(-1) ?? b(e).root), i(k, l), u((c) => {
+                var h = r.currentPath() === l ? "location" : void 0, x = e.disabled || !r.context();
+                return h !== c.e && o(n, "aria-current", c.e = h), x !== c.t && (n.disabled = c.t = x), c;
+              }, {
+                e: void 0,
+                t: void 0
+              }), n;
+            })()
+          }), null), u(() => o(t, "aria-label", e.suggestedPathsLabel ?? "Suggested directories")), t;
+        }
+      }), a(D, C(e, {
+        source: r
+      }))];
     }
   });
 }
+w(["click"]);
 export {
-  w as DirectoryPicker
+  I as DirectoryPicker
 };