@floegence/floe-webapp-core 0.56.11 → 0.56.14

package/dist/ui.css

@@ -1867,3 +1867,57 @@
     outline-offset: 0;
   }
 }
+
+[data-floe-horizontal-scroll-viewport] {
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, var(--muted-foreground) 55%, transparent) color-mix(in srgb, var(--muted) 72%, transparent);
+}
+@supports selector(::-webkit-scrollbar) {
+  [data-floe-horizontal-scroll-viewport] { scrollbar-width: auto; scrollbar-color: auto; }
+}
+[data-floe-horizontal-scroll-viewport]::-webkit-scrollbar { width: 10px; height: 0; }
+[data-floe-horizontal-scroll-viewport]::-webkit-scrollbar-track { background: color-mix(in srgb, var(--muted) 72%, transparent); }
+[data-floe-horizontal-scroll-viewport]::-webkit-scrollbar-thumb {
+  border: 2px solid transparent;
+  border-radius: 999px;
+  background-clip: padding-box;
+  background-color: color-mix(in srgb, var(--muted-foreground) 55%, transparent);
+}
+[data-floe-horizontal-scroll-viewport]::-webkit-scrollbar-thumb:hover { background-color: color-mix(in srgb, var(--foreground) 62%, transparent); }
+.floe-horizontal-scrollbar {
+  position: relative;
+  flex: 0 0 14px;
+  min-height: 14px;
+  margin: 0 4px 3px;
+  border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--muted) 72%, transparent);
+  cursor: pointer;
+  outline: none;
+  touch-action: none;
+  user-select: none;
+}
+.floe-horizontal-scrollbar:focus-visible {
+  border-color: var(--ring);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 28%, transparent);
+}
+.floe-horizontal-scrollbar-thumb {
+  position: absolute;
+  top: 1px;
+  bottom: 1px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--muted-foreground) 68%, transparent);
+  cursor: grab;
+  transition: background-color 120ms ease-out;
+}
+.floe-horizontal-scrollbar-thumb:hover,
+.floe-horizontal-scrollbar-thumb:active { background: color-mix(in srgb, var(--foreground) 72%, transparent); }
+.floe-horizontal-scrollbar-thumb:active { cursor: grabbing; }
+
+@media (prefers-reduced-motion: reduce) {
+  .floe-horizontal-scrollbar-thumb { transition: none; }
+}
+@media (forced-colors: active) {
+  .floe-horizontal-scrollbar { border-color: ButtonBorder; background: ButtonFace; }
+  .floe-horizontal-scrollbar-thumb { background: ButtonText; }
+}

package/dist/ui.js

@@ -1,13 +1,13 @@
-import { AffixInput as o, 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 f, CardTitle as C, Interactive3DCard as s, MorphCard as E, NeonCard as S } from "./components/ui/Card.js";
+import { AffixInput as e, Input as t, NumberInput as a, Textarea as i } from "./components/ui/Input.js";
+import { AnimatedBorderCard as c, Card as l, CardContent as T, CardDescription as m, CardFooter as p, CardHeader as f, CardTitle as s, Interactive3DCard as C, MorphCard as E, NeonCard as S } from "./components/ui/Card.js";
 import { AreaChart as A, DataBarChart as R, DataPieChart as x, LineChart as u, MonitoringChart as d } from "./components/ui/Charts.js";
 import { Button as L } from "./components/ui/Button.js";
 import { CANVAS_WHEEL_INTERACTIVE_ATTR as P, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as I, 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 h, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR as v, 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 y, resolveWorkbenchWidgetTextSelectionTarget as w, shouldActivateWorkbenchWidgetLocalTarget as G } from "./components/ui/localInteractionSurface.js";
 import { Checkbox as V, CheckboxGroup as z, CheckboxList as j } from "./components/ui/Checkbox.js";
 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 er, Dialog as or } 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 fr, resolveSurfacePortalBoundaryRect as Cr, resolveSurfacePortalHost as sr, resolveSurfacePortalMount as Er, resolveSurfacePortalMountRect as Sr } from "./components/ui/dialogSurfaceScope.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 lr, ensureSurfacePortalInteractionTracking as Tr, isSurfacePortalMode as mr, projectSurfacePortalPosition as pr, projectSurfacePortalRect as fr, resolveSurfacePortalBoundaryRect as sr, resolveSurfacePortalHost as Cr, resolveSurfacePortalMount as Er, resolveSurfacePortalMountRect as Sr } 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 dr } from "./components/ui/DirectoryPicker.js";
@@ -17,46 +17,47 @@ import { FileOpenPicker as Br, normalizeFileOpenSelection as Ur, updateFileOpenS
 import { FileSavePicker as Mr } from "./components/ui/FileSavePicker.js";
 import { FloatingWindow as wr } from "./components/ui/FloatingWindow.js";
 import { Form as Kr, FormActions as Vr, FormControl as zr, FormDescription as jr, FormDivider as Xr, FormField as Yr, FormLabel as Qr, FormMessage as Zr, FormRow as qr, FormSection as Jr, useFormSubmitting as $r } from "./components/ui/Form.js";
-import { InfiniteCanvas as ee } from "./components/ui/InfiniteCanvas.js";
-import { MENU_ITEM_SELECTOR as te, focusMenuItem as ae, getMenuItems as ie, handleMenuKeyboardNavigation as ne, moveMenuFocus as ce } from "./components/ui/menuUtils.js";
-import { MobileKeyboard as le } from "./components/ui/MobileKeyboard.js";
-import { Pagination as pe } from "./components/ui/Pagination.js";
-import { PickerNavigationError as Ce, createFilesystemPickerDataSource as se, formatPickerPath as Ee, parsePickerPath as Se } from "./components/ui/picker/PickerNavigation.js";
-import { ProcessingIndicator as Ae } from "./components/ui/ProcessingIndicator.js";
-import { QuoteBlock as xe } from "./components/ui/QuoteBlock.js";
-import { RadioGroup as de, RadioList as Fe, RadioOption as Le } from "./components/ui/Radio.js";
-import { SegmentedControl as Pe } from "./components/ui/SegmentedControl.js";
-import { Stepper as Oe, Wizard as We, useWizard as De } from "./components/ui/Stepper.js";
-import { SurfaceAnchoredLayer as he } from "./components/ui/SurfaceAnchoredLayer.js";
-import { SurfaceFloatingLayer as ke } from "./components/ui/SurfaceFloatingLayer.js";
-import { SurfaceFloatingPanel as Ue } from "./components/ui/SurfaceFloatingPanel.js";
-import { Switch as He } from "./components/ui/Switch.js";
-import { TabPanel as ye, Tabs as we } from "./components/ui/Tabs.js";
-import { Tag as Ke } from "./components/ui/Tag.js";
-import { Tooltip as ze } from "./components/ui/Tooltip.js";
-import { clientToCanvasLocal as Xe, clientToCanvasWorld as Ye, createViewportFromZoomAnchor as Qe, isPointInsideCanvasRect as Ze, localToCanvasWorld as qe } from "./components/ui/canvasGeometry.js";
-import { createFloatingPresence as $e } from "./components/ui/floatingPresence.js";
-import { intersectSurfaceRects as eo } from "./components/ui/surfaceFloatingBoundary.js";
-import { resolveFloatingWindowViewport as to } from "./components/ui/floatingWindowGeometry.js";
-import { startPointerSession as io } from "./components/ui/pointerSession.js";
+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 To } from "./components/ui/MobileKeyboard.js";
+import { Pagination as po } from "./components/ui/Pagination.js";
+import { PersistentHorizontalScrollbar as so } from "./components/ui/PersistentHorizontalScrollbar.js";
+import { PickerNavigationError as Eo, createFilesystemPickerDataSource as So, formatPickerPath as _o, parsePickerPath as Ao } from "./components/ui/picker/PickerNavigation.js";
+import { ProcessingIndicator as xo } from "./components/ui/ProcessingIndicator.js";
+import { QuoteBlock as Fo } from "./components/ui/QuoteBlock.js";
+import { RadioGroup as go, RadioList as Po, RadioOption as Io } from "./components/ui/Radio.js";
+import { SegmentedControl as Wo } from "./components/ui/SegmentedControl.js";
+import { Stepper as No, Wizard as ho, useWizard as vo } from "./components/ui/Stepper.js";
+import { SurfaceAnchoredLayer as Bo } from "./components/ui/SurfaceAnchoredLayer.js";
+import { SurfaceFloatingLayer as bo } from "./components/ui/SurfaceFloatingLayer.js";
+import { SurfaceFloatingPanel as Mo } from "./components/ui/SurfaceFloatingPanel.js";
+import { Switch as wo } from "./components/ui/Switch.js";
+import { TabPanel as Ko, Tabs as Vo } from "./components/ui/Tabs.js";
+import { Tag as jo } from "./components/ui/Tag.js";
+import { Tooltip as Yo } from "./components/ui/Tooltip.js";
+import { clientToCanvasLocal as Zo, clientToCanvasWorld as qo, createViewportFromZoomAnchor as Jo, isPointInsideCanvasRect as $o, localToCanvasWorld as re } from "./components/ui/canvasGeometry.js";
+import { createFloatingPresence as ee } from "./components/ui/floatingPresence.js";
+import { intersectSurfaceRects as ae } from "./components/ui/surfaceFloatingBoundary.js";
+import { resolveFloatingWindowViewport as ne } from "./components/ui/floatingWindowGeometry.js";
+import { startPointerSession as le } from "./components/ui/pointerSession.js";
 export {
-  o as AffixInput,
+  e as AffixInput,
   c as AnimatedBorderCard,
   A as AreaChart,
   L as Button,
   P as CANVAS_WHEEL_INTERACTIVE_ATTR,
-  T as Card,
-  l as CardContent,
+  l as Card,
+  T as CardContent,
   m as CardDescription,
   p as CardFooter,
   f as CardHeader,
-  C as CardTitle,
+  s as CardTitle,
   V as Checkbox,
   z as CheckboxGroup,
   j as CheckboxList,
   Y as CircularProgress,
   $ as CommandPalette,
-  er as ConfirmDialog,
+  or as ConfirmDialog,
   I as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
   O as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
   W as DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR,
@@ -66,7 +67,7 @@ export {
   ir as DIALOG_SURFACE_HOST_ATTR,
   R as DataBarChart,
   x as DataPieChart,
-  or as Dialog,
+  er as Dialog,
   Ar as DialogPlacementProvider,
   xr as DirectoryInput,
   dr as DirectoryPicker,
@@ -86,75 +87,76 @@ export {
   qr as FormRow,
   Jr as FormSection,
   Or as HighlightBlock,
-  ee as InfiniteCanvas,
+  oo as InfiniteCanvas,
   Wr as InfoBlock,
   t as Input,
-  s as Interactive3DCard,
+  C as Interactive3DCard,
   h as LOCAL_INTERACTION_SURFACE_ATTR,
   u as LineChart,
   Q as LinearProgress,
-  te as MENU_ITEM_SELECTOR,
-  le as MobileKeyboard,
+  to as MENU_ITEM_SELECTOR,
+  To as MobileKeyboard,
   d as MonitoringChart,
   E as MorphCard,
   S as NeonCard,
   Dr as NoteBlock,
   a as NumberInput,
-  pe as Pagination,
-  Ce as PickerNavigationError,
-  Ae as ProcessingIndicator,
-  xe as QuoteBlock,
-  de as RadioGroup,
-  Fe as RadioList,
-  Le as RadioOption,
+  po as Pagination,
+  so as PersistentHorizontalScrollbar,
+  Eo as PickerNavigationError,
+  xo as ProcessingIndicator,
+  Fo as QuoteBlock,
+  go as RadioGroup,
+  Po as RadioList,
+  Io as RadioOption,
   nr as SURFACE_PORTAL_HOST_ATTR,
   cr as SURFACE_PORTAL_LAYER_ATTR,
-  Pe as SegmentedControl,
+  Wo as SegmentedControl,
   Z as SegmentedProgress,
   gr as Select,
-  Oe as Stepper,
+  No as Stepper,
   q as StepsProgress,
   Nr as SuccessBlock,
-  he as SurfaceAnchoredLayer,
-  ke as SurfaceFloatingLayer,
-  Ue as SurfaceFloatingPanel,
-  He as Switch,
-  ye as TabPanel,
-  we as Tabs,
-  Ke as Tag,
+  Bo as SurfaceAnchoredLayer,
+  bo as SurfaceFloatingLayer,
+  Mo as SurfaceFloatingPanel,
+  wo as Switch,
+  Ko as TabPanel,
+  Vo as Tabs,
+  jo as Tag,
   i as Textarea,
   hr as TipBlock,
-  ze as Tooltip,
+  Yo as Tooltip,
   v as WORKBENCH_TEXT_SELECTION_SURFACE_ATTR,
   k as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
   B as WORKBENCH_WIDGET_SHELL_ATTR,
   vr as WarningBlock,
-  We as Wizard,
-  Tr as __resetSurfacePortalScopeForTests,
-  Xe as clientToCanvasLocal,
-  Ye as clientToCanvasWorld,
-  se as createFilesystemPickerDataSource,
-  $e as createFloatingPresence,
-  Qe as createViewportFromZoomAnchor,
-  lr as ensureSurfacePortalInteractionTracking,
-  ae as focusMenuItem,
-  Ee as formatPickerPath,
-  ie as getMenuItems,
-  ne as handleMenuKeyboardNavigation,
-  eo as intersectSurfaceRects,
+  ho as Wizard,
+  lr as __resetSurfacePortalScopeForTests,
+  Zo as clientToCanvasLocal,
+  qo as clientToCanvasWorld,
+  So as createFilesystemPickerDataSource,
+  ee as createFloatingPresence,
+  Jo as createViewportFromZoomAnchor,
+  Tr as ensureSurfacePortalInteractionTracking,
+  ao as focusMenuItem,
+  _o as formatPickerPath,
+  io as getMenuItems,
+  no as handleMenuKeyboardNavigation,
+  ae as intersectSurfaceRects,
   U as isLocalInteractionSurfaceTarget,
-  Ze as isPointInsideCanvasRect,
+  $o as isPointInsideCanvasRect,
   mr as isSurfacePortalMode,
-  qe as localToCanvasWorld,
-  ce as moveMenuFocus,
+  re as localToCanvasWorld,
+  co as moveMenuFocus,
   Ur as normalizeFileOpenSelection,
-  Se as parsePickerPath,
+  Ao as parsePickerPath,
   pr as projectSurfacePortalPosition,
   fr as projectSurfacePortalRect,
-  to as resolveFloatingWindowViewport,
+  ne as resolveFloatingWindowViewport,
   b as resolveSurfaceInteractionTargetRole,
-  Cr as resolveSurfacePortalBoundaryRect,
-  sr as resolveSurfacePortalHost,
+  sr as resolveSurfacePortalBoundaryRect,
+  Cr as resolveSurfacePortalHost,
   Er as resolveSurfacePortalMount,
   Sr as resolveSurfacePortalMountRect,
   H as resolveSurfaceWheelRouting,
@@ -162,8 +164,8 @@ export {
   y as resolveWorkbenchWidgetLocalTypingTarget,
   w as resolveWorkbenchWidgetTextSelectionTarget,
   G as shouldActivateWorkbenchWidgetLocalTarget,
-  io as startPointerSession,
+  le as startPointerSession,
   br as updateFileOpenSelection,
   $r as useFormSubmitting,
-  De as useWizard
+  vo as useWizard
 };

package/package.json

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