@floegence/floe-webapp-core 0.36.57 → 0.36.58

package/dist/components/workbench/WorkbenchFilterBar.js

@@ -1,34 +1,35 @@
-import { insert as _, createComponent as g, effect as P, setAttribute as T, memo as de, template as p, Portal as ue, setStyleProperty as ge, use as ve, delegateEvents as fe } from "solid-js/web";
-import { createSignal as B, onCleanup as q, createEffect as z, createMemo as F, Show as K, For as j } from "solid-js";
+import { insert as _, createComponent as g, effect as P, setAttribute as T, memo as se, template as p, Portal as de, setStyleProperty as ue, use as ge, delegateEvents as ve } from "solid-js/web";
+import { createSignal as B, onCleanup as z, createEffect as j, createMemo as F, Show as K, For as J } from "solid-js";
 import { Motion as R } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
 import { easing as A, duration as X } from "../../utils/animations.js";
-import { LayoutDashboard as me, Layers as Z, Region as he, TextTool as ke, MessageSquare as be, Plus as _e } from "../icons/index.js";
-import { startHotInteraction as we } from "../../utils/hotInteraction.js";
-import { startPointerSession as Ee } from "../ui/pointerSession.js";
-import { WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as ee, createWorkbenchEdgeAutoPanController as Ce, frameFromElement as Se } from "./workbenchEdgeAutoPan.js";
-var Oe = /* @__PURE__ */ p("<button type=button class=workbench-dock__item>"), De = /* @__PURE__ */ p('<div class=workbench-dock__mode-popover role=menu aria-label="Canvas mode">'), Le = /* @__PURE__ */ p('<div class=workbench-dock data-floe-canvas-interactive=true><div class=workbench-dock__mode-switcher><button type=button class="workbench-dock__item workbench-dock__mode-trigger"aria-label="Switch canvas mode"aria-haspopup=menu></button></div><span class=workbench-dock__divider aria-hidden=true>'), Me = /* @__PURE__ */ p("<button type=button class=workbench-dock__mode-option role=menuitemradio><span class=workbench-dock__mode-option-icon></span><span class=workbench-dock__mode-option-copy><span class=workbench-dock__mode-option-label></span><span class=workbench-dock__mode-option-description>"), pe = /* @__PURE__ */ p("<div class=workbench-dock-ghost aria-hidden=true><div class=workbench-dock-ghost__halo></div><div class=workbench-dock-ghost__card><div class=workbench-dock-ghost__icon></div><div class=workbench-dock-ghost__copy><div class=workbench-dock-ghost__title></div><div class=workbench-dock-ghost__hint><span>Drag onto canvas");
-const J = 5, ye = ".workbench-dock", W = [{
+import { Plus as fe } from "../icons/index.js";
+import { startHotInteraction as me } from "../../utils/hotInteraction.js";
+import { startPointerSession as ke } from "../ui/pointerSession.js";
+import { WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as ee, createWorkbenchEdgeAutoPanController as he, frameFromElement as be } from "./workbenchEdgeAutoPan.js";
+import { DockLayoutDashboard as _e, DockLayers as we, DockRegion as Ee, DockText as Ce, DockMessageSquare as Se } from "../icons/DockIcons.js";
+var De = /* @__PURE__ */ p("<button type=button class=workbench-dock__item>"), Oe = /* @__PURE__ */ p('<div class=workbench-dock__mode-popover role=menu aria-label="Canvas mode">'), Le = /* @__PURE__ */ p('<div class=workbench-dock data-floe-canvas-interactive=true><div class=workbench-dock__mode-switcher><button type=button class="workbench-dock__item workbench-dock__mode-trigger"aria-label="Switch canvas mode"aria-haspopup=menu></button></div><span class=workbench-dock__divider aria-hidden=true>'), Me = /* @__PURE__ */ p("<button type=button class=workbench-dock__mode-option role=menuitemradio><span class=workbench-dock__mode-option-icon></span><span class=workbench-dock__mode-option-copy><span class=workbench-dock__mode-option-label></span><span class=workbench-dock__mode-option-description>"), pe = /* @__PURE__ */ p("<div class=workbench-dock-ghost aria-hidden=true><div class=workbench-dock-ghost__halo></div><div class=workbench-dock-ghost__card><div class=workbench-dock-ghost__icon></div><div class=workbench-dock-ghost__copy><div class=workbench-dock-ghost__title></div><div class=workbench-dock-ghost__hint><span>Drag onto canvas");
+const Q = 5, ye = ".workbench-dock", W = [{
   mode: "work",
   label: "Work Mode",
   description: "Operate windows and sticky notes",
-  icon: me
+  icon: _e
 }, {
   mode: "background",
   label: "Composition Mode",
   description: "Arrange regions and canvas text",
-  icon: Z
+  icon: we
 }], $e = [{
   tool: "sticky-note",
   label: "Sticky",
-  icon: be
+  icon: Se
 }], Ie = [{
   tool: "background-region",
   label: "Region",
-  icon: he
+  icon: Ee
 }, {
   tool: "text",
   label: "Text",
-  icon: ke
+  icon: Ce
 }];
 function te() {
   const e = document.querySelector(ee);
@@ -48,14 +49,14 @@ function Te(e, s, l, d) {
     return !0;
   const o = l - e, w = d - s;
   let f = 0, m = 1;
-  const u = (h, C) => {
-    if (h === 0) return C >= 0;
-    const E = C / h;
-    return h < 0 ? E > m ? !1 : (E > f && (f = E), !0) : E < f ? !1 : (E < m && (m = E), !0);
+  const u = (k, C) => {
+    if (k === 0) return C >= 0;
+    const E = C / k;
+    return k < 0 ? E > m ? !1 : (E > f && (f = E), !0) : E < f ? !1 : (E < m && (m = E), !0);
   };
   return u(-o, e - n.left) && u(o, n.right - e) && u(-w, s - n.top) && u(w, n.bottom - s);
 }
-function Q(e, s) {
+function Z(e, s) {
   if (typeof document.elementFromPoint != "function") return !1;
   const l = document.elementFromPoint(e, s);
   return l instanceof Element && l.closest(ye) !== null;
@@ -81,7 +82,7 @@ function Re(e) {
     n.button === 0 && e.onDragBegin(n, e.kind, e.id, e.label, e.icon);
   };
   return (() => {
-    var n = Oe();
+    var n = De();
     return n.$$pointerdown = d, n.addEventListener("pointerleave", () => e.onLeave()), n.addEventListener("pointerenter", () => e.onEnter()), _(n, g(R.span, {
       class: "workbench-dock__tile",
       get animate() {
@@ -119,8 +120,8 @@ function Re(e) {
         return e.label;
       }
     }), null), P((o) => {
-      var w = !!e.active, f = !!(e.filterable && !e.visible), m = !!l(), u = !!e.isDragging, h = e.filterable ? `${e.label} — click to solo, drag to canvas to create` : `${e.label} — drag to canvas to create`, C = e.active;
-      return w !== o.e && n.classList.toggle("is-active", o.e = w), f !== o.t && n.classList.toggle("is-filter-muted", o.t = f), m !== o.a && n.classList.toggle("is-hovered", o.a = m), u !== o.o && n.classList.toggle("is-source-dragging", o.o = u), h !== o.i && T(n, "aria-label", o.i = h), C !== o.n && T(n, "aria-pressed", o.n = C), o;
+      var w = !!e.active, f = !!(e.filterable && !e.visible), m = !!l(), u = !!e.isDragging, k = e.filterable ? `${e.label} — click to solo, drag to canvas to create` : `${e.label} — drag to canvas to create`, C = e.active;
+      return w !== o.e && n.classList.toggle("is-active", o.e = w), f !== o.t && n.classList.toggle("is-filter-muted", o.t = f), m !== o.a && n.classList.toggle("is-hovered", o.a = m), u !== o.o && n.classList.toggle("is-source-dragging", o.o = u), k !== o.i && T(n, "aria-label", o.i = k), C !== o.n && T(n, "aria-pressed", o.n = C), o;
     }, {
       e: void 0,
       t: void 0,
@@ -131,24 +132,24 @@ function Re(e) {
     }), n;
   })();
 }
-function Ne(e) {
+function Ve(e) {
   const [s, l] = B(null), [d, n] = B(null), [o, w] = B(!1);
-  let f, m, u, h = null;
-  q(() => {
+  let f, m, u, k = null;
+  z(() => {
     u?.stop(), m?.stop({
       reason: "manual_stop",
       commit: !1
     }), m = void 0, d()?.stopInteraction(), e.onDragPreviewChange?.(null);
-  }), z(() => {
+  }), j(() => {
     e.onDragPreviewChange?.(d()?.preview ?? null);
-  }), z(() => {
+  }), j(() => {
     if (!o() || typeof window > "u") return;
     const t = (c) => {
       f && c.target instanceof Node && f.contains(c.target) || w(!1);
     }, i = (c) => {
       c.key === "Escape" && w(!1);
     };
-    window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", i, !0), q(() => {
+    window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", i, !0), z(() => {
       window.removeEventListener("pointerdown", t, !0), window.removeEventListener("keydown", i, !0);
     });
   });
@@ -156,21 +157,21 @@ function Ne(e) {
     const i = s();
     return i === null ? 0 : i === t ? -1 : i === t + 1 ? -2 : i === t - 1 ? 1 : 0;
   }, E = () => {
-    u?.stop(), u = void 0, h = null;
+    u?.stop(), u = void 0, k = null;
   }, Y = () => {
-    !e.viewport || !e.onViewportCommit || (h = e.viewport, u?.stop(), u = Ce({
+    !e.viewport || !e.onViewportCommit || (k = e.viewport, u?.stop(), u = he({
       readFrame: () => {
         const t = document.querySelector(ee);
-        return t instanceof HTMLElement ? Se(t) : null;
+        return t instanceof HTMLElement ? be(t) : null;
       },
-      readViewport: () => h ?? e.viewport ?? null,
+      readViewport: () => k ?? e.viewport ?? null,
       commitViewport: (t) => {
-        h = t, e.onViewportCommit?.(t);
+        k = t, e.onViewportCommit?.(t);
       },
       onPanStart: () => e.onViewportInteractionStart?.("pan"),
       shouldPan: () => {
         const t = d();
-        return !!(t?.moved && t.hasEnteredCanvas && !Q(t.clientX, t.clientY));
+        return !!(t?.moved && t.hasEnteredCanvas && !Z(t.clientX, t.clientY));
       }
     }));
   }, ne = (t) => {
@@ -178,7 +179,7 @@ function Ne(e) {
     if (!i) return;
     const c = !i.moved;
     if (i.stopInteraction(), E(), n(null), m = void 0, c) {
-      O() !== "background" && e.onSoloFilter(String(i.id), G());
+      D() !== "background" && e.onSoloFilter(String(i.id), U());
       return;
     }
     t && i.overCanvas && (i.kind === "widget" ? e.onCreateAt?.(i.id, i.clientX, i.clientY) : e.onCreateToolAt?.(i.id, i.clientX, i.clientY));
@@ -200,23 +201,23 @@ function Ne(e) {
       overCanvas: !1,
       hasEnteredCanvas: !1,
       preview: null,
-      stopInteraction: we({
+      stopInteraction: me({
         kind: "drag",
         cursor: "grabbing"
       })
     });
     const b = (a) => {
-      let k = !1;
+      let h = !1;
       n((v) => {
         if (!v || v.pointerId !== a.pointerId) return v;
-        const H = a.clientX - v.startClientX, $ = a.clientY - v.startClientY, D = v.moved || Math.abs(H) > J || Math.abs($) > J, S = Q(a.clientX, a.clientY), L = D && Pe(a.clientX, a.clientY) && !S, I = D && !S && Te(v.clientX, v.clientY, a.clientX, a.clientY), U = v.hasEnteredCanvas || L || I;
-        return k = D && U && !S, {
+        const H = a.clientX - v.startClientX, $ = a.clientY - v.startClientY, O = v.moved || Math.abs(H) > Q || Math.abs($) > Q, S = Z(a.clientX, a.clientY), L = O && Pe(a.clientX, a.clientY) && !S, I = O && !S && Te(v.clientX, v.clientY, a.clientX, a.clientY), q = v.hasEnteredCanvas || L || I;
+        return h = O && q && !S, {
           ...v,
           clientX: a.clientX,
           clientY: a.clientY,
-          moved: D,
+          moved: O,
           overCanvas: L,
-          hasEnteredCanvas: U,
+          hasEnteredCanvas: q,
           preview: L ? {
             kind: v.kind,
             id: v.id,
@@ -225,9 +226,9 @@ function Ne(e) {
             clientY: a.clientY
           } : null
         };
-      }), k && u?.updatePointer(a.clientX, a.clientY);
+      }), h && u?.updatePointer(a.clientX, a.clientY);
     };
-    m = Ee({
+    m = ke({
       pointerEvent: t,
       captureEl: t.currentTarget,
       onMove: b,
@@ -235,7 +236,7 @@ function Ne(e) {
         commit: a
       }) => ne(a)
     });
-  }, ie = () => d()?.kind === "widget" ? d().id : null, re = () => d()?.kind === "tool" ? d().id : null, O = () => e.mode === "background" || e.mode === "annotation" ? "background" : "work", ae = F(() => W.find((t) => t.mode === O()) ?? W[0]), V = F(() => O() === "background" ? Ie.map((t) => ({
+  }, ie = () => d()?.kind === "widget" ? d().id : null, re = () => d()?.kind === "tool" ? d().id : null, D = () => e.mode === "background" || e.mode === "annotation" ? "background" : "work", V = F(() => W.find((t) => t.mode === D()) ?? W[0]), G = F(() => D() === "background" ? Ie.map((t) => ({
     id: t.tool,
     kind: "tool",
     label: t.label,
@@ -250,12 +251,12 @@ function Ne(e) {
     kind: "widget",
     label: t.label,
     icon: t.icon
-  }))]), G = F(() => V().map((t) => String(t.id))), x = () => O() !== "background", le = (t) => !x() || e.filters[t] !== !1, ce = (t) => {
+  }))]), U = F(() => G().map((t) => String(t.id))), x = () => D() !== "background", ae = (t) => !x() || e.filters[t] !== !1, le = (t) => {
     if (!x())
       return !1;
-    const i = G();
+    const i = U();
     return i.length > 1 && i.every((c) => e.filters[c] !== !1 == (c === t));
-  }, M = () => s() === 0, se = () => ({
+  }, M = () => s() === 0, ce = () => ({
     scale: M() || o() ? 1.26 : 1,
     y: M() || o() ? -6 : 0,
     x: s() === 1 ? -5 : 0
@@ -264,10 +265,10 @@ function Ne(e) {
     var t = Le(), i = t.firstChild, c = i.firstChild;
     i.nextSibling, t.addEventListener("pointerleave", () => l(null));
     var y = f;
-    return typeof y == "function" ? ve(y, t) : f = t, c.$$click = () => w((r) => !r), c.addEventListener("pointerleave", () => l((r) => r === 0 ? null : r)), c.addEventListener("pointerenter", () => l(0)), _(c, g(R.span, {
+    return typeof y == "function" ? ge(y, t) : f = t, c.$$click = () => w((r) => !r), c.addEventListener("pointerleave", () => l((r) => r === 0 ? null : r)), c.addEventListener("pointerenter", () => l(0)), _(c, g(R.span, {
       class: "workbench-dock__tile",
       get animate() {
-        return se();
+        return ce();
       },
       get transition() {
         return {
@@ -276,9 +277,12 @@ function Ne(e) {
         };
       },
       get children() {
-        return g(Z, {
-          class: "workbench-dock__icon"
-        });
+        return (() => {
+          const r = V().icon;
+          return g(r, {
+            class: "workbench-dock__icon"
+          });
+        })();
       }
     }), null), _(c, g(R.span, {
       class: "workbench-dock__tooltip",
@@ -295,38 +299,38 @@ function Ne(e) {
         };
       },
       get children() {
-        return ae().label;
+        return V().label;
       }
     }), null), _(i, g(K, {
       get when() {
         return o();
       },
       get children() {
-        var r = De();
-        return _(r, g(j, {
+        var r = Oe();
+        return _(r, g(J, {
           each: W,
           children: (b) => {
             const a = b.icon;
             return (() => {
-              var k = Me(), v = k.firstChild, H = v.nextSibling, $ = H.firstChild, D = $.nextSibling;
-              return k.$$click = () => {
+              var h = Me(), v = h.firstChild, H = v.nextSibling, $ = H.firstChild, O = $.nextSibling;
+              return h.$$click = () => {
                 e.onSelectMode?.(b.mode), w(!1);
               }, _(v, g(a, {
                 class: "workbench-dock__mode-icon"
-              })), _($, () => b.label), _(D, () => b.description), P((S) => {
-                var L = O() === b.mode, I = O() === b.mode;
-                return L !== S.e && k.classList.toggle("is-active", S.e = L), I !== S.t && T(k, "aria-checked", S.t = I), S;
+              })), _($, () => b.label), _(O, () => b.description), P((S) => {
+                var L = D() === b.mode, I = D() === b.mode;
+                return L !== S.e && h.classList.toggle("is-active", S.e = L), I !== S.t && T(h, "aria-checked", S.t = I), S;
               }, {
                 e: void 0,
                 t: void 0
-              }), k;
+              }), h;
             })();
           }
         })), r;
       }
-    }), null), _(t, g(j, {
+    }), null), _(t, g(J, {
       get each() {
-        return V();
+        return G();
       },
       children: (r, b) => {
         const a = () => b() + 1;
@@ -344,10 +348,10 @@ function Ne(e) {
             return r.icon;
           },
           get active() {
-            return ce(String(r.id));
+            return le(String(r.id));
           },
           get visible() {
-            return le(String(r.id));
+            return ae(String(r.id));
           },
           get filterable() {
             return x();
@@ -356,16 +360,16 @@ function Ne(e) {
             return C(a());
           },
           get isDragging() {
-            return de(() => r.kind === "widget")() ? ie() === r.id : re() === r.id;
+            return se(() => r.kind === "widget")() ? ie() === r.id : re() === r.id;
           },
           onEnter: () => l(a()),
-          onLeave: () => l((k) => k === a() ? null : k),
+          onLeave: () => l((h) => h === a() ? null : h),
           onDragBegin: oe
         });
       }
     }), null), P((r) => {
-      var b = O() === "background", a = !!(M() || o()), k = o();
-      return b !== r.e && c.classList.toggle("is-active", r.e = b), a !== r.t && c.classList.toggle("is-hovered", r.t = a), k !== r.a && T(c, "aria-expanded", r.a = k), r;
+      var b = D() === "background", a = !!(M() || o()), h = o();
+      return b !== r.e && c.classList.toggle("is-active", r.e = b), a !== r.t && c.classList.toggle("is-hovered", r.t = a), h !== r.a && T(c, "aria-expanded", r.a = h), r;
     }, {
       e: void 0,
       t: void 0,
@@ -387,9 +391,9 @@ function Ae(e) {
     const n = e.state();
     return n ? `translate3d(${n.clientX + 14}px, ${n.clientY - 56}px, 0)` : "translate3d(0px, 0px, 0)";
   }, l = () => e.state()?.label ?? "", d = () => e.state()?.icon;
-  return g(ue, {
+  return g(de, {
     get children() {
-      var n = pe(), o = n.firstChild, w = o.nextSibling, f = w.firstChild, m = f.nextSibling, u = m.firstChild, h = u.nextSibling, C = h.firstChild;
+      var n = pe(), o = n.firstChild, w = o.nextSibling, f = w.firstChild, m = f.nextSibling, u = m.firstChild, k = u.nextSibling, C = k.firstChild;
       return _(f, g(K, {
         get when() {
           return d();
@@ -400,13 +404,13 @@ function Ae(e) {
             class: "w-4 h-4"
           });
         }
-      })), _(u, l), _(h, g(_e, {
+      })), _(u, l), _(k, g(fe, {
         class: "w-3 h-3"
-      }), C), P((E) => ge(n, "transform", s())), n;
+      }), C), P((E) => ue(n, "transform", s())), n;
     }
   });
 }
-fe(["pointerdown", "click"]);
+ve(["pointerdown", "click"]);
 export {
-  Ne as WorkbenchDock
+  Ve as WorkbenchDock
 };

package/dist/components/workbench/widgets/widgetRegistry.js

@@ -1,47 +1,47 @@
-import { Terminal as d, Folder as n, Cpu as a, Activity as f, FileCode as y } from "../../icons/index.js";
-import { TerminalWidget as m } from "./TerminalWidget.js";
-import { FileBrowserWidget as c } from "./FileBrowserWidget.js";
-import { SystemMonitorWidget as p } from "./SystemMonitorWidget.js";
-import { LogViewerWidget as u } from "./LogViewerWidget.js";
-import { CodeEditorWidget as h } from "./CodeEditorWidget.js";
+import { TerminalWidget as d } from "./TerminalWidget.js";
+import { FileBrowserWidget as n } from "./FileBrowserWidget.js";
+import { SystemMonitorWidget as a } from "./SystemMonitorWidget.js";
+import { LogViewerWidget as c } from "./LogViewerWidget.js";
+import { CodeEditorWidget as f } from "./CodeEditorWidget.js";
+import { DockTerminal as y, DockFolder as m, DockCpu as p, DockActivity as u, DockFileCode as h } from "../../icons/DockIcons.js";
 const g = [
   {
     type: "terminal",
     label: "Terminal",
-    icon: d,
-    body: m,
+    icon: y,
+    body: d,
     defaultTitle: "Terminal",
     defaultSize: { width: 480, height: 320 }
   },
   {
     type: "file-browser",
     label: "File Browser",
-    icon: n,
-    body: c,
+    icon: m,
+    body: n,
     defaultTitle: "File Browser",
     defaultSize: { width: 360, height: 400 }
   },
   {
     type: "system-monitor",
     label: "System Monitor",
-    icon: a,
-    body: p,
+    icon: p,
+    body: a,
     defaultTitle: "System Monitor",
     defaultSize: { width: 340, height: 280 }
   },
   {
     type: "log-viewer",
     label: "Log Viewer",
-    icon: f,
-    body: u,
+    icon: u,
+    body: c,
     defaultTitle: "Log Viewer",
     defaultSize: { width: 500, height: 300 }
   },
   {
     type: "code-editor",
     label: "Code Editor",
-    icon: y,
-    body: h,
+    icon: h,
+    body: f,
     defaultTitle: "Code Editor",
     defaultSize: { width: 520, height: 380 }
   }
@@ -49,23 +49,23 @@ const g = [
 function l(e) {
   return e && e.length > 0 ? e : g;
 }
-function E(e, t) {
+function k(e, t) {
   const o = l(e), i = {};
   for (const r of o)
     i[r.type] = typeof t?.[r.type] == "boolean" ? !!t[r.type] : !0;
   return i;
 }
-function F(e, t) {
+function E(e, t) {
   return typeof e == "string" && l(t).some((o) => o.type === e);
 }
-function v(e, t) {
+function F(e, t) {
   const o = l(t);
   return o.find((i) => i.type === e) ?? o[0];
 }
 export {
   g as WIDGET_REGISTRY,
-  E as createWorkbenchFilterState,
-  v as getWidgetEntry,
-  F as isValidWorkbenchWidgetType,
+  k as createWorkbenchFilterState,
+  F as getWidgetEntry,
+  E as isValidWorkbenchWidgetType,
   l as resolveWorkbenchWidgetDefinitions
 };