pi-extension-utils 0.5.1 → 0.5.2

package/dist/src/pane/overlay.d.ts

@@ -72,7 +72,12 @@ export interface PaneOverlaySplitOptions {
 export interface PaneCollapseOptions {
     key?: string;
     collapsedWidth?: number;
-    label?: string;
+    /**
+     * Legend/divider label for the collapse toggle. A function receives the
+     * current collapsed state so the hint can read e.g. "hide sidebar" when open
+     * and "open sidebar" when collapsed.
+     */
+    label?: string | ((collapsed: boolean) => string);
 }
 export interface PaneOverlayOptions<T = unknown, Row = unknown> {
     primary: PrimaryPaneOptions<Row>;

package/dist/src/pane/overlay.js

@@ -89,6 +89,10 @@ export function paneOverlay(options) {
         let finished = false;
         let focus = "primary";
         let collapsed = false;
+        const collapseLabel = (fallback) => {
+            const label = collapse?.label;
+            return typeof label === "function" ? label(collapsed) : (label ?? fallback);
+        };
         let leftFraction = split.initialFraction ?? 0.5;
         let lastRenderWidth = 80;
         let lastSelectedKey;
@@ -339,7 +343,7 @@ export function paneOverlay(options) {
             if (!collapsed)
                 entries.push({ key: "[/]", label: "resize" });
             if (collapse)
-                entries.push({ key: collapseKey, label: collapse.label ?? "collapse" });
+                entries.push({ key: collapseKey, label: collapseLabel("collapse") });
             for (const action of customActions) {
                 if (action.showInLegend === false)
                     continue;
@@ -453,10 +457,16 @@ export function paneOverlay(options) {
                         : primaryRows.length > primaryHeight
                             ? formatScrollInfo(primaryState.scrollOffset, Math.max(0, primaryRows.length - primaryHeight), { style: "position" })
                             : "");
-                const detailFooterText = resolveValue(options.detail.footer, ctx)
-                    ?? (detailRows.length > detailHeight
+                const detailFooterBase = resolveValue(options.detail.footer, ctx) ??
+                    (detailRows.length > detailHeight
                         ? formatScrollInfo(detailState.scrollOffset, Math.max(0, detailRows.length - detailHeight), { style: "position" })
                         : "");
+                // When the primary pane is collapsed its legend (and the collapse hint with
+                // it) disappears, so the user can't see how to reopen it. Surface the
+                // reopen hint in the always-visible detail footer instead.
+                const detailFooterText = collapsed && collapse
+                    ? [`${collapseKey} ${collapseLabel("expand")}`, detailFooterBase].filter(Boolean).join(" \u00b7 ")
+                    : detailFooterBase;
                 const bottomPrimary = titledBottomSegment(chromeTheme, primaryWidth, primaryFooterText, focus === "primary");
                 const bottomDetail = titledBottomSegment(chromeTheme, detailWidth, detailFooterText, focus === "detail");
                 const bottomBorder = primaryWidth === 0
@@ -474,7 +484,7 @@ export function paneOverlay(options) {
                         primaryCell = infoLines[row - infoStart - 1] ?? "";
                     }
                     else if (legendPlacement === "primary" && row === legendStart && legendLines.length > 0) {
-                        primaryCell = flatRule(chromeTheme, collapse?.label ?? "actions", primaryWidth);
+                        primaryCell = flatRule(chromeTheme, collapse ? collapseLabel("actions") : "actions", primaryWidth);
                     }
                     if (legendPlacement === "primary" && row > legendStart) {
                         const legendIndex = row - legendStart - 1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pi-extension-utils",
-	"version": "0.5.1",
+	"version": "0.5.2",
 	"description": "Shared Pi extension utilities for coordinated widgets, fullscreen leases, and logging.",
 	"type": "module",
 	"main": "./dist/src/index.js",