@terra-symposium/docs 0.1.78 → 0.1.80

package/lib-dist/components/terra/pages/docs/_sidebar.js

@@ -10,63 +10,48 @@ IMPORTS
 //////////////////////////////////////////////////*/
 // API
 import { $leafTitle, $mode, $transition, $unsavedDrafts, memoryDrafts, useAtom, } from '../../../../lib/terra/docs/state.js';
-import { extractAllNodeIds, getSiblings as getSibs, parseDocsRoute as route, getStableKey, sanitizeName, } from '../../../../lib/terra/docs/tree.js';
-import { navigateDocs as navigate } from '../../../../lib/terra/docs/navigation.js';
-import { runMutation } from '../../../../lib/terra/docs/mutations.js';
-import { getHue } from '@terra-symposium/styling';
 import { actions } from '../../../../lib/terra/runtime/action-proxy.js';
 import { archiveDocs } from '../../../../lib/terra/docs/archive.js';
-import { ManageAttachmentsDialog } from './_manage-attachments-dialog.js';
-import { useRenderTripwire } from './use-render-tripwire.js';
-import { bName, buildRoute as buildRoute, cTitle, dirname, docsPath, docsRootPath, FILES, toNodeLabel, toPaths, } from '../../../../lib/terra/runtime/shared.js';
-import { cn, createTrace, notify } from '../../../../lib/terra/runtime/runtime.js';
-import { isDevOrigin } from '../../../../lib/terra/runtime/runtime.js';
+import { bName, buildRoute as buildRoute, cTitle, dirname, docsPath, docsRootPath, toNodeLabel, toPaths, } from '../../../../lib/terra/runtime/shared.js';
+import { cn, createTrace, isDevOrigin, notify } from '../../../../lib/terra/runtime/runtime.js';
 import { components as repoComponents } from '../../../../lib/terra/custom-components.js';
 import { currLeafSrc } from '../../../../lib/terra/runtime/leaf.js';
+import { extractAllNodeIds, getSiblings as getSibs, getStableKey, parseDocsRoute as route, sanitizeName, } from '../../../../lib/terra/docs/tree.js';
+import { getHue } from '@terra-symposium/styling';
+import { navigateDocs as navigate } from '../../../../lib/terra/docs/navigation.js';
+import { runMutation } from '../../../../lib/terra/docs/mutations.js';
 import { toast } from 'sonner';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useRenderTripwire } from './use-render-tripwire.js';
 // COMPONENTS
 import * as TerraQualityRegex from '../../../../lib/terra/regex.mjs';
 import React from 'react';
 import Tree, { Menu } from './_tree.js';
-import User from '../../ui.js';
+import User, { ErrorBoundary } from '../../ui.js';
 import { Add as AddIcon, ArrowUpRight as PopOutIcon, Box as BoxIcon, ColorPalette as ColorIcon, Download as DownloadIcon, Edit as EditIcon, Link as LinkIcon, TrashCan as TrashIcon, } from '@carbon/icons-react';
-import { AlertError } from '@terra-symposium/styling/ui';
-import { Button } from '@terra-symposium/styling/ui';
-import { ContextMenu, ContextMenuContent, ContextMenuTrigger } from '@terra-symposium/styling/ui';
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@terra-symposium/styling/ui';
-import { ErrorBoundary } from '../../ui.js';
+import { AlertError, Button, ContextMenu, ContextMenuContent, ContextMenuTrigger, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarRail, Slider, } from '@terra-symposium/styling/ui';
 import { ExportDialog as SharedExportDialog } from './_export-dialog.js';
-import { Input } from '@terra-symposium/styling/ui';
-import { Label } from '@terra-symposium/styling/ui';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@terra-symposium/styling/ui';
-import { Separator } from '@terra-symposium/styling/ui';
-import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarRail, } from '@terra-symposium/styling/ui';
-import { Slider } from '@terra-symposium/styling/ui';
+import { ManageAttachmentsDialog } from './_manage-attachments-dialog.js';
+// DATA
+import { FILES } from '../../../../lib/terra/runtime/shared.js';
 // prettier-ignore
 /*//////////////////////////////////////////////////
 CONFIG
 //////////////////////////////////////////////////*/
-/**
- * SANITY MANY-TO-MANY ROUTING ARCHITECTURE
- *
- * Parses explicit Sanity IDs directly from the URL.
- * A single leaf or group can belong to multiple parents. Canonical routing keeps the active
- * section anchored to the first path segment so the sidebar select never drifts.
- *
- * @param pathname - Current browser pathname used to mark the active route.
- */
 /**
  * Reads the typed detail payload from a DOM event.
  *
  * @param e - DOM event carrying the custom payload.
- * @returns The event detail payload.
+ *
+ * @return The event detail payload.
  */
 const eDetail = (e) => e.detail;
 /**
- * Handles latest content.
+ * Reads the latest Markdown source from the content model for sidebar preview state.
  *
  * @param content - Docs content used to derive the sidebar structure.
+ *
+ * @return The source text, or an empty string when the model has no text content.
  */
 const latestContent = (content) => {
     if (typeof content === 'string')
@@ -74,20 +59,11 @@ const latestContent = (content) => {
     return Array.isArray(content) ? currLeafSrc(content, 'sidebar.latestContent') : '';
 };
 /*//////////////////////////////////////////////////
-FUNCTIONS
+HELPERS
 //////////////////////////////////////////////////*/
-/**
- * Handles archive.
- *
- * @param v - Paths input supplied to archive's operation.
- * @param r - Root dir input supplied to archive's operation.
- * @param f - Filename base input supplied to archive's operation.
- * @param o - Opts input supplied to archive's operation.
- * @param d - Callback invoked for progress.
- * @param n - Node ids input supplied to archive's operation.
- */
+/** Dialog implementations assigned below for the sidebar's typed component registry. */
 const SidebarComponents = {};
-/**
+/*
  * RENDER TRIPWIRE
  * A diagnostic tool to catch and analyze React infinite loops.
  *
@@ -97,86 +73,64 @@ const SidebarComponents = {};
 /*//////////////////////////////////////////////////
 COMPONENTS
 //////////////////////////////////////////////////*/
-/*
- * Dialog component for selecting and managing all attachments across a section tree.
- *
- * @param props - Active attachment target, state setter, disabled state, and Docs tree for browsing and managing related assets.
- * @param tgt - The specific target node (Leaf, Group, or Section) receiving the attachment modifications.
- * @param setTgt - State dispatcher to clear or update the active target boundary, closing the dialog.
- * @param disabled - Master lock preventing interactions while network mutations or animations are active.
- * @param tree - Tree input supplied to manage attchs dialog's operation.
- *
- * @return The interactive modal overlay containing the attachment dashboard.
- *
- * @remarks
- * Provides a unified interface for uploading raw media, scraping external web links, linking YouTube videos,
- * and directly associating existing or new internal documentation pages as relational attachments.
- */
-SidebarComponents.PromptDialog = function PromptDialog({ state: s, setState: setS, disabled, }) {
-    if (!s)
-        return null;
-    return (_jsx(Dialog, { open: s.open, onOpenChange: (o) => {
-            if (!o) {
-                s.onCancel?.();
-                setS(null);
-            }
-        }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: s.title }), _jsx(DialogDescription, { children: s.description || `Enter a new ${s.label.toLowerCase()}.` })] }), _jsx("div", { className: "py-4", children: _jsx(Input, { autoFocus: true, "aria-label": s.label, value: s.value, onChange: (e) => {
-                            setS({ ...s, value: e.target.value });
-                        }, className: "w-full focus:ring-0", disabled: disabled, onKeyDown: (e) => {
-                            if (e.key === 'Enter') {
-                                e.preventDefault();
+SidebarComponents.PromptDialog =
+    /**
+     * Prompts for a new sidebar operation and reports the user's choice to the owning component.
+     *
+     * @param props Prompt state, state updater, and whether the current operation is disabled.
+     *
+     * @return The prompt dialog while a prompt is active, or `null` when no prompt is open.
+     */
+    function PromptDialog({ state: s, setState: setS, disabled, }) {
+        if (!s)
+            return null;
+        return (_jsx(Dialog, { open: s.open, onOpenChange: (o) => {
+                if (!o) {
+                    s.onCancel?.();
+                    setS(null);
+                }
+            }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: s.title }), _jsx(DialogDescription, { children: s.description || `Enter a new ${s.label.toLowerCase()}.` })] }), _jsx("div", { className: "py-4", children: _jsx(Input, { autoFocus: true, "aria-label": s.label, value: s.value, onChange: (e) => {
+                                setS({ ...s, value: e.target.value });
+                            }, className: "w-full focus:ring-0", disabled: disabled, onKeyDown: (e) => {
+                                if (e.key === 'Enter') {
+                                    e.preventDefault();
+                                    if (s.value.trim()) {
+                                        s.onSave(s.value.trim());
+                                        setS(null);
+                                    }
+                                }
+                            } }) }), _jsx(DialogFooter, { children: _jsx(Button, { disabled: disabled || !s.value.trim(), onClick: () => {
                                 if (s.value.trim()) {
                                     s.onSave(s.value.trim());
                                     setS(null);
                                 }
-                            }
-                        } }) }), _jsx(DialogFooter, { children: _jsx(Button, { disabled: disabled || !s.value.trim(), onClick: () => {
-                            if (s.value.trim()) {
-                                s.onSave(s.value.trim());
-                                setS(null);
-                            }
-                        }, children: "Save" }) })] }) }));
-};
-/*
- * Renders the delete dialog component.
- *
- * @param props - The selected deletion target, state setter, confirmation callback, and disabled state for the delete confirmation.
- * @param setTgt - Clears or updates the active target.
- * @param tgt - Tgt input supplied to delete dialog's operation.
- * @param disabled - Disabled state controlling whether delete dialog accepts interaction.
- * @param onConfirm - Callback invoked for confirm.
- *
- * @return The delete dialog or nothing when no target is selected.
- *
- * @remarks Renders the delete confirmation dialog for sidebar content.
- */
-SidebarComponents.DeleteDialog = function DeleteDialog({ tgt, setTgt, onConfirm, disabled, }) {
-    if (!tgt)
-        return null;
-    return (_jsx(Dialog, { open: !!tgt, onOpenChange: (o) => {
-            if (!o)
-                setTgt(null);
-        }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Delete ", tgt.kind === 'leaf' ? 'page' : tgt.kind === 'branch' ? 'group' : 'section', "?"] }), _jsxs(DialogDescription, { children: ["Delete ", _jsx("code", { children: tgt.title || tgt.path }), ' ', tgt.kind !== 'leaf' ? ' and its nested docs.' : '.', " This action cannot be undone."] })] }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "destructive", disabled: disabled, onClick: () => {
-                            onConfirm();
-                        }, children: "Delete" }) })] }) }));
-};
-/**
- * Renders the top collapsed header boundary on mobile-view structurally isolating context safely cleanly.
- *
- * @return {JSX.Element} Visual mobile heading frame.
- */
+                            }, children: "Save" }) })] }) }));
+    };
+SidebarComponents.DeleteDialog =
+    /**
+     * Confirms deletion of the selected page, group, or section before invoking the caller's action.
+     *
+     * @param props Selected deletion target, state updater, confirmation callback, and disabled state.
+     *
+     * @return The confirmation dialog while a target is selected, or `null` otherwise.
+     */
+    function DeleteDialog({ tgt, setTgt, onConfirm, disabled, }) {
+        if (!tgt)
+            return null;
+        return (_jsx(Dialog, { open: !!tgt, onOpenChange: (o) => {
+                if (!o)
+                    setTgt(null);
+            }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Delete ", tgt.kind === 'leaf' ? 'page' : tgt.kind === 'branch' ? 'group' : 'section', "?"] }), _jsxs(DialogDescription, { children: ["Delete ", _jsx("code", { children: tgt.title || tgt.path }), ' ', tgt.kind !== 'leaf' ? ' and its nested docs.' : '.', " This action cannot be undone."] })] }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "destructive", disabled: disabled, onClick: () => {
+                                onConfirm();
+                            }, children: "Delete" }) })] }) }));
+    };
 /**
- * Main sidebar controller connecting context providers natively driving application visual trees.
+ * Coordinates the Docs sidebar's route selection, navigation tree, dialogs, and user actions.
  *
- * @param {object} props - Input definitions matching specific nav tree routes.
- * @param docs - Docs input supplied to nav's operation.
- * @param pathname - Pathname input supplied to nav's operation.
- * @param permission - Permission input supplied to nav's operation.
- * @param userData - user record supplied to nav.
- *
- * @return {JSX.Element} Fully formatted UI sidebar assembly correctly binding handlers.
+ * @param props Navigation tree, current path, access permission, optional user, and site labels.
+ * @returns The Docs sidebar and its navigation controls for the active host route.
  */
-export default (function Nav({ docs: items, pathname, permission, userData, siteTitle = 'Terra Symposium', siteDescription, homePath = '/', ...props }) {
+function Nav({ docs: items, pathname, permission, userData, siteTitle = 'Terra Symposium', siteDescription, homePath = '/', ...props }) {
     // STATES
     const leafTitle = useAtom($leafTitle);
     const curMode = useAtom($mode);
@@ -186,6 +140,8 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
     const [drag, setDrag] = useState(null);
     const [dState, setDState] = useState(null);
     const [hovered, setHovered] = useState(null);
+    // MANY-TO-MANY ROUTE ANCHOR
+    // Resolve the first route segment as the active section because leaves and groups can have multiple parents.
     const [cPathname, setCPathname] = useState(() => route(pathname || '').pathname);
     const urlIds = useMemo(() => route(cPathname), [cPathname]);
     const [viewedSecId, setViewedSecId] = useState(() => route(pathname || '').sectionId || null);
@@ -253,7 +209,15 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
         const nestedBranchIds = new Set();
         s.forEach((n) => {
             if (n.children)
-                (function walk(children) {
+                (
+                /**
+                 * Collects nested branch IDs so child groups are not duplicated as top-level sections.
+                 *
+                 * @param children Child navigation nodes under the current section.
+                 *
+                 * @return Nothing; branch IDs are added to `nestedBranchIds` during traversal.
+                 */
+                function walk(children) {
                     children.forEach((c) => {
                         if (c.type === 'branch') {
                             nestedBranchIds.add(c.origName);
@@ -332,7 +296,13 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
          */
         if (leafTitle?.path)
             setTree((nodes) => {
-                /** Normalize full storage paths before matching a local title update. */
+                /**
+                 * Normalizes stored paths before matching a local title update.
+                 *
+                 * @param value Host path, storage path, or route fragment.
+                 *
+                 * @return A slash-delimited path without draft markers, extensions, or query fragments.
+                 */
                 const cPath = (value) => value
                     .replace(/\\/g, '/')
                     .split(/[?#]/, 1)[0]
@@ -341,28 +311,42 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
                     .replace(/^\/+|\/+$/g, '');
                 const targetPath = cPath(leafTitle.path);
                 const targetBasename = targetPath.split('/').at(-1)?.toLowerCase() ?? '';
-                const countBasename = (items) => items.reduce((count, item) => {
-                    if (item.type === 'leaf') {
-                        const basename = cPath(item.path || '')
+                /**
+                 * Counts leaves with the target basename before enabling a basename-only title match.
+                 *
+                 * @param items Navigation nodes whose leaves should be counted.
+                 *
+                 * @return Number of leaves whose normalized basename matches the target.
+                 */
+                const countBasename = (items) => items.reduce((count, i) => {
+                    if (i.type === 'leaf') {
+                        const basename = cPath(i.path || '')
                             .split('/')
                             .at(-1)
                             ?.toLowerCase();
                         return count + Number(basename === targetBasename);
                     }
-                    return count + countBasename(item.children ?? []);
+                    return count + countBasename(i.children ?? []);
                 }, 0);
                 // Many repository documents are named index.md. A basename fallback
                 // would rename every such leaf, so only allow it for a unique filename.
                 const canMatchBasename = targetBasename !== 'index' && targetBasename !== '' && countBasename(nodes) === 1;
+                /**
+                 * Returns a copied tree with the matching leaf title replaced.
+                 *
+                 * @param items Navigation nodes to copy and update recursively.
+                 *
+                 * @return A new tree whose matching leaf uses the latest title.
+                 */
                 const update = (items) => items.map((node) => {
                     const nodePath = node.type === 'leaf' ? node.path || '' : '';
-                    const normalizedNodePath = cPath(nodePath);
+                    const normNodePath = cPath(nodePath);
                     if (node.type === 'leaf' &&
                         (nodePath === leafTitle.path ||
                             node.origName === leafTitle.path ||
-                            normalizedNodePath === targetPath ||
+                            normNodePath === targetPath ||
                             (canMatchBasename &&
-                                normalizedNodePath.split('/').at(-1)?.toLowerCase() === targetBasename))) {
+                                normNodePath.split('/').at(-1)?.toLowerCase() === targetBasename))) {
                         return { ...node, title: leafTitle.title };
                     }
                     if (node.type === 'branch' && node.children)
@@ -467,7 +451,15 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
                      *
                      * @param nodes - Sidebar nodes traversed while collecting leaf paths.
                      */
-                    (function walk(nodes) {
+                    (
+                    /**
+                     * Collects leaf paths in the same order they appear in the navigation tree.
+                     *
+                     * @param nodes Navigation nodes to traverse.
+                     *
+                     * @return Nothing; each discovered leaf path is appended to `allLeaves`.
+                     */
+                    function walk(nodes) {
                         nodes.forEach((n) => {
                             if (n.type === 'leaf' && n.path)
                                 allLeaves.push(n.path);
@@ -500,7 +492,16 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
     }, []);
     const mergeLeaves = useCallback((v) => {
         const leafOrder = new Map();
-        (function walk(nodes, order = 0) {
+        (
+        /**
+         * Records each leaf's traversal index so merged pages retain sidebar order.
+         *
+         * @param nodes Navigation subtree to index.
+         * @param order Next traversal index to assign.
+         *
+         * @return The next index after this subtree has been visited.
+         */
+        function walk(nodes, order = 0) {
             for (const node of nodes) {
                 if (node.type === 'leaf' && node.path)
                     leafOrder.set(node.path, order++);
@@ -532,7 +533,22 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
                                              *
                                                                                  * @param items - Sidebar items being pruned from the tree.
          */
-                            return (function prune(items) {
+                            return ( /**
+                            return ( * return ( * return ( *
+                            return ( * return ( * return ( * @param items
+                            return ( * return ( * return ( *
+                            return ( * return ( * return ( * @return
+                            return ( * return ( * return (
+                            return ( * return ( *
+                            return ( * return ( * @param items
+                            return ( * return ( *
+                            return ( * return ( * @return
+                            return ( * return (
+                            return ( *
+                            return ( * @param items
+                            return ( *
+                            return ( * @return
+                            return ( */function prune(items) {
                                 const n = [];
                                 for (const node of items) {
                                     if (node.type === 'leaf') {
@@ -882,7 +898,25 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
                         url = aParentId === sectId ? buildRoute(sectId, undefined, tLeafId) : buildRoute(sectId, aParentId, tLeafId);
                         setTree(v => {
                             const nTree = JSON.parse(JSON.stringify(v));
-                            (function insertLeaf(nodes, tgtId) {
+                            ( /**
+                            ( * ( * ( *
+                            ( * ( * ( * @param nodes
+                            ( * ( * ( * @param tgtId
+                            ( * ( * ( *
+                            ( * ( * ( * @return
+                            ( * ( * (
+                            ( * ( *
+                            ( * ( * @param nodes
+                            ( * ( * @param tgtId
+                            ( * ( *
+                            ( * ( * @return
+                            ( * (
+                            ( *
+                            ( * @param nodes
+                            ( * @param tgtId
+                            ( *
+                            ( * @return
+                            ( */function insertLeaf(nodes, tgtId) {
                                 for (const n of nodes) {
                                     if (n.type === 'branch') {
                                         if (n.origName === tgtId) {
@@ -952,7 +986,25 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
                         const gUrl = buildRoute(rootId, tGrpId);
                         setTree(v => {
                             const nTree = JSON.parse(JSON.stringify(v));
-                            (function insertGroup(nodes, tgtId) {
+                            ( /**
+                            ( * ( * ( *
+                            ( * ( * ( * @param nodes
+                            ( * ( * ( * @param tgtId
+                            ( * ( * ( *
+                            ( * ( * ( * @return
+                            ( * ( * (
+                            ( * ( *
+                            ( * ( * @param nodes
+                            ( * ( * @param tgtId
+                            ( * ( *
+                            ( * ( * @return
+                            ( * (
+                            ( *
+                            ( * @param nodes
+                            ( * @param tgtId
+                            ( *
+                            ( * @return
+                            ( */function insertGroup(nodes, tgtId) {
                                 for (const n of nodes) {
                                     if (n.type === 'branch') {
                                         if (n.origName === tgtId) {
@@ -1013,7 +1065,17 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
              * @param tgtPath - Target document path being resolved.
              * @param currPath - Current traversal path accumulated during the search.
              */
-            const pPath = (function findParentPath(nodes, tgtPath, currPath = '') {
+            const pPath = (
+            /**
+             * Finds the containing branch path for a leaf before moving it.
+             *
+             * @param nodes Navigation subtree to search.
+             * @param tgtPath Storage path of the leaf being moved.
+             * @param currPath Branch path accumulated during traversal.
+             *
+             * @return Parent branch path, or `null` when the leaf is absent.
+             */
+            function findParentPath(nodes, tgtPath, currPath = '') {
                 for (const n of nodes) {
                     if (n.type === 'leaf' && n.path === tgtPath)
                         return currPath || '.';
@@ -1396,7 +1458,7 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
                                                 });
                                         }, children: "Reset" }), _jsx(Button, { disabled: loading || transitioning, loading: loading, onClick: () => {
                                             SidebarActions.saveHue();
-                                        }, children: "Save" })] })] }) }), _jsxs(SidebarHeader, { className: "print:hidden", "data-docs-navigation": "true", children: [_jsx("a", { className: "font-serif text-2xl italic hover:tracking-tight", href: homePath, children: siteTitle }), siteDescription && _jsx("p", { className: "m-0 mt-1 line-clamp-1 text-sm text-primary-11", children: siteDescription }), (sects.length > 1 || permission === 'write') && (_jsx("div", { className: "mt-2 flex items-center", children: _jsx("div", { className: cn('block min-w-0 flex-1 rounded-md transition-opacity'), children: _jsxs(Select, { disabled: transitioning, open: sectionOpen, onOpenChange: setSectionOpen, value: aViewed ? aViewed.origName : '', onValueChange: async (v) => {
+                                        }, children: "Save" })] })] }) }), _jsxs(SidebarHeader, { className: "print:hidden", "data-docs-navigation": "true", children: [_jsx("a", { className: "font-serif text-2xl italic hover:tracking-tight", href: homePath, children: siteTitle }), siteDescription && (_jsx("p", { className: "m-0 mt-1 line-clamp-1 text-sm text-primary-11", children: siteDescription })), (sects.length > 1 || permission === 'write') && (_jsx("div", { className: "mt-2 flex items-center", children: _jsx("div", { className: cn('block min-w-0 flex-1 rounded-md transition-opacity'), children: _jsxs(Select, { disabled: transitioning, open: sectionOpen, onOpenChange: setSectionOpen, value: aViewed ? aViewed.origName : '', onValueChange: async (v) => {
                                         if (v === '__add_section__') {
                                             setTimeout(() => {
                                                 addSection();
@@ -1432,9 +1494,10 @@ export default (function Nav({ docs: items, pathname, permission, userData, site
                                                 treeCtx.addGroup(aViewed.origName, aViewed.origName);
                                         },
                                     },
-                                ] }) }))] }), _jsxs(SidebarFooter, { children: [_jsx(User, { user: userData ?? null, className: "mr-auto pl-0" }), _jsx("button", { type: "button", className: "ml-auto rounded px-1 text-xs text-primary-11 hover:text-primary-12", "aria-label": "Search documentation", title: "Search docs (\u2318K)", onClick: (event) => {
-                                event.stopPropagation();
+                                ] }) }))] }), _jsxs(SidebarFooter, { children: [_jsx(User, { user: userData ?? null, className: "mr-auto pl-0" }), _jsx(Button, { variant: "primary-underline", "aria-label": "Search \u2318K", title: "Search docs (\u2318K)", onClick: (e) => {
+                                e.stopPropagation();
                                 window.dispatchEvent(new Event('docs:open-search'));
                             }, children: "Search docs" })] }), _jsx(SidebarRail, {})] }) }));
-});
+}
+export default Nav;
 //# sourceMappingURL=_sidebar.js.map