@floegence/floe-webapp-core 0.36.26 → 0.36.27

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

@@ -0,0 +1,22 @@
+import { type JSX } from 'solid-js';
+export type SurfaceFloatingLayerPosition = Readonly<{
+    x: number;
+    y: number;
+}>;
+export type SurfaceFloatingLayerSize = Readonly<{
+    width: number;
+    height: number;
+}>;
+export interface SurfaceFloatingLayerProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children' | 'class' | 'style' | 'ref'> {
+    position: SurfaceFloatingLayerPosition;
+    estimatedSize?: SurfaceFloatingLayerSize;
+    clamp?: boolean;
+    class?: string;
+    style?: JSX.CSSProperties;
+    children: JSX.Element;
+    layerRef?: (element: HTMLDivElement) => void;
+}
+/**
+ * Surface-aware floating layer for point-anchored overlays such as context menus.
+ */
+export declare function SurfaceFloatingLayer(props: SurfaceFloatingLayerProps): JSX.Element;

package/dist/components/ui/SurfaceFloatingLayer.js

@@ -0,0 +1,48 @@
+import { createComponent as m, Portal as d, use as y, spread as S, mergeProps as P, insert as v, template as R } from "solid-js/web";
+import { splitProps as g, createMemo as i } from "solid-js";
+import { cn as h } from "../../utils/cn.js";
+import { LOCAL_INTERACTION_SURFACE_ATTR as z } from "./localInteractionSurface.js";
+import { clampMenuPosition as _ } from "./menuUtils.js";
+import { resolveSurfacePortalHost as x, resolveSurfacePortalMount as C, resolveSurfacePortalBoundaryRect as M, isSurfacePortalMode as $, projectSurfacePortalPosition as A } from "./dialogSurfaceScope.js";
+var T = /* @__PURE__ */ R("<div>");
+function b() {
+  return {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  };
+}
+function I(n) {
+  const [e, l] = g(n, ["position", "estimatedSize", "clamp", "class", "style", "children", "layerRef"]), o = i(() => x()), r = () => $(o()), c = () => M(o()) ?? b(), u = () => e.clamp !== !1 && !!e.estimatedSize, p = i(() => {
+    const t = e.position;
+    return !u() || !e.estimatedSize ? t : _(t, e.estimatedSize, c());
+  }), s = () => A(p(), o()), f = () => ({
+    ...e.style ?? {},
+    left: `${s().x}px`,
+    top: `${s().y}px`
+  });
+  return m(d, {
+    get mount() {
+      return C(o());
+    },
+    get children() {
+      var t = T(), a = e.layerRef;
+      return typeof a == "function" ? y(a, t) : e.layerRef = t, S(t, P(l, {
+        get class() {
+          return h(r() ? "absolute z-20" : "fixed z-50", e.class);
+        },
+        get style() {
+          return f();
+        }
+      }, () => ({
+        [z]: r() ? "true" : void 0
+      })), !1, !0), v(t, () => e.children), t;
+    }
+  });
+}
+export {
+  I as SurfaceFloatingLayer
+};

package/dist/components/ui/dialogSurfaceScope.js

@@ -1,62 +1,65 @@
-const f = "data-floe-dialog-surface-host", y = f, m = "data-floe-surface-portal-layer", A = "data-floe-dialog-surface-boundary", p = 1600;
+const a = "data-floe-dialog-surface-host", y = a, p = "data-floe-surface-portal-layer", A = "data-floe-dialog-surface-boundary", g = 1600;
 let r = null, o = null;
-function g(t) {
+function E(t) {
   return typeof Element < "u" && t instanceof Element ? t : typeof Node < "u" && t instanceof Node ? t.parentElement : null;
 }
-function E(t) {
+function T(t) {
   const e = t?.activeElement;
   return e instanceof Element ? e : null;
 }
-function d(t) {
+function i(t) {
   const e = typeof document < "u" ? document : null;
   r = {
-    target: g(t),
-    activeElement: E(e),
+    target: E(t),
+    activeElement: T(e),
     recordedAt: Date.now()
   };
 }
-function i(t) {
-  d(t.target);
-}
 function l(t) {
-  d(t.target);
+  i(t.target);
 }
-function a() {
-  T();
+function c(t) {
+  i(t.target);
 }
-function T() {
-  typeof document > "u" || o !== document && (o && (o.removeEventListener("pointerdown", i, !0), o.removeEventListener("focusin", l, !0)), document.addEventListener("pointerdown", i, !0), document.addEventListener("focusin", l, !0), o = document);
+function d(t) {
+  i(t.target);
+}
+function s() {
+  w();
 }
 function w() {
-  return !r || Date.now() - r.recordedAt > p ? null : r;
+  typeof document > "u" || o !== document && (o && (o.removeEventListener("pointerdown", l, !0), o.removeEventListener("focusin", c, !0), o.removeEventListener("contextmenu", d, !0)), document.addEventListener("pointerdown", l, !0), document.addEventListener("focusin", c, !0), document.addEventListener("contextmenu", d, !0), o = document);
 }
-function c(t) {
-  const e = t?.closest(`[${f}="true"]`);
+function R() {
+  return !r || Date.now() - r.recordedAt > g ? null : r;
+}
+function f(t) {
+  const e = t?.closest(`[${a}="true"]`);
   return typeof HTMLElement > "u" ? null : e instanceof HTMLElement && e.isConnected ? e : null;
 }
-function R(t) {
+function S(t) {
   if (!t) return null;
-  const e = t.closest(`[${m}="true"]`);
+  const e = t.closest(`[${p}="true"]`);
   return typeof HTMLElement > "u" ? null : e instanceof HTMLElement && e.isConnected ? e : null;
 }
-function v() {
-  a();
-  const t = w(), e = c(t?.target ?? null) ?? c(t?.activeElement ?? null);
+function L() {
+  s();
+  const t = R(), e = f(t?.target ?? null) ?? f(t?.activeElement ?? null);
   return e ? {
     host: e,
     boundaryHost: e,
-    mountHost: R(e) ?? e,
+    mountHost: S(e) ?? e,
     mode: "surface"
   } : { host: null, boundaryHost: null, mountHost: null, mode: "global" };
 }
 function u(t) {
   return t.mode === "surface" && !!t.boundaryHost?.isConnected;
 }
-function S(t) {
+function v(t) {
   if (u(t))
     return t.mountHost ?? t.boundaryHost ?? void 0;
 }
-function s() {
+function m() {
   return typeof window > "u" ? {
     left: 0,
     top: 0,
@@ -75,7 +78,7 @@ function s() {
 }
 function _(t) {
   if (!u(t) || !t.boundaryHost)
-    return s();
+    return m();
   const e = t.boundaryHost.getBoundingClientRect();
   return {
     left: e.left,
@@ -87,9 +90,9 @@ function _(t) {
   };
 }
 function h(t) {
-  const e = S(t);
+  const e = v(t);
   if (!e)
-    return s();
+    return m();
   const n = e.getBoundingClientRect();
   return {
     left: n.left,
@@ -109,7 +112,7 @@ function b(t, e) {
     y: t.y - n.top
   };
 }
-function L(t, e) {
+function C(t, e) {
   if (!u(e))
     return t;
   const n = h(e);
@@ -125,20 +128,20 @@ function L(t, e) {
 function P() {
   r = null;
 }
-typeof document < "u" && a();
+typeof document < "u" && s();
 export {
   A as DIALOG_SURFACE_BOUNDARY_ATTR,
-  f as DIALOG_SURFACE_HOST_ATTR,
+  a as DIALOG_SURFACE_HOST_ATTR,
   y as SURFACE_PORTAL_HOST_ATTR,
-  m as SURFACE_PORTAL_LAYER_ATTR,
+  p as SURFACE_PORTAL_LAYER_ATTR,
   P as __resetSurfacePortalScopeForTests,
-  a as ensureDialogSurfaceInteractionTracking,
-  T as ensureSurfacePortalInteractionTracking,
+  s as ensureDialogSurfaceInteractionTracking,
+  w as ensureSurfacePortalInteractionTracking,
   u as isSurfacePortalMode,
   b as projectSurfacePortalPosition,
-  L as projectSurfacePortalRect,
+  C as projectSurfacePortalRect,
   _ as resolveSurfacePortalBoundaryRect,
-  v as resolveSurfacePortalHost,
-  S as resolveSurfacePortalMount,
+  L as resolveSurfacePortalHost,
+  v as resolveSurfacePortalMount,
   h as resolveSurfacePortalMountRect
 };

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

@@ -4,6 +4,7 @@ export { Input, Textarea, NumberInput, AffixInput, type InputProps, type InputSi
 export { Dialog, ConfirmDialog, type DialogProps, type ConfirmDialogProps } from './Dialog';
 export { FloatingWindow, type FloatingWindowProps } from './FloatingWindow';
 export { Dropdown, Select, type DropdownProps, type DropdownItem, type SelectProps, } from './Dropdown';
+export { SurfaceFloatingLayer, type SurfaceFloatingLayerPosition, type SurfaceFloatingLayerProps, type SurfaceFloatingLayerSize, } from './SurfaceFloatingLayer';
 export { Tooltip, type TooltipProps } from './Tooltip';
 export { CommandPalette } from './CommandPalette';
 export { InfiniteCanvas, type InfiniteCanvasProps, type InfiniteCanvasPoint, type InfiniteCanvasContextMenuEvent, } from './InfiniteCanvas';

package/dist/full.js

@@ -1,12 +1,12 @@
 import { FloeProvider as r } from "./app/FloeProvider.js";
 import { applyTheme as n, builtInThemes as i, getSystemTheme as a, mergeThemeTokenMaps as c, resolveThemeTokenOverrides as m, resolveThemeTokens as l, syncThemeTokenOverrides as s } from "./styles/themes/index.js";
 import { floeColorTokenCategories as f, floeDesignTokens as d, floeFontFamilyTokens as I, floeMotionTokens as T, floeRadiusTokens as x, floeSharedCssVariables as C, floeSpacingTokens as S, floeThemeColorVariables as g, floeTypographyTokens as u, getFloeColorTokenValue as h } from "./styles/tokens.js";
-import { Activity as F, ActivityIcon as P, AlertCircle as A, AlertTriangle as E, ArchiveIcon as L, ArrowDown as R, ArrowLeft as v, ArrowRight as _, ArrowRightLeft as y, ArrowUp as D, AtSign as B, AwardIcon as M, BarChart as O, BatteryIcon as W, Bell as w, BellIcon as N, Bookmark as b, BookmarkIcon as H, Bot as G, BotIcon as U, BugIcon as V, Calendar as K, CalendarIcon as z, Camera as X, CameraIcon as Z, ChartIcon as Y, Check as Q, CheckCircle as j, CheckIcon as q, ChevronDown as J, ChevronLeft as $, ChevronRight as ee, ChevronUp as oe, ChevronsUpDown as re, Clock as te, ClockIcon as ne, CloseIcon as ie, Cloud as ae, CloudIcon as ce, Code as me, CodeIcon as le, CompassIcon as se, Copy as pe, CopyCheck as fe, CopyCheckIcon as de, CopyIcon as Ie, Cpu as Te, CreditCardIcon as xe, Database as Ce, DatabaseIcon as Se, DollarIcon as ge, Download as ue, DownloadIcon as he, EditIcon as ke, ErrorIcon as Fe, ExternalLink as Pe, Eye as Ae, EyeIcon as Ee, EyeOff as Le, FileCode as Re, FilePlus as ve, FilePlusIcon as _e, FileText as ye, Files as De, Filter as Be, FilterIcon as Me, FireIcon as Oe, Folder as We, FolderOpen as we, FolderPlus as Ne, FolderPlusIcon as be, GiftIcon as He, GitBranch as Ge, GitBranchIcon as Ue, Globe as Ve, GlobeIcon as Ke, Grid as ze, Grid3x3 as Xe, GripVertical as Ze, Hash as Ye, HeadphonesIcon as Qe, Heart as je, HeartIcon as qe, HelpIcon as Je, Highlighter as $e, History as eo, Home as oo, HomeIcon as ro, Image as to, ImageIcon as no, Info as io, InfoIcon as ao, Key as co, KeyIcon as mo, Layers as lo, LayersIcon as so, LayoutDashboard as po, Link as fo, LinkIcon as Io, Loader2 as To, LoadingIcon as xo, Lock as Co, LockIcon as So, MagicIcon as go, Mail as uo, MailIcon as ho, MapPinIcon as ko, Maximize as Fo, Menu as Po, MessageIcon as Ao, MessageSquare as Eo, Mic as Lo, MicIcon as Ro, MicOff as vo, Minus as _o, MinusIcon as yo, Moon as Do, MoonIcon as Bo, MoreHorizontal as Mo, MoreVertical as Oo, MuteIcon as Wo, Package as wo, PackageIcon as No, Paperclip as bo, Paste as Ho, PasteIcon as Go, Pause as Uo, PauseIcon as Vo, Pencil as Ko, Phone as zo, PieChart as Xo, Pin as Zo, PinIcon as Yo, Play as Qo, PlayIcon as jo, Plus as qo, PlusIcon as Jo, PowerIcon as $o, PrinterIcon as er, Quote as or, Refresh as rr, RefreshIcon as tr, Restore as nr, RocketIcon as ir, Save as ar, SaveIcon as cr, Search as mr, SearchIcon as lr, Send as sr, SendIcon as pr, Settings as fr, SettingsIcon as dr, ShareIcon as Ir, Shield as Tr, ShieldCheck as xr, ShieldIcon as Cr, SparkleIcon as Sr, Sparkles as gr, Star as ur, StarIcon as hr, Stop as kr, SuccessIcon as Fr, Sun as Pr, SunIcon as Ar, TagIcon as Er, TargetIcon as Lr, Terminal as Rr, TerminalIcon as vr, ThumbsDownIcon as _r, ThumbsUpIcon as yr, Timer as Dr, Trash as Br, TrashIcon as Mr, TrendingDown as Or, TrendingUp as Wr, Unlock as wr, Upload as Nr, UploadIcon as br, User as Hr, UserIcon as Gr, Video as Ur, VideoIcon as Vr, Volume as Kr, VolumeIcon as zr, VolumeOff as Xr, Wand as Zr, WarningIcon as Yr, WifiIcon as Qr, WifiOffIcon as jr, Workflow as qr, X as Jr, XCircle as $r, Zap as et, ZapIcon as ot } from "./components/icons/index.js";
+import { Activity as F, ActivityIcon as P, AlertCircle as A, AlertTriangle as E, ArchiveIcon as L, ArrowDown as R, ArrowLeft as v, ArrowRight as y, ArrowRightLeft as _, ArrowUp as D, AtSign as B, AwardIcon as M, BarChart as O, BatteryIcon as W, Bell as w, BellIcon as N, Bookmark as b, BookmarkIcon as H, Bot as G, BotIcon as U, BugIcon as V, Calendar as K, CalendarIcon as z, Camera as X, CameraIcon as Z, ChartIcon as Y, Check as Q, CheckCircle as j, CheckIcon as q, ChevronDown as J, ChevronLeft as $, ChevronRight as ee, ChevronUp as oe, ChevronsUpDown as re, Clock as te, ClockIcon as ne, CloseIcon as ie, Cloud as ae, CloudIcon as ce, Code as me, CodeIcon as le, CompassIcon as se, Copy as pe, CopyCheck as fe, CopyCheckIcon as de, CopyIcon as Ie, Cpu as Te, CreditCardIcon as xe, Database as Ce, DatabaseIcon as Se, DollarIcon as ge, Download as ue, DownloadIcon as he, EditIcon as ke, ErrorIcon as Fe, ExternalLink as Pe, Eye as Ae, EyeIcon as Ee, EyeOff as Le, FileCode as Re, FilePlus as ve, FilePlusIcon as ye, FileText as _e, Files as De, Filter as Be, FilterIcon as Me, FireIcon as Oe, Folder as We, FolderOpen as we, FolderPlus as Ne, FolderPlusIcon as be, GiftIcon as He, GitBranch as Ge, GitBranchIcon as Ue, Globe as Ve, GlobeIcon as Ke, Grid as ze, Grid3x3 as Xe, GripVertical as Ze, Hash as Ye, HeadphonesIcon as Qe, Heart as je, HeartIcon as qe, HelpIcon as Je, Highlighter as $e, History as eo, Home as oo, HomeIcon as ro, Image as to, ImageIcon as no, Info as io, InfoIcon as ao, Key as co, KeyIcon as mo, Layers as lo, LayersIcon as so, LayoutDashboard as po, Link as fo, LinkIcon as Io, Loader2 as To, LoadingIcon as xo, Lock as Co, LockIcon as So, MagicIcon as go, Mail as uo, MailIcon as ho, MapPinIcon as ko, Maximize as Fo, Menu as Po, MessageIcon as Ao, MessageSquare as Eo, Mic as Lo, MicIcon as Ro, MicOff as vo, Minus as yo, MinusIcon as _o, Moon as Do, MoonIcon as Bo, MoreHorizontal as Mo, MoreVertical as Oo, MuteIcon as Wo, Package as wo, PackageIcon as No, Paperclip as bo, Paste as Ho, PasteIcon as Go, Pause as Uo, PauseIcon as Vo, Pencil as Ko, Phone as zo, PieChart as Xo, Pin as Zo, PinIcon as Yo, Play as Qo, PlayIcon as jo, Plus as qo, PlusIcon as Jo, PowerIcon as $o, PrinterIcon as er, Quote as or, Refresh as rr, RefreshIcon as tr, Restore as nr, RocketIcon as ir, Save as ar, SaveIcon as cr, Search as mr, SearchIcon as lr, Send as sr, SendIcon as pr, Settings as fr, SettingsIcon as dr, ShareIcon as Ir, Shield as Tr, ShieldCheck as xr, ShieldIcon as Cr, SparkleIcon as Sr, Sparkles as gr, Star as ur, StarIcon as hr, Stop as kr, SuccessIcon as Fr, Sun as Pr, SunIcon as Ar, TagIcon as Er, TargetIcon as Lr, Terminal as Rr, TerminalIcon as vr, ThumbsDownIcon as yr, ThumbsUpIcon as _r, Timer as Dr, Trash as Br, TrashIcon as Mr, TrendingDown as Or, TrendingUp as Wr, Unlock as wr, Upload as Nr, UploadIcon as br, User as Hr, UserIcon as Gr, Video as Ur, VideoIcon as Vr, Volume as Kr, VolumeIcon as zr, VolumeOff as Xr, Wand as Zr, WarningIcon as Yr, WifiIcon as Qr, WifiOffIcon as jr, Workflow as qr, X as Jr, XCircle as $r, Zap as et, ZapIcon as ot } from "./components/icons/index.js";
 import { DEFAULT_TERMINAL_WORKSPACE_PROFILE as tt, normalizeTerminalWorkspaceProfile as nt } from "./terminal/workspaceProfile.js";
 import { clampTerminalCursor as at, createTerminalEditorState as ct, deleteTerminalTextBackward as mt, insertTerminalText as lt, moveTerminalCursor as st, navigateTerminalHistory as pt } from "./terminal/editorModel.js";
 import { applyTerminalSessionSuggestion as dt, createTerminalSessionState as It, dispatchTerminalSessionKey as Tt, getTerminalPromptPreview as xt, getTerminalSessionSuggestions as Ct, setTerminalSessionInputValue as St, submitTerminalSession as gt } from "./terminal/sessionModel.js";
 import { runTerminalMockCommand as ht } from "./terminal/mockRuntime.js";
-import { DEFAULT_TERMINAL_SUGGESTION_PROVIDERS as Ft, applyTerminalSuggestion as Pt, autocompleteTerminalInput as At, createTerminalFullLineSuggestion as Et, createTerminalTokenSuggestion as Lt, getTerminalSuggestions as Rt, matchesTerminalSuggestionPrefix as vt, parseTerminalSuggestionContext as _t, terminalCommandTokenSuggestionProvider as yt, terminalHistorySuggestionProvider as Dt, terminalPathSuggestionProvider as Bt, terminalRootSuggestionProvider as Mt, terminalSnippetSuggestionProvider as Ot } from "./terminal/suggestionEngine.js";
+import { DEFAULT_TERMINAL_SUGGESTION_PROVIDERS as Ft, applyTerminalSuggestion as Pt, autocompleteTerminalInput as At, createTerminalFullLineSuggestion as Et, createTerminalTokenSuggestion as Lt, getTerminalSuggestions as Rt, matchesTerminalSuggestionPrefix as vt, parseTerminalSuggestionContext as yt, terminalCommandTokenSuggestionProvider as _t, terminalHistorySuggestionProvider as Dt, terminalPathSuggestionProvider as Bt, terminalRootSuggestionProvider as Mt, terminalSnippetSuggestionProvider as Ot } from "./terminal/suggestionEngine.js";
 import { ActivityAppsMain as wt } from "./app/ActivityAppsMain.js";
 import { ActivityBar as bt } from "./components/layout/ActivityBar.js";
 import { AffixInput as Gt, Input as Ut, NumberInput as Vt, Textarea as Kt } from "./components/ui/Input.js";
@@ -16,7 +16,7 @@ import { AttachmentPreview as sn } from "./components/chat/input/AttachmentPrevi
 import { BlockRenderer as fn } from "./components/chat/blocks/BlockRenderer.js";
 import { BottomBar as In, BottomBarItem as Tn, StatusIndicator as xn } from "./components/layout/BottomBar.js";
 import { Breadcrumb as Sn } from "./components/file-browser/Breadcrumb.js";
-import { BrokenSymlinkIcon as un, CodeFileIcon as hn, ConfigFileIcon as kn, DocumentFileIcon as Fn, FileIcon as Pn, FileItemIcon as An, FolderIcon as En, FolderOpenIcon as Ln, ImageFileIcon as Rn, JavaScriptFileIcon as vn, ShellScriptFileIcon as _n, StyleFileIcon as yn, SymlinkFileIcon as Dn, SymlinkFolderIcon as Bn, SymlinkFolderOpenIcon as Mn, TypeScriptFileIcon as On, getFileIcon as Wn, resolveFileItemIcon as wn } from "./components/file-browser/FileIcons.js";
+import { BrokenSymlinkIcon as un, CodeFileIcon as hn, ConfigFileIcon as kn, DocumentFileIcon as Fn, FileIcon as Pn, FileItemIcon as An, FolderIcon as En, FolderOpenIcon as Ln, ImageFileIcon as Rn, JavaScriptFileIcon as vn, ShellScriptFileIcon as yn, StyleFileIcon as _n, SymlinkFileIcon as Dn, SymlinkFolderIcon as Bn, SymlinkFolderOpenIcon as Mn, TypeScriptFileIcon as On, getFileIcon as Wn, resolveFileItemIcon as wn } from "./components/file-browser/FileIcons.js";
 import { Button as bn } from "./components/ui/Button.js";
 import { CANVAS_WHEEL_INTERACTIVE_ATTR as Gn, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as Un, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as Vn, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR as Kn, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as zn, LOCAL_INTERACTION_SURFACE_ATTR as Xn, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR as Zn, WORKBENCH_WIDGET_SHELL_ATTR as Yn, isLocalInteractionSurfaceTarget as Qn, resolveSurfaceInteractionTargetRole as jn, resolveSurfaceWheelRouting as qn, resolveWorkbenchWidgetEventOwnership as Jn, resolveWorkbenchWidgetLocalTypingTarget as $n, shouldActivateWorkbenchWidgetLocalTarget as ei } from "./components/ui/localInteractionSurface.js";
 import { ChatContainer as ri } from "./components/chat/ChatContainer.js";
@@ -29,7 +29,7 @@ import { CodeBlock as ui } from "./components/chat/blocks/CodeBlock.js";
 import { CodeDiffBlock as ki } from "./components/chat/blocks/CodeDiffBlock.js";
 import { CommandPalette as Pi } from "./components/ui/CommandPalette.js";
 import { CommandProvider as Ei, createCommandService as Li, useCommand as Ri } from "./context/CommandContext.js";
-import { ComponentRegistryProvider as _i, createComponentRegistry as yi, hasComponentRegistryContext as Di, useComponentContextFactory as Bi, useComponentRegistry as Mi, useOptionalComponentRegistry as Oi } from "./context/ComponentRegistry.js";
+import { ComponentRegistryProvider as yi, createComponentRegistry as _i, hasComponentRegistryContext as Di, useComponentContextFactory as Bi, useComponentRegistry as Mi, useOptionalComponentRegistry as Oi } from "./context/ComponentRegistry.js";
 import { ConfirmDialog as wi, Dialog as Ni } from "./components/ui/Dialog.js";
 import { ConnectionStatus as Hi } from "./components/chat/status/ConnectionStatus.js";
 import { DECK_GRID_CONFIG as Ui, getGridConfigFromElement as Vi } from "./components/deck/deckGridMetrics.js";
@@ -44,7 +44,7 @@ import { DeckTopBar as ka } from "./components/deck/DeckTopBar.js";
 import { DirectoryInput as Pa } from "./components/ui/DirectoryInput.js";
 import { DirectoryPicker as Ea } from "./components/ui/DirectoryPicker.js";
 import { DirectoryTree as Ra } from "./components/file-browser/DirectoryTree.js";
-import { DisplayModePageShell as _a } from "./components/layout/DisplayModePageShell.js";
+import { DisplayModePageShell as ya } from "./components/layout/DisplayModePageShell.js";
 import { DisplayModeSwitcher as Da, sanitizeDisplayMode as Ba } from "./components/layout/DisplayModeSwitcher.js";
 import { DropZonePreview as Oa } from "./components/deck/DropZonePreview.js";
 import { Dropdown as wa, Select as Na } from "./components/ui/Dropdown.js";
@@ -63,7 +63,7 @@ import { FileSavePicker as gc } from "./components/ui/FileSavePicker.js";
 import { FilesSidebarWidget as hc, SearchSidebarWidget as kc, SettingsSidebarWidget as Fc, ShowcaseSidebarWidget as Pc, SidebarWidget as Ac } from "./widgets/SidebarWidget.js";
 import { FloatingWindow as Lc } from "./components/ui/FloatingWindow.js";
 import { FloeApp as vc } from "./app/FloeApp.js";
-import { FloeRegistryRuntime as yc } from "./app/FloeRegistryRuntime.js";
+import { FloeRegistryRuntime as _c } from "./app/FloeRegistryRuntime.js";
 import { Form as Bc, FormActions as Mc, FormControl as Oc, FormDescription as Wc, FormDivider as wc, FormField as Nc, FormLabel as bc, FormMessage as Hc, FormRow as Gc, FormSection as Uc, useFormSubmitting as Vc } from "./components/ui/Form.js";
 import { ImageBlock as zc } from "./components/chat/blocks/ImageBlock.js";
 import { InfiniteCanvas as Zc } from "./components/ui/InfiniteCanvas.js";
@@ -84,7 +84,7 @@ import { MessageAvatar as Fm } from "./components/chat/message/MessageAvatar.js"
 import { MessageBubble as Am } from "./components/chat/message/MessageBubble.js";
 import { MessageItem as Lm } from "./components/chat/message/MessageItem.js";
 import { MessageMeta as vm } from "./components/chat/message/MessageMeta.js";
-import { MetricsWidget as ym } from "./widgets/MetricsWidget.js";
+import { MetricsWidget as _m } from "./widgets/MetricsWidget.js";
 import { MobileKeyboard as Bm } from "./components/ui/MobileKeyboard.js";
 import { MobileTabBar as Om } from "./components/layout/MobileTabBar.js";
 import { NOTES_CONTEXT_MENU_WIDTH_PX as wm, NotesContextMenu as Nm, estimateNotesContextMenuHeight as bm } from "./components/notes/NotesContextMenu.js";
@@ -93,7 +93,7 @@ import { NOTE_COLOR_LABELS as Tl, NotesAnimalIcon as xl, NotesOverlayIcon as Cl,
 import { NotesOverlay as hl } from "./components/notes/NotesOverlay.js";
 import { NotificationContainer as Fl, NotificationProvider as Pl, createNotificationService as Al, useNotification as El } from "./context/NotificationContext.js";
 import { Pagination as Rl } from "./components/ui/Pagination.js";
-import { Panel as _l, PanelContent as yl, PanelHeader as Dl } from "./components/layout/Panel.js";
+import { Panel as yl, PanelContent as _l, PanelHeader as Dl } from "./components/layout/Panel.js";
 import { ProcessingIndicator as Ml } from "./components/ui/ProcessingIndicator.js";
 import { QuoteBlock as Wl } from "./components/ui/QuoteBlock.js";
 import { RadioGroup as Nl, RadioList as bl, RadioOption as Hl } from "./components/ui/Radio.js";
@@ -107,54 +107,55 @@ import { Skeleton as ns, SkeletonCard as is, SkeletonList as as, SkeletonText as
 import { SnakeLoader as ls } from "./components/loading/SnakeLoader.js";
 import { Stepper as ps, Wizard as fs, useWizard as ds } from "./components/ui/Stepper.js";
 import { StreamingCursor as Ts } from "./components/chat/status/StreamingCursor.js";
-import { SvgBlock as Cs } from "./components/chat/blocks/SvgBlock.js";
-import { Switch as gs } from "./components/ui/Switch.js";
-import { TabPanel as hs, Tabs as ks } from "./components/ui/Tabs.js";
-import { Tag as Ps } from "./components/ui/Tag.js";
-import { TerminalWidget as Es, createTerminalWidget as Ls } from "./widgets/TerminalWidget.js";
-import { TextBlock as vs } from "./components/chat/blocks/TextBlock.js";
-import { ThemeProvider as ys, createThemeService as Ds, useTheme as Bs } from "./context/ThemeContext.js";
-import { ThinkingBlock as Os } from "./components/chat/blocks/ThinkingBlock.js";
-import { ToolCallBlock as ws } from "./components/chat/blocks/ToolCallBlock.js";
-import { Tooltip as bs } from "./components/ui/Tooltip.js";
-import { TopBar as Gs } from "./components/layout/TopBar.js";
-import { TopBarIconButton as Vs } from "./components/layout/TopBarIconButton.js";
-import { ViewActivationProvider as zs, useViewActivation as Xs } from "./context/ViewActivationContext.js";
-import { VirtualMessageList as Ys } from "./components/chat/message-list/VirtualMessageList.js";
-import { WidgetFrame as js } from "./components/deck/WidgetFrame.js";
-import { WidgetPalette as Js } from "./components/deck/WidgetPalette.js";
-import { WidgetRegistryProvider as ep, createWidgetRegistry as op, useWidgetRegistry as rp } from "./context/WidgetRegistry.js";
-import { WidgetResizeHandle as np } from "./components/deck/WidgetResizeHandle.js";
-import { WidgetStateProvider as ap, useCurrentWidgetId as cp, useWidgetState as mp, useWidgetStateContext as lp } from "./context/WidgetStateContext.js";
-import { WidgetTypeSwitcher as pp } from "./components/deck/WidgetTypeSwitcher.js";
-import { WorkingIndicator as dp } from "./components/chat/status/WorkingIndicator.js";
-import { applyDragDelta as Tp, applyResizeDelta as xp, getGridCellSize as Cp, pixelDeltaToGridDelta as Sp, positionToGridArea as gp, snapToGrid as up } from "./utils/gridLayout.js";
-import { buildAssistantNoticeEvents as kp, createStreamEventBuilder as Fp, isStreamEvent as Pp } from "./components/chat/streamEvents.js";
-import { checkCollision as Ep, constrainPosition as Lp, findFreePosition as Rp, hasCollision as vp, sameGridPosition as _p } from "./utils/gridCollision.js";
-import { clientToCanvasLocal as Dp, clientToCanvasWorld as Bp, createViewportFromZoomAnchor as Mp, isPointInsideCanvasRect as Op, localToCanvasWorld as Wp } from "./components/ui/canvasGeometry.js";
-import { cn as Np } from "./utils/cn.js";
-import { computeCodeDiff as Hp, computeCodeDiffSync as Gp, configureDiffWorker as Up, createDiffWorker as Vp, hasDiffWorker as Kp, terminateDiffWorker as zp, waitForDiffWorker as Xp } from "./components/chat/hooks/useCodeDiff.js";
-import { configureMarkdownWorker as Yp, createMarkdownWorker as Qp, hasMarkdownWorker as jp, renderMarkdown as qp, renderMarkdownSync as Jp, terminateMarkdownWorker as $p, waitForMarkdownWorker as ef } from "./components/chat/hooks/useMarkdown.js";
-import { configureMermaidWorker as rf, configureSyncMermaid as tf, renderMermaid as nf, terminateMermaidWorker as af, useMermaid as cf } from "./components/chat/hooks/useMermaid.js";
-import { configureShikiWorker as lf, configureSyncHighlighter as sf, highlightCode as pf, terminateShikiWorker as ff, useCodeHighlight as df } from "./components/chat/hooks/useCodeHighlight.js";
-import { createSimpleContext as Tf } from "./context/createSimpleContext.js";
-import { deferAfterPaint as Cf, deferNonBlocking as Sf } from "./utils/defer.js";
-import { duration as uf, easing as hf, fadeIn as kf, listContainer as Ff, listItem as Pf, panelResize as Af, popIn as Ef, scaleIn as Lf, sidebarVariants as Rf, slideInFromBottom as vf, slideInFromLeft as _f, slideInFromRight as yf, slideInFromTop as Df, springConfig as Bf } from "./utils/animations.js";
-import { formatKeybind as Of, isMacLikePlatform as Wf, isPrimaryModKeyPressed as wf, matchKeybind as Nf, parseKeybind as bf } from "./utils/keybind.js";
-import { isTypingElement as Gf, shouldIgnoreHotkeys as Uf } from "./utils/dom.js";
-import { lockBodyStyle as Kf } from "./utils/bodyStyleLock.js";
-import { registerCommandContributions as Xf, useCommandContributions as Zf } from "./hooks/useCommandContributions.js";
-import { startPointerSession as Qf } from "./components/ui/pointerSession.js";
-import { useAttachments as qf } from "./components/chat/hooks/useAttachments.js";
-import { useAutoScroll as $f } from "./components/chat/hooks/useAutoScroll.js";
-import { useDebounce as od } from "./hooks/useDebounce.js";
-import { useDeckDrag as td } from "./hooks/useDeckDrag.js";
-import { useFileBrowserDropTarget as id, useFileBrowserItemDrag as ad } from "./hooks/useFileBrowserDrag.js";
-import { useKeybind as md } from "./hooks/useKeybind.js";
-import { useMediaQuery as sd } from "./hooks/useMediaQuery.js";
-import { usePersisted as fd } from "./hooks/usePersisted.js";
-import { useResizeObserver as Id } from "./hooks/useResizeObserver.js";
-import { useVirtualList as xd } from "./components/chat/hooks/useVirtualList.js";
+import { SurfaceFloatingLayer as Cs } from "./components/ui/SurfaceFloatingLayer.js";
+import { SvgBlock as gs } from "./components/chat/blocks/SvgBlock.js";
+import { Switch as hs } from "./components/ui/Switch.js";
+import { TabPanel as Fs, Tabs as Ps } from "./components/ui/Tabs.js";
+import { Tag as Es } from "./components/ui/Tag.js";
+import { TerminalWidget as Rs, createTerminalWidget as vs } from "./widgets/TerminalWidget.js";
+import { TextBlock as _s } from "./components/chat/blocks/TextBlock.js";
+import { ThemeProvider as Bs, createThemeService as Ms, useTheme as Os } from "./context/ThemeContext.js";
+import { ThinkingBlock as ws } from "./components/chat/blocks/ThinkingBlock.js";
+import { ToolCallBlock as bs } from "./components/chat/blocks/ToolCallBlock.js";
+import { Tooltip as Gs } from "./components/ui/Tooltip.js";
+import { TopBar as Vs } from "./components/layout/TopBar.js";
+import { TopBarIconButton as zs } from "./components/layout/TopBarIconButton.js";
+import { ViewActivationProvider as Zs, useViewActivation as Ys } from "./context/ViewActivationContext.js";
+import { VirtualMessageList as js } from "./components/chat/message-list/VirtualMessageList.js";
+import { WidgetFrame as Js } from "./components/deck/WidgetFrame.js";
+import { WidgetPalette as ep } from "./components/deck/WidgetPalette.js";
+import { WidgetRegistryProvider as rp, createWidgetRegistry as tp, useWidgetRegistry as np } from "./context/WidgetRegistry.js";
+import { WidgetResizeHandle as ap } from "./components/deck/WidgetResizeHandle.js";
+import { WidgetStateProvider as mp, useCurrentWidgetId as lp, useWidgetState as sp, useWidgetStateContext as pp } from "./context/WidgetStateContext.js";
+import { WidgetTypeSwitcher as dp } from "./components/deck/WidgetTypeSwitcher.js";
+import { WorkingIndicator as Tp } from "./components/chat/status/WorkingIndicator.js";
+import { applyDragDelta as Cp, applyResizeDelta as Sp, getGridCellSize as gp, pixelDeltaToGridDelta as up, positionToGridArea as hp, snapToGrid as kp } from "./utils/gridLayout.js";
+import { buildAssistantNoticeEvents as Pp, createStreamEventBuilder as Ap, isStreamEvent as Ep } from "./components/chat/streamEvents.js";
+import { checkCollision as Rp, constrainPosition as vp, findFreePosition as yp, hasCollision as _p, sameGridPosition as Dp } from "./utils/gridCollision.js";
+import { clientToCanvasLocal as Mp, clientToCanvasWorld as Op, createViewportFromZoomAnchor as Wp, isPointInsideCanvasRect as wp, localToCanvasWorld as Np } from "./components/ui/canvasGeometry.js";
+import { cn as Hp } from "./utils/cn.js";
+import { computeCodeDiff as Up, computeCodeDiffSync as Vp, configureDiffWorker as Kp, createDiffWorker as zp, hasDiffWorker as Xp, terminateDiffWorker as Zp, waitForDiffWorker as Yp } from "./components/chat/hooks/useCodeDiff.js";
+import { configureMarkdownWorker as jp, createMarkdownWorker as qp, hasMarkdownWorker as Jp, renderMarkdown as $p, renderMarkdownSync as ef, terminateMarkdownWorker as of, waitForMarkdownWorker as rf } from "./components/chat/hooks/useMarkdown.js";
+import { configureMermaidWorker as nf, configureSyncMermaid as af, renderMermaid as cf, terminateMermaidWorker as mf, useMermaid as lf } from "./components/chat/hooks/useMermaid.js";
+import { configureShikiWorker as pf, configureSyncHighlighter as ff, highlightCode as df, terminateShikiWorker as If, useCodeHighlight as Tf } from "./components/chat/hooks/useCodeHighlight.js";
+import { createSimpleContext as Cf } from "./context/createSimpleContext.js";
+import { deferAfterPaint as gf, deferNonBlocking as uf } from "./utils/defer.js";
+import { duration as kf, easing as Ff, fadeIn as Pf, listContainer as Af, listItem as Ef, panelResize as Lf, popIn as Rf, scaleIn as vf, sidebarVariants as yf, slideInFromBottom as _f, slideInFromLeft as Df, slideInFromRight as Bf, slideInFromTop as Mf, springConfig as Of } from "./utils/animations.js";
+import { formatKeybind as wf, isMacLikePlatform as Nf, isPrimaryModKeyPressed as bf, matchKeybind as Hf, parseKeybind as Gf } from "./utils/keybind.js";
+import { isTypingElement as Vf, shouldIgnoreHotkeys as Kf } from "./utils/dom.js";
+import { lockBodyStyle as Xf } from "./utils/bodyStyleLock.js";
+import { registerCommandContributions as Yf, useCommandContributions as Qf } from "./hooks/useCommandContributions.js";
+import { startPointerSession as qf } from "./components/ui/pointerSession.js";
+import { useAttachments as $f } from "./components/chat/hooks/useAttachments.js";
+import { useAutoScroll as od } from "./components/chat/hooks/useAutoScroll.js";
+import { useDebounce as td } from "./hooks/useDebounce.js";
+import { useDeckDrag as id } from "./hooks/useDeckDrag.js";
+import { useFileBrowserDropTarget as cd, useFileBrowserItemDrag as md } from "./hooks/useFileBrowserDrag.js";
+import { useKeybind as sd } from "./hooks/useKeybind.js";
+import { useMediaQuery as fd } from "./hooks/useMediaQuery.js";
+import { usePersisted as Id } from "./hooks/usePersisted.js";
+import { useResizeObserver as xd } from "./hooks/useResizeObserver.js";
+import { useVirtualList as Sd } from "./components/chat/hooks/useVirtualList.js";
 export {
   F as Activity,
   wt as ActivityAppsMain,
@@ -168,8 +169,8 @@ export {
   tn as AreaChart,
   R as ArrowDown,
   v as ArrowLeft,
-  _ as ArrowRight,
-  y as ArrowRightLeft,
+  y as ArrowRight,
+  _ as ArrowRightLeft,
   D as ArrowUp,
   B as AtSign,
   sn as AttachmentPreview,
@@ -230,7 +231,7 @@ export {
   Pi as CommandPalette,
   Ei as CommandProvider,
   se as CompassIcon,
-  _i as ComponentRegistryProvider,
+  yi as ComponentRegistryProvider,
   kn as ConfigFileIcon,
   wi as ConfirmDialog,
   Hi as ConnectionStatus,
@@ -264,7 +265,7 @@ export {
   Pa as DirectoryInput,
   Ea as DirectoryPicker,
   Ra as DirectoryTree,
-  _a as DisplayModePageShell,
+  ya as DisplayModePageShell,
   Da as DisplayModeSwitcher,
   Fn as DocumentFileIcon,
   ge as DollarIcon,
@@ -294,9 +295,9 @@ export {
   An as FileItemIcon,
   Cc as FileListView,
   ve as FilePlus,
-  _e as FilePlusIcon,
+  ye as FilePlusIcon,
   gc as FileSavePicker,
-  ye as FileText,
+  _e as FileText,
   De as Files,
   hc as FilesSidebarWidget,
   Be as Filter,
@@ -306,7 +307,7 @@ export {
   vc as FloeApp,
   Xi as FloeConfigProvider,
   r as FloeProvider,
-  yc as FloeRegistryRuntime,
+  _c as FloeRegistryRuntime,
   We as Folder,
   En as FolderIcon,
   we as FolderOpen,
@@ -391,12 +392,12 @@ export {
   Lm as MessageItem,
   vm as MessageMeta,
   Eo as MessageSquare,
-  ym as MetricsWidget,
+  _m as MetricsWidget,
   Lo as Mic,
   Ro as MicIcon,
   vo as MicOff,
-  _o as Minus,
-  yo as MinusIcon,
+  yo as Minus,
+  _o as MinusIcon,
   Bm as MobileKeyboard,
   Om as MobileTabBar,
   mn as MonitoringChart,
@@ -425,8 +426,8 @@ export {
   wo as Package,
   No as PackageIcon,
   Rl as Pagination,
-  _l as Panel,
-  yl as PanelContent,
+  yl as Panel,
+  _l as PanelContent,
   Dl as PanelHeader,
   bo as Paperclip,
   Ho as Paste,
@@ -473,7 +474,7 @@ export {
   Ir as ShareIcon,
   Xl as Shell,
   Yl as ShellBlock,
-  _n as ShellScriptFileIcon,
+  yn as ShellScriptFileIcon,
   Tr as Shield,
   xr as ShieldCheck,
   Cr as ShieldIcon,
@@ -499,39 +500,40 @@ export {
   Si as StepsProgress,
   kr as Stop,
   Ts as StreamingCursor,
-  yn as StyleFileIcon,
+  _n as StyleFileIcon,
   Ka as SuccessBlock,
   Fr as SuccessIcon,
   Pr as Sun,
   Ar as SunIcon,
-  Cs as SvgBlock,
-  gs as Switch,
+  Cs as SurfaceFloatingLayer,
+  gs as SvgBlock,
+  hs as Switch,
   Dn as SymlinkFileIcon,
   Bn as SymlinkFolderIcon,
   Mn as SymlinkFolderOpenIcon,
   gl as TOPIC_ACCENT_LABELS,
   zm as TOPIC_ACCENT_TOKENS,
   Xm as TOPIC_ICON_KEYS,
-  hs as TabPanel,
-  ks as Tabs,
-  Ps as Tag,
+  Fs as TabPanel,
+  Ps as Tabs,
+  Es as Tag,
   Er as TagIcon,
   Lr as TargetIcon,
   Rr as Terminal,
   vr as TerminalIcon,
-  Es as TerminalWidget,
-  vs as TextBlock,
+  Rs as TerminalWidget,
+  _s as TextBlock,
   Kt as Textarea,
-  ys as ThemeProvider,
-  Os as ThinkingBlock,
-  _r as ThumbsDownIcon,
-  yr as ThumbsUpIcon,
+  Bs as ThemeProvider,
+  ws as ThinkingBlock,
+  yr as ThumbsDownIcon,
+  _r as ThumbsUpIcon,
   Dr as Timer,
   za as TipBlock,
-  ws as ToolCallBlock,
-  bs as Tooltip,
-  Gs as TopBar,
-  Vs as TopBarIconButton,
+  bs as ToolCallBlock,
+  Gs as Tooltip,
+  Vs as TopBar,
+  zs as TopBarIconButton,
   Br as Trash,
   Mr as TrashIcon,
   Or as TrendingDown,
@@ -544,8 +546,8 @@ export {
   Gr as UserIcon,
   Ur as Video,
   Vr as VideoIcon,
-  zs as ViewActivationProvider,
-  Ys as VirtualMessageList,
+  Zs as ViewActivationProvider,
+  js as VirtualMessageList,
   Kr as Volume,
   zr as VolumeIcon,
   Xr as VolumeOff,
@@ -554,76 +556,76 @@ export {
   Zr as Wand,
   Xa as WarningBlock,
   Yr as WarningIcon,
-  js as WidgetFrame,
-  Js as WidgetPalette,
-  ep as WidgetRegistryProvider,
-  np as WidgetResizeHandle,
-  ap as WidgetStateProvider,
-  pp as WidgetTypeSwitcher,
+  Js as WidgetFrame,
+  ep as WidgetPalette,
+  rp as WidgetRegistryProvider,
+  ap as WidgetResizeHandle,
+  mp as WidgetStateProvider,
+  dp as WidgetTypeSwitcher,
   Qr as WifiIcon,
   jr as WifiOffIcon,
   fs as Wizard,
   qr as Workflow,
-  dp as WorkingIndicator,
+  Tp as WorkingIndicator,
   Jr as X,
   $r as XCircle,
   et as Zap,
   ot as ZapIcon,
   ra as __resetSurfacePortalScopeForTests,
-  Tp as applyDragDelta,
+  Cp as applyDragDelta,
   Zm as applyNotesEvent,
-  xp as applyResizeDelta,
+  Sp as applyResizeDelta,
   dt as applyTerminalSessionSuggestion,
   Pt as applyTerminalSuggestion,
   n as applyTheme,
   At as autocompleteTerminalInput,
-  kp as buildAssistantNoticeEvents,
+  Pp as buildAssistantNoticeEvents,
   i as builtInThemes,
   Ym as centerViewportOnWorldPoint,
-  Ep as checkCollision,
+  Rp as checkCollision,
   Qm as clampScale,
   at as clampTerminalCursor,
-  Dp as clientToCanvasLocal,
-  Bp as clientToCanvasWorld,
-  Np as cn,
+  Mp as clientToCanvasLocal,
+  Op as clientToCanvasWorld,
+  Hp as cn,
   jm as computeBoardBounds,
-  Hp as computeCodeDiff,
-  Gp as computeCodeDiffSync,
-  Up as configureDiffWorker,
-  Yp as configureMarkdownWorker,
-  rf as configureMermaidWorker,
-  lf as configureShikiWorker,
-  sf as configureSyncHighlighter,
-  tf as configureSyncMermaid,
-  Lp as constrainPosition,
+  Up as computeCodeDiff,
+  Vp as computeCodeDiffSync,
+  Kp as configureDiffWorker,
+  jp as configureMarkdownWorker,
+  nf as configureMermaidWorker,
+  pf as configureShikiWorker,
+  ff as configureSyncHighlighter,
+  af as configureSyncMermaid,
+  vp as constrainPosition,
   Li as createCommandService,
-  yi as createComponentRegistry,
+  _i as createComponentRegistry,
   ga as createDeckService,
   qm as createDefaultNotesSnapshot,
-  Vp as createDiffWorker,
+  zp as createDiffWorker,
   sm as createLayoutService,
-  Qp as createMarkdownWorker,
+  qp as createMarkdownWorker,
   Al as createNotificationService,
-  Tf as createSimpleContext,
-  Fp as createStreamEventBuilder,
+  Cf as createSimpleContext,
+  Ap as createStreamEventBuilder,
   ct as createTerminalEditorState,
   Et as createTerminalFullLineSuggestion,
   It as createTerminalSessionState,
   Lt as createTerminalTokenSuggestion,
-  Ls as createTerminalWidget,
-  Ds as createThemeService,
-  Mp as createViewportFromZoomAnchor,
-  op as createWidgetRegistry,
-  Cf as deferAfterPaint,
-  Sf as deferNonBlocking,
+  vs as createTerminalWidget,
+  Ms as createThemeService,
+  Wp as createViewportFromZoomAnchor,
+  tp as createWidgetRegistry,
+  gf as deferAfterPaint,
+  uf as deferNonBlocking,
   mt as deleteTerminalTextBackward,
   Tt as dispatchTerminalSessionKey,
-  uf as duration,
-  hf as easing,
+  kf as duration,
+  Ff as easing,
   ta as ensureSurfacePortalInteractionTracking,
   bm as estimateNotesContextMenuHeight,
-  kf as fadeIn,
-  Rp as findFreePosition,
+  Pf as fadeIn,
+  yp as findFreePosition,
   f as floeColorTokenCategories,
   d as floeDesignTokens,
   I as floeFontFamilyTokens,
@@ -633,35 +635,35 @@ export {
   S as floeSpacingTokens,
   g as floeThemeColorVariables,
   u as floeTypographyTokens,
-  Of as formatKeybind,
+  wf as formatKeybind,
   Wn as getFileIcon,
   h as getFloeColorTokenValue,
-  Cp as getGridCellSize,
+  gp as getGridCellSize,
   Vi as getGridConfigFromElement,
   a as getSystemTheme,
   xt as getTerminalPromptPreview,
   Ct as getTerminalSessionSuggestions,
   Rt as getTerminalSuggestions,
   Jm as groupTrashItems,
-  vp as hasCollision,
+  _p as hasCollision,
   Di as hasComponentRegistryContext,
-  Kp as hasDiffWorker,
+  Xp as hasDiffWorker,
   ic as hasFileBrowserDragContext,
-  jp as hasMarkdownWorker,
-  pf as highlightCode,
+  Jp as hasMarkdownWorker,
+  df as highlightCode,
   lt as insertTerminalText,
   Qn as isLocalInteractionSurfaceTarget,
-  Wf as isMacLikePlatform,
-  Op as isPointInsideCanvasRect,
-  wf as isPrimaryModKeyPressed,
-  Pp as isStreamEvent,
+  Nf as isMacLikePlatform,
+  wp as isPointInsideCanvasRect,
+  bf as isPrimaryModKeyPressed,
+  Ep as isStreamEvent,
   na as isSurfacePortalMode,
-  Gf as isTypingElement,
-  Ff as listContainer,
-  Pf as listItem,
-  Wp as localToCanvasWorld,
-  Kf as lockBodyStyle,
-  Nf as matchKeybind,
+  Vf as isTypingElement,
+  Af as listContainer,
+  Ef as listItem,
+  Np as localToCanvasWorld,
+  Xf as lockBodyStyle,
+  Hf as matchKeybind,
   vt as matchesTerminalSuggestionPrefix,
   $m as mergeBoardBounds,
   c as mergeThemeTokenMaps,
@@ -671,22 +673,22 @@ export {
   ol as normalizeNotesSnapshot,
   nt as normalizeTerminalWorkspaceProfile,
   rl as noteBucketMetrics,
-  Af as panelResize,
-  bf as parseKeybind,
-  _t as parseTerminalSuggestionContext,
-  Sp as pixelDeltaToGridDelta,
-  Ef as popIn,
-  gp as positionToGridArea,
+  Lf as panelResize,
+  Gf as parseKeybind,
+  yt as parseTerminalSuggestionContext,
+  up as pixelDeltaToGridDelta,
+  Rf as popIn,
+  hp as positionToGridArea,
   ia as projectSurfacePortalPosition,
   aa as projectSurfacePortalRect,
   tl as promoteLocalItem,
-  Xf as registerCommandContributions,
+  Yf as registerCommandContributions,
   nl as removeSnapshotItem,
   il as removeSnapshotTopic,
   al as removeSnapshotTrashItem,
-  qp as renderMarkdown,
-  Jp as renderMarkdownSync,
-  nf as renderMermaid,
+  $p as renderMarkdown,
+  ef as renderMarkdownSync,
+  cf as renderMermaid,
   cl as replaceSnapshotItem,
   ml as replaceSnapshotTopic,
   ll as replaceSnapshotTrashItem,
@@ -702,70 +704,70 @@ export {
   Jn as resolveWorkbenchWidgetEventOwnership,
   $n as resolveWorkbenchWidgetLocalTypingTarget,
   ht as runTerminalMockCommand,
-  _p as sameGridPosition,
+  Dp as sameGridPosition,
   Ba as sanitizeDisplayMode,
-  Lf as scaleIn,
+  vf as scaleIn,
   sl as screenToWorld,
   St as setTerminalSessionInputValue,
   ei as shouldActivateWorkbenchWidgetLocalTarget,
-  Uf as shouldIgnoreHotkeys,
-  Rf as sidebarVariants,
-  vf as slideInFromBottom,
-  _f as slideInFromLeft,
-  yf as slideInFromRight,
-  Df as slideInFromTop,
-  up as snapToGrid,
-  Bf as springConfig,
+  Kf as shouldIgnoreHotkeys,
+  yf as sidebarVariants,
+  _f as slideInFromBottom,
+  Df as slideInFromLeft,
+  Bf as slideInFromRight,
+  Mf as slideInFromTop,
+  kp as snapToGrid,
+  Of as springConfig,
   ja as startHotInteraction,
-  Qf as startPointerSession,
+  qf as startPointerSession,
   gt as submitTerminalSession,
   s as syncThemeTokenOverrides,
-  yt as terminalCommandTokenSuggestionProvider,
+  _t as terminalCommandTokenSuggestionProvider,
   Dt as terminalHistorySuggestionProvider,
   Bt as terminalPathSuggestionProvider,
   Mt as terminalRootSuggestionProvider,
   Ot as terminalSnippetSuggestionProvider,
-  zp as terminateDiffWorker,
-  $p as terminateMarkdownWorker,
-  af as terminateMermaidWorker,
-  ff as terminateShikiWorker,
-  qf as useAttachments,
-  $f as useAutoScroll,
+  Zp as terminateDiffWorker,
+  of as terminateMarkdownWorker,
+  mf as terminateMermaidWorker,
+  If as terminateShikiWorker,
+  $f as useAttachments,
+  od as useAutoScroll,
   ci as useChatContext,
-  df as useCodeHighlight,
+  Tf as useCodeHighlight,
   Ri as useCommand,
-  Zf as useCommandContributions,
+  Qf as useCommandContributions,
   Bi as useComponentContextFactory,
   Mi as useComponentRegistry,
-  cp as useCurrentWidgetId,
-  od as useDebounce,
+  lp as useCurrentWidgetId,
+  td as useDebounce,
   ua as useDeck,
-  td as useDeckDrag,
+  id as useDeckDrag,
   lc as useFileBrowser,
   ac as useFileBrowserDrag,
-  id as useFileBrowserDropTarget,
-  ad as useFileBrowserItemDrag,
+  cd as useFileBrowserDropTarget,
+  md as useFileBrowserItemDrag,
   Zi as useFloeConfig,
   Vc as useFormSubmitting,
-  md as useKeybind,
+  sd as useKeybind,
   pm as useLayout,
-  sd as useMediaQuery,
-  cf as useMermaid,
+  fd as useMediaQuery,
+  lf as useMermaid,
   El as useNotification,
   Oi as useOptionalComponentRegistry,
-  fd as usePersisted,
-  Id as useResizeObserver,
+  Id as usePersisted,
+  xd as useResizeObserver,
   Yi as useResolvedFloeConfig,
-  Bs as useTheme,
-  Xs as useViewActivation,
-  xd as useVirtualList,
-  rp as useWidgetRegistry,
-  mp as useWidgetState,
-  lp as useWidgetStateContext,
+  Os as useTheme,
+  Ys as useViewActivation,
+  Sd as useVirtualList,
+  np as useWidgetRegistry,
+  sp as useWidgetState,
+  pp as useWidgetStateContext,
   ds as useWizard,
   pl as visibleWorldRect,
-  Xp as waitForDiffWorker,
-  ef as waitForMarkdownWorker,
+  Yp as waitForDiffWorker,
+  rf as waitForMarkdownWorker,
   fl as worldToScreen,
   dl as zoomViewportAtPoint
 };

package/dist/ui.js

@@ -1,17 +1,17 @@
 import { AffixInput as e, Input as t, NumberInput as a, Textarea as i } from "./components/ui/Input.js";
-import { AnimatedBorderCard as c, Card as T, CardContent as C, CardDescription as l, CardFooter as p, CardHeader as m, CardTitle as s, Interactive3DCard as f, MorphCard as A, NeonCard as _ } from "./components/ui/Card.js";
-import { AreaChart as R, DataBarChart as S, DataPieChart as d, LineChart as x, MonitoringChart as u } from "./components/ui/Charts.js";
-import { Button as I } from "./components/ui/Button.js";
+import { AnimatedBorderCard as c, Card as T, CardContent as l, CardDescription as C, CardFooter as p, CardHeader as m, CardTitle as s, Interactive3DCard as f, MorphCard as A, NeonCard as _ } from "./components/ui/Card.js";
+import { AreaChart as S, DataBarChart as R, DataPieChart as x, LineChart as d, MonitoringChart as u } from "./components/ui/Charts.js";
+import { Button as F } from "./components/ui/Button.js";
 import { CANVAS_WHEEL_INTERACTIVE_ATTR as g, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as P, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as O, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR as W, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as D, LOCAL_INTERACTION_SURFACE_ATTR as h, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR as v, WORKBENCH_WIDGET_SHELL_ATTR as N, isLocalInteractionSurfaceTarget as k, resolveSurfaceInteractionTargetRole as B, resolveSurfaceWheelRouting as b, resolveWorkbenchWidgetEventOwnership as H, resolveWorkbenchWidgetLocalTypingTarget as U, shouldActivateWorkbenchWidgetLocalTarget as G } from "./components/ui/localInteractionSurface.js";
 import { Checkbox as V, CheckboxGroup as w, CheckboxList as y } from "./components/ui/Checkbox.js";
 import { CircularProgress as j, LinearProgress as z, SegmentedProgress as Y, StepsProgress as Q } from "./components/ui/Progress.js";
 import { CommandPalette as q } from "./components/ui/CommandPalette.js";
 import { ConfirmDialog as X, Dialog as $ } from "./components/ui/Dialog.js";
-import { DIALOG_SURFACE_BOUNDARY_ATTR as or, DIALOG_SURFACE_HOST_ATTR as er, SURFACE_PORTAL_HOST_ATTR as tr, SURFACE_PORTAL_LAYER_ATTR as ar, __resetSurfacePortalScopeForTests as ir, ensureSurfacePortalInteractionTracking as nr, isSurfacePortalMode as cr, projectSurfacePortalPosition as Tr, projectSurfacePortalRect as Cr, resolveSurfacePortalBoundaryRect as lr, resolveSurfacePortalHost as pr, resolveSurfacePortalMount as mr, resolveSurfacePortalMountRect as sr } from "./components/ui/dialogSurfaceScope.js";
+import { DIALOG_SURFACE_BOUNDARY_ATTR as or, DIALOG_SURFACE_HOST_ATTR as er, SURFACE_PORTAL_HOST_ATTR as tr, SURFACE_PORTAL_LAYER_ATTR as ar, __resetSurfacePortalScopeForTests as ir, ensureSurfacePortalInteractionTracking as nr, isSurfacePortalMode as cr, projectSurfacePortalPosition as Tr, projectSurfacePortalRect as lr, resolveSurfacePortalBoundaryRect as Cr, resolveSurfacePortalHost as pr, resolveSurfacePortalMount as mr, resolveSurfacePortalMountRect as sr } from "./components/ui/dialogSurfaceScope.js";
 import { DirectoryInput as Ar } from "./components/ui/DirectoryInput.js";
 import { DirectoryPicker as Er } from "./components/ui/DirectoryPicker.js";
-import { Dropdown as Sr, Select as dr } from "./components/ui/Dropdown.js";
-import { ErrorBlock as ur, HighlightBlock as Lr, InfoBlock as Ir, NoteBlock as Fr, SuccessBlock as gr, TipBlock as Pr, WarningBlock as Or } from "./components/ui/HighlightBlock.js";
+import { Dropdown as Rr, Select as xr } from "./components/ui/Dropdown.js";
+import { ErrorBlock as ur, HighlightBlock as Lr, InfoBlock as Fr, NoteBlock as Ir, SuccessBlock as gr, TipBlock as Pr, WarningBlock as Or } from "./components/ui/HighlightBlock.js";
 import { FileSavePicker as Dr } from "./components/ui/FileSavePicker.js";
 import { FloatingWindow as vr } from "./components/ui/FloatingWindow.js";
 import { Form as kr, FormActions as Br, FormControl as br, FormDescription as Hr, FormDivider as Ur, FormField as Gr, FormLabel as Mr, FormMessage as Vr, FormRow as wr, FormSection as yr, useFormSubmitting as Kr } from "./components/ui/Form.js";
@@ -22,22 +22,23 @@ import { ProcessingIndicator as Xr } from "./components/ui/ProcessingIndicator.j
 import { QuoteBlock as ro } from "./components/ui/QuoteBlock.js";
 import { RadioGroup as eo, RadioList as to, RadioOption as ao } from "./components/ui/Radio.js";
 import { SegmentedControl as no } from "./components/ui/SegmentedControl.js";
-import { Stepper as To, Wizard as Co, useWizard as lo } from "./components/ui/Stepper.js";
-import { Switch as mo } from "./components/ui/Switch.js";
-import { TabPanel as fo, Tabs as Ao } from "./components/ui/Tabs.js";
-import { Tag as Eo } from "./components/ui/Tag.js";
-import { Tooltip as So } from "./components/ui/Tooltip.js";
-import { clientToCanvasLocal as uo, clientToCanvasWorld as Lo, createViewportFromZoomAnchor as Io, isPointInsideCanvasRect as Fo, localToCanvasWorld as go } from "./components/ui/canvasGeometry.js";
-import { startPointerSession as Oo } from "./components/ui/pointerSession.js";
+import { Stepper as To, Wizard as lo, useWizard as Co } from "./components/ui/Stepper.js";
+import { SurfaceFloatingLayer as mo } from "./components/ui/SurfaceFloatingLayer.js";
+import { Switch as fo } from "./components/ui/Switch.js";
+import { TabPanel as _o, Tabs as Eo } from "./components/ui/Tabs.js";
+import { Tag as Ro } from "./components/ui/Tag.js";
+import { Tooltip as uo } from "./components/ui/Tooltip.js";
+import { clientToCanvasLocal as Fo, clientToCanvasWorld as Io, createViewportFromZoomAnchor as go, isPointInsideCanvasRect as Po, localToCanvasWorld as Oo } from "./components/ui/canvasGeometry.js";
+import { startPointerSession as Do } from "./components/ui/pointerSession.js";
 export {
   e as AffixInput,
   c as AnimatedBorderCard,
-  R as AreaChart,
-  I as Button,
+  S as AreaChart,
+  F as Button,
   g as CANVAS_WHEEL_INTERACTIVE_ATTR,
   T as Card,
-  C as CardContent,
-  l as CardDescription,
+  l as CardContent,
+  C as CardDescription,
   p as CardFooter,
   m as CardHeader,
   s as CardTitle,
@@ -53,12 +54,12 @@ export {
   D as DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR,
   or as DIALOG_SURFACE_BOUNDARY_ATTR,
   er as DIALOG_SURFACE_HOST_ATTR,
-  S as DataBarChart,
-  d as DataPieChart,
+  R as DataBarChart,
+  x as DataPieChart,
   $ as Dialog,
   Ar as DirectoryInput,
   Er as DirectoryPicker,
-  Sr as Dropdown,
+  Rr as Dropdown,
   ur as ErrorBlock,
   Dr as FileSavePicker,
   vr as FloatingWindow,
@@ -74,17 +75,17 @@ export {
   yr as FormSection,
   Lr as HighlightBlock,
   zr as InfiniteCanvas,
-  Ir as InfoBlock,
+  Fr as InfoBlock,
   t as Input,
   f as Interactive3DCard,
   h as LOCAL_INTERACTION_SURFACE_ATTR,
-  x as LineChart,
+  d as LineChart,
   z as LinearProgress,
   Qr as MobileKeyboard,
   u as MonitoringChart,
   A as MorphCard,
   _ as NeonCard,
-  Fr as NoteBlock,
+  Ir as NoteBlock,
   a as NumberInput,
   qr as Pagination,
   Xr as ProcessingIndicator,
@@ -96,34 +97,35 @@ export {
   ar as SURFACE_PORTAL_LAYER_ATTR,
   no as SegmentedControl,
   Y as SegmentedProgress,
-  dr as Select,
+  xr as Select,
   To as Stepper,
   Q as StepsProgress,
   gr as SuccessBlock,
-  mo as Switch,
-  fo as TabPanel,
-  Ao as Tabs,
-  Eo as Tag,
+  mo as SurfaceFloatingLayer,
+  fo as Switch,
+  _o as TabPanel,
+  Eo as Tabs,
+  Ro as Tag,
   i as Textarea,
   Pr as TipBlock,
-  So as Tooltip,
+  uo as Tooltip,
   v as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
   N as WORKBENCH_WIDGET_SHELL_ATTR,
   Or as WarningBlock,
-  Co as Wizard,
+  lo as Wizard,
   ir as __resetSurfacePortalScopeForTests,
-  uo as clientToCanvasLocal,
-  Lo as clientToCanvasWorld,
-  Io as createViewportFromZoomAnchor,
+  Fo as clientToCanvasLocal,
+  Io as clientToCanvasWorld,
+  go as createViewportFromZoomAnchor,
   nr as ensureSurfacePortalInteractionTracking,
   k as isLocalInteractionSurfaceTarget,
-  Fo as isPointInsideCanvasRect,
+  Po as isPointInsideCanvasRect,
   cr as isSurfacePortalMode,
-  go as localToCanvasWorld,
+  Oo as localToCanvasWorld,
   Tr as projectSurfacePortalPosition,
-  Cr as projectSurfacePortalRect,
+  lr as projectSurfacePortalRect,
   B as resolveSurfaceInteractionTargetRole,
-  lr as resolveSurfacePortalBoundaryRect,
+  Cr as resolveSurfacePortalBoundaryRect,
   pr as resolveSurfacePortalHost,
   mr as resolveSurfacePortalMount,
   sr as resolveSurfacePortalMountRect,
@@ -131,7 +133,7 @@ export {
   H as resolveWorkbenchWidgetEventOwnership,
   U as resolveWorkbenchWidgetLocalTypingTarget,
   G as shouldActivateWorkbenchWidgetLocalTarget,
-  Oo as startPointerSession,
+  Do as startPointerSession,
   Kr as useFormSubmitting,
-  lo as useWizard
+  Co as useWizard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.26",
+  "version": "0.36.27",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",