@floegence/floe-webapp-core 0.52.2 → 0.52.4

package/dist/surface.css

@@ -409,20 +409,50 @@
 @media (forced-colors: none) {
   :root[data-floe-surface-style='soft-neumorphic']:not([data-floe-shell-theme='hc-light'])
     [data-floe-floating-window-surface='true'][data-floe-surface='floating'] {
+    --floe-window-radius: 10px;
     background: var(--floe-window-background);
     color: var(--floe-window-foreground);
     --muted-foreground: var(--floe-window-muted-foreground);
     border-color: var(--floe-window-border);
     --floe-surface-decoration: var(--floe-window-shadow);
+    border-radius: var(--floe-window-radius);
 
     & [data-floe-floating-window-titlebar='true'] {
-      background: var(--floe-window-titlebar-background);
-      border-bottom-color: transparent;
+      position: relative;
+      background-color: var(--floe-window-titlebar-background);
+      background-image: none;
+      border-bottom-color: var(--floe-surface-divider);
       color: var(--floe-window-foreground);
       transition: none;
+      border-radius: calc(var(--floe-window-radius) - 1px) calc(var(--floe-window-radius) - 1px) 0 0;
+    }
+    & [data-floe-floating-window-titlebar='true']::before {
+      content: '';
+      position: absolute;
+      inset: 0 14px auto;
+      height: 1px;
+      background: linear-gradient(
+        90deg,
+        transparent,
+        color-mix(in srgb, var(--ring) 42%, transparent) 50%,
+        transparent
+      );
+      opacity: 0.72;
+      pointer-events: none;
     }
     &[data-floe-floating-window-state='inactive'] > [data-floe-floating-window-titlebar='true'] {
       background: color-mix(in srgb, var(--floe-window-titlebar-background) 50%, var(--floe-window-background));
+      background-image: none;
+    }
+    &[data-floe-floating-window-state='active'] > [data-floe-floating-window-titlebar='true'] {
+      background-color: color-mix(in srgb, var(--accent) 24%, var(--floe-window-titlebar-background));
+    }
+    & [data-floe-floating-window-content='true'] {
+      background: color-mix(in srgb, var(--floe-window-background) 96%, var(--background));
+    }
+    & [data-floe-floating-window-footer='true'] {
+      background: color-mix(in srgb, var(--floe-window-background) 92%, var(--muted));
+      border-top-color: var(--floe-surface-divider);
     }
     & > [data-floe-floating-window-titlebar='true'] button {
       transition-property: background-color, border-color, opacity;
@@ -436,6 +466,14 @@
   }
 }
 
+/* Dark shell palettes use a restrained dark step for active chrome so the
+ * window remains discoverable without a bright outline or animated glow. */
+:root.dark[data-floe-surface-style='soft-neumorphic']:not([data-floe-shell-theme='hc-light'])
+  [data-floe-floating-window-surface='true'][data-floe-floating-window-state='active']
+  > [data-floe-floating-window-titlebar='true'] {
+  background-color: color-mix(in srgb, var(--background) 38%, var(--floe-window-titlebar-background));
+}
+
 /* FloatingWindow keeps rich text at scale 1 throughout its short presence
  * motion. Only presence promotes this panel; the existing geometry owner
  * already promotes direct drag/resize, so adding a second hot layer is wasteful. */

package/dist/ui.js

@@ -1,5 +1,5 @@
 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 l, CardDescription as m, CardFooter as p, CardHeader as C, CardTitle as E, Interactive3DCard as s, MorphCard as f, NeonCard as _ } from "./components/ui/Card.js";
+import { AnimatedBorderCard as c, Card as T, CardContent as l, CardDescription as m, CardFooter as p, CardHeader as C, CardTitle as s, Interactive3DCard as E, MorphCard as f, NeonCard as _ } from "./components/ui/Card.js";
 import { AreaChart as A, DataBarChart as R, DataPieChart as x, LineChart as d, MonitoringChart as u } from "./components/ui/Charts.js";
 import { Button as L } from "./components/ui/Button.js";
 import { CANVAS_WHEEL_INTERACTIVE_ATTR as I, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as P, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as O, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR as W, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR as D, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as N, LOCAL_INTERACTION_SURFACE_ATTR as v, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR as h, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR as k, WORKBENCH_WIDGET_SHELL_ATTR as B, isLocalInteractionSurfaceTarget as U, resolveSurfaceInteractionTargetRole as b, resolveSurfaceWheelRouting as H, resolveWorkbenchWidgetEventOwnership as M, resolveWorkbenchWidgetLocalTypingTarget as w, resolveWorkbenchWidgetTextSelectionTarget as y, shouldActivateWorkbenchWidgetLocalTarget as G } from "./components/ui/localInteractionSurface.js";
@@ -7,7 +7,7 @@ import { Checkbox as V, CheckboxGroup as z, CheckboxList as j } from "./componen
 import { CircularProgress as Y, LinearProgress as Q, SegmentedProgress as Z, StepsProgress as q } from "./components/ui/Progress.js";
 import { CommandPalette as $ } from "./components/ui/CommandPalette.js";
 import { ConfirmDialog as or, Dialog as er } from "./components/ui/Dialog.js";
-import { DIALOG_SURFACE_BOUNDARY_ATTR as ar, DIALOG_SURFACE_HOST_ATTR as ir, SURFACE_PORTAL_HOST_ATTR as nr, SURFACE_PORTAL_LAYER_ATTR as cr, __resetSurfacePortalScopeForTests as Tr, ensureSurfacePortalInteractionTracking as lr, isSurfacePortalMode as mr, projectSurfacePortalPosition as pr, projectSurfacePortalRect as Cr, resolveSurfacePortalBoundaryRect as Er, resolveSurfacePortalHost as sr, resolveSurfacePortalMount as fr, resolveSurfacePortalMountRect as _r } from "./components/ui/dialogSurfaceScope.js";
+import { DIALOG_SURFACE_BOUNDARY_ATTR as ar, DIALOG_SURFACE_HOST_ATTR as ir, SURFACE_PORTAL_HOST_ATTR as nr, SURFACE_PORTAL_LAYER_ATTR as cr, __resetSurfacePortalScopeForTests as Tr, ensureSurfacePortalInteractionTracking as lr, isSurfacePortalMode as mr, projectSurfacePortalPosition as pr, projectSurfacePortalRect as Cr, resolveSurfacePortalBoundaryRect as sr, resolveSurfacePortalHost as Er, resolveSurfacePortalMount as fr, resolveSurfacePortalMountRect as _r } from "./components/ui/dialogSurfaceScope.js";
 import { DialogPlacementProvider as Ar } from "./components/ui/DialogPlacementContext.js";
 import { DirectoryInput as xr } from "./components/ui/DirectoryInput.js";
 import { DirectoryPicker as ur } from "./components/ui/DirectoryPicker.js";
@@ -21,7 +21,7 @@ import { InfiniteCanvas as oo } from "./components/ui/InfiniteCanvas.js";
 import { MENU_ITEM_SELECTOR as to, focusMenuItem as ao, getMenuItems as io, handleMenuKeyboardNavigation as no, moveMenuFocus as co } from "./components/ui/menuUtils.js";
 import { MobileKeyboard as lo } from "./components/ui/MobileKeyboard.js";
 import { Pagination as po } from "./components/ui/Pagination.js";
-import { PickerNavigationError as Eo, createFilesystemPickerDataSource as so, formatPickerPath as fo, parsePickerPath as _o } from "./components/ui/picker/PickerNavigation.js";
+import { PickerNavigationError as so, createFilesystemPickerDataSource as Eo, formatPickerPath as fo, parsePickerPath as _o } from "./components/ui/picker/PickerNavigation.js";
 import { ProcessingIndicator as Ao } from "./components/ui/ProcessingIndicator.js";
 import { QuoteBlock as xo } from "./components/ui/QuoteBlock.js";
 import { RadioGroup as Fo, RadioList as Lo, RadioOption as go } from "./components/ui/Radio.js";
@@ -34,8 +34,9 @@ import { Tag as wo } from "./components/ui/Tag.js";
 import { Tooltip as Go } from "./components/ui/Tooltip.js";
 import { clientToCanvasLocal as Vo, clientToCanvasWorld as zo, createViewportFromZoomAnchor as jo, isPointInsideCanvasRect as Xo, localToCanvasWorld as Yo } from "./components/ui/canvasGeometry.js";
 import { createFloatingPresence as Zo } from "./components/ui/floatingPresence.js";
-import { resolveFloatingWindowViewport as Jo } from "./components/ui/floatingWindowGeometry.js";
-import { startPointerSession as re } from "./components/ui/pointerSession.js";
+import { intersectSurfaceRects as Jo } from "./components/ui/surfaceFloatingBoundary.js";
+import { resolveFloatingWindowViewport as re } from "./components/ui/floatingWindowGeometry.js";
+import { startPointerSession as ee } from "./components/ui/pointerSession.js";
 export {
   e as AffixInput,
   c as AnimatedBorderCard,
@@ -47,7 +48,7 @@ export {
   m as CardDescription,
   p as CardFooter,
   C as CardHeader,
-  E as CardTitle,
+  s as CardTitle,
   V as Checkbox,
   z as CheckboxGroup,
   j as CheckboxList,
@@ -86,7 +87,7 @@ export {
   oo as InfiniteCanvas,
   Wr as InfoBlock,
   t as Input,
-  s as Interactive3DCard,
+  E as Interactive3DCard,
   v as LOCAL_INTERACTION_SURFACE_ATTR,
   d as LineChart,
   Q as LinearProgress,
@@ -98,7 +99,7 @@ export {
   Dr as NoteBlock,
   a as NumberInput,
   po as Pagination,
-  Eo as PickerNavigationError,
+  so as PickerNavigationError,
   Ao as ProcessingIndicator,
   xo as QuoteBlock,
   Fo as RadioGroup,
@@ -128,7 +129,7 @@ export {
   Tr as __resetSurfacePortalScopeForTests,
   Vo as clientToCanvasLocal,
   zo as clientToCanvasWorld,
-  so as createFilesystemPickerDataSource,
+  Eo as createFilesystemPickerDataSource,
   Zo as createFloatingPresence,
   jo as createViewportFromZoomAnchor,
   lr as ensureSurfacePortalInteractionTracking,
@@ -136,6 +137,7 @@ export {
   fo as formatPickerPath,
   io as getMenuItems,
   no as handleMenuKeyboardNavigation,
+  Jo as intersectSurfaceRects,
   U as isLocalInteractionSurfaceTarget,
   Xo as isPointInsideCanvasRect,
   mr as isSurfacePortalMode,
@@ -145,10 +147,10 @@ export {
   _o as parsePickerPath,
   pr as projectSurfacePortalPosition,
   Cr as projectSurfacePortalRect,
-  Jo as resolveFloatingWindowViewport,
+  re as resolveFloatingWindowViewport,
   b as resolveSurfaceInteractionTargetRole,
-  Er as resolveSurfacePortalBoundaryRect,
-  sr as resolveSurfacePortalHost,
+  sr as resolveSurfacePortalBoundaryRect,
+  Er as resolveSurfacePortalHost,
   fr as resolveSurfacePortalMount,
   _r as resolveSurfacePortalMountRect,
   H as resolveSurfaceWheelRouting,
@@ -156,7 +158,7 @@ export {
   w as resolveWorkbenchWidgetLocalTypingTarget,
   y as resolveWorkbenchWidgetTextSelectionTarget,
   G as shouldActivateWorkbenchWidgetLocalTarget,
-  re as startPointerSession,
+  ee as startPointerSession,
   br as updateFileOpenSelection,
   $r as useFormSubmitting,
   No as useWizard

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.52.2",
+  "version": "0.52.4",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",