chore: update options and help menus

Author: coopbri

app/src/components/core/OptionsPanel/OptionsPanel.tsx

@@ -104,7 +104,7 @@ const OptionsPanel = ({
     () => [
       {
         id: "expand-subgardens",
-        label: expandSubgardens ? "Expanded" : "Condensed",
+        label: expandSubgardens ? "Expand subgardens" : "Condense subgardens",
         onClick: () => {
           setExpandSubgardens(!expandSubgardens);
           // force re-layout
@@ -118,14 +118,14 @@ const OptionsPanel = ({
       },
       {
         id: "zoom-in",
-        label: "Zoom In",
+        label: "Zoom in",
         onClick: () => zoomIn(),
         icon: <PlusIcon size={14} />,
         disabled: maxZoomReached,
       },
       {
         id: "zoom-out",
-        label: "Zoom Out",
+        label: "Zoom out",
         onClick: () => zoomOut(),
         icon: <MinusIcon size={14} />,
         disabled: minZoomReached,

app/src/components/visualizer/GardenFlowHints/GardenFlowHints.tsx

@@ -6,6 +6,7 @@ import {
   LightbulbIcon,
   LayersIcon,
   GlobeIcon,
+  Layers2Icon,
 } from "lucide-react";
 
 import {
@@ -43,7 +44,7 @@ const GardenFlowHints = () => {
             <div className="h-3 w-3 rounded-full border-2 border-primary border-dashed" />
 
             <p className="text-muted-foreground">
-              Click on dashed nodes to navigate between gardens
+              Click on dashed nodes to navigate into that garden
             </p>
           </div>
 
@@ -53,24 +54,11 @@ const GardenFlowHints = () => {
             </div>
 
             <p className="text-muted-foreground">
-              Use the <LayersIcon className="mx-1 inline h-3 w-3" /> toggle to
-              expand or condense subgardens
+              Use the <LayersIcon className="mx-1 inline h-3 w-3" /> /{" "}
+              <Layers2Icon className="mx-1 inline h-3 w-3" /> toggle to expand
+              or condense subgardens
             </p>
           </div>
-
-          <div className="flex items-center gap-2">
-            <div className="flex h-3 w-3 items-center justify-center">
-              <GlobeIcon className="h-3 w-3 text-primary" />
-            </div>
-
-            <p className="text-muted-foreground">
-              Navigate up to supergardens or down to subgardens
-            </p>
-          </div>
-
-          <div className="mt-1 text-muted-foreground text-xs italic">
-            Note: Changes to garden names are reflected in navigation
-          </div>
         </div>
       </CollapsibleContent>
     </Collapsible>