@dxos/plugin-deck 0.7.1 → 0.7.2-staging.6d26b2a

package/dist/lib/browser/index.mjs

@@ -125,7 +125,7 @@ var ActiveNode = () => {
 import React6, { useMemo as useMemo2 } from "react";
 import { NavigationAction as NavigationAction2, SLUG_PATH_SEPARATOR as SLUG_PATH_SEPARATOR2, Surface as Surface3, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
 import { useGraph as useGraph3 } from "@dxos/plugin-graph";
-import { Main } from "@dxos/react-ui";
+import { Main, ScrollArea } from "@dxos/react-ui";
 import { useAttended as useAttended2 } from "@dxos/react-ui-attention";
 import { railGridHorizontal, StackContext } from "@dxos/react-ui-stack";
 import { mx as mx2 } from "@dxos/react-ui-theme";
@@ -176,7 +176,7 @@ var PlankControls = /* @__PURE__ */ forwardRef(({ onClick, variant = "default",
     label: isSolo ? t("show deck plank label") : t("show solo plank label"),
     classNames: buttonClassNames,
     onClick: () => onClick?.("solo"),
-    icon: isSolo ? "ph--vibrate--regular" : "ph--arrows-out--regular"
+    icon: isSolo ? "ph--arrow-u-down-left--regular" : "ph--arrows-out--regular"
   }), !isSolo && can.solo && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(PlankControl, {
     label: t("increment start label"),
     disabled: !can.incrementStart,
@@ -443,15 +443,13 @@ var ComplementarySidebar = ({ panels, current }) => {
     }
   }, /* @__PURE__ */ React6.createElement("div", {
     role: "none",
-    className: mx2(railGridHorizontal, "grid-cols-1 bs-full")
+    className: mx2(railGridHorizontal, "grid grid-cols-[100%] bs-full")
   }, /* @__PURE__ */ React6.createElement(NodePlankHeading, {
     coordinate,
     node,
     popoverAnchorId,
     actions
-  }), /* @__PURE__ */ React6.createElement("div", {
-    className: "divide-y divide-separator overflow-x-hidden overflow-y-scroll"
-  }, node && /* @__PURE__ */ React6.createElement(Surface3, {
+  }), /* @__PURE__ */ React6.createElement(ScrollArea.Root, null, /* @__PURE__ */ React6.createElement(ScrollArea.Viewport, null, node && /* @__PURE__ */ React6.createElement(Surface3, {
     key: id,
     role: `complementary--${panel}`,
     limit: 1,
@@ -462,7 +460,9 @@ var ComplementarySidebar = ({ panels, current }) => {
     },
     fallback: PlankContentError,
     placeholder: /* @__PURE__ */ React6.createElement(PlankLoading, null)
-  })))));
+  }), /* @__PURE__ */ React6.createElement(ScrollArea.Scrollbar, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React6.createElement(ScrollArea.Thumb, null)))))));
 };
 
 // packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx
@@ -638,6 +638,7 @@ var Plank = /* @__PURE__ */ memo2(({ entry, layoutParts, part, layoutMode, order
     canIncrementEnd,
     popoverAnchorId
   }), /* @__PURE__ */ React10.createElement(Surface6, {
+    key: node.id,
     role: "article",
     data,
     limit: 1,
@@ -1189,7 +1190,7 @@ var translations_default = [
         "pin end label": "Pin to the right sidebar",
         "increment start label": "Move to the left",
         "increment end label": "Move to the right",
-        "show deck plank label": "Show deck",
+        "show deck plank label": "Return to deck",
         "show solo plank label": "Maximize",
         "close label": "Close",
         "minify label": "Minify",