@floegence/floe-webapp-core 0.36.42 → 0.36.43

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,24 +1,24 @@
 import { spread as at, mergeProps as Rt, insert as s, createComponent as h, memo as Xt, effect as zt, style as Yt, template as gt, use as Dt, delegateEvents as jt } from "solid-js/web";
-import { createMemo as w, createSignal as P, onCleanup as lt, untrack as _, createEffect as ct } from "solid-js";
+import { createMemo as u, createSignal as P, onCleanup as lt, untrack as _, createEffect as ct } from "solid-js";
 import { startHotInteraction as Ft } from "../../utils/hotInteraction.js";
-import { X as dt, Minus as st, Maximize as wt, GripVertical as Ht } from "../icons/index.js";
+import { X as dt, Minus as st, Maximize as ut, GripVertical as Ht } from "../icons/index.js";
 import { CANVAS_WHEEL_INTERACTIVE_ATTR as Ot, WORKBENCH_WIDGET_SHELL_ATTR as Vt, resolveWorkbenchWidgetLocalTypingTarget as qt, resolveWorkbenchWidgetTextSelectionTarget as Bt, shouldActivateWorkbenchWidgetLocalTarget as Nt } from "../ui/localInteractionSurface.js";
-import { startPointerSession as ut } from "../ui/pointerSession.js";
+import { startPointerSession as wt } from "../ui/pointerSession.js";
 import { createWorkbenchWidgetSurfaceMetrics as Gt, resolveWorkbenchProjectedSurfaceScaleBehavior as Zt } from "./workbenchHelpers.js";
 import { createWorkbenchEdgeAutoPanController as Kt, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Ut, frameFromElement as Jt } from "./workbenchEdgeAutoPan.js";
 import { resolveWorkbenchInteractionAdapter as Qt } from "./workbenchInteractionAdapter.js";
 var te = /* @__PURE__ */ gt('<article class=workbench-widget><div class=workbench-widget__surface><header class=workbench-widget__header><span class=workbench-widget__traffic role=group aria-label="Window controls"><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--close"aria-label="Close widget"title="Close widget"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button></span><span class=workbench-widget__badge aria-hidden=true></span><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title-dot aria-hidden=true></span><span class=workbench-widget__title></span></div><span class=workbench-widget__window-controls role=group aria-label="Window controls"><button type=button class="workbench-widget__window-control workbench-widget__window-control--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--close"aria-label="Remove widget"title="Remove widget"data-floe-canvas-interactive=true></button></span></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), ee = /* @__PURE__ */ gt('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
 const ie = 220, oe = 160, ne = 160;
 function he(e) {
-  const d = w(() => Qt(e.interactionAdapter)), [b, I] = P(null), [M, X] = P(null), [ht, ft] = P(), [z, Y] = P(!1), [N, x] = P({
+  const d = u(() => Qt(e.interactionAdapter)), [b, I] = P(null), [M, X] = P(null), [ht, ft] = P(), [z, Y] = P(!1), [N, x] = P({
     enabled: !1,
     scale: 1
   });
-  let v, S, k, T = null, mt = 0, _t = 0, m = null, p;
-  const $ = /* @__PURE__ */ new Map();
+  let v, S, k, T = null, mt = 0, _t = 0, m = null, $;
+  const p = /* @__PURE__ */ new Map();
   let c;
   const W = () => {
-    typeof window > "u" || p === void 0 || (window.clearTimeout(p), p = void 0);
+    typeof window > "u" || $ === void 0 || (window.clearTimeout($), $ = void 0);
   }, G = (t, i) => {
     const o = Ft({
       kind: t,
@@ -67,18 +67,18 @@ function he(e) {
     Y(!1), e.onSelect(e.widgetId), e.onCommitFront(e.widgetId);
   }, D = () => {
     Y(!1);
-  }, y = w(() => e.selected || z()), vt = (t, i, o) => {
+  }, y = u(() => e.selected || z()), vt = (t, i, o) => {
     const a = {
       token: ++_t,
       wasSelected: i,
       ownership: o
     };
-    $.set(t, a), !i && o === "widget_local" && Y(!0), queueMicrotask(() => {
-      $.get(t)?.token === a.token && $.delete(t);
+    p.set(t, a), !i && o === "widget_local" && Y(!0), queueMicrotask(() => {
+      p.get(t)?.token === a.token && p.delete(t);
     });
   }, St = (t) => {
-    const i = $.get(t) ?? null;
-    return i && $.delete(t), i;
+    const i = p.get(t) ?? null;
+    return i && p.delete(t), i;
   };
   ct(() => {
     const t = c;
@@ -96,12 +96,12 @@ function he(e) {
       t.removeEventListener("pointerdown", i, !0), t.removeEventListener("click", o, !0), t.removeEventListener("pointerup", a), t.removeEventListener("pointercancel", D);
     });
   });
-  const j = () => b() !== null, F = () => M() !== null, kt = w(() => e.filtered ? "cold" : y() ? "hot" : "warm"), E = (t) => d().resolveWidgetEventOwnership({
+  const j = () => b() !== null, F = () => M() !== null, kt = u(() => e.filtered || e.locked ? "cold" : y() ? "hot" : "warm"), E = (t) => d().resolveWidgetEventOwnership({
     target: t,
     widgetRoot: c ?? null,
     interactiveSelector: d().interactiveSelector,
     panSurfaceSelector: d().panSurfaceSelector
-  }), pt = () => {
+  }), $t = () => {
     C(), c?.focus({
       preventScroll: !0
     });
@@ -111,7 +111,7 @@ function he(e) {
       source: "local_pointer",
       pointerType: t
     }));
-  }, $t = (t) => {
+  }, pt = (t) => {
     if (!(!c || !t.isConnected || !c.contains(t)))
       try {
         t.focus({
@@ -130,7 +130,7 @@ function he(e) {
     const o = m;
     queueMicrotask(() => {
       const a = () => {
-        !o || m?.token !== o.token || ($t(o.target), m = null);
+        !o || m?.token !== o.token || (pt(o.target), m = null);
       };
       if (typeof requestAnimationFrame == "function") {
         requestAnimationFrame(() => a());
@@ -139,7 +139,7 @@ function he(e) {
       a();
     });
   }, Pt = (t) => {
-    if (t.button !== 0) return;
+    if (t.button !== 0 || e.locked) return;
     const i = St(t.pointerId), o = i?.wasSelected ?? e.selected, a = i?.ownership ?? E(t.target), r = a === "widget_local" ? qt({
       target: t.target,
       widgetRoot: c ?? null,
@@ -179,7 +179,7 @@ function he(e) {
         C(), K(t.pointerType || void 0);
       }
     }
-  }, L = w(() => {
+  }, L = u(() => {
     const t = b();
     return t ? {
       x: t.worldX,
@@ -188,7 +188,7 @@ function he(e) {
       x: e.x,
       y: e.y
     };
-  }), u = w(() => {
+  }), w = u(() => {
     const t = M();
     return t ? {
       width: t.width,
@@ -197,31 +197,31 @@ function he(e) {
       width: e.width,
       height: e.height
     };
-  }), H = w(() => {
+  }), H = u(() => {
     if (!(e.layoutMode !== "projected_surface" || !e.projectedViewport))
       return Gt({
         widgetId: e.widgetId,
         worldX: L().x,
         worldY: L().y,
-        worldWidth: u().width,
-        worldHeight: u().height,
+        worldWidth: w().width,
+        worldHeight: w().height,
         viewport: e.projectedViewport(),
         ready: e.surfaceReady ?? !0
       });
-  }), O = w(() => H()?.rect.viewportScale ?? Math.max(e.viewportScale, 1e-3)), U = w(() => e.layoutMode === "projected_surface" && Zt(e.definition) === "settle_sharp_zoom"), J = w(() => e.layoutMode === "projected_surface" && U() && N().enabled && N().scale > 1.001), It = w(() => {
+  }), O = u(() => H()?.rect.viewportScale ?? Math.max(e.viewportScale, 1e-3)), U = u(() => e.layoutMode === "projected_surface" && Zt(e.definition) === "settle_sharp_zoom"), J = u(() => e.layoutMode === "projected_surface" && U() && N().enabled && N().scale > 1.001), It = u(() => {
     if (e.layoutMode !== "projected_surface")
       return;
     const t = O();
     return J() ? {
-      width: `${u().width}px`,
-      height: `${u().height}px`,
+      width: `${w().width}px`,
+      height: `${w().height}px`,
       zoom: `${t}`
     } : {
       width: "100%",
       height: "100%",
       zoom: "1"
     };
-  }), Mt = w(() => {
+  }), Mt = u(() => {
     const t = e.itemSnapshot().z_index, i = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
     return String(i).padStart(2, "0");
   }), Q = (t) => {
@@ -230,12 +230,12 @@ function he(e) {
     t.preventDefault(), t.stopPropagation(), e.onRequestFit(e.itemSnapshot());
   }, et = (t) => {
     t.preventDefault(), t.stopPropagation(), e.onRequestDelete(e.widgetId);
-  }, xt = w(() => {
+  }, xt = u(() => {
     const t = {
       "z-index": j() || F() || e.optimisticFront ? `${e.topRenderLayer + 1}` : `${e.renderLayer}`
     };
     if (e.layoutMode === "projected_surface") {
-      const i = H()?.rect, o = O(), a = J(), r = a ? i?.screenWidth ?? u().width * o : u().width, n = a ? i?.screenHeight ?? u().height * o : u().height;
+      const i = H()?.rect, o = O(), a = J(), r = a ? i?.screenWidth ?? w().width * o : w().width, n = a ? i?.screenHeight ?? w().height * o : w().height;
       return {
         ...t,
         width: `${r}px`,
@@ -246,8 +246,8 @@ function he(e) {
     }
     return {
       ...t,
-      width: `${u().width}px`,
-      height: `${u().height}px`,
+      width: `${w().width}px`,
+      height: `${w().height}px`,
       transform: `translate(${L().x}px, ${L().y}px)`
     };
   });
@@ -274,8 +274,8 @@ function he(e) {
       return;
     W();
     const i = t;
-    p = window.setTimeout(() => {
-      p = void 0, x((o) => Math.abs(o.scale - i) < 1e-3 ? {
+    $ = window.setTimeout(() => {
+      $ = void 0, x((o) => Math.abs(o.scale - i) < 1e-3 ? {
         enabled: !0,
         scale: i
       } : o);
@@ -327,7 +327,7 @@ function he(e) {
         };
       });
     };
-    v = ut({
+    v = wt({
       pointerEvent: t,
       captureEl: t.currentTarget,
       onMove: a,
@@ -372,7 +372,7 @@ function he(e) {
         };
       });
     };
-    S = ut({
+    S = wt({
       pointerEvent: t,
       captureEl: t.currentTarget,
       onMove: a,
@@ -433,7 +433,7 @@ function he(e) {
     })), n.$$click = Q, n.$$pointerdown = (l) => l.stopPropagation(), s(n, h(st, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), g.$$click = tt, g.$$pointerdown = (l) => l.stopPropagation(), s(g, h(wt, {
+    })), g.$$click = tt, g.$$pointerdown = (l) => l.stopPropagation(), s(g, h(ut, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
     })), s(f, Mt), V.$$pointerdown = it, s(V, h(Ht, {
@@ -446,7 +446,7 @@ function he(e) {
     }, ot), s(ot, () => e.widgetTitle), A.$$click = Q, A.$$pointerdown = (l) => l.stopPropagation(), s(A, h(st, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), R.$$click = tt, R.$$pointerdown = (l) => l.stopPropagation(), s(R, h(wt, {
+    })), R.$$click = tt, R.$$pointerdown = (l) => l.stopPropagation(), s(R, h(ut, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
     })), B.$$click = et, B.$$pointerdown = (l) => l.stopPropagation(), s(B, h(dt, {
@@ -477,7 +477,7 @@ function he(e) {
         get filtered() {
           return e.filtered;
         },
-        requestActivate: pt
+        requestActivate: $t
       });
     }), s(i, (() => {
       var l = Xt(() => !!e.locked);

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

@@ -1,9 +1,10 @@
 export { WorkbenchOverlay, type WorkbenchOverlayProps, } from './WorkbenchOverlay';
-export { WorkbenchSurface, type WorkbenchSurfaceApi, type WorkbenchContextMenuItemsResolver, type WorkbenchSurfaceProps, } from './WorkbenchSurface';
+export { WorkbenchSurface, type WorkbenchSurfaceApi, type WorkbenchCreateAtOptions, type WorkbenchCreateWidgetOptions, type WorkbenchContextMenuItemsResolver, type WorkbenchSurfaceProps, } from './WorkbenchSurface';
 export { WorkbenchContextMenu, type WorkbenchContextMenuItem, type WorkbenchContextMenuProps, } from './WorkbenchContextMenu';
 export { useWorkbenchModel, type UseWorkbenchModelOptions } from './useWorkbenchModel';
 export { WIDGET_REGISTRY, createWorkbenchFilterState, getWidgetEntry, isValidWorkbenchWidgetType, resolveWorkbenchWidgetDefinitions, type WidgetRegistryEntry, } from './widgets/widgetRegistry';
 export * from './types';
 export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchViewportCenteredOnWidget, createWorkbenchViewportFitForWidget, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchProjectedSurfaceScaleBehavior, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, } from './workbenchHelpers';
+export { WORKBENCH_BACKGROUND_MATERIALS, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL, WORKBENCH_DEFAULT_REGION_FILL, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR, WORKBENCH_DEFAULT_TEXT_COLOR, WORKBENCH_DEFAULT_TEXT_FONT, WORKBENCH_REGION_FILL_OPTIONS, WORKBENCH_STICKY_NOTE_COLORS, WORKBENCH_TEXT_COLOR_OPTIONS, WORKBENCH_TEXT_EMOJI_OPTIONS, WORKBENCH_TEXT_FONT_OPTIONS, } from './workbenchOptions';
 export { DEFAULT_WORKBENCH_THEME, WORKBENCH_THEME_IDS, WORKBENCH_THEMES, isWorkbenchThemeId, workbenchThemeMeta, type WorkbenchThemeId, type WorkbenchThemeMeta, type WorkbenchThemePreview, } from './workbenchThemes';
 export { WorkbenchThemeSelector, type WorkbenchThemeSelectorProps, } from './WorkbenchThemeSelector';

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

@@ -126,6 +126,78 @@ export interface WorkbenchWidgetItem<TWidgetType extends string = WorkbenchWidge
     z_index: number;
     created_at_unix_ms: number;
 }
+export type WorkbenchInteractionMode = 'work' | 'annotation' | 'background';
+export declare const WORKBENCH_STICKY_FILTER_ID = "sticky-note";
+export declare const WORKBENCH_TEXT_FILTER_ID = "text";
+export declare const WORKBENCH_BACKGROUND_REGION_FILTER_ID = "background-region";
+export declare const WORKBENCH_LAYER_COMPONENT_FILTER_IDS: readonly ["sticky-note", "text", "background-region"];
+export type WorkbenchLayerComponentFilterId = typeof WORKBENCH_LAYER_COMPONENT_FILTER_IDS[number];
+export type WorkbenchDockToolId = 'select' | 'text' | 'sticky-note' | 'background-region' | (string & {});
+export type WorkbenchSelection = {
+    kind: 'widget';
+    id: string;
+} | {
+    kind: 'sticky_note';
+    id: string;
+} | {
+    kind: 'annotation';
+    id: string;
+} | {
+    kind: 'background_layer';
+    id: string;
+};
+export type WorkbenchStickyNoteColor = 'graphite' | 'sage' | 'amber' | 'azure' | 'coral' | 'rose';
+export interface WorkbenchStickyNoteItem {
+    id: string;
+    kind: 'sticky_note';
+    body: string;
+    color: WorkbenchStickyNoteColor;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    z_index: number;
+    created_at_unix_ms: number;
+    updated_at_unix_ms: number;
+}
+export type WorkbenchStickyNotePatch = Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color'>>;
+export type WorkbenchTextAnnotationAlign = 'left' | 'center' | 'right';
+export interface WorkbenchTextAnnotationItem {
+    id: string;
+    kind: 'text';
+    text: string;
+    font_family: string;
+    font_size: number;
+    font_weight: number;
+    color: string;
+    align: WorkbenchTextAnnotationAlign;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    z_index: number;
+    created_at_unix_ms: number;
+    updated_at_unix_ms: number;
+}
+export type WorkbenchTextAnnotationPatch = Partial<Pick<WorkbenchTextAnnotationItem, 'text' | 'font_family' | 'font_size' | 'font_weight' | 'color' | 'align'>>;
+export type WorkbenchTextAnnotationDefaults = Partial<Pick<WorkbenchTextAnnotationItem, 'font_family' | 'font_size' | 'font_weight' | 'color' | 'align' | 'width' | 'height'>>;
+export type WorkbenchAnnotationItem = WorkbenchTextAnnotationItem;
+export type WorkbenchBackgroundMaterial = 'solid' | 'dotted' | 'grid' | 'hatched' | 'glass';
+export interface WorkbenchBackgroundLayer {
+    id: string;
+    name: string;
+    fill: string;
+    opacity: number;
+    material: WorkbenchBackgroundMaterial;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    z_index: number;
+    created_at_unix_ms: number;
+    updated_at_unix_ms: number;
+}
+export type WorkbenchBackgroundLayerPatch = Partial<Pick<WorkbenchBackgroundLayer, 'fill' | 'opacity' | 'material' | 'name'>>;
 export interface WorkbenchViewport {
     x: number;
     y: number;
@@ -136,15 +208,38 @@ export interface WorkbenchState<TWidgetType extends string = WorkbenchWidgetType
     widgets: WorkbenchWidgetItem<TWidgetType>[];
     viewport: WorkbenchViewport;
     locked: boolean;
-    filters: Record<TWidgetType, boolean>;
+    filters: Record<string, boolean>;
     selectedWidgetId: string | null;
     theme: WorkbenchThemeId;
+    mode?: WorkbenchInteractionMode;
+    activeTool?: WorkbenchDockToolId;
+    selectedObject?: WorkbenchSelection | null;
+    stickyNotes?: WorkbenchStickyNoteItem[];
+    annotations?: WorkbenchAnnotationItem[];
+    backgroundLayers?: WorkbenchBackgroundLayer[];
 }
+export type WorkbenchContextMenuTarget = {
+    kind: 'canvas';
+    mode: WorkbenchInteractionMode;
+} | {
+    kind: 'widget';
+    id: string;
+} | {
+    kind: 'sticky_note';
+    id: string;
+} | {
+    kind: 'annotation';
+    id: string;
+} | {
+    kind: 'background_layer';
+    id: string;
+};
 export interface WorkbenchContextMenuState {
     clientX: number;
     clientY: number;
     worldX: number;
     worldY: number;
+    target?: WorkbenchContextMenuTarget;
     widgetId?: string | null;
 }
 export declare const DEFAULT_WORKBENCH_VIEWPORT: WorkbenchViewport;

package/dist/components/workbench/types.js

@@ -1,11 +1,19 @@
-const e = [
+const t = [
   "terminal",
   "file-browser",
   "system-monitor",
   "log-viewer",
   "code-editor"
-], o = { x: 80, y: 60, scale: 1 };
+], E = "sticky-note", _ = "text", o = "background-region", R = [
+  E,
+  _,
+  o
+], e = { x: 80, y: 60, scale: 1 };
 export {
-  o as DEFAULT_WORKBENCH_VIEWPORT,
-  e as WORKBENCH_WIDGET_TYPES
+  e as DEFAULT_WORKBENCH_VIEWPORT,
+  o as WORKBENCH_BACKGROUND_REGION_FILTER_ID,
+  R as WORKBENCH_LAYER_COMPONENT_FILTER_IDS,
+  E as WORKBENCH_STICKY_FILTER_ID,
+  _ as WORKBENCH_TEXT_FILTER_ID,
+  t as WORKBENCH_WIDGET_TYPES
 };

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

@@ -1,5 +1,5 @@
 import type { InfiniteCanvasContextMenuEvent } from '../../ui';
-import { type WorkbenchWidgetDefinition, type WorkbenchContextMenuState, type WorkbenchState, type WorkbenchViewport, type WorkbenchWidgetItem, type WorkbenchWidgetType } from './types';
+import { type WorkbenchWidgetDefinition, type WorkbenchContextMenuState, type WorkbenchSelection, type WorkbenchState, type WorkbenchAnnotationItem, type WorkbenchBackgroundLayerPatch, type WorkbenchStickyNoteItem, type WorkbenchStickyNotePatch, type WorkbenchViewport, type WorkbenchWidgetItem, type WorkbenchWidgetType, type WorkbenchBackgroundLayer, type WorkbenchDockToolId, type WorkbenchInteractionMode, type WorkbenchTextAnnotationDefaults, type WorkbenchTextAnnotationItem, type WorkbenchTextAnnotationPatch } from './types';
 import type { WorkbenchThemeId } from './workbenchThemes';
 import type { WorkbenchContextMenuItem } from './WorkbenchContextMenu';
 export interface UseWorkbenchModelOptions {
@@ -7,17 +7,24 @@ export interface UseWorkbenchModelOptions {
     setState: (updater: (prev: WorkbenchState) => WorkbenchState) => void;
     onClose: () => void;
     widgetDefinitions?: readonly WorkbenchWidgetDefinition[] | (() => readonly WorkbenchWidgetDefinition[] | undefined);
+    textAnnotationDefaults?: WorkbenchTextAnnotationDefaults | (() => WorkbenchTextAnnotationDefaults | undefined);
 }
 export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
     widgets: import("solid-js").Accessor<WorkbenchWidgetItem<WorkbenchWidgetType>[]>;
+    stickyNotes: import("solid-js").Accessor<WorkbenchStickyNoteItem[]>;
+    annotations: import("solid-js").Accessor<WorkbenchTextAnnotationItem[]>;
+    backgroundLayers: import("solid-js").Accessor<WorkbenchBackgroundLayer[]>;
     viewport: import("solid-js").Accessor<WorkbenchViewport>;
     canvasFrameSize: import("solid-js").Accessor<{
         width: number;
         height: number;
     }>;
     locked: import("solid-js").Accessor<boolean>;
-    filters: import("solid-js").Accessor<Record<WorkbenchWidgetType, boolean>>;
+    filters: import("solid-js").Accessor<Record<string, boolean>>;
     selectedWidgetId: import("solid-js").Accessor<string | null>;
+    selectedObject: import("solid-js").Accessor<WorkbenchSelection | null>;
+    mode: import("solid-js").Accessor<WorkbenchInteractionMode>;
+    activeTool: import("solid-js").Accessor<WorkbenchDockToolId>;
     theme: import("solid-js").Accessor<"terminal" | "default" | "aurora" | "vibrancy" | "mica" | "midnight">;
     topZIndex: import("solid-js").Accessor<number>;
     scaleLabel: import("solid-js").Accessor<string>;
@@ -37,7 +44,14 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
     canvas: {
         openCanvasContextMenu: (event: InfiniteCanvasContextMenuEvent) => void;
         openWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
+        openStickyNoteContextMenu: (event: MouseEvent, item: WorkbenchStickyNoteItem) => void;
+        openAnnotationContextMenu: (event: MouseEvent, item: WorkbenchAnnotationItem) => void;
+        openBackgroundLayerContextMenu: (event: MouseEvent, item: WorkbenchBackgroundLayer) => void;
         selectWidget: (widgetId: string) => void;
+        selectObject: (selection: WorkbenchSelection | null) => void;
+        selectStickyNote: (noteId: string) => void;
+        selectAnnotation: (annotationId: string) => void;
+        selectBackgroundLayer: (layerId: string) => void;
         clearSelection: () => void;
         startOptimisticFront: (widgetId: string) => void;
         commitFront: (widgetId: string) => void;
@@ -49,6 +63,31 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
             width: number;
             height: number;
         }) => void;
+        commitStickyFront: (noteId: string) => void;
+        commitStickyMove: (noteId: string, position: {
+            x: number;
+            y: number;
+        }) => void;
+        commitStickyResize: (noteId: string, size: {
+            width: number;
+            height: number;
+        }) => void;
+        commitAnnotationMove: (annotationId: string, position: {
+            x: number;
+            y: number;
+        }) => void;
+        commitAnnotationResize: (annotationId: string, size: {
+            width: number;
+            height: number;
+        }) => void;
+        commitBackgroundMove: (layerId: string, position: {
+            x: number;
+            y: number;
+        }) => void;
+        commitBackgroundResize: (layerId: string, size: {
+            width: number;
+            height: number;
+        }) => void;
         commitViewport: (next: WorkbenchViewport) => void;
         cancelViewportNavigation: () => void;
     };
@@ -60,8 +99,8 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
         toggle: () => void;
     };
     filter: {
-        toggle: (type: WorkbenchWidgetType) => void;
-        solo: (type: WorkbenchWidgetType) => void;
+        toggle: (type: string) => void;
+        solo: (type: string, scope: readonly string[]) => void;
         showAll: () => void;
     };
     navigation: {
@@ -79,21 +118,40 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
     widgetActions: {
         deleteSelected: () => void;
         deleteWidget: (widgetId: string) => void;
+        deleteStickyNote: (noteId: string) => void;
+        deleteAnnotation: (annotationId: string) => void;
+        deleteBackgroundLayer: (layerId: string) => void;
         addWidget: (type: WorkbenchWidgetType, worldX: number, worldY: number) => WorkbenchWidgetItem<WorkbenchWidgetType>;
         addWidgetAtCursor: (type: WorkbenchWidgetType, worldX: number, worldY: number) => WorkbenchWidgetItem<WorkbenchWidgetType>;
         addWidgetCentered: (type: WorkbenchWidgetType, worldX: number, worldY: number) => WorkbenchWidgetItem<WorkbenchWidgetType>;
+        addStickyNoteAtCursor: (worldX: number, worldY: number) => WorkbenchStickyNoteItem;
+        addTextAnnotationAtCursor: (worldX: number, worldY: number) => WorkbenchTextAnnotationItem;
+        duplicateTextAnnotationFrom: (item: WorkbenchTextAnnotationItem) => WorkbenchTextAnnotationItem;
+        addBackgroundLayerAtCursor: (worldX: number, worldY: number) => WorkbenchBackgroundLayer;
+        duplicateBackgroundLayerFrom: (item: WorkbenchBackgroundLayer) => WorkbenchBackgroundLayer;
+        createActiveToolAt: (worldX: number, worldY: number) => WorkbenchStickyNoteItem | WorkbenchTextAnnotationItem | WorkbenchBackgroundLayer | null;
         ensureWidget: (type: WorkbenchWidgetType, ensureOptions?: {
             centerViewport?: boolean;
             worldX?: number;
             worldY?: number;
         }) => WorkbenchWidgetItem<WorkbenchWidgetType>;
+        updateStickyNote: (noteId: string, patch: WorkbenchStickyNotePatch) => void;
+        updateTextAnnotation: (annotationId: string, patch: WorkbenchTextAnnotationPatch) => void;
+        updateBackgroundLayer: (layerId: string, patch: WorkbenchBackgroundLayerPatch) => void;
     };
     queries: {
         findWidgetByType: (type: WorkbenchWidgetType) => WorkbenchWidgetItem<WorkbenchWidgetType> | null;
         findWidgetById: (widgetId: string) => WorkbenchWidgetItem<WorkbenchWidgetType> | null;
+        findStickyNoteById: (noteId: string) => WorkbenchStickyNoteItem | null;
+        findAnnotationById: (annotationId: string) => WorkbenchTextAnnotationItem | null;
+        findBackgroundLayerById: (layerId: string) => WorkbenchBackgroundLayer | null;
     };
     appearance: {
         setTheme: (next: WorkbenchThemeId) => void;
     };
+    modes: {
+        setMode: (nextMode: WorkbenchInteractionMode) => void;
+        setActiveTool: (tool: WorkbenchDockToolId) => void;
+    };
     handleCloseRequest: () => void;
 };