@floegence/floe-webapp-core 0.35.59 → 0.36.1

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

@@ -0,0 +1,142 @@
+import { insert as c, createComponent as r, template as g, memo as s, effect as h, setStyleProperty as k, delegateEvents as _ } from "solid-js/web";
+import { createSignal as v, For as u } from "solid-js";
+import { ChevronDown as p, ChevronRight as m, FolderOpen as x, Folder as $, FileCode as C } from "../../icons/index.js";
+var F = /* @__PURE__ */ g("<button type=button class=workbench-widget-filebrowser__row><span class=workbench-widget-filebrowser__icon></span><span class=workbench-widget-filebrowser__name>"), S = /* @__PURE__ */ g("<span class=workbench-widget-filebrowser__chev>"), T = /* @__PURE__ */ g("<span class=workbench-widget-filebrowser__chev aria-hidden=true>"), j = /* @__PURE__ */ g("<div class=workbench-widget-filebrowser><div class=workbench-widget-filebrowser__toolbar><span class=workbench-widget-filebrowser__path>~/projects/floe-webapp</span></div><div class=workbench-widget-filebrowser__tree>");
+const y = {
+  id: "root",
+  label: "floe-webapp",
+  kind: "folder",
+  children: [{
+    id: "src",
+    label: "src",
+    kind: "folder",
+    children: [{
+      id: "components",
+      label: "components",
+      kind: "folder",
+      children: [{
+        id: "app-tsx",
+        label: "App.tsx",
+        kind: "file"
+      }, {
+        id: "notes-tsx",
+        label: "NotesBoard.tsx",
+        kind: "file"
+      }, {
+        id: "workbench-tsx",
+        label: "WorkbenchOverlay.tsx",
+        kind: "file"
+      }]
+    }, {
+      id: "utils",
+      label: "utils",
+      kind: "folder",
+      children: [{
+        id: "animations",
+        label: "animations.ts",
+        kind: "file"
+      }, {
+        id: "cn",
+        label: "cn.ts",
+        kind: "file"
+      }]
+    }, {
+      id: "index",
+      label: "index.ts",
+      kind: "file"
+    }]
+  }, {
+    id: "public",
+    label: "public",
+    kind: "folder",
+    children: [{
+      id: "logo",
+      label: "logo.svg",
+      kind: "file"
+    }]
+  }, {
+    id: "pkgjson",
+    label: "package.json",
+    kind: "file"
+  }, {
+    id: "tsconfig",
+    label: "tsconfig.json",
+    kind: "file"
+  }]
+}, f = (n) => {
+  const i = () => n.node.kind === "folder", o = () => n.expanded.has(n.node.id);
+  return [(() => {
+    var e = F(), d = e.firstChild, t = d.nextSibling;
+    return e.$$click = () => {
+      i() && n.onToggle(n.node.id);
+    }, c(e, (() => {
+      var l = s(() => !!i());
+      return () => l() ? (() => {
+        var a = S();
+        return c(a, (() => {
+          var b = s(() => !!o());
+          return () => b() ? r(p, {
+            class: "w-3 h-3"
+          }) : r(m, {
+            class: "w-3 h-3"
+          });
+        })()), a;
+      })() : T();
+    })(), d), c(d, (() => {
+      var l = s(() => !!i());
+      return () => l() ? s(() => !!o())() ? r(x, {
+        class: "w-3.5 h-3.5"
+      }) : r($, {
+        class: "w-3.5 h-3.5"
+      }) : r(C, {
+        class: "w-3.5 h-3.5"
+      });
+    })()), c(t, () => n.node.label), h((l) => {
+      var a = !!i(), b = !!(i() && o()), w = `${n.depth * 14 + 8}px`;
+      return a !== l.e && e.classList.toggle("is-folder", l.e = a), b !== l.t && e.classList.toggle("is-open", l.t = b), w !== l.a && k(e, "padding-left", l.a = w), l;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), e;
+  })(), s(() => s(() => !!(i() && o() && n.node.children))() ? r(u, {
+    get each() {
+      return n.node.children;
+    },
+    children: (e) => r(f, {
+      node: e,
+      get depth() {
+        return n.depth + 1;
+      },
+      get expanded() {
+        return n.expanded;
+      },
+      get onToggle() {
+        return n.onToggle;
+      }
+    })
+  }) : null)];
+};
+function B() {
+  const [n, i] = v(/* @__PURE__ */ new Set(["root", "src", "components"])), o = (e) => {
+    i((d) => {
+      const t = new Set(d);
+      return t.has(e) ? t.delete(e) : t.add(e), t;
+    });
+  };
+  return (() => {
+    var e = j(), d = e.firstChild, t = d.nextSibling;
+    return c(t, r(f, {
+      node: y,
+      depth: 0,
+      get expanded() {
+        return n();
+      },
+      onToggle: o
+    })), e;
+  })();
+}
+_(["click"]);
+export {
+  B as FileBrowserWidget
+};

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

@@ -0,0 +1 @@
+export declare function LogViewerWidget(): import("solid-js").JSX.Element;

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

@@ -0,0 +1,86 @@
+import { insert as a, createComponent as _, effect as f, className as S, template as d } from "solid-js/web";
+import { createSignal as b, onMount as $, onCleanup as k, For as y } from "solid-js";
+var C = /* @__PURE__ */ d("<div class=workbench-widget-logviewer><div class=workbench-widget-logviewer__lines>"), L = /* @__PURE__ */ d("<div class=workbench-widget-logviewer__line><span class=workbench-widget-logviewer__ts></span><span></span><span class=workbench-widget-logviewer__msg>");
+const i = [{
+  level: "info",
+  message: "Request GET /api/health 200 (12ms)"
+}, {
+  level: "info",
+  message: "WebSocket ping/pong cycle OK (lat=38ms)"
+}, {
+  level: "info",
+  message: 'Scheduled job "rotate-keys" completed'
+}, {
+  level: "debug",
+  message: "Cache hit workbench:viewport -> fresh"
+}, {
+  level: "warn",
+  message: "Slow query detected (234ms) on notes.topics"
+}, {
+  level: "warn",
+  message: "Retry #2 for upstream call /v1/sync"
+}, {
+  level: "error",
+  message: "Connection timeout on retry 3"
+}, {
+  level: "info",
+  message: "Reconnected successfully after backoff"
+}, {
+  level: "info",
+  message: "Applied migration 0042_user_schema"
+}, {
+  level: "debug",
+  message: "GC pause 14ms (young)"
+}], M = 1100, w = 10;
+function p(s) {
+  const c = String(s.getHours()).padStart(2, "0"), g = String(s.getMinutes()).padStart(2, "0"), n = String(s.getSeconds()).padStart(2, "0");
+  return `${c}:${g}:${n}`;
+}
+function A() {
+  const s = (() => {
+    const t = /* @__PURE__ */ new Date();
+    return Array.from({
+      length: 6
+    }, (r, e) => {
+      const l = i[e * 3 % i.length], o = new Date(t.getTime() - (6 - e) * 4200);
+      return {
+        id: o.getTime() + e,
+        ts: p(o),
+        level: l.level,
+        message: l.message
+      };
+    });
+  })(), [c, g] = b(s);
+  let n = s.length, m;
+  const h = () => {
+    const t = i[n % i.length];
+    n += 1, g((r) => {
+      const e = [...r, {
+        id: n,
+        ts: p(/* @__PURE__ */ new Date()),
+        level: t.level,
+        message: t.message
+      }];
+      return e.length > w ? e.slice(e.length - w) : e;
+    });
+  };
+  return $(() => {
+    m = window.setInterval(h, M);
+  }), k(() => {
+    m !== void 0 && window.clearInterval(m);
+  }), (() => {
+    var t = C(), r = t.firstChild;
+    return a(r, _(y, {
+      get each() {
+        return c();
+      },
+      children: (e) => (() => {
+        var l = L(), o = l.firstChild, v = o.nextSibling, u = v.nextSibling;
+        return a(o, () => e.ts), a(v, () => e.level.toUpperCase()), a(u, () => e.message), f(() => S(v, `workbench-widget-logviewer__level workbench-widget-logviewer__level--${e.level}`)), l;
+      })()
+    })), t;
+  })();
+}
+export {
+  A as LogViewerWidget
+};

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

@@ -0,0 +1 @@
+export declare function SystemMonitorWidget(): import("solid-js").JSX.Element;

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

@@ -0,0 +1,122 @@
+import { insert as d, createComponent as g, effect as A, className as L, setStyleProperty as N, template as b, setAttribute as S } from "solid-js/web";
+import { createSignal as k, onMount as P, onCleanup as R, For as T } from "solid-js";
+import { Cpu as B, Activity as E, Database as H } from "../../icons/index.js";
+var K = /* @__PURE__ */ b("<div class=workbench-widget-sysmon>"), O = /* @__PURE__ */ b("<div class=workbench-widget-sysmon__row><div class=workbench-widget-sysmon__label><span></span></div><div class=workbench-widget-sysmon__bar><div></div></div><span class=workbench-widget-sysmon__value>%"), U = /* @__PURE__ */ b('<svg viewBox="0 0 72 22"width=72 height=22 preserveAspectRatio=none aria-hidden=true><path fill=none stroke=currentColor stroke-width=1.3 stroke-linejoin=round>');
+const w = 28, W = 900;
+function f(s, m, u, a) {
+  const e = (Math.random() - 0.5) * a;
+  return Math.min(u, Math.max(m, s + e));
+}
+function J() {
+  const s = () => Array.from({
+    length: w
+  }, () => 30 + Math.random() * 30), m = () => Array.from({
+    length: w
+  }, () => 55 + Math.random() * 18), u = () => Array.from({
+    length: w
+  }, () => 25 + Math.random() * 10), [a, e] = k({
+    value: 42,
+    history: s()
+  }), [l, r] = k({
+    value: 67,
+    history: m()
+  }), [i, o] = k({
+    value: 31,
+    history: u()
+  });
+  let c;
+  const I = () => {
+    e((n) => {
+      const t = f(n.value, 12, 92, 14);
+      return {
+        value: t,
+        history: [...n.history.slice(1), t]
+      };
+    }), r((n) => {
+      const t = f(n.value, 42, 88, 5);
+      return {
+        value: t,
+        history: [...n.history.slice(1), t]
+      };
+    }), o((n) => {
+      const t = f(n.value, 18, 64, 2.4);
+      return {
+        value: t,
+        history: [...n.history.slice(1), t]
+      };
+    });
+  };
+  P(() => {
+    c = window.setInterval(I, W);
+  }), R(() => {
+    c !== void 0 && window.clearInterval(c);
+  });
+  const D = [{
+    key: "cpu",
+    label: "CPU",
+    icon: B,
+    metric: a
+  }, {
+    key: "memory",
+    label: "Memory",
+    icon: E,
+    metric: l
+  }, {
+    key: "disk",
+    label: "Disk",
+    icon: H,
+    metric: i
+  }];
+  return (() => {
+    var n = K();
+    return d(n, g(T, {
+      each: D,
+      children: (t) => {
+        const F = t.icon;
+        return (() => {
+          var v = O(), y = v.firstChild, p = y.firstChild, _ = y.nextSibling, M = _.firstChild, $ = _.nextSibling, j = $.firstChild;
+          return d(y, g(F, {
+            class: "w-3.5 h-3.5"
+          }), p), d(p, () => t.label), d(v, g(Y, {
+            get points() {
+              return t.metric().history;
+            },
+            get variant() {
+              return t.key;
+            }
+          }), _), d($, () => Math.round(t.metric().value), j), A((h) => {
+            var C = `workbench-widget-sysmon__fill workbench-widget-sysmon__fill--${t.key}`, x = `${t.metric().value.toFixed(1)}%`;
+            return C !== h.e && L(M, h.e = C), x !== h.t && N(M, "width", h.t = x), h;
+          }, {
+            e: void 0,
+            t: void 0
+          }), v;
+        })();
+      }
+    })), n;
+  })();
+}
+function Y(s) {
+  const a = () => {
+    const e = s.points;
+    if (e.length === 0) return "";
+    const l = 72 / Math.max(1, e.length - 1);
+    return e.map((r, i) => {
+      const o = i * l, c = 22 - r / 100 * 22;
+      return `${i === 0 ? "M" : "L"}${o.toFixed(2)} ${c.toFixed(2)}`;
+    }).join(" ");
+  };
+  return (() => {
+    var e = U(), l = e.firstChild;
+    return A((r) => {
+      var i = `workbench-widget-sysmon__spark workbench-widget-sysmon__spark--${s.variant}`, o = a();
+      return i !== r.e && S(e, "class", r.e = i), o !== r.t && S(l, "d", r.t = o), r;
+    }, {
+      e: void 0,
+      t: void 0
+    }), e;
+  })();
+}
+export {
+  J as SystemMonitorWidget
+};

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

@@ -0,0 +1 @@
+export declare function TerminalWidget(): import("solid-js").JSX.Element;

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

@@ -0,0 +1,70 @@
+import { insert as d, createComponent as x, memo as S, effect as C, template as w } from "solid-js/web";
+import { createSignal as b, onMount as y, onCleanup as E, For as I } from "solid-js";
+var M = /* @__PURE__ */ w('<div class=workbench-widget-terminal><div class=workbench-widget-terminal__toolbar><span class="workbench-widget-terminal__dot workbench-widget-terminal__dot--red"></span><span class="workbench-widget-terminal__dot workbench-widget-terminal__dot--yellow"></span><span class="workbench-widget-terminal__dot workbench-widget-terminal__dot--green"></span><span class=workbench-widget-terminal__path>~/projects/floe-webapp</span></div><div class=workbench-widget-terminal__body><div class=workbench-widget-terminal__line><span class=workbench-widget-terminal__prompt>$</span><span></span><span class=workbench-widget-terminal__cursor>'), N = /* @__PURE__ */ w("<div class=workbench-widget-terminal__line><span>"), A = /* @__PURE__ */ w("<span class=workbench-widget-terminal__prompt>$");
+const k = [{
+  prompt: "pnpm dev",
+  outputs: ["VITE v7.3.2 ready in 342 ms", "➜  Local:   http://localhost:5173/", "➜  Network: http://192.168.1.12:5173/"]
+}, {
+  prompt: "git status",
+  outputs: ["On branch feat-workbench", "Changes not staged for commit:", "  modified:   apps/demo/src/App.tsx"]
+}, {
+  prompt: "curl -s https://api.floe.dev/health | jq .status",
+  outputs: ['"ok"']
+}], L = 42, f = 160, O = 1400;
+function R() {
+  const [$, _] = b([]), [T, m] = b("");
+  let u = 0, s = 0, e, i = !1;
+  const h = () => {
+    if (i) return;
+    const t = k[u % k.length];
+    s = 0, m("");
+    const l = () => {
+      i || (s += 1, m(t.prompt.slice(0, s)), s < t.prompt.length ? e = window.setTimeout(l, L) : e = window.setTimeout(a, f));
+    }, a = () => {
+      if (i) return;
+      _((r) => [...r.slice(-6), {
+        id: `${Date.now()}-prompt`,
+        kind: "prompt",
+        text: t.prompt
+      }]), m("");
+      let n = 0;
+      const p = () => {
+        if (i) return;
+        if (n >= t.outputs.length) {
+          u += 1, e = window.setTimeout(h, O);
+          return;
+        }
+        const r = t.outputs[n];
+        _((o) => [...o.slice(-6), {
+          id: `${Date.now()}-${n}`,
+          kind: "muted",
+          text: r
+        }]), n += 1, e = window.setTimeout(p, f);
+      };
+      p();
+    };
+    l();
+  };
+  return y(() => {
+    e = window.setTimeout(h, 300);
+  }), E(() => {
+    i = !0, e !== void 0 && window.clearTimeout(e);
+  }), (() => {
+    var t = M(), l = t.firstChild, a = l.nextSibling, n = a.firstChild, p = n.firstChild, r = p.nextSibling;
+    return d(a, x(I, {
+      get each() {
+        return $();
+      },
+      children: (o) => (() => {
+        var c = N(), g = c.firstChild;
+        return d(c, (() => {
+          var v = S(() => o.kind === "prompt");
+          return () => v() ? A() : null;
+        })(), g), d(g, () => o.text), C(() => c.classList.toggle("workbench-widget-terminal__line--muted", o.kind === "muted")), c;
+      })()
+    }), n), d(r, T), t;
+  })();
+}
+export {
+  R as TerminalWidget
+};

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

@@ -0,0 +1,14 @@
+import type { Component } from 'solid-js';
+import type { WorkbenchWidgetDefinition, WorkbenchWidgetType } from '../types';
+export interface WidgetRegistryEntry extends WorkbenchWidgetDefinition {
+    label: string;
+    icon: Component<{
+        class?: string;
+    }>;
+    defaultTitle: string;
+}
+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 isValidWorkbenchWidgetType(type: unknown, widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): type is WorkbenchWidgetType;
+export declare function getWidgetEntry(type: WorkbenchWidgetType, widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): WorkbenchWidgetDefinition;

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

@@ -0,0 +1,71 @@
+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";
+const g = [
+  {
+    type: "terminal",
+    label: "Terminal",
+    icon: d,
+    body: m,
+    defaultTitle: "Terminal",
+    defaultSize: { width: 480, height: 320 }
+  },
+  {
+    type: "file-browser",
+    label: "File Browser",
+    icon: n,
+    body: c,
+    defaultTitle: "File Browser",
+    defaultSize: { width: 360, height: 400 }
+  },
+  {
+    type: "system-monitor",
+    label: "System Monitor",
+    icon: a,
+    body: p,
+    defaultTitle: "System Monitor",
+    defaultSize: { width: 340, height: 280 }
+  },
+  {
+    type: "log-viewer",
+    label: "Log Viewer",
+    icon: f,
+    body: u,
+    defaultTitle: "Log Viewer",
+    defaultSize: { width: 500, height: 300 }
+  },
+  {
+    type: "code-editor",
+    label: "Code Editor",
+    icon: y,
+    body: h,
+    defaultTitle: "Code Editor",
+    defaultSize: { width: 520, height: 380 }
+  }
+];
+function l(e) {
+  return e && e.length > 0 ? e : g;
+}
+function E(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) {
+  return typeof e == "string" && l(t).some((o) => o.type === e);
+}
+function v(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,
+  l as resolveWorkbenchWidgetDefinitions
+};

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

@@ -0,0 +1,26 @@
+import { type WorkbenchState, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem, type WorkbenchWidgetType } from './types';
+export declare function createWorkbenchId(): string;
+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 interface SanitizeWorkbenchStateOptions {
+    widgetDefinitions?: readonly WorkbenchWidgetDefinition[];
+    createFallbackState?: () => WorkbenchState;
+}
+export declare function sanitizeWorkbenchState(input: unknown, options?: SanitizeWorkbenchStateOptions): WorkbenchState;
+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 function createContextMenuPosition(options: {
+    clientX: number;
+    clientY: number;
+    menuWidth: number;
+    menuHeight: number;
+}): {
+    left: number;
+    top: number;
+};
+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 clampScale(scale: number, min?: number, max?: number): number;
+export declare function estimateContextMenuHeight(actionCount: number, separatorCount?: number): number;

package/dist/components/workbench/workbenchHelpers.js

@@ -0,0 +1,139 @@
+import { DEFAULT_WORKBENCH_VIEWPORT as g } from "./types.js";
+import { resolveWorkbenchWidgetDefinitions as m, getWidgetEntry as x, createWorkbenchFilterState as b, isValidWorkbenchWidgetType as W } from "./widgets/widgetRegistry.js";
+function F() {
+  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)}`;
+}
+function M(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
+  } : { ...g };
+}
+function k(e, n) {
+  return b(n, e);
+}
+function z(e, n = {}) {
+  const r = m(n.widgetDefinitions), a = n.createFallbackState ?? (() => N(r)), i = e;
+  if (!i || i.version !== 1 || !Array.isArray(i.widgets))
+    return a();
+  const s = i.widgets.filter(
+    (t) => !!t && typeof t.id == "string" && W(t.type, r) && typeof t.title == "string"
+  ).map((t) => {
+    const u = x(t.type, r);
+    return {
+      id: t.id,
+      type: t.type,
+      title: t.title,
+      x: Number.isFinite(t.x) ? t.x : 0,
+      y: Number.isFinite(t.y) ? t.y : 0,
+      width: Number.isFinite(t.width) && t.width > 0 ? t.width : u.defaultSize.width,
+      height: Number.isFinite(t.height) && t.height > 0 ? t.height : u.defaultSize.height,
+      z_index: Number.isFinite(t.z_index) && t.z_index >= 0 ? t.z_index : 1,
+      created_at_unix_ms: Number.isFinite(t.created_at_unix_ms) ? t.created_at_unix_ms : Date.now()
+    };
+  }), c = typeof i.selectedWidgetId == "string" && s.some((t) => t.id === i.selectedWidgetId) ? i.selectedWidgetId : null;
+  return {
+    version: 1,
+    widgets: s,
+    viewport: M(i.viewport),
+    locked: typeof i.locked == "boolean" ? i.locked : !1,
+    filters: k(i.filters, r),
+    selectedWidgetId: c
+  };
+}
+function N(e) {
+  const n = m(e), r = Date.now(), a = [
+    { 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 = a.filter((s) => n.some((c) => c.type === s.type)).map((s, c) => {
+    const t = x(s.type, n);
+    return {
+      id: `wb-seed-${c + 1}`,
+      type: s.type,
+      title: s.title,
+      x: s.x,
+      y: s.y,
+      width: t.defaultSize.width,
+      height: t.defaultSize.height,
+      z_index: c + 1,
+      created_at_unix_ms: r - (a.length - c) * 6e5
+    };
+  });
+  return {
+    version: 1,
+    widgets: i,
+    viewport: { ...g },
+    locked: !1,
+    filters: b(n),
+    selectedWidgetId: i[0]?.id ?? null
+  };
+}
+const D = 1.18, I = 200;
+function E(e) {
+  const n = typeof window < "u" ? window.innerWidth : 1280, r = typeof window < "u" ? window.innerHeight : 800;
+  let a = e.clientX, i = e.clientY;
+  return a + e.menuWidth > n && (a = Math.max(0, n - e.menuWidth - 8)), i + e.menuHeight > r && (i = Math.max(0, r - e.menuHeight - 8)), { left: a, top: i };
+}
+function H(e) {
+  return e.reduce((n, r) => Math.max(n, r.z_index), 1);
+}
+function T(e, n, r, a) {
+  const i = e.filter((o) => a[o.type]);
+  if (i.length === 0) return null;
+  if (!n) return i[0] ?? null;
+  const s = i.find((o) => o.id === n);
+  if (!s) return i[0] ?? null;
+  const c = s.x + s.width / 2, t = s.y + s.height / 2;
+  let u = null, f = 1 / 0;
+  for (const o of i) {
+    if (o.id === n) continue;
+    const d = o.x + o.width / 2 - c, l = o.y + o.height / 2 - t;
+    let h = !1;
+    switch (r) {
+      case "up":
+        h = l < -10;
+        break;
+      case "down":
+        h = l > 10;
+        break;
+      case "left":
+        h = d < -10;
+        break;
+      case "right":
+        h = d > 10;
+        break;
+    }
+    if (!h) continue;
+    const p = Math.sqrt(d * d + l * l), _ = Math.atan2(
+      Math.abs(r === "up" || r === "down" ? d : l),
+      Math.abs(r === "up" || r === "down" ? l : d)
+    ), y = p * (1 + _ * 1.5);
+    y < f && (f = y, u = o);
+  }
+  return u;
+}
+function C(e, n = 0.45, r = 2.2) {
+  return Math.max(n, Math.min(r, e));
+}
+function O(e, n = 0) {
+  return 16 + Math.max(1, e) * 32 + Math.max(0, n) * 9;
+}
+export {
+  D as WORKBENCH_CANVAS_ZOOM_STEP,
+  I as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  C as clampScale,
+  E as createContextMenuPosition,
+  N as createDefaultWorkbenchState,
+  F as createWorkbenchId,
+  O as estimateContextMenuHeight,
+  T as findNearestWidget,
+  H as getTopZIndex,
+  k as sanitizeFilters,
+  M as sanitizeViewport,
+  z as sanitizeWorkbenchState
+};