@dxos/plugin-stack 0.13.0 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-stack",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "DXOS Surface plugin for Stack entities",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -106,16 +106,16 @@
   "dependencies": {
     "@effect/atom-react": "4.0.0",
     "effect": "4.0.0",
-    "@dxos/app-framework": "0.13.0",
-    "@dxos/app-toolkit": "0.13.0",
-    "@dxos/plugin-space": "0.13.0",
-    "@dxos/react-ui-attention": "0.13.0",
-    "@dxos/keys": "0.13.0",
-    "@dxos/react-ui-dnd": "0.13.0",
-    "@dxos/react-ui-menu": "0.13.0",
-    "@dxos/react-ui-mosaic": "0.13.0",
-    "@dxos/util": "0.13.0",
-    "@dxos/echo": "0.13.0"
+    "@dxos/app-framework": "0.14.0",
+    "@dxos/app-toolkit": "0.14.0",
+    "@dxos/keys": "0.14.0",
+    "@dxos/echo": "0.14.0",
+    "@dxos/plugin-space": "0.14.0",
+    "@dxos/react-ui-attention": "0.14.0",
+    "@dxos/react-ui-dnd": "0.14.0",
+    "@dxos/react-ui-menu": "0.14.0",
+    "@dxos/react-ui-mosaic": "0.14.0",
+    "@dxos/util": "0.14.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.6.0",
@@ -124,24 +124,24 @@
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
     "vite": "^8.2.2",
-    "@dxos/echo-react": "0.13.0",
-    "@dxos/plugin-illustrator": "0.13.0",
-    "@dxos/plugin-markdown": "0.13.0",
-    "@dxos/plugin-testing": "0.13.0",
-    "@dxos/plugin-tldraw": "0.13.0",
-    "@dxos/react-client": "0.13.0",
-    "@dxos/random": "0.13.0",
-    "@dxos/plugin-client": "0.13.0",
-    "@dxos/react-ui": "0.13.0",
-    "@dxos/ui-theme": "0.13.0"
+    "@dxos/echo-react": "0.14.0",
+    "@dxos/plugin-client": "0.14.0",
+    "@dxos/plugin-markdown": "0.14.0",
+    "@dxos/plugin-testing": "0.14.0",
+    "@dxos/plugin-tldraw": "0.14.0",
+    "@dxos/react-client": "0.14.0",
+    "@dxos/react-ui": "0.14.0",
+    "@dxos/ui-theme": "0.14.0",
+    "@dxos/random": "0.14.0",
+    "@dxos/plugin-illustrator": "0.14.0"
   },
   "peerDependencies": {
     "@effect/atom-react": "4.0.0",
     "effect": "4.0.0",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "@dxos/react-ui": "^0.13.0",
-    "@dxos/ui-theme": "^0.13.0"
+    "@dxos/react-ui": "^0.14.0",
+    "@dxos/ui-theme": "^0.14.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Stack/Stack.tsx

@@ -22,6 +22,7 @@ import { type DndContainerHandler } from '@dxos/react-ui-dnd';
 import { Mosaic, type MosaicTileProps } from '@dxos/react-ui-mosaic';
 import * as Hooks from '@dxos/react-ui/Hooks';
 import * as Icon from '@dxos/react-ui/Icon';
+import * as Layout from '@dxos/react-ui/Layout';
 import * as Menu from '@dxos/react-ui/Menu';
 import * as ScrollArea from '@dxos/react-ui/ScrollArea';
 import type * as Util from '@dxos/react-ui/Util';
@@ -201,7 +202,7 @@ const StackSection = ({ data, ...tileProps }: StackSectionProps) => {
   const title = Obj.getLabel(object, { fallback: 'typename' }) ?? t('untitled-section.title');
 
   const rail = (
-    <div className='grid grid-rows-[min-content_1fr]'>
+    <Layout.Grid rows={['min', 'fill']}>
       <div className='p-1 dx-toolbar-surface'>
         <Menu.Root open={optionsMenuOpen} onOpenChange={({ open }) => setOptionsMenuOpen(open)}>
           <Menu.Trigger asChild>
@@ -266,7 +267,7 @@ const StackSection = ({ data, ...tileProps }: StackSectionProps) => {
           <DragHandleGlyph />
         </Mosaic.DragHandle>
       </div>
-    </div>
+    </Layout.Grid>
   );
 
   return (
@@ -276,14 +277,16 @@ const StackSection = ({ data, ...tileProps }: StackSectionProps) => {
       classNames='grid grid-cols-[var(--dx-rail-action)_1fr] dx-attention-surface border border-separator-subtle'
     >
       <div className='border-e border-separator-subtle'>
-        <div className='sticky top-0 flex flex-col items-center'>{rail}</div>
+        <Layout.Flex column align='center' classNames='sticky top-0'>
+          {rail}
+        </Layout.Flex>
       </div>
       <div {...attentionAttrs} className='min-w-0'>
         <span className='sr-only'>{title}</span>
         {isCollapsed ? (
-          <div className='h-(--dx-toolbar-size) flex p-1'>
+          <Layout.Flex classNames='h-(--dx-toolbar-size) p-1'>
             <h2 className='flex items-center font-medium'>{title}</h2>
-          </div>
+          </Layout.Flex>
         ) : (
           <Surface.Surface type={AppSurface.Section} data={surfaceData} limit={1} />
         )}