@floegence/floe-webapp-core 0.36.42 → 0.36.43

package/dist/components/workbench/widgets/widgetRegistry.d.ts

@@ -9,6 +9,6 @@ export interface WidgetRegistryEntry extends WorkbenchWidgetDefinition {
 }
 export declare const WIDGET_REGISTRY: readonly WidgetRegistryEntry[];
 export declare function resolveWorkbenchWidgetDefinitions(widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): readonly WorkbenchWidgetDefinition[];
-export declare function createWorkbenchFilterState(widgetDefinitions?: readonly WorkbenchWidgetDefinition[], filters?: Partial<Record<WorkbenchWidgetType, boolean>>): Record<WorkbenchWidgetType, boolean>;
+export declare function createWorkbenchFilterState(widgetDefinitions?: readonly WorkbenchWidgetDefinition[], filters?: Partial<Record<string, boolean>>): Record<string, boolean>;
 export declare function isValidWorkbenchWidgetType(type: unknown, widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): type is WorkbenchWidgetType;
 export declare function getWidgetEntry(type: WorkbenchWidgetType, widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): WorkbenchWidgetDefinition;

package/dist/components/workbench/workbenchHelpers.d.ts

@@ -1,4 +1,4 @@
-import { type WorkbenchProjectedSurfaceScaleBehavior, type WorkbenchProjectedRect, type WorkbenchState, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem, type WorkbenchWidgetRenderMode, type WorkbenchWidgetSurfaceMetrics, type WorkbenchWidgetType } from './types';
+import { type WorkbenchProjectedSurfaceScaleBehavior, type WorkbenchProjectedRect, type WorkbenchState, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem, type WorkbenchWidgetRenderMode, type WorkbenchWidgetSurfaceMetrics } from './types';
 export declare function createWorkbenchId(): string;
 export declare function resolveWorkbenchWidgetRenderMode(definition: WorkbenchWidgetDefinition): WorkbenchWidgetRenderMode;
 export declare function resolveWorkbenchProjectedSurfaceScaleBehavior(definition: WorkbenchWidgetDefinition): WorkbenchProjectedSurfaceScaleBehavior;
@@ -15,7 +15,7 @@ export declare function createWorkbenchWidgetSurfaceMetrics(input: CreateWorkben
     ready: boolean;
 }): WorkbenchWidgetSurfaceMetrics;
 export declare function sanitizeViewport(viewport: Partial<WorkbenchViewport> | undefined): WorkbenchViewport;
-export declare function sanitizeFilters(filters: Partial<Record<WorkbenchWidgetType, boolean>> | undefined, widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): Record<WorkbenchWidgetType, boolean>;
+export declare function sanitizeFilters(filters: Partial<Record<string, boolean>> | undefined, widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): Record<string, boolean>;
 export interface SanitizeWorkbenchStateOptions {
     widgetDefinitions?: readonly WorkbenchWidgetDefinition[];
     createFallbackState?: () => WorkbenchState;
@@ -24,7 +24,7 @@ export declare function sanitizeWorkbenchState(input: unknown, options?: Sanitiz
 export declare function createDefaultWorkbenchState(widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): WorkbenchState;
 export declare const WORKBENCH_CANVAS_ZOOM_STEP = 1.18;
 export declare const WORKBENCH_CONTEXT_MENU_WIDTH_PX = 200;
-export declare const WORKBENCH_MIN_SCALE = 0.45;
+export declare const WORKBENCH_MIN_SCALE = 0.2;
 export declare const WORKBENCH_MAX_SCALE = 2.2;
 export declare const WORKBENCH_VIEWPORT_FIT_PADDING_PX = 48;
 export declare function createWorkbenchViewportCenteredOnWidget(options: {
@@ -45,7 +45,7 @@ export interface WorkbenchRenderLayerMap {
     byWidgetId: ReadonlyMap<string, number>;
     topRenderLayer: number;
 }
-export declare function createWorkbenchRenderLayerMap(widgets: readonly WorkbenchWidgetItem[]): WorkbenchRenderLayerMap;
+export declare function createWorkbenchRenderLayerMap(widgets: readonly Pick<WorkbenchWidgetItem, 'id' | 'z_index' | 'created_at_unix_ms'>[]): WorkbenchRenderLayerMap;
 export declare function createContextMenuPosition(options: {
     clientX: number;
     clientY: number;
@@ -57,6 +57,6 @@ export declare function createContextMenuPosition(options: {
 };
 export declare function getTopZIndex(widgets: readonly WorkbenchWidgetItem[]): number;
 /** Spatial navigation: find nearest widget in a direction. */
-export declare function findNearestWidget(widgets: readonly WorkbenchWidgetItem[], currentId: string | null, direction: 'up' | 'down' | 'left' | 'right', filters: Record<WorkbenchWidgetType, boolean>): WorkbenchWidgetItem | null;
+export declare function findNearestWidget(widgets: readonly WorkbenchWidgetItem[], currentId: string | null, direction: 'up' | 'down' | 'left' | 'right', filters: Record<string, boolean>): WorkbenchWidgetItem | null;
 export declare function clampScale(scale: number, min?: number, max?: number): number;
 export declare function estimateContextMenuHeight(actionCount: number, separatorCount?: number): number;

package/dist/components/workbench/workbenchHelpers.js

@@ -1,215 +1,406 @@
-import { DEFAULT_WORKBENCH_VIEWPORT as y } from "./types.js";
-import { resolveWorkbenchWidgetDefinitions as w, getWidgetEntry as _, createWorkbenchFilterState as W, isValidWorkbenchWidgetType as N } from "./widgets/widgetRegistry.js";
-import { DEFAULT_WORKBENCH_THEME as b, isWorkbenchThemeId as v } from "./workbenchThemes.js";
-function O() {
-  const e = globalThis.crypto;
-  return e && typeof e.randomUUID == "function" ? `wb-${e.randomUUID()}` : `wb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+import { DEFAULT_WORKBENCH_VIEWPORT as k, WORKBENCH_BACKGROUND_REGION_FILTER_ID as I, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as L } from "./types.js";
+import { WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as O, WORKBENCH_DEFAULT_REGION_FILL as E, WORKBENCH_DEFAULT_TEXT_COLOR as R, WORKBENCH_DEFAULT_TEXT_FONT as N, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as S, resolveWorkbenchTextFontOption as B, WORKBENCH_BACKGROUND_MATERIALS as D, WORKBENCH_STICKY_NOTE_COLORS as K, WORKBENCH_TEXT_COLOR_OPTIONS as P, WORKBENCH_REGION_FILL_OPTIONS as U } from "./workbenchOptions.js";
+import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as z, createWorkbenchFilterState as p, isValidWorkbenchWidgetType as X } from "./widgets/widgetRegistry.js";
+import { DEFAULT_WORKBENCH_THEME as C, isWorkbenchThemeId as j } from "./workbenchThemes.js";
+function G() {
+  const t = globalThis.crypto;
+  return t && typeof t.randomUUID == "function" ? `wb-${t.randomUUID()}` : `wb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
 }
-function T(e) {
-  return e.renderMode ?? "canvas_scaled";
+function xt(t) {
+  return t.renderMode ?? "canvas_scaled";
 }
-function A(e) {
-  return e.projectedSurfaceScaleBehavior ?? "stable_transform";
+function gt(t) {
+  return t.projectedSurfaceScaleBehavior ?? "stable_transform";
 }
-function H(e) {
-  const t = Number.isFinite(e.viewport.scale) && e.viewport.scale > 0 ? e.viewport.scale : 1, r = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1, d = Math.round((e.viewport.x + e.worldX * t) * r) / r, i = Math.round((e.viewport.y + e.worldY * t) * r) / r;
+function Y(t) {
+  const i = Number.isFinite(t.viewport.scale) && t.viewport.scale > 0 ? t.viewport.scale : 1, e = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1, o = Math.round((t.viewport.x + t.worldX * i) * e) / e, n = Math.round((t.viewport.y + t.worldY * i) * e) / e;
   return {
-    widgetId: e.widgetId,
-    worldX: e.worldX,
-    worldY: e.worldY,
-    worldWidth: e.worldWidth,
-    worldHeight: e.worldHeight,
-    screenX: d,
-    screenY: i,
-    screenWidth: e.worldWidth * t,
-    screenHeight: e.worldHeight * t,
-    viewportScale: t
+    widgetId: t.widgetId,
+    worldX: t.worldX,
+    worldY: t.worldY,
+    worldWidth: t.worldWidth,
+    worldHeight: t.worldHeight,
+    screenX: o,
+    screenY: n,
+    screenWidth: t.worldWidth * i,
+    screenHeight: t.worldHeight * i,
+    viewportScale: i
   };
 }
-function B(e) {
+function yt(t) {
   return {
-    ready: e.ready,
-    rect: H(e)
+    ready: t.ready,
+    rect: Y(t)
   };
 }
-function F(e) {
-  return e ? {
-    x: Number.isFinite(e.x) ? e.x : 0,
-    y: Number.isFinite(e.y) ? e.y : 0,
-    scale: Number.isFinite(e.scale) && e.scale > 0 ? e.scale : 1
-  } : { ...y };
-}
-function E(e, t) {
-  return W(t, e);
-}
-function X(e, t = {}) {
-  const r = w(t.widgetDefinitions), d = t.createFallbackState ?? (() => I(r)), i = e;
-  if (!i || i.version !== 1 || !Array.isArray(i.widgets))
-    return d();
-  const a = i.widgets.filter(
-    (n) => !!n && typeof n.id == "string" && N(n.type, r) && typeof n.title == "string"
-  ).map((n) => {
-    const h = _(n.type, r);
+function V(t) {
+  return t ? {
+    x: Number.isFinite(t.x) ? t.x : 0,
+    y: Number.isFinite(t.y) ? t.y : 0,
+    scale: Number.isFinite(t.scale) && t.scale > 0 ? t.scale : 1
+  } : { ...k };
+}
+function $(t, i) {
+  const e = p(i, t);
+  for (const o of L)
+    e[o] = typeof t?.[o] == "boolean" ? !!t[o] : !0;
+  return e;
+}
+function g(t) {
+  return !!t && typeof t == "object" && !Array.isArray(t);
+}
+function f(t) {
+  return String(t ?? "").trim();
+}
+function c(t, i) {
+  const e = Number(t);
+  return Number.isFinite(e) ? e : i;
+}
+function l(t, i) {
+  const e = c(t, i);
+  return e > 0 ? e : i;
+}
+function w(t, i) {
+  const e = f(t);
+  return e.length > 0 && e.length <= 128 ? e : `${i}-${G()}`;
+}
+function q(t) {
+  return t === "annotation" || t === "background" ? t : "work";
+}
+function Z(t, i) {
+  const e = f(t);
+  return e || (i === "annotation" || i === "background" ? I : "select");
+}
+function y(t, i, e) {
+  const o = f(t);
+  return i.includes(o) ? o : e;
+}
+function J(t) {
+  return y(t, K, S);
+}
+function Q(t) {
+  if (!g(t)) return null;
+  const i = Date.now();
+  return {
+    id: w(t.id, "sticky"),
+    kind: "sticky_note",
+    body: f(t.body) || "Untitled note",
+    color: J(t.color),
+    x: c(t.x, 0),
+    y: c(t.y, 0),
+    width: l(t.width, 260),
+    height: l(t.height, 190),
+    z_index: Math.max(0, Math.trunc(c(t.z_index, 1))),
+    created_at_unix_ms: Math.max(0, Math.trunc(c(t.created_at_unix_ms, i))),
+    updated_at_unix_ms: Math.max(0, Math.trunc(c(t.updated_at_unix_ms, i)))
+  };
+}
+function v(t) {
+  if (!Array.isArray(t)) return [];
+  const i = /* @__PURE__ */ new Set();
+  return t.map((e) => Q(e)).filter((e) => !e || i.has(e.id) ? !1 : (i.add(e.id), !0));
+}
+const tt = ["left", "center", "right"];
+function et(t) {
+  return tt.includes(t) ? t : "left";
+}
+function it(t) {
+  if (!g(t)) return null;
+  const i = Date.now(), e = B(t.font_family);
+  return {
+    id: w(t.id, "text"),
+    kind: "text",
+    text: f(t.text) || "Text",
+    font_family: e.fontFamily,
+    font_size: Math.max(8, Math.min(160, Math.round(c(t.font_size, 28)))),
+    font_weight: e.fontWeight,
+    color: y(t.color, P, R),
+    align: et(t.align),
+    x: c(t.x, 0),
+    y: c(t.y, 0),
+    width: l(t.width, 280),
+    height: l(t.height, 84),
+    z_index: Math.max(0, Math.trunc(c(t.z_index, 1))),
+    created_at_unix_ms: Math.max(0, Math.trunc(c(t.created_at_unix_ms, i))),
+    updated_at_unix_ms: Math.max(0, Math.trunc(c(t.updated_at_unix_ms, i)))
+  };
+}
+function nt(t) {
+  if (!Array.isArray(t)) return [];
+  const i = /* @__PURE__ */ new Set();
+  return t.map((e) => it(e)).filter((e) => !e || i.has(e.id) ? !1 : (i.add(e.id), !0));
+}
+function rt(t) {
+  return y(
+    t,
+    D,
+    O
+  );
+}
+function ot(t) {
+  if (!g(t)) return null;
+  const i = Date.now();
+  return {
+    id: w(t.id, "region"),
+    name: f(t.name) || "Canvas region",
+    fill: y(t.fill, U, E),
+    opacity: Math.max(0.08, Math.min(1, c(t.opacity, 0.72))),
+    material: rt(t.material),
+    x: c(t.x, 0),
+    y: c(t.y, 0),
+    width: l(t.width, 560),
+    height: l(t.height, 360),
+    z_index: Math.max(0, Math.trunc(c(t.z_index, 1))),
+    created_at_unix_ms: Math.max(0, Math.trunc(c(t.created_at_unix_ms, i))),
+    updated_at_unix_ms: Math.max(0, Math.trunc(c(t.updated_at_unix_ms, i)))
+  };
+}
+function at(t) {
+  if (!Array.isArray(t)) return [];
+  const i = /* @__PURE__ */ new Set();
+  return t.map((e) => ot(e)).filter((e) => !e || i.has(e.id) ? !1 : (i.add(e.id), !0));
+}
+function dt(t, i, e, o, n, a) {
+  if (g(t)) {
+    const d = f(t.kind), s = f(t.id);
+    if (d === "widget" && i.some((h) => h.id === s)) return { kind: d, id: s };
+    if (d === "sticky_note" && e.some((h) => h.id === s)) return { kind: d, id: s };
+    if (d === "annotation" && o.some((h) => h.id === s)) return { kind: d, id: s };
+    if (d === "background_layer" && n.some((h) => h.id === s))
+      return { kind: d, id: s };
+  }
+  return a ? { kind: "widget", id: a } : null;
+}
+function wt(t, i = {}) {
+  const e = T(i.widgetDefinitions), o = i.createFallbackState ?? (() => ct(e)), n = t;
+  if (!n || n.version !== 1 || !Array.isArray(n.widgets))
+    return o();
+  const a = n.widgets.filter(
+    (r) => !!r && typeof r.id == "string" && X(r.type, e) && typeof r.title == "string"
+  ).map((r) => {
+    const u = z(r.type, e);
     return {
-      id: n.id,
-      type: n.type,
-      title: n.title,
-      x: Number.isFinite(n.x) ? n.x : 0,
-      y: Number.isFinite(n.y) ? n.y : 0,
-      width: Number.isFinite(n.width) && n.width > 0 ? n.width : h.defaultSize.width,
-      height: Number.isFinite(n.height) && n.height > 0 ? n.height : h.defaultSize.height,
-      z_index: Number.isFinite(n.z_index) && n.z_index >= 0 ? n.z_index : 1,
-      created_at_unix_ms: Number.isFinite(n.created_at_unix_ms) ? n.created_at_unix_ms : Date.now()
+      id: r.id,
+      type: r.type,
+      title: r.title,
+      x: Number.isFinite(r.x) ? r.x : 0,
+      y: Number.isFinite(r.y) ? r.y : 0,
+      width: Number.isFinite(r.width) && r.width > 0 ? r.width : u.defaultSize.width,
+      height: Number.isFinite(r.height) && r.height > 0 ? r.height : u.defaultSize.height,
+      z_index: Number.isFinite(r.z_index) && r.z_index >= 0 ? r.z_index : 1,
+      created_at_unix_ms: Number.isFinite(r.created_at_unix_ms) ? r.created_at_unix_ms : Date.now()
     };
-  }), c = typeof i.selectedWidgetId == "string" && a.some((n) => n.id === i.selectedWidgetId) ? i.selectedWidgetId : null;
+  }), d = typeof n.selectedWidgetId == "string" && a.some((r) => r.id === n.selectedWidgetId) ? n.selectedWidgetId : null, s = v(n.stickyNotes), h = nt(n.annotations), m = at(n.backgroundLayers), _ = q(n.mode);
   return {
     version: 1,
     widgets: a,
-    viewport: F(i.viewport),
-    locked: typeof i.locked == "boolean" ? i.locked : !1,
-    filters: E(i.filters, r),
-    selectedWidgetId: c,
-    theme: v(i.theme) ? i.theme : b
+    viewport: V(n.viewport),
+    locked: typeof n.locked == "boolean" ? n.locked : !1,
+    filters: $(n.filters, e),
+    selectedWidgetId: d,
+    theme: j(n.theme) ? n.theme : C,
+    mode: _,
+    activeTool: Z(n.activeTool, _),
+    selectedObject: dt(
+      n.selectedObject,
+      a,
+      s,
+      h,
+      m,
+      d
+    ),
+    stickyNotes: s,
+    annotations: h,
+    backgroundLayers: m
   };
 }
-function I(e) {
-  const t = w(e), r = Date.now(), d = [
+function ct(t) {
+  const i = T(t), e = Date.now(), o = [
     { type: "terminal", title: "dev · terminal", x: 80, y: 80 },
     { type: "file-browser", title: "project · files", x: 600, y: 80 },
     { type: "system-monitor", title: "host · system monitor", x: 80, y: 420 },
     { type: "log-viewer", title: "services · logs", x: 540, y: 500 },
     { type: "code-editor", title: "Counter.tsx", x: 1e3, y: 180 }
-  ], i = d.filter((a) => t.some((c) => c.type === a.type)).map((a, c) => {
-    const n = _(a.type, t);
+  ], n = o.filter((a) => i.some((d) => d.type === a.type)).map((a, d) => {
+    const s = z(a.type, i);
     return {
-      id: `wb-seed-${c + 1}`,
+      id: `wb-seed-${d + 1}`,
       type: a.type,
       title: a.title,
       x: a.x,
       y: a.y,
-      width: n.defaultSize.width,
-      height: n.defaultSize.height,
-      z_index: c + 1,
-      created_at_unix_ms: r - (d.length - c) * 6e5
+      width: s.defaultSize.width,
+      height: s.defaultSize.height,
+      z_index: d + 1,
+      created_at_unix_ms: e - (o.length - d) * 6e5
     };
   });
   return {
     version: 1,
-    widgets: i,
-    viewport: { ...y },
+    widgets: n,
+    viewport: { ...k },
     locked: !1,
-    filters: W(t),
-    selectedWidgetId: i[0]?.id ?? null,
-    theme: b
+    filters: p(i),
+    selectedWidgetId: n[0]?.id ?? null,
+    theme: C,
+    mode: "work",
+    activeTool: "select",
+    selectedObject: n[0] ? { kind: "widget", id: n[0].id } : null,
+    stickyNotes: [
+      {
+        id: "wb-seed-sticky-1",
+        kind: "sticky_note",
+        body: "Confirm the rollout checklist before touching production.",
+        color: S,
+        x: 930,
+        y: 620,
+        width: 270,
+        height: 170,
+        z_index: n.length + 1,
+        created_at_unix_ms: e - 25e4,
+        updated_at_unix_ms: e - 25e4
+      }
+    ],
+    annotations: [
+      {
+        id: "wb-seed-text-1",
+        kind: "text",
+        text: "Release focus",
+        font_family: N.fontFamily,
+        font_size: 34,
+        font_weight: N.fontWeight,
+        color: R,
+        align: "left",
+        x: 588,
+        y: 378,
+        width: 320,
+        height: 82,
+        z_index: 1,
+        created_at_unix_ms: e - 24e4,
+        updated_at_unix_ms: e - 24e4
+      }
+    ],
+    backgroundLayers: [
+      {
+        id: "wb-seed-region-1",
+        name: "Review lane",
+        fill: E,
+        opacity: 0.58,
+        material: O,
+        x: 512,
+        y: 360,
+        width: 760,
+        height: 520,
+        z_index: 1,
+        created_at_unix_ms: e - 26e4,
+        updated_at_unix_ms: e - 26e4
+      }
+    ]
   };
 }
-const K = 1.18, U = 200, u = 0.45, m = 2.2, p = 48;
-function R(e) {
-  const t = M(e.scale, u, m);
+const bt = 1.18, Wt = 200, b = 0.2, W = 2.2, st = 48;
+function ht(t) {
+  const i = A(t.scale, b, W);
   return {
-    x: e.frameWidth / 2 - (e.widget.x + e.widget.width / 2) * t,
-    y: e.frameHeight / 2 - (e.widget.y + e.widget.height / 2) * t,
-    scale: t
+    x: t.frameWidth / 2 - (t.widget.x + t.widget.width / 2) * i,
+    y: t.frameHeight / 2 - (t.widget.y + t.widget.height / 2) * i,
+    scale: i
   };
 }
-function V(e) {
-  const t = e.minScale ?? u, r = e.maxScale ?? m, d = e.paddingPx ?? p, i = Math.max(e.frameWidth - d * 2, 1), a = Math.max(e.frameHeight - d * 2, 1), c = M(
+function Mt(t) {
+  const i = t.minScale ?? b, e = t.maxScale ?? W, o = t.paddingPx ?? st, n = Math.max(t.frameWidth - o * 2, 1), a = Math.max(t.frameHeight - o * 2, 1), d = A(
     Math.min(
-      i / Math.max(e.widget.width, 1),
-      a / Math.max(e.widget.height, 1)
+      n / Math.max(t.widget.width, 1),
+      a / Math.max(t.widget.height, 1)
     ),
-    t,
-    r
+    i,
+    e
   );
-  return R({
-    widget: e.widget,
-    scale: c,
-    frameWidth: e.frameWidth,
-    frameHeight: e.frameHeight
+  return ht({
+    widget: t.widget,
+    scale: d,
+    frameWidth: t.frameWidth,
+    frameHeight: t.frameHeight
   });
 }
-function z(e, t) {
-  return e.z_index !== t.z_index ? e.z_index - t.z_index : e.created_at_unix_ms !== t.created_at_unix_ms ? e.created_at_unix_ms - t.created_at_unix_ms : e.id.localeCompare(t.id);
+function _t(t, i) {
+  return t.z_index !== i.z_index ? t.z_index - i.z_index : t.created_at_unix_ms !== i.created_at_unix_ms ? t.created_at_unix_ms - i.created_at_unix_ms : t.id.localeCompare(i.id);
 }
-function L(e) {
-  const t = [...e].sort(z), r = /* @__PURE__ */ new Map();
-  for (const [d, i] of t.entries())
-    r.set(i.id, d + 1);
+function Nt(t) {
+  const i = [...t].sort(_t), e = /* @__PURE__ */ new Map();
+  for (const [o, n] of i.entries())
+    e.set(n.id, o + 1);
   return {
-    byWidgetId: r,
-    topRenderLayer: Math.max(t.length, 1)
+    byWidgetId: e,
+    topRenderLayer: Math.max(i.length, 1)
   };
 }
-function Y(e) {
-  const t = typeof window < "u" ? window.innerWidth : 1280, r = typeof window < "u" ? window.innerHeight : 800;
-  let d = e.clientX, i = e.clientY;
-  return d + e.menuWidth > t && (d = Math.max(0, t - e.menuWidth - 8)), i + e.menuHeight > r && (i = Math.max(0, r - e.menuHeight - 8)), { left: d, top: i };
-}
-function j(e) {
-  return e.reduce((t, r) => Math.max(t, r.z_index), 1);
-}
-function $(e, t, r, d) {
-  const i = e.filter((o) => d[o.type]);
-  if (i.length === 0) return null;
-  if (!t) return i[0] ?? null;
-  const a = i.find((o) => o.id === t);
-  if (!a) return i[0] ?? null;
-  const c = a.x + a.width / 2, n = a.y + a.height / 2;
-  let h = null, g = 1 / 0;
-  for (const o of i) {
-    if (o.id === t) continue;
-    const s = o.x + o.width / 2 - c, l = o.y + o.height / 2 - n;
-    let f = !1;
-    switch (r) {
+function kt(t) {
+  const i = typeof window < "u" ? window.innerWidth : 1280, e = typeof window < "u" ? window.innerHeight : 800;
+  let o = t.clientX, n = t.clientY;
+  return o + t.menuWidth > i && (o = Math.max(0, i - t.menuWidth - 8)), n + t.menuHeight > e && (n = Math.max(0, e - t.menuHeight - 8)), { left: o, top: n };
+}
+function Ot(t, i, e, o) {
+  const n = t.filter((_) => o[_.type]);
+  if (n.length === 0) return null;
+  if (!i) return n[0] ?? null;
+  const a = n.find((_) => _.id === i);
+  if (!a) return n[0] ?? null;
+  const d = a.x + a.width / 2, s = a.y + a.height / 2;
+  let h = null, m = 1 / 0;
+  for (const _ of n) {
+    if (_.id === i) continue;
+    const r = _.x + _.width / 2 - d, u = _.y + _.height / 2 - s;
+    let x = !1;
+    switch (e) {
       case "up":
-        f = l < -10;
+        x = u < -10;
         break;
       case "down":
-        f = l > 10;
+        x = u > 10;
         break;
       case "left":
-        f = s < -10;
+        x = r < -10;
         break;
       case "right":
-        f = s > 10;
+        x = r > 10;
         break;
     }
-    if (!f) continue;
-    const S = Math.sqrt(s * s + l * l), k = Math.atan2(
-      Math.abs(r === "up" || r === "down" ? s : l),
-      Math.abs(r === "up" || r === "down" ? l : s)
-    ), x = S * (1 + k * 1.5);
-    x < g && (g = x, h = o);
+    if (!x) continue;
+    const F = Math.sqrt(r * r + u * u), H = Math.atan2(
+      Math.abs(e === "up" || e === "down" ? r : u),
+      Math.abs(e === "up" || e === "down" ? u : r)
+    ), M = F * (1 + H * 1.5);
+    M < m && (m = M, h = _);
   }
   return h;
 }
-function M(e, t = u, r = m) {
-  return Math.max(t, Math.min(r, e));
+function A(t, i = b, e = W) {
+  return Math.max(i, Math.min(e, t));
 }
-function Z(e, t = 0) {
-  return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
+function Et(t, i = 0) {
+  return 16 + Math.max(1, t) * 32 + Math.max(0, i) * 9;
 }
 export {
-  K as WORKBENCH_CANVAS_ZOOM_STEP,
-  U as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
-  m as WORKBENCH_MAX_SCALE,
-  u as WORKBENCH_MIN_SCALE,
-  p as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
-  M as clampScale,
-  Y as createContextMenuPosition,
-  I as createDefaultWorkbenchState,
-  O as createWorkbenchId,
-  H as createWorkbenchProjectedRect,
-  L as createWorkbenchRenderLayerMap,
-  R as createWorkbenchViewportCenteredOnWidget,
-  V as createWorkbenchViewportFitForWidget,
-  B as createWorkbenchWidgetSurfaceMetrics,
-  Z as estimateContextMenuHeight,
-  $ as findNearestWidget,
-  j as getTopZIndex,
-  A as resolveWorkbenchProjectedSurfaceScaleBehavior,
-  T as resolveWorkbenchWidgetRenderMode,
-  E as sanitizeFilters,
-  F as sanitizeViewport,
-  X as sanitizeWorkbenchState
+  bt as WORKBENCH_CANVAS_ZOOM_STEP,
+  Wt as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  W as WORKBENCH_MAX_SCALE,
+  b as WORKBENCH_MIN_SCALE,
+  st as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
+  A as clampScale,
+  kt as createContextMenuPosition,
+  ct as createDefaultWorkbenchState,
+  G as createWorkbenchId,
+  Y as createWorkbenchProjectedRect,
+  Nt as createWorkbenchRenderLayerMap,
+  ht as createWorkbenchViewportCenteredOnWidget,
+  Mt as createWorkbenchViewportFitForWidget,
+  yt as createWorkbenchWidgetSurfaceMetrics,
+  Et as estimateContextMenuHeight,
+  Ot as findNearestWidget,
+  gt as resolveWorkbenchProjectedSurfaceScaleBehavior,
+  xt as resolveWorkbenchWidgetRenderMode,
+  $ as sanitizeFilters,
+  V as sanitizeViewport,
+  wt as sanitizeWorkbenchState
 };

package/dist/components/workbench/workbenchOptions.d.ts

@@ -0,0 +1,43 @@
+export declare const WORKBENCH_TEXT_COLOR_OPTIONS: readonly ["#6b7280", "#64748b", "#71717a", "#78716c", "#7770a0", "#8a6b6b"];
+export declare const WORKBENCH_DEFAULT_TEXT_COLOR: "#6b7280";
+export declare const WORKBENCH_TEXT_FONT_OPTIONS: readonly [{
+    readonly id: "serif";
+    readonly label: "Serif";
+    readonly fontFamily: "ui-serif, Georgia, serif";
+    readonly fontWeight: 760;
+}, {
+    readonly id: "sans";
+    readonly label: "Sans";
+    readonly fontFamily: "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
+    readonly fontWeight: 800;
+}, {
+    readonly id: "round";
+    readonly label: "Round";
+    readonly fontFamily: "ui-rounded, \"SF Pro Rounded\", \"Arial Rounded MT Bold\", ui-sans-serif, sans-serif";
+    readonly fontWeight: 800;
+}, {
+    readonly id: "mono";
+    readonly label: "Mono";
+    readonly fontFamily: "ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace";
+    readonly fontWeight: 800;
+}, {
+    readonly id: "condensed";
+    readonly label: "Cond";
+    readonly fontFamily: "Impact, Haettenschweiler, \"Arial Narrow Bold\", sans-serif";
+    readonly fontWeight: 700;
+}];
+export type WorkbenchTextFontOption = typeof WORKBENCH_TEXT_FONT_OPTIONS[number];
+export declare const WORKBENCH_DEFAULT_TEXT_FONT: {
+    readonly id: "serif";
+    readonly label: "Serif";
+    readonly fontFamily: "ui-serif, Georgia, serif";
+    readonly fontWeight: 760;
+};
+export declare const WORKBENCH_TEXT_EMOJI_OPTIONS: readonly ["✨", "✅", "⚠️", "🔥", "💡", "🚀", "🎯", "📌", "🧭", "🧪", "🛠️", "📝", "👀", "🔎", "💬", "❓", "❗", "⭐", "❤️", "🔒", "🔗", "📎", "📅", "⏱️", "📊", "📈", "🏁", "🔖", "🧩", "⚙️", "🚧", "🧯", "📦", "🎉"];
+export declare function resolveWorkbenchTextFontOption(fontFamily: unknown): WorkbenchTextFontOption;
+export declare const WORKBENCH_REGION_FILL_OPTIONS: readonly ["#9da8a1", "#a79d8e", "#8fa1aa", "#a78f86", "#9ca184", "#9993a7"];
+export declare const WORKBENCH_DEFAULT_REGION_FILL: "#9da8a1";
+export declare const WORKBENCH_BACKGROUND_MATERIALS: readonly ["solid", "dotted", "grid", "hatched", "glass"];
+export declare const WORKBENCH_DEFAULT_BACKGROUND_MATERIAL = "dotted";
+export declare const WORKBENCH_STICKY_NOTE_COLORS: readonly ["amber", "sage", "azure", "coral", "rose"];
+export declare const WORKBENCH_DEFAULT_STICKY_NOTE_COLOR = "amber";